.video_close { position: absolute; right: 10px; top: 10px; cursor: pointer }
.ca-menu { padding: 0; margin: 20px }
.ca-menu li { width: 25%; overflow: hidden; position: relative; float: left; background: #fff; border-radius: 10px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; margin-bottom: 10px; border-bottom: 1px solid #e7e8e9 }
.ca-menu li:last-child { margin-right: 0 }
.ca-menu li a { text-align: center; display: block; color: #333; height: 77px; position: relative; padding: 15px 10px 20px 80px }
.ca-icon { font-size: 40px; color: #666; text-align: center; -webkit-transition: all 50ms linear; -moz-transition: all 50ms linear; -o-transition: all 50ms linear; -ms-transition: all 50ms linear; transition: all 50ms linear; position: absolute; left: 15px }
.ca-content { left: 0; width: 100%; height: 50%; top: 90px }
.ca-main { color: #707586; font-size: 18px; text-align: left; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear }
.ca-sub { text-align: left; font-size: 14px; color: #999; line-height: 20px; opacity: .8; width: 100%; margin-top: 5px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear }
.ca-sub p { color: #999; clear: both }
.ca-menu li:hover { background-color: #0085ff; z-index: 999 }
.ca-menu li:hover .ca-icon { color: #fff }
.ca-menu li:hover .ca-main { color: #fff; -webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease }
.ca-menu li:hover .ca-sub p { color: #fff; opacity: 1; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease }
@-webkit-keyframes smallToBig { from {
-webkit-transform:scale(.1)
}
to { -webkit-transform: scale(1) }
}
@-moz-keyframes smallToBig { from {
-moz-transform:scale(.1)
}
to { -moz-transform: scale(1) }
}
@-ms-keyframes smallToBig { from {
-ms-transform:scale(.1)
}
to { -ms-transform: scale(1) }
}
@-webkit-keyframes moveFromBottom { from {
-webkit-transform:translateY(100%)
}
to { -webkit-transform: translateY(0%) }
}
@-moz-keyframes moveFromBottom { from {
-moz-transform:translateY(100%)
}
to { -moz-transform: translateY(0%) }
}
@-ms-keyframes moveFromBottom { from {
-ms-transform:translateY(100%)
}
to { -ms-transform: translateY(0%) }
}
.banner-services { height: 555px }
.carousel { min-width: 1210px; position: relative }
.carousel-scenes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; z-index: 10 }
.fade-in { opacity: 1; -webkit-transition: opacity 1s ease 0; -moz-transition: opacity 1s ease 0; -ms-transition: opacity 1s ease 0; -o-transition: opacity 1s ease 0; transition: opacity 1s ease 0 }
.fade-out { opacity: 0; display: none\0 }
.carousel-scenes.fade-out { z-index: 9 }
.has-link { cursor: pointer }
.carousel-controls { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; font-size: 0; z-index: 20; }
.carousel-controls .item, .carousel-controls .item-selected { width: 16px; height: 17px; background: url(../images/normal_bg.png?20190211) no-repeat }
.carousel-controls .item, .carousel-controls .item-selected { width: 16px; height: 17px; background: url(../images/normal_bg.png?20190211) no-repeat }
.carousel-controls .item { display: inline-block; margin: 6px 8px 0; background-position: -249px -51px; cursor: pointer }
.carousel-controls .current { opacity: 0; filter: alpha(opacity=0) }
.carousel-controls .item:hover { background-position: -216px -51px }
.carousel-controls .item-selected { position: absolute; top: 6px; left: 50%; background-position: -182px -51px; -webkit-transition: all .5s ease 0; -moz-transition: all .5s ease 0; -ms-transition: all .5s ease 0; -o-transition: all .5s ease 0; transition: all .5s ease 0 }
.carousel-controls-prev, .carousel-controls-next { position: absolute; top: 50%; width: 27px; height: 84px; margin-top: -42px; background: url(../images/normal_bg.png?20190211) no-repeat; cursor: pointer; display: none; z-index: 30 }
.carousel-controls-prev { left: 20px; background-position: 0 -59px }
.carousel-controls-prev.in-widget { left: -50px }
.carousel-controls-prev:hover { background-position: -33px -59px }
.carousel-controls-next { right: 20px; background-position: -88px -59px }
.carousel-controls-next.in-widget { right: -50px }
.carousel-controls-next:hover { background-position: -119px -59px }
.gongneng { width: 1164px; margin: 0 auto; padding-top: 10px; background: url(../images/present-line2.jpg) repeat-x left top }
.gongneng li { width: 33%; float: left; width: 380px; margin: 15px 12px 0 0 }
.gongneng li a:hover { color: #636b89 }
.gongneng li.mgr { margin-right: 0 }
.gongneng li .gnimg { width: 88px; height: 110px; margin-right: 16px; float: left }
.gongneng li .gnimg .two { display: none }
.gongneng li a:hover .one { display: none }
.gongneng li a:hover .two { display: block; -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease }
.gongneng .gnbg { display: block; height: 96px; border-radius: 10px; padding: 27px 35px 27px 27px; background: url(../images/gnico/gnbg1.jpg) no-repeat 0 0 }
.gongneng .gnbg h2 { font-size: 22px; font-weight: 400; line-height: 36px; margin-top: 2px }
.gongneng .gnbg p { font-size: 14px; line-height: 21px }
.gongneng li:hover .gnbg { background: url(../images/gnico/gnbg2.jpg) no-repeat 0 0 }
.present { width: 100%; margin: 0 auto; display: block }
.present li { margin: 0 auto; position: relative; width: 1210px }
.present li:after { bottom: 0; content: ""; height: 2px; position: absolute; width: 1210px; background: url(../images/present-line.jpg) no-repeat left center }
.present li .presenttext { width: 480px; display: block; position: absolute }
.present li h2 { font-size: 24px; font-weight: 400; color: #636b89; margin-bottom: 6px }
.present li p { font-size: 16px; color: #636b89; line-height: 24px }
.presenttext h2 a { color: #090 }
.present008 { height: 150px }
.present li.present008 .presenttext { left: 0; top: 45px; text-align: center; width: 1210px }
.present li.present008:after { bottom: 0; content: ""; height: 2px; position: absolute; width: 1210px; background: 0 0 }
.w { width: 1210px; min-width: 1210px; margin: 0 auto; display: block }
.noticeindex { width: 1164px; min-width: 1164px; margin: 0 auto; margin-top: 15px; margin-bottom: 0; display: block; font-size: 18px; text-align: center; overflow: hidden; color: #222; border: 1px solid #d0d1d3; background-color: #f3f3f3; line-height: 40px; height: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.noticelist .biaoti { font-size: 16px }
.noticelist .volume { font-size: 16px; margin-right: 8px; color: #5978bb; display: inline-block; width: 110px; margin-left: 20px\9 }
.noticelist .volume a { color: #5978bb !important }
.noticelist .volume i { background: url(../images/icon_news.png) no-repeat left center; width: 20px; height: 20px; color: #5978bb !important; margin-top: 0!important; margin-right: 3px !important }
.noticelist .date { margin-left: 10px; font-size: 16px; color: #999 }
.noticelist .biaoti:hover { color: #5978bb }
.noticelist { display: inline-block }
.noticelist li { display: inline-block; max-width: 320px; margin-right: 10px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; position: relative; float: left\9 }
.noticelist li a { color: #333 }
.noticelist li i { display: inline-block; vertical-align: middle; color: #bebebe; margin-right: 5px; margin-top: -.2em; font-weight: 400; font-style: normal }
.label_new { position: relative; top: -2px; right: 0 }
.newslist { margin-bottom: 20px }
.newslist li { border-bottom: 1px solid #eee; position: relative; line-height: 46px }
.newslist li a { height: 46px; line-height: 46px; padding: 0 5px; display: block; color: #333 }
.newslist li a:hover { color: #f60 }
.newslist li .date { color: #999; margin-right: 5px; position: absolute; right: 5px; top: 0 }
.content { }
.content2 { padding: 10px; margin-bottom: 20px; border: 1px solid #d9d9d9; background-color: #f5f5f5; border-radius: 5px }
.content2 h2 { font-size: 16px }
.content2 h3 { color: #333; font-weight: 700; font-size: 16px; display: block; height: 32px; width: 100%; margin-left: 10px; position: relative }
.content2 h3 i { margin-right: 8px }
.back { color: #666!important; display: block; line-height: 35px; border: 1px solid #ccc; font-weight: 400; border-radius: 3px; background-color: #fdfdfd; font-size: 14px; padding: 0 15px; margin: 10px 0 }
.content2 h3 .back { position: absolute; top: 0; right: 15px; line-height: 24px }
.back:hover { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) }
.back:active { background: #f9f9f9; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) }
.fpad { padding: 10px 10px 10px 30px }
.nopad { padding: 10px 0 0 }
.nopad h3 { margin-left: 20px }
.bgblue { background-color: rgba(21,102,194,.81); border: 0; box-shadow: none }
.bgblue h3 { color: #fff; margin-left: 10px }
.content3 { background-color: #fff; border-radius: 5px; font-size: 16px; line-height: 26px }
.content3 h2 { font-size: 16px }
.content3 p { margin: 0 0 10px }
.content3 img { max-width: 1110px }
.blue { color: #0071ec }
.content3 dl { padding: 10px 0 }
.content3 dt { width: 80px; font-weight: 700; font-size: 18px; line-height: 30px; color: #444; display: block; float: left }
.content3 dt.hb { line-height: 68px }
.content3 dd { display: block; margin-left: 80px; border-left: 1px dotted #b2b2b2; line-height: 30px; padding-left: 10px }
.content3 dd a { display: inline-block; color: #666; margin: 0 5px 0 0; padding: 1px 5px; text-decoration: none; font-size: 12px }
.menubg { overflow-x: hidden; overflow-y: auto; width: 140px; float: left }
.menu0 div { display: block; float: left; padding: 4px 0 4px 4px; width: 140px; text-align: left; text-indent: 2px; cursor: pointer; color: #000; font-size: 14px; position: relative }
.menu0 div i { display: inline-block; width: 24px }
.menu0 div.hover { color: #0071ec; background-color: #fff; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px }
.menu0 div span { background: url(../images_a/icon_new.gif) no-repeat scroll 0 0 transparent; border: 0; display: block; height: 11px; position: absolute; right: 0; top: 0; width: 23px; z-index: 10; right: 5px; top: 6px }
#main0 div { padding: 20px 0; display: none; text-decoration: none; word-wrap: break-word }
#main0 div img { margin: 10px 0 }
#main0 div.block { margin: 15px; display: block; text-decoration: none; word-wrap: break-word }
.marginb { margin-bottom: 15px; display: block }
.menuhelp .content3 { margin-left: 220px; min-height: 400px; border-radius: 0; padding: 20px }
.menuhelp .content3 img { max-width: 740px }
.menuhelp .content4 img { max-width: 945px }
.menuhelp .content4 { font-size: 14px }
ul#menu { display: block; width: 220px; float: left }
ul#menu .ckit { display: none }
ul#menu li ul li a { background-color: #fcfcfc; background-position: 18px 50%; padding-left: 30px }
#tags-news { margin: 0; width: 100%; padding-top: 0; height: 96px }
#tags-news li { float: left; margin-right: 0; list-style-type: none; height: 96px; width: 25%; background-color: #f5f6f7; border-bottom: 1px solid #d7dde6 }
#tags-news li a { padding: 0 20px; float: none; display: block; color: #999; line-height: 40px; height: 95px; text-decoration: none; font-size: 16px; text-indent: -9999px; overflow: hidden; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #d7dde6 }
#tags-news li:last-of-type a { border-right: 0 }
#tags-news li.hover { background-position: left top; position: relative; height: 95px; background-color: #fff; border-bottom: 1px solid #fff }
.news001 { background: url(../images/news001a.jpg) no-repeat center top #f5f6f7 }
.news001:hover { background: url(../images/news001.jpg) no-repeat center top #f5f6f7 }
.hover .news001 { background: url(../images/news001-.jpg) no-repeat center top #f5f6f7 }
.news002 { background: url(../images/news002a.jpg) no-repeat center top #f5f6f7 }
.news002:hover { background: url(../images/news002.jpg) no-repeat center top #f5f6f7 }
.hover .news002 { background: url(../images/news002-.jpg) no-repeat center top #f5f6f7 }
.news003 { background: url(../images/news003a.jpg) no-repeat center top #f5f6f7 }
.news003:hover { background: url(../images/news003.jpg) no-repeat center top #f5f6f7 }
.hover .news003 { background: url(../images/news003-.jpg) no-repeat center top #f5f6f7 }
.news004 { background: url(../images/news004a.jpg) no-repeat center top #f5f6f7 }
.news004:hover { background: url(../images/news004.jpg) no-repeat center top #f5f6f7 }
.hover .news004 { background: url(../images/news004-.jpg) no-repeat center top #f5f6f7 }