@charset "utf-8";
/* CSS Document zhu2016-09 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body {min-width: 1300px; margin: 0px; background:#fff;	color: #444;	font-size: 14px;line-height: 1.8;font-family:Tahoma,Arial,"Microsoft YaHei","微软雅黑","MSYH",'\5b8b\4f53',"宋体","SimHei","黑体",'Hiragino Sans GB',"Microsoft JhengHei","华文细黑",'Heiti SC','Hiragino Sans GB',STHeiti,MingLiu,SimSun,Verdana;	}/*基本样表 */
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }/*去掉点击框*/
* { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
* {	margin: 0px;padding: 0px;list-style: none;}/*默认所有边距为0 */
img, :link img, :visited img {	border: none;}/*默认图片边距为0 */
ul, li {	list-style: none;}
.fl {	float: left;}
.fr {	float: right;}
.both{ clear:both;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}
.none{ display:none;}
.block{ display:block;}
a:link {	color: #444;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #444;}
a:hover {	text-decoration: none;	color: #194893;}
a:active {	text-decoration: none;	color: #444;}
html, body { height:100%; }
input, button ,select,textarea{ outline: none; font-family: Tahoma, Arial, 'Microsoft YaHei',"微软雅黑",  "Microsoft JhengHei", 'Hiragino Sans GB',"华文细黑", STHeiti, MingLiu, '\5b8b\4f53', "宋体", SimSun, Verdana; }
input:focus { outline: none; }
/*缓动效果 */
.transition ,.transition a,.transition i{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;}
.toptran a{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;}
/*  a{	-webkit-transition:  0.2s ease-in 0s;	-moz-transition:  0.2s ease-in 0s;	-ms-transition:  0.2s ease-in 0s;	-o-transition:  0.2s ease-in 0s;	transition:  0.2s ease-in 0s;}  */
.zh-self img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}/*图片自动适应到100% */
/*圆角*/
.round3 { -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px;}
.round5 {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.round10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.round15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.round50 { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
/*透明度*/
.opacity10 { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.opacity30 { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.opacity50 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.opacity80 { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.opacity100 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
/*定位数值*/
.pt3{ padding-top: 3px;}.pt5{ padding-top: 5px;}.pt10{ padding-top: 10px;}.pt15{ padding-top: 15px;}.pt20{ padding-top: 20px;}.pt25{ padding-top: 25px;}.pt30{ padding-top: 30px;}
.pb3{ padding-bottom: 3px;}.pb5{ padding-bottom: 5px;}.pb10{ padding-bottom: 10px;}.pb15{ padding-bottom: 15px;}.pb20{ padding-bottom: 20px;}.pb25{ padding-bottom: 25px;}.pb30{ padding-bottom: 30px;}.pb40{ padding-bottom:40px;}
.pr3{ padding-right: 3px;}.pr5{ padding-right: 5px;}.pr10{ padding-right: 10px;}.pr15{ padding-right: 15px;}.pr20{ padding-right: 20px;}.pr25{ padding-right: 25px;}.pr30{ padding-right: 30px;}
.pl3{ padding-left: 3px;}.pl5{ padding-left: 5px;}.pl10{ padding-left: 10px;}.pl15{ padding-left: 15px;}.pl20{ padding-left: 20px;}.pl25{ padding-left: 25px;}.pl30{ padding-left: 30px;}
.mt3{ margin-top:3px; }.mt5{ margin-top: 5px;}.mt10{ margin-top: 10px;}.mt15{ margin-top: 15px;}.mt20{ margin-top: 20px;}.mt25{ margin-top: 25px;}.mt30{ margin-top: 30px;}
.mb3{ margin-bottom: 3px;}.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}
.mr3{ margin-right: 3px;}.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right: 30px;}
.ml3{ margin-left: 3px;}.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}
/*按钮*/
.btn { display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; outline: none; }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }
.btn-serch { width: 140px; background: #48a0df; color: #fff; outline: none; }
.btn-serch:hover { background: #429edf; color: #fff; outline: none; }
.btn-serch:focus { background: #429edf; color: #fff; outline: none; }
.btn-serch:focus { background: #429edf; color: #fff; outline: none; }
.btn-sub { background: #48a0df; color: #fff; outline: none; }
.btn-sub:hover { background: #429edf; color: #fff; outline: none; }
.btn-sub:focus { background: #429edf; color: #fff; outline: none; }
.btn-sub:focus { background: #429edf; color: #fff; outline: none; }
.btn-danger { background: #bd362f; color: #fff; outline: none; }
.btn-danger:hover { background: #bd362f; color: #fff; outline: none; }
.btn-danger:focus { background: #bd362f; color: #fff; outline: none; }
.btn-danger:focus { background: #bd362f; color: #fff; outline: none; }
/*字号*/
.fz12{ font-size:12px;}.fz14{ font-size:14px;}.fz16{ font-size:16px;}.fz18{ font-size:18px;}.fz20{ font-size:20px;}.fz22{ font-size:22px;}
.fb{ font-weight:bold;}
.zh-txt{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*超过两行省略号*/
.one-txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hd66:link,.hd66:visited,.hd66:active{ color:#666;}
.hd66:hover{color:#FF0000;}
.it-input { padding: 5px; height: 20px; border: 1px solid #ddd; outline: none; margin-right: 5px; margin-left: 5px; }
.it-textarea { padding: 5px; height: 50px; border: 1px solid #dadada; margin-right: 5px; margin-left: 5px; outline: none; }
.it-span12 { width: 940px; }
.it-span11 { width: 860px; }
.it-span10 { width: 780px; }
.it-span9 { width: 700px; }
.it-span8 { width: 620px; }
.it-span7 { width: 540px; }
.it-span6 { width: 460px; }
.it-span5 { width: 380px; }
.it-span4 { width: 300px; }
.it-span3 { width: 220px; }
.it-span2 { width: 140px; }
.it-span1 { width: 60px; }
/*icon*/
.icon{display:block; width: 115px; height: 65px;background-repeat:no-repeat; overflow: hidden;}

/*开始*/
.wd1200{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.ztop{height: 45px; overflow: hidden;line-height: 45px; background: #194893; color: #90b4c8;}
.ztop a.ztop-qq{display: block; width: 105px; height: 30px; overflow: hidden; padding-top: 5px; padding-left: 10px;}
.ztop-ser{width:315px;height: 30px; overflow: hidden; line-height: 28px; background: #34495e; float: left; margin-top: 7px; margin-left: 30px;-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius:14px;}
.ztop-kuan{width: 260px; height: 26px; background: #34495e; border: 1px solid #34495e; padding: 0 10px; color: #90b4c8;}
.ztop-ser input::-webkit-input-placeholder { color:#90b4c8;font-size:14px;}
.ztop-ser input:-moz-placeholder { color:#90b4c8;font-size:14px;}
.ztop-ser input::-moz-placeholder { color:#90b4c8;font-size:14px;}
.ztop-ser input:-ms-input-placeholder { color:#90b4c8;font-size:14px;}
.ztop-ser .ztop-btn{ background: url(../img/icon-ser.png) no-repeat center center; width: 28px; height: 28px; padding: 0;}

.header{ width: 100%;height: 115px; overflow: visible; position: absolute; left: 0;top: 45px; z-index: 9999999;}
.headfix{ position: fixed; top: 0;}

.heabox{min-width: 1300px; width: 100%; height: 115px; background: url(../img/headerbg.png);}
.head1200{width: 1200px; height: 115px; margin: 0 auto; position: relative;}

.nav{width:910px; height: 115px; overflow: hidden; float: right;}
.nav li{width: 130px; height: 115px; overflow: hidden; float: left;}
.nav li a{ display: block;width: 120px; height: 115px; color: #194893; font-size: 16px; text-align: center; overflow: hidden;}
.icon-a{ background-image: url(../img/icon-a.png); background-position: center -56px; }
.icon-b{ background-image: url(../img/icon-b.png); background-position: center -55px; }
.icon-c{ background-image: url(../img/icon-c.png); background-position: center -54px; ;}
.icon-d{ background-image: url(../img/icon-d.png); background-position: center -55px; }
.icon-e{ background-image: url(../img/icon-e.png); background-position: center -56px; }
.icon-f{ background-image: url(../img/icon-f.png); background-position: center -55px; }
.icon-g{ background-image: url(../img/icon-g.png); background-position: center -56px; }
.nav li:hover{ background: #194893}
.nav li:hover a{color:#fff;}
.nav li:hover i.icon-a{background-image: url(../img/icon-a.png); background-position: center 25px; overflow: hidden;}
.nav li:hover i.icon-b{background-image: url(../img/icon-b.png); background-position: center 26px; overflow: hidden;}
.nav li:hover i.icon-c{background-image: url(../img/icon-c.png); background-position: center 24px; overflow: hidden;}
.nav li:hover i.icon-d{background-image: url(../img/icon-d.png); background-position: center 19px; overflow: hidden;}
.nav li:hover i.icon-e{background-image: url(../img/icon-e.png); background-position: center 25px; overflow: hidden;}
.nav li:hover i.icon-f{background-image: url(../img/icon-f.png); background-position: center 22px; overflow: hidden;}
.nav li:hover i.icon-g{background-image: url(../img/icon-g.png); background-position: center 20px; overflow: hidden;}

.navdown{width:1130px; height: 310px; overflow: hidden; position: absolute;top: 115px; right: -220px; background: #fafafa; display: none; padding: 20px 0;}
.navdown dl{ width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
.navdowndl1 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}

.navdown dl:last-child{border-right: none;}
.navdown dl dt{height: auto; overflow: hidden;font-size: 16px;  padding: 5px 0; font-weight: bolder;}
.navdown dl dt a{display: block; padding: 3px 10px;color: #194893;}
.navdown dl dt a:hover{background: #194893; color: #fff; }
.navdown dl dd{height: auto; overflow: hidden;}
.navdown dl dd a{display: block; padding: 0 10px;}
.navdown dl dd a:hover{background: #194893; color: #fff;}

/*banner*/
.banner{ min-width: 1200px;  height: 1160px; overflow: hidden; text-align: center;}

.banner img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}
.banner .swiper-container{width: 100%; height: 1160px; overflow: hidden;}

@media only screen and (max-width: 2000px) {
.banner{ min-width: 1200px;  height: 800px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 800px; overflow: hidden;}
}


@media only screen and (max-width: 1700px) {
.banner{ min-width: 1200px;  height: 780px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 780px; overflow: hidden;}
}
@media only screen and (max-width: 1601px) {
.banner{ min-width: 1200px;  height: 750px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 750px; overflow: hidden;}
}
@media only screen and (max-width: 1500px) {
.banner{ min-width: 1200px;  height: 700px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 700px; overflow: hidden;}

.navdown{width:1100px; height: 310px; overflow: hidden; position: absolute;top: 115px; right: -190px; background: #fafafa; display: none; padding: 20px 0;}
.navdown dl{ width: 98px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl1 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl2 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
}
@media only screen and (max-width: 1300px) {
.banner{ min-width: 1200px;  height: 600px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 600px; overflow: hidden;}

.navdown{width:1100px; height: 310px; overflow: hidden; position: absolute;top: 115px; right: -190px; background: #fafafa; display: none; padding: 20px 0;}
.navdown dl{ width: 92px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl1 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl2 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
}
@media only screen and (max-width: 1200px) {
.banner{ min-width: 1200px;  height: 560px; overflow: hidden; text-align: center;}
.banner .swiper-container{width: 100%; height: 560px; overflow: hidden;}

.navdown{width:1100px; height: 310px; overflow: hidden; position: absolute;top: 115px; right: -190px; background: #fafafa; display: none; padding: 20px 0;}
.navdown dl{ width: 90px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl1 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
#navdowndl2 { width: 110px; height: 710px; float: left; border-right: 1px solid #e1e1e1; padding-left: 5px; padding-right: 5px;}
}

.banner .swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} 
.banner .swiper-pagination-bullet{width: 15px; height: 15px; text-align: center; line-height: 20px; font-size: 12px; color:#FFF; opacity: 1; background: rgba(255,255,255,0.8);} 
.banner .swiper-pagination-bullet-active{color:#fff; background: #194893;}
/*boxa*/
.boxa{width:100%; height: auto; overflow: hidden; background:url(../img/bgxw.gif); padding: 30px 0;}
@-webkit-keyframes gear-r-anim{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.logogd{-webkit-animation:gear-r-anim 3s linear 0s infinite normal;-moz-animation:gear-r-anim 3s linear 0s infinite normal;-ms-animation:gear-r-anim 3s linear 0s infinite normal;-o-animation:gear-r-anim 3s linear 0s infinite normal;animation:gear-r-anim 3s linear 0s infinite normal}
.bgd{width: 40px; height: 40px; overflow: hidden; display: inline-block;vertical-align:top;}
.box-top{height:auto; overflow: hidden; text-align: center;}
.box-toptxt{font-size: 14px; color: #1b5483;}
.box-toptit{font-size: 28px; font-weight: bolder; color: #194893;display: inline-block; height: 40px; vertical-align:top; line-height: 38px;}
.boxa-list{ width: 1230px; height: auto; overflow: hidden;}
.boxa-list li{ width: 230px; height: 280px; overflow: hidden; float: left;  margin-right: 13px; text-align: center; position: relative; z-index: 998;}
.boxa-list li a{display: block; width: 230px; height: 280px; overflow: hidden; position: relative; z-index: 1000;}
.boxa-list li a i.icon-yw1{display: block; width: 230px; height: 100px; overflow: hidden; margin-top: 45px; margin-bottom: 30px; background: url(../img/icon-yw1.png) no-repeat center bottom;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;}
.boxa-list li a i.icon-yw2{display: block; width: 230px; height: 100px; overflow: hidden; margin-top: 45px; margin-bottom: 30px; background: url(../img/icon-yw2.png) no-repeat center bottom;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;}
.boxa-list li a i.icon-yw3{display: block; width: 230px; height: 100px; overflow: hidden; margin-top: 45px; margin-bottom: 30px; background: url(../img/icon-yw3.png) no-repeat center bottom;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;}
.boxa-list li a i.icon-yw4{display: block; width: 230px; height: 100px; overflow: hidden; margin-top: 45px; margin-bottom: 30px; background: url(../img/icon-yw4.png) no-repeat center bottom;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;}
.boxa-list li a i.icon-yw5{display: block; width: 230px; height: 100px; overflow: hidden; margin-top: 45px; margin-bottom: 30px; background: url(../img/icon-yw5.png) no-repeat center bottom;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;}

.boxa-list li a p.boxa-man{ font-size: 18px; color: #333;}
.boxa-list li a p.boxa-lit{ font-size: 14px; color: #666;}
.kkbg{ width:230px; height:280px; overflow:hidden; position:absolute; left:0; top:0; z-index: 999;}
.a0,.a1{ width:20%; height:110%; overflow:hidden; float:left;background:#194893;  opacity: 1;filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1; position: relative; left:0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in; }
.a0{ bottom:-110%;}
.a1{ bottom:110%;}
.kepic a:hover .a0{bottom:0;}
.kepic a:hover .a1{bottom:0;}
.boxa-list li a:hover i.icon-yw1{ background: url(../img/icon-yw1.png) no-repeat center top;margin-bottom: 10px;}
.boxa-list li a:hover i.icon-yw2{ background: url(../img/icon-yw2.png) no-repeat center top;margin-bottom: 10px;}
.boxa-list li a:hover i.icon-yw3{ background: url(../img/icon-yw3.png) no-repeat center top;margin-bottom: 10px;}
.boxa-list li a:hover i.icon-yw4{ background: url(../img/icon-yw4.png) no-repeat center top;margin-bottom: 10px;}
.boxa-list li a:hover i.icon-yw5{ background: url(../img/icon-yw5.png) no-repeat center top;margin-bottom: 10px;}
.boxa-list li a:hover p.boxa-man{  color: #fff;}
.boxa-list li a:hover p.boxa-lit{  color: #fff;}
.boxa-list li:hover .a0{  bottom: 0;}
.boxa-list li:hover .a1{  bottom: 0;}


/*boxb*/
.boxb{height: auto; overflow: hidden; padding: 30px 0;}
.boxb-xy{width: 355px; height: 382px; overflow: hidden; border: 1px solid #ddd; float: right; background: #fff;}
.boxb-xytop{height: 40px; overflow: hidden; }
.boxb-xytop span{display: inline-block; vertical-align: top; border-top:3px solid #194893; font-size: 18px; line-height: 35px; font-weight: bolder; padding:0 15px;}
.boxb-xytop a{display: inline-block; padding: 0 10px; line-height: 40px; font-size: 12px;}
.boxb-xylist{ height: auto; overflow: hidden;}
.boxb-xylist li{width: 70px; height: 70px; overflow: hidden; float: left; margin-left: 15px; margin-top: 30px;}
.boxb-xylist li a{display: block; width: 70px; height: 70px; overflow: hidden; background: #808080; color: #fff; font-size: 12px;  line-height: 16px; text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}

.boxb-xylist li a:hover{background: #194893;}
.icon1{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon1.png) no-repeat center 2px;}
.icon2{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon2.png) no-repeat center 1px;}
.icon3{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon3.png) no-repeat center 2px;}
.icon4{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon4.png) no-repeat center 7px;}
.icon5{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon5.png) no-repeat center 10px;}
.icon6{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon6.png) no-repeat center 5px;}
.icon7{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon7.png) no-repeat center 7px;}
.icon8{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon8.png) no-repeat center 10px;}
.icon9{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon9.png) no-repeat center 8px;}
.icon10{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon10.png) no-repeat center 10px;}
.icon11{display:inline-block; width: 70px; height: 46px; overflow: hidden; background: url(../img/icon11.png) no-repeat center 3px;}


.boxb-news{width: 825px; height: auto; overflow: hidden;}
.boxb-newstop{ height: 40px; overflow: visible; background: #dbf3ff;}
.boxb-newstop a{display: block; height: 40px; float: left; padding:0 25px; line-height: 40px; font-size: 18px; font-weight: bolder; text-align: center; border-right: 1px solid #f7f7f7; background: #9ec9eb; color: #444;}
.boxb-newstop a.mcurrent{background: #194893; color: #fff;}
.boxbdiv{height: auto; overflow: hidden; padding-top: 20px;}
.divpc{width: 345px; height: 320px; overflow: hidden; padding-right: 15px; float: left;}
.divpc dl dt{width:335px; height: 215px; overflow: hidden; padding: 2px; border: 1px solid #ddd;}
.divpc dl dt img{width:335px;}
.divpc dl dd{height: auto; overflow: hidden;}
.divpca{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; font-weight: bolder; padding-top: 10px; padding-bottom: 5px;}
.divnews{height: auto;overflow: hidden; margin-left: 360px;}
.divnews dl{height: auto; overflow: hidden; padding-top: 5px;}
.divnews dl dt{width: 60px; height: auto; overflow: hidden; float: left; text-align: center;}
.divnews dl dt span{ display: inline-block; font-size: 40px;border-bottom: 2px solid #444; line-height: 60px;}

.divnews dl dd{height: 75px;overflow: hidden; margin-left: 80px; border-bottom: 1px solid #ddd;}
.ddtit{ font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ddtime{font-size: 12px; color: #999; line-height: 16px;}
.ddmian{color: #666;}

/*boxc*/
.boxc-dw{ height:auto; overflow: hidden; padding: 20px 15px 0 15px;}
.boxc-dw li{ height:auto; overflow: hidden;border-bottom:1px dashed #ddd; font-size: 16px; padding: 8px 0 8px 30px; background: url(../img/icon-tb.png) no-repeat 3px center;}
.boxc-gs{width: 825px; height: 400px; overflow: hidden; background: #fff;}
.boxc-nav{ height: 40px; overflow: visible; background: #dbf3ff;}
.boxc-nav a{display: block; height: 40px; float: left; padding:0 25px; line-height: 40px; font-size: 18px; font-weight: bolder; text-align: center; border-right: 1px solid #f7f7f7; background: #9ec9eb; color: #444;}
.boxc-nav a.mcurrent{background: #194893; color: #fff;}
.boxclist{height: auto; overflow: hidden; padding-top: 20px;}

.boxcman{height: auto;overflow: hidden; width: 840px; }
.boxcman dl{height: auto; overflow: hidden; padding-top: 5px; width: 395px; float: left; padding-right: 15px;}
.boxcman dl dt{width: 60px; height: auto; overflow: hidden; float: left; text-align: center;}
.boxcman dl dt span{ display: inline-block; font-size: 40px;border-bottom: 2px solid #444; line-height: 60px;}

.boxcman dl dd{height: 75px;overflow: hidden; margin-left: 80px; border-bottom: 1px solid #ddd;}


/*boxd*/
.boxd{height:auto; overflow: hidden; padding: 30px 0;}

.boxdpic{width: 1200px; height: auto; overflow: hidden; position: relative;}
.boxdlink{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; }
.boxdlink ul{}
.boxdlink ul li{width: 180px;height: 55px; overflow: hidden; background: #fff;  padding:2px; margin:10px 7px;  float: left; border: 1px solid #d9d9d9;}
.boxdlink ul li img{  width: 180px; height:  55px;}
.aleft{display: block; width:33px;height: 50px; overflow:hidden; background: #999999 url(../img/boxd-lr.png) no-repeat -2px -8px; position: absolute; left: 0; top: 0; z-index: 1000;}
.aright{display: block; width:33px;height: 50px; overflow:hidden; background: #999999  url(../img/boxd-lr.png) no-repeat -45px -8px; position: absolute; right: 0; top: 0; z-index: 1000;}
.aleft:hover{background: #777 url(../img/boxd-lr.png) no-repeat  -2px -8px;}
.aright:hover{ background: #777  url(../img/boxd-lr.png) no-repeat -45px -8px;}

/*footer*/
.footer{min-width: 1300px;  width: 100%; height:auto; overflow: hidden; background: url(../img/bgxw.gif); border-top:5px solid #194893;}
.footera{height: 320px; width: 940px;  padding-left: 260px;  margin: 0 auto; position: relative; z-index: 1000;}
.footera dl{ width: 155px; height: auto; overflow: hidden; float: left;}
.footera dl dt{ padding: 30px 0 5px 0; font-size: 16px; color: #333; height: auto; overflow: hidden; font-weight: bolder;}
.footera dl dd{ height: auto; overflow: hidden; font-size: 14px; padding: 2px 0;}
.footera dl dd a{color: #666;}
.footera dl dd a:hover{color: #194893;}

.footerb{height: auto; overflow: hidden; background: url(../img/footerb.png); color: #333; }
.footerb ul{width: 940px; height: auto; overflow: hidden; margin: 0 auto; padding-left: 260px; line-height: 24px; padding-top: 10px; padding-bottom: 10px;}
.footerlogo{ width: 200px; height: 200px; padding-top: 200px; overflow: hidden; text-align: center; background: #194893 url(../img/footerlogo.png) no-repeat center 0px; position: absolute; z-index: 1001; left: 0; top: 0; color: #fff; }
.footerlogo p{ padding-left: 40px; text-align: left;}

.qqonline{ width:160px; height:343px; overflow:hidden; position:fixed; right:-125px; top:25%; background:url(../img/online.png) no-repeat left top; z-index:9999999;}
.qqzw{ width:120px; height:300px; overflow:hidden; padding-top:43px;}
.qqzw p{ padding-top:5px;}
.fzb{ font-weight:bold;}
.qqzw span{ display:inline-block; width:100px; height:1px; background:#194893;}
.qqsb{ width:40px; height:130px; margin-top:88px; cursor:pointer; }
.qqr{ background:url(../img/qqa.png) no-repeat left top;}


.dkup{ width: 64px; height: 64px; overflow: hidden; position: fixed; z-index: 99999999; right: 5px; top: 80%; cursor: pointer;}
.dkup2{ width: 64px; height: 64px; overflow: hidden; position: fixed; z-index: 99999999; right: 5px; top: 72%; cursor: pointer;}

.icon-ond{display:inline-block;background-repeat:no-repeat; width:50px; height:50px; overflow:hidden; background-image:url(../img/up.png); background-position:center center; }
.icon-ond2{display:inline-block;background-repeat:no-repeat; width:50px; height:50px; overflow:hidden; background-image:url(../img/2.png); background-position:center center; }

.dkico{ display: none;}
.dkblock{display: block;}



/*page*/
.nban{width: 100%; height: 610px; overflow: hidden;}
.nabout{background: url(../img/about.jpg) no-repeat center top; background-size: 100% auto;}
.nbg2{background: url(../img/hzbg.jpg) no-repeat center top;background-size: 100% auto;}
.nbg3{background: url(../img/cpic.jpg) no-repeat center top;background-size: 100% auto;}
.nbg4{background: url(../img/fypic.jpg) no-repeat center top;background-size: 100% auto;}
.nbg5{background: url(../img/jobbg.jpg) no-repeat center top;background-size: 100% auto;}

@media only screen and (max-width: 2000px) {
.nban{width: 100%; height: 450px; overflow: hidden;}
.nabout{background: url(../img/about.jpg) no-repeat center top; background-size: 1920px auto;}
.nbg2{background: url(../img/hzbg.jpg) no-repeat center top;background-size: 100% auto;}
.nbg3{background: url(../img/cpic.jpg) no-repeat center top;background-size: 1920px auto;}
.nbg4{background: url(../img/fypic.jpg) no-repeat center top;background-size: 1920px auto;}
.nbg5{background: url(../img/jobbg.jpg) no-repeat center top;background-size: 1920px auto;}
.page{ height:auto; overflow: hidden; padding: 20px 0;  background: url(../img/con1_02.png)}
}
.pagemenu{width: 260px; height: auto;; overflow: hidden; background: #fff; float: left;}
.pagea{height:auto; overflow: hidden;}
.pagea dl dt{ height:auto; overflow: hidden; background: #194893 url(../img/tm.png) no-repeat 180px center; color: #fff;  padding: 8px 0 8px 20px; }
.pagea dl dt p{ font-size:20px; line-height: 22px;}
.pagea dl dt span{ font-size:12px; color: #5caee7 }
.pagea dl dd{ height: auto; overflow: hidden; padding: 2px 0;}
.pagea dl dd a{display: block; font-size: 14px; border-bottom: 1px solid #eee; padding: 3px 0 3px 20px;}
.pagea dl dd a:hover{ color: #194893; font-weight: bolder;  border-left:4px solid #194893;  padding: 3px 0 3px 16px;}
.pagea dl dd a.aon{ color: #194893; font-weight: bolder;  border-left:4px solid #194893;  padding: 3px 0 3px 16px;}
.zrtel{height:auto; overflow:hidden; padding-top:10px;}
.zrtel dl dt{ height:auto; overflow:hidden;padding:5px 0 5px 20px; font-weight:bold;border-bottom:1px dashed #ddd; font-size:14px;}
.zrtel dl dd{ height:auto; overflow:hidden;padding:5px 0 5px 25px;border-bottom:1px solid #ddd;}

.zicoa{ display:inline-block; width:15px; height:15px; overflow:hidden; background:url(../img/zra.png) no-repeat center center; background-size:cover; margin-right:5px; float:left; margin-top:3px;}

.zicob{ display:inline-block; width:15px; height:15px; overflow:hidden; background:url(../img/zrb.png) no-repeat center center; background-size:cover; margin-right:5px; float:left; margin-top:3px;}
.zicoc{ display:inline-block; width:15px; height:15px; overflow:hidden; background:url(../img/zrc.png) no-repeat center center; background-size:cover; margin-right:5px; float:left; margin-top:3px;}
.zicod{ display:inline-block; width:15px; height:15px; overflow:hidden; background:url(../img/zrd.png) no-repeat center center; background-size:cover; margin-right:5px; float:left; margin-top:3px;}

.pager{width: auto; height: auto;; overflow: hidden; background: #fff; margin-left: 280px; padding: 0 15px;}
.pager-top{height: 62px; overflow: hidden; border-bottom: 1px solid #ddd; line-height: 70px; }
.titman{font-size: 20px; font-weight: bolder; display: block; float: left; border-bottom: 2px solid #194893; padding-right: 15px; padding-left: 5px; height: 60px; color:#194893; }
.titman1{font-size: 15px; font-weight: bolder; display: block; float: left;  padding-right: 15px; padding-left: 5px; height: 30px; color:#00a4f8; }
.pagebox{min-height: 820px;height:auto !important;height:820px; overflow:hidden;  padding: 10px 0;}
.pagebox img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}


.newslist{height:auto; overflow:hidden; border-bottom:1px dashed #ddd;padding:8px 0;}
.newslist dd{ height:auto; overflow:hidden;  padding-left:15px; background:url(../img/xwzx_icon8.png) no-repeat 2px center;white-space: nowrap;text-overflow: ellipsis;}
.newslist dt{ width:100px; height:auto; overflow:hidden; float:right;}
.newslist a{ display:block;}
.fnext{ height:auto; overflow:hidden; padding:10px 0 20px 0; text-align:center;}
.motime{ height:auto; overflow:hidden; text-align:center; padding:10px 0; background:#f9f9f9; color:#666;}
.pagemid{ height:auto; overflow:hidden; padding-top:10px;}
.pagemid img{max-width: 100%;height: auto;width: auto\9; vertical-align:bottom;}

.x-fgx{border-bottom: 1px dashed #ddd;   margin-bottom: 10px;}
.tablei i{color:#FF0303}

.boxlist{ height:auto; overflow: hidden;}
.boxlist li{height:34px; overflow: hidden; border: 1px solid #ddd; margin-top: 12px;}
.boxlist li span{display: block; width: 45px; height: 34px;  float:left;}
.input-b{ height: 35px; border:1px solid #fff; outline: none;  width:490px;   }
.boxa-btn{height:auto; overflow: hidden; padding-top: 15px;}
.input-c{padding: 5px; height: 24px; border:1px solid #fff; outline: none;  width:490px;  }

.boxlista{ height:auto; overflow: hidden; font-weight: bolder;}
.boxlista li{height:34px; overflow: hidden; border-bottom: 1px solid #ddd; margin-top: 12px;}
.boxlista li span{display: block; width: 45px; height: 34px;  float:left;}

.mema{color:#888; text-align: right; width: 200px;}
.btn-dl { width: 100%;line-height: 38px; font-size: 16px; background: #0d4695; color: #fff; outline: none; padding: 0; }
.btn-dl:hover { background: #093d84; color: #fff; outline: none; }
.btn-dl:focus { background: #0d4695; color: #fff; outline: none; }
.btn-dl:focus { background: #0d4695; color: #fff; outline: none; }

/*zzpic*/

.zzpic{width:910px;height: auto; overflow: hidden;}
.zzpic li{ width:280px; height: 200px; overflow: hidden; margin-right: 20px; margin-bottom: 10px; margin-top: 10px; float: left;position: relative; }
.zzpic li p{width:280px; height: auto; overflow: hidden; position: absolute; left: 0; bottom:0; padding: 10px 0;  text-align: center; font-size: 16px; color: #fff; background: url(../img/zzp.png);}
.zzpic li p a{ color:#fff;}
.zzpic li a img{ display: block; width: 100%; -webkit-transition: 400ms; transition: 400ms; -ms-transition: 400ms ;}
.zzpic li:hover .caseimg{ opacity: .9;-webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=90);}

/*team*/

.steam{width:910px;height: auto; overflow: hidden;}
.steam li{ width:200px; height: 285px; overflow: hidden; margin-right: 20px; margin-bottom: 10px; margin-top: 10px; float: left;position: relative; }
.steam li p{width:200px; height: auto; overflow: hidden; position: absolute; left: 0; bottom:0; padding: 10px 0;  text-align: center; font-size: 16px; color: #fff; background: url(../img/zzp.png);}
.steam li p a{ color:#fff;}
.steam li a img{ display: block; width: 100%; -webkit-transition: 400ms; transition: 400ms; -ms-transition: 400ms ;}
.steam li:hover .caseimg{ opacity: .9;-webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=90);}





.pager {
  
  margin: 20px 0;
  
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}


.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}