.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit b{display: inline-block;font-size: 42px;color: #333;line-height: 42px;height: 42px;position: relative;}
.tit b:before{position: absolute;width: 40px;height: 40px;content: "";background: url(../images/tit.png) no-repeat;left: -60px;top: 1px;}
.tit b:after{position: absolute;width: 40px;height: 40px;content: "";background: url(../images/tit.png) no-repeat;right: -60px;top: 1px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 24px;}



/*yz*/
.yz{height: 140px;background: #29479d;}
.yz li{float: left;width: 25%;height: 140px;position: relative;text-align: center;font-size: 0;padding-top: 46px;box-sizing: border-box;}
.yz li:after{position: absolute;width: 1px;height: 48px;content: "";background: #fff;opacity: 0.15;right: -1px;top: 46px;}
.yz li:last-child{overflow: hidden;}
.yz li img{margin-right: 20px;vertical-align: top;}
.yz li p{display: inline-block;vertical-align: top;font-size: 24px;color: #fff;font-weight: bold;line-height: 24px;text-align: left;}
.yz li p i{display: block;font-size: 12px;line-height: 18px;opacity: 0.3;text-transform: uppercase;padding-top: 10px;font-weight: normal;}
.yz li:hover img{animation: flipInY 1.5s;}

/*pin*/
.pin{padding: 100px 0;}
.pin_l{float: left;width: 580px;height: 518px;position: relative;margin-top: 64px;}
.pin_l h3{font-size: 18px;color: #333;line-height: 18px;position: absolute;left: 0;top: 34px;}
.pin_l h3 em{display: block;font-size: 32px;color: #29479d;line-height: 32px;padding: 10px 0 28px;}
.pin_l h3 i{display: block;font-size: 16px;color: #666;line-height: 16px;font-weight: normal;}
.pin_r{float: right;width: 600px;margin-top: 52px;}
.pin_r ul{position: relative;}
.pin_r ul:after{position: absolute;width: 1px;height: 345px;content: "";background: #000;opacity: 0.1;left: 25px;top: 10px;}
.pin_r li{margin-bottom: 34px;padding-left: 56px;position: relative;}
.pin_r li:after{position: absolute;width: 13px;height: 13px;content: "";background: url(../images/pin_c1.png) no-repeat;left: 19px;top: 4px;z-index: 1;}
.pin_r li:last-child{margin-bottom: 0;}
.pin_r li h4{font-size: 20px;color: #333;line-height: 20px;margin-bottom: 10px;}
.pin_r li p{font-size: 14px;color: #666;line-height: 22px;}
.pin_r li:hover:after{background: url(../image/pin_c2.png) no-repeat;}
.pin_r li:hover h4{color: #29479D;}
.renz{height: 104px;border-radius: 10px;overflow: hidden;margin-top: 30px;}


/*way*/
.way{height: 950px;padding: 100px 0 0;background: #182b60;}
.way h2 b,.way h2 i{color: #fff;}
.way h2 b:before,.way h2 b:after{background: url(../images/tit1.png) no-repeat;}
.way_con{height: 465px;}
.way_l{float: left;width: 500px;margin-top: 116px;}
.way_l h3{background: url(../images/way_en.png) no-repeat left bottom;}
.way_l h3 em{display: block;width: 242px;height: 54px;line-height: 54px;text-align: center;font-size: 24px;color: #fff;background: #29479D;border-radius: 8px;font-weight: normal;}
.way_l h3 span{display: block;font-size: 45px;color: #fff;line-height: 45px;font-weight: normal;padding: 24px 0;}
.way_l p{height: 28px;margin-top: 30px;}
.way_l p i{float: left;height: 28px;line-height: 28px;font-size: 20px;color: #fff;padding-left: 37px;margin-right: 30px;letter-spacing: 2px;}
.way_l p i:nth-child(1){background: url(../images/way_ic1.png) no-repeat;}
.way_l p i:nth-child(2){background: url(../images/way_ic1.png) no-repeat;}
.way_l p i:nth-child(3){background: url(../images/way_ic1.png) no-repeat;}
.way_r{float: right;width: 596px;height: 465px;padding-top: 18px;position: relative;box-sizing: border-box;}
.way_t p{position: absolute;width: 153px;height: 35px;line-height: 35px;font-size: 14px;color: #333;border-radius: 17px;text-align: center;background: rgba(254, 254, 254, 0.9);transition: all 0.5s;}
.way_t p:before{position: absolute;width: 24px;height: 24px;content: "";background: url(../images/way_c.png) no-repeat;left: -33px;top: 5px;z-index: 2;}
.way_t p:after{display: none;position: absolute;width: 42px;height: 42px;content: "";background: url(../images/way_c2.png) no-repeat;left: -42px;top: -4px;z-index: 1;}
.way_t p:nth-child(1){left: 33px;top: 196px;}
.way_t p:nth-child(1):before{left: 9px;top: -43px;}
.way_t p:nth-child(1):after{left: 0;top: -52px;}
.way_t p:nth-child(2){right: 270px;top: 77px;}
.way_t p:nth-child(3){right: 178px;top: 142px;}
.way_t p:nth-child(4){right: -30px;top: 215px;}
.way_t p.on:after{display: block;animation: living 1s linear infinite;}
.way_list li{float: left;width: 273px;height: 200px;border-radius: 10px;overflow: hidden;position: relative;margin-right: 36px;}
.way_list li:last-child{margin-right: 0;}
.way_list li img{display: block;width: 273px;height: 200px;transition: all 0.5s;}
.way_list li h4{position: absolute;height: 42px;width: 100%;left: 0;bottom: 30px;font-size: 20px;line-height: 20px;color: #333;padding: 0 20px;box-sizing: border-box;transition: all 0.5s;background: url(../images/jia.png) no-repeat 273px bottom;}
.way_list li h4 i{display: block;font-size: 14px;color: #666;line-height: 14px;padding-top: 8px;font-weight: normal;opacity: 0;transform: translateY(10px);transition: all 0.5s;}
.way_list li h4:after{position: absolute;width: 30px;height: 3px;content: "";background: #29479D;left: 20px;bottom: 0;}
.way_list li.cur h4{background-position: 228px bottom;}
.way_list li.cur h4:after{display: none;}
.way_list li.cur h4 i{opacity: 1;transform: translateY(0);}
.way_list li.cur img{transform: scale(1.05);}

@keyframes living {
    0%{
        transform: scale(0.5);
        opacity: 1;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}

/*case*/
.case{padding: 100px 0 80px;}
.case h2{margin-bottom: 50px;}
.case_con{position: relative;}
.case_con:after{position: absolute;width: 96px;height: 102px;content: "";background: url(../image/case_lg.png) no-repeat;left: -35px;top: -35px;}
.case_list dl{float: left;width: 695px;height: 247px;background: #f2f2f2;}
.case_list dt{float: left;overflow: hidden;position: relative;}
.case_list dt img{display: block;width: 470px;height: 247px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{float: left;height: 247px;width: 225px;position: relative;padding: 0 20px;box-sizing: border-box;}
.case_list dd h4{font-size: 20px;color: #333;line-height: 32px;padding: 62px 0 32px;}
.case_list dd .xq{display: block;width: 120px;height: 35px;line-height: 33px;text-align: center;font-size: 14px;color: #333;border: 1px solid #6c6c6c;text-transform: uppercase;box-sizing: border-box;transition: all 0.3s;}
.case_list dd .xq:hover{background: #29479D;color: #fff;border-color: #29479D;}
.case_list dd p{display:none;}
.case_list dl:nth-child(1){float: left;width: 500px;height: 500px;position: relative;overflow: hidden;margin-right: 5px;}
.case_list dl:nth-child(1) dt img{width: 500px;height: 500px;}
.case_list dl:nth-child(1) dd{position: absolute;width: 257px;height: 247px;background: rgba(41, 71, 157, 0.9);right: 0;bottom: 0;padding: 0 30px;}
.case_list dl:nth-child(1) dd h4{padding: 36px 0 10px;}
.case_list dl:nth-child(1) dd h4 a{color: #fff;}
.case_list dl:nth-child(1) dd p{display:block;font-size: 14px;color: #fff;line-height: 24px;opacity: 0.7;margin-bottom: 35px;height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.case_list dl:nth-child(1) dd .xq{color: #fff;border-color: #fff;opacity: 0.7;}
.case_list dl:nth-child(2){margin-bottom: 6px;}
.case_list dl:nth-child(2) dt{float: right;}
.case_list dl:nth-child(2) dt:after{position: absolute;border: 14px solid transparent;border-left-color: #f2f2f2;left: 0;top: 50%;margin-top: -14px;content: "";}
.case_list dl:nth-child(3) dt:after{position: absolute;border: 14px solid transparent;border-right-color: #f2f2f2;right: 0;top: 50%;margin-top: -14px;content: "";}
.case_pg{height: 13px;text-align: center;font-size: 0;margin-top: 30px;}
.case_pg i{display: inline-block;width: 13px;height: 13px;background: #000;opacity: 0.1;margin: 0 10px;border-radius: 6.5px;transition: all 0.5s;}
.case_pg i.on{width: 42px;background: #29479d;opacity: 1;}



/*ys*/
.ys{padding: 80px 0 0;background: #f7f7f7;}
.ys_desc{margin: 38px 0;}
.ys_desc p{float: left;width: 460px;height: 42px;line-height: 42px;color: #333;font-size: 17px;padding-left: 24px;position: relative;box-sizing: border-box;}
.ys_desc p:nth-child(3n){float: right;width: 250px;}
.ys_desc p:after{position: absolute;width: 8px;height: 8px;content: "";background: #000;opacity: 0.1;border-radius: 100%;left: 0;top: 17px;}
.ys_desc p:hover:after{background: #29479d;opacity: 1;}
.tech{position: relative;padding-bottom: 50px;}
.tech dl{height: 158px;float: left;width: 580px;margin-right: 40px;}
.tech dt{float: left;width: 305px;height: 158px;overflow: hidden;}
.tech dt img{display: block;width: 305px;height: 158px;transition: all 0.5s;}
.tech dt:hover img{transform: scale(1.05);}
.tech dd{float: right;width: 275px;padding: 0 32px;box-sizing: border-box;height: 158px;background: #fff;text-align: center;}
.tech dd h4{padding: 33px 0 16px;font-size: 20px;color: #333;position: relative;line-height: 20px;margin-bottom: 10px;}
.tech dd h4:after{position: absolute;width: 30px;height: 3px;content: "";background: #29479D;left: 50%;margin-left: -15px;bottom: 0;}
.tech dd p{font-size: 14px;color: #333;line-height: 24px;}
.tech .prev{position: absolute;width: 15px;height: 26px;left: -65px;top: 66px;}
.tech .next{position: absolute;width: 15px;height: 26px;right: -65px;top: 66px;}
.tech .tempWrap{width: 100% !important;}

.ys_con dl{float: left;width: 33%;margin-right: 0.5%;position: relative;overflow: hidden;}
.ys_con dl:last-child{margin-right: 0;}
.ys_con dt img{display: block;width: 100%;transition: all 0.5s;}
.ys_con dt:hover img{transform: scale(1.05);}
.ys_con dd{height: 11.354vw;position: absolute;width: 100%;left: 0;bottom: 0;padding: 2.604vw 2.604vw 0;box-sizing: border-box;}
.ys_con dd h3{font-size: 0;}
.ys_con dd h3 b{display: inline-block;font-size: 1.875vw;line-height: 1.875vw;color: #fff;background: url(../images/ys_jt.png) no-repeat right center;background-size: 1.40625vw 1.40625vw;padding-right: 2.604vw;}
.ys_con dd h3 i{display: block;font-size: 0.729vw;color: #fff;text-transform: uppercase;line-height: 1.667vw;opacity: 0.4;padding-top: 0.521vw;font-weight: normal;}
.ys_con dd p{font-size: 0.833vw;line-height: 1.5625vw;color: #fff;opacity: 0;transform: translateY(10px);transition: all 0.5s;margin-top: 1.146vw;}
.ys_con dl:hover dd{background: rgba(41, 71, 157, 0.9);}
.ys_con dl:hover dd h3 i{display: none;}
.ys_con dl:hover dd p{opacity: 1;transform: translateY(0);}


/*team*/
.team{padding: 100px 0 50px;}
.team h2{margin-bottom: 50px;}
.team_l{float: left;width: 772px;}
.team_l dl{height: 514px;background: #f7f7f7;}
.team_l dt{float: left;width: 386px;height: 514px;overflow: hidden;}
.team_l dt img{width: 386px;height: 514px;transition: all 0.5s;}
.team_l dt:hover img{transform: scale(1.05);}
.team_l dd{float: left;width: 386px;padding: 0 30px;box-sizing: border-box;height: 514px;}
.team_l dd h4{padding: 60px 0 22px;border-bottom: 1px solid rgba(41, 71, 157, 0.1);font-size: 36px;color: #333;line-height: 36px;margin-bottom: 24px;}
.team_l dd h4 i{display: block;font-size: 18px;line-height: 18px;font-weight: normal;margin-top: 12px;background: url(../image/985cb9fac92240c8bf60528e771d7532_30.png) no-repeat right center;}
.team_l dd p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 16px;}
.team_r{float: right;width: 394px;}
.team_r li{float: left;width: 182px;height: 242px;position: relative;overflow: hidden;margin-bottom: 30px;}
.team_r li img{display: block;width: 182px;height: 242px;transition: all 0.5s;}
.team_r li:hover img{transform: scale(1.05);}
.team_r li span{position: absolute;width: 100%;left: 0;bottom: 0;height: 40px;line-height: 40px;padding: 0 15px;font-size: 14px;color: #fff;box-sizing: border-box;background: url(../images/985cb9fac92240c8bf60528e771d7532_32.png) no-repeat;}
.team_r li:nth-child(2n){float: right;}


/*spt*/
.spt{padding: 80px 0 0;height: 850px;background: url(../images/spt_bg.jpg) no-repeat center 0;box-sizing: border-box;}
.spt h2{margin-bottom: 50px;}
.spt li{float: left;width: 300px;margin-bottom: 52px;}
.spt li:nth-child(odd){margin-right: 600px;}
.spt li h3{height: 44px;line-height: 44px;padding-bottom: 12px;border-bottom: 1px solid #D2D2D2;position: relative;font-size: 28px;color: #333;margin-bottom: 24px;}
.spt li h3 i{float: left;width: 64px;}
.spt li h3:after{position: absolute;width: 38px;height: 5px;content: "";background: #29479D;left: 64px;bottom: -3px;}
.spt li p{font-size: 16px;color: #666;line-height: 30px;}
.spt li:hover h3 img{animation: flipInY 1.5s;}

/*xban*/
.xban{height: 350px;background: url(../image/985cb9fac92240c8bf60528e771d7532_14.jpg) no-repeat center 0;position: relative;}
.xban .tel{position: absolute;width: 100%;left: 0;bottom: 65px;font-size: 20px;color: #fff;line-height: 20px;text-align: center;font-weight: bold;}


/*coop*/
.coop{height: 784px;background: url(../images/coop_bg.jpg) no-repeat center 0;}
.cp_con{float: left;width: 530px;margin-top: 190px;}
.cp_con h2{font-size: 18px;color: #333;line-height: 18px;padding-bottom: 44px;background: url(../images/coop_line.png) no-repeat left bottom;}
.cp_con h2 b{display: block;font-size: 36px;line-height: 36px;color: #333;height: 36px;padding-top: 14px;}
.cp_con h2 em{font-size: 14px;opacity: 0.3;}
.cp_desc{font-size: 15px;color: #333;line-height: 36px;margin: 40px 0 55px;}
.cp_con .more{display: block;width: 160px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;background: #29479D;}
.cp_con .more:hover{animation: shake 1.5s linear;}


/*news*/
.news{padding: 100px 0 80px;background: #f7f7f7;}
.news h2{margin-bottom: 50px;}
.news h3{margin-bottom: 20px;height: 54px;border-bottom: 1px solid #dcdcdc;}
.news h3 a{display: inline-block;font-size: 26px;color: #333;line-height: 28px;padding-left: 15px;border-left: 5px solid #29479d;}
.new_l{float: left;width: 770px;}
.new_l dl{height: 182px;position: relative;}
.new_l dt{float: left;width: 300px;height: 182px;overflow: hidden;}
.new_l dt img{width: 300px;height: 182px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{float: left;width: 324px;margin-left: 28px;}
.new_l dd h4{font-size: 17px;color: #333;line-height: 17px;padding: 18px 0 15px;}
.new_l dd p{font-size: 14px;color: #888;line-height: 24px;}
.new_l dd .more{display: block;width: 132px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;background: #29479d;margin-top: 26px;}
.new_l dd i{position: absolute;right: 0;top: 48px;width: 65px;padding-left: 20px;height: 62px;border-left: 1px solid #d2d2d2;font-size: 14px;color: #333;line-height: 14px;font-family: Arial;text-align: center;}
.new_l dd i em{display: block;font-size: 40px;line-height: 30px;padding-bottom: 18px;}
.new_l ul{margin-top: 50px;border-top: 1px dashed #ebebeb;padding-top: 36px;}
.new_l li{width: 336px;margin-right: 56px;float: left;padding-left: 20px;position: relative;}
.new_l li:after{position: absolute;width: 10px;height: 10px;border: 2px solid #d2d2d2;border-radius: 100%;content: "";left: 0;top: 7px;box-sizing: border-box;}
.new_l li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_l li p{font-size: 14px;color: #888;line-height: 24px;}
.new_l li:last-child{margin-right: 0;}
.new_r{float: right;width: 355px;}
.new_r h3{margin-bottom: 34px;}
.new_r li{margin-bottom: 48px;padding-left: 20px;}
.new_r li h4{font-size: 14px;color: #333;line-height: 24px;font-weight: normal;margin-bottom: 8px;}
.new_r li p{font-size: 14px;color: #888;line-height: 24px;}
.new_r .tempWrap{height: 336px !important;}
.new_l li h4:hover a,.new_r li h4:hover a{color: #29479d;}

.links{height: 70px;line-height: 70px;font-size: 14px;color: #fff;background: #29479d;}
.links a{color: #fff;margin-right: 50px;}
.header{overflow:hidden;height:100px;background:#fff}
.h_con{margin:0 auto;width:94%;height:100px;max-width:1720px}
.h_con .logo{float:left;margin-top:20px;margin-right:15px}
.h_con .logo img{display:block;height:3.125vw}
.h_con h2{float:left;margin-top:28px;padding-left:22px;height:54px;border-left:1px solid #e5e5e5;color:#333;font-size:25px;line-height:25px; font-weight: 700}
.h_con h2 i{font-style: normal;display:block;padding-top:10px;font-weight:400;font-size:18px;line-height:18px}
.h_con .tel{position:relative;float:right;padding-left:38px;height:100px;background:url(../images/tel1.png) no-repeat 0;color:#333;font-weight:700;font-size:20px;font-family:Arial;line-height:100px}
.h_con .tel:after{position:absolute;top:50%;left:-2vw;margin-top:-14px;width:1px;height:28px;background:#ccc;content:""}
.h_nav{float:right}
.h_nav,.h_nav li{margin-right:2vw;height:100px}
.h_nav li{position:relative;float:left;line-height:100px}
.h_nav li a{display:block;color:#333;font-size:15px}
.h_nav li:after{position:absolute;bottom:18px;left:0;width:0;height:2px;background:#29479d;content:"";transition:all .5s}
.h_nav li.cur:after,.h_nav li:hover:after{width:100%}
.h_nav li.cur a,.h_nav li:hover a{color:#29479d}
@media screen and (max-width:1600px){.h_nav li a{font-size:14px}
.h_con h2{font-size:22px}
.h_con h2 i{font-size:16px}
.h_con .tel{font-size:18px}
}
@media screen and (max-width:1440px){.h_nav{margin-right:0}
.h_con .tel:after{display:none}
}
@media screen and (max-width:1366px){.h_nav li{margin-right:23px}
}