@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.banner{height: 698px;position: relative;}
.bdu{width: 100% !important;height: 698px;}
.bdu li{width: 100% !important;height: 698px;position:relative;background:url(../images/banner.jpg) no-repeat center 0;}
.bdu li a{display: block;height: 698px;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 45px;text-align: center;}
.hdu li{display: inline-block;width: 50px;height: 10px;background: #fff;margin:0 5px;border-radius: 20px;}
.hdu li.on{background: #ffb401;}

/**/
.lij{position: relative; background: #f2f4f5; padding-top: 81px; height: 647px; margin-bottom: 72px;}
h2{ text-align: center; font-weight: normal; font-size: 40px; color: #333; line-height: 100%; padding-bottom: 51px;background:url(../images/h21.png) no-repeat center 49px;}
.lij ul li{ float: left; width: 367px; margin-right: 49px; background: url(../images/l_lin.jpg) no-repeat  center bottom #fff; height: 469px; box-shadow:  0 0 5px #d8d8d8;}.lij ul li:last-of-type{ margin-right: 0;}
.lij ul li b{ display: block; font-size: 0; margin-bottom: -35px;}
.lij ul li i img{ margin: 0 auto 21px; width: 69px; display: block;}
.lij ul li i{ display: block; text-align: center; font-size: 24px; color: #333;font-weight: bold; padding-bottom: 10px;}
.lij ul li em{ display: block; text-align: center; font-size: 17px; color: #666; line-height: 23px; padding-top: 6px;}
.lij ul li em span{ display: block;}
/**/

.pro{height: 1100px;background:url(../resource/images/08a83fb07b604a4385f1c9b9db373d12_2.jpg) no-repeat center bottom;overflow: hidden;}
.pro h2{background:url(../images/h22.png) no-repeat center 57px; padding-bottom:61px;}
.p_lis{overflow: hidden;height: 336px;}
.p_lis ul li{float: left;padding-left: 30px;padding-top: 25px;border-right: 1px solid #e8e8e8;padding-right: 18px;width: 15%;height: 165px;}
.p_lis ul li i{display: block;padding-left: 23px;font-size: 24px;color: #333;background:url(../images/p_io.jpg) no-repeat 0 7px;line-height: 100%;margin-bottom: 20px;}
.p_lis ul li em a{display: block;padding-left: 21px;font-size: 16px;color: #666;background: url(../images/p_li.jpg) no-repeat 0 15px;margin-right: 20px;margin-left: 6px;height: 40px;line-height: 40px;}
.p_lis ul li em a:hover{ color: #1463b3;}
.p_lis ul li:nth-child(1){border-left: 1px solid #e8e8e8;width: 18%;}
.p_lis ul li:nth-child(2){padding-left:40px;/* width: 195px; */}
.p_on{ overflow: hidden; height: 531px;}
.p_on ul li b{ display: inline-block; float: right;}
.p_on ul li .p_onm{ float: left; padding-left: 26px; width: 489px;}
.p_onm h3{ font-weight: normal; color: #1463b3; font-size: 32px; line-height: 100%; padding-bottom: 47px; background:url(../images/p_lin.jpg) no-repeat 0 99px;}
.p_onm h3 span{ display: block; font-family: Arial; font-size: 56px; line-height: 100%;}
.p_onm p{ font-size: 15px; color: #666; line-height: 24px; padding-bottom: 22px;}
.p_onm p i{ display: block; font-weight: bold; font-size: 22px; color: #333; padding-bottom:9px;}
.p_onm h4{ padding-top: 24px;}
.p_onm h4 a{ display: block; padding-left: 45px;background:url(../images/p_btn.png) no-repeat; height: 47px; line-height: 47px; width: 160px;font-weight: normal; font-size: 18px; color: #333;}
.p_menu{ position: relative; height: 133px;}
.p_uu{ position: absolute; left: 61px; top:21px; z-index: 9;}
.p_dd{ position: absolute; right: 61px; top:21px; z-index: 9;}
.p_ma{ margin-left:178px;}
.p_menu ul li{ float: left; width: 200px; height: 113px; margin-right: 15px; position: relative;}
.p_menu ul li:hover span,.p_menu ul li.on span{ display: inline-block; position: absolute; left: 0; top: 0; width: 200px; height: 113px;background:url(../images/p_lic.png) no-repeat;}
    /**/
.yous{height:796px; background:url(../images/p_ys.jpg) no-repeat center bottom; overflow: hidden; padding-top: 1px;}
.yous h2{background:url(../images/h23.jpg) no-repeat center 57px; padding-bottom:58px; margin-top: 90px;}
.y_l{ width: 688px;}
.y_l ul{ overflow: hidden; height: 486px;}
.y_l ul li img{ width: 688px;}
.y_l p a{ display: inline-block; width: 39px; padding-top:7px; height: 32px; text-align: center; background: #135fac; float: left;}
.y_l p a:first-of-type{ background: #ffb401;}

.y_r{ width: 444px;}
.y_r h3{ padding-left: 62px; font-size: 18px; color: #333; font-weight: normal; padding-bottom: 33px;}
.y_r h3 strong{ display: block; font-size: 26px; line-height: 43px;}
.y_r p{ padding-left: 62px; font-size: 16px; color: #333; padding-bottom:59px;}
.y_r p span{ display: block; padding-left: 17px; line-height: 28px;background:url(../images/y_lio.png) no-repeat left 9px;}
.y_r h4 img{ width: 214px; display: inline-block;}
.y_r h4 img:first-child{ margin-right: 15px;}
    /**/
.ys2{height:817px; background:url(../images/ys2.jpg) no-repeat center bottom; overflow: hidden;}
.ys2 h2{ padding:84px 0 0 431px; background: none; height: 123px; overflow: hidden; color: #fff;}
.ys2 h2 img{ display: inline-block; float: left;}
.ys2 h2 i{ display: inline-block; float: left; padding-left: 30px; font-size: 20px; line-height: 100%;}
.ys2 h2 i strong{ display: block; font-size: 34px; line-height: 100%; padding-bottom: 6px;}
.y_l2{ overflow: hidden; margin-left: 30px; width: 375px; position: relative;}
.y_l2 h3{ background: #135fac; color: #fff; height: 146px; line-height: 146px; text-align: center; font-size: 32px; font-weight: normal; margin-bottom: 27px;}
.y_u{ position: absolute; left: 26px; top: 301px; z-index: 9; cursor: pointer;}
.y2_d{ position: absolute; right: 26px; top: 301px; z-index: 9; cursor: pointer;}
.y_l2 ul{ overflow: hidden; margin-left: 79px;}
.y_l2 ul li{background:url(../images/y2bg.jpg) no-repeat; width: 227px; height: 302px;}
.y_l2 ul li img{ width: 206px; display: inline-block; padding:14px 0 0 11px;}
.y_r2{ width: 750px;}
.y_r2 dl{ overflow: hidden; height: 159px;}
.y_r2 dl dt{ overflow: hidden; width: 363px; float: left;}
.y_r2 dl dd{ float: left; width: 360px; height: 143px; background: #f2f4f5; border: 1px solid #e5e5e5; border-left: none;}
.y_r2 dl dd h3{ text-align: center; font-size: 17px; color: #333;font-weight:normal; padding-top: 43px;}
.y_r2 dl dd h3 span{ display: block;font-weight: bold; font-size: 24px;}
.y_r2 ul li{ float: left; width: 353px; border: 1px solid #e5e5e5; height: 343px; background: #d7dee2; margin-right: 14px;}
.y_r2 ul li i{ display: block; padding-top: 17px; font-size: 17px; color: #333; text-align: center; }
.y_r2 ul li i span{ display: block;font-weight: bold; font-size: 24px; padding-bottom: 3px;}
    /**/
.ys3{height:882px; background:url(../images/ys3.jpg) no-repeat center bottom; overflow: hidden; padding-top: 84px;}
.ys3 dl{ overflow: hidden; height: 390px;}
.ys3 dl dt{ float: left; height: 390px; width: 600px;}
.ys3 dl dd{ float: right; width: 495px; padding-top: 63px;}
.ys3 dl dd h3 strong{font-weight: normal; display: block; font-size: 30px; color: #333; padding: 9px 0 39px 0;}
.ys3 dl dd p{font-size: 16px; color: #333; padding-bottom:59px;}
.ys3 dl dd p span{ display: block; padding-left: 17px; line-height: 28px;background:url(../images/y_lio.png) no-repeat left 9px;}
.ys3 dl:nth-child(2) dt{ float: right;}
/**/
.worl{height:766px; background:url(../images/goble.jpg) no-repeat center 0; overflow: hidden;}
.worl h2{ color: #fff; padding-top: 98px;background:url(../images/g_h.png) no-repeat center 155px; font-size: 48px; letter-spacing: 5px; padding-bottom: 62px;}
.worl .content{ position: relative;height:766px;}
.w_u{ position: absolute; left: -87px; top: 394px; z-index: 9;}
.w_d{ position: absolute; right: -87px; top: 394px; z-index: 9;}
.worl ul{ overflow: hidden;}
.worl ul li{ float: left; width: 383px; height: 472px;background:url(../images/l_lin.jpg) no-repeat center bottom #f2f4f5; margin-right: 25px;}
.worl ul li span{ display: block; padding: 15px 0 0 14px; overflow: hidden;width: 353px; height: 264px;}
.worl ul li span img{ width: 353px; height: 264px;}
.worl ul li i{ display: block; padding-top: 10px; height: 56px; line-height: 56px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center; font-size: 20px; color: #333;}
.worl ul li em{ display: block; margin: 0 46px; text-align: center; font-size: 14px; color: #666; line-height: 24px;}
/**/
.news{ height: 730px;}
.news h2{ font-size: 48px; height: 100px;}
.news a:hover{ color: #135fac;}
.n_l{ width: 784px; height: 537px; border: 1px solid #dcdcdc;}
.hots{ height: 169px; border-bottom: 1px solid #dcdcdc;padding: 18px 27px 0;}
.hots h3{ overflow: hidden; height: 54px; padding-bottom: 15px;}
.hots h3 span{ display: inline-block; float: left; width: 112px;background:url(../images/n_ico.jpg) no-repeat; padding-top:8px; height: 40px; line-height: 40px; color:#cc0000; font-weight: normal; text-align: center; font-size: 24px; letter-spacing:2px; padding-right:6px;}
.hots h3 i{ display: inline-block; padding: 18px 0 0 7px; height: 26px; line-height: 26px; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal; color: #111111; font-weight: normal; font-size: 20px;}
.hots p{ font-size: 14px; color: #999; line-height: 26px;}
.hots p a{ color: #333;}
.hots:hover h3 i,.hots:hover p a{ color: #cc0000;}
.h_m dl{ float: left; padding: 24px 23px 0 27px; height: 131px; width: 342px; border-bottom: 1px solid #dcdcdc; margin-bottom: 23px;}
.h_m dl dt{ float: left; width: 52px; height: 99px; background:#ccc; color: #fff; text-align: center; font-family: Arial; font-size: 16px;}
.h_m dl dt span{ display: block; padding-top: 31px;}
.h_m dl dd{ width: 275px; float: right;}
.h_m dl dd h3 a{font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: block; margin-top: 10px; font-size: 16px; color: #333;}
.h_m dl dd p{ font-size: 14px; color: #999; line-height: 25px; padding-top: 12px;}
.h_m dl:hover dt{ background: #135fac;}
.h_m dl:hover dd h3 a{color: #135fac;}
.n_l ul{ height: 222px; clear: both;}
.n_l ul li{ height: 36px; line-height:36px; overflow: hidden; margin: 0 25px; font-size: 14px;}
.n_l ul li span{ display: inline-block; float: right; color: #8c8c8c;}
.n_l ul li a{ padding-left: 26px; display: block;background:url(../images/n_ii2.jpg) no-repeat 8px 15px; color: #333;}
.n_l ul li a:hover{background:url(../images/n_ii1.jpg) no-repeat 8px 15px; color: #135fac;}

.n_r{ width:351px; height: 539px; background: #f2f4f5; float: right; padding: 0 15px;}
.n_r h3{ padding-top:20px;height:39px; overflow: hidden;line-height: 100%;}
.n_r h3 a{ color: #333; font-size: 20px; font-weight: normal; line-height: 100%;}
.n_r h3 span{ display: inline-block; float: right; padding-top:7px; font-weight: normal;}
.n_r h3 span a{ text-transform: uppercase; font-family: Arial; font-size: 14px; color: #666;}
.n_r dl{ height: 284px; border-bottom: 1px dashed #ccc; margin-bottom: 23px;}
.n_r dl dt img{ width: 349px; display: inline-block; padding-bottom: 7px;}
.n_r dl dd h4 a{ color: #333333; font-size: 16px; line-height: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.n_r dl dd p{ font-size: 14px; color: #666; line-height: 24px; padding-top:0px;}
.n_r ul li{height: 36px; line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background:url(../images/nr_li.jpg) no-repeat 0 15px;}
.n_r ul li a{ font-size: 14px; color: #333; display: inline-block; padding-left: 20px;}


.zj{background:url(../images/zj.jpg) no-repeat center 0; height:278px; padding-top:497px;}
.zj dl{ overflow: hidden;background:url(../images/zjk.png) no-repeat; height: 208px;}
.zj dl dt{ float: left; padding-left: 28px; width: 178px; text-align: center; font-size: 48px; color: #333; line-height: 100%;}
.zj dl dt span{ display: block; padding: 33px 0 10px 0;}
.zj dl dd{ float: right; width: 850px; padding: 33px 72px 0 0; color:#fff; font-size: 14px; line-height: 24px;}
.zj dl dd p i{ display: block; font-size: 30px; padding-bottom: 16px;}
.zj dl dd em{ display: block; text-align: right;}
.zj dl dd em a{ display: inline-block; padding-right: 42px; color: #ffb401; font-size: 18px;background:url(../images/zj_m.png) no-repeat right 5px;}

.link{height:71px; line-height: 71px; background: #0a172a;}
.link a{font-size: 14px; padding: 0 40px; color: #8f9297;}
.link h3{ float: left; padding-left: 36px;background:url(../images/link.png) no-repeat 0 21px; color: #8f9297;font-weight: normal; font-size: 18px;}
.link  p{ float: right; width: 1030px;}