@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{ word-spacing:-1.5px;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";}
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;/*width:640px;*/height:auto;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.white, .whites { position: relative; overflow: hidden; }
.white:after, .whites:after { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); }
.white:hover:after { left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.whites:hover:after { left: 100%; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }



.tit{font-weight: normal;}
.tit span{display: block;font-size: 42px;color: #333;line-height: 42px;}
.tit i{display: block;font-size: 16px;color: #666;line-height: 16px;padding-top: 15px;opacity: 0.3; text-transform: uppercase;   font-family: Cambria Math;}



/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 40px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: rgba(255, 255, 255, 1);border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #EA5404;opacity: 1;}
.banner .prev{position: absolute;width: 80px;height: 80px;left: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;width: 80px;height: 80px;right: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}




/*yz*/
.yz{height: 805px;padding-top: 87px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat bottom center;}
.yz dl{height: 471px;border-bottom: 1px solid rgba(191, 191, 191, 0.5);}
.yz dt{float: right;width: 640px;height: 411px;padding: 61px 63px 0 0;margin-right: -36px;background: url(../images/yz_1.jpg) no-repeat right top;position: relative;}
.yz dt b{position: absolute;font-size: 30px;color: #1E2187;font-family: Arial;line-height: 30px;top: 85px;right: -42px;}
.yz dd{float: left;width: 505px;margin-top: 30px;}
.yz dd h2{font-size: 42px;color: #333;line-height: 42px;font-weight: normal;position: relative;}
.yz dd h2:after{position: absolute;width: 35px;height: 5px;content: "";background: #BFBFBF;left: 0;bottom: 0;}
.yz dd h2 i{display: block;font-size: 22px;line-height: 22px;padding: 22px 0 37px;}
.yz_desc{font-size: 16px;color: #666;line-height: 26px;margin: 32px 0 45px;}
.yz dd .more{display: block;width: 50px;padding-right: 7px;height: 43px;line-height: 43px;text-align: center;  transition: all 0.5s;  font-family: Tahoma;font-size: 14px;color: #fff;text-transform: uppercase;background: url(../images/more1.png) no-repeat;}
.yz dd .more:hover{transform: translateX(10px);}
.ys_sz{margin-top: 72px;}
.ys_sz li{float: left;transition: all 0.5s;margin-right:220px;}
.ys_sz li:last-child{margin-right:0;}
.ys_sz li span{display: block;height: 40px;font-size: 16px;color: #333;line-height: 16px;}
.ys_sz li span img{vertical-align: top;margin-right: 6px;}
.ys_sz li p{font-size: 16px;color: #333;line-height: 16px;padding-top: 20px;}
.ys_sz li:hover{transform: translateY(-10px);}



/*fea*/
.fea{padding: 130px 0 70px;}
.fea h2{margin-bottom: 68px;}
.fea li{float: left;width: 286px;height: 334px;box-sizing: border-box;border-radius: 8px;overflow: hidden;margin-right: 18px;  position: relative; text-align: center; border: 1px solid #E5E5E5;}
.fea li:last-child{margin-right: 0;}
.fea li>img{display: block;margin: 56px auto 25px;}
.fea li h3{font-size: 24px;color: #EA5404;line-height: 24px;padding: 32px 0 16px;font-weight: normal;margin: 0 28px;border-top: 1px solid rgba(234, 84, 4, 0.2);}
.fea li p{font-size: 16px;color: #808080;line-height: 28px;padding: 0 35px;}
.fea li .hv{position: absolute;width: 286px;height: 334px;left: -1px;bottom: 334px;z-index: 10;transition: all 0.5s;background: #24427b;}
.fea li .hv>img{opacity: 1;}
.fea li .hv h4{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);font-size: 0;}
.fea li .hv h4 span{display: block;font-size: 24px;color: #fff;font-weight: normal;padding-top: 22px;line-height: 24px;}
.fea li.cur .hv{bottom: -1px;}



/*gyfs*/
.gyfs{padding: 100px 0 0;}
.gyfs h2{margin-bottom: 60px;}
.gyfs_con{height: 662px;}
.gyfs_con dl{float: left;width: 13%;height: 662px;overflow: hidden;position: relative;border-right: 1px solid #fff;box-sizing: border-box;background: #0c2d6d;transition: all 0.5s;}
.gyfs_con dl:last-child{border: 0;}
.gyfs_con dt img{display: block;height: 662px;opacity: 0.3;transition: all 0.3s;}
.gyfs_con dd{position: absolute;left: 0;width: 100%;height: 100%;top: 0;padding: 0 2.6vw;box-sizing: border-box;}
.gyfs_con dd h3{margin: 72px 0 25px;white-space: nowrap;}
.gyfs_con dd h3 i{display: block;width: 25px;height: 30px;background: url(../images/jia1.png) no-repeat;}
    .gyfs_con dd h3 span{display: block;font-size: 26px;color: #fff;font-weight: normal;line-height: 42px;padding-top: 16px;}
    .gyfs_con dd h3 em{display: block;font-size: 26px;font-weight: normal;line-height: 42px;color: #76B5FA;}
    .gyfs_con dd strong{position: absolute;width: 150px;font-size: 16px;line-height: 27px;left: 2.6vw;bottom: 70px;text-transform: uppercase;font-family: Arial;color: #76B5FA;}
    .gyfs_con dd p{display: none;font-size: 16px;color: #fff;line-height: 27px;opacity: 0.9;}
    .gyfs_con dl.cur{width: 48%;}
    .gyfs_con dl.cur dt img{opacity: 1;}
    .gyfs_con dl.cur dd{width: 360px;background: rgba(234, 84, 4, 0.85);}
    .gyfs_con dl.cur h3 i{background: url(../images/jia2.png) no-repeat;}
    .gyfs_con dl.cur p{display: block;}
    .gyfs_con dl.cur strong,.gyfs_con dl.cur h3 em{color: #fff;opacity: 0.9;}
@media screen and (max-width:1600px) {
    .gyfs_con dd h3 span,  .gyfs_con dd h3 em{font-size: 22px;}
   
}
@media screen and (max-width:1400px) {
    .gyfs_con dd h3 span,  .gyfs_con dd h3 em{font-size: 18px;}
    .gyfs_con dd strong{font-size: 14px;width: 130px;}
}


/*sgfs*/
.sgfs{padding: 150px 0;}
.sgfs h2{margin-bottom: 60px;}
.sgfs h2 span{margin-left: -26px;}
.sgfs dl{height: 704px;}
.sgfs dt{float: left;width: 614px;height: 704px;overflow: hidden;}
.sgfs dd{float: right;width: 516px;}
.sgfs_desc{margin: 76px 0 222px;}
.sgfs_desc p{margin-left: 40px;position: relative;font-size: 16px;color: #333;line-height: 28px;margin-bottom: 28px;}
.sgfs_desc p em{position: absolute;font-size: 20px;color: #EA5404; padding-right: 12px; line-height: 28px; right: 100%;top: 0; font-family: Bahnschrift;transition: all 0.5s;}
.sgfs_desc p:after{position: absolute;width: 0;height: 3px;content: "";background: #EA5404;right: 493px;top: 41px;transition: all 0.5s;}
.sgfs_desc p.cur:after{width: 207px;}
.sgfs_desc p.cur em{font-size: 34px;}
.sgfs dd ul{width: 561px;position: relative;z-index: 1;font-size: 0;}
.sgfs dd ul:after{position: absolute;width: 348px;height: 1px;content: "";background: #d2d2e7;left: 50%;margin-left: -174px;top: 5.5px;z-index: -1;}
.sgfs dd li{display: inline-block;width: 187px;padding-top: 28px;position: relative;text-align: center;background: url(../images/pro_c1.png) no-repeat top center;vertical-align: top;}
.sgfs dd li a{display: block;font-size: 18px;color: #333;line-height: 20px;transition: all 0.3s;height: 20px;}
.sgfs dd li p{position: absolute;width: 100%;height: 0;box-sizing: border-box;overflow: hidden;left: 0;bottom: 100%;background: url(../images/pro_s.png) no-repeat bottom;transition: all 0.5s;}
.sgfs dd li p i{display: block;font-size: 16px;color: #333;line-height: 26px;}
.sgfs dd li.cur{background: url(../images/pro_c2.png) no-repeat top center;}
.sgfs dd li.cur a{font-weight: bold;color: #EA5404;font-size: 20px;}
.sgfs dd li.cur p{height: 141px;padding-top: 8px;}


/*team*/
.team{height: 785px;padding-top: 100px;background: url(../images/team_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.team h2{margin-bottom: 65px;}
.team_l{float: left;width: 520px;}
.team_txt{display: none;padding-top: 106px;background: url(../images/yin.png) no-repeat;}
.team_txt h3 span{display: block;font-size: 28px;color: #282828;line-height: 28px;}
.team_txt h3 i{display: block;font-size: 36px;color: #282828;line-height: 36px;  padding-top: 13px;  font-family: PangMenZhengDao,Arial;height:36px;}
.team_desc{margin: 40px 0 52px;}
.team_desc p{font-size: 16px;color: #666;line-height: 30px;}
.team_r{float: right;width: 900px;margin-right: -360px;position: relative;}
.team_r .more{position: absolute;width: 110px;height: 110px;background: url(../images/jia3.png) no-repeat center #EA5404;bottom: 38px;left: -53px;z-index: 10;}
.team_list li{float: left;width: 374px;margin-right: 14px;height: 498px;overflow: hidden;background: #0c2d6d;}
.team_list li img{width: 374px;height: 498px;transition: all 0.5s;opacity: 0.3;}
.team_list li.on img{opacity: 1;}
.team_list li:hover img{transform: scale(1.05);}


/*case*/
.case{height: 1209px;padding-top: 116px;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.case_t{height: 128px;}
.case_t h2{float: left;}
.case_t h2 span{color: #fff;}
.case_t h2 i{color: #fff;opacity: 0.3;}
.case_t .more{float: right;width: 50px;padding-right: 7px;height: 43px;line-height: 43px;text-align: center;  transition: all 0.5s; top: 0;position: relative; font-family: Tahoma;font-size: 14px;color: #fff;text-transform: uppercase;background: url(../images/more1.png) no-repeat;}
.case_t .more:hover{top: -10px;}
.case_con{position: relative;}
.case_bd{width: 100% !important;}
.case_bd dl{width: 100% !important;height: 34.635vw;}
.case_bd dt{float: left;width: 57.3%;overflow: hidden;}
.case_bd dt img{display: block;width: 100%;height: 34.635vw;transition: all 0.5s;}
.case_bd dt:hover img{transform: scale(1.05);}
.case_bd dd{float: right;width: 42.7%;height: 29.165vw;background: #fff;margin-top: 5.47vw;padding: 0 4.6875vw;box-sizing: border-box;}
.case_bd .case_lg{font-size: 0;margin: 3.021vw 0 1.25vw;}
.case_bd dd h4 em{display: block;font-size: 25px;color: #282828;line-height: 25px;}
.case_bd dd h4 span{display: block;font-size: 21px;color: #282828;line-height: 30px;padding-top: 8px;}
.case_desc{margin: 2.34375vw 0 1.771vw;font-size: 16px;color: #000;line-height: 26px;}
.case_desc em{display: block;font-size: 16px;color: #000;line-height: 26px;margin-bottom: 10px;}
.case_desc p{display: block;font-size: 14px;color: #000;line-height: 24px;opacity: 0.8;margin-bottom: 24px;}
.case_desc p i{display: inline-block;width: 150px;}
.case_bd dd .xq{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;background: #EA5404;border-radius: 15px;transition: all 0.5s;}
.case_bd dd .xq:hover{width: 120px;}
.case_pg{position: absolute;text-align: right;right: 80px;height: 8px;font-size: 0;z-index: 10;bottom: 30px;}
.case_pg i{display: inline-block;width: 8px;height: 8px;border-radius: 50px;vertical-align: top;margin-left: 8px;background: #BFBFBF;}
.case_pg i.on{background: #EA5404;}

.coop{margin: 56px auto 0;width: 1200px;position: relative;}
.coop li{float: left;width: 190px;margin-right: 12px;overflow: hidden;position: relative;}
.coop li img{display: block;width: 100%;}
.coop li i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/jia4.png) no-repeat center rgba(234, 84, 4, 0.8);opacity: 0;transform: scale(0);transition: all 0.5s;}
.coop li:hover i{opacity: 1;transform: scale(1);}
.coop .prev{position: absolute;left: -50px;top: 50%;transform: translateY(-50%);font-size: 0;}
.coop .next{position: absolute;right: -50px;top: 50%;transform: translateY(-50%);font-size: 0;}
.coop .tempWrap{width: 100% !important;}



/*news*/
.news{padding: 130px 0 150px;}
.new_t{height: 108px;}
.new_t h2{float: left;}
.new_t .more{float: right;width: 50px;padding-right: 7px;height: 43px;line-height: 43px;text-align: center;  transition: all 0.5s; top: 0;position: relative; font-family: Tahoma;font-size: 14px;color: #fff;text-transform: uppercase;background: url(../images/more1.png) no-repeat;}
.new_t .more:hover{top: -10px;}
.new_list dl{float: left;width: 385px;margin-right: 22px;}
.new_list dt{height: 233px;overflow: hidden;position: relative;border-radius: 2px;}
.new_list dt img{width: 385px;height: 233px;transition: all 0.5s;}
.new_list dt:hover img{transform: scale(1.05);}
.new_list dt i{position: absolute;width: 85px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #fff;background: #EA5404;left: 0;top: -45px;border-radius: 2px;transition: all 0.5s;}
.new_list dt:hover i{top: 0;}
.new_list dd{height: 165px;border-bottom: 1px solid #b8babe;}
.new_list dd h4{font-size: 18px;color: #282828;line-height: 18px;font-weight: normal;padding: 44px 0 15px;}
.new_list dd h4 a{color: #282828;}
.new_list dd p{font-size: 16px;color: #282828;line-height: 26px;}
.new_list dd h4:hover a{color: #EA5404;}


/*liuy*/
.liuy{height: 651px;background: url(../images/liuy_bg.jpg) no-repeat center 0;position: relative;}
.liuy_con{position: absolute;width: 652px;height: 520px;text-align: center;background: url(../images/xinf.png) no-repeat center 0;left: 50%;margin-left: -326px;bottom: 0;}
.liuy_con h3{height: 31px;padding: 69px 0 34px;}
.liuy_con p{width: 450px;font-size: 16px;color: #666;line-height: 40px;margin: 0 auto;}
.liuy_btn{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;background: #832F01;border-radius: 15px;margin: 128px auto 0;transition: all 0.5s;}
.liuy_btn:hover{width: 120px;}