@import "font-awesome.css";
@import "iconfont.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box}
.wrap{width:1250px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
.f20{font-size:20px}
.f26{font-size:26px}

.top_header{width:100%;}
.top{height:50px;background:#338BCF;}
.top .wrap{align-items: center;}
.top .txt{font-size:14px;color:#FFFFFF;font-family: 'Roboto-Regular';}
.top .info{height:50px}
.top .info .ico{align-items: center;}
.top .info .ico a{position: relative;color:#FFFFFF;font-size:20px;margin-right:20px}
.top .info .ico a:after{content:"";width:1px;height:18px;background:#71AEDD;position: absolute;right:-10px;top:50%;margin-top:-9px;}
.top .info .ico a:hover{color:#1E49A7}
.top .info .lang{position: relative;display:flex;align-items:center}
.top .info .lang h3{display:flex;align-items: center;cursor: pointer;}
.top .info .lang h3 span{margin:0 8px;font-size:16px;color:#FFFFFF;}
.top .info .lang h3 i{transition-duration:.8s;color:#fff}
.top .info .lang:hover h3 i:last-child{transform: rotate(180deg);}
.top .info .lang .sub{z-index:99999999;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;padding-bottom:10px;position: absolute;box-shadow:0 15px 30px rgba(0,0,0,0.1);left:0;top:50px;background:#338BCF;width:100%}
.top .info .lang .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;;display:flex;align-items: center;padding:8px 0;color:#fff;margin:0 8px;border-bottom:1px solid #E9E9E9;font-size:15px}
.top .info .lang .sub a img{margin-right:5px;height:15px;}
.top .info .lang:hover .sub{transform: scaleY(1);}
.header{transition-duration:.6s;height:150px;width:100%;background:#fff;z-index: 9999999;display:flex;align-items: center;}
.header.height{box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .header-left{align-items: center;}
.header .menu{align-items: center;height:150px;} 

.header .menu .txt-l{font-family: Arial;font-weight: bold;font-size: 18px;}
.header .menu .txt-r{font-family: Arial;font-size: 15px;font-weight: bold;margin-right: 50px;cursor: pointer;}
.header .menu .txt-r p{line-height: 23px;}
.header .header-right .em{height: 60px;border-left: 2px solid #77e2c3;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;flex-direction: column;padding-left: 22px;font-family: Arial;font-size: 15px;font-weight: bold;}
.header .header-right .em:hover a {color: #77e2c3;}
.header .header-right .btn{width: 225px;height: 60px;background: #77e2c3;line-height: 60px;text-align: center;font-family: Arial;font-size: 18px;font-weight: bold;margin-left: 47px;transition: 0.8s;cursor: pointer;}
.header .header-right .btn:hover{background-color: #00313c;color: #77e2c3;}
.top_header .nav{width: 100%;height: 60px;background-color: #77e2c3;display: flex;align-items: center;justify-content: center;}
.top_header .nav ul{display: flex;}
.top_header .nav ul li{width: 245px;height: 40px;border-left: 2px solid #00313c;text-align: center;line-height: 40px;font-family: Arial;font-weight: bold;font-size: 18px;transition: 0.5s;overflow: hidden;}
.top_header .nav ul li h3 a p{font-family: Arial;color: #00313c;font-weight: bold;font-size: 19px;}

.top_header .nav ul li:hover h3
{top:0;transition: all 0.3s;}

.top_header .nav ul li h3{height: 40px; position: relative;top: -40px;transition: all 0.3s;}
.top_header .nav ul li h3 a p:nth-last-child(2){color: #fff;}
.top_header .nav ul li:hover a{color: #fff;}
.top_header .nav ul li:nth-last-child(1){border-right: 2px solid #00313c;}
.nav-banner{position: relative;}
.nav-banner .title{position: absolute;width: 620px;top: 94px;left: 335px;font-family: Arial;font-weight: bold;font-size: 43px;color: #00313c;}
.nav-banner .des{position: absolute;width: 630px;top: 300px;left: 335px;font-family: Arial;font-size: 24px;line-height: 35px;color: #00313c;}

.nav-banner .btn{width: 42.35vw;height: 11.11vw;background: #77e2c3;line-height: 11.11vw;text-align: center;font-family: Arial;font-size: 18px;font-weight: bold;transition: 0.8s;cursor: pointer;position: absolute;top: 106.94vw;left: 6.25vw;}
.nav-banner .btn:hover{background-color: #00313c;color: #77e2c3;}

.advantage{width: 100%;margin-top: 100px;}
.flex-adv{display: flex;justify-content: space-between;flex-wrap: wrap;}
.advantage .adv-txt{width: 520px;}
.advantage .adv-txt .title{font-family: Arial;font-size: 43px;color: #00313c;font-weight: bold;line-height: 60px;}
.advantage .adv-txt .des{font-family: Arial;font-size: 22px;color: #00313c;font-weight: bold;line-height: 30px;}
.advantage .item{width: 530px;margin-top: 25px;margin-bottom: 35px;cursor:pointer;}
.advantage .item:hover .tit{color: #77e2c3;}
.advantage .item .tit{font-family: Arial;font-size: 22px;color: #00313c;font-weight: bold;margin-top: 5px;transition: 0.6s;}
.advantage .item .content{font-family: Arial;font-size: 22px;color: #00313c;width: 100%;line-height: 35px;}

.service .swiper-slide{display: flex;align-items: center;justify-content: center;}
.service{width: 100%;background-color: #00313c;overflow: hidden;}
.service .title{font-family: Arial;font-size: 43px;color: #fff;font-weight: bolder;margin-top: 90px;}
.service .des{font-family: Arial;font-size: 28px;color: #fff;font-weight: bolder;margin-top: 10px;}
.service .items{width: 100%;margin-top: 45px;}
.service .items .item{transition: 0.8s !important;width: 405px;height: 755px;border: 1px solid #77e2c3;padding: 22px 25px;position: relative;margin-bottom: 110px;cursor: pointer;}
.service .items .item .pic,.service .items .item .pic img{width: 100%;transition: 0.8s;height: 236px;}
.service .items .item .pic{overflow: hidden;}
.service .items .item .titles{display: flex;align-items: center;margin-top: 20px;}
.service .items .item .titles .num{font-family: Arial;font-size: 58px;color: #77e2c3;}
.service .items .item .titles .tit{font-family: Arial;font-size: 22px;color: #77e2c3;font-weight: bold;margin-left: 15px;}
.service .items .item .content{font-family: Arial;font-size: 21px;color: #fff;width: 100%;margin-top: 20px;line-height: 30px;}
.service .items .item .arrow{width: 340px;height: 2px;background-color: #4a9f90;position: relative;margin-top: 150px;position: absolute;bottom: 88px;transition: 0.5s;}
.service .items .item .arrow::after{content: "";width: 10px;height: 10px;border-right: 2px solid #4a9f90;border-bottom: 2px solid #4a9f90;position: absolute;right: 0;transform: rotateZ(-45deg);top: -5px;}
.service .items .item .more{font-family: Arial;font-size: 21px;color: #77e2c3;font-weight: bold;margin-top: 22px;display: inline-block;position: absolute;bottom: 46px;transition: 0.5s;}
.service .items .item:hover .more{color: #fff;}
.service .items .item:hover .arrow{background-color: #fff;}
.service .items .item:hover .arrow::after{border-color: #fff;}
.service .items .item:hover .pic img{transform: scale(1.05);}
/*.service .items .item:hover{transform: translateY(-20px) !important;transition: 0.8s !important;}*/

.contact .contact-l .title{font-family: Arial;font-size: 43px;color: #00313c;font-weight: bold;margin-top: 80px;}
.contact .contact-l{width: 540px;}
.contact .contact-l .des{font-family: Arial;font-size: 27px;color: #00313c;font-weight: bold;margin-top: 10px;}
.contact .contact-l .cons .con{border-left: 2px solid #77e2c3;padding-left: 20px;margin-top: 40px;cursor: pointer;}
.contact .contact-l .cons .con .content{width: 80%;}
.contact .contact-l .cons .con .method{font-family: Arial;font-size: 22px;color: #00313c;font-weight: bold;}
.contact .contact-l .cons .con .content{font-family: Arial;font-size: 22px;color: #00313c;margin-top: 5px;}
.contact .contact-l .cons .con .content a {color: #00313c;}
.contact .contact-l .cons .con:hover .content{color: #77e2c3;}
.contact .contact-l .cons .con:hover .content a{color: #77e2c3;}
.contact .contact-l .ctxt .title{font-family: Arial;font-size: 22px;color: #00313c;font-weight: bold;}

.contact .contact-l .ctxt p{font-family: Arial;font-size: 22px;color: #00313c;line-height: 34px;}


.contact .contact-r {flex-direction: column;justify-content: center;align-items: center;width:640px;margin-top: 100px;}
.contact .contact-r .hd{height:85px;width:925px;padding:0 35px;background:#053d90;align-items: center;}
.contact .contact-r .hd .name{color:#FFFFFF;font-size:18px}
.contact .contact-r .hd .del{cursor: pointer;}
.contact .contact-r .bd{width:100%;padding:35px;background:#fff;}
.contact .contact-r .bd input,.contact .contact-r .bd textarea{width:100%;display:block;padding:0 30px;margin-bottom:20px;border:2px solid #77e2c3;font-size:14px;color:#00313c;}
/* .contact .contact-r .bd input:hover,.contact .contact-r .bd textarea:hover{border-color:#053d90} */
.contact .contact-r .bd input{height:60px;display:flex;align-items: center;}
.contact .contact-r .bd textarea{min-height:230px;padding:20px 25px;line-height:30px}
.contact .contact-r .bd .form-box{display: flex;align-items: center;margin-bottom: 22px;}
.contact .contact-r .bd .form-box .downbtn{height: 60px;width: 220px;border:2px solid #77e2c3;background-color: #fff;color: #00313c; font-family: Arial;font-size: 18px;color: #00313c;font-weight: bold;padding: 0 !important;box-sizing: border-box !important;cursor: pointer;}
.contact .contact-r .bd .form-box .downbtn:hover{color: #77e2c3;}
.contact .contact-r .bd .form-box p{font-family: Arial;font-size: 14px;color: #00313c;margin-left: 22px;line-height: 20px;}
.contact .contact-r .bd .form-box p .u{border-bottom: 1px solid #00313c; }
.contact .contact-r .bd .form-box .txt1{width: 270px;font-weight: bold;}
.contact .contact-r .bd .form-box .txt2{width: 340px;}
.contact .contact-r .bd .btn{transition-duration:.6s;width:225px;height:60px;background:#77e2c3;display:flex;justify-content: center;align-items: center;cursor: pointer;color:#fff;font-family: Arial;font-size: 18px;color: #00313c;font-weight: bold;}
.contact .contact-r .bd .btn:hover{background-color: #00313c;color: #77e2c3;}
/* .contact .contact-r .bd .btn i{margin-left:8px;} */

/* .contact .contact-r .bd .btn:hover{border-radius:30px;} */
.footers{background-color: #00313c;padding-top: 50px;padding-bottom: 115px;}
.footers .flex{justify-content: center;}
.footers .footer-l .c{font-family: Arial;font-size: 18px;color: #fff;margin-top: 70px;}

.footers .footer-r .nav{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;}
.footers .footer-r .nav ul{display: flex;}
.footers .footer-r .nav ul li{width: 245px;height: 40px;border-left: 2px solid #77e2c3;text-align: center;line-height: 40px;font-family: Arial;font-size: 19px;transition: 0.5s;}
.footers .footer-r .nav ul li a{color: #fff;}
.footers .footer-r .nav ul li:hover >a{color: #77e2c3;}
.footers .footer-r .nav ul li:nth-last-child(1){border-right: 2px solid #77e2c3;}
.footers .footer-r .nav .ser{text-align: left;padding-left: 45px;width: 310px;}
.footers .footer-r .nav .subs{font-family: Arial;font-size: 18px;color: #fff;margin-top: 5px;}
.footers .footer-r .nav .subs .sub{line-height: 45px;}
.footers .footer-r .nav .subs .sub:hover a{color: #77e2c3;}

/*.contact-pop{max-height: 100vh;}*/
.contact-pop .hd{ width:640px;padding:0 35px;background:#fff;}
.contact-pop .hd .name{color:#00313c;font-family: Arial;font-size: 1.46vw;font-weight: bold;margin-top: 20px;}
.contact-pop .hd .del{cursor: pointer;margin-top: 10px;margin-right: -25px;}
.contact-pop {display: none; flex-direction: column;justify-content: center !important;align-items: center;position: fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:99999 !important;}

.contact-pop .bd{width:640px;padding:20px;padding-top: 10px; background:#fff;}
.contact-pop .bd input,.contact-pop .bd textarea{width:100%;display:block;padding:0 30px;margin-bottom:20px;border:2px solid #77e2c3;font-size:14px;color:#00313c;}
/* .contact-pop .bd input:hover,.contact-pop .bd textarea:hover{border-color:#053d90} */

.contact-pop .bd input{height:5.1vh;display:flex;align-items: center;}
.contact-pop .bd textarea{min-height:18.5vh;padding:20px 25px;line-height:30px}
/*.contact-pop .bd input{height:55px;display:flex;align-items: center;}*/
/*.contact-pop .bd textarea{min-height:200px;padding:20px 25px;line-height:30px}*/
.contact-pop .bd .form-box{display: flex;align-items: center;margin-bottom: 22px;}
.contact-pop .bd .form-box .downbtn{height: 60px;width: 220px;border:2px solid #77e2c3;background-color: #fff;color: #00313c; font-family: Arial;font-size: 18px;color: #00313c;font-weight: bold;padding: 0 !important;box-sizing: border-box !important;}
.contact-pop .bd .form-box .downbtn:hover{color: #77e2c3;}
.contact-pop .bd .form-box p{font-family: Arial;font-size: 14px;color: #00313c;margin-left: 22px;line-height: 20px;}
.contact-pop .bd .form-box p .u{border-bottom: 1px solid #00313c; }
.contact-pop .bd .form-box .txt1{width: 270px;font-weight: bold;}
.contact-pop .bd .form-box .txt2{width: 340px;}
.contact-pop .bd .btn{transition-duration:.6s;width:225px;height:60px;background:#77e2c3;display:flex;justify-content: center;align-items: center;cursor: pointer;color:#fff;font-family: Arial;font-size: 18px;color: #00313c;font-weight: bold;}
.contact-pop .bd .btn:hover{background-color: #00313c;color: #77e2c3;}

.header .header-left .logo{margin-right:20px;width: 200px;}
.header .header-left .item h3 a{font-family: 'Barlow-Bold';font-size:18px;;color:#0B2042;}
.header .header-left .item{margin-right:35px;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .item h3 a{font-size:16px;font-family: 'Barlow-Medium';}
.header .header-right .item{margin-right:25px;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .ico{align-items: center;}
.header .header-right .ico a{margin-left:25px}
.header .item{display:flex;height:80px;align-items: center;}
.header .item h3 a{color:#0B2042;text-transform:uppercase;}
.header .item h3 a:hover,.header .item.on h3 a{color:#338BCF}
.header .sub{z-index:2;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;transition-duration:.6s;position: fixed;top:130px;left:0;width:100%;border-top:1px solid #E6E8EC;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .sub .wrap{display:flex;padding:15px 0 25px;flex-wrap:wrap;}
.header .sub .p{width: calc(100% / 5 - 40px);margin-right:50px;height:50px;display:flex;border-bottom:1px solid #DBDBDB;}
.header .sub .p:nth-child(5n){margin-right:0}
.header .sub .p a{display:flex;width:100%;align-items: center;height:100%;transition-duration:.6s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0B2042}
.header .sub .p:hover{border-color:#338BCF}
.header .sub .p:hover a{color:#338BCF}
.header .item:hover .sub{transform: scaleY(1);}

.banner{position: relative;}
.banner img{width:100%;}
.nav-banner{overflow: hidden;}
/*.nav-banner img{width:100%;animation: 4s linear infinite normal none running nav;}*/
.nav-banner img{width:100%;animation: nav 8s ease infinite;}

@keyframes nav{
    0%{margin-left: 0px;margin-top: 0px;}
    25%{margin-left: 7px;margin-top: 0px;}
    50%{margin-left: 7px;margin-top: -4px;}
    75%{margin-left: 0px;margin-top: -4px;}
    100%{margin-left: 0px;margin-top: 0px;}
}


/*.footer{color:#fff;background:#0B2042;}*/
/*.footer .menu{padding:45px 0 80px;}*/
/*.footer .menu .item{width: calc(100% / 4 - 75px);margin-right:100px;}*/
/*.footer .menu .item h3{padding-bottom:20px;font-style: italic;font-size:24px;border-bottom:1px solid #55637B;font-family: 'Barlow-ExtraBold'}*/
/*.footer .menu .item .sub a{display:block;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#fff;}*/
/*.footer .menu .item .sub a:hover{padding-left:10px;}*/
/*.footer .menu .item:last-child{margin-right:0}*/
/*.footer .menu .item:last-child a{display:flex;}*/
/*.footer .menu .item:last-child a .i{width:30px;}*/
/*.footer .menu .item:last-child a span{width: calc(100% - 30px);}*/
/*.footer .bottom{padding:40px 0 60px;border-top:1px solid #243755}*/
/*.footer .bottom p,.footer .bottom p a{color:#FFFFFF;font-size:14px;}*/



@media (max-width: 1660px){
 
    .nav-banner .title{position: absolute;width: 7.75rem;top: 1.18rem;left: 4.19rem;font-family: Arial;font-weight: bold;font-size: .54rem;color: #00313c;}
     .nav-banner .des{position: absolute;width: 7.88rem;top: 3.75rem;left: 4.19rem;font-family: Arial;font-size: .3rem;line-height: .44rem;color: #00313c;}

}
@media (max-width: 1250px){
    .wrap{width:98%}
    .index-about .bd .txt {width: calc(100% - 680px);}
    .list-about .bd .txt p{font-size:14px;line-height:22px}
    .list-about .data .item p{font-size:10px;}
    .index-about .data{margin-top:20px}
    
    
     .header .menu .txt-r{margin-right: 20px;}



.header .menu .txt-l{font-family: Arial;font-weight: bold;font-size: .36rem;}
.header .menu .txt-r{font-family: Arial;font-size: .3rem;font-weight: bold;margin-right: 1rem;}
.header .menu .txt-r p{line-height: .46rem;}
.header .header-right .em{height: 1.2rem;border-left: .04rem solid #77e2c3;display: flex;align-items: center;padding-left: .44rem;font-family: Arial;font-size: .3rem;font-weight: bold;}
.header .header-right .btn{width: 4.5rem;height: 1.2rem;background: #77e2c3;line-height: 1.2rem;text-align: center;font-family: Arial;font-size: .36rem;font-weight: bold;margin-left: .94rem;transition: 0.8s;cursor: pointer;}
.header .header-right .btn:hover{background-color: #00313c;color: #77e2c3;}
.top_header .nav{width: 100%;height: 1.2rem;background-color: #77e2c3;display: flex;align-items: center;justify-content: center;}
.top_header .nav ul{display: flex;}
.top_header .nav ul li{width: 4.9rem;height: .8rem;border-left: .04rem solid #00313c;text-align: center;line-height: .8rem;font-family: Arial;font-weight: bold;font-size: .36rem;transition: 0.5s;}
.top_header .nav ul li:hover a{color: #fff;}
.top_header .nav ul li:nth-last-child(1){border-right: .04rem solid #00313c;}


.advantage{width: 100%;margin-top: 2rem;}
.flex-adv{display: flex;justify-content: space-between;flex-wrap: wrap;}
.advantage .adv-txt{width: 10.4rem;}
.advantage .adv-txt .title{font-family: Arial;font-size: .86rem;color: #00313c;font-weight: bold;line-height: 1.2rem;}
.advantage .adv-txt .des{font-family: Arial;font-size: .44rem;color: #00313c;font-weight: bold;line-height: .6rem;}
.advantage .item{width: 10.6rem;margin-top: .5rem;margin-bottom: .7rem;}
.advantage .item .tit{font-family: Arial;font-size: .44rem;color: #00313c;font-weight: bold;margin-top: .1rem;}
.advantage .item .content{font-family: Arial;font-size: .44rem;color: #00313c;width: 100%;line-height: .7rem;}


.service{width: 100%;background-color: #00313c;overflow: hidden;}
.service .title{font-family: Arial;font-size: .86rem;color: #fff;font-weight: bolder;margin-top: 1.8rem;}
.service .des{font-family: Arial;font-size: .56rem;color: #fff;font-weight: bolder;margin-top: .2rem;}
.service .items{display: flex;width: 100%;margin-top: .9rem;justify-content: space-between;}
/*.service .items .item{width: 8.1rem;height:8.19rem;border: .02rem solid #77e2c3;padding: 22px 25px;position: relative;margin-bottom: 55px;}*/
.service .items .item{width: 95%;min-height:8.5rem;border: .02rem solid #77e2c3;padding: 22px 25px;position: relative;margin-bottom: 55px;}
.service .items .item .pic,.service .items .item .pic img{width: 100%;height: 4.72rem;}
.service .items .item .titles{display: flex;align-items: center;margin-top: .4rem;}
.service .items .item .titles .num{font-family: Arial;font-size: 1.16rem;color: #77e2c3;}
.service .items .item .titles .tit{font-family: Arial;font-size: .44rem;color: #77e2c3;font-weight: bold;margin-left: .3rem;}
.service .items .item .content{font-family: Arial;font-size: .42rem;color: #fff;width: 100%;margin-top: .4rem;line-height: .6rem;}
.service .items .item .arrow{width: 6.8rem;height: 2px;background-color: #4a9f90;position: relative;margin-top: 3rem;position: absolute;bottom: 1.76rem;}
.service .items .item .arrow::after{content: "";width: .2rem;height: .2rem;border-right: 2px solid #4a9f90;border-bottom: 2px solid #4a9f90;position: absolute;right: 0;transform: rotateZ(-45deg);top: -0.1rem;}
.service .items .item .more{font-family: Arial;font-size: .42rem;color: #77e2c3;font-weight: bold;margin-top: 20px;display: inline-block;position: absolute;bottom: .92rem;}
.service .items .item:hover .more{color: #fff;}
.service .items .item:hover .arrow{background-color: #fff;}
.service .items .item:hover .arrow::after{border-color: #fff;}

.contact .contact-l .title{font-family: Arial;font-size: .86rem;color: #00313c;font-weight: bold;margin-top: 1.6rem;}
.contact .contact-l{width: 10.8rem;}
.contact .contact-l .des{font-family: Arial;font-size: .54rem;color: #00313c;font-weight: bold;margin-top: .2rem;}
.contact .contact-l .cons .con{border-left: .04rem solid #77e2c3;padding-left: .4rem;margin-top: .8rem;}
.contact .contact-l .cons .con .content{width: 80%;}
.contact .contact-l .cons .con .method{font-family: Arial;font-size: .44rem;color: #00313c;font-weight: bold;}
.contact .contact-l .cons .con .content{font-family: Arial;font-size: .44rem;color: #00313c;margin-top: .1rem;}
.contact .contact-l .ctxt .title{font-family: Arial;font-size: .44rem;color: #00313c;font-weight: bold;}

.contact .contact-l .ctxt p{font-family: Arial;font-size: .44rem;color: #00313c;line-height: .68rem;}

.contact .contact-r {flex-direction: column;justify-content: center;align-items: center;width:12.8rem;margin-top: 2rem;}
.contact .contact-r .hd{height:1.7rem;width:18.5rem;padding:0 .7rem;background:#053d90;align-items: center;}
.contact .contact-r .hd .name{color:#FFFFFF;font-size:.36rem}
.contact .contact-r .hd .del{cursor: pointer;}
.contact .contact-r .bd{width:100%;padding:.7rem;background:#fff;}
.contact .contact-r .bd input,.contact .contact-r .bd textarea{width:100%;display:block;padding:0 .6rem;margin-bottom:20px;border:.04rem solid #77e2c3;font-size:14px;color:#00313c;}

.contact .contact-r .bd input{height:60px;display:flex;align-items: center;}
.contact .contact-r .bd textarea{min-height:230px;padding:20px 25px;line-height:30px}
.contact .contact-r .bd .form-box{display: flex;align-items: center;margin-bottom: 22px;}
.contact .contact-r .bd .form-box .downbtn{height: 1.2rem;width: 4.4rem;border:.04rem solid #77e2c3;background-color: #fff;color: #00313c; font-family: Arial;font-size: .36rem;color: #00313c;font-weight: bold;padding: 0 !important;box-sizing: border-box !important;}
.contact .contact-r .bd .form-box .downbtn:hover{color: #77e2c3;}
.contact .contact-r .bd .form-box p{font-family: Arial;font-size: .28rem;color: #00313c;margin-left: .44rem;line-height: .4rem;}
.contact .contact-r .bd .form-box p .u{border-bottom: .02rem solid #00313c; }
.contact .contact-r .bd .form-box .txt1{width: 5.4rem;font-weight: bold;}
.contact .contact-r .bd .form-box .txt2{width: 6.8rem;}
.contact .contact-r .bd .btn{transition-duration:.6s;width:4.5rem;height:1.2rem;background:#77e2c3;display:flex;justify-content: center;align-items: center;cursor: pointer;color:#fff;font-family: Arial;font-size: .36rem;color: #00313c;}
.contact .contact-r .bd .btn:hover{background-color: #00313c;color: #77e2c3;}

.footers{background-color: #00313c;padding-top: 1rem;padding-bottom: 2.3rem;}
.footers .footer-l .c{font-family: Arial;font-size: 18px;color: #fff;margin-top: 1.4rem;}
.footers .footer-r .nav{width: 100%;height: 1.2rem;display: flex;align-items: center;justify-content: center;}
.footers .footer-r .nav ul{display: flex;}
.footers .footer-r .nav ul li{width: 4.9rem;height: .8rem;border-left: .04rem solid #77e2c3;text-align: center;line-height: .8rem;font-family: Arial;font-size: 19px;transition: 0.5s;}
.footers .footer-r .nav ul li a{color: #fff;}
.footers .footer-r .nav ul li:hover >a{color: #77e2c3;}
.footers .footer-r .nav ul li:nth-last-child(1){border-right: .04rem solid #77e2c3;}
.footers .footer-r .nav .ser{text-align: left;padding-left: .9rem;width: 6.2rem;}
.footers .footer-r .nav .subs{font-family: Arial;font-size: 18px;color: #fff;margin-top: .1rem;}
.footers .footer-r .nav .subs .sub{line-height: .9rem;}
.footers .footer-r .nav .subs .sub:hover a{color: #77e2c3;}

.contact-pop .hd{ width:12.8rem;padding:0 .7rem;background:#fff;}
.contact-pop .hd .name{color:#00313c;font-family: Arial;font-weight: bold;margin-top: .4rem;}
.contact-pop .hd .del{cursor: pointer;margin-top: .2rem;margin-right: -0.2rem;}
.contact-pop {display: none; flex-direction: column;justify-content: center !important;align-items: center;position: fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:999999999999 !important;}

.contact-pop .bd{width:12.8rem;padding:.25rem;padding-top: .13rem; background:#fff;}
.contact-pop .bd input,.contact-pop .bd textarea{width:100%;display:block;padding:0 .6rem;margin-bottom:.4rem;border:.04rem solid #77e2c3;color:#00313c;}
/* .contact-pop .bd input:hover,.contact-pop .bd textarea:hover{border-color:#053d90} */
.contact-pop .bd input{height:1.1rem;display:flex;align-items: center;}
.contact-pop .bd textarea{min-height:4rem;padding:.4rem .5rem;line-height:.6rem}
.contact-pop .bd .form-box{display: flex;align-items: center;margin-bottom: .44rem;}
.contact-pop .bd .form-box .downbtn{height: 1.2rem;width: 4.4rem;border:.04rem solid #77e2c3;background-color: #fff;color: #00313c; font-family: Arial;font-size: .36rem;color: #00313c;font-weight: bold;padding: 0 !important;box-sizing: border-box !important;}
.contact-pop .bd .form-box .downbtn:hover{color: #77e2c3;}
.contact-pop .bd .form-box p{font-family: Arial;font-size: .28rem;color: #00313c;margin-left: .44rem;line-height: .4rem;}
.contact-pop .bd .form-box p .u{border-bottom: .02rem solid #00313c; }
.contact-pop .bd .form-box .txt1{width: 5.4rem;font-weight: bold;}
.contact-pop .bd .form-box .txt2{width: 6.8rem;}
.contact-pop .bd .btn{transition-duration:.6s;width:4.5rem;height:1.2rem;background:#77e2c3;display:flex;justify-content: center;align-items: center;cursor: pointer;color:#fff;font-family: Arial;font-size: .36rem;color: #00313c;}
.contact-pop .bd .btn:hover{background-color: #00313c;color: #77e2c3;}
}
@media screen and (max-width:992px) {
    .wrap{width: 98%;height: auto;}
    .nav-banner .title{width: unset;}
    .header-left .logo img{width: 26.38vw !important;}
    .header{height: 22.22vw;}
    .header-left .logo{width: 26.38vw !important;margin-right: 2.7vw;margin-left: 3vw;}
    .header .txt-l{margin-top: 1.38vw;}
    .header .txt-l p{font-size: 3vw;}
     .header > .flex{flex-wrap: nowrap;}
     .header .txt-r p{font-size: 2.36vw;line-height: 3.75vw !important;}
     .header .header-right{width: 41.66vw;}
     .header .header-right .txt-r p{width: 41.66vw !important;border-left: 2px solid #77e2c3;padding-left: 2.08vw;}
     .header .header-right .em{font-size: 2.36vw;height: auto;margin-top: 3.05vw!important;padding-left: 2.08vw;}
     .header .menu{height: 11.11vw !important;}
     .top_header .nav ul li{width: 30.55vw;font-size: 3.61vw;height: 6.94vw;border-width: 1px;line-height: 6.94vw;}
     .top_header .nav ul li:nth-last-child(1){border-width: 1px;}
     .top_header .nav{height: 11.11vw;}
     .top_header .nav ul li h3 a p{font-family: Arial;color: #00313c;font-weight: bold;font-size: 3.61vw;}
    .top_header .nav ul li:hover h3
    {top:0;transition: all 0.3s;}
     .top_header .nav ul li h3{height: 6.94vw; position: relative;top: -6.94vw;transition: all 0.3s;}
     .nav-banner .title{top: 11.8vw;left: 6.25vw;font-size: 5.97vw;}
     .nav-banner .des{top: 48.6vw;left: 6.25vw;font-size: 3.61vw;width: 62.5vw;line-height: 5.97vw;}

     .advantage{margin-top: 10.41vw;}
     .advantage .adv-txt{width: 90%;margin: 0 auto;margin-bottom: 11.11vw;}
     .advantage .item{display: flex;width: 90%;margin: 0 auto;margin-bottom: 11.11vw;}
     .advantage .item .item-box{width: 85%;margin-left: 4.16vw;}
     .advantage .item img{width: 9.72vw;}
     .advantage .item .tit{font-size: 4vw;}
     .advantage .item .content{font-size: 4vw;line-height: 5.5vw;}
     .advantage .adv-txt .title{font-size: 5.97vw;line-height: 8.3vw;}
     .advantage .adv-txt .des{font-size: 3.6vw;line-height: 5.5vw;}

     /*.service .items{flex-wrap: wrap;}*/
     .service .items .item .pic,.service .items .item .pic img{width: 100%;height: auto;}
     .service .items .item{width: 95%;margin: 0 auto;margin-bottom: 55px;height: auto;padding-bottom: 20vw;transition: 0.8s;}
     .service .des{font-size: 3.61vw;width: 98%;margin: 0 auto;margin-left: 5.5vw;}
     .service .title{width: 98%;margin: 0 auto;margin-top: 11.11vw;font-size: 6.11vw;margin-bottom: 15px;margin-left: 5.5vw;}
     .service .items .item .arrow{width: 47.2vw !important;bottom: 13.19vw;}
     .service .items .item .content{font-size: 3.61vw;line-height: 5.9vw;}
     .service .items .item .titles .num{font-size: 11.11vw;}
     .service .items .item .titles .tit{font-size: 3.8vw;display: inline-block;width: 44.44vw;}
     .service .items .item .more{font-size: 3.61vw;bottom: 6.9vw;}
     .service .items .item .arrow::after{width: 6px;height: 6px;top: -3px;}

     .c-wrap{width: 100%;}
     .contact{width: 100%;margin: 0 auto;}
     .contact .contact-l{width:100%;margin: 0 auto;}
     .contact .contact-r{width: 100%;}
     .contact .contact-r .bd{padding: 0;}
     .contact .contact-r .bd input{width: 100% !important;}

     .contact .contact-l .title{font-size: 35px;}
     .contact .contact-l .des{font-size: 20px;}
     .contact .contact-r{margin-top: 40px;}
     .contact .contact-r .bd input,.contact .contact-r .bd textarea{padding: 0 16px;}
     .contact .contact-r .bd textarea{padding-top: 20px;}

     .contact .contact-r .bd .btn{width: 42.2vw;font-size: 3.61vw;font-weight: bold;height: 11.8vw;}
     .contact .contact-r .bd{width: 94%;margin: 0 auto;}

     .contact .contact-r .bd .form-box .txt2{width: 45.8vw;font-size: 2.5vw;line-height: 3.05vw;}
     .contact .contact-r .bd .form-box .downbtn{width: 42.2vw;font-size: 3.61vw;height: 11.8vw;}
     .contact .contact-r .bd .form-box .txt1{width: 45.8vw;font-size: 2.5vw;line-height: 3.05vw;}
     .contact .contact-l .title,.contact .contact-l .des{margin-left: 5vw;}

     .contact .contact-l .ctxt .title{font-size: 6.11vw;margin-top: 11.11vw;margin-bottom: 4.86vw;}

     .contact .contact-l .ctxt{background-color: #e6e6e6;overflow: hidden;}
     .contact .contact-l .ctxt p{font-size: 3.61vw;line-height: 5.55vw;padding: 0 5vw;}
     .contact .contact-l .cons{background-color: #e6e6e6;padding: 0 5vw;padding-top: 9vw;padding-bottom: 30px;}
     .contact .contact-l .cons .con{margin-top: 0;border-left: none;border-top: 2px solid #77e2c3;padding: 3.75vw 0;}
     .contact .contact-l .cons .con .method{font-size: 3.61vw;}
     .contact .contact-l .cons .con .content{font-size: 3.61vw;}

     .contact-pop .bd{width: 100%;}
     .contact-pop .hd{width: 100%;}
     .contact-pop .hd .name{font-size: 16px;}
     .contact-pop .bd{padding: 15px;}
     .contact .contact-r .bd .btn{width: 42.2vw;font-size: 3.61vw;font-weight: bold;height: 11.8vw;}
     .contact .contact-r .bd{width: 94%;margin: 0 auto;}
     .contact-pop .hd .del{margin-right: -3.4vw;}
     .contact-pop .bd .form-box .txt2{width: 45.8vw;font-size: 2.5vw;line-height: 3.05vw;}
     .contact-pop .bd .form-box .downbtn{width: 42.2vw;font-size: 3.61vw;height: 11.8vw;}
     .contact-pop .bd .form-box .txt1{width: 45.8vw;font-size: 2.5vw;line-height: 3.05vw;}
     .contact-pop .bd .btn{width: 42.2vw;font-size: 3.61vw;font-weight: bold;height: 11.8vw;}
     .contact-pop .bd textarea{min-height:150px;padding:20px 25px;line-height:30px}
     .contact-pop .bd input,.contact-pop .bd textarea{margin-bottom:10px;}
     .contact-pop .bd input{height: 50px;}

     .footers{position: relative;padding-bottom: 0;background:url('/skin/images/footer_04.jpg');} 
     .footers .flex{flex-direction: column;justify-content: center;align-items: center;} 
     .footers .footer-r .nav ul{flex-direction: column;justify-content: center;align-items: center;}
     .footers .footer-r .nav{height: auto;margin-top: 8.3vw;}
     .footers .back{width: 100%;position: absolute;left: 0;top: 0;z-index: -99;height: 134.7vw  !important;}
     .footers .footer-r .nav ul li{border-left: none;width: 40.97vw;height: 12.5vw;line-height: 12.5vw;}
     .footers .footer-r .nav ul li:nth-child(1){border-bottom: 2px solid #77e2c3;}
     .footers .footer-r .nav ul li:nth-last-child(1){border-right: none;margin-top: 38.8vw;border-top: 2px solid #77e2c3;}
     .footers .footer-r .nav .ser{text-align: center;padding-left: 0;width: 310px;}
     .footers .c{font-family: Arial;font-size: 18px;color: #fff;margin-top: 8vw;}
     .footers{padding-top: 7.63vw;padding-bottom: 10vw;} 
     .footers .footer-r .nav .subs .sub{height: 12.5vw;line-height: 12.5vw;}
     
/*     @keyframes nav{*/
/*    0%{margin-left: 0px;margin-top: 0px;}*/
/*    25%{margin-left: 3px;margin-top: 0px;}*/
/*    50%{margin-left: 3px;margin-top: -2px;}*/
/*    75%{margin-left: 0px;margin-top: -2px;}*/
/*    100%{margin-left: 0px;margin-top: 0px;}*/
/*}*/
/*.nav-banner img{width:102%;animation: nav 4s ease  infinite;margin-left:-3px}*/
.nav-banner img{width:102%;animation: none;}
     }
     
     /*@media screen and (max-width:640px){*/
         
     /*}*/