@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";}

body #newBridge .icon-right-bottom {

    bottom: auto;

    top: 32%;

}

.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";}





.tit{/* text-align: center; */font-weight: normal;}

.tit span{display: block;font-size: 1.8vw;color: #414141;line-height: 1.8vw;}

.tit i{display: block;font-size: 18px;color: #414141;line-height: 18px;padding-top: 24px;}





/*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: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}

.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 15px;vertical-align: top;}

.ban_pg i.on{background: #e5861e;}



/*dwy*/

.dwy{height: 113px;background: url(../images/dwy_bg.jpg) no-repeat center 0;}

.dwy .content{position: relative;height: 113px;}

.dwy h2{/* padding-left: 100px; *//* background: url(../images/shui.png) no-repeat left 22px; */font-size: 27px;color: #000;line-height: 27px;height: 113px;padding-top: 24px;box-sizing: border-box;margin-left: -12px;float:left; width:500px;}

.dwy h2 i{display: block;font-size: 24px;color: #183883;line-height: 24px;font-weight: normal;letter-spacing: 13px;padding-top: 14px;}

.dwy .tel{position: absolute;width: 120px;/* height: 12px; */border-radius: 8px;right: 0;bottom: 0;z-index: 20;padding: 16px 0 0 20px;box-sizing: ;}

.dwy .tel p{font-size: 14px;color: #bbc0d3;line-height: 14px;padding-left: 2px;margin-bottom: 7px;}

.dwy .tel p em{display: block;font-size: 18px;line-height: 40px;font-weight: 100;color: #111; text-align:center}

.dwy .tel p:nth-child(1){/* background: url(../images/tel1.png) no-repeat left 4px; */border-box; border:2px solid #183883;border-radius: 8px;}

.dwy .tel p:nth-child(2){border-box; border:2px solid #183883;border-radius: 8px;}




















/*ys*/

.ys{padding: 88px 0 0;background: #f7f7f7;}

.ys h2{margin-bottom: 40px;}

.ys_con{height: 392px;background: #fff;border-radius: 18px;position: relative;}

.ys_t{height: 92px;border-bottom: 1px solid #E4E4E4;margin-bottom: 20px;}

.ys_t li{float: left;width: 240px;height: 92px;border-right: 1px solid #E4E4E4;box-sizing: border-box;text-align: center;font-size: 20px;line-height: 92px;color: #414141;position: relative;}

.ys_t li:last-child{border-right: 0;}

.ys_t li:after{position: absolute;left: 0;bottom: -1px;width: 0;height: 3px;content: "";background: #183883;transition: all 0.5s;}

.ys_t li img{vertical-align: top;margin: 26px 20px 0 0;}

.ys_t li.on{color: #183883;font-weight: bold;}

.ys_t li.on:after{width: 100%;}

.ys_bd dl{height: 250px;}

.ys_bd dt{float: right;width: 760px;height: 200px;overflow: hidden;border-radius: 12px;margin-right: 40px;}

.ys_bd dt img{width: 820px;height: 200px;transition: all 0.5s;}

.ys_bd dt:hover img{transform: scale(1.05);}

.ys_bd dd{float: left;width: 350px;margin-left: 45px;}

.ys_bd dd h3{font-size: 32px;color: #414141;line-height: 50px;margin-top: -10px;padding-bottom: 16px;position: relative;margin-bottom: 14px;}

.ys_bd dd h3:after{position: absolute;width: 40px;height: 2px;content: "";left: 0;bottom: 0;background: #414141;}

.ys_bd dd p{font-size: 16px;color: #000000;line-height: 32px;opacity: 0.7; text-indent:2em}

.ys_jt{position: absolute;width: 100px;padding: 0 31px;height: 80px;background: rgba(0,0,0,0.7);right: 40px;bottom: 40px;z-index: 10;border-radius: 0 0 12px 0;}

.ys_jt:after{position: absolute;width: 1px;height: 30px;/* content: ""; */left: 50%;top: 25px;background: #fff;opacity: 0.7;}

.ys_jt .prev{float: left;width: 30px;height: 18px;overflow: hidden;margin-top: 31px;}

.ys_jt .next{float: right;width: 30px;height: 18px;overflow: hidden;margin-top: 31px;}

.ys_jt .prev:hover img,.ys_jt .next:hover img{transform: translateY(-18px);}

.ys_con .pageState{position: absolute;left: 50px;bottom: 40px;z-index: 10;font-size: 26px;color: #414141;font-family: Arial;line-height: 50px;font-weight: bold;}

.ys_con .pageState span{font-size: 50px;}





/*cess*/

.cess{height: 708px;margin-top: -123px;padding-top: 103px;box-sizing: border-box;background-color:#f6f7f9;}

.cess_con{height: 217px;}

.cess_con h2{float: left;margin-top: 80px;font-weight: normal;}

.cess_con h2 b{display: block;font-size: 32px;color: #fff;line-height: 45px;}

.cess_con h2 i{display: block;font-size: 14px;line-height: 14px;color: #fff;opacity: 0.5;text-transform: uppercase;padding-top: 12px;}

.cess_con ul{float: right;margin-top: 60px;/* margin-right: -20px; */}

.cess_con li{float: left;width: 92px;padding-left: 12px;height: 107px;background: url(../images/cess_jt1.png) no-repeat;}

.cess_con li img{display: block;height: 44px; padding-left:12px;}

.cess_con li p{font-size: 16px;color: #fff;line-height: 28px;padding: 10px 20px 0 0;}

.cess_con li:hover{background: url(../images/cess_jt2.png) no-repeat;}

.cess_con li:hover img{animation: flipInY 1s;}



.coop li{float: left;width: 214px;margin-right: 32.5px;}

.coop li img{display: block;width: 100%;border-radius: 8px;margin-bottom: 24px;filter: grayscale(0);}

.coop li:hover img{filter: grayscale(0);}

.coop .tempWrap{width: 100% !important;}



/*news*/

.news{padding: 20px 0 70px;}

.new_t{height: 82px;}

.new_t h2{float: left;font-size: 50px;color: #414141;line-height: 50px;font-weight: normal;}

.new_t h2 a{color: #414141;}

.new_t h3{float: right;font-weight: normal;margin-top: 3px;}

.new_t h3 a{float: left;font-size: 24px;color: #414141;line-height: 24px;height: 45px;position: relative;margin-right: 44px;}

.new_t h3 a:last-child{margin-right: 14px;}

.new_t h3 a:after{position: absolute;width: 0;left: 0;bottom: 0;height: 3px;content: "";background: #183883;transition: all 0.3s;}

.new_t h3 a:hover,.new_t h3 a.on{color: #183883;font-weight: bold;}


.new_t h3 a:hover:after,.new_t h3 a.on:after{width: 100%;}

.new_con dl{float: left;width: 365px;margin-right: 52px;position: relative;}

.new_con dl:last-child{margin-right: 0;}

.new_con dd b{position: absolute;width: 68px;height: 66px;border-radius: 6px;background: #414141;right: -10px;top: -10px;text-align: center;font-size: 14px;line-height: 26px;color: #fff;font-family: Arial;}

.new_con dd b em{display: block;font-size: 36px;line-height: 28px;padding-top: 10px;}

.new_con dt{height: 213px;border-radius: 0 0 18px 18px;overflow: hidden;}

.new_con dt img{width: 365px;height: 213px;transition: all 0.5s;}

.new_con dt:hover img{transform: scale(1.05);}

.new_con dd{height: 180px;border: 1px solid #D9E4E7;box-sizing: border-box;border-radius: 18px 18px 0px 0px;padding: 0 32px;}

.new_con dd h4{font-size: 18px;color: #3a3a3a;line-height: 30px;padding: 24px 0 10px;height: 40px;}

.new_con dd h4 a{color: #3a3a3a;}

.new_con dd p{font-size: 16px;color: #2c1d0b;line-height: 28px;opacity: 0.7;padding-bottom: 24px;/* border-bottom: 1px solid #d9e4e7; */}

.new_con dd .xq{display: inline-block;padding-right: 18px;font-size: 16px;color: #e5861e;line-height: 16px;margin-top: 28px;transition: all 0.5s;background: url(../images/new_jt.png) no-repeat right center;}

.new_con dd .xq:hover{padding-right: 24px;}

.new_item{margin-top: 20px;}

.new_list{float: left;width: 365px;margin-right: 52px;}

.new_list:last-child{margin-right: 0;}

.new_list p{font-size: 16px;color: #3a3a3a;line-height: 48px;padding-left: 20px;position: relative;}

.new_list p:after{position: absolute;width: 5px;height: 5px;content: "";background: #414141;left: 0;top: 50%;margin-top: -2px;border-radius: 50%;}

.new_list p a{color: #3a3a3a;}

.new_list p:hover a{color: #e5861e;}





.g_cpys{background:url(../images/cpysbg.jpg) no-repeat center top;height: 848px;padding-top: 100px;box-sizing: border-box;}
.g_cpys h2{height: 130px;text-align:center;font-size:48px;font-weight: bold;color:#252525;}
.g_cpys h2 em{display: block;font-size:20px;color:#666666;font-weight: normal;padding-top: 8px;}
.g_cpys dl{position: relative;float: left;width: 360px;height: 294px;margin: 0 0px 22px 0;background: #fefefe;box-shadow: 9px 0 13px rgba(0,0,0,.06);padding: 2px 42px 0 36px;box-sizing: border-box;}

.g_cpys h3{height: 50px;font-weight: normal;font-size: 24px;color:#333333;}
.g_cpys h3 em{display: block; font-size:12px;color:#bebebe;text-transform:uppercase;padding-top: 6px;}
.g_cpys p{font-size: 16px;line-height: 30px;color: #030303;}
.g_cpys dt{position: absolute;right: 0;top:26px;width:120px;height: 120px;padding: 20px;box-sizing: border-box;}
.g_cpys dt img{transition: all 0.3s linear 0s;}
.g_cpys dt i{width:80px;height: 80px;overflow: hidden;display: block;}
.g_cpys dl:nth-child(1) dt{background:url(../images/cpno1.png) no-repeat;}
.g_cpys dl:nth-child(2) dt{background:url(../images/cpno2.png) no-repeat;}
.g_cpys dl:nth-child(3) dt{background:url(../images/cpno3.png) no-repeat;}
.g_cpys dl:nth-child(4) dt{background:url(../images/cpno4.png) no-repeat;}
.g_cpys dl:nth-child(5) dt{background:url(../images/cpno5.png) no-repeat;}
.g_cpys dl:nth-child(6) dt{background:url(../images/cpno6.png) no-repeat;}
.g_cpys dl:hover,.g_cpys .cur{background:url(../images/cpysbg2.jpg) no-repeat;}
.g_cpys dl:hover h3,.g_cpys .cur h3,
.g_cpys dl:hover h3 em,.g_cpys .cur h3 em,
.g_cpys dl:hover p,.g_cpys .cur p{color: #655e5e;}
.g_cpys dl:hover dt i img,.g_cpys .cur dt i img{margin-left: -80px;}
.g_cpys dl:hover dt,.g_cpys .cur dt{background: none;}



.g_cpys dl:nth-child(1){animation-delay: 0.1s;}
.g_cpys dl:nth-child(2){animation-delay: 0.2s;}
.g_cpys dl:nth-child(3){animation-delay: 0.3s;}
.g_cpys dl:nth-child(4){animation-delay: 0.4s;}
.g_cpys dl:nth-child(5){animation-delay: 0.5s;}
.g_cpys dl:nth-child(6){animation-delay: 0.6s;}