@font-face {
	font-family: 'arial';
	src: url("../font/Roboto-Regular.ttf");
}


@font-face {
	font-family: 'syht';
	src: url("../font/思源黑体CN-Regular.otf");
}


@font-face {
	font-family: 'MiSansBold';
	src: url("../fonts/MiSans-Bold.otf");
}
@font-face {
	font-family: 'MiSansRegular';
	src: url("../fonts/MiSans-Regular.otf");
}
@font-face {
	font-family: 'MiSansLight';
	src: url("../fonts/MiSans-Light.otf");
}

.MiSansRegular { font-family: 'MiSansRegular'; }
.MiSansBold { font-family: 'MiSansBold'; }
.MiSansLight,.MiSansLight * { font-family: 'MiSansLight'; font-weight: lighter!important; }

* { font-family: 'MiSansRegular'; }

:root {
    --blue: #244093;
}

a:active{star:expression(this.onFocus=this.blur());}
a:focus,button:focus{outline:none; -moz-outline:none;}
:focus{outline:none;}
/*Reset Css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}
html,body{margin:0; padding:0; font-family:'syht'; -webkit-text-size-adjust:none;font-weight: lighter !important;}
input,button,select,textarea{font-family:'syht'; }
ol,ul{padding-left:0; list-style:none;}
img{border:none; display:inline-block; vertical-align:middle;}
th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,p{font-size:100%; font-weight:lighter;}
input{display:inline-block; vertical-align:middle;color:#666;}

fieldset{border:none;}
legend{display:none;}
/*Clear Css*/
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
* html .clearfix{height:1%;}
/*Common Css*/
body{font-size:12px;}
a{ text-decoration:none;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}
.relative { position: relative; }
::-ms-clear, ::-ms-reveal{display: none;}
input[type=button],input[type=submit],input[type=reset],select{border-radius:0;-webkit-appearance: none;-moz-appearance: none;}
a:focus,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all 0.3s linear;}
.swiper-button-next,.swiper-button-prev{z-index:3 !important;}
textarea {resize: none;}


.yh { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sh { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
/*字体*/
.marginT5 { margin-top:0.05rem; }
.marginT6 { margin-top: 0.06rem; }
.marginT8 { margin-top: 0.08rem; }
.marginT10 { margin-top:0.1rem; }
.marginT15 { margin-top:0.15rem; }
.marginT20 { margin-top:0.2rem; }
.marginT30 { margin-top:0.3rem; }
.marginT40 { margin-top:0.4rem; }
.marginT50 { margin-top:0.5rem; }
.marginT60 { margin-top:0.6rem; }
.marginT70 { margin-top:0.7rem; }
.marginT80 { margin-top:0.8rem; }
.marginT90 { margin-top:0.9rem; }
.marginT100 { margin-top:1rem; }
.marginT120 { margin-top:1.2rem; }
.lh12 { line-height:1.2!important; }
.lh13 { line-height:1.3!important; }
.lh14 { line-height:1.4!important; }
.lh15 { line-height:1.5!important; }
.lh16 { line-height:1.6!important; }
.lh17 { line-height:1.7!important; }
.lh18 { line-height:1.8!important; }
.lh19 { line-height:1.9!important; }
.font80 { font-size:0.8rem; line-height: 1.2; }
.font55 { font-size:0.55rem; line-height: 1.2; }
.font58 { font-size:0.58rem; line-height: 1.2; }
.font50 { font-size:0.5rem; line-height: 1.2; }
.font72 { font-size:0.72rem; line-height: 1.2; }
.font70 { font-size:0.7rem; line-height: 1.2; }
.font40 { font-size:0.4rem; line-height: 1.2; }
.font42 { font-size:0.42rem; line-height: 1.2; }
.font45 { font-size:0.45rem; line-height: 1.2; }
.font44 { font-size:0.44rem; line-height: 1.2; }
.font76 { font-size:0.76rem; line-height: 1.2; }
.font26 { font-size:0.26rem; line-height: 1.2; }
.font28 { font-size:0.28rem; line-height: 1.2; }
.font36 { font-size:0.36rem; line-height: 1.2; }
.font24 { font-size:0.24rem; line-height: 1.2; }
.font32 { font-size:0.32rem; line-height: 1.2; }
.font30 { font-size:0.30rem; line-height: 1.2; }
.font22 { font-size:0.22rem; line-height: 1.2; }
.font21 { font-size:0.21rem; line-height: 1.2; }
.font20 { font-size:0.20rem; line-height: 1.2; }
.font18 { font-size:0.18rem; line-height: 1.6; }
.font16 { font-size:0.16rem; line-height: 1.6; }
.font15 { font-size:0.15rem; line-height: 1.6; }
.font14 { font-size:0.14rem; line-height: 1.6; }
.font12 { font-size:0.12rem; line-height: 1.6; }
.font60 { font-size:0.60rem; line-height: 1.2; }
.font56 { font-size:0.56rem; line-height: 1.2; }
.font66 { font-size:0.66rem; line-height: 1.2; }
.font120 { font-size:1.2rem; line-height: 1.2; }
.font85 { font-size: 0.85rem; line-height: 1.2; }

.bold { font-weight:bold; }
.borderRadius6 { border-radius: 6px; overflow: hidden; }
.borderRadius10 { border-radius: 0.1rem; overflow: hidden; }
.borderRadius20 { border-radius: 0.2rem; overflow: hidden; }
.borderRadius30 { border-radius: 0.3rem; overflow: hidden; }
.borderRadius40 { border-radius: 0.4rem; overflow: hidden; }

.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }
.colorWhite { color:#fff; }
.colorRed { color:#E71F1A; }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#333; }
.color4 { color:#444; }
.color46 { color:#465059; }
.color5 { color:#555; }
.color6 { color:#666; }
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.color0 { color:#000; }
.colorA { color:#aaa; }
.colorB { color:#bbb; }
.colorC { color:#ccc; }
.colorD { color:#ddd; }
.textTra { text-transform:uppercase; }
.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }
.colorBlue { color:var(--blue); }
.weight100 { font-weight: 100; }
.weight200 { font-weight: 200; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }
@media(max-width: 1600px){
    .font20 { font-size: 0.24rem; }
    .font26 { font-size: 0.3rem; }
    .font18 { font-size: 0.2rem; }
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}
@media(max-width: 1400px){
    .font16 { font-size: 0.2rem; }
    .font14 { font-size: 0.2rem; }
    .font12 { font-size: 0.2rem; }
}




.table{height:100%;display:table;width:100%;}
.table-cell{display:table-cell;vertical-align:middle;}

.textover{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input::placeholder{color:#666;}
input:-ms-input-placeholder {
    color: #666 !important;
}
input::-webkit-input-placeholder {
    color: #666;
}
/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {color: #666;}
img{max-width:100%;width:100%;}



@media (max-width:60000000px){
    html{
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1100px){
    html{
        font-size: calc(100vw/7.5) !important;
    }
	.font55 { font-size: 0.4rem; }
}

.w_1580{width:82.3%;margin: 0 auto;}
.w_1400{width:72.9%;margin: 0 auto;}
.w_1460{width:76%;margin: 0 auto;}
.w_1760{width:91.66%;margin: 0 auto;}
.w_1720{width:89.6%;margin: 0 auto;}
.w_1530{width:79.68%;margin: 0 auto;}
.w_1770{width:92.18%;margin: 0 auto;}
.w_1500{width:78.125%;margin: 0 auto;}






.xg_pic{overflow:hidden;position: relative;}
.xg_pic img{transition: all 0.3s linear;}
.home_Innovationlist .xg_pic:before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-color: rgba(0,0,0,0.5);
    z-index: 4;
    opacity: 0;
}

body,.homec { width: 100%;overflow-x:hidden;}

/*Home Page*/
.homea { padding: 1rem 0 1.3rem; background: url(../img/homea_a1.jpg) no-repeat top center/cover; }
.font198 { font-size: 1.45rem; line-height: 1; font-weight: lighter; font-family:"MiSansLight"; }
.homea_b ul li:nth-child(n+2) { margin-top: 0.4rem; }
.mtit { position: relative; padding-left: 0.3rem; }
.mtit:before { content:''; width: 0.12rem; height: 0.12rem; background: var(--blue); position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.homea_c { width: 41%; }
.homea_c .con p:nth-child(n+2) { margin-top: 0.1rem; }
.mb { display:none;  }

.homea .homea_b { margin-top: -0.15rem; }
.homea_b ul li:nth-child(n+2) { margin-top: 1rem; }

@media(max-width: 1100px){
    .pc { display: none;  }
    .mb { display: block;  }
    .homea { padding: 0.6rem 0 0.6rem; }
    .font198 { font-size: 1rem; line-height: 1; }
    .homea_b { width: 100%; }
	.homea_b ul li:nth-child(n+2) { margin-top: 0rem; }
	.homea_b ul li:nth-child(n+3) { margin-top: 1rem; }
    .homea_b ul li { width: 50%; float:left; }
    .homea_b ul li:nth-child(n+3) { margin-top: 1rem; }
    .mtit { padding-left: 0.3rem; font-size: 0.3rem; }
    .mtit:before { width: 0.2rem; height: 0.2rem; }
    .homea_c { width: 100%; margin-top: 1rem; }
    .homea_c .con p:nth-child(n+2) { margin-top: 0.1rem; }
	.homea_c .more { margin-top: 0.3rem; }
}

.homeb { padding: 1.25rem 0; }
.homeb_b { position: relative; z-index: 10; }
.homeb_a,.homeb_a .box,.homeb_a .box .img { width: 100%; height: 100%; position: relative; }
.homeb_a { position: absolute; left: 0; top: 0; }
.homeb_d { float:left; width: 5.6rem; background: var(--blue); padding: 0.6rem 0.6rem 0.7rem; }
.mtit.colorWhite:before { background: #fff; }
.font48 { font-size: 0.48rem; }
.homeb_e ul li { padding: 0.1rem 0; transition:all 0.5s; }
.homeb_e ul li.cur { padding: 0.3rem 0; border-bottom:1px solid rgba(255,255,255,0.6); margin-bottom: 0.3rem; }
.homeb_e ul li.cur .t { opacity: 1; }
.homeb_e ul li:nth-child(1).cur { margin-top:0; }
.homeb_e ul li:last-child.cur { border-bottom:none; margin-bottom:0; }
.homeb_e ul li .con { display:none; overflow: hidden; }
.homeb_e ul li .con .c { padding-top: 0.2rem; }
.homeb_f { position: absolute; right:0; bottom:0; line-height: 1; }
.homeb_f .t { font-weight: lighter; }
@media(max-width: 1100px){
    .homeb { padding: 0; }
    .homeb_a { position: relative; }
    .homeb_b { background: var(--blue); }
    .homeb_c { width: 100%; padding: 0.3rem 0 0.5rem; }
    .homeb_d { width: 100%; padding: 0; }
    .homeb_f { bottom: 0.2rem; display:none; }
}

.homec { padding: 1rem 0 1.1rem; }
.mainQh { right: 0!important; position: absolute; bottom:0!important; top: auto!important; transform:translateY(0); margin:0; width: 0.65rem!important; height: 0.65rem!important; background: #f3f3f3; }
.mainQh:after { color:#6c6c6c; font-size: 0.2rem!important; }
.homec_a .mainQhPrev { left:auto; right: 0.8rem!important; }
.mainQh:hover { background: var(--blue); }
.mainQh:hover:after { color:#fff; }
.line { width: 110vw; position: relative; margin-top: 0.6rem; left: -8vw; height: 2px; background: #e0e0e0;  }
.homec_b .swiper-container { padding-bottom: 0.8rem; position: relative; overflow: hidden; }
.homec_b .swiper-container .swiper-pagination { height: 2px; top: auto; width: 30%; bottom:0; }
.homec_b .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--blue)!important; }
@media(max-width: 1100px){
    .homec { padding: 0.5rem 0 0.6rem; }
    .homec_a { padding-bottom: 1rem; }
    .mainQh { bottom: -0.3rem; }
    .homec_b .swiper-container { padding-bottom: 0.5rem; }
    .homec_b .swiper-container .swiper-pagination { width: 50%; }
}



.page_zk{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 110;overflow:hidden;transition: all 2s linear;}
.page_zk ul li{width: 100vw;height: 100vh;position: absolute;left: 0;top: 0;overflow:hidden;}
.page_zk ul li div{width: 50vw;height: 100%;background:#fff;position: relative;z-index: 3;transition: all 3s linear;}
.page_zk ul li:nth-of-type(2) div{width: 100vw;background: #0075C2;z-index: 2;transition: all 3s linear;}
.page_zk.on{transform: translateX(100%);z-index: -1;}
.page_zk.on ul li div{transform: translateX(300vw);}
.page_zk.on ul li:nth-of-type(2) div{transform: translateX(200vw);}
.h_100{width: 100vw;height: 100vh;}
.header{ border-bottom: 1px solid rgba(255,255,255,0.2);padding: 0 1rem; box-sizing: border-box; max-width: 100vw; width: 100%; position: fixed;left: 0;top: 0;z-index: 99;transition: all 0.5s linear;}
.logo{ padding: 0.05rem 0; width:1.6rem;}
.logo svg{display: block;width: 100%;height: 0.8rem;fill: #fff;}
.header_r{ width: calc(100% - 2.9rem); }
.nav{ }
.nav ul{display: flex;align-items: center;}
.nav.fl ul li a { font-weight: bold; }
.nav ul li{height: 0.8rem;}
.nav ul li{position: relative;margin-right: 0.3rem;}
.nav ul li h2 a{font-size: 0.18rem;color: #fff; line-height: 0.8rem;}
.nav.fr ul li h2 a,.footerB dl dd a { font-family:"MiSansLight"; }
.nav ul li h2 a{color: #fff;}
.nav ul li h2::after{display: block;width: 0;height: 3px;content: '';background:#0075C2;position: absolute;left: 50%;top:98%;transform: translateX(-50%);transition: all 0.3s linear;}
.nav ul li:hover h2::after,.nav ul li.on h2::after{width: 100%;}
.nav ul li:hover h2 a,.nav ul li.on h2 a{color: #0075C2 !important;}
.nav2{position: absolute;left: 50%;top: 0.8rem;transform: translateX(-50%);width: 300vw;display: none;background:rgba(236,241,246,0.8);height: 1rem;display: none;}
.nav2 dl{display: flex;justify-content: center;align-items: center;}
.nav2 dl dd{position: relative;margin: 0 0.5rem;height: 1rem;}
.nav2 dl dd a{font-size: 0.16rem;color:#333333;line-height: 1rem;position: relative;display: block;height: 100%;}
.nav2 dl dd::after{display: block;width: 0;height: 3px;content: '';background:#0075C2;position: absolute;left: 50%;top:98%;transform: translateX(-50%);transition: all 0.3s linear;}
.nav2 dl dd:hover::after{width: 100%;}
.nav2 dl dd:hover a{color: #006ED3;}
.lan{width:0.28rem;}
.lan img:nth-of-type(1){display: block;}
.lan img:nth-of-type(2){display: none;}
.search { height:0.2rem; width: 0.2rem; padding: 0.3rem 0; margin: 0 0.3rem 0 0.3rem;}
.lan { height:0.2rem; width: 0.2rem; padding: 0.3rem 0; margin: 0;}
.search svg,.lan svg{fill: #fff;}        
.search img:nth-of-type(1){display: block;}
.search img:nth-of-type(2){display: none;}
.swiper-container-home{width: 100vw;height: 100vh;overflow:hidden;}
.swiper-container-home .swiper-slide{width: 100vw;height: 100vh;}
#ban{ overflow: hidden; position: relative;width: 100%;height: 100vh; }
.font54 { font-size: 0.54rem; }
.ban_pic{width: 100vw;height: 100vh;position: relative;}
b { font-weight: bold; }
.ban_js .t { font-weight: 400; text-transform: uppercase; }


.nav3:before { content:''; width: 1px; height: 20px; background: #fff; position: absolute; right:0; top: 50%; transform:translateY(-50%); }
.header.active .nav3:before,.header.on .nav3:before { background: #666; }

.lan { position: relative; }
.lan .subLan { text-align:center; background: #fff;position: absolute;top: calc(100% - 1px); left:50%; transform:translateX(-50%); display: none;width: 80px;box-shadow: 0px 0px 5px #888888;border-radius: 3px;}
.lan:hover .subLan {display: block;}
.lan .subLan a { font-size: 0.16rem; display: block;width: 100%;line-height: 1;color: #666666;padding: 20px 0 20px;}
.lan .subLan a:nth-child(2) {padding: 0px 0 20px 0; }
.lan .subLan .cur {color: #46967d;}

@media(max-width: 1100px){
	.header .logo img { width: auto; height: 0.6rem; }
	.header_r{ width: calc(100% - 4rem); }
}

.home_ban{width: 100vw;height: 100vh;overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;transition:all 4s ease-in;transform: scale(1.3);}
.swiper-container-homeban .swiper-slide{width: 100vw;height: 100vh;}
.swiper-container-homeban .swiper-slide-active .home_ban{transform: scale(1);}
.swiper-pagination-homeban{position: absolute;left: 1.7rem !important;bottom: 0.6rem !important;}
.swiper-pagination-homeban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background: rgba(255,255,255,0.5);margin-right: 0.2rem;opacity: 1;}
.swiper-pagination-homeban .swiper-pagination-bullet-active{background: #fff;}
.swiper-container-homeban .swiper-pagination { left: auto; bottom: 0.4rem!important; right: 1rem!important; width: 0.8rem!important; text-align:right; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet { height: 0.2rem; background: none; position: relative; border-radius:0; display: block; width: 100%; opacity: 1;}
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:after {content:''; position: absolute; border-radius:0; right:0; top: 50%; transform:translateY(-50%); transition:all 0.5s; height: 1px; width: 0.24rem; background: rgba(255,255,255,0.3); opacity: 1; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:before { opacity: 0; content:'01'; position: absolute; color:#fff; left:0rem; transform: translateY(-50%); font-size: 0.18rem; top: 50%;  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(1):before { content:'01';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(2):before { content:'02';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(3):before { content:'03';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(4):before { content:'04';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(5):before { content:'05';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(6):before { content:'06';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(7):before { content:'07';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(8):before { content:'08';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet:nth-child(9):before { content:'09';  }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet-active:after { background: #fff; width: 0.48rem; }
.swiper-container-homeban .swiper-pagination .swiper-pagination-bullet-active:before { opacity: 1; }



.nav_btn{width: 0.76rem;height: 0.26rem;border-left: 1px solid #fff;box-sizing: border-box;position: relative;}
.nav_btn span{display: block;width: 0.32rem;height: 2px;background:#fff;position: absolute;right: 0;}
.nav_btn span:nth-of-type(1){top: 0;width: 0.25rem;}
.nav_btn span:nth-of-type(2){top: 48%;}
.nav_btn span:nth-of-type(3){bottom: 0;}
.header.on .lan { height: 0.8rem;     }
.header.on .lan a { display:block; }
.header.on,.header.active { background:#f2f2f2; }
.header.active:before,.header.on:before { content:''; width: calc(100% - 2rem); left: 1rem; bottom:0; background: #d7d7d7; position: absolute; height: 1px; }
@media(max-width: 1100px){
	.swiper-container-homeban .swiper-pagination { bottom: 0.3rem!important; right: 1rem!important; }
	.ban_js { top: 60%; }
    .header.active:before,.header.on:before { width: calc(100% - 0.6rem); left: 0.3rem; }
	.swiper-container-homeban .swiper-slide{width: 100vw;height: 75vh;}
	#ban,.ban_pic { height: auto; }
}
.header.on .logo svg,.header.active .logo svg{fill: #006ED3;}
.header.on .nav ul li a,.header.active .nav ul li a{color: #333;}
.header.on .nav ul li a:hover,.header.active .nav ul li a:hover{color:#0075C2;}
.header.on .lan img:nth-of-type(1),.header.active .lan img:nth-of-type(1){display: none;}
.header.on .lan img:nth-of-type(2),.header.active .lan img:nth-of-type(2){display: block;}
.header.on .search svg,.header.active .search svg,.header.active .lan svg,.header.on .lan svg{fill: #333;} 
.header.on .search img:nth-of-type(2),.header.active .search img:nth-of-type(2){display: block;}
.header.on .nav_btn,.header.active .nav_btn{border-color: #333;}
.header.on .nav_btn span,.header.active .nav_btn span{background:#333;}

.nav_zkbg{width: 100%;height: 100vh;background: #fefdfb;position: fixed;top: -100%;right: -100%;transform: matrix(1, 0, 0, 1, 0, 0);border-radius: 50%;z-index: 102;transition: all 0.5s ease-in;}
.nav_zkbg.on {top: 0px;right: 10%;transform: matrix(4, 0, 0, 4, 0, 0);}
.nav_zk{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;transition-delay: 0.5;opacity: 0;padding: 0 0.3rem;box-sizing: border-box;z-index:-1;}
.nav_zktop{display: flex;justify-content: space-between;align-items: center; padding: 0.3rem 0; border-bottom:1px solid #ededed; position: relative;z-index: 50;}
.nav_zklogo{width: 2rem;}
.nav_zkclose{  width: 0.3rem;cursor: pointer;position: relative;z-index: 30;}
.nav_zkseasub{width: 0.2rem;cursor: pointer;}

.nav_zkfotl{display: flex;align-items: flex-end;}
.nav_zkfotl ul{display: flex;align-items: center;}
.nav_zkfotl ul li{width:0.24rem;margin-right: 0.18rem;opacity: 0.8;transition: all 0.3s linear;}
.nav_zkfotl ul li:hover{opacity: 1;}
.nav_zkfottel{font-size:0.24rem;color: #4C4948;}
.nav_zkfottel a{ color:#4C4948;display: flex;align-items: center;border-left: 1px solid #e6e6e6;font-family: 'arial';font-weight: 500;}
.nav_zkfottel a img{width:0.18rem;margin: 0 0.14rem;}
.nav_zkfnav{position: absolute;right: 0.8rem;bottom: 1rem;z-index: 6;}


.suggestion_b ul li a:link {
    text-decoration: none;
}

@media(max-width: 1100px){
    .ban_js .t { font-size: 0.36rem; }
    .header { padding: 0 0.3rem; }
    .nav { display: none; }
    .nav_btn { margin-left: 0.3rem; margin-top: 0.27rem; }
}
@media(max-width: 500px){
    .logo { width: auto; }
    .logo svg { width: auto; height: 0.8rem; }
    .search,.lan { width: 0.3rem; height: 0.3rem; }
    .lan { height: 0.8rem; }
    .nav_btn { margin-left: 0.3rem; margin-top: 0.32rem; width: 0.7rem; }
}
.nav_zkfnav ul{display: flex;}
.nav_zkfnav ul li{margin-left: 1rem;opacity: 0;transform: translateX(0.3rem);}
.nav_zkfnav ul li a{font-size:0.24rem;color: #333333;font-weight: 500;}
.nav_zkfnav ul li a span{display: block;font-size: 0.18rem;color: #808080;font-family: 'arial';padding-top: 0.08rem;}
.nav_zkfnav ul li.on a{color: #006ED3;}
.nav_zkfnav ul li.on a span{color: #006ED3;}

.nav_zk.on {z-index: 113;opacity: 1;}
.nav_zk.on .nav_zkfnav ul li{opacity: 1;transform: translateX(0);transition: 0.3s ease-in;transition-delay: 0.2s;}
.nav_zk.on .nav_zkfnav ul li:nth-of-type(2){transition-delay: 0.4s;}
.nav_zk.on .nav_zkfnav ul li:nth-of-type(3){transition-delay: 0.6s;}
.nav_zk.on .nav_zktop{opacity: 1;transform: translateY(0);}
.nav_zk.on .nav_zkicon{opacity: 1;}

.nav_zkfotewm{width: 1.08rem;}
.nav_zkbot ul li { float: left; width: 100%; }
.nav_zkbot ul li a { display:block; padding: 0.3rem 0; border-bottom:1px solid #ededed; }
.nav_zkbot ul li:last-child a { border:none; }

.nav_zkbot ul li:nth-child(6) { margin-top: 1rem; float: left; }
.nav_zkbot ul li:nth-child(n+6) a { font-weight: lighter; opacity: 0.8; }

.video_tc{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 300;display: none;background: rgba(0,0,0,0.5);}
.video_tccon{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video_tc video{display: block;width: 100%;}
.video_tcclose{width: 0.4rem;height:0.4rem;background:rgba(255,255,255,0.4);cursor: pointer;position: absolute;right: 0.4rem;top: 0.4rem;z-index: 50;border-radius: 100%;}
.video_tcclose img{width: 0.16rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ban_pic video{display:block;width:110%;}

.ban .swiper-slide-active { z-index: 5; }

.ban_js{position: absolute;top: 50%;z-index: 30;transform: translateY(-50%);width: 100%;left: 0;}
.ban_js h2{font-size:0.6rem;color: rgba(255,255,255,0.6);line-height: 1;font-family: 'arial';}
.ban_js h3{font-size:0.24rem;color:#FFFFFF;line-height: 1;padding: 0.2rem 0 0 0;}
.ban_js h4{padding: 0;color: #fff;}
.ban_js h4 span{display: block;font-size: 0.6rem;font-weight: bold;line-height: 0.86rem;}
.ban_js h4 b{display: block;font-size:0.3rem;font-weight: normal;padding-top:0.3rem;}
.ban_btn{width:1.27rem;height: 0.45rem;position: relative;background: url(../img/more_bg.png) no-repeat center center/cover;margin-top:0.93rem;}
.ban_btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size:0.16rem;color: #FFFFFF;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ban_btn a img{width: 0.15rem;margin-left: 0.1rem;}
.ban_btn:hover{opacity: 1;}
.ban_vbtn { position: absolute;right: 3.4rem; bottom: 2.2rem;  width: 1rem;height: 1rem;cursor: pointer;z-index: 31; }
.ban_vbtn h2{width:1.2rem;border-radius: 1.2rem;overflow:hidden;position: relative;z-index: 20;display: flex;justify-content: center;align-items: center;height: 1.2rem;}
.ban_vbtn h2 img{ width: 13px;position: absolute;left: 50%; top: 50%; transform:translate(-50%, -50%); }
.ban_vbtn h5{width:1.2rem;border-radius: 1.2rem;position: absolute;left: 0;top: 0;height: 1.2rem;z-index: 2;}
.ban_vbtn h5 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;-webkit-transform: scale(0.5); transform: scale(0.5);}
.ban_vbtn h5 span.s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear  infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s2{animation: ss2 3s linear  0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s  infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s3{animation: ss2 3s linear  1.5s infinite ;-webkit-animation: ss2 3s linear  1.5s infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s4{animation: ss2 3s linear  2.25s infinite ;-webkit-animation: ss2 3s linear  2.25s infinite;background: rgba(255,255,255,1);}
.ban_vbtn h5 span.s5{transform: scale(0.2);-moz-transform: scale(0.2);}
.ban_vbtn p{ font-size: 0.18rem;color: #fff;width:1.2rem;text-align: center;position: absolute;left: 0;bottom: -0.8rem;z-index: 5;opacity: 1;}
.xh{width: 0.26rem;position: absolute;right: 0.67rem;bottom: 0.16rem;z-index: 30;}
.ban_pic video{display:block;width:110%;}


.ban video { transform: scale(1.1);transition: all 2s;}
.ban .swiper-slide-active video {transform: scale(1);}
.ban .pc { transform: scale(1.1);transition: all 2s;}
.ban .swiper-slide-active .pc {transform: scale(1);}
.font74 { font-size: 0.74rem; }
.ibanner .tit { width: 100%; position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.ibanner { overflow: hidden; }
.ibanner .img { transform:scale(1.1); transition:all 1s }
.ibanner.animated .img { transform:scale(1); }


.ban_s{position: absolute;bottom: 0.5rem;z-index: 30;width: 100%;left: 0;font-size: 0.18rem;color: #fff;}

.bg_logo{width:8.58rem;position: absolute;}

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

@keyframes ss10 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@media(max-width: 1100px){
    .ban_pic video { display: none; }
    .ban_vbtn { right:0.8rem; bottom: 2rem; }
	.font74 { font-size: 0.6rem; }
	.ban_js { top: 2.5rem; transform: translateY(0); }
		
	.ban_vbtn { right: 1.2rem; }
	.swiper-container-homeban .swiper-pagination { right: 1.4rem!important; }
	

}

.marginT200 { margin-top: 2rem; }
.footer { padding: 0.9rem 1rem 0.7rem; background: url(../img/footerbg.jpg) no-repeat center/cover; margin-top: -1px; }
.footerA .flogo img { width: 3.2rem; height: auto; }
.footerA .flogo svg { width: 3.2rem; height: auto; }
.footerB dl dd a { display:block; }
.footerB dl:nth-child(1) { width: 3.6rem; }
.footerB dl:nth-child(2) { width: 4.5rem; }
.footerB dl:nth-child(3) { width: 3.6rem; }
.footerC_a a { display:inline-block; margin-left: 0.2rem; color:#999; }
.footerC_a a:hover { color:#fff; }
.footerC_c a { transition:all 0.5s; opacity: 0.2; float:left; margin-left: 0.4rem; }
.footerC_c a:hover { opacity: 1; }
/*.footerC_c a svg { width: 0.4rem; height: auto; }*/
.footerC_a p,.footerC_a .link { display: inline; }
.footerB_a .c a { font-family:'MiSansLight'; font-weight: 200; color:#fff; text-decoration: none; }

@media(max-width: 1100px){
    .footer { padding: 0.6rem 0.3rem 0.6rem; }
    .footerB { margin-top: 0.4rem; }
    .footerC { margin-top: 1rem; }
	.footerC_a p,.footerC_a .link { display: block; margin-top: 0rem; }
    .footerB dl dd{ margin-top: 0.2rem; }
    .footerB dl:nth-child(n+2) { margin-top: 0.3rem; }
    .footerB_a { width: calc(100% - 3rem); margin-top: 0.3rem; }
	.footerB_a .font28 { font-size: 0.26rem; }
	.footerB_a .c {margin-top: 0.2rem; }
    .footerC_a,.footerC_b { width: 100%; }
    .footerC_b a { float:none; display:inline-block; margin: 0 0.1rem 0 0rem; }
	.footerC_a a { margin: 0; display: block; }
	.footerC_a .link { margin-top: 0.15rem; }
    .footerC_b a svg { transform:scale(0.7); }
	.footerC_c { margin-left: -0.03rem; }
    .footerC_b { margin-top: 0.3rem;  }
	.footerB { display: flex; flex-wrap: wrap; }
	.footerB dl:nth-child(1) { width: 3rem; }
	.footerB dl:nth-child(2) { width: 3.5rem; margin-top:0; }
	.footerB dl:nth-child(3) { width: 3rem; }
}


* { font-weight: 500; }
.page { text-align: center; }
.page a,.page span { width: 0.6rem;height: 0.6rem;line-height: 0.6rem; display: inline-block;margin: 0 2px;color: #666666; transition: all 0.4s; }
.page a.bor { background: #f5f5f5; }
.page a.bor:hover { background: var(--blue); color:#fff; }
.page a.cur,.page span,
.page a:hover{color: var(--blue); font-weight: bold;}
.page a[href='javascript:void(0);']{
    opacity: 0.5;
}

.page a.prvea,
.page a.nexta {
    font-family: 宋体;
    font-weight: bold;
}

@media(max-width:1500px) {
    .page a { font-size: 14px; }
}

@media(max-width:1100px) {
    .page a { width: 40px; height: 40px; line-height: 37px; }
    .page { margin-top: 30px; }
}


.bgf5 { background: #f5f5f5; }
.newList_e { padding: 0.9rem 0 1rem; }
.newList_e ul { display:flex; flex-wrap:wrap; }
.newList_e ul li { width: calc(33.33333% - 0.24rem); margin-right: 0.36rem; }
.newList_e ul li:nth-child(3n) { margin-right: 0; }
.newList_e ul li:nth-child(n+4) { margin-top: 0.36rem; }
.newList_e ul li a { display:block; }
.newList_f .text { font-weight: 500; padding: 0.45rem 0.4rem 0.5rem; }
.newList_f .text .t { font-weight: 500; line-height: 0.3rem; height: 0.9rem; overflow: hidden; }
.homec_b .newList_f .text .t { height: 0.6rem; }
.newList_f .text .more svg { fill: var(--blue); }
.homec .container2 { width: 100%; padding-left: 1rem; padding-right:0; }
.newList_f .tag { position: absolute; right:0; top:0; padding: 0.1rem 0.3rem; background: var(--blue) }


@media(max-width: 1100px){
    .newList_e ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .newList_e ul li:nth-child(3n) { margin-right: 0.2rem; }
    .newList_e ul li:nth-child(2n) { margin-right: 0; }
    .newList_e ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .newList_f .text { padding: 0.3rem 0.15rem 0.3rem; }
	.homec .container2 { width: 100%; padding-left: 0.3rem; padding-right:0.3rem; }
}
* { box-sizing: border-box; }
.container2 { width: 100%; padding: 0 1rem; }
.bgBlue { background: var(--blue); }
.newList_a a { display:inline-block; margin: 0 0.15rem; line-height: 0.8rem; }
.newList_a a.cur { font-weight:bold; color: var(--blue); }
.newList_c { padding-bottom: 0.7rem; border-bottom: 1px solid #ededed; }
.newList_c a { display:block; }
.newList_d .img { width: 50%; }
.newList_d .text { position: absolute; width: 50%; top: 50%; transform:translateY(-50%); right:0; padding: 0 1rem; }
.newList_d .t { min-height:2rem; }
.smallMore { font-size: 0.16rem; line-height: 0.2rem; }
.smallMore svg { transition:all 0.5s; vertical-align:middle; height: 0.2rem; fill: #fff; }
.smallMore:hover svg { padding-left: 0.1rem; }
.newList_c .swiper-container { position: relative; overflow: hidden; padding-bottom: 0.55rem; }
.newList_c .swiper-container .swiper-pagination { bottom:0; }
.newList_c .swiper-container .swiper-pagination .swiper-pagination-bullet { border-radius: 0; position: relative; opacity: 1; width: 0.4rem; height: 2px; background: #d2d2d2; }
.newList_c .swiper-container .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 0%; height: 100%; position: absolute; left:0; top:0; background: var(--blue); }
.newList_c .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #d2d2d2; }
.newList_c .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { width: 100%; transition: all 5s; }
@media(max-width: 1100px){
    .container2 { width: 100%; padding: 0 0.3rem; }
    .newList_d .img { width: 100%; }
    .newList_d .text { position: relative; float:left; width: 100%; top: 0%; transform:translateY(0%); right:0; padding: 0.3rem 0.2rem; }
    .newList_d .t { min-height: 0.2rem; }
	.newList_a { text-align: left; }
	.newList_a  a { margin: 0 0.3rem 0 0; }
	.newList_a a:last-child { margin-right:0; }
	
}

/*新闻详情*/
.padding0 { padding: 0!important; }
.newDet_a { background: #f2f2f2; padding: 0.9rem 0 1.3rem; }
/*.newDet_b { border-top: 1px solid #d7d7d7; }*/
.location { padding: 0.15rem 0; }
.newDet_f { float:left; width: 65%; }
.newDet_g { width: calc(35% - 1.2rem); }
.newDet_g ul li { margin-top: 0.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid #dedede; }
.newDet2_a { padding: 1rem 0; background: #fff; }
@media(max-width: 1100px){
    .newDet_f { width: 100%; }
    .newDet_c { margin-top: 0.5rem; }
    .newDet_g { width: 100%; margin-top: 0.4rem; }
    .newDet2_a .newList_e ul li { width: 100%; margin-right:0; }
    .newDet2_a .newList_e ul li:nth-child(n+2) { margin-top:20px; }
    .newList_e ul li:hover .newList_f { background: var(--blue); }
    .newList_e ul li:hover .newList_f .d,
    .newList_e ul li:hover .newList_f .t,
    .newList_e ul li:hover .newList_f .more .smallMore { color:#fff; }
    .newList_e ul li:hover .newList_f .text .more svg { fill: #fff; }
}

/*联系我们*/
.marginT160 { margin-top: 1.6rem; }
.contact_c ul li .c { text-decoration:underline; }
.contact_c ul li:nth-child(n+2) { margin-top: 0.4rem; }
.contact_a { position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 100%; }
.contact_c ul li .c a { text-decoration: none; }
.contact_c ul li a { text-decoration: none!important; }
.contact_c ul li a.c { text-decoration:underline!important; }
@media(max-width: 1100px){
    .contact { padding: 0.5rem 0; }
    .contact .pc { display:none; }
    .contact_a { position: relative; top: 0; transform:translateY(0); }
    .contact_c { margin-top: 0.4rem; }
    .contact_c ul li:nth-child(n+2) { margin-top: 0.2rem; }
	.contact_c ul li .c { text-decoration: none;  }
}

/*Suggestion*/
.suggestion_a { width: 40%; }
.suggestion_a input,.suggestion_a textarea { border: 1px solid #dedede; line-height: 0.7rem; width: 100%; height: 0.72rem; font-size: 0.16rem; }
.suggestion_a input:focus,.suggestion_a textarea:focus { border-color: var(--blue)!important; }
.suggestion_a .layui-form-selected dl { top: 0.7rem; }
.suggestion_a textarea { height: 2rem; padding-top: 0.2rem; }
.suggestion_a ul li:nth-child(n+2) { margin-top: 0.2rem; }
.suggestion_a .subBtn { width: 100%; height: 0.72rem; border: none; }
.suggestion_b { padding-top: 1rem; width: 33%; }
.suggestion_b ul li:nth-child(n+2) { margin-top: 0.5rem; }
.suggestion_b ul li { position: relative; padding-left: 1.1rem; }
.suggestion_b ul li .icon { position: absolute; left:0; top: 50%; transform:translateY(-50%); }
.suggestion_b .icon img { width: 0.72rem; height: auto; }
.suggestion_b .text .c { text-decoration:underline; }
@media(max-width: 1100px){
    .suggestion { margin-top: 0.5rem; }
    .suggestion_a { width: 100%; }
    .suggestion_a input,.suggestion_a textarea { line-height: 0.7rem; height: 0.72rem; font-size: 0.2rem; }
    .suggestion_a .layui-form-selected dl { top: 0.7rem; }
    .suggestion_a textarea { height: 2rem; padding-top: 0.2rem; }
    .suggestion_a ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .suggestion_a .subBtn { width: 100%; height: 0.72rem; border: none; }
    .suggestion_b { padding-top: 0.3rem; width: 100%; }
    .suggestion_b ul li:nth-child(n+2) { margin-top: 0.3rem; }
}




i,em { position: relative; z-index: 5; font-style: normal; }
.mainMore { position: relative; overflow: hidden; cursor: pointer; position: relative; color:#fff; display:inline-block; padding: 0.16rem 0.4rem; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.5s; }
.mainMoreA { color:#ffffff; border-color: var(--blue); background: var(--blue); }
.mainMore:before { transition: all 0.6s; content:''; width: 100%; height: 0.7rem; position: absolute; left:-105%; top:-0.04rem; background: #003C83; }
.mainMore:hover { color:#fff; background: none; border-color:#003C83;}
.mainMore:hover:before { left:0; }
.mainMore i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right: 24px; background: url(../img/mainmore1.svg) no-repeat right center; transition: all 0.1s;  }
.mainMoreA i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right: 24px; background: url(../img/mainmore2.svg) no-repeat right center; transition: all 0.1s;  }
.mainMoreA:hover i { background: url(../img/mainmore2.svg) no-repeat right center; }
.mainMoreA:hover { color:#fff; }

/*产品详情*/
.font46 { font-size: 0.46rem; }
.productdet { padding: 1.4rem 0; background: url(../img/productdet_abg.jpg) no-repeat center/cover; }
.productdet_b { position: absolute; left:0; top: 50%; transform:translateY(-50%); width: 44%; }
.productdet_c { width: 50%; }
.productdet_e ul li { float:left; min-width: 2.4rem; max-width: 33%; padding-right: 0.2rem; line-height: 0.24rem; position: relative; padding-left: 0.35rem; }
.productdet_e ul li .icon { position: absolute; left:0; top: 0; }
.productdet_e ul li .icon img { height: 0.24rem; width: auto; }
.productdet_h ul li { float:left; min-width: 2.4rem; }
.productdet_e .icon { float:left; height: 0.24rem; }
.productdet_d { padding-bottom: 0.3rem; border-bottom: 2px solid #dedede; }
.productdet_g span.box { margin-right: 10px; padding: 5px; width: 32px; height: 32px; border-radius: 50%; border:2px solid rgba(255,255,255,0);  }
.productdet_g span.box .circle { display:block; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0px 0px 3px 0px rgba(120, 120, 120, 0.5); }
.productdet_g span.lan .circle { background: #3556ae; }
.productdet_g span.zi .circle { background: #937c5a; }
.productdet_g span.hui .circle { background: #bec2bf; }
.productdet_g span.box.cur { background: #fff; box-shadow: 1px 1px 3px 2px rgba(100,100,100,0.1); }
.productdet_g span.box.lan.cur { border-color:#3556ae; }
.productdet_g span.box.zi.cur { border-color:#937c5a; }
.productdet_g span.box.hui.cur { border-color:#bec2bf; }
@media(max-width: 1600px){
    .productdet_e ul li { min-width: 2.6rem; }
    .productdet_e ul li:last-child { min-width: 2.6rem; }
    .productdet_h ul li { min-width: 2.6rem; }
    .productdet_g span.box { padding: 3px; width: 28px; height: 28px; }
}
@media(max-width: 1100px){
    .productdet { padding: 0.6rem 0; }
    .productdet_b { float: left; position: relative; left:0; top: 0; transform:translateY(0); width: 100%; float:left; }
    .productdet_c { width: 100%; margin-top: 0.6rem; }
	.productdet_e ul li { min-width: 2.4rem; max-width: 100%; padding-right: 0; }
    .productdet_e ul li { width: 100%; }
    .productdet_e ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .productdet_h ul li { min-width: 100%; }
    .productdet_h ul li:nth-child(n+2) { margin-top: 0.2rem; }
    .productdet_g span.box { padding: 3px; width: 28px; height: 28px; }
}
.productdet2_a { padding: 1rem 0; }
.productdet2_c ul { display:flex; flex-wrap: wrap; }
.productdet2_c ul li { width: calc(33.3333% - 0.24rem); margin-right: 0.36rem; background: #f5f5f5; }
.productdet2_c ul li:nth-child(3n) { margin-right: 0; }
.productdet2_c ul li:nth-child(n+4) { margin-top: 0.36rem; }
.productdet2_c .t { padding: 0.5rem 0.4rem; }
@media(max-width: 1100px){
    .productdet2_a { padding: 0.6rem 0; }
    .productdet2_c ul li { width: calc(50% - 0.1rem); margin-right: 0.2rem; }
    .productdet2_c ul li:nth-child(3n) { margin-right: 0.2rem; }
    .productdet2_c ul li:nth-child(2n) { margin-right: 0; }
    .productdet2_c ul li:nth-child(n+3) { margin-top: 0.2rem; }
    .productdet2_c .t { padding: 0.2rem 0.15rem; }
}

.productdet3_a { padding: 0.8rem 0; background: url(../img/productdet3_abg.jpg) no-repeat center/cover; }
.productdet3_c { width: 61%; }
.productdet3_c ul li { float:left; width: calc(33.333% - 6px); margin-right: 9px; }
.productdet3_c ul li:nth-child(3n) { margin-right:0; }
.productdet3_c ul li:nth-child(n+4) { width: 100%; margin-right:0; margin-top: 10px; }
.productdet3_c input,.productdet3_c textarea { color:#fff; background: none; border:1px solid rgba(255,255,255,0.5); line-height: 0.7rem; width: 100%; height: 0.72rem; font-size: 0.16rem; }
.productdet3_c input:focus,.productdet3_c textarea:focus { border-color: #fff!important; }
.productdet3_c .layui-form-selected dl { top: 0.7rem; }
.productdet3_c textarea { height: 2rem; padding-top: 0.2rem; }
.productdet3_c .subBtn { width: 100%; height: 0.72rem; border: none; background: #fff; color: var(--blue); }
.productdet3_c .inp:-moz-placeholder { color: rgba(255,255,255,0.4); }
.productdet3_c .inp::-moz-placeholder { color: rgba(255,255,255,0.4); }
.productdet3_c .inp:-ms-input-placeholder {color: rgba(255,255,255,0.4); } 
.productdet3_c .inp::-webkit-input-placeholder {color: rgba(255,255,255,0.4); }
@media(max-width: 1100px){
    .productdet3_a { padding: 0.5rem 0; }
    .productdet3_c { width: 100%; margin-top: 0.3rem; }
    .productdet3_c input,.productdet3_c textarea { line-height: 0.7rem; height: 0.72rem; font-size: 0.2rem; }
    .productdet3_c .layui-form-selected dl { top: 0.7rem; }
    .productdet3_c textarea { height: 2rem; padding-top: 0.2rem; }
    .productdet3_c .subBtn { width: 100%; height: 0.72rem; border: none; }
    .productdet3_c ul li { width: 100%; margin-right: 0; }
    .productdet3_c ul li:nth-child(n+2) { margin-top: 10px; }
}

/*About Us*/
.abouta { padding: 1.1rem 0 1.1rem; }
.abouta_b { float:left; width: 50%; }
.abouta_c { float:right; width: 50%; }

.abouta_b .homea_b ul li { width: 50%; float:left; margin-top:0; }
.abouta_b .homea_b ul li:nth-child(n+3) { margin-top: 0.5rem; }
@media(max-width: 1100px){
    .abouta { padding: 0.5rem 0 .6rem; }
    .abouta_b { float:left; width: 100%; }
    .abouta_c { float:right; width: 100%; margin-top: 1rem; }
    .abouta_b .homea_b ul li { width: 50%; float:left; margin-top:0; }
    .abouta_b .homea_b ul li:nth-child(n+3) { margin-top: 1rem; }
}

.aboutb { padding-top: 1rem; background: url(../img/aboutbbg.jpg) no-repeat left bottom/cover; }
.aboutb_b { width: 39%; }
.aboutb_c { width: 50%; }
.font38 { font-size: 0.38rem; }
.aboutb_c ul li { transition:all 0.5s; padding: 0.8rem 0.6rem; background: #f5f5f5; }
.aboutb_c ul li:nth-child(n+2) { margin-top: 10px; }
.aboutb_c ul li .icon { height: 70px; }
.aboutb_c ul li .icon svg { fill: var(--blue); }
.aboutb_c ul li:hover { background: var(--blue); }
.aboutb_c ul li:hover .t,.aboutb_c ul li:hover .c { color:#fff; }
.aboutb_c ul li:hover .icon svg { fill: #fff; }
.aboutb_c ul li .c table,.aboutb_c ul li .c table * { border:none; }
.aboutb_c ul li .c table tr td:nth-child(n+2) { padding-left; 0.2rem; }
.aboutb_b { position: relative; top:0.65rem; }
@media(max-width: 1100px){
	.aboutb { background: #fff; padding-bottom: 0.3rem; }
    .aboutb_c ul li .icon { height: 50px; }
    .aboutb_c ul li .icon svg { transform:scale(0.6); margin-top: -10px; margin-left: -10px; }

    .aboutb { padding-top: 0.6rem; }
    .aboutb_b { top: 0; width: 100%; }
    .aboutb_c { width: 100%; margin-top: 0.3rem; }
    .aboutb_c ul li { padding: 0.3rem 0.2rem; }
}

.aboutc { padding: 1.1rem 0 1.8rem; background: url(../img/aboutcbg.jpg) no-repeat center/cover; }
.aboutc_b img { width: 13.6rem; height: auto; }
@media(max-width: 1100px){
    .aboutc { padding: 0.5rem 0 0.8rem;  }
    .aboutc_b img { width: 100%; height: auto; }
}

.aboutd_a { padding: 0.8rem 0; }
.aboutd_b ul { overflow: hidden; display:flex; flex-wrap:nowrap; }
.aboutd_b ul li { position: relative; transition:all 0.8s; width: 30vw; overflow: hidden; float:left; }
.aboutd_b ul li.cur { width: 70vw; }
.aboutd_b ul li .aboutd_c:before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(36,64,147,0.95); }
.aboutd_b ul li.cur .aboutd_c:before { display:none; }
.aboutd_b a { display: block; width: 70vw; }
.aboutd_c .tit { position: absolute; left:0; bottom: 1.2rem; padding: 0 0.9rem; width: 100%; transition:all 1s; }
.aboutd_b ul li.cur .aboutd_c .tit { opacity: 0; }
.aboutd_d { transition: all 1s; width: 6.4rem; position: absolute; left: -100rem; top: 50%; transform:translateY(-50%); padding: 0.6rem; background: rgba(255,255,255,0.95); }
.aboutd_d .c { line-height: 0.3rem; overflow: hidden; }
.aboutd_b ul li.cur .aboutd_d { left: 1rem; }
@media(max-width: 1100px){
    .aboutd_a { padding: 0.5rem 0 0.4rem; }
    .aboutd_b ul { overflow: hidden; display:flex; flex-wrap: wrap; }
    .aboutd_b ul li,.aboutd_b ul li.cur { width: 100%; }
    .aboutd_b ul li a { width: 100%; }
    .aboutd_c .tit { display:none; }
    .aboutd_d { position: relative; left: 0!important; top:0; transform:translateY(0); padding: 0.2rem 0.3rem 0.3rem; width: 100%; }
    .aboutd_d .c { height: auto; }
    .aboutd_b ul li .aboutd_c:before { display:none; }
	.aboutd_b ul li:nth-child(n+2) { margin-top: 0.6rem; }
}
.aboute { padding: 1.1rem 0 1.4rem; width: 100vw; overflow: hidden; }
.aboute_a { padding-left: 2.9rem; }
.aboute_b {  position: absolute; left: 1rem; top:50%; transform:translateY(-50%); }
.aboute_b ul li { cursor: pointer; padding: 0.2rem 0.3rem; width: 2.2rem; }
.aboute_b ul li.cur { background: var(--blue); color:#fff; }
@media(max-width: 1100px){
    .aboute { padding: 0.5rem 0 .6rem; }
    .aboute_a { padding-left: 0rem; }
    .aboute_b {  position: absolute; left: 1rem; top:50%; transform:translateY(-50%); }
    .aboute_b ul li { padding: 0.1rem 0.1rem; width: 2rem; text-align:center; }
    .aboute_b { margin: 0.8rem 0 1rem; position: relative; left:0.3rem; }
    .aboute_b ul li { display: inline-block; }
}

.aboute_c ul li { overflow: hidden; }
.aboute_c ul li img { transition: all 1s; transform: scale(1.03); }
.aboute_c ul li.cur img { transform: scale(1); }


.aboutf { padding: 1rem 0 1.2rem; }
.aboutf .homec_a .mainQh { background: var(--blue)!important; opacity: 0.8; }
.aboutf .homec_a .mainQh:hover { background-color: var(--blue)!important; opacity: 1; }
.aboutf_b .img { -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.3) 150%); }
.aboutf_b .img { position: relative; padding: 0.15rem; background: #fff; }
.aboutf_b .img:before { content:''; width: 22px; height: 22px; border-top: 4px solid var(--blue); border-right: 4px solid var(--blue); position: absolute; right:0; top:0; }
@media(max-width: 1100px){
    .aboutf { padding: 0.6rem 0 .6rem; }
}




/**搜索结果页**/
.swiper-container { overflow: hidden; }
.home_body { width: 100%; } 
.tesubanner { background: var(--blue); padding: 2rem 0 1.5rem; text-align: center; }
.tesubanner .sumaze { width: 100%; display: inline-block; }
.tesubanner .sumaze .mazel .layui-form-select dl { top: 60px; }
.tesubanner .sumaze .mazel .layui-form-selectup dl { bottom: 60px; top: auto; }
.tesubanner .sumaze .mazel .layui-form-select dl dd.layui-this { background: var(--blue); }
.tesubanner .sumaze .mazel .layui-form-select .layui-edge { background: url(../images/selecwtw.png)no-repeat center center/cover; width: 11px; height: 6px; border-style:initial; margin-top: -2px; right: 20px; }
.tesubanner .sumaze .quanqil { width: 77%; margin: 0 auto; }
.tesubanner .sumaze .quanqil input { height: 56px; background: rgba(255,255,255,.05); border: 0 solid #e1dacf; border-radius: 5px; padding-left: 19px; font-size: 16px; color: rgba(255, 255, 255, .4); padding-right: 154px; }
.tesubanner .sumaze .quanqil input::-webkit-input-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input::-moz-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input:-moz-placeholder {color: rgba(255, 255, 255, .4);}
.tesubanner .sumaze .quanqil input:-ms-input-placeholder {color: #fff;}
.tesubanner .sumaze .quanqil .tjanmo { position: absolute; right: 0; height: 54px; top: 0; }
.tesubanner .sumaze .quanqil .tjanmo button { height: 100%; width: 160px; height: 56px; border-radius: 5px; background: rgba(255,255,255,0.6); padding: 0; font-size: 16px; color: #fff; }
.tesubanner .sumaze .quanqil .tjanmo button i { display: inline-block; width: 13px; height: 13px; background: url(../images/tjanmo.png)no-repeat center center/cover; vertical-align: middle; margin-top: -2px; margin-right: 7px; }
.tesubanner .sumaze .quanqil .tjanmo button:hover { opacity: .9; }
.searchresultA { background: #ffffff; padding: 3.90625vw 0 5.20833vw; }
.searchresultA .xbtpox { border-color: #eeeeee; }
.searchresultA .suirxz { margin: 32px 0 38px; }
.searchresultA .suirxz .gykbt .bt { line-height: 1; }
.searchresultA .suirxz .zmsns { color: #666666; position: absolute; bottom: 0; right: 0; }
.searchresultA .suirxz .zmsns span { color: var(--blue); }
.searchresultA .esutazm ul li { margin-bottom: 16px; }
.searchresultA .esutazm ul li:last-child { margin-bottom: 0; }
.searchresultA .esutazm ul li a { display: block; padding: 43px 50px 40px 30px; position: relative; border-radius: 10px; overflow: hidden; background: #f5f5f5; }
.searchresultA .esutazm ul li a::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #e8e8f3; }
.searchresultA .esutazm ul li a .azmn .mnl { color: var(--blue); background: #fff; border-radius: 5px; float: left; line-height: 1; padding: 10px 13px 10px; }
.searchresultA .esutazm ul li a .azmn .mne { float: left; color: #424242; line-height: 34px; padding-left: 12px; }
.searchresultA .esutazm ul li a .azmne { color: #666666; line-height: 1.73; margin-top: 15px; }
.searchresultA .fyq { margin-top: 4.16666vw; }
.tesubanner .sumaze .quanqil .tjanmo button i svg { vertical-align: top; width: 16px; height: 16px; }
@media(max-width:1480px) {
  .tesubanner .sumaze .quanqil input { font-size: 14px; height: 45px; }
  .tesubanner .sumaze .quanqil .tjanmo button { font-size: 14px; height: 45px; width: 130px; }
}

@media(max-width:1100px) {
  .tesubanner { padding: 1.5rem 0 1.5rem; }
  .tesubanner .sumaze,
  .tesubanner .sumaze .mazel { width: 100%; }
  .tesubanner .sumaze .quanqil { width: 100%; margin-top: 20px; margin-left: 0; }
  
  .searchresultA { padding: 35px 0 45px; }
  .searchresultA .suirxz { margin: 15px 0 20px; }
  .searchresultA .esutazm ul li a { padding: 20px; }
  .searchresultA .esutazm ul li a .azmn .mne { width: 100%; padding-left: 0; margin-top: 10px; }
  .searchresultA .esutazm ul li a .azmne { margin-top: 5px; }
  .searchresultA .fyq { margin-top: 30px; }
}

.layui-form-select dl dd { font-size: 0.18rem; line-height: 0.5rem; }

/*侧边栏*/
.cebian{ position: fixed;right: 2px;top: calc(50% + 185px);transform: translateY(-50%);z-index: 6;}
.cebian .ul li { width: 0.75rem; text-align:center; position: relative;transition: all 0.3s; }
.cebian .ul li { margin: 1px 0; }
.cebian .ul li a .box { background: #eceff5; padding: 0.15rem 0; display:block; }
.cebian .ul li:before{position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;content: "";z-index: 9;background: rgba(255, 255, 255, 0.1);}
.cebian .ul li:last-child:before{display: none;}
.cebian .ul li .img{  }
.cebian .ul li .img svg { fill: #244093; width: auto; height: 0.26rem; }
.cebian .ul li a:hover .box { background: #244093;}
.cebian .ul li a:hover svg { fill: #fff; }
.cebian .ul li a:hover .t { color: #fff; }
.cebian .ul li .t { font-size: 0.14rem!important; }

.cebian .ul li .text{ box-shadow: 0 0 5px rgba(0,0,0,.2); width:2rem; font-size: 0.2rem; position: absolute;right: 0;top: 0;height: 0.82rem;line-height: 0.82rem;color: #5F6667;text-align: center;transition: all 0.3s;opacity: 0;z-index: 0;background: #ffffff; font-weight: 600; }
.cebian .ul li:hover .text {
    right: 100%;
    opacity: 1;
}


@media(max-width: 1100px){
	.cebian{display: none;}
}

.logo { padding: 0.25rem 0; }
.logo .pic2 { display: none; }

.header.on .logo .pic2, .header.active .logo .pic2 { display: block; }
.header.on .logo .pic1, .header.active .logo .pic1 { display: none; }