html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400; font-family: 'Barlow-Regular';}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

@font-face {
	font-family: 'Barlow-Regular';
	src:url('../Fonts/Barlow-Regular.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'Barlow-SemiBold';
	src:url('../Fonts/Barlow-SemiBold.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'Barlow-Bold';
	src:url('../Fonts/Barlow-Bold.woff') format('woff');
    font-display:swap;
}

html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media(min-width:1025px) and  (max-width:1600px){
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 560 * 100vw);}
}

.w_94{width: 94%}
.w1600{max-width: 1600px;margin: 0 auto;width: 90%}
.w1400{max-width: 1400px;margin: 0 auto;width: 90%}



.Top003156{position: absolute;width: 100%;left: 0;top: 0;z-index: 10000;transition: .3s all;}
.Top003156::after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,72,148,0.3) ,rgba(0,72,148,0));z-index: -1;}
.Top003156 .logo {width: 1.13rem;}
.Top003156 .logo a {display: block; padding-bottom: calc(63/113*100%); position: relative; overflow: hidden;}
.Top003156 .logo img{transition: .3s all; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: contain;}
@media (max-width:640px){
    .Top003156 .logo {width: 1rem;}
}
.Top003156 .top-right .hotline{font-size: .24rem;color:#0067b2;position: relative;margin-right: .6rem;font-weight: bold;background: url(../images/icon-phone.svg) no-repeat center left; background-size: 26px auto;padding-left: .3rem}
.Top003156 .top-right .hotline:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.Top003156 .top-right .lang{display: block;width: 24px;height: 24px;background: url(../images/icon-language.svg) no-repeat center center; background-size: 24px auto;transition: .3s all;margin-right: .6rem;position: relative;}
.Top003156 .top-right .lang:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search2.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.open-search.on:before,
.open-search.on:after{background-color: #004894;}
.top-search{position: absolute;right:0; top: 100%;z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden}
.top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/icon-search.svg) no-repeat center center;background-size: auto 22px;}

.Top003156 .top-right .login{ display: flex;align-items: center;position: relative;margin-right: .25rem;padding-right: .25rem;}

.Top003156 .top-right .login::after{content: '';position: absolute;width: 1px;height: 70%;background: #fff;opacity: .2;right: 0;top: 50%;transform: translateY(-50%)}
.Top003156 .top-right .login .btn1{color: #fff;margin-right: .2rem }
.Top003156 .top-right .login .btn2 span{display: block;width: .24rem;height: .24rem;background: url(../images/icon-login.svg)no-repeat center;background-size: .24rem auto;filter: grayscale(100) brightness(100);}
.Top003156 .top-right .language{position: relative;cursor:pointer;margin-right: .5rem;}
.Top003156 .top-right .language::after{content: '';position: absolute;width: 1px;height: 70%;background: #fff;opacity: .2;right: -0.25rem;top: 50%;transform: translateY(-50%)}
.Top003156 .top-right .language .name{padding: 0 .2rem 0 .3rem;color: #fff;}
.Top003156 .top-right .language .name img{height: 0.2rem}
.Header_hover .right-box .language .name,
.Header_fixed .right-box .language .name{color: #666;}
/*.Top003156 .top-right .language .name:before{display: block;content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .2rem;height: .2rem;background-image: url('../images/language.png');background-size: 100%;}
.Header_hover .right-box .language .name:before,
.Header_fixed .right-box .language .name:before{background-image: url('../images/language-on.png');background-size: 100%;}*/
/*.Top003156 .top-right .language .name:after{display: block;content: '';position: absolute;top: 0;right: 0;bottom: 4px;margin: auto 0;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg)}
.Header_hover .right-box .language .name:after,
.Header_fixed .right-box .language .name:after{border-right: 2px solid #666;border-bottom: 2px solid #666;}*/

.Top003156 .top-right .language ul{position: absolute;left: -5%;top: 130%;width: 110%;padding: .1rem 0;z-index: 3;transition: all 0.3s;opacity: 0;z-index: -1;visibility: hidden;border-radius: 0;}
.Top003156 .top-right .language ul li a{display: block;padding: .1rem;background-color:#fff;color: #333;font-size: .16rem;text-align: center;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Top003156 .top-right .language ul li a:hover{color: #333;background: #004894;border-radius: 5px; color: #fff;}
.Top003156 .top-right .language:hover ul{top: 100%;visibility: visible;opacity: 1;z-index: 10;}


.Top003156 menu li span,
.Top003156 menu li span a{display: block;color: #fff;transition: .3s all;position: relative;font-size: .19rem;transition: .3s all}
.Top003156 menu li span{position: relative;z-index: 2;}
.Top003156 menu li span:after{position: absolute;content: ''; left: 50%;height: 2px;background-color: #fff;transform: translateX(-50%);transition: 0.3s; bottom: 0; width: 0;}

.Top003156 menu li:hover span:after,
.Top003156 menu li.aon span:after{width: 100%;}

.Top003156 menu li:hover span a{transform: scale(1.2)}

.Top003156 .top-right .gjz{background: #2059a8;display: block;width: .7rem;line-height:.25rem;font-size: .14rem;color: #fff;text-align: center;border-radius: 6px}

/*滚动后*/


.Top003156:hover .logo img.on,
.Top003156.scroll .logo img.on{display: block}

.Top003156 header{display: flex;justify-content: space-between;align-items: center; }
.Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;}  
.Top003156 .top-right dl {display: flex;align-items: center;}


@media (min-width:1025px) {
    .Top003156 {border-bottom: 1px solid rgba(255,255,255,.2);}
    
    .Top003156 .top-left{display: flex;align-items: center;width: 80%}
    .Top003156 menu{width: 30%}
    .Top003156 menu ul{display: flex;justify-content: space-between;}
    .Top003156 menu li{line-height: 1rem} 
    .Top003156 menu li:not(:last-child){margin-right: .5rem} 
    .top-search{width: 25em;}
    
    .Top003156 .sub{position: absolute;top: 100%;background-color:#fff;overflow: hidden;left: 50%;transform: translateX(-50%);width: 130px;margin-left: 0;display: none;border-radius: 0 0 1px 1px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);}
}

@media (max-width:1024px) {
    .Top003156 header {padding:0.2rem 0;}
    .Top003156 menu{position: absolute; right: 5%;top: 100%; width: 200px; padding: 0.625em;box-shadow: 0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; background-color: rgba(255,255,255,0.2);}  
    .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility: inherit;}
    .Top003156 menu li span a{padding: 0.5em 0;text-align: center;}
    
    .Top003156 .top-right dd{font-size: 0.875em;}
    .Top003156 .top-right dt:not(:last-child){margin-right: 1em;}
    .Top003156 .open-menu{display: block;width: 2em;height: 2em;}
    .Top003156 .open-menu i{background-color: #fff;}
    .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.625em;}
    .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.625em - 3px);}
    .top-search{width: 90%; right:5%;}
}



.Banner{position: relative; z-index: 1;}
.Banner li.slick-slide{position: relative;}
.Banner li.slick-slide .video{width: 100%;height: 100vh  }
.Banner li.slick-slide .txt{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 11;}
.Banner li.slick-slide .txt .tit{color: #fff;font-size: .6rem;text-align: center;}
.Banner li.slick-slide .txt i{width:.8rem;height: .8rem;background: url(../images/icon-play.png)no-repeat center;background-size: auto;display: block;margin: .2rem auto 0}
.Banner li.slick-slide .txt .btn{text-align: center;margin: .5rem auto 0}
.Banner li.slick-slide .txt .btn .play{display: flex;align-items: center;justify-content: center;color: #fff;font-size: .18rem;}
.Banner li.slick-slide .txt .btn .play::before{content: '';width: .42rem;height: .42rem;background: url(../images/icon-play.svg)no-repeat center;background-size: .42rem auto;margin-right: .2rem;filter: grayscale(100) brightness(100);}
.Banner li.slick-slide img{display: block;width: 100%;}
.Banner li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
.Banner li.slick-slide video + a{visibility: hidden;}

.Banner .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;}
.Banner .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;}
.Banner .slick-dots li:not(:last-child){margin-right: 10px;}
.Banner .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';}
.Banner .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);}
.Banner .slick-dots li button{display: none;}

@media(min-width:1025px){
    .Banner li.slick-slide img{}
    .Banner li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
    .Banner li.slick-slide .video{height: auto;padding-bottom: 50%;}
    .Banner li.slick-slide img.pc{display: none;}
    .Banner li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
    .Banner li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
    .Banner li.video-show video{left: 50%; top: 50%; opacity: 1;}
    .Banner .slick-dots li{width: 10px; height: 10px;}
    .Banner .slick-dots li:not(:last-child){margin-right: 4px;}
}






.home_title{padding-bottom: .6rem}
.home_title.tc{text-align: center}
.home_title .cn{color: #000;font-size: .46rem;}
.home_title .en{color: #fff;font-size: .7rem; line-height: 1.25em; text-transform: uppercase;font-weight: bold;font-family: 'Barlow-Bold';}

.home_more{width: 2.6rem;text-align: center;display: block;overflow: hidden;position: relative;text-align: center;border: 3px solid #fff;margin: 1rem auto 0;z-index: 10}
.home_more span{position: relative;overflow: hidden;padding: 0 0.15rem;display: block;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: 0.66rem;font-size: .2rem;text-align: center;color: #fff;}
.home_more:hover span{}
.home_more::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: #0083d3;transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);}
.home_more:hover::before {transform: scaleX(1);transform-origin: left;}
.home_more:hover {color: #fff;}
.home_more:hover span:after{background-image: url(../images/arr_more3.svg);}

@media(max-width:640px){
    .home_more {
        margin-top: 0.5rem;
    }
}
.home_box{position: relative;}
.home_box::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/home_box2_bg.jpg)no-repeat center;background-size: cover;background-attachment: fixed;}



.home_box1{position: relative;padding: 2rem 0;z-index: 2; overflow: hidden;}
.home_box1::after{position: absolute;content: '';width: 100%;height: 100%;background: url(../images/home-bg2.png)no-repeat top center;background-size: cover;left: 0;top: 0;opacity: 0}
.home_box1::before{position: absolute;content: '';width: 100%;height: 50%;left: 0;bottom: 1rem;background: url(../images/home-bg1.png)no-repeat center bottom;opacity: .15;z-index: -1}
.home_box1 .inner{width: 96%;margin: 0 auto; position: relative; z-index: 5;}
.home_box1 .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home_box1 .item{width: 32%;padding-bottom: .8rem;transition: .3s all }
.home_box1 .item a{position: relative;display: flex;align-items: center;}
.home_box1 .item .pic{overflow: hidden;position: relative;background: #0f1e2f;width: 75%}
.home_box1 .item .pic:after {display: block; content: ''; padding-bottom: 113.637%;}
.home_box1 .item .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: .89;z-index: 1}
.home_box1 .item .pic span img{width: 100%;height: 100%;object-fit: cover;}
.home_box1 .item .pic::before{position: absolute;content: '';width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 2;opacity: 0}
.home_box1 .item .txt{position: absolute;width: 75%;right:  0;top: 99%;transform: translateY(-50%);z-index: 3;padding:.3rem;background: rgba(255,255,255,.9)}
.home_box1 .item .txt .tip{font-size: .18rem;color: #33434d;padding-bottom: .15rem}
.home_box1 .item .txt .tit{font-size: .34rem;color: #33434d;font-weight: bold;text-transform: uppercase}
.home_box1 .item .txt .desc{color: #33434d;padding-top: .15rem}
.home_box1 .item .txt span{color: #fff;display: none;width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);position: relative}
.home_box1 .item .txt span:before{content: '';position: absolute;width: 100%;height: 100%;background: url(../images/icon-jt.svg)no-repeat center;background-size: .18rem auto;}

.home_box1 .item:hover{transform: scale(1.05)}
@media only screen and (max-width:1024px) {
    .home_box1 {
        padding:1rem 0;
    }
    .home_box1 .item {width: 100%; margin-bottom: 0.5rem; }
}
@media only screen and (max-width:640px) {
    .home_box1 {
        padding-bottom:0.5rem;
    }
}



.home_box2{padding: .8rem 0 2rem 0;position: relative;overflow: hidden;z-index: 2}
.home_box2 .box {position: relative; z-index: 5;}
.home_box2:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: linear-gradient(to bottom,#4083bc 0%, #153c72 100%);opacity: 0}
.home_box2 .desc{text-align: center;max-width: 1200px;margin: 0 auto;color: #fff;font-size: .18rem;line-height: 2}
.home_box2 .con{display: flex;padding-top: 1rem; align-items: flex-start;}
.home_box2 .con .left{width: calc(650/1920*100%);background: #000;flex: 0 0 auto;position: relative}
.home_box2 .con .right:after,
.home_box2 .con .left:after {display: block; content: ''; padding-bottom: 100%;}
.home_box2 .con .left::before{width: 3.8rem;height: 5.9rem;background: #fff;position: absolute;content: '';left: 0;top: -2.2rem;opacity: .03}
.home_box2 .con .left span{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2}
.home_box2 .con .left span img{width: 100%;height: 100%;object-fit: cover;}
.home_box2 .con .mid{flex: 1;display: flex;justify-content: center;}
.home_box2 .con .right{width: calc(720/1920*100%);background: #000;margin-top: 1.6rem;flex: 0 0 auto;position: relative}
.home_box2 .con .right span{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2}
.home_box2 .con .right span img{width: 100%;height: 100%;object-fit: cover;}

.home_box2 .con .mid li:not(:last-child){margin-bottom: 1rem;}
.home_box2 .con .mid li .counter{font-size: 1rem;color: #fff;font-family: 'Barlow-SemiBold';}
.home_box2 .con .mid li .unit{font-size: .5rem;color: #fff;font-family: 'Barlow-SemiBold';}
.home_box2 .con .mid li .tit{font-size: .18rem;color: #fff;}
@media only screen and (max-width:1024px) {
    .home_box2 {padding-bottom: 1rem;}
    .home_box2 .desc {padding:0 5%;}
    .home_box2 .con {flex-wrap: wrap;}
    .home_box2 .con .left {width: 100%;}
    .home_box2 .con .right {width: 100%; margin-top: 0;}
    .home_box2 .con .mid {padding:0.5rem 0;}
    .home_box2 .con .mid ul {display: flex; justify-content: space-evenly;width: 100%;align-items: flex-end;}
    .home_box2 .con .mid li:not(:last-child) {margin-bottom: 0;}
}
@media only screen and (max-width:640px) {
    .home_box2 {padding-top: 0.5rem;}
    .home_box2 .con .mid li .counter {font-size: 0.4rem;}
}

.Bottom{background: #00162d;}
.Bottom a:hover{color: #fff!important;}
.Bottom .bottom-top{display: flex;justify-content: space-between; align-items: center; padding: .9rem 0 .5rem;}
.Bottom .bottom-top .logo {width: 1.13rem;}
.Bottom .bottom-top .logo a {display: block;}
.Bottom .bottom-top .logo img {display: block; width: 100%; height: auto;}
.Bottom .bottom-mid{padding: 0 0 .5rem;}
.Bottom nav dl{float: left;}
.Bottom nav dt{margin-bottom: .3rem;font-size: .18rem;}
.Bottom nav dt a{color: #fff;}
.Bottom nav dd a{font-size: .14rem;color: rgba(255,255,255,.5);line-height: 2}
@media(max-width:1024px){
    .Bottom nav {display: none;}
}
.Bottom .bottom-contact .logo{padding-bottom: .4rem}
.Bottom .bottom-contact .logo img{max-height: .6rem;}
.Bottom .bottom-contact .hotline dd{padding-left:0.28rem;line-height:calc(34 / 18);font-size:.18rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-size:0.17rem auto;background-position:left 0.4em;color: #fff}
.Bottom .bottom-contact .hotline dd + dd{margin-top:0.21rem}
.Bottom .bottom-contact .hotline dd.tel{font-size:.36rem;font-family: 'Barlow-SemiBold';background-image:url(../images/Bottom003222-tel.svg);background-position:left 0.3em;line-height:1}
.Bottom .bottom-contact .hotline dd.tel a{color:#004894}
.Bottom .bottom-contact .hotline dd.add{background-image:url(../images/Bottom003222-add.svg)}
.Bottom .bottom-contact .hotline dd.email{background-image:url(../images/Bottom003222-email.svg);background-size:0.18rem auto;background-position:left 0.7em}

.Bottom .bottom-share{}
.Bottom .bottom-share li{float: left;position: relative}
.Bottom .bottom-share li:not(:last-child){margin-right: .1rem}
.Bottom .bottom-share li a{border-radius:50%;display:block;width:0.43rem;height:0.43rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:rgba(255,255,255,0.2);transition:0.3s}
.Bottom .bottom-share li a:hover{background-color:#004894}
.Bottom .bottom-share li.in a{background-image:url(../images/Bottom003222-share-in.svg);background-size:auto 0.16rem}
.Bottom .bottom-share li.fb a{background-image:url(../images/Bottom003222-share-fb.svg);background-size:auto 0.19rem}
.Bottom .bottom-share li.ytb a{background-image:url(../images/Bottom003222-share-ytb.svg);background-size:auto 0.13rem}
.Bottom .bottom-share li.ing a{background-image:url(../images/Bottom003222-share-ing.svg);background-size:auto 0.18rem}

.Bottom .copyright{display: flex;align-items: center;justify-content: center;font-size: .14rem;color: rgba(255,255,255,.5);line-height: .8rem;border-top: 1px solid rgba(255,255,255,.1);padding-bottom: .3rem}
.Bottom .copyright .left a{color: rgba(255,255,255,.5);}
.Bottom .copyright .right a{margin-left: .15rem;color: rgba(255,255,255,.5);}

@media(min-width:1025px){
    
    .Bottom nav{width: 45%;flex: 0 0 auto}
    .Bottom .bottom-contact{padding-right: 5%;width: 60%}
    .Bottom .bottom-contact dl{width: 48%;float: left;}
    
    .Bottom .bottom-mid{display: flex;justify-content: space-between;}
    
}




.Other ul{position: fixed;right: 0;top:50%;transform: translateY(-50%);z-index: 99}
.Other ul li{position: relative;}
.Other ul li:not(:last-child) > a{border-bottom: 1px solid rgba(255,255,255,.2)}
.Other ul li > a{display: block;width: .6rem;height: .6rem;background:#004894 ;position: relative}
.Other ul li.mb > a::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-login.svg)no-repeat center;background-size: .3rem auto;filter: grayscale(100) brightness(100);}
.Other ul li.ct > a::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/icon-tel.svg)no-repeat center;background-size: .36rem auto;filter: grayscale(100) brightness(100);}

.Other ul li .tipInfo{position: absolute;right:0.6rem;top: 0;background-color: #fff;box-shadow: 0 0 18px rgba(1,100,183,0.16);width: 3.3rem;border-radius: 0.1rem;padding: 0.25rem 0.35rem;visibility: hidden;opacity: 0;z-index: -1;transition: all 0.5s;}
.Other ul li .tipInfo .text span{color: #004894;margin-bottom: 0.11rem;}
.Other ul li .tipInfo .text{margin-bottom: 0.17rem;}
.Other ul li .tipInfo .btn a{color: #004894;font-size: .14rem;}
.Other ul li .tipInfo .btn:after{width: 13px;height: 12px;background: url(../images/arrright2.png) no-repeat center center;content: "";display: inline-block;vertical-align: middle;background: url(../images/arrright2.png);margin-left: 0.14rem;transition: all 0.5s;}
.Other ul li .tipInfo:hover .btn:after{transform: rotate(45deg);}
.Other ul li .tipInfo:after{width: 10px;height: 10px;background-color: #fff;content: "";right: -5px;top: 0.25rem;position: absolute;transform: rotate(45deg);}
.Other ul li:hover .tipInfo{right: 0.8rem;z-index: 10;opacity: 1;visibility: visible;}




.cbanner{position: relative;}
.cbanner .pic {background: #000}
.cbanner .pic::before { content: ''; display: block; width: 100%; height: 2.3rem; background: url(../images/banmask.png) no-repeat bottom center;background-size: 100%; position: absolute; bottom: -1px; left: 0;z-index: 9;}
.bg_black .cbanner .pic::before {  background-image: url(../images/banmask_black.png)}
.cbanner span {display: block; padding-bottom: calc(700/1920*100%); background: no-repeat center center; background-size: cover;}
@media(max-width:1024px){
    .cbanner span {padding-bottom: calc(768/1024*100%); }
}


.cmenu {padding-top: 1rem; }
.bg_black .cmenu {background: linear-gradient(to bottom, rgba(  0, 22, 45, 1) 0%, rgba(  0, 22, 45, 0) 82%);}
.cmenu ul{display: flex;justify-content: center;}
.cmenu ul li {margin: 0 .3rem;}
.cmenu ul li a{font-size: .22rem;color: #000;padding: .12rem .3rem;line-height: 1;display: block}
.cmenu ul li:hover a,
.cmenu ul li.aon a{color:#fff ;background:#004894 }
@media(max-width:640px){
    .cmenu ul li {margin: 0 .1rem;}
    .cmenu ul li a {padding-left: 0.15rem; padding-right: 0.15rem;}
}
.bg_black .cmenu a {color: #fff}


.cmenu2 .w1400{padding-top: .3rem;border-top: 1px solid #ebebeb}
.bg_black .cmenu2 .w1400{border-top-color:rgba(255,255,255,.1);}
.cmenu2 ul{display: flex;justify-content: center; flex-wrap: wrap;}
.cmenu2 ul li{margin: 0 .25rem 0.25rem;}
.cmenu2 ul li a{font-size: .18rem;color: #333;display: block;border-bottom: 1px solid transparent; line-height: 1.875em;}
.cmenu2 ul li:hover a,
.cmenu2 ul li.aon a{color: #004894;border-color: #004894}
@media(max-width:640px){
    .cmenu2 ul li {width:50%; text-align: center; margin-left: 0; margin-right: 0;}
    .cmenu2 ul li a {display: inline-block;}
}
.bg_black .cmenu2 a {color: #fff}


.About{padding: .8rem 0 1.2rem}
.AboutCon .tit{font-size: .52rem;color: #000;font-family: 'Barlow-Bold';padding-bottom: .7rem;text-align: center}
.AboutCon .con{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.AboutCon .slider{width: 46.5%;position: relative;overflow: hidden}
.AboutCon .slider .pic{height: 5.6rem;position: relative;overflow: hidden;}
.AboutCon .slider .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.AboutCon .slider .pic span img{width: 100%;height: 100%;object-fit: cover}
.AboutCon .slider .slick-dots{position: absolute;bottom: 0.2rem;left: 50%;transform: translateX(-50%);z-index: 9;}
.AboutCon .slider .slick-dots li{float: left;width: 0.15rem;height: 0.15rem;background: #fff;border-radius: 50%;margin: 0 0.05rem}
.AboutCon .slider .slick-dots li button{display: none}
.AboutCon .slider .slick-dots li.slick-active{background: #004894}
.AboutCon .txt{width: 45.5%;}

.AboutCon .txt .desc{font-size: .18rem;line-height: 1.75;color: #333;}

@media(max-width:1024px){
    .AboutCon .pic {width: 100%; margin-bottom: 0.5rem;}
    .AboutCon .txt {width: 100%;}
    .AboutCon .txt .tit {font-size:0.48rem;}
}

.AboutNum{margin-top: .6rem}
.AboutNum ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.AboutNum li .counter{font-size: 1rem;color: #004894;font-family: 'Barlow-SemiBold';}
.AboutNum li .unit{font-size: .5rem;color: #004894;font-family: 'Barlow-SemiBold';}
.AboutNum li .tit{font-size: .18rem;color: #333;}
@media(max-width:1024px){
    .AboutNum li {width: 25%; text-align: center;}
    .AboutNum li .counter {font-size: 0.7rem;}
    .AboutNum li .unit {font-size: 0.35rem;}
    
}
@media(max-width:640px){
    .AboutNum li {width: 50%; padding:0.2rem 0;}
}


.Honor{padding: .8rem 0 1.2rem}
.Honor .HonorIntro .tit{font-size: .52rem;color: #000;font-family: 'Barlow-Bold';padding-bottom: .4rem;text-align: center}
.Honor .HonorIntro .desc{max-width: 11.2rem;margin: 0 auto;font-weight: lighter;line-height: 2;font-size: .18rem;text-align: center;color: #333}
.Honor .HonorBox{padding-top: 1rem}
.Honor .HonorBox .slider{padding-bottom:0.7rem;}
.Honor .HonorBox .slick-list{margin-left:-0.4rem;}
.Honor .HonorBox .item{margin-left:0.4rem;}
.Honor .HonorBox .item .tit{font-weight: lighter;text-align: center;margin:0.25rem 0;font-size: .18rem}
.Honor .HonorBox .item .img{background: url(../images/hobg1.jpg) no-repeat bottom center;background-size: 100% 100%;height:4.3rem;box-sizing: border-box;padding:0.35rem 0;border-radius: 0.1rem;transition: all .5s;}
.Honor .HonorBox .item .img .imgbox{padding-top:3.6rem;overflow: hidden;position: relative;}
.Honor .HonorBox .item .img .imgbox span {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.Honor .HonorBox .item .img .imgbox img{padding:10px;background: url(../images/hobg.png) no-repeat center center;background-size: 100% 100%;object-fit: contain;max-width:80%;max-height:3.6rem;width:80%;margin:0 auto;height:auto;position: relative;z-index:9;}
.Honor .HonorBox .item .img .imgbox .box{position: relative;text-align: center;width:100%;}
.Honor .HonorBox .item .img .imgbox .box::before{content:'';width:100%;height:92%;background: url(../images/z_yy.png) no-repeat center center;background-size: 100% 100%;position: absolute;left:0.3rem;bottom:0px;}
.Honor .HonorBox .item:hover .img span{transform: scale(1.05);}
.Honor .HonorBox .slider .slick-arrow{bottom:0;width: 0.6rem; height: 0.6rem; border-radius: 50%; position: absolute; font-size: 0; color: transparent; background-color: transparent; z-index: 99; background: #004894;}
.Honor .HonorBox .slider .slick-arrow::after{content:'';display: block;width:0.1rem;height:0.1rem;border:0.02rem solid #fff;border-right:none;border-bottom:none;position: absolute;left:55%;top:50%;transform: translate(-50%,-50%) rotate(-45deg);}
.Honor .HonorBox .slider .slick-arrow.slick-next::after{transform: translate(-50%,-50%) rotate(135deg);left:45%;}
.Honor .HonorBox .slider .slick-prev{right:52%;}
.Honor .HonorBox .slider .slick-next{left:52%;}
.Honor .HonorBox .item:hover .tit{font-weight: normal;}
.Honor .HonorBox .item:hover .img{box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);}

@media(max-width:1024px){
    .Honor .HonorBox .slick-list{padding:0 0;margin-left:-0.2rem;}
    .Honor .HonorBox .item{margin-left:0.2rem;}
    .Honor .HonorBox .item .img{height:3rem;padding:0.3rem 0;}
    .Honor .HonorBox .item .img .imgbox{padding-top:2.4rem;}
    .Honor .HonorBox .item .img .imgbox img{max-height:2.4rem;}
}

@media(max-width:768px){
    .Honor .HonorBox .item .img{height:250px;}
    .Honor .HonorBox .item .img .imgbox{padding-top:200px;}
    .Honor .HonorBox .item .img .imgbox img{width:auto;max-height:200px;}
}

@media(max-width:640px){
    .Honor .HonorIntro .tit {font-size:0.46rem;}
    .Honor .HonorBox {padding-top: 0.5rem;}
    .Honor .HonorBox .item .img{height:200px;padding:20px 0;}
    .Honor .HonorBox .item .img .imgbox{padding-top:160px;}
    .Honor .HonorBox .item .img .imgbox img{width:auto;max-height:160px;}
    
}





.Productlist{margin-top: 0.7rem}
.Productlist ul{display: flex;flex-wrap: wrap;}
.Productlist ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.Productlist ul li:nth-child(4n){margin-right: 0}

.Productlist ul li .img {border-radius: 0.2rem;padding-top: 68%;position: relative;overflow: hidden}
.Productlist ul li .img::after{content:"";display: block;width:100%;height:100%;background: #013183;opacity: 0.4;position: absolute;left:0;top:0;opacity: 0;transition: all .5s;}
.Productlist ul li .img span {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.Productlist ul li .img img {width: 100%;height: 100%;object-fit: cover;}
.Productlist ul li .img .more { display: flex; width: 0.8rem; height: 0.8rem; border-radius: 50%; border-radius: 50%; background: #004894;align-items: center; justify-content: center;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);opacity: 0;transition: all .5s;z-index: 9;}
.Productlist ul li .img .more img {width: 0.21rem;transform: rotate(-45deg);transition: all .5s;height: auto;}
.Productlist ul li:hover .img::after{opacity: 0.4;}
.Productlist ul li:hover .img .more{opacity: 1;top:50%;}
.Productlist ul li:hover .img span{transform: scale(1.05);}
.Productlist ul li .txt{margin-top:0.2rem;font-size: .22rem;color: #010101;text-align: center}

@media(max-width:1024px){
    .Productlist ul li:nth-child(n+1) {width: 48.75%; margin-right: 2.5%;}
    .Productlist ul li:nth-child(2n){margin-right: 0}
}
@media(max-width:640px){
    .Productlist {margin-top: 0.35rem;}
    .Productlist ul li:nth-child(n+1) {width: 100%; margin-right: 0; margin-bottom: 0.35rem;}
}



.Page002623{padding:.3rem 0 .8rem; text-align: center;font-size: .2rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .6rem; width: .6rem; margin: 0 5px;border-radius: 50%;color: #010101;background: #f5f5f5}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #004894;border-color:#004894 }
.Page002623 .Pages .p_page > a{font-size: 0;height: .6rem;position: relative;border-radius: 50%;border: 1px solid #010101;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt3.svg)no-repeat center ;background-size: .2rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:#004894; border-color:#004894}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:#004894; border-color:#004894 }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
   
    .Page002623 .Pages em{display: none;}
}




.ProductDetail{padding: .6rem 0 ;background-size: cover;}
.ProductDetail .ProductCon{margin-bottom: 0.6rem;color: #fff;font-size: 0.18rem;line-height: 1.5;}
.ProductDetail .PartBox .Img .item .img {padding-top: 70%;border-radius: 0.3rem;position: relative}
.ProductDetail .PartBox .Img .item .img span {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.ProductDetail .PartBox .Img .item .img img {width: 100%;height: 100%;object-fit: cover;}

.ProductDetail .PartBox .Img .slick-dots{position: absolute;bottom:0.25rem;width:100%;text-align: center;z-index: 10}
.ProductDetail .PartBox .Img .slick-dots li{display: inline-block;margin:0 0.08rem;width:0.1rem;height:0.1rem;background: #fff;opacity: 0.4;border-radius: 50%;;}
.ProductDetail .PartBox .Img .slick-dots li button{display: none;}
.ProductDetail .PartBox .Img .slick-dots li.slick-active{background: #004894;opacity: 1;}


.ProductDetail .PartBox .txt .tab{display: flex;flex-wrap: wrap;align-items: center}
.ProductDetail .PartBox .txt .tit {font-size: .38rem;color: #fff;margin-bottom: .3rem;font-weight: 700;position: relative;cursor: pointer}
.ProductDetail .PartBox .txt .tit.active {font-size: .38rem;}
.ProductDetail .PartBox .txt .tit:not(:last-child){padding-right: .25rem;margin-right: .25rem}
/* .ProductDetail .PartBox .txt .tit:not(:last-child)::after{content: '';position: absolute;width: 1px;height: .2rem;background: #fff;opacity: .1;top: 50%;transform: translateY(-50%);right: 0} */
.ProductDetail .PartBox .txt .desc p{line-height: 2;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: 0.1rem;padding-bottom: 0.21rem;padding-left: 0.63rem;background: url(../images/detail_versions.svg) no-repeat 0 35%;background-size: 0.3rem;padding-top: 0.2rem;}
.ProductDetail .PartBox .txt .desc p:nth-child(2){background-image: url(../images/detail_length.svg) }
.ProductDetail .PartBox .txt .desc p:nth-child(3){background-image: url(../images/detail_persons.svg) }
.ProductDetail .PartBox .txt .desc p b{display: block;font-size: 0.2rem;text-transform: uppercase;line-height: 1.3334em;}
.ProductDetail .PartBox .txt .more a{width: 2.5rem;line-height: 0.6rem;border-radius: 0.6rem;background: #004894;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: lighter;margin: 0.5rem 0 0;}

.ProductDetail .PartBox .txt .list{display: flex;}
.ProductDetail .PartBox .txt .pro_box{width: 50%;}


@media(min-width:1025px){
    .ProductDetail .PartBox {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    .ProductDetail .PartBox .Img {width: 41.6667%;}
    .ProductDetail .PartBox .txt {width: 51.4%;}
}
@media(max-width:1024px){
    .ProductDetail .PartBox .txt {margin-bottom: 0.5rem;}
}
@media(max-width:640px){
    .ProductDetail {padding-bottom: 0.6rem;}
}
.ProductImg .slider .items{margin: 0 0.2rem}
.ProductImg .slider{margin: 0.5rem -0.2rem 0;position: relative;}
.ProductImg .slider .pic{width: 100%;padding-bottom: 72%;position: relative;overflow: hidden}
.ProductImg .slider span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.ProductImg .slider span img{width: 100%;height: 100%;object-fit: cover}
.ProductImg .slick-dots{position: absolute;bottom:-0.35rem;width:100%;text-align: center;z-index: 10}
.ProductImg .slick-dots li{display: inline-block;margin:0 0.08rem;width:0.1rem;height:0.1rem;background: #fff;opacity: 0.4;border-radius: 50%;;}
.ProductImg .slick-dots li button{display: none;}
.ProductImg .slick-dots li.slick-active{background: #004894;opacity: 1;}

.detail_contact {color: #fff;font-size: 0.3rem;background: #00162D;padding: 4vw 0;text-transform: uppercase;line-height: 2em;}
.detail_contact .title{font-weight: 700;}
.detail_contact .pic{color: #fff; width: 2rem; max-width: 100%;}
.detail_contact .link a {background: url(../images/detail_phone.svg) #004894 no-repeat center;width: 0.4rem;height: 0.4rem;display: inline-block;background-size: 50%;margin-right: 0.1rem;}
.detail_contact .link a:nth-child(2) {background-image: url(../images/detail_mail.svg)}

.ProductDetail .back{text-align: right;height: 0.4rem;line-height: 0.4rem;font-size: 0.2rem;float: right;color: #fff}
.ProductDetail .back img{vertical-align: middle;margin-right: 0.1rem;margin-top: -0.05rem;}
.ProductDetail2{padding: 1rem 0 1.2rem;}
.ProductDetail2 .title{font-size: .42rem;color: #fff;margin-bottom: .3rem}

.ProductDetail2 ul{display: flex;flex-wrap: wrap;}
.ProductDetail2 ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.ProductDetail2 ul li:nth-child(4n){margin-right: 0}

.ProductDetail2 ul li .img {border-radius: 0.2rem;padding-top: 68%;position: relative;overflow: hidden}
.ProductDetail2 ul li .img::after{content:"";display: block;width:100%;height:100%;background: #013183;opacity: 0.4;position: absolute;left:0;top:0;opacity: 0;transition: all .5s;}
.ProductDetail2 ul li .img span {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.ProductDetail2 ul li .img img {width: 100%;height: 100%;object-fit: cover;}
.ProductDetail2 ul li .img .more { display: flex; width: 0.8rem; height: 0.8rem; border-radius: 50%; border-radius: 50%; background: #004894;align-items: center; justify-content: center;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);opacity: 0;transition: all .5s;z-index: 9;}
.ProductDetail2 ul li .img .more img {width: 0.21rem;transform: rotate(-45deg);transition: all .5s;height: auto;}
.ProductDetail2 ul li:hover .img::after{opacity: 0.4;}
.ProductDetail2 ul li:hover .img .more{opacity: 1;top:50%;}
.ProductDetail2 ul li:hover .img span{transform: scale(1.05);}
.ProductDetail2 ul li .txt{margin-top:0.2rem;font-size: .18rem;color: #fff;text-align: center}
@media(max-width:1024px){
    .ProductDetail2 ul li {width: 49%; margin-bottom: 5%;}
    .ProductDetail2 ul li:nth-child(2n){margin-right: 0}
}
@media(max-width:640px){
    .ProductDetail2 {padding:0.6rem 0;}
    .ProductDetail2 ul li {width: 100%; margin-bottom: 0.3rem; margin-right: 0;}
}


.Contact{padding: .8rem 0 1.2rem;}
.Contact .con{background: #f7f8fb; margin-bottom: 20px;}
.Contact .pic{position: relative;overflow: hidden;height: 3.6rem;background: #000}
.Contact .pic span {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.Contact .pic img {width: 100%;height: 100%;object-fit: cover;}

.Contact .con .txt {padding: 0 2%;}
.Contact .txt .tit{font-size: .4rem;color: #000;margin-bottom: .3rem;border-bottom: 1px solid #ebebeb;padding-bottom: .3rem}
.Contact .txt p{line-height: 1.75;color: #333;padding-left: .36rem;}
.Contact .txt p:not(:last-child){margin-bottom: .1rem}
.Contact .txt p.add{background: url(../images/icon-add.svg)no-repeat top 2px left;background-size: .24rem auto;}
.Contact .txt p.tel{background: url(../images/icon-phone.svg)no-repeat top 2px left;background-size: .2rem auto;}
.Contact .txt p.mail{background: url(../images/icon-mail.svg)no-repeat top 5px left;background-size: .22rem auto;}
.Contact .txt p.website{background: url(../images/icon-website.svg)no-repeat top 5px left;background-size: .22rem auto;}
@media(max-width:1024px){
    .Contact .con .txt {padding: 5%;}
    .Contact .txt .tit {font-size: 0.38rem;}
}


.Contact .list .title{font-size: .3rem;color: #000;border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .2rem;margin-top: .5rem}
.Contact .list ul{display: flex;flex-wrap: wrap;}
.Contact .list li{width: 32%;margin-right: 2%;margin-bottom: 2%;background: #f7f8fb;padding: .4rem}
.Contact .list li:nth-child(3n){margin-right: 0;}
.Contact .list li .tit{font-size: .22rem;color: #000;padding-bottom: .2rem;margin-bottom: .3rem;border-bottom: 1px solid #ebebeb;position: relative}
.Contact .list li .tit::before{content: '';position: absolute;width: .7rem;height: 2px;background:#004894;bottom: -1px;left: 0 }
.Contact .list li p{line-height: 1.75;}

@media(min-width:1025px){
    .Contact .con {display: flex;justify-content: space-between;align-items: center;}
    .Contact .con .pic {width: 50%;}
    .Contact .con .txt {width: 40%;}
}v
@media(max-width:1024px){
    .Contact .list li:nth-child(n+1) {width: 49%; margin-right: 2%;}
    .Contact .list li:nth-child(2n){margin-right: 0;}
}
@media(max-width:640px){
    .Contact .list li:nth-child(n+1) {width: 100%; margin-right: 0; margin-bottom: 0.35rem;}
}
/*Form003139 */
.Form003139 .auto{position: relative;z-index: 1;margin-top: 4.5em;margin-bottom: 4.5em; }
.Form003139 .title{font-family: 'SourceHanSansCN-Medium'; font-size: 1.625em;color: #333333; line-height: 1.1538em;}
.Form003139 .title:after{display: block;content: '';width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0;}
.Form003139 .desc{font-size: 0.875em;color: #999999;line-height: 1.78571;}
.Form003139 .form{background-color: #f9f9f9; margin-top: 3.375em;}
.Form003139 .form-ul{margin: 0 auto;} 
.Form003139 .form-ul li{margin-bottom: 10px;position: relative;}
.Form003139 .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;font-size: 0.875em; line-height: 3.5714;color: #333333;}
.Form003139 .form-ul li select,
.Form003139 .form-ul li .text{width: 100%; border: solid 1px #8b8b8b;font-size: 0.875em;line-height:  3.5714;height:  3.5714em; background: none;padding: 0 1em;font-family: 'SourceHanSansCN-Regular';}
.Form003139 .form-ul li textarea.text{height: auto;}
.Form003139 .form-ul .btn{width: 10em; background: #004894;font-size: 0.875em;height:  3.5714em;color: #fff;cursor: pointer; border: 0;}
@media (min-width:1025px) {
.Form003139 .form .img{width: 50%;}    
.Form003139 .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
.Form003139 .form-ul .row-2 li:nth-child(2n){float: right;}
.Form003139 .form-ul{width: 75.715%;}
}
@media (max-width:1024px) {
.Form003139 .form-ul{padding: 2em 0;}
.Form003139 .form-ul{width: 90%;}
}


.bg_black{background:url(../images/bg_black.jpg) fixed center center;background-size: cover;background-color: #00162D}

/*
 .Form002337 为demo编号
 */
 .Form002337{max-width: 100%;margin: 0 auto;}
 .Form002337 .row{ padding-bottom: 0.15rem;}
 .Form002337 .rowbox{ padding-bottom: 0;}
 .Form002337 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 0.3rem 0; padding: 0; background-color: #f2f2f2; border: none; display: block;}
 .Form002337 .row-inner{  margin: 0 auto; position: relative; padding-left: 0.75rem; color: #666; font-size: 0.14rem; line-height: 0.44rem;}
 .Form002337 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 0.14rem; font-weight: normal;}
 .Form002337 .row-wrap {padding-left: 0;}
 .Form002337 .row-wrap .h5 {position: relative;}
 .Form002337 .row-inner .username{ display: block;}
 .Form002337 .row-inner .text{border: 1px solid #dcdcdc;color: #333;line-height: 0.42rem;width: 100%;max-width: 4.5rem;padding: 0 0.1rem;display: inline-block;font-size: 0.16rem; vertical-align: middle;}
 .Form002337 .btn{background-color: #004894;line-height: 0.44rem;font-size: 0.18rem;color: #fff;text-align: center;width: 1.3rem;border: none;cursor: pointer;margin: 0.2rem auto;display: inline-block;}
 .Form002337 .btn.reset{background-color: #f5f5f5;margin-left: 0.3rem;color: #999;}
 .Form002337 .address>*{ display: block; float: left;}
 .Form002337 .address>*+*{ margin-left: 1%;}
 .Form002337 .address .selectbox{ max-width: 1.17rem; width:20%;}
 .Form002337 .address .selectbox select{ height: 0.44rem; width: 100%; border: 1px solid #adadad;border-radius: 0.03rem; color: #adadad;}
 .Form002337 .address .selectbox select.focus{ color: #333;}
 .Form002337 .address .text{ width:37% ; max-width: 5.46rem;}


 .Form002337 .upload {position: relative;}
 .Form002337 .upload input[type="file"] {display: none;}
 .Form002337 .upload .text {margin-right: 1em; max-width: 2.7rem;}
 .Form002337 .upload em { cursor: pointer; display: inline-block; width: 1.6rem; height: 0.44rem; vertical-align: middle; background-color:#f5f5f5; color:#999; text-align: center; line-height: 0.44rem; font-size: 0.14rem;}
 .Form002337 .upload em:hover {color:#666;}
 .Form002337 .verify a {display: inline-block; vertical-align: middle;}
 .Form002337 .verify img {display: block; height: 0.44rem; width: auto;}
 .Form002337 .verify .text {max-width: 2rem;}
 @media only screen and (max-width:767px ) {
     .Form002337{ padding:0.2rem 0; }
     .Form002337 .btn{ width: 0.85rem; line-height: 0.35rem; font-size: 0.16rem;}
     .Form002337 .address .selectbox{ width: 32.3334%;}
     .Form002337 .address .text{ width: 100%; margin-top: 0.1rem; margin-left: 0;}
 }
 @media only screen and (max-width:480px ) {
     .Form002337 .address .selectbox{ width: 100%; margin-left: 0 !important; max-width: none;}	
     .Form002337 .address .selectbox+.selectbox{ margin-top: 0.1rem;}
     .Form002337 .row-inner .text{ max-width: none;}
 }
 /*
  .Form002324 为demo编号
  */
 .Form002324{width:100%; padding:1rem 0;}
 .Form002324 .wrap-container{width: 8rem; max-width: 100%; margin: 0 auto;}
 .Form002324 .Title{ font-size:0.24rem; color:#555555; text-align:center; line-height:1rem;}
 .Form002324 form {display: block; max-width: 4.2rem; margin:0 auto;}
 .Form002324 input{display:block;border-radius:0.02rem;color:#6e6e6e;border:1px solid #dcdcdc;height:0.43rem;line-height:0.33rem;padding:0.05rem 0.1rem 0.05rem 0.5rem;margin:0 auto 0.23rem; width: 100%; background: no-repeat 0.15rem center; background-size: 0.2rem; filter:none!important;}

 .Form002324 .Loginname{ background-image:url(../images/form_01.png);}
 .Form002324 .Loginpwd{ background-image:url(../images/form_02.png);}

 .Form002324 .Lyzm{float:left;width: 1.78rem;padding-left:0.2rem;}
 .Form002324 .yzm a{ float:left; margin-left:0.1rem; color:#0277ba; line-height:0.42rem;}
 .Form002324 .yzm img{ display:inline-block; vertical-align:top; max-width:1.17rem; width: 50%; margin-right:0.16rem; height:0.42rem;}


 .Form002324 .goLogin{color:#fff;text-align:center;line-height:0.42rem;font-size:0.2rem;display:block;background: #004894;}
 
 /*Reports */
 .Reports .intro {color:#666; font-size: 0.14rem; line-height: 1.875em; margin-bottom: 0.3rem;}
 .Reports .warning {padding:0.1rem; font-size: 0.14rem; line-height: 1.875em; color:Red;}
 .Reports .top {color:#999; margin-bottom: 0.3rem;}
 .Reports .top .item {margin-bottom:0.15rem; display: flex; font-size: 0.14rem;}
 .Reports .top .left {margin-right: 0.1rem; position: relative;}
 .Reports .top .right {display: flex; flex-wrap: wrap;}
 .Reports .top .right .flex{width: 100%; display: flex; flex-wrap:wrap; position: relative;}
 .Reports .top .radio {margin-right: 0.15rem; margin-bottom: 0.1rem; position: relative;}
 .Reports .top .radio label {display: block;}
 .Reports .top .drop {border: 1px solid #cad9ea; background-color: #f5fafe; color:#999; display: none; margin-bottom: 0.1rem;}
 .Reports .top .drop .sub {display: none;}
 .Reports .top .drop ul {display: flex; padding:0.05rem 0.1rem;}
 .Reports .top .drop li {margin-right: 0.15rem;}

 .Reports .btm {border: 1px solid #cad9ea; color: #666; font-size: 0.14rem; line-height: 2em;background-color: #f5fafe;}
 .Reports .btm .row {display: flex; justify-content: space-between; border-bottom: 1px solid #cad9ea;}
 .Reports .btm .row:last-child {border-bottom: none;}
 .Reports .btm .label {border-right: 1px solid #cad9ea; display: flex; align-items: center; padding:0 0.1rem; width: 1.7rem;}
 .Reports .btm .label i {font-style: normal; color:#f00;}
 .Reports .btm .input {padding:0.15rem 0.1rem; width: calc(100% - 1.7rem); display: flex; align-items: center;}
 .Reports .btm .text {border: 1px solid #dcdcdc; display: block; width: 100%; max-width: 7rem; height: 0.34rem; line-height: 0.34rem; padding:0 0.1rem;}
 .Reports .btm .checkbox label {display: block;}
 .Reports .btm .verify .text {max-width: 2.5rem; margin-right: 0.1rem;}
 .Reports .btm .verify a {display: block;}
 .Reports .btm .verify img {display: block; width: auto; height: 0.34rem;}
 .Reports .btm .btn {justify-content: center; width: 100%;}
 .Reports .btm .submit {cursor: pointer; display: block; background-color: #004894; color:#fff; font-size:0.16rem; padding:0 2em; border:none; height: 0.4rem; margin-right: 0.5rem;}
 .Reports .btm .submit:last-child {margin-right: 0;}
 .Reports .btm .input .layui-form-checked[lay-skin=primary]>i{ color:#004894;}
 /*Menu002518 */
 .Menu002518 .side-title{color: #fff;font-size:0.24rem;padding: 0.2rem 0 0 0.3rem;height:0.79rem;font-weight:bold;background: #004894;margin-bottom: 0.1rem;}
 .Menu002518 .side-title span{display:block;opacity:0.5;font-size:0.14rem;}
 .Menu002518 .side-menu{background:#fff;border-radius:0 0 0.2rem 0.2rem;}
 .Menu002518 .side-menu li{ margin-bottom:0.1rem;}
 .Menu002518 .side-menu li a{display:block; font-size:0.16rem; position:relative; color:#666;}
 .Menu002518 .side-menu > ul > li > a{line-height:0.44rem;padding-left:0.3rem;font-weight:bold;font-size:0.18rem;background:#f5f5f5;}
 .Menu002518 .side-menu li a i{position:absolute;right: 0.19rem;top:50%;margin-top:-0.1rem;width:0.2rem;height:0.2rem;background:#fff;border-radius:50%;}
 .Menu002518 .side-menu li a i::before,
 .Menu002518 .side-menu li a i::after{ position:absolute; content:''; background:#d1d1d1;}
 .Menu002518 .side-menu li a i::before{ left:20%; height:0.02rem; width:60%; top:50%; margin-top:-0.01rem;}
 .Menu002518 .side-menu li a i::after{ left:50%; width:0.02rem; margin-left:-0.02rem; top:20%; height:60%;}
 .Menu002518 .side-menu li ul{ display:none;}
 .Menu002518 .side-menu > ul > li > a:hover,
 .Menu002518 .side-menu > ul > li.aon > a{background: #d5e1ed;}
 .Menu002518 .side-menu li a:hover,
 .Menu002518 .side-menu li.aon > a{color: #004894;font-weight:bold;}
 .Menu002518 .side-menu li a:hover i::before,
 .Menu002518 .side-menu li.aon a i::before{background: #b5cadf;}
 .Menu002518 .side-menu li a:hover i::after,
 .Menu002518 .side-menu li.aon a i::after{ display:none;}
 .Menu002518 .side-menu li ul { padding:0.16rem 0 0 0;}
 .Menu002518 .side-menu li ul li{padding-left:30px; }
 .Menu002518 .side-menu li ul li a{ line-height:0.48rem; border-bottom:1px solid #f4f4f4; position:relative;}
 .Menu002518 .side-menu li ul li:last-child a{ border-bottom:0;}
 .Menu002518 .side-menu li ul li a::before,
 .Menu002518 .side-menu li ul li a::after{ position:absolute; content:''; opacity:0;}
 .Menu002518 .side-menu li ul li a::before{right: 0.22rem;top:50%;width:0.15rem;height:0.15rem;margin-top:-0.075rem;background: #b5cadf;border-radius:50%;}
 .Menu002518 .side-menu li ul li a::after{border-color:transparent;border-width:0.03rem 0 0.03rem 0.04rem;border-style:solid;border-left-color:#fff;right: 0.27rem;top:50%;margin-top:-0.03rem;}
 .Menu002518 .side-menu li ul li a:hover::before,
 .Menu002518 .side-menu li ul li a:hover::after,
 .Menu002518 .side-menu li ul li.aon a::before,
 .Menu002518 .side-menu li ul li.aon a::after{ opacity:1;}
 @media(min-width:1025px){
 .Menu002518 .side-open_menu{ display:none;}
 }
 @media(max-width:1024px){
 .Menu002518{ position:relative; z-index:10;}
 .Menu002518 .side-menu{ display:none; position:absolute; left:0; width:100%; top:100%; margin-top:0.05rem; z-index:100;}
 .Menu002518 .side-open_menu{position:relative;background: rgb(237 242 250);border:0.03rem solid #fff;padding:0.1rem 0.2rem;font-size:0.18rem;box-shadow: 0 0.03rem 0 #004894;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
 .Menu002518 .side-open_menu::before{position:absolute;content:'';border:0.05rem solid transparent;border-top-color: #004894;right:0.2rem;top:50%;margin-top:-0.02rem;}
 }
 @media(max-width:480px){
 .Menu002518 .side-menu > ul > li > a {line-height: 0.4rem;padding-left: 0.2rem;font-size: 0.16rem;}
 .Menu002518 .side-menu li ul li a {line-height: 0.36rem;}
 .Menu002518 .side-menu li a{ font-size:0.14rem;}
 .Menu002518 .side-menu{ padding-top:0.1rem;}
 }


 .member {margin-top: 4vw;}
 .member .bottom {padding: 0.3rem; font-size: 0.16rem; border:2px solid #F5F5F5;}
 .member .bottom .title{margin-bottom: 0.1rem; font-weight: 700;}
 .member .bottom select{height: 0.3rem; width: 100%; margin-bottom: 0.1rem;}
 .member .bottom input{line-height: 0.3rem; padding: 0 0.2rem; background: #004894; border: 0; color: #fff; display: block; margin-bottom: 0.1rem;}
 
 .member .content {padding: 2vw;}
 .member .welcome  {display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: nowrap;background: #f5f5f5;}
 .member .welcome .info  {display: block; width: 60%;}
 .member .welcome .title {font-weight: 700;line-height: 0.4rem;background: #f5f5f5;padding: 0.2rem;width: 40%;}
 .member .welcome .title span{color: #004894;}
 .member .welcome p {border-bottom: 1px solid #e5e5e5; line-height: 0.6rem; padding-left: 0.2rem;}
 .member .welcome p span{font-weight: 700;}
 
 .member table{ width: 100%;}
 .member .center {text-align: center;}
 .member table .title{background: #004894; color: #fff;}
 .member table .title td{font-weight: 700;}
 .member table .col1{width: 0.3rem;}
 .member table{border:1px solid #cad9ea;color:#666;}
 .member table th { background-image: url(th_bg1.gif); background-repeat:repeat-x; height:30px;}
 .member table td,table th{ border:1px solid #cad9ea; padding:0.12rem 0.1rem}
 .member table tr.row1{ background-color:#f5fafe;  height:0.25rem;}
 .member table tr.row2{ background-color:#fff;  height:0.25rem;}
 .member table input{all:unset;background: #004894; color: #fff; width: 0.7rem; padding: 0.02rem; margin-bottom: 0.02rem; text-align: center;}
 .member table .red{color: red; font-weight: 700;}
 
 /*
  .Location002314 为demo编号
  */
  .Location002314{padding: 0.28rem 0;}
  .Location002314 dl{padding:0.1rem 0; line-height:0.3rem; border-bottom:#e5e5e5 1px solid;}
  .Location002314 em{ font-style:normal;color: #999;  float:right; background:url(../images/Location002314-icon.png) no-repeat right center; padding-right:0.15rem;}
  .Location002314 em span{ color:#333;}
  .Location002314 em a{ position:relative; padding-right:0.15rem; margin-right:0.1rem;color: #999;}
  .Location002314 em a:first-child{ margin-left: 0.05rem;}
  .Location002314 em a:hover{ color: #004894;}
  .Location002314 em a:before{ position:absolute; content:''; right:0; border-top:0.04rem solid transparent;border-bottom:0.04rem solid transparent; border-left:0.05rem solid #a1a1a1; top:50%; margin-top:-0.04rem;}


.resultBox .title {
    font-size: .24rem;
    color: #004894;
}

.resultBox .txt {
    margin: .4rem 0;
    text-align: center;
}

    .resultBox .txt span {
        display: inline-block;
        padding: .1rem;
        background-color: #004894;
        color: #fff;
        min-width: 40%;
    }

.resultBox dl {
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    padding: .3rem 0;
    margin-bottom: .3rem;
}

    .resultBox dl dt {
        color: #666;
        margin-bottom: .1rem;
    }

    .resultBox dl dd a {
        display: block;
        color: #666;
        margin-bottom: .05rem;
    }

.resultBox .btn {
    background-color: #004894;
    color: #fff;
    display: inline-block;
    padding: .1rem .2rem;
}

.Newlist {
    padding: 0.7rem 0 0.4rem 0;
}

    .Newlist li {
        padding: 0.3rem 0;
        border-bottom: 1px solid #eee;
        transition: 0.3s;
    }

        .Newlist li a {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .Newlist li:first-child {
            padding-top: 0;
        }

        .Newlist li .pic {
            flex: 0 0 auto;
            width: 25%;
            border-radius: 0.2rem;
            overflow: hidden;
        }

        .Newlist li .img {
            padding-top: 62%;
            position: relative;
        }

            .Newlist li .img span {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all .5s;
                -webkit-transition: all .3s;
            }

            .Newlist li .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .Newlist li:hover .img span {
            transform: scale(1.05);
        }

        .Newlist li .txt {
            position: relative;
            flex: 1 1 auto;
            margin-left: 4%;
            overflow: hidden;
        }

        .Newlist li .tit {
            font-size: 0.24rem;
            color: #000;
            margin-bottom: 0.15rem;
        }

        .Newlist li .desc {
            color: #666;
            font-size: 0.16rem;
            line-height: 1.75;
        }

        .Newlist li time {
            display: block;
            font-size: 0.16rem;
            color: #999;
            margin-top: 0.2rem;
        }

        .Newlist li:hover .tit {
            color: #004894;
        }

@media (max-width:640px) {
    .Newlist li a {
        flex-wrap: wrap;
    }

    .Newlist li .pic {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    .Newlist li .txt {
        width: 100%;
        margin-left: 0%;
    }
}

/*News_detail*/
.News_detail{ padding: 0.7rem 0;}
.News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.16rem; font-size: 0.32rem; font-weight: normal;  color: #000; }
.News_detail .news_info .title aside span { display: inline-block; vertical-align: middle; margin: 0 1.5em 0.5em; line-height: 2; color: #999; }
.News_detail .news_info .title time {display: inline-block;color: #999;font-size: 0.16rem;font-weight: lighter;  padding-left: 0.25rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.16rem;margin-top: 0.1rem;}
.News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.News_detail .info { line-height: 1.75; color: #333; font-size:0.16rem; }
.News_detail .info p{/* margin: 0; */}
.News_detail .info h2{margin: 0;}
.News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.3rem; border-top: 1px solid #f5f5f5 }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.8rem; font-size: 0.16rem; line-height: 0.52rem; border-radius: 0.5rem; background: #004894; }
.News_detail .info_back a:hover { background: #004894; }
.News_detail .info_back a:before {display: inline-block;width: 0.16rem;height: 0.16rem;content: '';background: url(../images/icon_back.svg) no-repeat;background-size: 0.16rem auto;vertical-align: middle;margin-right:0.1rem;margin-top: -0.05rem;}
.News_detail .info_pn span { display: block;  margin: 0.1rem 0; }
.News_detail .info_pn span a { color: #666; }
.News_detail .info_pn span a:hover { color: #004894; }

@media (min-width:1025px) {

}
@media(max-width:1024px) {
.News_detail .bot{margin-top: 2em;padding-top: 1.5em;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size: 1.5em; }
.News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; }
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .news_info{ margin-bottom:calc(30 / 16 * 1em) ;}
.News_detail .AboutNews{padding:calc(20 / 16 * 1em);}
}