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


.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 48px;color: #0f0f0f;line-height: 48px;}
.tit i{display: block;font-size: 20px;color: #4d4d4d;line-height: 20px;padding-top: 18px;}


/*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: #1a4e99;}


/*search*/
.search{height: 88px;border-bottom: 1px solid rgba(155, 155, 155, 0.2);}
.search p{float: left;height: 88px;line-height: 88px;font-size: 14px;color: #616161;white-space: nowrap;}
.search p a{margin-right: 10px;color: #616161;}
.search p a:hover{color: #1a4e99;}
.s_box{float: right;width: 322px;height: 37px;margin-top: 26px;background: url(../images/s_box.png) no-repeat;}
.s_box .txt{float:left;width:210px;padding-left: 32px;height:37px;line-height: 37px;font-size:14px;color:#333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width:80px;height: 37px;border: 0;outline: 0;cursor: pointer;background: none;}



/*yz*/
.yz{padding: 55px 0 80px;}
.yz h2{padding-bottom: 32px;position: relative;}
.yz h2:after{position: absolute;left: 50%;bottom: 0;width: 44px;height: 2px;content: "";background: #1A4E99;margin-left: -22px;}
.yz_desc{font-size: 16px;color: #585858;line-height: 36px;text-align: center;margin: 18px 0 40px;}
.yz_desc p{opacity: 0.7;}
.yz_sz{height: 196px;}
.yz_sz li{float: left;width: 196px;height: 196px;position: relative;z-index: 1;margin-right: 138px;transition: all 0.5s;text-align: center;}
.yz_sz li:before{position: absolute;width: 40px;height: 4px;content: "";background: url(../images/yz_dian.png) no-repeat center;right: -69px;top: 50%;margin-top: -2px;}
.yz_sz li:last-child{margin-right: 0;overflow: hidden;}
.yz_sz li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url(../images/yz_c1.png) no-repeat;z-index: -1;transition: all 0.5s;}
.yz_sz li b{display: block;height: 36px;line-height: 24px;color: #0F0F0F;font-size: 20px;margin: 60px 0 20px;}
.yz_sz li b i{display: inline-block;font-size: 46px;line-height: 36px;font-family: Arial;vertical-align: bottom;letter-spacing: -2px;margin-right: 2px;}
.yz_sz li b em{display: inline-block;font-size: 46px;line-height: 36px;font-family: Arial;vertical-align: bottom;}
.yz_sz li p{font-size: 16px;color: #434242;line-height: 16px;}
.yz_sz li:last-child b{font-size: 38px;line-height: 36px;}
.yz_sz li.cur:after{background: url(../images/yz_c2.png) no-repeat;}
.yz_sz li:nth-child(2).cur:after{transform: rotate(90deg);}
.yz_sz li:nth-child(3).cur:after{transform: rotate(180deg);}
.yz_sz li:nth-child(4).cur:after{transform: rotate(270deg);}
.yz_sz li:hover{transform: translateY(-10px);}


/*pro*/
.pro{height: 1015px;padding: 80px 0 0;box-sizing: border-box;background: url(../images/pro_bg.jpg) no-repeat center 0;}
.pro_ctg{height: 187px;background: #fff;margin: 38px 0 30px;padding: 0 50px;}
.pro_ctg li{float: left;width: 290px;margin-right: 110px;height: 187px;}
.pro_ctg li:last-child{margin-right: 0;}
.pro_ctg li h3{height: 26px;line-height: 26px;padding: 36px 0 20px;font-size: 24px;color: #030713;font-weight: normal;border-bottom: 1px solid #999ca2;margin-bottom: 12px;}
.pro_ctg li h3 a{display: block;color: #030713;background: url(../images/pro_jt1.png) no-repeat right center;}
.pro_ctg li h3:hover a{font-size: 24px;color: #1a4e99;font-weight: bold;background: url(../images/pro_jt2.png) no-repeat right center;}
.pro_ctg li p a{float: left;font-size: 16px;color: #0f0f0f;line-height: 32px;padding-left: 16px;width: 130px;box-sizing: border-box;background: url(../images/pro_s.png) no-repeat left center;white-space: nowrap;}
.pro_ctg li p a:nth-child(2n){float: right;}
.pro_ctg li p a:hover{color: #1a4e99;font-weight: bold;}
.pro_ctg li:nth-child(2){width: 330px;}
.pro_ctg li:nth-child(2) p a{width: 145px;}
.pro_ctg li:nth-child(3){width: 260px;}
.pro_list li{float: left;width: 585px;margin-right: 30px;position: relative;background: #fff;}
.pro_list li:after{position: absolute;width: 0;height: 4px;left: 0;bottom: 0;content: "";background: #1A4E99;transition: all 0.5s;}
.pro_list li i{display: block;height: 442px;overflow: hidden;}
.pro_list li img{width: 585px;height: 442px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li h4{height: 74px;line-height: 74px;font-size: 18px;color: #0F0F0F;border-top: 1px solid #e9eaeb;font-weight: normal;background: url(../images/pro_jt3.png) no-repeat 530px center;padding: 0 30px;}
.pro_list li:hover:after{width: 100%;}
.pro_list .tempWrap{width: 100% !important;}


/*fea*/
.fea{padding: 80px 0;}
.fea h2{margin-bottom: 45px;}
.fea li{float: left;width: 400px;height: 360px;text-align: center;border: 1px solid #e1e5ed;box-sizing: border-box;margin-right: -1px;margin-bottom: -1px;position: relative;}
.fea li i{display: block;height: 64px;margin: 80px auto 0;}
.fea li h3{font-size: 26px;color: #0f0f0f;font-weight: normal;line-height: 26px;padding: 30px 0 30px;position: relative;}
.fea li h3:after{position: absolute;width: 30px;height: 2px;content: "";left: 50%;bottom: 0;margin-left: -15px;opacity: 0.5;background: #2B323A;}
.fea li span{display: block;font-size: 14px;color: #0f0f0f;line-height: 24px;opacity: 0.8;margin-top: 24px;padding: 0 20px;}
.fea li em{position: absolute;width: 24px;height: 44px;padding-left: 20px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;font-family: Arial;background: url(../images/fea_s.png) no-repeat;right: 0;top: 0;}
.fea li .hv{position: absolute;transform: scale(0);opacity: 0;transition: all 0.5s;text-align: left;width: 100%;height: 100%;left: 0;top: 0;padding: 0 38px;box-sizing: border-box;z-index: 10;}
.fea li .hv img{display: block;height: 64px;margin: 40px 0 0;}
.fea li .hv  h4{font-size: 26px;color: #fff;font-weight: normal;line-height: 26px;padding: 20px 0 28px;position: relative;}
.fea li .hv h4:after{position: absolute;width: 30px;height: 2px;content: "";left: 0;bottom: 0;background: #fff;}
.fea li .hv p{font-size: 14px;color: #fff;line-height: 32px;opacity: 0.8;margin-top: 18px;}
.fea li .hv strong{position: absolute;right: 40px;top: 30px;height: 86px;}
.fea li:nth-child(1) .hv{background: url(../images/fea1.jpg) no-repeat;background-size: cover;}
.fea li:nth-child(2) .hv{background: url(../images/fea2.jpg) no-repeat;background-size: cover;}
.fea li:nth-child(3) .hv{background: url(../images/fea3.jpg) no-repeat;background-size: cover;}
.fea li:nth-child(4) .hv{background: url(../images/fea4.jpg) no-repeat;background-size: cover;}
.fea li:nth-child(5) .hv{background: url(../images/fea5.jpg) no-repeat;background-size: cover;}
.fea li:nth-child(6) .hv{background: url(../images/fea6.jpg) no-repeat;background-size: cover;}
.fea li.cur .hv{transform: scale(1);opacity: 1;}
.fea li:nth-child(5) .hv p{line-height:24px;}


/*case*/
.case{padding: 80px 0 70px;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case h2{margin-bottom: 40px;}
.case li{float: left;width: 18.7%;margin-right: 1.625%;margin-bottom: 1.5625vw;}
.case li:nth-child(5n){margin-right: 0;}
.case li i{display: block;overflow: hidden;}
.case li i img{display: block;width: 100%;transition: all 0.5s;}
.case li i:hover img{transform: scale(1.05);}
.case li h3{height: 3.90625vw;line-height: 3.90625vw;padding: 0 1.5625vw;font-size: 16px;color: #4d4d4d;font-weight: normal;background: url(../images/case_jt1.png) no-repeat 92% center #fff;transition: all 0.3s;}
.case li:hover h3{color: #fff;background: url(../images/case_jt2.png) no-repeat 92% center #1A4E99;}



/*coop*/
.coop{height: 379px;padding-top: 64px;box-sizing: border-box;background: url(../images/coop_bg.jpg) no-repeat center 0;}
.coop_list li{float: left;width: 176px;margin-right: 28.5px;}
.coop li i{display: block;overflow: hidden;margin-bottom: 24px;}
.coop li img{display: block;width: 100%;transition: all 0.5s;}
.coop li i:hover img{transform: scale(1.05);}
.coop .tempWrap{width: 100% !important;}

/*ys*/
.ys{padding: 80px 0 0;}
.ys h2{margin-bottom: 45px;}
.ys h2 span{font-weight: normal;}
.ys_con dl{height: 400px;}
.ys_con dt{float: right;width: 600px;height: 400px;overflow: hidden;}
.ys_con dt img{width: 600px;height: 400px;transition: all 0.5s;}
.ys_con dt:hover img{transform: scale(1.05);}
.ys_con dd{float: left;width: 530px;height: 400px;padding-top: 64px;box-sizing: border-box;position: relative;z-index: 1;}
.ys_con dd h3{font-size: 32px;color: #0f0f0f;line-height: 44px;position: relative;padding-bottom: 30px;margin-bottom: 20px;}
.ys_con dd h3:after{position: absolute;width: 30px;height: 2px;content: "";background: #1A4E99;left: 0;bottom: 0;}
.ys_con dd h3 i{float: right;}
.ys_con dd p{font-size: 16px;color: #585858;line-height: 40px;}
.ys_con dl:nth-child(2) dt{float: left;}
.ys_con dl:nth-child(2) dd{float: right;}
.ys_con dl:nth-child(1) dd:after{position: absolute;width: 203px;height: 203px;content: "";background: url(../images/qiu.png) no-repeat;top: 0;left: -88px;z-index: -1;}



/*ser*/
.ser{height: 724px;background: url(../images/ys4.jpg) no-repeat center 0;}
.ser .content{height: 724px;padding-top: 60px;box-sizing: border-box;position: relative;}
.ser h3{width: 530px;font-size: 32px;color: #0f0f0f;line-height: 32px;height: 88px;position: relative;margin-bottom: 30px;}
.ser h3:after{position: absolute;width: 30px;height: 2px;content: "";background: #2B323A;left: 0;top: 66px;}
.ser h3 i{float: right;}
.ser li{float: left;width: 320px;padding-left: 90px;position: relative;height: 165px;box-sizing: border-box;transition: all 0.5s;}
.ser li h4{font-size: 22px;color: #0f0f0f;line-height: 22px;margin-bottom: 15px;}
.ser li p{font-size: 16px;color: #2b323a;line-height: 30px;opacity: 0.75;}
.ser li b{position: absolute;width: 67px;height: 67px;line-height: 65px;text-align: center;font-size: 40px;color: #0f0f0f;border: 1px dashed rgba(51, 51, 51, 0.6);border-radius: 50%;left: 0;top: 2px;}
.ser li:nth-child(2n){float: right;margin-left: 300px;}
.ser li:hover{transform: translateY(-10px);}
.ser li:hover b{animation: flipInY 1s;}
.ser .zx{position: absolute;right: 47px;bottom: 130px;width: 189px;height: 55px;line-height: 55px;padding-left: 52px;font-size: 16px;color: #fff;font-weight: bold;box-sizing: border-box;background: url(../images/ys_zx.png) no-repeat;}
.ser .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}




/*news*/
.news{padding: 80px 0 0;}
.new-l{float: left;width: 490px;}
.new-l h2{font-size: 48px;color: #0f0f0f;line-height: 48px;height: 88px;}
.new-l h2 a{color: #0f0f0f;}
.new-lc{position: relative;height: 550px;}
.new-lc dt{width:490px;height: 224px;display: block;line-height: 0;overflow: hidden;}
.new-lc dt img{width: 490px;height: 224px;display: block;transition: all 0.5s;}
.new-lc dt:hover img{transform: scale(1.05);}
.new-lc dd{margin-top: 50px;}
.new-lc dd>em{float: left;width: 110px;box-sizing: border-box;font-size: 40px;line-height: 30px;color: #333;font-weight: bold;border-right: 1px solid #e4e4e4;height: 198px;font-family: Arial;letter-spacing: -2px;}
.new-lc dd>em i{display: block;font-size: 24px;font-weight: normal;line-height: 44px;padding-right: 15px;text-align: right;}
.new-lc dd h4{float: right;width: 360px;font-weight: normal;}
.new-lc dd h4 b a{display: block;font-size: 22px;color: #3d3d3d;line-height: 28px;font-weight: normal;height: 28px;overflow: hidden;margin-top: -4px;}
.new-lc dd h4 b a:hover{color: #1A4E99;}
.new-lc dd h4 span{font-size: 14px;line-height: 26px;color: #989898;margin-top: 28px;display: block;margin-top: 30px;}
.new-lc dd h4 em a{display: block;font-size: 14px;color: #989898;line-height: 26px;padding-top: 26px;}
.new-lc dd h4 em a:hover{color: #1A4E99;}
.new-lc .new_jt{position: absolute;width: 130px;height: 60px;right: 0;top: 164px;background: rgba(7, 10, 14, 0.8);z-index: 10;}
.new-lc .new_jt:after{position: absolute;width: 1px;height: 30px;content: "";left: 50%;top: 15px;background: rgba(255,255,255,0.2);}
.new-lc .new_jt div{float: left;}

.new-r{float: right;width: 600px;}
.new-r h3{font-weight: normal;height: 48px;text-align: right;}
.new-r h3 a{display: inline-block;font-size: 20px;color: #414141;line-height: 40px;height: 48px;position: relative;margin-left: 40px;}
.new-r h3 a:last-child{margin-right: 14px;}
.new-r h3 a:after{position: absolute;width: 0;left: 0;bottom: 0;height: 3px;content: "";background: #1a4e99;transition: all 0.3s;}
.new-r h3 a:hover,.new-r h3 a.on{color: #1a4e99;font-weight: bold;}
.new-r h3 a:hover:after,.new-r h3 a.on:after{width: 100%;}
.new-rc{}
.new-rc dl{border-bottom: 1px solid #D6D6D6;height: 180px;}
.new-rc dl:last-of-type{border-bottom: none;}
.new-rc dt{float: left;width: 114px;height: 180px;border-right: 1px solid #e4e4e4;box-sizing: border-box;padding-top: 45px;font-family: Arial;letter-spacing: -2px;}
.new-rc dt em{font-size: 40px;line-height: 30px;color: #333;font-weight: bold;}
.new-rc dt em i{display: block;font-size: 24px;font-weight: normal;line-height: 44px;padding-right: 15px;text-align: right;}
.new-rc dd{float: right;width: 450px;padding-top: 45px;}
.new-rc dd h4 a{display: block;font-size: 20px;font-weight: normal;line-height: 20px;}
.new-rc dd h4 a:hover{color: #1a4e99;}
.new-rc dd span{font-size: 14px;display: block;color: #989898;margin: 10px 0 18px;line-height: 24px;}
.new-rc dd em a{display: block;font-size: 14px;line-height: 24px;color: #3a444f;}
.new-rc dd em a:hover{color: #1a4e99;}


/*abt*/
.abt{padding: 60px 0 0;border-top: 1px solid #e6e6e6;width: 100%;overflow-x: hidden;}
.abt h2{margin-bottom: 32px;}
.abt dl{height: 591px;}
.abt dt{float: left;width: 960px;margin-left: -360px;font-size: 0;}
.abt dd{float: right;width: 960px;padding: 0 360px 0 85px;height: 591px;margin-right: -360px;background: url(../images/abt_bg.jpg) no-repeat;box-sizing: border-box;}
.abt dd h3{font-size: 26px;color: #0f0f0f;line-height: 26px;padding-bottom: 34px;position: relative;margin: 72px 0 20px;}
.abt dd h3:after{position: absolute;width: 36px;height: 2px;content: "";background: #0F0F0F;left: 0;bottom: 0;}
.abt_desc p{font-size: 14px;color: #2b323a;line-height: 36px;margin-bottom: 10px;opacity: 0.8;}
.abt dd .xq{display: block;font-size: 14px;color: #0f0f0f;line-height: 24px;width: 76px;background: url(../images/abt_jt.png) no-repeat right center;transition: all 0.5s;margin-top: 28px;}
.abt dd .xq:hover{width: 84px;}
.abt ul{margin-top: 65px;}
.abt li{float: left;width: 85px;margin-right: 130px;text-align: center;transition: all 0.5s;}
.abt li:last-child{margin-right: 0;}
.abt li img{display: block;height: 56px;margin: 0 auto;}
.abt li span{display: block;font-size: 20px;color: #0f0f0f;line-height: 40px;}
.abt li:hover{transform: translateY(-10px);}
.abt li:hover span{font-weight: bold;}
.abt li:hover img{animation: flipInY 1s;}