/*common start*/
.scroll::-webkit-scrollbar {
	/*滚动条整体样式*/
	width:4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height:1px;
}
.scroll::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius:10px;
	/*box-shadow:inset 0 0 2px #000;*/
	background:var(--primary-color);
}
.scroll::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/*box-shadow:inset 0 0 2px #999;*/
	border-radius:10px;
	background:#eee;
}
/*@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Light.eot');
    src: url('../fonts/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Light.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Light.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Light.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Light.svg#SourceHanSansCN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Regular.eot');
    src: url('../fonts/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Regular.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Regular.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCN';
    src: url('../fonts/SourceHanSansCN-Bold.eot');
    src: url('../fonts/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Bold.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Bold.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Bold.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/

:root{
 --primary-color:#d0121b;
 --secondary-color:#fa0ac4;
 --third-color:#25a4bb;
 --black000:#000;
 --black333:#333;
 --black666:#666;
 --black999:#999;
 --grayeee:#eee;
 --grayccc:#ccc;
 --grayaaa:#aaa;
 --grayf5:#f5f5f5;
 --white:#fff;
 --red:#f00;
 --black-opacity99:rgba(0,0,0,.99);
 --black-opacity90:rgba(0,0,0,.9);
 --black-opacity70:rgba(0,0,0,.7);
 --black-opacity50:rgba(0,0,0,.5);
 --black-opacity10:rgba(0,0,0,.1);
 --black-gradation90:linear-gradient(180deg,transparent,rgba(0,0,0,.9));
 --white-opacity99:rgba(255,255,255,.99);
 --white-opacity90:rgba(255,255,255,.9);
 --white-opacity90:rgba(255,255,255,.7);
 --white-opacity50:rgba(255,255,255,.5);
 --white-opacity10:rgba(255,255,255,.1);
 --white-gradation90:linear-gradient(180deg,transparent,rgba(255,255,255,.9));
}
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px;/* font-family: 'SourceHanSansCN';*/ font-family: Arial,'Microsoft YaHei'; color:#333; overflow-x:hidden; min-height:101vh;}
a{ color:#666;}
a:hover{ color:var(--primary-color); text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:80%; margin:0 auto; min-width:100px;}
.wapper2{ width:80%; margin:0 auto;}
.wapper3{ width:70%; margin:0 auto;}
input,textarea,select{outline:none;/* font-family: 'SourceHanSansCN';*/ font-family: Arial,'Microsoft YaHei'; font-size:14px; border-radius:8px;}
input,input:link,input:visited,input:hover,input:active,input:focus{ outline:none;}
img{object-fit: cover;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
/* .xiangqing img{ width:auto !important; height:auto !important; max-width:100%;} */
@media(max-width:999px){
p{ padding:0;}
.wapper1{ width:90%; min-width:0;}
.wapper2{ width:90%; }
.wapper3{ width:90%; }
:root{
 --font48:28px;
 --font36:24px;
 --font32:22px;
 --font24:20px;
 --font20:18px;
 --font18:16px;
 --font16:14px;
 --font14:12px;
}
}
/*common end*/


.html{ opacity:1; visibility:visible; transition:all 2s ease;}
.html.onload{ opacity:0; visibility:hidden;}
.loading_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999; transition:all .5s ease;}
.loading_box.removeload{ transform:translateY(-100%); opacity:0; visibility:hidden;}
.loading_close1{ width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:1;}
.loadingbg{ width:90%; max-width:750px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.loading{ text-align:center; }
.loading_logo{ width:200px; height:200px; position:relative; margin:0 auto;}
.loading_logo img{ max-width:50%; max-height:50%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.loading_logo:before{ }
.loading_txt{ font-size:20px; line-height:30px; margin-top:55px; color:var(--primary-color); }
.loadEffect { width: 100%; height: 100%; position:absolute; top:0; left:0;}
.loadEffect div{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-animation: load 2s linear infinite;
}
.loadEffect div span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primary-color);
	position: absolute;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
@-webkit-keyframes load{
	0%{
		-webkit-transform: rotate(0deg);
	}
	10%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		opacity: 1;
		-webkit-transform: rotate(160deg);
	}
	62%{
		opacity: 0;
	}
	65%{
		opacity: 0;
		-webkit-transform: rotate(200deg);
	}
	90%{
		-webkit-transform: rotate(340deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
	}

}
.loadEffect div:nth-child(1){
	-webkit-animation-delay:0.2s;
}
.loadEffect div:nth-child(2){
	-webkit-animation-delay:0.4s;
}
.loadEffect div:nth-child(3){
	-webkit-animation-delay:0.6s;
}
.loadEffect div:nth-child(4){
	-webkit-animation-delay:0.8s;
}
@media(max-width:999px){
.loading_txt{ font-size:16px; line-height:26px; margin-top:35px;}
}


/*首页全屏*/
.index_swiper{ position:relative;}
.index_swiper>.swiper-container{ height:100vh;}
.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide{ height:100vh;}
.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide:last-child{/* height:auto !important;*/}
.index_swiper>.swiper-pagination{ position:absolute; left:3.12vw; top:50%; transform:translateY(-50%); z-index:11;}
.index_swiper>.swiper-pagination .swiper-pagination-bullet{ display:block; width:auto; height:auto; border-radius:0; background:none; font-size:14px; line-height:34px; color:rgba(255,255,255,.7); padding-left:1.56vw; position:relative; opacity:1; outline:none;}
.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ color:#fff; opacity:1;}
.index_swiper>.swiper-pagination .swiper-pagination-bullet:before{ content:""; width:5px; height:5px; border-radius:100%; border:1px solid #fff; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ background:#fff;}
.index_swiper>.swiper-pagination .swiper-pagination-bullet:after{ content:""; width:3.12vw; height:2px; position:absolute; left:0; top:50%; transform:translate(-100%,-50%);}
.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background:#fff;}
.index_swiper>.swiper-pagination.active .swiper-pagination-bullet{ color:#666;}
.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active{ color:var(--primary-color);}
.index_swiper>.swiper-pagination.active .swiper-pagination-bullet:before{ border-color:#D6D6D6;}
.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ border-color:var(--primary-color); background:var(--primary-color);}
.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background:var(--primary-color);}
@media(max-width:999px){
.index_swiper>.swiper-container{ height:auto;}
.index_swiper>.swiper-container>.swiper-wrapper{ display:block;}
.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide{ height:auto;}
}



.header.active .m11_head .rt .nav_head{display: none;}
.header.active .m11_head{box-shadow: 0px 0 90px rgba(19, 53, 80, .5);background: #ffffffba;padding: 0 20px;margin-top: 20px;border-radius: 20px;}
.header.active .m11_head .menu{display: block;}
.header.active .logo2{display: block;}
.header.active .logo{display: none;}
.header.active .h_search_box{left: 70%;}
.m11_headbg{ width:100%; /*background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);*/ position:fixed; z-index:55; left:0; top:0;}
.m11_head{ height:100px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.m11_head .logo{ width:20%; height:80px; position:relative; }
.m11_head .logo2{ width:18%; height:80px; position:relative; }
.m11_head .logo img{ display:block; max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.m11_head .logo2{display: none;} 
.m11_head .logo2 img{display:block; max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.m11_head .rt{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.m11_head .rt .sousuo{cursor: pointer; color: #929292;font-size: 16px;font-weight: bold;margin-left: 16px;}
.m11_head .rt .nav_head{position: relative;bottom: 60px;left: 108px;}
.h_search_btn{ display:block; width:20px; height:20px; cursor:pointer; background:url(../images/top_search_btn2.png) center no-repeat; margin-left:1.3vw; }
.h_search_btn.active{ background-image:url(../images/chahao2.png);}
.h_search_box{border-radius: 12px; width:20%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:100%; left:78%; z-index:99; display:none;}
.h_search_close1{ }
.h_searchbg{ width:90%; max-width:1000px; margin:0 auto;}
.h_search_close2{ }
.h_search{ padding:40px 0;}
.h_search form{ height:60px; border-bottom:1px solid #ccc;overflow:hidden;}
.h_search form #search_keywords2{ float:left; border:none; background:none; height:60px; line-height:60px; padding:0 10px; width:calc(100% - 80px);}
.h_search form #search2{ float:right; border:none; background:url(../images/ico_search1.png) center no-repeat; background-size:50% auto; height:60px; width:60px; cursor:pointer; transition:all .3s ease; font-size:0; color:transparent;}
@media(max-width:999px){
.h_search_box{width: 75%;left: 12%;}
.header.active .m11_head{box-shadow:none;background:none;padding: 0;margin-top: 0;border-radius:0;}
.header.active .m11_head .menu{display:none;}
.header.active .logo2{display:none;}
}
/*menu*/
.m11_head .menu{display: none; height:80px;line-height:80px; }
.m11_head .menu>ul{}
.m11_head .menu>ul>li{ float:left; position:relative; padding:0 1.3vw;}
.m11_head .menu>ul>li>a{ color:#74787c; display:block; font-size:18px; font-weight:bold; position:relative;}
.m11_head .menu>ul>li>a:hover,.m11_head .menu>ul>li:hover>a,.m11_head .menu>ul>li.hover>a{ color:var(--primary-color); font-weight:bold;}
/* .m11_head .menu>ul>li>a:before{ content:""; width:0; height:2px; background:var(--primary-color); position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease;} */
.m11_head .menu>ul>li>a:hover:before,.m11_head .menu>ul>li:hover>a:before,.m11_head .menu>ul>li.hover>a:before{ width:100%;}
.m11_head .menu>ul>li>ul{ width:fit-content; min-width:120px; background:#fff; padding:10px 0; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px; position:absolute; top:100%; left:50%; transform:translate(-50%,0); z-index:5; display:none;}
.m11_head .menu>ul>li>ul li{ position:relative; }
.m11_head .menu>ul>li>ul li a{ color:#666; display:block; font-size:14px; font-weight:normal; padding:10px 5px; line-height:1.5em; text-align:center; white-space:nowrap;}
.m11_head .menu>ul>li>ul li a:hover,.m11_head .menu>ul>li>ul li:hover>a{ color:#fff; background:var(--primary-color); }
.m11_head .menu>ul>li:nth-child(3)>ul>li:nth-child(5)>ul{height: 300px;}
.m11_head .menu>ul>li>ul li ul{height: 105px;overflow-y: scroll; width:278%; background:#fff; padding:10px 0; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px; position:absolute; top:0; left:100%; display:none;}
.m11_head .menu>ul>li>ul li:hover>ul{ display:block;}
.m11_head_height{}
@media(max-width:1299px){
.m11_head .menu>ul>li{ padding:0 var(--20px);}
.m11_head .menu>ul>li>a{ font-size:15px;}
}
@media(max-width:999px){
/* .m11_head_height{ height:60px;} */
.m11_headbg{ }
.m11_head{ height:60px;}
.m11_head .logo{ width:50%; height:60px; }
.h_search{ padding:20px 0;}
.h_search form{ height:40px; }
.h_search form #search_keywords2{ height:40px; line-height:40px; padding:0 10px; width:calc(100% - 60px);}
.h_search form #search2{ height:40px; width:40px; }
.m11_head .menu{ display:none;}
}

/*nav*/
.m11_head .nav_open{ width:24px; height:18px; cursor:pointer; display:none; position:relative; margin-left:15px;}
.m11_head .nav_open i,.m11_head .nav_open:before,.m11_head .nav_open:after{ width:24px; height:2px; background:#999; position:absolute; left:0; transition:all .3s ease;}
.m11_head .nav_open i{ top:50%; transform:translate(0,-50%);}
.m11_head .nav_open:before{ content:""; top:0; }
.m11_head .nav_open:after{ content:""; bottom:0; }
.m11_head .nav_open.active i{ opacity:0; visibility:hidden;}
.m11_head .nav_open.active:before{transform: translateY(8px) rotate(45deg);}
.m11_head .nav_open.active:after{transform: translateY(-8px) rotate(-45deg);}
.m11_head .nav_box{ width:100%; height:calc(100% - 61px); border-top:1px solid #ededed; position:fixed; left:0; top:60px;  display:none;}
.m11_head .nav_close1{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:998;}
.m11_head .navbg{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:999;}
.m11_head .nav{ position:relative;}
.m11_head .nav_close2{ display:none;}
.m11_head .nav_list{ max-height:calc(100vh - 60px); overflow-y:auto;}
.m11_head .nav_list ul{ }
.m11_head .nav_list ul li{ padding:5px 5%;}
.m11_head .nav_list>ul>li{ border-bottom:1px solid #ededed; padding:10px 5%;}
.m11_head .nav_list ul li span{ display:block; position:relative;}
.m11_head .nav_list ul li span a{ display:inline-block; font-size:12px; line-height:22px; position:relative; z-index:2;}
.m11_head .nav_list>ul>li>span a{ font-size:14px; line-height:24px; font-weight:normal;}
.m11_head .nav_list ul li span i{ width:100%; height:100%; background:url(../images/ico_down1.png) right center no-repeat; position:absolute; top:0; right:0; z-index:1;}
.m11_head .nav_list ul li ul{ padding:5px 0 0 0; display:none;}
.m11_head .nav_list ul li.active>span>i{ background-image:url(../images/ico_up1.png);}
@media(max-width:999px){
.m11_head .nav_open{ display:block;}
}


/*banner*/
.banner { position:relative; overflow:hidden;}
.banner .swiper-container{}
.banner .swiper-slide { position:relative; overflow:hidden; z-index:1;}
.banner .swiper-slide.swiper-slide-active{ z-index:2;}
.banner .swiper-slide img{ display:block; width:100%; height:25vw; background:#f9f9f9;}
.banner .swiper-slide .txtbg{ width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.banner .swiper-slide .txt{ color:#fff; text-align:center;}
.banner .swiper-slide .txt .h2{ font-size:3.12vw; line-height:1.2em; font-weight:bold; margin-bottom:1.04vw;}
.banner .swiper-slide .txt .h3{ font-size:2.08vw; line-height:1.4em;}
.banner .swiper-pagination{ height:10px; bottom:20px;}
.banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:1; transition:all .3s ease;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(0,0,0,.5); background-size:15px 30px; opacity:0; transition:all .3s ease; border-radius:8px;}
.banner .swiper-button-prev{ left:5%; transform:translateX(-100%);}
.banner .swiper-button-next{ right:5%; transform:translateX(100%);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity:1;}
@media(max-width:999px){
.banner .swiper-slide img{ height:50vw; }
.banner .swiper-slide .txtbg{ width:90%; }
.banner .swiper-slide .txt .h2{ font-size:24px; line-height:1.2em; margin-bottom:5px;}
.banner .swiper-slide .txt .h3{ font-size:14px; line-height:1.4em;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px; }
}

.m11_aboutusbg{background: url(../images/com_bg.png) no-repeat left bottom;}
.m11_aboutusbg .m11_aboutu{padding: 90px 0;}
.m11_aboutusbg .m11_aboutu .imgbg .tit h1{position: relative;bottom: 54px;left: 125px;font-size: 28px;}
.m11_aboutusbg .m11_aboutu .btn .img{text-align: center;}
.m11_aboutusbg .m11_aboutu .btn p{font-size: 19px;color: #56575a;font-weight: bold;max-width: 92%;margin: auto;margin-top: 6%;}
@media(max-width:999px){

}

.m11_environmentbg{background: url(../images/com_bg.png) no-repeat left bottom;}
.m11_environmentbg .m11_environment{padding: 90px 0;}
.m11_environmentbg .m11_environment .imgbg .tit h1{position: relative;bottom: 54px;left: 125px;font-size: 28px;}
.m11_environmentbg .m11_environment .btn p{font-size: 19px;color: #56575a;font-weight: bold;max-width: 92%;margin: auto;margin-top: 6%;}
@media(max-width:999px){

}





.m11_tit2{ text-align:center;}
.m11_tit2 .h2{ font-size:14px; line-height:24px;}
.m11_tit2 .h2 strong{ display:block; font-size:28px; line-height:38px; font-weight:bold;}
.m11_tit2 .h2 span{ display:block; opacity:.7; margin-top:5px;}
@media(max-width:999px){
.m11_tit2 .h2{ font-size:14px; line-height:24px;}
.m11_tit2 .h2 strong{ font-size:24px; line-height:34px; }
}
.m12_contact1{ margin-bottom:40px; margin-top:20px;}
.m12_contact1 .list{ margin-top:30px;}
.m12_contact1 .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.m12_contact1 .list ul li{ width:23%; text-align:center; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.m12_contact1 .list ul li .txt{ padding:1.56vw 5% 1.04vw 5%;}
.m12_contact1 .list ul li .txt i{ display:inline-block; text-align:center; width:3.12vw; height:3.12vw; line-height:3.12vw; border-radius:100%; background:var(--primary-color); color:#fff; font-size:1.56vw; margin-bottom:1.04vw;}
.m12_contact1 .list ul li .txt strong{ display:block; font-size:14px; line-height:1.5em; height:1.5em; color:var(--primary-color); margin-bottom:5px;}
.m12_contact1 .list ul li .txt span{ display:block; font-size:16px; line-height:1.5em; height:3em;}
.m12_contact1 .list2{ margin-top:30px;}
.m12_contact2{ overflow:hidden;}
.m12_contact2 .list{ margin-top:20px;}
.m12_contact2 .list ul{}
.m12_contact2 .message2{}
.m12_contact2 form{}
.m12_contact2 form ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-end;
align-items: flex-end;
flex-wrap:wrap;}
.m12_contact2 form ul li{ width:48%; margin:0 0 1.04vw 4%;}
.m12_contact2 form ul li.li1{ width:100%; margin-left:0;}
.m12_contact2 form ul li.li2{ width:100%; margin-left:0; text-align:center;}
.m12_contact2 form ul li:nth-child(1),.m12_contact2 form ul li:nth-child(3),.m12_contact2 form ul li:nth-child(6){ margin-left:0;}
.m12_contact2 form .h3{ font-size:14px; line-height:1.5em;}
.m12_contact2 form .h3 font{ color:#f00;}
.m12_contact2 form .input_text{ border:1px solid #f1f1f1; background:#fff; height:45px; line-height:45px; padding:0 10px; width:calc(100% - 22px); }
.m12_contact2 form textarea{ border:1px solid #f1f1f1; background:#fff; height:72px; line-height:24px; padding:10px 10px; width:calc(100% - 22px); }
.m12_contact2 form .yzm{ height:47px;}
.m12_contact2 form .input_text1{ border:1px solid #f1f1f1; background:#fff; height:45px; line-height:45px; padding:0 10px; width:calc(100% - 152px); float:left;  }
.m12_contact2 form #sendcode2{ border:1px solid #fff; background:var(--primary-color); color:#fff; height:47px; line-height:45px; width:120px; cursor:pointer; transition:all .3s ease; float:right; }
.m12_contact2 form #sendcode2:hover{ background:var(--third-color); color:#fff;}
.m12_contact2 form #sendcode2[disabled]{ background:#999;}
.m12_contact2 form .input_button{ border:1px solid #fff; background:var(--primary-color); color:#fff; height:47px; line-height:45px; width:50%; max-width:200px; cursor:pointer; transition:all .3s ease; position:relative; overflow:hidden; font-size:16px; margin-top:20px;}
.m12_contact2 form .input_button:hover{ background:var(--third-color); color:#fff;}
.m12_contact2 form .input_button span{ display:block; position:relative; z-index:2;}
@media(max-width:999px){
.m12_contact1 .list ul{ display:block;}
.m12_contact1 .list ul li{ width:100%; margin:0 0 20px 0;}
.m12_contact1 .list ul li .txt{ padding:15px 5% 10px 5%;}
.m12_contact1 .list ul li .txt i{ width:60px; height:60px; line-height:60px; font-size:30px; margin-bottom:10px;}
.m12_contact1 .list ul li .txt strong{ font-size:16px; line-height:1.5em; height:auto; margin-bottom:5px;}
.m12_contact1 .list ul li .txt span{ font-size:18px; line-height:1.5em; height:auto;}

.m12_contact2 form ul{ display:block;}
.m12_contact2 form ul li{ width:100%; margin:0 0 10px 0;}
.m12_contact2 form ul li.li2{ text-align:center;}
.m12_contact2 form .h3{ font-size:14px; line-height:1.8em;}
.m12_contact2 form .input_text{ height:38px; line-height:38px; padding:0 10px; width:calc(100% - 22px); font-size:14px;}
.m12_contact2 form textarea{ height:100px; line-height:38px; padding:0 10px; width:calc(100% - 22px); font-size:14px;}
.m12_contact2 form .yzm{ height:40px;}
.m12_contact2 form .input_text1{ height:38px; line-height:38px; padding:0 10px; width:calc(100% - 132px); font-size:14px;}
.m12_contact2 form #sendcode2{ height:40px; line-height:38px; width:100px; font-size:14px;}
.m12_contact2 form .input_button{ height:40px; line-height:38px; width:100%; max-width:100%; font-size:14px; margin-top:10px;}
}



























.go_top{ width:50px; line-height:50px; border-radius:100%; text-align:center; color:#fff; background:rgba(0,0,0,.5) url(../images/ico_backtop.png) center no-repeat; position:fixed; z-index:44; bottom:10px; right:10px; font-size:0;}
.go_top:hover{ background-color:var(--primary-color); color:#fff;}
.go_top i{}
@media(max-width:999px) {
.go_top{ display:none;}
}


/*客服*/
.m1_side_kefu_box{ width:70px; position:fixed; z-index:44; right:10px; bottom:50px; display:none;}
.m1_side_kefu{ width:70px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.1); border-radius:8px; position:relative; right:0; transition:all .5s ease;}
.m1_side_kefu.active{ right:-80px;}
.m1_side_kefu ul li{ position:relative; padding:0 10px;}
.m1_side_kefu ul li>a{ display:block; padding:10px 0; position:relative; z-index:2; border-top:1px solid #f5f5f5; color:#999;}
.m1_side_kefu ul li:nth-child(1)>a{ border:none;}
.m1_side_kefu ul li .ico{ height:28px; position:relative;}
.m1_side_kefu ul li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.m1_side_kefu ul li .ico .img2{ display:none;}
.m1_side_kefu ul li:hover .ico .img1{ display:none;}
.m1_side_kefu ul li:hover .ico .img2{ display:block;}
.m1_side_kefu ul li .h2{ font-size:12px; line-height:1em; margin-top:10px; text-align:center;}
.m1_side_kefu ul li:hover .h2{ color:var(--primary-color);}
.m1_side_kefu ul li .boxbg{ width:fit-content; padding:0 10px 0 0; position:absolute; top:50%; right:100%; transform:translate(-50%,-50%); opacity:0; visibility:hidden; transition:all .5s ease;}
.m1_side_kefu ul li:hover .boxbg{ transform:translate(0,-50%); opacity:1; visibility:visible;}
.m1_side_kefu ul li .box{ width:fit-content; padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:4px;}
.m1_side_kefu ul li .box:before {
    content: "";
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
}
.m1_side_kefu ul li .box .h3{ white-space:nowrap; line-height:30px; font-size:20px; text-align:center; min-width:150px;}
.m1_side_kefu ul li .box .h3 img{ vertical-align:top; height:30px; width:28px; object-fit:contain; margin-right:5px;}
.m1_side_kefu ul li .box .ewm{ text-align:center;}
.m1_side_kefu ul li .box .ewm .h4{ font-size:16px; margin-bottom:5px;}
.m1_side_kefu ul li .box .ewm img{ display:block; margin:0 auto; width:124px; padding:5px; border:1px solid #ccc; border-radius:4px;}
.m1_side_kefu_btn{ width:28px; height:28px; text-align:center; border-radius:100%; background:#fff; color:#999; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; z-index:66; bottom:-38px; right:21px; cursor:pointer; transition:all .3s ease; }
.m1_side_kefu_btn.active{transform:rotate(45deg);}
.m1_side_kefu_btn i{ display:block; width:28px; height:28px; background:url(../images/ico_btn1.png) center no-repeat; background-size:contain; position:absolute; top:0; left:0;}
.m1_side_kefu_btn.active{}
.m1_side_kefu_btn i.m1_side_kefu_open{ display:none;}
.m1_side_kefu_btn i.m1_side_kefu_close{}
.m1_side_kefu_btn.active i.m1_side_kefu_open{ display:block;}
.m1_side_kefu_btn.active i.m1_side_kefu_close{ display:none;}
@media(max-width:999px) {
.m1_fheight{ height:70px;}
.m1_side_kefu_box{ width:100%; right:0; top:auto; bottom:0; transform:translateY(0); display:block;}
.m1_side_kefu{ width:100%; border-radius:0;}
.m1_side_kefu.active{ right:0 !important;}
.m1_side_kefu ul li{ margin-bottom:0; float:left; width:25%; padding:0;}
.m1_side_kefu ul li>a{ border:none; border-left: 1px solid #f5f5f5;}
.m1_side_kefu ul li .h2{ font-size:12px; line-height:1em; margin-top:8px; }
.m1_side_kefu ul li.gotop{ display:block !important;}
.m1_side_kefu ul li .boxbg{ padding:0 0 10px 0; top:auto; bottom:100%; right:auto; left:50%; transform:translate(-50%,-20%) !important;}
.m1_side_kefu ul li:hover .boxbg{ transform:translate(-50%,0) !important; }
.m1_side_kefu ul li .box:before {
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: auto; bottom:0;
    margin-top: 0; margin-left:-5px;
    right: auto; left:50%;
}
.m1_side_kefu ul li .box1{ display:none !important;}
.m1_side_kefu_btn{ display:none;}
}

/*客服2*/
.m1_side_kefu2_box{ width:40px; position:absolute; top:50%; right:0; z-index:9999; }
.m1_side_kefu2{}
.m1_side_kefu2 ul li{ width:40px; margin:1px 0; position:relative;}
.m1_side_kefu2 ul li>a{ display:block; text-align:center; background:var(--primary-color); color:#fff; opacity:.9;}
.m1_side_kefu2 ul li>a:hover,.m1_side_kefu2 ul li:hover>a{ background:var(--primary-color); color:#fff; opacity:.9;}
.m1_side_kefu2 ul li .ico{ line-height:40px; font-size:20px;}
.m1_side_kefu2 ul li .ico i{}
.m1_side_kefu2 ul li .boxbg{ background:var(--primary-color); color:#fff; padding:5px 10px; text-align:center; position:absolute; top:50%; right:100%; transform:translate(-10%,-50%); opacity:0; visibility:hidden; transition:all .3s ease;}
.m1_side_kefu2 ul li:hover .boxbg{ transform:translate(0,-50%); opacity:.9; visibility:visible;}
.m1_side_kefu2 ul li .box1{}
.m1_side_kefu2 ul li .box1 .h3{ white-space:nowrap; line-height:30px; font-size:20px; text-align:center; min-width:150px;}
.m1_side_kefu2 ul li .box1 .h3 i{ margin-right:5px;}
.m1_side_kefu2 ul li .box2{ padding:5px 10px 10px 10px;}
.m1_side_kefu2 ul li .box2 .h4{ font-size:16px; margin-bottom:5px;}
.m1_side_kefu2 ul li .box2 img{ display:block; width:124px;}
@media(max-width:999px) {
.m1_side_kefu2_box{ width:30px; display:none;}
.m1_side_kefu2 ul li{ width:30px; }
.m1_side_kefu2 ul li .ico{ line-height:30px; font-size:12px;}
}


.inbanner_box{ position:relative;}
.inbanner img{ display:block; width:100%; background:#f9f9f9;}
.inbarbg{ border-bottom:1px solid #e7e7e7;}
.inbar{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.weizhi{ font-size:14px; line-height:60px;}
.inner_menu{ font-size:16px; }
.inner_menu ul{ line-height:60px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inner_menu ul li{ margin-left:1px;}
.inner_menu ul li a{ display:block; padding:0 2.08vw; border-radius:4px;}
.inner_menu ul li.hover a,.inner_menu ul li a:hover{ background:var(--primary-color); color:#fff;}
.inner_menu ul li ul{ display:none;}
.inbar .goback{}
.inbar .goback a{ color:#999; font-size:20px;}
.inbar .goback a:hover{ color:#333;}
@media(max-width:999px) {
.inbanner img{ width:100%; min-height:0;}
.inbar{ height:40px;  }
.weizhi{ font-size:12px; line-height:40px;}
.inner_menu{ display:none;}

}

.m11_insidebg{ padding:60px 0 80px 0;min-height: 40vh;}
.m11_inside{}
.m11_inside_lt{ float:left; width:240px;/* margin-top:-160px;*/}
.m1_side_a{ width:238px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); border:1px solid #eee; margin-bottom:30px; position:relative; z-index:11; border-radius:10px; overflow:hidden;}
.m1_side_a.active{ position:fixed; top:150px;}
.m1_side_a>ul{}
.m1_side_a.active>ul{ max-height:calc(100vh - 100px); overflow-y:auto;}
.m1_side_a h2{ font-size:20px; line-height:24px; padding:20px 15px; font-weight:normal; background:var(--primary-color); color:#fff; border-bottom:1px solid rgba(255,255,255,.5); letter-spacing:2px;}
.m1_side_a h2 strong{ display:block; font-size:24px; line-height:28px;}
.m1_side_a h2 span{ display:block; margin-top:6px; opacity:.7;}
.m1_side_a ul li{}
.m1_side_a>ul>li:nth-child(1){/* margin-bottom:10px; border:none;*/}
.m1_side_a>ul>li{ border-bottom:1px solid #eee; }
.m1_side_a>ul>li:last-child{ }
.m1_side_a ul li a{ display:block; font-size:16px; line-height:26px; padding:7px 40px 7px 35px; background:url(../images/ico_list1.png) left 10px center no-repeat;}
.m1_side_a ul li a:hover,.m1_side_a ul li.hover>span a{ color:#fff; background-color:var(--primary-color); background-image:url(../images/ico_list1_hover2.png);}
.m1_side_a ul li.active>span a{ }
.m1_side_a ul li span{ display:block; position:relative;}
.m1_side_a ul li span>i{ width:40px; height:100%; position:absolute; right:0; top:0; z-index:2; cursor:pointer; background:url(../images/ico_list3.png) center no-repeat;}
.m1_side_a ul li.active>span>i{ background-image:url(../images/ico_list3_hover.png);}
.m1_side_a ul li.hover span>i{ background-image:url(../images/ico_list4.png);}
.m1_side_a ul li.hover.active>span>i{ background-image:url(../images/ico_list4_hover.png);}
.m1_side_a ul li ul{ padding-left:20px; padding-bottom:10px; display:none;}
.m1_side_a ul li ul li{}
.m1_side_a ul li ul li a{ padding-top:7px; padding-bottom:7px;}
.m1_side_c{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); border:1px solid #eee; border-radius:10px;}
.m1_side_c.lfixed{ position:fixed; left:0; bottom:0; background:#f5f5f5; z-index:22; transform:translateX(0); transition:all .3s ease; border-radius:0;}
.m1_side_c.lfixed.hiden{ transform:translateX(-240px);}
.m1_side_c.lfixed.shown{ transform:translateX(0px);}
.inLt_contact_btn{ position:absolute; top:0; left:100%; display:none;}
.m1_side_c.lfixed .inLt_contact_btn{ display:block;}
.inLt_contact_btn span{ display:block; text-align:center; font-size:12px; line-height:2em; padding:10px 5px; width:20px; background:var(--primary-color); color:#fff; border-radius:0 4px 4px 0; cursor:pointer;}
.inLt_contact_btn .inLt_contact_close{ display:block;}
.inLt_contact_btn .inLt_contact_open{ display:none;}
.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close{ display:block;}
.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open{ display:none;}
.m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_close{ display:none;}
.m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_open{ display:block;}
.m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_close{ display:block;}
.m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_open{ display:none;}
.inLt_contact{/* background:#f5f5f5; border-radius:8px; padding:20px 0 10px 0;*/ width:240px;}
.inLt_contact .h2{ font-size:18px; line-height:20px; padding:15px 0 15px 70px; background:#f5f5f5 url(../images/ico_phone2.png) left 5px center no-repeat; background-size:auto 60px; color:var(--primary-color); position:relative; margin-bottom:15px; border-radius:10px 10px 0 0;}
.m1_side_c.lfixed .inLt_contact .h2{ border-bottom:1px solid #ddd; border-radius:0;}
.inLt_contact .h2:before{/* content:""; width:100%; border-bottom:1px solid #eee; position:absolute; left:0; bottom:-10px;*/}
.inLt_contact .h2 span{ display:block; margin-bottom:6px;}
.inLt_contact .h2 strong{ display:block; font-size:22px; line-height:24px;}
.inLt_contact .h3{ font-size:16px; line-height:26px; font-weight:bold; padding:0 10px;}
.inLt_contact ul{ padding:5px 10px 10px 10px;}
.inLt_contact ul li{ font-size:14px; line-height:24px; margin:5px 0;}
.inLt_contact ul li span{}
.inLt_contact ul li i{ display:inline-block; text-align:center; width:14px; line-height:24px; font-size:14px; margin-right:5px; color:var(--primary-color);}
.inLt_contact ul li i.fa-mobile{ font-size:20px;}
.m11_inside_rt{ float:right; width:calc(100% - 280px);}
@media(max-width:1699px){

.m1_side_c.lfixed{ transform:translateX(-240px); }
.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close{ display:none;}
.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open{ display:block;}
}
@media(max-width:999px) {
.m11_insidebg{ padding:30px 0 60px 0;}
.m11_inside_lt{ display:none;}
.m11_inside_rt{ float:right; width:100%;}
}


.m11_news1{ }
.m11_news1_lt{ float:left; width:calc(100% - 280px);}
.m11_news1_rt{ float:right; width:240px;}
.m1_side_b{ margin-bottom:30px;background:#fff;padding:10px;}
.m1_side_b .h1{ font-size:var(--font20); line-height:24px; padding-left:30px; position:relative; border-bottom:1px solid #eee; padding-bottom:10px;}
.m1_side_b .h1 i{ width:24px; height:24px; background:url(../images/ico_hot.png) center no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.m1_side_b .list{ margin-top:20px;}
.m1_side_b .list ul li{ margin-bottom:10px; position:relative; border-radius:8px; overflow:hidden;}
.m1_side_b .list ul li .nr_box{}
.m1_side_b .list ul li .imgbg{ height:0; opacity:0; visibility:hidden; transform:translateY(50%); transition:all .5s ease;}
.m1_side_b .list ul li .img{ padding-bottom:38%; position:relative; border-radius:8px; overflow:hidden;}
.m1_side_b .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.m1_side_b .list ul li .txtbg{}
.m1_side_b .list ul li .txt{}
.m1_side_b .list ul li .txt .h2{ font-size:var(--font14); line-height:24px; height:24px; padding:0 0 0 30px; position:relative; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.m1_side_b .list ul li .txt .h2 em{ width:24px; height:24px; line-height:24px; border-radius:0 8px 0 8px; text-align:center; color:#999; font-style:normal; position:absolute; left:0; top:0;}
.m1_side_b .list ul li .txt .h2 span{}
.m1_side_b .list ul li.active .imgbg{ height:auto; opacity:1; visibility:visible; transform:translateY(0);}
.m1_side_b .list ul li.active .txtbg{ width:100%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.9)); position:absolute; bottom:0; left:0;}
.m1_side_b .list ul li.active .txt .h2{ color:#fff;}
.m1_side_b .list ul li:nth-child(1) .txt .h2 em{ color:#FE2D46;}
.m1_side_b .list ul li:nth-child(2) .txt .h2 em{ color:#F60;}
.m1_side_b .list ul li:nth-child(3) .txt .h2 em{ color:#FAA90E;}
.m1_side_b .list ul li.active .txt .h2 em{ color:#fff;}
.m1_side_b .list ul li.active:nth-child(1) .txt .h2 em{ background:#FE2D46;}
.m1_side_b .list ul li.active:nth-child(2) .txt .h2 em{ background:#F60;}
.m1_side_b .list ul li.active:nth-child(3) .txt .h2 em{ background:#FAA90E;}
@media(max-width:999px){
.m11_news1_lt{ float:left; width:100%; }
.m11_news1_rt{ float:right; width:100%; display:none;}
}




/*地图*/
#allmap{ width:100%; height:500px; background:#f9f9f9; border-radius:10px;}
@media(max-width:999px){
#allmap{ width:100%; height:250px;}
}


/*详情*/
.m11_newsdetail{}
.m11_newsdetail .tit{ border-bottom:1px solid #eee; padding-bottom:10px; text-align:center;}
.m11_newsdetail .tit .h2{ font-size:24px; line-height:1.4em; }
.m11_newsdetail .tit .h3{ font-size:14px; line-height:1.4em; color:#999; margin-top:5px;}
.m11_newsdetail .tit .h3 span{ display:inline-block; margin:0 20px 0 0;}
.m11_newsdetail .list1{ padding:40px 0; }
@media(max-width:999px){
.m11_newsdetail .tit .h2{ font-size:20px; line-height:1.4em; }
.m11_newsdetail .tit .h3{ font-size:12px; line-height:1.4em; margin-top:5px;}
.m11_newsdetail .tit .h3 span{ margin:0 10px 0 0;}
.m11_newsdetail .list1{ padding:20px 0; margin:20px 0 0 0;}
.m11_newsdetail .list1 .xiangqing p>img{width: 100% !important;height: 100% !important;}
}


/*上一个下一个*/
.prev_next{ font-size:14px; line-height:34px; padding:15px 0; border-top:1px solid #eee; display:flex;justify-content: space-between; align-items: center;}
.prev_next a{ display:block; margin:5px 0; max-width:40%; height:34px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
@media(max-width:999px){
.prev_next{ font-size:12px; line-height:32px; padding:15px 0; display:block;}
.prev_next a{ margin:5px 0; max-width:100%; height:34px; }
}


/*.proDetail*/
.m11_proDetail{}
.m11_proDetail .list1{ margin-bottom:2.08vw;}
.m11_proDetail .list1 .lt{ float:left; width:40%;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.m1_galleryTop { border:1px solid #eee; margin-bottom:10px;}
.m1_galleryTop .img{ position:relative; padding-bottom:100%; position:relative;}
.m1_galleryTop .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.m1_galleryThumbs { }
.m1_galleryThumbs .swiper-slide { }
.m1_galleryThumbs .swiper-slide .img{ position:relative; padding-bottom:100%; position:relative; border:1px solid #eee; cursor:pointer;}
.m1_galleryThumbs .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.m1_galleryThumbs .swiper-slide.swiper-slide-thumb-active .img{ border-color:var(--primary-color);}
.m11_proDetail .list1 .rt{ float:right; width:56%;}
.m11_proDetail .list1 .rt .nr_box{}
.m11_proDetail .list1 .rt .h2{ font-size:24px; line-height:1.4em; margin-bottom:10px; font-weight:bold;}
.m11_proDetail .list1 .rt .h3{ font-size:20px; line-height:1.4em; margin-bottom:20px; }
.m11_proDetail .list1 .rt .h4{ font-size:16px; line-height:1.6em; margin-bottom:40px;}
.m11_proDetail .phone{ font-size:1.04vw; line-height:1em; margin-bottom:1.6em; color:var(--primary-color); padding:0 0 0 5.2vw; position:relative;}
.m11_proDetail .phone i{ text-align:center; width:4.16vw; line-height:5.2vw; font-size:4.16vw; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.m11_proDetail .phone span{ display:block; margin-bottom:.52vw;}
.m11_proDetail .phone strong{ display:block; font-size:1.66vw; line-height:1em;}
.m11_prevnext2{ font-size:var(--font14); line-height:2.5em; margin-bottom:2.08vw;}
.m11_prevnext2 ul li{ float:left;}
.m11_prevnext2 ul li:nth-child(2n){ float:right;}
.m11_prevnext2 ul li a{ display:block;  border:1px solid #eee;/* border-radius:40px;*/ padding:0 20px; min-width:80px; text-align:center; background:#f5f5f5;}
.m11_prevnext2 ul li a:hover{ border-color:var(--primary-color); background:var(--primary-color); color:#fff;}
.m11_proDetail .list2{ border:1px solid #eee; margin-bottom:2.08vw;}
.m11_proDetail .list2 .hd{font-size:var(--font14); line-height:3em; border-bottom:1px solid #eee;}
.m11_proDetail .list2 .hd ul li{ display:inline-block; vertical-align:top;font-size:var(--font14); line-height:3em;}
.m11_proDetail .list2 .hd ul li a{ display:block; padding:0 10px; min-width:100px; text-align:center; border-right:1px solid #eee; border-bottom:none;}
.m11_proDetail .list2 .hd ul li.on a{ color:#fff; background:var(--primary-color);}
.m11_proDetail .list2 .xiangqing{ padding:20px;}
.m11_proDetail .list2 .xiangqing img{ max-width:100%;}
.m11_pro_related{ border:1px solid #eee;}
.m11_pro_related>.h2{font-size:var(--font14); line-height:3em; border-bottom:1px solid #eee;}
.m11_pro_related>.h2 span{ display:inline-block; vertical-align:top;font-size:var(--font14); line-height:3em; padding:0 10px; min-width:100px; text-align:center; border-right:1px solid #eee; color:#fff; background:var(--primary-color);}
.m11_pro_related .index_product1{ padding:20px 20px 0 20px;}
.m11_pro_related .index_product1 ul li{ width:calc((100% - 60px)/4);}
.m11_pro_related .index_product1 ul li:nth-child(3n-2){ margin-left:20px; clear:none;}
.m11_pro_related .index_product1 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
@media(max-width:999px){
.m11_proDetail .list1{ margin-bottom:30px;}
.m11_proDetail .list1 .lt{ float:left; width:100%; margin-bottom:20px;}
.m11_proDetail .list1 .rt{ float:right; width:100%;}
.m11_proDetail .list1 .rt .h2{ font-size:18px; line-height:1.4em; margin-bottom:0; }
.m11_proDetail .list1 .rt .h3{ font-size:16px; line-height:1.4em; margin-bottom:10px; }
.m11_proDetail .list1 .rt .h4{ font-size:14px; line-height:1.6em; margin-bottom:20px;}
.m11_proDetail .phone{ font-size:14px; line-height:1em; margin-bottom:1.6em; padding:15px 20px 15px 60px; }
.m11_proDetail .phone i{ width:60px; line-height:60px; font-size:40px; }
.m11_proDetail .phone span{ margin-bottom:5px;}
.m11_proDetail .phone strong{ font-size:18px; line-height:1em;}
.m11_proDetail .list2{ margin-bottom:30px;}
.m11_proDetail .list2 .hd ul li a{ min-width:60px;}
.m11_prevnext2{ margin-bottom:30px;}
.m11_pro_related .index_product1 ul li{ width:calc((100% - 10px)/2);}
.m11_pro_related .index_product1 ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
.m11_pro_related .index_product1 ul li:nth-child(4n-3){ margin-left:10px; clear:none;}
.m11_pro_related .index_product1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
}


/*搜索*/
.search_form{ background:#f9f9f9; padding:1.56vw; margin-bottom:2.08vw; border-radius:10px;}
.search_form form{ height:2.6vw;}
.search_form form #search_keywords{ float:left; border:none; background:#fff; height:2.6vw; line-height:2.6vw; padding:0 .5vw; width:calc(100% - 6.2vw);}
.search_form form #search{ float:right; border:none; width:5.2vw; height:2.6vw; line-height:2.6vw; font-size:.84vw; background:var(--primary-color); color:#fff; cursor:pointer;}
.search_form form #search:hover{ opacity:.9;}
@media(max-width:999px){
.search_form{ padding:10px; margin-bottom:20px; }
.search_form form{ height:40px;}
.search_form form #search_keywords{ height:40px; line-height:40px; padding:0 10px; width:calc(100% - 80px);}
.search_form form #search{ width:60px; height:40px; line-height:40px; font-size:14px; }
}




/*Add------------------------------------------------------------------------------*/

/*<!--弹窗2-->*/
.popup_tip2_box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, .6);/* display: none;*/ }
.popup_tip2bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.popup_tip2 { width: 440px; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 10000; background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); }
.popup_tip2-body { width: 100%; height: calc(100% - 72px); }
.zoomIn{
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;}
@-webkit-keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}
@keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}
@media(max-width:750px){
.popUpBox { width: 90%; }
}
.ts{ padding:20px 20px 20px 20px;}
.ts .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.ts .h3{ font-size:14px; line-height:24px; margin-bottom:14px; display:inline-block; position:relative; padding-left:30px;}
.ts .h3 img{ display:inline-block; vertical-align:top; width:24px;}
.ts .h3 i{ width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.success .ts i{ background-image:url(../images/ico_success.png);}
.error .ts i{ background-image:url(../images/ico_error.png);}
.warning .ts i{ background-image:url(../images/ico_warning.png);}
.ts .h3 span{ }
.ts_btn{ text-align:right; font-size:12px; line-height:32px;}
.ts_btn a{ display:inline-block; text-align:center; border-radius:4px; width:78px; border:1px solid #1890ff; background:#1890ff; color:#fff; margin-left:10px;}
.ts_btn a:hover{ border-color:#2e80e2; background:#2e80e2; color:#fff;}
.ts_btn a.bg2{ border:1px solid #ccc; background:#fff; color:#666;}
.ts_btn a.bg2:hover{ border-color:#1890ff; background:#fff; color:#1890ff;}


/*提示框*/
.popup_tip_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999;}
.popup_tip_close1{ width:100%; height:100%; position:absolute; top:0; left:0;}
.popup_tipbg{ min-width:100px; max-width:750px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.popup_tip{ border-radius:8px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); }
.popup_tip_close2{ display:none;}
.popup_tip_txt{ padding:15px 20px; text-align:center; font-size:14px; line-height:24px;}
.popup_tip_txt span{ display:inline-block; padding-left:30px; position:relative;}
.popup_tip_txt span i{ width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.success .popup_tip_txt span{ color:#4ebb23; }
.error .popup_tip_txt span{ color:#f34b51; }
.warning .popup_tip_txt span{ color:#f1b306; }
.success .popup_tip_txt span i{ background-image:url(../images/ico_success.png);}
.error .popup_tip_txt span i{ background-image:url(../images/ico_error.png);}
.warning .popup_tip_txt span i{ background-image:url(../images/ico_warning.png);}
@-webkit-keyframes fadeInUp2 { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUp2 { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeInUp2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

/*联系弹窗*/
.proContact1_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none;}
.proContact1_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.proContact1_bg{ width:90%; max-width:700px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.proContact1_close2{ width:20px; height:20px; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:10px; right:10px; z-index:3; opacity:.9; transition:all .3s ease;}
.proContact1_close2:hover{ opacity:1; transform:rotate(180deg)}
.proContact1{ min-height:260px; background:#fff; border-radius:10px; position:relative; z-index:2; padding-left:235px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.proContact1>img{ width:230px; position:absolute; bottom:0; left:5px;}
.proContact1_con{ font-size:16px; line-height:20px; }
.proContact1_con ul li{ float:left; width:50%; margin:10px 0; color:var(--primary-color); padding-left:50px; min-height:40px;box-sizing: border-box; position:relative;}
.proContact1_con ul li:nth-child(1){ width:100%; padding-left:0;}
.proContact1_con ul li i{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:100%; background:var(--primary-color); color:#fff; font-size:20px; position:absolute; left:0; top:0;}
.proContact1_con ul li .h2{ font-size:24px; line-height:34px; font-weight:bold; color:var(--primary-color);}
.proContact1_con ul li span{ display:block; color:#333; }
.proContact1_con ul li .h2 span{ color:var(--primary-color);}
@media(max-width:999px){
.proContact1{ min-height:0; padding:15px 5%; }
.proContact1>img{ width:36%; bottom:auto; top:0; left:50%; transform:translate(-50%,-100%)}
.proContact1_con{ font-size:14px; line-height:18px; }
.proContact1_con ul li{ float:left; width:100% !important; margin:5px 0; }
.proContact1_con ul li .h2{ font-size:20px; line-height:30px; }
}


/*留言咨询1*/
.tc_message_open1{ cursor:pointer; width:60px; height:60px;/* padding:10px;*/ margin-top:-40px; border-radius:100%; box-shadow:0 0 5px rgba(0,0,0,.1); background:var(--primary-color) url(../images/ico_zxly1.png) center no-repeat; background-size:40px auto; color:#fff; font-size:0; line-height:20px; text-align:center; position:fixed; z-index:44; left:0; top:50%;animation: btnAnimation 1s linear infinite 0s forwards; display:none !important;}
.tc_message_box{ width:100%; height:100%; position:fixed; z-index:99; top:0; left:0; display:none;}
.tc_message_close1{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.tc_message_bg{ width:90%; max-width:500px;background-image: linear-gradient(to bottom right, var(--primary-color), var(--third-color)); border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.tc_message_close2{ width:20px; height:20px; background:url(../images/chahao.png) center no-repeat; cursor:pointer; position:absolute; top:10px; right:10px; transition:all .3s ease;}
.tc_message_close2:hover{ transform:rotate(180deg);}
.tc_message{ padding:30px; color:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.tc_message_lt{ width:180px; font-size:16px; line-height:26px;}
.tc_message_lt ul{}
.tc_message_lt ul li{}
.tc_message_lt ul li i{ font-size:20px; width:16px; text-align:center; margin-right:5px;}
.tc_message_lt ul li i.fa-mobile{ font-size:24px;}
.tc_message_lt ul li i.fa-envelope{ font-size:16px;}
.tc_message_lt ul li .ewm{ width:150px; margin-top:5px;}
.tc_message_lt ul li .ewm img{ display:block; margin:0 auto; width:100px; height:100px; margin-bottom:5px;}
.tc_message_lt ul li .ewm span{ display:block; background:#fff; color:var(--primary-color); font-size:12px; line-height:22px; text-align:center;}
.tc_message_rt{ width:calc(100% - 200px); }
.tc_message .h2{ font-size:20px; line-height:30px; font-weight:bold; text-align:center; margin-bottom:20px;}
.tc_message .message{}
.tc_message .message form{}
.tc_message .message ul li{ margin-bottom:10px;}
.tc_message .message .input_text{border: 1px solid #ccc; background: #fff; height: 28px; line-height: 28px; padding: 0 10px; width: calc(100% - 22px); border-radius: 4px;}
.tc_message .message textarea{border: 1px solid #ccc; background: #fff; height: 56px; line-height: 28px; padding: 0 10px; width: calc(100% - 22px); border-radius: 4px;}
.tc_message .message .input_button{border: 1px solid #333; background: #333; color:#fff; height: 30px; line-height: 28px; width: 80%; border-radius: 50px; cursor: pointer; display: block; margin: 0 auto; font-size: 16px;}
.tc_message .h3{ font-size:12px; line-height:24px; text-align:center;}
.tc_message .h3 span{ font-size:16px; color:var(--primary-color);}
@media(max-width:999px){
.tc_message{ padding:30px; display:block;}
.tc_message_lt{ width:100%; font-size:14px;}
.tc_message_lt ul{ position:relative;}
.tc_message_lt ul li{ margin-top:8px;}
.tc_message_lt ul li:last-child{ position:absolute; top:0; right:10px; margin-top:0;}
.tc_message_lt ul li .ewm{ width:90px; margin-top:0;}
.tc_message_lt ul li .ewm img{ width:90px; height:90px; margin-bottom:0;}
.tc_message_lt ul li .ewm span{ display:none; }
.tc_message_rt{ width:100%; padding:20px 0 0 0;}
}
@keyframes btnAnimation{
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Firefox */
@-moz-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Safari and Chrome */
@-webkit-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Opera */
@-o-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}


/*询盘*/
.pinquiry1_box{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none;}
.pinquiry1_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.pinquiry1_bg{ width:600px; height:700px; position:absolute; bottom:0; right:0; z-index:2;}
.pinquiry1_close2{ width:53px; height:53px; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:0; right:0; z-index:1; opacity:.9; transition:all .3s ease;}
.pinquiry1_close2:hover{ opacity:1; transform:rotate(180deg)}
.pinquiry1{ background:#fff; height:600px; padding:60px 30px 40px 30px; transform:scale(0) translate(100%,100%); transition:all .5s ease; z-index:2; transform-origin:bottom right;}
.pinquiry1.fadeInRight2{ transform:scale(1) translate(0,0);}
.pinquiry1 .h2{ font-size:var(--font20);}
.pinquiry1 .tips1{ font-size:12px; line-height:22px; color:#999;}
.pinquiry1 .h2 .tips1{ display:inline-block; margin-left:10px;}
.pinquiry1 font{ color:var(--red);}
.pinquiry1_con{ font-size:var(--font16); line-height:32px; margin-top:35px;}
.pinquiry1_con dl{ padding-left:120px; position:relative; margin-top:20px;}
.pinquiry1_con dl dt{ position:absolute; left:0; top:0; color:#999;}
.pinquiry1_con dl dd{ min-height:32px;}
.pinquiry1_con .input_text{ border:1px solid #eee; background:#fff; border-radius:4px; height:30px; line-height:30px; padding:0 10px; width:calc(100% - 22px); max-width:300px;}
.pinquiry1_con textarea{ border:1px solid #eee; background:#fff; border-radius:4px; height:100px; line-height:30px; padding:0 10px; width:calc(100% - 22px);}
.pinquiry1_con .input_button{ display:block; width:100px; line-height:32px; border-radius:4px; background:var(--primary-color); color:#fff;}
.pinquiry1_con .input_button:hover{ opacity:.9;}
.pinquiry1_con .yzm{}
.pinquiry1_con .yzm .input_text{ float:left;}
.pinquiry1_con .yzm #sendcode{ float:right; border:1px solid var(--primary-color); background:var(--primary-color); color:#fff; height:32px; line-height:30px; border-radius:4px; width:calc(100% - 332px);}
.pinquiry1_con .yzm img{ float:left; height:32px; margin-left:10px;}
.pinquiry1_con #proName{ max-height:84px; overflow-y:auto;}
.pinquiry1_con #proName span{ display:inline-block; vertical-align:top; border:1px solid #eee; background:#fff; border-radius:4px; height:30px; line-height:30px; padding:0 32px 0 10px; position:relative; margin:0 10px 10px 0; overflow:hidden;}
.pinquiry1_con #proName span i{ width:12px; height:12px; line-height:10px; text-align:center; font-size:12px; font-style:normal; border:1px solid #f5f5f5; color:#999; cursor:pointer; position:absolute; top:9px; right:9px;}
.pinquiry1_con #proName span i:hover{ border-color:var(--primary-color); background:var(--primary-color); color:#fff;}
@media(max-width:999px){
.pinquiry1_bg{ width:100%; height:100%;}
.pinquiry1_close2{ width:40px; height:40px;/* background-size:contain;*/}
.pinquiry1{ height:calc(100% - 80px); padding:40px 20px; }
.pinquiry1_con dl{ padding-left:80px;}
.pinquiry1_con .input_text{ max-width:100%;}
.pinquiry1_con .yzm .input_text{ width:calc(100% - 112px);}
.pinquiry1_con .yzm #sendcode{ width:80px;}
}


.shopptingcart_loading{ width:50%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:9999; top:0; right:0; text-align:center; color:#fff; font-size:20px; line-height:2em;}
.loadEffect2{
	width: 80px;
	height: 80px;
	position: relative;
	margin: 0 auto;
	margin-top:30vh;
}
.loadEffect2 span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	-webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load2{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.2;
	}
}
.loadEffect2 span:nth-child(1){
	left: 0;
	top: 50%;
	margin-top:-8px;
	-webkit-animation-delay:0.13s;
}
.loadEffect2 span:nth-child(2){
	left: 10px;
	top: 10px;
	-webkit-animation-delay:0.26s;
}
.loadEffect2 span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -8px;
	-webkit-animation-delay:0.39s;
}
.loadEffect2 span:nth-child(4){
	top: 10px;
	right:10px;
	-webkit-animation-delay:0.52s;
}
.loadEffect2 span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-8px;
	-webkit-animation-delay:0.65s;
}
.loadEffect2 span:nth-child(6){
	right: 10px;
	bottom:10px;
	-webkit-animation-delay:0.78s;
}
.loadEffect2 span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	-webkit-animation-delay:0.91s;
}
.loadEffect2 span:nth-child(8){
	bottom: 10px;
	left: 10px;
	-webkit-animation-delay:1.04s;
}


@keyframes btnAnimation{
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Firefox */
@-moz-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Safari and Chrome */
@-webkit-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}
/* Opera */
@-o-keyframes btnAnimation {
0% { transform:scale(1);}
50% { transform:scale(0.7);}
100% { transform:scale(1);}
}


/*购物车*/
.proShoppingcart_box .shopptingcart_open{ font-size:0; width:60px; height:60px; border-radius:100%; background:var(--primary-color) url(../images/ico_pbtn2.png) center no-repeat; background-size:50% auto; position:fixed; top:20%; right:10%; cursor:pointer; z-index:0;animation: btnAnimation 1s linear infinite 0s forwards;}
.proShoppingcart_box .shopptingcart_open:hover{ opacity:.9;}
.tit_cart{}
.tit_cart .h2{ border-bottom:1px solid #eee; font-size:1.25vw; line-height:1.5em;}
.tit_cart .h2 span{ display:inline-block; border-bottom:2px solid var(--primary-color); color:var(--primary-color); padding-bottom:.26vw;}
.shoppingcart_box{ width:100%; height:100%; position:fixed; top:0; right:0; z-index:999; display:none;}
.shoppingcart_close1{ width:100%; height:100%; background:rgba(0,0,0,.1); position:absolute; top:0; right:0; z-index:1;}
.shoppingcartbg{ width:50%; height:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); position:absolute; top:0; right:0; z-index:2; overflow-y:auto; transform:translateX(100%); transition:all .3s ease;}
.shoppingcartbg.active{ transform:translateX(0);}
.shoppingcart_close2{ width:20px; height:20px; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:10px; right:10px; z-index:3; opacity:.9; transition:all .3s ease;}
.shoppingcart_close2:hover{ opacity:1; transform:rotate(180deg)}
.shoppingcart{ padding:1.56vw;}
.shoppingcart_list{ margin-top:1.04vw; margin-bottom:1.56vw;}
.shoppingcart_list_top{ background:#f9f9f9; border:1px solid #eee; margin-bottom:.52vw; }
.shoppingcart_list_top table{}
.shoppingcart_list_top table th{ font-weight:normal; text-align:center; padding:.78vw .52vw; font-size:.84vw; line-height:1.5em;}
.shoppingcart_list_top .w1{ width:40%; text-align:left;}
.shoppingcart_list_top .w2{ width:15%;}
.shoppingcart_list_top .w3{ width:15%; padding-left:0; padding-right:0;}
.shoppingcart_list_top .w4{ width:15%;}
.shoppingcart_list_top .w5{ width:15%;}
.shoppingcart_list_mid{ border:1px solid #eee; border-bottom:none; margin-bottom:.52vw; max-height:calc(14.04vw + 10px); overflow-y:auto;}
.shoppingcart_list_mid table{}
.shoppingcart_list_mid table td{ text-align:center; padding:.78vw .52vw; font-size:.72vw; line-height:2em; border-bottom:1px solid #eee;}
.shoppingcart_list_mid .w1{ width:40%; text-align:left;}
.shoppingcart_list_mid .w1 .cart_pro{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.shoppingcart_list_mid .w1 .img{ width:3.12vw; height:3.12vw; border:1px solid #eee; position:relative;}
.shoppingcart_list_mid .w1 .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.shoppingcart_list_mid .w1 .h2{ width:calc(100% - 3.5vw);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.shoppingcart_list_mid .w2{ width:15%;}
.shoppingcart_list_mid .w3{ width:15%; padding-left:0; padding-right:0;}
.shoppingcart_list_mid .w3 .pronum{ height:1.56vw;}
.shoppingcart_list_mid .w3 .pronum a{ width:calc(1.56vw - 2px); height:calc(1.56vw - 2px); line-height:calc(1.56vw - 2px);}
.shoppingcart_list_mid .w3 .pronum input{ width:2.6vw; height:calc(1.56vw - 2px); line-height:calc(1.56vw - 2px);}
.shoppingcart_list_mid .w4{ width:15%; font-weight:bold;}
.shoppingcart_list_mid .w5{ width:15%;}
.shoppingcart_list_btm{ border:1px solid #eee;}
.shoppingcart_list_btm table{}
.shoppingcart_list_btm table td{ padding:.78vw .52vw; font-size:.84vw; line-height:1.5em;}
.shoppingcart_list_btm .w1{ width:40%; }
.shoppingcart_list_btm .w2{ width:60%; text-align:right;}
.shoppingcart_list_btm .w2 strong{ color:#e64347; font-size:20px;}
.shoppingcart_form{}
.shoppingcart_form .h2{ font-size:1.25vw; line-height:1.5em; margin-bottom:.26vw;}
.shoppingcart_form .message{}
.shoppingcart_form .message form{}
.shoppingcart_form .message ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap:wrap;}
.shoppingcart_form .message ul li{ width:calc((100% - 15px)/2); margin-top:.52vw;}
.shoppingcart_form .message ul li.li1{ width:100%;}
.shoppingcart_form .message .input_text{ border:1px solid #eee; background:#fff; height:2.08vw; line-height:2.08vw; padding:0 10px; width:calc(100% - 22px);}
.shoppingcart_form .message textarea{ border:1px solid #eee; background:#fff; height:6.24vw; line-height:2.08vw; padding:0 10px; width:calc(100% - 22px);}
.shoppingcart_form .message .yzm{ height:calc(2.08vw + 2px);}
.shoppingcart_form .message .yzm img{ float:right; width:100px; height:calc(2.08vw + 2px); }
.shoppingcart_form .message .input_text1{ border:1px solid #eee; background:#fff; height:2.08vw; line-height:2.08vw; padding:0 10px; width:calc(100% - 125px); float:left;}
.shoppingcart_form .message .yzm #sendcode{ float:right; width:100px; height:calc(2.08vw + 2px); background:var(--primary-color); color:#fff; cursor:pointer;}
.shoppingcart_form .message .yzm #sendcode:hover{ opacity:.9;}
.shoppingcart_form .message .input_button{ display:block; margin:0 auto; border:none; width:100%; height:calc(2.08vw + 2px); line-height:calc(2.08vw + 2px); background:var(--primary-color); color:#fff; cursor:pointer; font-size:12px;}
.shoppingcart_form .message .input_button:hover{ opacity:.9;}
.yzm input[disabled]{ background:#999 !important; cursor:not-allowed !important;}

.shoppingcart .success{ text-align:center; margin-top:20vh;}
.shoppingcart .success .h1{ font-size:1.25vw; line-height:2em; margin-top:.52vw;}
.shoppingcart .success .h2{ font-size:.84vw; line-height:1.5em; color:#999;}
.shoppingcart .success input{ display:block; margin:0 auto; border:none; width:20%; height:calc(2.08vw + 2px); line-height:calc(2.08vw + 2px); background:var(--primary-color); color:#fff; cursor:pointer; border-radius:4px; font-size:14px;  margin-top:1.3vw;}
.shoppingcart .success input:hover{ opacity:.9;}
@media(max-width:999px){
.shopptingcart_loading{ width:100%;}

.tit_cart .h2{ font-size:20px; line-height:1.5em;}
.tit_cart .h2 span{ padding-bottom:5px;}
.shoppingcartbg{ width:100%; height:100%; }
.shoppingcart{ padding:15px;}
.shoppingcart_list{ margin-top:20px; margin-bottom:20px; }
.shoppingcart_list_top{ display:none;}
.shoppingcart_list_mid{ margin-bottom:15px; max-height:44vh; }
.shoppingcart_list_mid table tr{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap:wrap;}
.shoppingcart_list_mid table td{ padding:10px 0; font-size:12px; line-height:24px; display:block; }
.shoppingcart_list_mid .w1{ width:100%; padding-left:5px; padding-right:5px; border:none; padding-bottom:0;}
.shoppingcart_list_mid .w1 .img{ width:40px; height:40px;}
.shoppingcart_list_mid .w1 .h2{ width:calc(100% - 45px); line-height:16px;}
.shoppingcart_list_mid .w2{ width:24%;}
.shoppingcart_list_mid .w3{ width:28%;}
.shoppingcart_list_mid .w3 .pronum{ height:24px;vertical-align: top;}
.shoppingcart_list_mid .w3 .pronum a{ width:22px; height:22px; line-height:22px;}
.shoppingcart_list_mid .w3 .pronum input{ width:44px; height:22px; line-height:22px;}
.shoppingcart_list_mid .w4{ width:24%;}
.shoppingcart_list_mid .w5{ width:24%;}
.shoppingcart_list_btm table td{ padding:10px 5px; font-size:12px; line-height:1.5em;}
.shoppingcart_list_btm .w2 strong{ font-size:20px;}
.shoppingcart_form{}
.shoppingcart_form .h2{ font-size:20px; line-height:1.5em; margin-bottom:0;}
.shoppingcart_form .message ul li{ width:calc((100% - 10px)/2); margin-top:10px;}
.shoppingcart_form .message ul li.li1{ width:100%;}
.shoppingcart_form .message .input_text{ height:30px; line-height:30px; padding:0 10px; width:calc(100% - 22px);}
.shoppingcart_form .message textarea{ height:60px; line-height:30px; padding:0 10px; width:calc(100% - 22px);}
.shoppingcart_form .message .yzm{ height:32px;}
.shoppingcart_form .message .yzm img{ width:100px; height:32px; }
.shoppingcart_form .message .input_text1{ height:30px; line-height:30px; padding:0 10px; width:calc(100% - 95px); }
.shoppingcart_form .message .yzm #sendcode{ width:68px; height:32px; font-size:12px;}
.shoppingcart_form .message .input_button{ height:32px; line-height:32px; font-size:12px;}

.shoppingcart .success{}
.shoppingcart .success img{ max-width:80px;}
.shoppingcart .success .h1{ font-size:20px; line-height:2em; margin-top:10px;}
.shoppingcart .success .h2{ font-size:12px; line-height:1.5em;}
.shoppingcart .success input{ width:30%; height:32px; line-height:30px; font-size:12px; margin-top:25px;}
}


/*筛选*/
.screen_btn{ position:fixed; top:100px; right:calc(15% - 40px); z-index:11; display:none;}
.screen_btn a{display: block; width: 40px; height: 40px; background-color:var(--secondary-color); background-position: center; background-repeat: no-repeat; background-size: 20px auto; background-image:url(../images/ico_screen.png);}
.screen_close{ font-size:0; width:40px; height:40px; cursor:pointer; border-radius:100%; background:url(../images/ico_btn1.png) center no-repeat; background-size:contain; position:absolute; top:0; right:calc(15% - 40px); z-index:2; display:none;}
.screen{}
.screen_box{ width:100%; font-size:14px; line-height:28px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); border-radius:4px; margin-bottom:30px; position:relative; z-index:22;}
.screen_box>ul{ position:relative; padding:5px 15px 0 15px;}
.screen_box>ul>li{ position:relative; padding:15px 0 5px 70px; position:relative; border-top:1px solid #eee;}
.screen_box>ul>li:first-child{ border-top:none;}
.screen_box>ul>li:nth-child(n+3){ display:none;}
.screen_box.active>ul>li:nth-child(n+3){ display:block;}
.screen_box>ul>li>span{ display:block; font-size:16px; line-height:30px; position:absolute; left:0; top:15px;}
.screen_box>ul>li .boxbg{/* height:35px;*/ overflow:hidden; position:relative;/* padding-right:30px;*/ }
.screen_box>ul>li .boxbg.active{/* height:auto;*/}
.screen_box .box_btn{ display:none; padding-bottom:15px;}
.screen_box .box_btn i{ display:block; margin:0 auto; width:30px; height:30px; background:url(../images/ico_down1.png) center no-repeat; cursor:pointer;}
.screen_box .box_btn i.i1{}
.screen_box .box_btn i.i2{ background-image:url(../images/ico_list2.png); display:none;}
.screen_box.active .box_btn i.i1{ display:none;}
.screen_box.active .box_btn i.i2{ display:block;}
.screen_box>ul>li .box{ }
.screen_box>ul>li a{ display:inline-block; padding:0 15px; color:#999; border:1px solid #f5f5f5; margin:0 10px 10px 0; border-radius:4px;}
.screen_box>ul>li a:hover{ color:var(--primary-color); border-color:var(--primary-color);}
.screen_box>ul>li a.hover{ color:#fff; border-color:var(--primary-color); background:var(--primary-color);}
.screen.tfixed .screen_box{ position:fixed; top:100px; left:0; z-index:33; transform:translateY(-100%); transition:all .3s ease; opacity:0; visibility:hidden;}
.screen.tfixed.shown .screen_box{ transform:translateY(0); opacity:1; visibility:visible;}
.screen.tfixed.hiden .screen_box{ transform:translateY(-100%); opacity:0; visibility:hidden;}
.screen.tfixed .screen_box>ul{ width:70%; margin:0 auto; }
.screen.tfixed .screen_btn{ display:block;}
.screen.tfixed .screen_close{ display:block;}
/*.screen.active{ position:fixed; left:0; top:0; padding:0;}
.screen.active>ul{ width:70%; margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.screen.active>ul>li{ width:100%; position:static; padding:0; border:none; cursor:pointer; text-align:center; }
.screen.active>ul>li>span{ position:relative; left:auto; top:auto; line-height:60px; display:inline-block;}
.screen.active>ul>li>span:after{ content:""; width:20px; height:100%; background:url(../images/ico_down1.png) center no-repeat; position:absolute; top:0; left:100%;}
.screen.active>ul>li:hover>span:after{ background-image:url(../images/ico_up1.png);}
.screen.active>ul>li .boxbg{ width:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); position:absolute; top:100%; left:0; display:none;}
.screen.active>ul>li:hover .boxbg{ display:block;}
.screen.active>ul>li .box{ width:70%; margin:0 auto; padding:20px 0;}*/
@media(max-width:1699px){
.screen_btn{ right:calc(10% - 40px)}
.screen_close{ right:calc(10% - 40px)}
.screen.tfixed .screen_box>ul{ width:80%;}
/*.screen.active>ul{ width:80%;}
.screen.active>ul>li .box{ width:80%; }*/
}
@media(max-width:1279px){
.screen_btn{ right:calc(5% - 40px)}
.screen_close{ right:calc(5% - 40px)}
}
@media(max-width:999px){
.screen_box{ font-size:12px; line-height:24px;/* margin-top:35px;*/ display:none;}
.screen.tfixed .screen_box{ top:60px; display:block;}
.screen_btn{ right:0}
.screen_close{ right:0;}
.screen_box>ul{ max-height:calc(100vh - 120px); overflow-y:auto;}
.screen_box>ul>li{/* margin-bottom:15px;*/ padding-bottom:10px; padding-left:60px;}
.screen_box>ul>li>span{ font-size:12px; line-height:24px;}
.screen_box>ul>li a{ padding:0 5px; margin:0 5px 5px 0;}
.screen.tfixed .screen_box>ul{ width:90%;}
/*.screen.active>ul{ width:90%;}
.screen.active>ul>li .box{ width:90%; }*/
}







/*pro1*/
.index_product1{ }
.index_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 0 20px 20px; text-align:center; background:#fff;}
.index_product1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.index_product1 ul li .nr_box{ border:1px solid #eee; border-radius:10px; overflow:hidden; transition:all .3s ease;}
.index_product1 ul li:hover .nr_box{ border-color:var(--primary-color); box-shadow:0 0 10px rgba(0,0,0,.1);}
.index_product1 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden; background:#f9f9f9;}
.index_product1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.index_product1 ul li:hover .img img{ transform:scale(1.1);}
.index_product1 ul li .txtbg{}
.index_product1 ul li .txt{ padding:15px 5%; color:#666;}
.index_product1 ul li .txt .h2{ font-size:18px; line-height:1.5em; height:1.5em; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.index_product1 ul li:hover .txt .h2{ color:var(--primary-color);}
.index_product1 ul li .txt .h3{ display:none;}
@media(max-width:999px){
.index_product1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px; }
.index_product1 ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
.index_product1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.index_product1 ul li .txt{ padding:10px 5%; }
.index_product1 ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; }
}


/*news1*/
.index_news1{ padding:40px 0; background:#f2f2f2;}
.index_news1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; background:#fff;}
.index_news1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.index_news1 ul li .nr_box{ border:1px solid #f2f2f2;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.index_news1 ul li .imgbg{ width:25%;}
.index_news1 ul li .img{ padding-bottom:70%; position:relative; overflow:hidden;}
.index_news1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.index_news1 ul li:hover .img img{ transform:scale(1.1);}
.index_news1 ul li .txtbg{ width:75%;}
.index_news1 ul li .txt{ padding:20px 20px; color:#666;}
.index_news1 ul li .txt .h2{ font-size:.94vw; line-height:1.5em; height:1.5em; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.index_news1 ul li:hover .txt .h2{ color:var(--primary-color);}
.index_news1 ul li .txt .h3{ font-size:.72vw; line-height:1.5em; height:3em; margin:10px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; margin:10px 0 0 0;}
.index_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;}
@media(max-width:999px){
.index_news1 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*news2*/
.index_news2{ padding:40px 0;}
.index_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 0 20px; border-bottom:1px solid #ccc; padding:20px 0;}
.index_news2 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.index_news2 ul li .txt{}
.index_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;}
.index_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;}
.index_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;}
.index_news2 ul li:hover .txt .h2 a{ color:var(--primary-color);}
.index_news2 ul li .txt .h2 span{ float:right; color:#999;}
@media(max-width:999px){
.index_news2 ul li{ float:left; width:100%; margin:0; }
}


/*news3*/
.index_news3{ padding:40px 0;}
.index_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; }
.index_news3 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.index_news3 ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.index_news3 ul li .date{ width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;}
.index_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;}
.index_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;}
.index_news3 ul li .txt{ width:calc(100% - 100px); color:#666;}
.index_news3 ul li .txt .h2{ font-size:.94vw; line-height:1.5em; height:1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.index_news3 ul li .txt .h2 a{ color:#333;}
.index_news3 ul li:hover .txt .h2 a{ color:var(--primary-color);}
.index_news3 ul li .txt .h3{ font-size:.72vw; line-height:1.5em; height:3em; margin:5px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
@media(max-width:999px){
.index_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


.footer{background:url(../images/bg4.png)}
.footer .foot{padding: 50px 0;}
.footer .foot ul{height: 175px;margin-left: 15%;}
.footer .foot ul li{ float:left; width:calc(100% / 6); margin:0 142px 20px 45px; }
.footer .foot ul li:nth-child(6n-5){ margin-left:0; clear:left;}
.footer .foot ul li:nth-child(2){width: 27%;}
.footer .foot ul li .mb-24{color:#cbcdd2;}
.footer .foot ul li .f-14{color:#a5aab3;}
.footer .foot ul li i.fa-phone{font-size: 45px;}
.footer .foot ul li .ph{width: 18%;}
.footer .foot ul li .ewm{width: 15%;}
.footer .foot ul li .ew{text-align: left;}
.f_info{background: #3c434c;color: #818690;padding: 20px 10%;}
.f_info2{display: none;}
/*footnav*/
.f_nav{ padding:40px 0;}
.f_nav>ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap: nowrap;}
.f_nav ul li{flex-grow:1;flex-shrink:1; margin-bottom:10px;}
.f_nav ul li a{ display:block; font-size:14px; line-height:24px;}
.f_nav>ul>li>a{ font-size:16px; line-height:26px; font-weight:bold; margin-bottom:10px; color:#333;}
@media(max-width:1699px){
.footer .foot ul{margin-left: 0;}
.footer .foot ul li{margin: 0 42px 20px 45px;width: calc(100% / 6);}
.footer .foot ul li:nth-child(2){width: 27%;}
}
@media(max-width:1440px){
.footer .foot ul{margin-left: 0;}
.footer .foot ul li{margin: 0 56px 20px 45px;width: calc(100% / 8);}
.footer .foot ul li:nth-child(2){width: 31%;}
}
@media(max-width:999px){
  .footer .foot,.f_info{display: none;}
  .f_info2{color: #fff;padding: 8px;display: flex;
    align-items: center;
    justify-content: center;}
}

/*inner_news1*/
.inside_news1{ }
.inside_news1 ul li{ padding:20px 0; border-bottom:1px solid #eee;}
.inside_news1 ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inside_news1 ul li .imgbg{ width:25%;}
.inside_news1 ul li .img{ position:relative; padding-bottom:70%; overflow:hidden; border-radius:10px;}
.inside_news1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease; background:#f9f9f9;}
.inside_news1 ul li:hover .img img{ transform:scale(1.1);}
.inside_news1 ul li .txtbg{ width:75%;}
.inside_news1 ul li .txt{ padding-left:5%; color:#666;}
.inside_news1 ul li .txt .h2{ font-size:18px; line-height:1.5em; color:#333; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.inside_news1 ul li:hover .txt .h2{ color:var(--primary-color);}
.inside_news1 ul li .txt .h3{ font-size:14px; line-height:1.5em; margin-bottom:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.inside_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; }
.inside_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;}
@media(max-width:999px){
.inside_news1 ul li .txt .h2{ font-size:14px; line-height:1.5em; height:auto;-webkit-line-clamp: 2; margin-bottom:5px;}
.inside_news1 ul li .txt .h3{ display:none;}
}



/*inner_news2*/
.inside_news2{ }
.inside_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 0 20px; border-bottom:1px solid #ccc; padding:20px 0;}
.inside_news2 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.inside_news2 ul li .txt{}
.inside_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;}
.inside_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;}
.inside_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;}
.inside_news2 ul li:hover .txt .h2 a{ color:var(--primary-color);}
.inside_news2 ul li .txt .h2 span{ float:right; color:#999;}
@media(max-width:999px){
.inside_news2 ul li{ float:left; width:100%; margin:0; }
}


/*inner_news3*/
.inside_news3{ }
.inside_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; }
.inside_news3 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.inside_news3 ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.inside_news3 ul li .date{ width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;}
.inside_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;}
.inside_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;}
.inside_news3 ul li .txt{ width:calc(100% - 100px); color:#666;}
.inside_news3 ul li .txt .h2{ font-size:.94vw; line-height:1.5em; height:1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.inside_news3 ul li .txt .h2 a{ color:#333;}
.inside_news3 ul li:hover .txt .h2 a{ color:var(--primary-color);}
.inside_news3 ul li .txt .h3{ font-size:.72vw; line-height:1.5em; height:3em; margin:5px 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
@media(max-width:999px){
    .inside_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}

/*inpic1*/
.inside_picList1{ }
.inside_picList1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 0 20px 20px; text-align:center; background:#f0f0f0; border-radius:10px; overflow:hidden;}
.inside_picList1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.inside_picList1 ul li .nr_box{ }
.inside_picList1 ul li .img{ padding-bottom:64%; position:relative; overflow:hidden;}
.inside_picList1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease; background:#f9f9f9;}
.inside_picList1 ul li:hover .img img{ transform:scale(1.1);}
.inside_picList1 ul li .txtbg{ position:relative;}
.inside_picList1 ul li .txtbg:before{ content:""; width:100%; height:100%; background:var(--primary-color); position:absolute; left:0; top:0; transition:transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); transform-origin:50% 100% 0;}
.inside_picList1 ul li:hover .txtbg:before{ transform:scaleY(1); transform-origin:50% 0 0;}
.inside_picList1 ul li .txt{ padding:15px 5%; color:#666; position:relative; z-index:2;}
.inside_picList1 ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.inside_picList1 ul li:hover .txt .h2{ color:#fff;}
.inside_picList1 ul li .txt .h3{ font-size:13px; }
.inside_picList1 ul li:hover .txt .h3{ color: #fff; }
@media(max-width:999px){
.inside_picList1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px; }
.inside_picList1 ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
.inside_picList1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.inside_picList1 ul li .txt{ padding:15px 5%; }
.inside_picList1 ul li .txt .h2{ font-size:14px; line-height:1.6em; height:1.6em; }
.inside_picList1 ul li .txt .h3{ font-size:12px; }
.inside_picList1 ul li:hover .txt .h3{ color: #fff; }
}

/*inphoto1*/
.inside_photo1{  }
.inside_photo1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 0 20px 20px; text-align:center; }
.inside_photo1 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.inside_photo1 ul li .nr_box{ border:1px solid #f2f2f2; border-radius:10px; overflow:hidden; padding:10px;}
.inside_photo1 ul li .imgbg{ position:relative; border-radius:10px; overflow:hidden;}
.inside_photo1 ul li .img{ padding-bottom:100%; position:relative; z-index:1;}
.inside_photo1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease; background:#f9f9f9;}
.inside_photo1 ul li:hover .img img{ transform:scale(1.1);}
.inside_photo1 ul li .imgbg:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; top:0; left:0; z-index:2; opacity:0; visibility:hidden; transition:all .3s ease;}
.inside_photo1 ul li:hover .imgbg:before{ opacity:1; visibility:visible;}
.inside_photo1 ul li i{ width:40px; height:40px; background:url(../images/ico_search1.png) center no-repeat; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; visibility:hidden; transition:all .3s ease;}
.inside_photo1 ul li:hover i{ opacity:1; visibility:visible;}
.inside_photo1 ul li .txtbg{  }
.inside_photo1 ul li .txt{ margin-top:10px; padding:0 5%; color:#666;}
.inside_photo1 ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.inside_photo1 ul li:hover .txt .h2{ color:var(--primary-color);}
.inside_photo1 ul li .txt .h3{ display:none;}
@media(max-width:999px){
.inside_photo1 ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px; }
.inside_photo1 ul li:nth-child(4n-3){ margin-left:10px; clear:none;}
.inside_photo1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
}


/*inside_download1*/
.inside_download1{ }
.inside_download1 ul li{ border-bottom:1px dashed #ccc; padding:20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inside_download1 ul li:nth-child(1){ padding-top:0;}
.inside_download1 ul li>i{ text-align:center; line-height:40px; font-size:40px; width:40px; text-align:center; color:var(--primary-color);}
.inside_download1 ul li .txt{ width:calc(100% - 200px); position:relative;}
.inside_download1 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; }
.inside_download1 ul li .txt .h2 a{ color:#333;}
.inside_download1 ul li:hover .txt .h2 a{ color:var(--primary-color);}
.inside_download1 ul li .txt .h3{ font-size:14px; line-height:24px;}
.inside_download1 ul li .txt .h3 span{ display:inline-block; margin:0 20px 0 0; color:#999;}
.inside_download1 ul li .down_btn{ }
.inside_download1 ul li .down_btn a{ display:block; background:var(--primary-color); color:#fff; width:120px; line-height:40px; text-align:center; font-size:14px; border-radius:4px;}
.inside_download1 ul li .down_btn a:hover{ opacity:.9;}
.inside_download1 ul li .down_btn a i{ margin-right:5px; vertical-align:middle;}
@media(max-width:999px){
.inside_download1 ul li{ padding:20px 0; flex-wrap:wrap;}
.inside_download1 ul li .txt{ width:calc(100% - 60px); }
.inside_download1 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; }
.inside_download1 ul li .txt .h3{ font-size:14px; line-height:24px;}
.inside_download1 ul li .txt .h3 span{ margin:0 10px 0 0; }
.inside_download1 ul li .down_btn{ width:100%; margin-top:10px;}
.inside_download1 ul li .down_btn a{ width:100%; line-height:40px; font-size:14px; }
}

/*inpro1*/
.inside_product1{ }
.inside_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 0 20px 20px; text-align:center; }
.inside_product1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.inside_product1 ul li .nr_box{ border:1px solid #f2f2f2; border-radius:10px; overflow:hidden; padding:10px;}
.inside_product1 ul li:hover .nr_box{ background:#f4f4f4;}
.inside_product1 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.inside_product1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.inside_product1 ul li:hover .img img{ transform:scale(1.1);}
.inside_product1 ul li .txtbg{}
.inside_product1 ul li .txt{ margin-top:10px; padding:0 5%; color:#666;}
.inside_product1 ul li .txt .h2{ font-size:16px; line-height:1.5em; height:1.5em; color:#333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.inside_product1 ul li:hover .txt .h2{ color:var(--primary-color);}
.inside_product1 ul li .txt .h3{ display:none;}
@media(max-width:999px){
.inside_product1 ul li{ float:left; width:100%; margin:0 0 20px 0; }
.inside_product1 ul li .txt .h2{ font-size:14px; line-height:1.5em; height:1.5em; }
}

/*innewsClass1*/
.itit1{}
.itit1 .h2{ height:20px; line-height:20px; font-size:20px;}
.itit1 .h2 strong{ float:left; font-weight:bold; border-left:5px solid var(--primary-color); padding-left:5px;}
.itit1 .h2 a{ float:right; font-size:14px; color:var(--primary-color);}
.inside_newsClass1{}
.inside_newsClass1_box{ padding:20px 0; border-bottom:1px solid #eee;}
.inside_newsClass1 .ilist{ padding:10px 10px 0 10px;}
.inside_newsClass1 .ilist ul li{ height:40px; line-height:40px; padding-left:15px; position:relative;}
.inside_newsClass1 .ilist ul li:before{ content:""; width:6px; height:6px; border-radius:100%; background:#ccc; position:absolute; left:0; top:17px;}
.inside_newsClass1 .ilist ul li a{ float:left; width:70%; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:16px;}
.inside_newsClass1 .ilist ul li span{ float:right; font-size:14px; color:#999;}

/*inproClass1*/
.imore1{}
.imore1 span{ display:inline-block; vertical-align:top; border:1px solid #fff; height:38px; line-height:38px; padding:0 20px; font-size:14px;}
.imore1 span:hover{ background:#fff; color:#333;}
.inside_proClass1{ }
.inside_proClass1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 0 20px 20px; text-align:center; background:#fff; position:relative;}
.inside_proClass1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.inside_proClass1 ul li .nr_box{ border:10px solid #eee;}
.inside_proClass1 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden;}
.inside_proClass1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.inside_proClass1 ul li:hover .img img{ transform:scale(1.1);}
.inside_proClass1 ul li .txtbg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inside_proClass1 ul li .txt{ padding:20px 5%; width:90%; color:#fff;}
.inside_proClass1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_proClass1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:999px){
.inside_proClass1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; }
.inside_proClass1 ul li:nth-child(3n-2){ margin-left:20px; clear:none;}
.inside_proClass1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
}


.m11_message1{}
.m11_message1 .list1{ margin-top:20px;}
.m11_message1 .list1 img{ display:block; width:100%; background:#f9f9f9;}
.m11_message1 .list2{ margin-top:20px;}
/*留言*/
.message1{}
.message1 form{}
.message1 form ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-end;
align-items: flex-end;
flex-wrap:wrap;}
.message1 form ul li{ width:48%; margin:0 0 20px 4%;}
.message1 form ul li.li1{ width:100%; margin-left:0;}
.message1 form ul li.li2{ text-align:right;}
.message1 form ul li:nth-child(1),.message1 form ul li:nth-child(3),.message1 form ul li:nth-child(6){ margin-left:0;}
.message1 form .h3{ width:100px; font-size:14px; line-height:24px; margin-bottom:5px;}
.message1 form .h3 font{ color:#f00;}
.message1 form .input_text{ border:1px solid #eee; background:#fff; height:40px; line-height:40px; padding:0 10px; width:calc(100% - 22px); }
.message1 form textarea{ border:1px solid #eee; background:#fff; height:120px; line-height:40px; padding:0 10px; width:calc(100% - 22px); display:block;}
.message1 form .yzm{ height:42px; }
.message1 form .input_text1{ border:1px solid #eee; background:#fff; height:40px; line-height:40px; padding:0 10px; width:calc(100% - 132px); float:left;}
.message1 form #sendcode{ border:1px solid var(--primary-color); background:var(--primary-color); color:#fff; height:42px; line-height:40px; width:100px; cursor:pointer; transition:all .3s ease; float:right;}
.message1 form #sendcode:hover{ opacity:.9;}
.message1 form #sendcode[disabled]{ background:#999;}
.message1 form .input_button{ border:1px solid var(--primary-color); background:var(--primary-color); color:#fff; height:42px; line-height:40px; width:50%; max-width:200px; cursor:pointer; transition:all .3s ease; margin-top:20px;}
.message1 form .input_button:hover{ border-color:var(--secondary-color); background:var(--secondary-color);}
@media(max-width:999px){
.message1 form ul{ display:block;}
.message1 form ul li{ width:100%; margin:0 0 10px 0;}
.message1 form ul li.li2{ text-align:center;}
.message1 form .h3{ font-size:14px; line-height:1.8em; margin-bottom:0;}
.message1 form .input_text{ height:38px; line-height:38px; padding:0 10px; width:calc(100% - 22px); font-size:14px;}
.message1 form textarea{ height:100px; line-height:38px; padding:0 10px; width:calc(100% - 22px); font-size:14px;}
.message1 form .yzm{ height:40px;}
.message1 form .input_text1{ height:38px; line-height:38px; padding:0 10px; width:calc(100% - 132px); font-size:14px;}
.message1 form #sendcode1{ height:40px; line-height:38px; width:100px; font-size:14px;}
.message1 form .input_button{ height:40px; line-height:38px; width:100%; max-width:100%; font-size:14px; margin-top:10px;}
}


/*联系*/
.inside_contact1{ font-size:.84vw; line-height:1.56vw;}
.inside_contact1 ul li{}
.inside_contact1 ul li h2{ font-size:1.56vw; line-height:1.5em;}
.inside_contact1 ul li i{ display:inline-block; text-align:center; width:1.56vw; height:1.56vw; line-height:1.56vw; margin-right:5px; color:var(--primary-color);}
.inside_contact1 ul li span{ display:inline-block; width:4.2vw; text-justify:inter-ideograph;
text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;}




















@charset "utf-8";

/**
 * @Author   zcool
 * @Date     2017-11-20
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
ol {
    margin: 0;
    padding: 0;
}

*,
::after,
::before {
    box-sizing: border-box;
    
}

.pure:before,
.pure:after {
    content: " ";
    display: table;
}

.pure:after {
    clear: both;
}

p {
    word-break: break-all;
    text-align: justify;
}

body {
    font: 12px "PingFang HK", " ", "Arial";
    color: #333;
    line-height: 1.5;
    overflow-x: hidden;
}

ol,
ul,
li {
    list-style-type: none;
    vertical-align: middle;
}

img {
    vertical-align: top;
    border: 0;
}

input,
select,
textarea,
button {
    vertical-align: middle;
}

textarea,
input {
    /*text-indent: 10px;*/
}


/*表单元素默认有10像素的缩进*/

input[type='submit'],
input[type='button'],
button {
    text-indent: 0;
    text-align: center;
    cursor: pointer;
}

label,
button,
a {
    cursor: pointer;
}

ins,
em,
b,
i {
    text-decoration: none;
    font-style: normal;
}


/* 去掉浏览器激活样式 */

select:focus,
textarea:focus,
input:focus,
button {
    outline: none;
}


/* 提示文字的初始样式 */

input::-webkit-input-placeholder,
input::-moz-input-placeholder,
textarea::-webkit-textarea-placeholder,
textarea::-moz-textarea-placeholder {
    color: #999;
    transition: color .5s;
}


/* 提示文字的激活样式 */

input:focus::-webkit-input-placeholder,
input:focus::-moz-input-placeholder,
input:hover::-webkit-input-placeholder,
input:hover::-moz-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-input-placeholder,
textarea:hover::-webkit-input-placeholder,
textarea:hover::-moz-input-placeholder {
    color: #c2c2c2;
}


/* table */

table {
    border-collapse: collapse;
    border-spacing: 0;
    font: inherit;
}


/* a_link */

a {
    color: inherit;
    text-decoration: none;
}

a[href] {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
em {
    font-weight: normal;
}

a,
span,
li,
b,
i,
label,
p,
strong,
div,
h1,
h2,
h3,
h4,
h5,
h6,
font,
small,
em,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    /*font-size: 14px;*/
}

p {
    line-height: 2;
}

font {
    font-size: inherit;
    font-style: inherit;
    color: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}


/*用来解决在安卓上的点击出现篮框问题*/

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*解决ios上去除微信点击蓝色边框 */

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
    height: 100%;
    width: 100%;
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px;
}

body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: #eee;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: #eee;
}


/*滚动动画的样式*/


/*.disable-hover {*/


/*pointer-events: none;*/


/*}*/

.scroll-animate.animated {
    visibility: hidden;
}

.font-fadeIn font {
    display: inline-block;
    min-width: 12px;
}

.scrolly {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}


/* 浮动与清浮动 */

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl::after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.text_overflow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-ahref] {
    cursor: pointer;
}

html {
    font-size: 100px;
}


/* 初始定义 */


.word {
    font-family: word;
}

.wc {
    color: #fff;
}

.mc {
    color: var(--primary-color);
}

.fc {
    color: #a2bccc;
}

.gc {
    color: #d7dee4;
}

.d-gc {
    color: #7f8c94;
}

.rc {
    color: #fe0000;
}

.grc {
    color: #69b22a;
}

h1 {
    font-size: 0.36rem;
    font-weight: bold;
}

h3 {
    font-size: 0.18rem;
    font-weight: bold;
}

h4 {
    font-size: 0.16rem;
    font-weight: bold;
}

.transi {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.color-linear {
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
}

.full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.max-wid {
    width: 84%;
    max-width: 1600px;
    margin: auto;
}

.layout-play {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    line-height: 64px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    color: var(--primary-color);
    font-size: 72px;
    text-indent: -18px;
    position: relative;
}

.layout-play:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s, transform 0.5s;
}

.layout-play:hover:after {
    opacity: 1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.layout-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.layout-flex .list {
    display: inline-block;
    float: left;
}

.layout-row {
    width: 100%;
}

.layout-row .layout-rowMain {
    max-width: 1200px;
    margin: auto;
    width: 80%;
}

.layout-pa-box {
    position: relative;
}

.layout-pa-box .layout-pa-right {
    position: absolute;
    right: 0;
}

.layout-pa-box .layout-pa-left {
    position: absolute;
    left: 0;
}


/* 新闻文章列表 */

.layout-articles {
    border-bottom: 1px solid #eee;
}

.layout-articles .layout-top {
    display: inline-block;
}

.layout-articles .layout-top h4.layout-title {
    text-align: left;
    font-weight: bold;
    font-size: 0.18rem;
    color: #333;
}

.layout-articles .layout-top>small {
    display: block;
    font-weight: 500;
    color: #6a6a6a;
    font-size: 0.13rem;
    margin: 0.15rem 0 0.2rem 0;
}

.layout-articles p {
    line-height: 150%;
    font-size: 14px;
}

.layout-articles .layout-btm {
    clear: both;
    height: 0.45rem;
    line-height: 0.45rem;
    padding: 0.3rem 0;
    position: relative;
    box-sizing: content-box;
}

.layout-articles .layout-btm>.btn {
    background-color: #f0f4f7;
    color: #6a6a6a;
    width: 1.25rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0.13rem;
}

.layout-articles:not(:last-child) {
    margin-bottom: 0.7rem;
}


/*box1:图片（上）+文字（下）*/

.layout-box1 {
    width: 100%;
}

.layout-box1 .photo {
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 16px;
}

.layout-box1 .photo>img {
    visibility: hidden;
}

.layout-box1 .txt h4 {
    height: 30px;
    line-height: 30px;
    margin: 30px 0;
}

.layout-box1 .txt p {
    height: 60px;
    line-height: 160%;
    overflow: hidden;
    color: #cacaca;
}

.layout-box1 .txt small {
    display: inline-block;
    margin: 18px 0;
}


/*box2:图片（左）+文字（右）*/

.layout-box2 {
    position: relative;
    padding: 20px;
    box-sizing: content-box;
    text-align: right;
}

.layout-box2 .pic {
    max-width: 50%;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
    height: 80%;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.layout-box2 .pic>img {
    opacity: 0;
    max-width: 100%;
}

.layout-box2 .txt {
    display: inline-block;
    text-align: left;
    width: 50%;
}

.layout-box2 .txt h4 {
    margin-bottom: 12px;
}

.layout-box2 .txt small {
    display: block;
    color: #8d8d8d;
}


/*列表*/

.layout-ul>li {
    height: 0.32rem;
    line-height: 0.32rem;
    position: relative;
    padding-left: 0.5rem;
}

.layout-ul>li>i {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    height: 0.3rem;
}


/*页码*/

.layout-page {
    text-align: center;
    padding: 24px 0;
}

.layout-page>ol>a {
    display: inline-block;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background-color: #f5f5f5;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.layout-page>ol>a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.layout-page>ol li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #cfced3;
    margin: 0 12px;
    cursor: pointer;
}

.layout-page>ol li.on {
    color: var(--primary-color);
}


/* 按钮 */

.layout-btn {
    border-radius: 50px;
    display: inline-block;
    min-width: 160px;
    text-align: center;
    color: #fff;
    height: 0.5rem;
    line-height: 0.5rem;
    position: relative;
    padding: 0 30px;
    box-shadow: 0 16px 43px -8px rgba(0, 101, 59, 0.6);
}

.layout-btn>span {
    color: inherit;
    position: relative;
    z-index: 3;
}

.layout-btn>i {
    color: inherit;
    position: relative;
    z-index: 3;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: inline-block;
}

.layout-btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50px;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    z-index: 2;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    pointer-events: none;
}

.layout-btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50px;
    z-index: 1;
    border-style: solid;
    border-width: 3px;
    border-color: var(--primary-color);
    background: transparent;
    pointer-events: none;
}

.layout-btn:hover:after {
    opacity: 1;
}

.layout-btn:hover:before {
    transform: scaleX(1.2);
    -webkit-transform: scaleX(1.2);
    -moz-transform: scaleX(1.2);
    -o-transform: scaleX(1.2);
    -ms-transform: scaleX(1.2);
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.layout-btn:hover>i {
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -o-transform: translateX(4px);
    -ms-transform: translateX(4px);
}


/* tab选项 */

.layout-tabBox ul.layout-part {
    overflow: hidden;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout-tabBox ul.layout-part>li {
    width: calc(100%/4);
    float: left;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
}

.layout-partList {
    width: 100%;
    height: 400px;
    padding: 6px;
}


/*输入框*/

.layout-inputBox {
    display: inline-block;
}

.layout-inputBox>h5 {
    height: 0.32rem;
    line-height: 0.32rem;
}

.layout-inputBox .input-text {
    height: 40px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.layout-inputBox .input-text>input {
    width: 100%;
    height: 100%;
    background-color: white;
    border: solid 1px #d4d4d4;
    font-weight: 400;
    padding: 0 10px;
    position: relative;
    z-index: 10;
}

.layout-inputBox .input-text>input:focus {
    background-color: transparent;
    border-color: transparent;
}

.layout-inputBox .input-text>input:focus~.input-border {
    background-color: white;
}

.layout-inputBox .input-text>input:focus~.input-border:first-of-type:before {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
}

.layout-inputBox .input-text>input:focus~.input-border:first-of-type:after {
    height: 100%;
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.layout-inputBox .input-text>input:focus~.input-border:last-of-type {
    background: transparent;
}

.layout-inputBox .input-text>input:focus~.input-border:last-of-type:before {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    width: 100%;
}

.layout-inputBox .input-text>input:focus~.input-border:last-of-type:after {
    height: 100%;
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all;
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
    top: 0;
}

.layout-inputBox .input-text .input-border {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.layout-inputBox .input-text .input-border:before,
.layout-inputBox .input-text .input-border:after {
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    background-color: #5b4c5c;
    -webkit-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

.layout-inputBox .input-text .input-border:first-of-type:before {
    height: 2px;
    left: 0;
    top: 0;
    width: 0;
}

.layout-inputBox .input-text .input-border:first-of-type:after {
    height: 0;
    right: 0;
    top: 0;
    width: 2px;
}

.layout-inputBox .input-text .input-border:last-of-type:before {
    background-color: #01afd1;
    height: 2px;
    top: calc(100% - 2px);
    right: 0;
    width: 0;
}

.layout-inputBox .input-text .input-border:last-of-type:after {
    background-color: #01afd1;
    height: 0;
    top: calc(100% - 2px);
    left: 0;
    width: 2px;
}


/*下拉框结构*/

.layout-down {
    display: inline-block;
    padding-right: 0.4rem;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
}

.layout-down span.downTxt {
    display: inline-block;
    width: 100px;
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
    padding: 0.04rem 0.08rem;
    height: 100%;
    vertical-align: top;
}

.layout-down span.downTxt:after {
    content: '';
    width: 1px;
    height: 50%;
    top: 0;
    bottom: 0;
    background-color: #ddd;
    right: 0;
    position: absolute;
    margin: auto;
}

.layout-down span.downIcon {
    position: absolute;
    right: 0;
    width: 0.4rem;
    top: 0;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    color: #fff;
    height: 0.4rem;
    line-height: 0.4rem;
}

.layout-down ul.down {
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    z-index: 100;
    display: none;
}

.layout-down ul.down>li {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.08rem;
    background-color: rgba(0, 0, 0, 0.5);
    float: left;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.layout-down ul.down>li>span {
    color: #bcbcbc;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.layout-down ul.down>li:hover {
    background-color: var(--primary-color);
}

.layout-down ul.down>li:hover>span {
    color: #fff;
}

.layout-down.active span.downIcon {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -o-transform: scale(-1);
    -ms-transform: scale(-1);
}

.picCut {
    position: relative;
}

.picCut>img.Tpic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 10;
    display: none;
}

.picCut .cutItem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.picCut .cutItem>.cut {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    overflow: hidden;
}

.picCut .cutItem>.cut>img {
    position: absolute;
    top: 0;
    left: 0;
}

.component {
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.4rem;
    max-width: 100%;
}

.component>ul {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.component>ul>li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.component>ul>li>img {
    display: block;
    max-width: 100%;
    opacity: 0;
    max-height: 100%;
}

.component>ul .current {
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
}

.component nav>a {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #5b4c5c;
    outline: none;
    overflow: visible;
    text-align: center;
    top: 50%;
    z-index: 1100;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.component nav .moveNext {
    right: 0;
}

.component .Tcon {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 11;
}

.component .Tcon>small {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: max-content;
}

.component .Tcon>small>.Tpage {
    color: #fff;
    font-size: 0.2rem;
}

.component .Tcon .txtChange {
    position: relative;
    height: 100%;
    width: 100%;
}

.component .Tcon .txtChange>[data-txt] {
    display: none;
    position: absolute;
    width: 80%;
    color: #fff;
    text-align: left;
    font-size: 0.24rem;
    pointer-events: none;
    transition: all 0.4s;
    -webkit-perspective: 1600px;
    perspective: 1600px;
}

.component .Tcon .txtChange>[data-txt].on {
    display: block;
}

.component .Tcon .txtChange>[data-txt].txtHide {
    -webkit-animation: fadeoOut 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: fadeoOut 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.component .Tcon .txtChange>[data-txt].txtShow {
    -webkit-animation: fadeIn 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: fadeIn 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.component .Tcon .pageChange a.movePrev {
    position: absolute;
    bottom: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: 0;
    color: #fff;
    background-color: transparent;
    font-size: 24px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.component .Tcon .pageChange a.movePrev:hover {
    opacity: 1;
}

.component .Tcon .pageChange a.moveNext {
    position: absolute;
    top: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: 0;
    color: #fff;
    background-color: transparent;
    font-size: 24px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.component .Tcon .pageChange a.moveNext:hover {
    opacity: 1;
}


/*.component .Tcon .pageChange {*/


/*  position: absolute;*/


/*  width: max-content;*/


/*  bottom: 0;*/


/*  left: 0;*/


/*  right: 0;*/


/*  margin: auto;*/


/*  display: flex;*/


/*  justify-content: center;*/


/*  align-items: center;*/


/*}*/


/*.component .Tcon .pageChange > li {*/


/*  background-color: #fff;*/


/*  display: inline-block;*/


/*  float: left;*/


/*  width: 0.3rem;*/


/*  height: 0.1rem;*/


/*  line-height: 0.1rem;*/


/*  margin: 0.2rem 0.2rem;*/


/*  transition: all 0.3s ease-out;*/


/*  -webkit-transition: all 0.3s ease-out;*/


/*  -moz-transition: all 0.3s ease-out;*/


/*  -o-transition: all 0.3s ease-out;*/


/*  -ms-transition: all 0.3s ease-out;*/


/*}*/


/*.component .Tcon .pageChange > li.on {*/


/*  background-color: #000;*/


/*}*/

.component-small {
    width: 650px;
    height: 290px;
}

.component-small>ul {
    width: 450px;
}

.component-fullwidth {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    background: transparent;
}

.component-fullwidth>ul {
    overflow: hidden;
}

.component-fullwidth>ul>li {
    overflow: hidden;
}

.component-fullwidth>ul>li>img {
    min-width: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.component-transparent {
    width: 900px;
    height: 500px;
}

.component-transparent>ul {
    width: 112px;
}

.webGL-slider {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 5;
}

.webGL-slider>img {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}

.webGL-slider canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transform-origin: 50% 50%;
}

.webGL-slider .pagination {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5vw;
    z-index: 6;
}

.webGL-slider .pagination:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 45px;
    width: 2px;
    height: calc(100% - 20px);
    background-color: #ffffff;
}

.webGL-slider .pagination>[data-slide] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    position: relative;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    outline: none;
    padding-bottom: 80px;
}

.webGL-slider .pagination>[data-slide]>span {
    position: absolute;
    top: 0;
    height: 2px;
    width: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    left: 30px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(1) {
    width: 25px;
    top: 10px;
    left: 20px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(2) {
    top: 18px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(3) {
    top: 26px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(4) {
    top: 34px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(5) {
    top: 42px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(6) {
    top: 50px;
    width: 20px;
    left: 25px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(7) {
    top: 58px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(8) {
    top: 66px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(9) {
    top: 74px;
}

.webGL-slider .pagination>[data-slide]>span:nth-of-type(10) {
    top: 82px;
}

.webGL-slider .pagination>[data-slide].lat {
    padding-bottom: 22px;
}

.webGL-slider .pagination>[data-slide].lat>span {
    display: none;
}

.webGL-slider .pagination>[data-slide].lat>span:nth-of-type(1) {
    display: inline-block;
    width: 25px;
    top: 10px;
    left: 20px;
}

.webGL-slider .pagination>[data-slide].lat2>span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go {
    color: #ffffff;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(1) {
    transition-delay: 0s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(2) {
    transition-delay: 0.4s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(3) {
    transition-delay: 0.8s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(4) {
    transition-delay: 1.2s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(5) {
    transition-delay: 1.6s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(6) {
    transition-delay: 2.0s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(7) {
    transition-delay: 2.4s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(8) {
    transition-delay: 2.8s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(9) {
    transition-delay: 3.2s;
}

.webGL-slider .pagination>[data-slide]:nth-of-type(2).go>span:nth-of-type(10) {
    transition-delay: 3.6s;
}

.webGL-slider .pagination>[data-slide].on {
    color: #ffffff;
}

.webGL-slider .pagination>[data-slide].on>span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(1) {
    transition-delay: 0s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(2) {
    transition-delay: 0.4s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(3) {
    transition-delay: 0.8s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(4) {
    transition-delay: 1.2s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(5) {
    transition-delay: 1.6s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(6) {
    transition-delay: 2.0s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(7) {
    transition-delay: 2.4s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(8) {
    transition-delay: 2.8s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(9) {
    transition-delay: 3.2s;
}

.webGL-slider .pagination>[data-slide].on>span:nth-of-type(10) {
    transition-delay: 3.6s;
}

.webGL-slider a.move-prev {
    position: absolute;
    bottom: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: 0;
    color: #fff;
    background-color: transparent;
    font-size: 24px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.webGL-slider a.move-prev:hover {
    opacity: 1;
}

.webGL-slider a.move-next {
    position: absolute;
    top: 100%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin: 0;
    color: #fff;
    background-color: transparent;
    font-size: 24px;
    opacity: 0.6;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.webGL-slider a.move-next:hover {
    opacity: 1;
}


/*弹窗*/

.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.dialog .dialog_mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1001;
    background: rgba(55, 58, 71, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.dialog .dialog_content {
    width: 50%;
    max-width: 560px;
    min-width: 290px;
    background: #fff;
    padding: 4em;
    text-align: center;
    position: relative;
    z-index: 1005;
    opacity: 0;
}

.dialog.dialog--open,
.dialog.dialog--close {
    visibility: visible;
}

.dialog.dialog--open .dialog_mask,
.dialog.dialog--close .dialog_mask {
    opacity: 1;
    pointer-events: auto;
}

.dialog.dialog--open .dialog_content,
.dialog.dialog--close .dialog_content {
    opacity: 1;
    pointer-events: auto;
}

.dialog.dialog--close .dialog_mask {
    opacity: 0;
}

.fullMenu {
    position: fixed;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    pointer-events: none;
}

.fullMenu .menu-box {
    width: 100vw;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 10vh;
    left: 0;
    /*pointer-events: none;*/
    z-index: 100;
}

.fullMenu .menu-box .menu-item {
    display: none;
}

.fullMenu .menu-box .menu-item .menu-list {
    color: #000;
    font-family: word;
    font-size: 24px;
    opacity: 1;
    display: block;
    margin: 0.25em 0;
    pointer-events: auto;
}

.menu-list a {
    color: #fff;
    display: block;
    line-height: 2;
}

.menu-list>a>i {
    font-size: 24px;
}

.menu-list>a {
    font-size: 24px;
}

.menu-list>div {
    display: none;
}

.menu-list>div>a {
    font-size: 18px;
    line-height: 2;
}

.fullMenu .menu-box .menu-item.is-opened {
    display: block;
    text-align: center;
    width: 100%;
}

.fullMenu .shape-overlays {
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(1) {
    fill: #000;
}

.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(2) {
    fill: #1d1d1f;
}

.fullMenu .shape-overlays .shape-overlays__path:nth-of-type(3) {
    fill: var(--primary-color);
}


/*animate补充动画*/

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -10px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}

.scaleIn {
    animation-name: scaleIn;
}

.fadeIn {
    animation-delay: 0.3s;
    animation-timing-function: linear;
}

.f-160 {
    font-size: 160px;
}

.f-60 {
    font-size: 60px;
}

.f-50 {
    font-size: 50px;
}

.f-48 {
    font-size: 48px;
}

.f-46 {
    font-size: 46px;
}

.f-44 {
    font-size: 44px;
}

.f-42 {
    font-size: 42px;
}

.f-40 {
    font-size: 40px;
}

.f-38 {
    font-size: 38px;
}

.f-36 {
    font-size: 36px;
}

.f-34 {
    font-size: 34px;
}

.f-32 {
    font-size: 32px;
}

.f-30 {
    font-size: 30px;
}

.f-28 {
    font-size: 28px;
}

.f-26 {
    font-size: 26px;
}

.f-24 {
    font-size: 24px;
}

.f-22 {
    font-size: 22px;
}

.f-20 {
    font-size: 20px;
}

.f-18 {
    font-size: 18px;
}

.f-16 {
    font-size: 16px;
}

.f-14 {
    font-size: 14px;
}

.f-12 {
    font-size: 12px;
}

.f-light {
    font-weight: lighter;
}

.f-bold {
    font-weight: bold;
}

.f-500 {
    font-weight: 500;
}

.f-i {
    font-style: italic;
}

.f-left {
    text-align: left;
}

.f-center {
    text-align: center;
}

.f-right {
    text-align: right;
}

.up-word {
    text-transform: uppercase;
}

.v-show {
    visibility: visible;
}

.v-hide {
    visibility: hidden;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.back-cover {
    background-size: cover;
}

.back-contain {
    background-size: contain;
}

.wid-10 {
    width: 10%;
}

.wid-20 {
    width: 20%;
}

.wid-30 {
    width: 30%;
}

.wid-40 {
    width: 40%;
}

.wid-50 {
    width: 50%;
}

.wid-60 {
    width: 60%;
}

.wid-70 {
    width: 70%;
}

.wid-80 {
    width: 80%;
}

.wid-90 {
    width: 90%;
}

.wid-100 {
    width: 100%;
}

.op-0 {
    opacity: 0;
}

.op-1 {
    opacity: 0.1;
}

.op-2 {
    opacity: 0.2;
}

.op-3 {
    opacity: 0.3;
}

.op-4 {
    opacity: 0.4;
}

.op-5 {
    opacity: 0.5;
}

.op-6 {
    opacity: 0.6;
}

.op-7 {
    opacity: 0.7;
}

.op-8 {
    opacity: 0.8;
}

.op-9 {
    opacity: 0.9;
}

.op-10 {
    opacity: 1;
}

.layout-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.layout-v-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.layout-h-middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.layout-tab {
    display: table;
}

.layout-tab>.cell {
    display: table-cell;
    vertical-align: middle;
}

.mt-1 {
    margin-top: 1px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-14 {
    margin-top: 14px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-28 {
    margin-top: 28px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-34 {
    margin-top: 34px;
}

.mt-36 {
    margin-top: 36px;
}

.mt-38 {
    margin-top: 38px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-42 {
    margin-top: 42px;
}

.mt-44 {
    margin-top: 44px;
}

.mt-46 {
    margin-top: 46px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-1 {
    margin-bottom: 1px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-7 {
    margin-bottom: 7px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-9 {
    margin-bottom: 9px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-22 {
    margin-bottom: 22px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-26 {
    margin-bottom: 26px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-34 {
    margin-bottom: 34px;
}

.mb-36 {
    margin-bottom: 36px;
}

.mb-38 {
    margin-bottom: 38px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-42 {
    margin-bottom: 42px;
}

.mb-44 {
    margin-bottom: 44px;
}

.mb-46 {
    margin-bottom: 46px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-1 {
    margin-left: 1px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-7 {
    margin-left: 7px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-9 {
    margin-left: 9px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-14 {
    margin-left: 14px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-18 {
    margin-left: 18px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-22 {
    margin-left: 22px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-26 {
    margin-left: 26px;
}

.ml-28 {
    margin-left: 28px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-32 {
    margin-left: 32px;
}

.ml-34 {
    margin-left: 34px;
}

.ml-36 {
    margin-left: 36px;
}

.ml-38 {
    margin-left: 38px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-42 {
    margin-left: 42px;
}

.ml-44 {
    margin-left: 44px;
}

.ml-46 {
    margin-left: 46px;
}

.ml-48 {
    margin-left: 48px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-1 {
    margin-right: 1px;
}

.mr-3 {
    margin-right: 3px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-7 {
    margin-right: 7px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-9 {
    margin-right: 9px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-14 {
    margin-right: 14px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-18 {
    margin-right: 18px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-22 {
    margin-right: 22px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-26 {
    margin-right: 26px;
}

.mr-28 {
    margin-right: 28px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-32 {
    margin-right: 32px;
}

.mr-34 {
    margin-right: 34px;
}

.mr-36 {
    margin-right: 36px;
}

.mr-38 {
    margin-right: 38px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-42 {
    margin-right: 42px;
}

.mr-44 {
    margin-right: 44px;
}

.mr-46 {
    margin-right: 46px;
}

.mr-48 {
    margin-right: 48px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.pt-1 {
    padding-top: 1px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-9 {
    padding-top: 9px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-14 {
    padding-top: 14px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-18 {
    padding-top: 18px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-26 {
    padding-top: 26px;
}

.pt-28 {
    padding-top: 28px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-34 {
    padding-top: 34px;
}

.pt-36 {
    padding-top: 36px;
}

.pt-38 {
    padding-top: 38px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-42 {
    padding-top: 42px;
}

.pt-44 {
    padding-top: 44px;
}

.pt-46 {
    padding-top: 46px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-1 {
    padding-bottom: 1px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-6 {
    padding-bottom: 6px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-9 {
    padding-bottom: 9px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-22 {
    padding-bottom: 22px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-26 {
    padding-bottom: 26px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-34 {
    padding-bottom: 34px;
}

.pb-36 {
    padding-bottom: 36px;
}

.pb-38 {
    padding-bottom: 38px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-42 {
    padding-bottom: 42px;
}

.pb-44 {
    padding-bottom: 44px;
}

.pb-46 {
    padding-bottom: 46px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-1 {
    padding-left: 1px;
}

.pl-3 {
    padding-left: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pl-7 {
    padding-left: 7px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-9 {
    padding-left: 9px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-12 {
    padding-left: 12px;
}

.pl-14 {
    padding-left: 14px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-18 {
    padding-left: 18px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-22 {
    padding-left: 22px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-26 {
    padding-left: 26px;
}

.pl-28 {
    padding-left: 28px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-32 {
    padding-left: 32px;
}

.pl-34 {
    padding-left: 34px;
}

.pl-36 {
    padding-left: 36px;
}

.pl-38 {
    padding-left: 38px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-42 {
    padding-left: 42px;
}

.pl-44 {
    padding-left: 44px;
}

.pl-46 {
    padding-left: 46px;
}

.pl-48 {
    padding-left: 48px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-1 {
    padding-right: 1px;
}

.pr-3 {
    padding-right: 3px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-7 {
    padding-right: 7px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-9 {
    padding-right: 9px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-14 {
    padding-right: 14px;
}

.pr-16 {
    padding-right: 16px;
}

.pr-18 {
    padding-right: 18px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-22 {
    padding-right: 22px;
}

.pr-24 {
    padding-right: 24px;
}

.pr-26 {
    padding-right: 26px;
}

.pr-28 {
    padding-right: 28px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-32 {
    padding-right: 32px;
}

.pr-34 {
    padding-right: 34px;
}

.pr-36 {
    padding-right: 36px;
}

.pr-38 {
    padding-right: 38px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-42 {
    padding-right: 42px;
}

.pr-44 {
    padding-right: 44px;
}

.pr-46 {
    padding-right: 46px;
}

.pr-48 {
    padding-right: 48px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}


/* input:range样式 */

input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    background: -webkit-linear-gradient(#059cfa, #059cfa) no-repeat;
    background-size: 0% 100%;
    border-radius: 10px;
    /*这个属性设置使填充进度条时的图形为圆角*/
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    border-radius: 0px;
    /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 12px 12px #0d1112;
    /*轨道内置阴影效果*/
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -12px;
    /*使滑块超出轨道部分的偏移量相等*/
    background: #69adff;
    border-radius: 50%;
    /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5);
    /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547;
    /*添加底部阴影*/
}

input[type=range]::-moz-range-progress {
    background: linear-gradient(to right, #059cfa, #ffffff 100%, #ffffff);
    height: 13px;
    border-radius: 10px;
}

input[type=range]::-ms-track {
    height: 25px;
    border-radius: 10px;
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112;
    border-color: transparent;
    /*去除原有边框*/
    color: transparent;
    /*去除轨道内的竖线*/
}

input[type=range]::-ms-thumb {
    border: solid 0.125em rgba(205, 224, 230, 0.5);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #ffffff;
    margin-top: -5px;
    box-shadow: 0 .125em .125em #3b4547;
}

input[type=range]::-ms-fill-lower {
    /*进度条已填充的部分*/
    height: 22px;
    border-radius: 10px;
    background: linear-gradient(to right, #059cfa, #ffffff 100%, #ffffff);
}

input[type=range]::-ms-fill-upper {
    /*进度条未填充的部分*/
    height: 22px;
    border-radius: 10px;
    background: #ffffff;
}

input[type=range]:focus::-ms-fill-lower {
    background: linear-gradient(to right, #059cfa, #ffffff 100%, #ffffff);
}

input[type=range]:focus::-ms-fill-upper {
    background: #ffffff;
}


/*基础结构*/

#bloc {
    position: relative;
    min-height: 100%;
}

#bloc #loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #34495e;
}

#bloc #loader #loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

header {
    position: fixed;
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    top: 0;
    z-index: 1005;
    background-color: transparent;
    pointer-events: none;
}

header .pul_logo {
    position: absolute;
    height: 54px;
    left: 5vw;
    top: 4vh;
    pointer-events: auto;
    display: block;
    transition: all .5s ease;
}

.pul_logo img {
    height: 100%;
    display: block;
}

header .nav_con .pul_logo {
    top: 23px;
    left: 3vw;
    pointer-events: auto;
}

header .nav {
    position: absolute;
    top: 0;
    height: 100%;
    right: 5vw;
    transition: all .5s ease;
}

.full-menu {
    width: 64px;
    height: 64px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 4vh;
    right: 0;
    z-index: 110;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: auto;
    color: var(--primary-color);
    text-align: center;
    line-height: 64px;
    font-size: 32px;
    text-indent: 2px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

header .nav .full-menu:after {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 4px solid #a2bccc;
    border-radius: 50%;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: menu_circle;
    animation-name: menu_circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes menu_circle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

#bloc footer #toTop {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    line-height: 0.5rem;
    text-align: center;
    background-color: var(--primary-color);
}

#bloc footer .f-main {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#bloc footer .f-main .max-wid {
    padding: 1rem 0 0.5rem 0;
}

#bloc footer .f-main .max-wid>ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#bloc footer .f-main .max-wid>ul>li span {
    display: inline-block;
}

#bloc footer .f-main .max-wid>ul>li h3 {
    color: #cbcdd2;
}

#bloc footer .f-main .max-wid>ul>li p {
    color: #a5aab3;
}

#bloc footer .f-main .max-wid>ul>li i {
    vertical-align: sub;
    text-align: center;
    color: #a5aab3;
}

#bloc footer .web-msg {
    padding: 0.3rem 0;
    background-color: #3c434c;
    overflow: hidden;
}

#bloc footer .web-msg span {
    color: #818690;
}

#medio_dialog {
    z-index: 2000;
}

#medio_dialog .dialog_content {
    width: auto;
    max-width: inherit;
    min-width: inherit;
    padding: 2em;
}

#medio_dialog .dialog_content video {
    width: 70vw;
    object-fit: cover;
}

#medio_dialog .dialog_content [data-dialog-close] {
    position: absolute;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    line-height: 0.38rem;
    text-align: center;
    right: 0rem;
    top: 0rem;
}


/*页面结构*/

img.classGo,
.pic.classGo {
    transition: all 1.2s ease-out;
    -webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    -ms-transition: all 1.2s ease-out;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    filter: blur(30px);
    visibility: visible!important;
}

img.classGo.go,
.pic.classGo.go {
    width: 100%;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0);
}

#index .row {
    padding: 0.8rem 0;
}

#index .row .title {
    display: block;
}

#index .row .title>small {
    display: inline-block;
}

#top {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#top .indexBanner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

#top .indexBanner .webGL-slider {
    position: absolute;
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../images/banner-bg.png) center repeat rgba(0, 0, 0, 0.15);
}

.dis_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
}

.dis_bg img {
    width: 100%;
    display: block;
}

#water {
    position: absolute;
    width: 23vw;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    z-index: 4;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    opacity: 0.8;
}

#top .indexBanner .webGL-slider .txt-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.indexBanner .webGL-slider .txt-item>li {
    position: absolute;
    top: 50%;
    left: 10vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.indexBanner .webGL-slider .txt-item>li>a {
    position: absolute;
    display: inline-block;
    top: 30vh;
    left: 0;
}

.indexBanner .webGL-slider .txt-item>li>a>i {
    font-size: 32px;
    opacity: 0;
    vertical-align: middle;
    display: inline-block;
    animation: fadeInLeftSmall 1.5s ease forwards;
    animation-delay: 1s;
}

#index #top .indexBanner #component #water {
    position: absolute;
    width: 20vw;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    z-index: 11;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    opacity: 0.8;
}

#index #top .indexBanner #component .Tcon .txtChange {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

#index #top .indexBanner #component .Tcon .txtChange>li {
    position: absolute;
    top: 50%;
    left: 10vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#index #top .indexBanner #component .Tcon .txtChange>li>a {
    position: absolute;
    display: inline-block;
    top: 30vh;
    left: 0;
}

#index #top .indexBanner #component .Tcon .txtChange>li>a>i {
    font-size: 32px;
    opacity: 0;
    vertical-align: middle;
    display: inline-block;
    animation: fadeInLeftSmall 1.5s ease forwards;
    animation-delay: 1s;
}

#index #top .indexBanner #component .Tcon .pageChange {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5vw;
    z-index: 6;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on {
    opacity: 1;
}

#index #top .indexBanner #component .Tcon .pageChange:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 45px;
    width: 2px;
    height: calc(100% - 20px);
    background-color: #ffffff;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    position: relative;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    outline: none;
    padding-bottom: 80px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span {
    position: absolute;
    top: 0;
    height: 2px;
    width: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    left: 30px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(1) {
    width: 25px;
    top: 10px;
    left: 20px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(2) {
    top: 18px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(3) {
    top: 26px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(4) {
    top: 34px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(5) {
    top: 42px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(6) {
    top: 50px;
    width: 20px;
    left: 25px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(7) {
    top: 58px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(8) {
    top: 66px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(9) {
    top: 74px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]>span:nth-of-type(10) {
    top: 82px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].lat {
    padding-bottom: 22px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].lat>span {
    display: none;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].lat>span:nth-of-type(1) {
    display: inline-block;
    width: 25px;
    top: 10px;
    left: 20px;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].lat2>span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go {
    color: #ffffff;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(1) {
    transition-delay: 0s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(2) {
    transition-delay: 0.4s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(3) {
    transition-delay: 0.8s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(4) {
    transition-delay: 1.2s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(5) {
    transition-delay: 1.6s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(6) {
    transition-delay: 2.0s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(7) {
    transition-delay: 2.4s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(8) {
    transition-delay: 2.8s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(9) {
    transition-delay: 3.2s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change]:nth-of-type(2).go>span:nth-of-type(10) {
    transition-delay: 3.6s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on {
    color: #ffffff;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span {
    background-color: #ffffff;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(1) {
    transition-delay: 0s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(2) {
    transition-delay: 0.4s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(3) {
    transition-delay: 0.8s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(4) {
    transition-delay: 1.2s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(5) {
    transition-delay: 1.6s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(6) {
    transition-delay: 2.0s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(7) {
    transition-delay: 2.4s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(8) {
    transition-delay: 2.8s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(9) {
    transition-delay: 3.2s;
}

#index #top .indexBanner #component .Tcon .pageChange>[data-change].on>span:nth-of-type(10) {
    transition-delay: 3.6s;
}

.indexBanner .scr {
    position: absolute;
    z-index: 10;
    bottom: 4vh;
    right: 5vw;
    padding-top: 90px;
    cursor: pointer;
}

.indexBanner .scr>span {
    position: absolute;
    top: 0;
    left: -42%;
    text-align: center;
    width: 84px;
    height: 84px;
    line-height: 84px;
    display: block;
    letter-spacing: 7px;
    /* transform: translateX(-50%) rotate(90deg); */
    /* -webkit-transform: translateX(-50%) rotate(90deg); */
    -moz-transform: translateX(-50%) rotate(90deg);
    -o-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
}

.indexBanner .scr #mouse {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
}

.indexBanner .scr #mouse #mouse-move {
    animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}



@keyframes Tmouse {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
    }
}



#index #main .r1 {
    position: relative;
}

#index #main .r1 .r-main {
    position: relative;
    z-index: 10;
}

#index #main .r1 .r-main .wid-50 {
    margin-left:40%;
    position: relative;
    z-index: 10;
}

#index #main .r1 .r-main .wid-50 .con {
    padding-left: 25%;
    padding-right: 0;
    position: relative;
}

#index #main .r1 .r-main .wid-50 .con>a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    float: right;
    margin-top: 16px;
}

#index #main .r1 .r-main .wid-50 .con>a>i {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    font-size: 14px;
    color: #fff;
    text-indent: 10px;
    vertical-align: top;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6)
}

#index #main .r1 .r-main .wid-50 .con .pic_child {
    position: absolute;
    width: 62%;
    right: 100%;
    bottom: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    box-shadow: 0 22px 68px -5px rgba(22, 56, 75, 0.36);
}

#index #main .r1 .r-main .wid-50 .con .pic_child .img img{width: 100%;height: 100%;}

#index #main .r1 .r-main .wid-50 .con .pic_child>img {
    width: 100%;
}

#index #main .r1 .r-main .wid-50 .con .pic_child .layout-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 69px;
}

#index #main .r1 .r-main .wid-50 .pic {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 22px 68px -5px rgba(22, 56, 75, 0.36);
}

#index #main .r1 .r-main .wid-50 .pic img {
    width: 100%;
}

#index #main .r1 .r-main .bg2 {
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position-x: 0!important;
    background-size: 10%;
}

#index #main .r1 .r-main .more {
    position: absolute;
    padding-left: 16vw;
    z-index: 8;
    bottom: 0.4rem;
}

#index #main .r1 .r-main .more>a {
    letter-spacing: 8px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
}

#index #main .r1 .r-main .more>a>i {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    line-height: 23px;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-indent: 6px;
    vertical-align: top;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6);
}

#index #main .r1 .r-main .more:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 12vw;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #d7dee4;
}

#index #main .r1 .bg {
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 60%;
    background-color: transparent;
}

#index #main .r2 {
    padding-bottom: 1rem;
}

#index #main .btnimg{width: 70%;margin: auto;margin-bottom: 20px;}
#index #main .btnimg img{width: 100%;}


#index .r2 .title {
    position: relative;
}

#index .r2 .title>a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    bottom: 14px;
}

#index .r2 .title>a>i {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    font-size: 14px;
    color: #fff;
    text-indent: 10px;
    vertical-align: top;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6)
}

#index #main .r2 .r-main .new-box {
    border-radius: 30px;
    background-color: #fff;
    position: relative;
    margin-top: 46px;
    box-shadow: 0 23px 90px -5px rgba(29, 56, 72, 0.17);
}

#index #main .r2 .r-main .new-box .new-list {
    position: relative;
    width: 100%;
}

#index #main .r2 .r-main .new-box .new-list .fl {
  width: 800px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: opacity 0.5s ease-in-out, transform 1.6s ease-in-out;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list .con {
    position: absolute;
    top: 0.4rem;
    width: 68%;
    left: 0.4rem;
    z-index: 5;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list .con .date {
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    font-family: word;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list .con .date>b {
    color: #fff;
    font-weight: 500;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    font-family: word;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list .pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list .pic img{width: 100%;}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list.on {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

#index #main .r2 .r-main .new-box .new-list .fl .pic-list.moveIn {
    visibility: visible;
    opacity: 1;
    z-index: 6;
    animation: scaleIn 1s ease-in-out;
}

#index #main .r2 .r-main .new-box .new-list .fr {
    padding: 0.5rem 0.6rem;
    float: none;
    margin-left: 50%;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 8px;
    position: relative;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li span {
    display: inline-block;
    vertical-align: top;
    height: 0.8rem;
    line-height: 0.74rem;
    width: 110px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    font-family: word;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li span>b {
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    font-family: word;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li a {
    height: 0.8rem;
    line-height: 0.8rem;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 120px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    font-weight: bold;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:last-of-type {
    border: none;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:after {
    content: "";
    position: absolute;
    width: 0.6rem;
    height: 2px;
    background-color: var(--primary-color);
    right: calc(100% + 0.2rem);
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:hover {
    padding-left: 0;
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:hover span {
    color: var(--primary-color);
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:hover span b {
    color: var(--primary-color);
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:hover a {
    color: var(--primary-color);
}

#index #main .r2 .r-main .new-box .new-list .fr>ul>li:hover:after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

#index #main .r2 .r-main .new-box .new-list .new-more {
    position: absolute;
    bottom: -0.2rem;
    left: 0.4rem;
    z-index: 10;
}

#index #main .r2 .r-main .new-box .new-list .new-more:hover span{color: #fff;}

#index #main .r2 .r-main .new-box .new-tab {
    position: absolute;
    right: 148px;
    bottom: calc(100% + 46px);
    display: flex;
    justify-content: center;
}

#index #main .r2 .r-main .new-box .new-tab>a {
    height: 50px;
    line-height: 50px;
    margin: 0 26px;
    color: #a2bccc;
    font-size: 22px;
}

#index #main .r2 .r-main .new-box .new-tab>li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: relative;
    margin: 0 12px;
    cursor: pointer;
}

#index #main .r2 .r-main .new-box .new-tab>li span {
    position: relative;
    z-index: 3;
    color: #a2bccc;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

#index #main .r2 .r-main .new-box .new-tab>li:after {
    content: "";
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    border-radius: 50%;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: opacity 0.3s, transform 0.8s;
}

#index #main .r2 .r-main .new-box .new-tab>li.on span {
    color: #fff;
}

#index #main .r2 .r-main .new-box .new-tab>li.on:after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0px);
    box-shadow: 0 18px 43px -6px rgba(0, 101, 59, 0.6);
}

#index #main .r2 .r-main .new-box .new-tab>li:hover span {
    color: #fff;
}

#index #main .r2 .r-main .new-box .new-tab>li:hover:after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0px);
}

#index #main .r3 {
    position: relative;
    padding-bottom: 0;
}

#index #main .r3 .r-main {
    position: relative;
    z-index: 10;
}

#index #main .r3 .r-main .home-pro {
    text-align: right;
    position: relative;
    margin-top: 1rem;
    z-index: 10;
    min-height: 560px;
}

#index #main .r3 .r-main .home-pro>li {
    position: absolute;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(30px);
    transition: all 0.8s ease-in-out;
}

#index #main .r3 .r-main .home-pro>li.on {
    z-index: 3;
    opacity: 1;
    transform: none;
    visibility: visible;
    pointer-events: auto;
}

#index #main .r3 .r-main .home-pro>li .r-left {
    position: absolute;
    height: 100%;
    width: calc(100%/3);
    top: 0;
    left: 0;
    text-align: left;
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box>ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box>ul>li {
    padding: 0.1rem 0 20% 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s ease-out;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box>ul>li>a {
    position: absolute;
    bottom: 6%;
    left: 0;
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box>ul>li.on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

#index #main .r3 .r-main .home-pro>li .r-left .msg-box>ul>li.move {
    opacity: 1;
    visibility: visible;
    animation: fadeInUpSmall 1.2s ease-in-out forwards;
}

#index #main .r3 .r-main .home-pro>li .r-right {
    text-align: left;
    width: calc(200%/3);
    display: inline-block;
    position: relative;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider {
    width: calc(300%/4);
    margin: auto;
    position: relative;
    opacity: 0;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li {
    background: #ffffff;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 30px;
    transform: scale(0.4) translateX(-90px);
    -webkit-transform: scale(0.4) translateX(-90px);
    -moz-transform: scale(0.4) translateX(-90px);
    -o-transform: scale(0.4) translateX(-90px);
    -ms-transform: scale(0.4) translateX(-90px);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9);
    transform-origin: 0 50%;
    box-shadow: 0 23px 90px -10px rgba(29, 56, 75, 0.17);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .pic {
    width: calc(200%/3);
    position: relative;
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    top: 10%;
    height: 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .type {
    letter-spacing: 30px;
    color: #eff3f6;
    z-index: 3;
    text-align: center;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 150px;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .note {
    position: absolute;
    z-index: 5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform-origin: 100% 50%;
    bottom: 8%;
    left: 50%;
    white-space: nowrap;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .num {
    position: absolute;
    display: inline-block;
    width: calc(100%/6);
    text-align: center;
    bottom: 20px;
    right: 0;
    z-index: 5;
    opacity: 0;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.on {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
    -moz-transform: scale(1) translateX(0px);
    -o-transform: scale(1) translateX(0px);
    -ms-transform: scale(1) translateX(0px);
    pointer-events: auto;
    opacity: 1;
    z-index: 10;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.on .pic {
    opacity: 1;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.n1 {
    transform: scale(0.8) translateX(-30px);
    -webkit-transform: scale(0.8) translateX(-30px);
    -moz-transform: scale(0.8) translateX(-30px);
    -o-transform: scale(0.8) translateX(-30px);
    -ms-transform: scale(0.8) translateX(-30px);
    opacity: 0.8;
    z-index: 8;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.n2 {
    transform: scale(0.6) translateX(-70px);
    -webkit-transform: scale(0.6) translateX(-70px);
    -moz-transform: scale(0.6) translateX(-70px);
    -o-transform: scale(0.6) translateX(-70px);
    -ms-transform: scale(0.6) translateX(-70px);
    opacity: 0.6;
    z-index: 7;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.move {
    transform: scale(1) translateX(30px);
    -webkit-transform: scale(1) translateX(30px);
    -moz-transform: scale(1) translateX(30px);
    -o-transform: scale(1) translateX(30px);
    -ms-transform: scale(1) translateX(30px);
    pointer-events: none;
    opacity: 0;
    z-index: 7;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.cur_move {
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
    -moz-transform: scale(1) translateX(0px);
    -o-transform: scale(1) translateX(0px);
    -ms-transform: scale(1) translateX(0px);
    pointer-events: none;
    opacity: 1;
    z-index: 10;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider.go {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-slider.go>ul>li.on .pic {
    animation: fadeInDownSmall 0.8s ease;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100%/8);
    height: 100%;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol {
    position: absolute;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50px;
    box-shadow: 0 22px 50px -8px rgba(29, 56, 75, 0.2);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li {
    display: block;
    margin-bottom: 30px;
    position: relative;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s, transform 0.6s;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:last-of-type {
    margin-bottom: 0;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li>span {
    display: inline-block;
    position: relative;
    z-index: 5;
    color: #7f8c94;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    line-height: 0.5rem;
    text-align: center;
    background-color: transparent;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    cursor: pointer;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li.on:after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0px);
    box-shadow: 0 18px 43px -6px rgba(0, 101, 59, 0.6);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li.on>span {
    color: #fff;
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:hover:after {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    filter: blur(0px);
}

#index #main .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:hover>span {
    color: #fff;
}

#index .row.r3 .title {
    opacity: 0;
    pointer-events: none;
}

#index #main .r3 .r-main .pro-tab {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
}

#index #main .r3 .r-main .pro-tab>li {
    text-align: left;
    position: relative;
    width: 20%;
    overflow: hidden;
}

#index #main .r3 .r-main .pro-tab>li>i {
    display: block;
    position: relative;
    z-index: 10;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    line-height: 0.64rem;
    text-align: center;
    background-color: transparent;
}

#index #main .r3 .r-main .pro-tab>li>i>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    height: 28px;
}

#index #main .r3 .r-main .pro-tab>li>i:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 1px;
    left: 120%;
    background-color: #b3bfc3;
}

#index #main .r3 .r-main .pro-tab>li>span {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 64px;
    text-align: center;
    transform: translateY(-14px);
    -webkit-transform: translateY(-14px);
    -moz-transform: translateY(-14px);
    -o-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    font-weight: bold;
}

#index #main .r3 .r-main .pro-tab>li:after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    line-height: 0.64rem;
    text-align: center;
    background-color: #fff;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

#index #main .r3 .r-main .pro-tab>li.on:after,
#index #main .r3 .r-main .pro-tab>li:hover:after {
    opacity: 1;
    transition-delay: 0.2s;
}

#index #main .r3 .r-main .pro-tab>li.on>span,
#index #main .r3 .r-main .pro-tab>li:hover>span {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

#index #main .r3 .r-main .pro-tab>div {
    position: relative;
}

#index #main .r3 .r-main .pro-tab>div .type-more {
    position: absolute;
    top: 8px;
    left: 10px;
    box-shadow: 0 23px 90px -10px rgba(29, 56, 72, 0.2);
    color: #333;
}

#index #main .r3 .r-main .pro-tab>div .type-more:after {
    background: #fff;
}

#index #main .r3 .r-main .pro-tab>div .type-more:before {
    border-color: #fff;
}

#index #main .r3 .bg {
    position: absolute;
    height: 88%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background: url(../images/bg2.jpg) center no-repeat #ebf5fa;
}

#index #main .r4 {
    padding-bottom: 0;
    padding-top: 0;
}

#index #main .r4 .r-main .home-stock {
    width: 100%;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transform: translateY(0.4rem);
    -webkit-transform: translateY(0.4rem);
    -moz-transform: translateY(0.4rem);
    -o-transform: translateY(0.4rem);
    -ms-transform: translateY(0.4rem);
    box-shadow: 0 23px 90px -7px rgba(2, 27, 46, 0.3);
}

#index #main .r4 .r-main .home-stock>ul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index #main .r4 .r-main .home-stock>ul>li {
    display: inline-block;
    float: left;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(1) {
    width: 25%;
    padding-left: 4%;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) {
    width: 50%;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-data {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-data>span {
    font-family: word;
    color: inherit;
    margin-right: 40px;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-data>i {
    color: inherit;
    margin-right: 32px;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-data.grc>i {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -o-transform: scale(-1);
    -ms-transform: scale(-1);
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-msg {
    overflow: hidden;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-msg span {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    height: 46px;
    line-height: 46px;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(2) .stock-msg span b {
    vertical-align: top;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(3) {
    width: 25%;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(3)>a {
    display: inline-block;
    text-align: center;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(3)>a>i {
    vertical-align: unset;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: inline-block;
}

#index #main .r4 .r-main .home-stock>ul>li:nth-of-type(3)>a:hover>i {
    opacity: 1;
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
}

#index #main .r4 .r-main .home-stock .pic {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 6;
    border-radius: 30px;
    overflow: hidden;
}


/*导航*/

.full-menu_m {
    display: none;
}

.pul_now>div {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, .8);
    margin: 20px 50px 0 50px;
    overflow: inherit;
    max-height: 100px;
    transition: all 1s ease;
    position: absolute;
    -webkit-box-shadow: 0px 0 90px rgba(19, 53, 80, .5);
    -moz-box-shadow: 0px 0 90px rgba(19, 53, 80, .5);
    box-shadow: 0px 0 90px rgba(19, 53, 80, .5);
    width: calc(100% - 100px);
    opacity: 0;
}

header.on .pul_now>div {
    opacity: 1;
}

.nav_box,
.search_box,
.language_box {
    float: right;
    line-height: 100px;
    font-size: 16px;
}

.language_box {
    font-size: 0;
    text-align: center;
    position: relative;
    width: 16.15%;
    pointer-events: auto;
}

.language_box::after {
    content: '';
    display: block;
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #c1c2c4;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.language_box>a {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #7f7f7f;
    cursor: pointer;
    text-transform: uppercase;
    width: 30px;
    margin: 0 10px;
    opacity: 0.5;
}

.language_box>a img {
    display: block;
    width: 100%;
}

.language_box>a.on {
    opacity: 1;
    cursor: auto;
}

.menu-list>div>a img {
    width: 30px;
    margin: 0 auto;
    opacity: 0.5;
}

.menu-list>div>a.on img {
    opacity: 1;
}

.pul_initial .language_box {
    font-size: 0;
    width: 16.15%;
    float: left;
    margin-top: 120px;
    line-height: 3;
    margin-left: 5vw;
    text-align: left;
}

.pul_initial .language_box>a {
    font-size: 16px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    width: 47px;
    margin: 0 4px;
}

.pul_initial .language_box>a:first-child {
    margin-left: 0;
}

.language_box>a.on {
    color: #0d1c27;
    font-weight: 700;
    cursor: auto;
}

.pul_initial .language_box>a.on {
    color: rgba(255, 255, 255, 1);
}

.pul_initial .language_box::after {
    display: none;
}

.search_box {
    position: relative;
    margin: 0 3.78vw 0 1.5vw;
    font-size: 16px;
    font-weight: 700;
    color: #0d1c27;
    text-align: center;
    z-index: 2;
    pointer-events: auto;
}

.search_case {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding: .2rem .3rem;
    max-width: calc(100vw - 30px);
    width: 400px;
    min-height: 200px;
    position: absolute;
    right: -48px;
    top: 95px;
    opacity: 0;
    transform: translateY(50px);
    transition: all .5s ease;
    -webkit-box-shadow: 0 0 99px rgba(29, 56, 75, .4);
    -moz-box-shadow: 0 0 99px rgba(29, 56, 75, .4);
    box-shadow: 0 0 99px rgba(29, 56, 75, .4);
    pointer-events: none;
}

.pul_initial .search_case {
    top: 64px;
}

.search_case::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    top: -8px;
    right: 60px;
    background-color: #fff;
    position: absolute;
}

.sea_inp_box {
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
}

.sea_inp_box>input {
    background-color: transparent;
    border: none;
    display: block;
    float: left;
    width: calc(100% - 30px);
    padding-right: 10px;
    line-height: 50px;
    height: 50px;
    box-shadow: 0 0 100px 46px #fff inset;
}

.sea_inp_box>span {
    cursor: pointer;
    width: 30px;
    display: block;
    float: right;
    text-align: right;
    line-height: 50px;
    height: 50px;
    color: #e1e1e1;
}

.sea_inp_box>span button {
    border: none;
    display: block;
    height: 100%;
    background-color: transparent;
}

.sea_inp_box>span i {
    font-size: 18px;
    vertical-align: middle;
}

.sea_lab_box {
    margin: 10px -5px;
}

.sea_lab_box a {
    display: inline-block;
    float: left;
    margin: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e1e1e1;
    color: #999999;
    line-height: 1;
    padding: 10px;
    font-weight: 400;
    transition: all .5s ease .3s;
    position: relative;
    overflow: hidden;
    display: none;
}

input::-ms-clear {
    display: none;
}

.search_box:hover .sea_lab_box a {
    display: block;
}

.sea_lab_box a span {
    position: relative;
    z-index: 1;
}

.sea_lab_box a:before {
    content: '';
    display: block;
    width: 0;
    transition: width .5s ease-out;
    height: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
}

.sea_lab_box a:hover {
    color: #fff;
    /*background-color: var(--primary-color);*/
}

.sea_lab_box a:hover:before {
    width: 100%;
}

.pul_initial .search_box:hover .btn_sea {
    color: rgba(255, 255, 255, 1);
}

.search_box:hover .search_case {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.pul_initial .search_box {
    color: rgba(255, 255, 255, .5);
    margin-right: calc(5vw + 110px);
    line-height: 64px;
    margin-top: 4vh;
    padding: 0;
    z-index: 1;
}

.pul_initial .btn_sea i {
    font-size: 24px;
}

.btn_sea {
    cursor: pointer;
    font-size: 18px;
}

.btn_sea i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: -5px;
}

.nav_box {
    width: 46.875vw;
}

.nav_case {
    font-size: 0;
    position: relative;
    pointer-events: none;
}

header.on .nav_case {
    pointer-events: auto;
}

.nav_case>a {
    cursor: pointer;
    color: #74787c;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    /* width: 16.2%; */
    padding-right: 3.75vw;
}

.nav_case>a:hover,
.nav_case>a.on {
    color: var(--primary-color);
}

.nav_sed_box {
    border-top: 1px solid #dddede;
    padding-top: 28px;
    padding-bottom: .75rem;
    position: relative;
    opacity: 0;
    transition: opacity .5s ease;
    pointer-events: none;
}

.nav_sed_box>span {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    height: 5px;
    background-color: var(--primary-color);
    transition: all .5s ease;
}

.nav_sed_box>div {
    float: left;
    width: 16.2%;
    padding-right: 5px;
}

.nav_sed_box>div a {
    display: block;
    margin: 20px 0;
    line-height: 20px;
    color: #74787c;
    font-size: 16px;
    position: relative;
}

.nav_sed_box>div a::after {
    content: '';
    display: block;
    height: 0;
    width: 2px;
    position: absolute;
    left: -5px;
    top: 3px;
    background-color: var(--primary-color);
    transition: height .5s ease;
}

.nav_sed_box>div a:hover,
.nav_sed_box>div a.on {
    color: var(--primary-color);
}

.nav_sed_box>div a:hover::after {
    height: 14px;
}

.nav_con {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.bg_layer {
    background-image: url("../images/dna-layer.png");
    background-position: 0 -50px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 31%;
    background-size: 100%;
    transition: all .5s ease;
}

.bg_gb {
    background-image: url("../images/dna-bg.png");
    background-position: 0 bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 4%;
    bottom: -100%;
    height: 2.8rem;
    width: 15.6%;
    background-size: 100%;
    transition: all 1s ease;
    opacity: 0;
    pointer-events: none;
}

.pul_initial {
    opacity: 1;
    transition: opacity .5s ease;
}

header.on .pul_initial {
    opacity: 0;
}

.pul_now {
    opacity: 0;
    transition: opacity .5s ease;
}

header.on .pul_initial .pul_logo {
    opacity: 0;
}

header.on .pul_initial .nav {
    opacity: 0;
}

header.on .pul_now {
    opacity: 1;
}

.header_on .pul_now>div {
    background-color: rgba(255, 255, 255, 1);
    max-height: 9999px;
    height: auto;
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    overflow: hidden;
}

.header_on .bg_gb {
    bottom: 0;
    transition: all 1s ease;
    opacity: 1;
}

.header_on .bg_layer {
    background-position: 0 0;
    transition: all .5s ease .5s;
}

.header_on .nav_sed_box {
    opacity: 1;
    pointer-events: auto;
}


/*领导团队*/

.ins_banner {
    height: 70vh;
    position: relative;
    z-index: 2;
}

.pub_banner_box {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.con_banner {
    height: 100%;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.1);
    transition: all 3s ease;
}

.con_banner.on {
    transform: scale(1);
}

.sen_link_box {
    font-size: 0;
    width: 81.25vw;
    position: absolute;
    left: 9.375vw;
    bottom: 0;
    color: #fff;
    padding-bottom: .7rem;
}

.pre_box {
    display: inline-block;
    vertical-align: middle;
    min-width: 260px;
    padding-right: 3.6vw;
}

.at_present {
    line-height: 1.5;
    font-weight: 700;
    margin-top: 15px;
}

.at_present_en {
    font-family: "word";
    color: rgba(255, 255, 255, .4);
    text-transform: inherit;
    line-height: 1;
}

.sty_line {
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    margin: 0;
    width: 0%;
    transition: width .5s ease .2s;
}

.sen_link_con {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 13.54vw;
    position: relative;
    line-height: 1rem;
}

.sen_link_con>a {
    font-weight: 700;
    position: relative;
    display: block;
    padding: 0 .35rem;
}

.sen_link_con>a i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: all .5s ease;
}


/*.sen_link_con:hover>a i{*/


/*transform: translateY(-50%)  rotate(90deg);*/


/*}*/

.sen_link_con .search_case {
    width: 280px;
}

.sen_link_con .search_case a {
    text-align: left;
    display: block;
    color: #999999;
    line-height: 62px;
    border-bottom: 1px solid #e1e1e1;
    transition: all .5s ease;
    position: relative;
}

.sen_link_con .search_case a:hover,
.sen_link_con .search_case a.on {
    color: var(--primary-color);
    border-bottom: 1px solid #e1e1e1;
}

.sen_link_con .search_case a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: var(--primary-color);
    height: 1px;
    width: 0;
    transition: width .5s ease;
}

.sen_link_con .search_case a:hover,
.sen_link_con .search_case a.on {
    color: var(--primary-color);
}

.sen_link_con .search_case a:hover::after,
.sen_link_con .search_case a.on::after {
    width: 100%;
}

.ab_on {
    -webkit-animation: feIn .5s ease;
    animation: feIn .5s ease;
}

@keyframes feIn {
    0% {
        opacity: 0;
        transform: scale(.5) translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(-50%);
    }
}

.sen_link_con:hover .search_case {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.sen_link_con .search_case::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(45deg);
}

.tea_con {
    background: url("../images/abo_t_bg.png") no-repeat center bottom, #f6f9fb;
    /*background-size: 100%;*/
}

.tea_case {
    padding: 1.5rem 0 2.7rem 0;
    width: 67.71%;
    margin: 0 auto;
}

.member_box {
    position: relative;
}

.tea_mem_case {
    margin-top: 1.6rem;
}

.member_box>div {
    padding-left: 36.5%;
}

.member_title {
    padding-top: .75rem;
    line-height: 1.5;
    vertical-align: middle;
    height: 1.6rem;
    color: #172315;
    font-weight: 700;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 100%;
}

.member_title span {
    color: #72787f;
    margin-left: 0.15rem;
    font-weight: 400;
}

.member_info {
    background-color: #fff;
    padding: .65rem 7.7% .7rem 36.5%;
    box-shadow: 0 0 68px rgba(29, 56, 75, .11);
    position: relative;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.member_info>img {
    width: 34.23%;
    left: 0;
    bottom: 0;
    position: absolute;
}

.member_info>div {
    color: #72787f;
    text-align: justify;
    line-height: 2.14;
}

.tea_mem_case {
    overflow: inherit;
}

.swiper-container-fade .swiper-slide {
    opacity: 0!important;
}

.swiper-container-fade .active {
    opacity: 1 !important;
}

.swiper-container-fade .active .member_title {
    animation: fadeInDownSmall .5s ease;
}

.swiper-container-fade .active .member_info>div {
    animation: fadeInUpSmall .5s ease;
}


/*按钮公共*/

.btn_style {
    transition: all .5s ease;
}

.btn_style:hover {
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6) !important;
    color: #fff !important;
}

.tea_mem_case .swiper-button-next,
.tea_mem_case .swiper-button-prev {
    background-image: none;
    background-color: rgba(221, 226, 229, 1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #68757b;
    text-align: center;
    right: 0;
    left: auto;
}

.tea_mem_case .swiper-button-next {
    top: 50%;
    transform: translate(50%, 25%);
    margin-top: 0;
}

.tea_mem_case .swiper-button-prev {
    top: 50%;
    transform: translate(50%, -105%);
    margin-top: 0;
}

.tea_mem_case .swiper-button-next i,
.tea_mem_case .swiper-button-prev i {
    font-size: 20px;
}


/*加入我们*/

.joi_con {
    background: url("../images/join_us_bg.png") no-repeat center bottom, #f6f9fb;
    /*background-size: 100%;*/
}

.joi_hint {
    float: left;
    width: 20%;
    margin-left: 10%;
    color: #000;
    position: relative;
}

.joi_hint>span {
    position: relative;
    z-index: 1;
    font-weight: 700;
    line-height: 3.5;
    display: block;
}

.joi_hint>span::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--primary-color);
    width: 1.6em;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.joi_hint>img {
    position: absolute;
    left: -130px;
    bottom: 20px;
}

.joi_text_box {
    float: right;
    width: 70%;
    color: #000;
    line-height: 2;
    margin-top: 30px;
}

.post_condition {
    line-height: 26px;
}

.post_box {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    padding: 0 60px;
    margin-bottom: .4rem;
    -webkit-box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    box-shadow: 0 0 46px rgba(29, 56, 75, .17);
}

.post_title {
    position: relative;
    line-height: .9rem;
    cursor: pointer;
}

.post_name {
    font-weight: bold;
    color: #000000;
}

.post_name i {
    margin-right: 28px;
    font-size: 20px;
}

.post_num {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: bottom;
}

.post_num i {
    position: relative;
    transition: all .5s ease;
    font-size: 20px;
    color: #d2d5d7;
    margin-left: 45px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(0deg);
}

.post_num i.on {
    transform: rotate(-180deg);
}

.post_condition {
    padding: .35rem 0 .45rem 0;
    border-top: 1px solid #e4e9ed;
    display: none;
}

.post_condition>div>div {
    float: left;
}

.post_condition>div {
    padding: .19rem 0;
}

.post_condition>div>div:first-child {
    width: 166px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.post_condition>div>div:nth-child(2) {
    width: calc(100% - 166px);
    color: #4d5154;
}

.post_case {
    padding-top: .8rem;
}

.page_num_box .on.btn_style:hover,
.page_num_box .on.btn_style {
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6);
    color: #fff !important;
}

.page_num_box a {
    float: left;
    margin: 0 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 60px;
    width: 60px;
    height: 60px;
}

.page_case {
    padding-top: .85rem;
    text-align: center;
    font-size: 0;
}

.page_case>div {
    display: inline-block;
    vertical-align: middle;
}

.page_case>div:first-child a,
.page_case>div:last-child a {
    color: #9da6b1;
    line-height: 60px;
}

.page_case>div:last-child a i {
    margin-left: 20px;
    vertical-align: middle;
}

.page_case>div:first-child a i {
    margin-right: 20px;
    vertical-align: middle;
}

.page_case>div:last-child {
    margin-left: .7rem;
}

.page_case>div:first-child {
    margin-right: .7rem;
}

.page_case>div:first-child a:hover,
.page_case>div:last-child a:hover {
    color: var(--primary-color);
}


/*员工风采*/

.sta_con {
    background: url("../images/sta_bg.png") no-repeat center bottom, #f6f9fb;
    /*background-size: 100%;*/
    overflow: hidden;
}

.sta_tab_box {
    position: relative;
    border-bottom: 1px solid #c9cdcf;
    padding-bottom: 0.33rem;
    font-size: 0;
}

.sta_tab_mark {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -2px;
    height: 5px;
    width: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--primary-color);
    transition: left .5s ease-out;
}

.sta_tab_box>span {
    height: 30px;
    display: inline-block;
    line-height: 1;
    position: relative;
    bottom: 0;
    width: 166px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    vertical-align: bottom;
    cursor: pointer;
    color: #99a2a8;
}

.sta_tab_box>span span {
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
    transition: all .5s ease;
    padding-top: 12px;
    display: inline-block;
    transform-origin: 50% 100%;
}

.sta_tab_box>span.on span {
    color: #000000;
    cursor: auto;
    transform: scale(1.7) translateZ(0);
}

.sta_tab_box>span::after {
    content: '/';
    display: block;
    position: absolute;
    left: 0;
    font-size: 18px;
    line-height: 1;
    bottom: 0;
    color: #99a2a8;
    transform: translateX(-50%);
}

.sta_tab_box>span:first-child::after {
    display: none;
}

.sta_tab_con_box>div {
    display: none;
}

.sta_tab_con_box>div:first-child {
    display: block;
}

.carousel {
    overflow: hidden;
    padding: 1px 10%;
    position: relative;
}

.carousel .swiper-button-next,
.carousel .swiper-button-prev {
    background-image: none;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #272636;
    text-align: center;
}

.carousel .swiper-button-next i,
.carousel .swiper-button-prev i {
    font-size: 20px;
}

.carousel .swiper-container {
    width: 100%;
    margin: 0 auto;
    overflow: inherit;
}

.sta_tab_con_box .swiper-slide {
    width: 75%;
    opacity: 0.7 !important;
}

.sta_tab_con_box .swiper-slide.active {
    opacity: 1 !important;
}

.sta_tab_con_box .swiper-slide.active .sta_img_box>img {
    -webkit-box-shadow: 0 0 84px rgba(40, 80, 104, .55);
    -moz-box-shadow: 0 0 84px rgba(40, 80, 104, .55);
    box-shadow: 0 0 84px rgba(40, 80, 104, .55);
    transition: all .5s ease;
}

.sta_img_box {
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 1.8rem;
    position: relative;
}

.sta_img_box>img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.sta_img_num {
    opacity: 0;
    font-size: 110px;
    line-height: 110px;
    text-align: center;
    color: rgba(216, 224, 230, .8);
    position: absolute;
    width: 100%;
    left: 0;
    top: 110%;
}

.sta_img_num>div {
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    transform: translate(-50%, -50%);
    color: #000000;
    font-weight: 700;
    width: 100%;
}

.sta_tab_con_box .swiper-slide.active .sta_img_num {
    opacity: 1;
    transition: all .5s ease;
}


/*人才理念*/

.tal_title_box {
    position: relative;
}

.tal_title_box>div {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 2;
    position: relative;
    z-index: 1;
    width: 59%;
}

.tal_title_box>span {
    position: absolute;
    font-size: 200px;
    color: #edf1f4;
    line-height: 1;
    top: 50%;
    margin-top: -100px;
    left: 30%;
    letter-spacing: 70px;
    text-transform: uppercase;
}

.tal_con_box {
    padding-top: .9rem;
}

.tal_tab_box {
    float: left;
    width: 50%;
    position: relative;
}

.tal_tab_name {
    position: relative;
    padding: .4rem 10% .4rem 0;
    cursor: pointer;
}

.tal_tab_name.on {
    cursor: auto;
}

.tal_tab_name::after {
    content: '';
    display: block;
    background-color: var(--primary-color);
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .5s ease-out;
}

.tal_tab_name.on::after {
    width: 100%;
}

.tal_tex_title {
    line-height: 32px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    transition: all .5s ease-out;
}

.tal_tab_name.on .tal_tex_title {
    color: var(--primary-color);
}

.tal_tex_title i {
    font-size: 24px;
    margin-right: 46px;
    vertical-align: middle;
}

.tal_tex_info {
    /*display: none;*/
    font-size: 14px;
    line-height: 2;
    color: #56575a;
    padding-left: 70px;
}

.tal_tab_box>div:first-child .tal_tex_info {
    display: block;
}

.tal_info {
    position: absolute;
    left: 0;
    /*top: 110%;*/
    color: #000;
    font-size: 18px;
    line-height: 2;
    margin-top: .6rem;
    font-weight: 700;
}

.tal_img_box {
    float: right;
    width: 40%;
    padding-bottom: 58%;
    position: relative;
}

.tal_img_box>div {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 84px rgba(30, 46, 63, .36);
    /*opacity: 0;*/
    transition: all .5s ease;
    max-height: 0;
}

.tal_img_box>div.on {
    /*opacity: 1;*/
    max-height: 9999px;
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
}

.tal_img_box>div>img {
    width: 100%;
    display: block;
}

.tal_info_m {
    display: none;
}


/*公司概况*/

.com_con {
    background: url("../images/com_bg.png") no-repeat left bottom;
    background-size: 100%;
    position: relative;
}

.sha_bias {
    width: 16.1459%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: url(../images/banner-bg2.png) center repeat;
    pointer-events: none;
}

.sen_manifesto {
    color: #fff;
    font-size: 14px;
    line-height: 3;
    /*max-width: 450px;*/
    position: absolute;
    left: 0;
    bottom: 115%;
}

.com_con .joi_hint>span::after {
    display: none;
}

.com_con .joi_hint {
    float: none;
    width: 90%;
}

.com_con .tea_case {
    width: 81.25vw;
}

.com_img_case {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 83.33333%;
    margin-left: 8.33335%;
    padding-right: 19.871%;
    position: relative;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -webkit-box-shadow: 0 0 60px rgba(30, 46, 63, .36);
    -moz-box-shadow: 0 0 60px rgba(30, 46, 63, .36);
    box-shadow: 0 0 60px rgba(30, 46, 63, .36);
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.sha_imgBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 19.23%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    /*-webkit-filter: blur(10px); !* Chrome, Opera *!*/
    /*-moz-filter: blur(10px);*/
    /*-ms-filter: blur(10px);*/
    /*filter: blur(10px);*/
    z-index: 1;
}

.com_img_case .swiper-container {
    overflow: initial;
}

.com_img_case .swiper-slide>div img {
    display: block;
    width: 100%;
}

.sha_imgBox>div {
    font-size: 0;
    line-height: 30px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.com_img_case .swiper-button-prev,
.com_img_case .swiper-button-next {
    background-image: none;
    left: 0;
    right: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 18px;
    line-height: 44px;
}

.com_img_case .swiper-button-prev {
    margin-right: 60px;
}

.com_img_case .swiper-button-next {
    margin-left: 60px;
}

.com_img_case .swiper-pagination {
    color: #959ba1;
    width: auto;
    left: 0;
    bottom: 0;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

.com_img_case .swiper-pagination .on {
    color: #000;
    font-size: 30px;
}

.com_info_case {
    margin-left: 8.33335%;
    width: 75%;
    margin-bottom: -.5rem;
    position: relative;
}

.fw_b {
    font-weight: 700;
}

.com_info_case p {
    padding-top: 25px;
    line-height: 30px;
    font-size: 14px;
    color: #56575a;
    text-align: justify;
}

.com_info_case p.fw_b {
    color: #000;
}

.com_title {
    position: absolute;
    color: #dde0e2;
    line-height: 1;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    left: 99.5%;
    top: 240px;
    white-space: nowrap;
    transform: rotate(90deg);
}


/*资质荣誉*/

.hon_con {
    background: url("../images/hon_bg.png") no-repeat center bottom, #e4e9ed;
}

.hon_con .tea_case {
    width: 81.25vw;
    padding-bottom: 2.2rem;
}

.hon_tab_nav_box {
    float: left;
    width: 15%;
}

.hon_tab_nav_box>div {
    max-width: 130px;
    color: #d5dae0;
    transition: all .5s ease-out;
    padding-bottom: .5rem;
    cursor: pointer;
}

.hon_tab_nav_box>div:last-child {
    padding-bottom: 0;
}

.hon_tab_num {
    font-size: 40px;
    line-height: 1;
}

.hon_tab_name {
    line-height: 56px;
    font-size: 16px;
    font-weight: 700;
    color: #72787f;
    transition: all .5s ease-out;
    position: relative;
}

.hon_tab_name::after {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    background-color: var(--primary-color);
    left: 0;
    bottom: 0;
    transition: all .5s ease-out;
}

.hon_tab_nav_box>div.on,
.hon_tab_nav_box>div:hover {
    color: var(--primary-color);
}

.hon_tab_nav_box>div.on .hon_tab_name,
.hon_tab_nav_box>div:hover .hon_tab_name {
    color: var(--primary-color);
}

.hon_tab_nav_box>div:hover .hon_tab_name::after,
.hon_tab_nav_box>div.on .hon_tab_name::after {
    width: 100%;
}

.hon_con_case {
    float: right;
    width: 83.33%;
    position: relative;
}

.hon_con_case>div {
    display: none;
    position: relative;
}

.hon_con_case>div:first-child {
    display: block;
}

.hon_con_box {
    float: left;
    width: 60%;
    padding-right: 10%;
    padding-left: 10%;
    overflow: hidden;
    position: relative;
    margin-top: 8px;
}

.hon_con_box .swiper-container {
    overflow: initial;
    padding-bottom: 120px;
}

.sha_tra {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(228, 233, 237, 1) 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, rgba(228, 233, 237, 1) 100%);
    background: -o-linear-gradient(left, rgba(228, 233, 237, 1) 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, rgba(228, 233, 237, 1) 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgba(228, 233, 237, 1)), color-stop(0.25, rgba(228, 233, 237, 0)), color-stop(0.75, rgba(228, 233, 237, 0)), color-stop(1, rgba(228, 233, 237, 1)));
    background: -webkit-linear-gradient(left, rgba(228, 233, 237, 1) 0%, rgba(228, 233, 237, 0) 25%, rgba(228, 233, 237, 0) 75%, rgba(228, 233, 237, 1) 100%);
    z-index: 3;
    top: 0;
    left: 0;
    pointer-events: none;
}

.hon_con_box .swiper-slide {
    opacity: 0.9;
    transition: all .5s ease-in;
}

.hon_con_box .swiper-slide.active {
    opacity: 1;
}

.hon_con_box .swiper-slide>div {
    width: 100%;
    position: relative;
}

.hon_con_box .swiper-slide>div>img {
    display: block;
    max-width: 435px;
    max-height: 405px;
    margin: 0 auto;
}

.hon_name {
    text-align: center;
    margin-top: 25px;
    font-weight: 700;
    color: #000;
    font-size: 24px;
    line-height: 1.5;
    opacity: 0;
    transition: all .5s ease-in;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.hon_con_box .swiper-slide.active .hon_name {
    opacity: 1;
}

.hon_name_box {
    width: calc(29.23% + 50px);
    float: right;
    padding: 25px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.hon_name_text {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    opacity: .5;
    color: #000;
    transition: all .5s ease-in;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hon_name_box .active-nav .hon_name_text {
    font-size: 18px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.hon_name_box .swiper-container {
    height: 370px;
    padding: 25px 25px 15px 25px;
    overflow: hidden;
}

.hon_name_box .swiper-slide {
    cursor: pointer;
}

.hon_name_box .swiper-button-prev,
.hon_name_box .swiper-button-next {
    background-image: none;
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #000;
}

.hon_name_box .swiper-button-prev {
    top: 0;
    left: 0;
}

.hon_name_box .swiper-button-next {
    top: auto;
    right: 0;
    bottom: 0;
}


/*资质荣誉*/

.inv_con {
    background-image: url("../images/inv_bg.png");
    background-color: #f6f9fb;
    background-position: left top;
    background-repeat: no-repeat;
}

.inv_left_box {
    float: left;
    width: 23.077%;
}

.inv_title {
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    line-height: 78px;
    position: relative;
}

.inv_code {
    line-height: 42px;
    font-size: 16px;
    margin-top: 20px;
    color: #000000;
}

.inv_stock_box {
    border: 1px solid #d6dadd;
    border-left: none;
    border-right: none;
    padding: 35px 0;
}

.sto_at_time i {
    display: none;
}

.sto_val {
    position: relative;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 15px;
}

.sto_val i {
    font-size: 36px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

.sto_contrast {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 40px;
}

.sto_contrast>span {
    margin-right: 20px;
}

.sto_record>div {
    width: 50%;
    float: left;
}

.sto_record>div>div:first-child {
    font-size: 14px;
    line-height: 31px;
    color: #000;
}

.sto_record>div>div:nth-child(2) {
    font-size: 18px;
    line-height: 1.2;
    color: #999fa7;
}

.sot_time_box {
    font-size: 14px;
    line-height: 3.28;
    color: #000;
}

.sto_at_time_up {
    color: #fe0000;
}

.sto_at_time_down {
    color: var(--primary-color);
}

.sto_contrast>span:last-child {
    margin-right: 0;
}

.sto_at_time i {
    display: none;
}

.sto_at_time_down .down {
    display: block;
}

.sto_at_time_up .up {
    display: block;
}

.inv_right_box {
    width: 70%;
    float: right;
    padding-left: 6.15%;
    position: relative;
}

.inv_right_box::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 26px;
    width: 1px;
    height: 100%;
    background-color: #d6dadd;
}

.inv_title>a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #000;
}

.inv_title>a i {
    color: #a1a3a4;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
    text-align: right;
}

.sty_bottom_sty {
    border-bottom: 1px solid #d6dadd;
    margin-bottom: .3rem;
}

.sty_bottom_sty::after {
    content: '';
    display: block;
    position: relative;
    left: 0;
    bottom: -3px;
    height: 5px;
    width: 2em;
    background-color: var(--primary-color);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ann_box>a {
    display: block;
    border-bottom: 1px solid #d6dadd;
    padding: 30px 0;
    padding-right: 32px;
    position: relative;
}

.ann_title {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-weight: 500;
    transition: all .5s ease;
}

.ann_time {
    font-size: 12px;
    line-height: 1.8;
    color: #9fa2a5;
    transition: all .5s ease;
}

.ann_box>a>i {
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
    color: #b3b8bc;
    transition: all .5s ease;
}

.ann_box>a:hover .ann_title,
.ann_box>a:hover>i,
.ann_box>a:hover .ann_time {
    color: var(--primary-color);
}


/*公告及通函*/

.not_con {
    background: url("../images/not_bg.png") no-repeat center bottom, #f6f9fb;
}

.showreel_box {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    height: 90px;
    line-height: 90px;
    padding: 0 90px;
    box-shadow: 0 0 90px rgba(29, 56, 75, .17);
    margin-bottom: 50px;
}

.showreel_box .btn_img_prev,
.showreel_box .btn_img_next {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    width: 90px;
    height: 100%;
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    color: #bebdc2;
    cursor: pointer;
}

.showreel_box .btn_img_prev:hover,
.showreel_box .btn_img_next:hover {
    color: var(--primary-color);
}

.showreel_box .btn_img_prev i,
.showreel_box .btn_img_next i {
    font-size: 18px;
}

.showreel_box .btn_img_prev {
    left: 0;
}

.showreel_box .btn_img_next {
    right: 0;
}

.view_box {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.showreel_box .list_u_img_box {
    font-size: 0;
    width: 99999999px;
    position: absolute;
    left: 0;
    top: 0;
    transition: left .5s ease;
}

.showreel_box .list_u_img_box>a {
    position: relative;
    width: 125px;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    color: #979ba0;
    cursor: pointer;
    transition: all .5s ease;
}

.showreel_box .list_u_img_box>a.on {
    font-size: 24px;
    color: var(--primary-color);
    position: relative;
    cursor: auto;
}

.showreel_box .list_u_img_box>a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 76.666%;
    margin-left: -.5em;
    width: 0;
    height: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--primary-color);
    transition: all .5s ease;
}

.showreel_box .list_u_img_box>a:hover {
    color: var(--primary-color);
}

.showreel_box .list_u_img_box>a.on::after,
.showreel_box .list_u_img_box>a:hover::after {
    width: 1em;
}

.showreel_box .list_u_img_box>img:last-child {
    margin-right: 0;
}

.disab {
    pointer-events: none;
    opacity: 0;
}

.not_con .ann_box>a {
    border-top: 1px solid #d6dadd;
    border-bottom: none;
    transition: all .5s ease;
    padding: 50px 72px 40px 0;
}

.not_con .ann_box>a:hover {
    -webkit-box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    box-shadow: 0 0 46px rgba(29, 56, 75, .17);
    background-color: #fff;
    border-top-color: transparent;
    margin: 0 -10px;
    padding-right: 82px;
    padding-left: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.not_con .ann_box>a:hover+a {
    border-top-color: transparent;
}

.not_con .ann_box>a:first-child {
    border-top-color: transparent;
}

.not_con .ann_box>a>div {
    float: left;
}

.not_time_box {
    width: 10%;
    color: #010101;
    line-height: 1.1;
}

.not_time_box>div {
    padding-left: 30.7%;
}

.time_year {
    font-size: 20px;
}

.not_time {
    font-size: 12px;
}

.not_con .ann_title {
    width: 90%;
    padding-left: 39px;
}

.not_con .ann_box>a>i {
    right: 40px;
}


/*产品中心*/

.pro_con {
    background: url("../images/pro_bg1.png") no-repeat center bottom, #f6f9fb;
}

.pro_list_box>a {
    float: left;
    margin-right: 4.23%;
    width: 30.5133%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    position: relative;
    color: #000;
    transition: all .5s ease;
    -webkit-box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    margin-bottom: 1.22rem;
    top: 0;
}

.pro_list_box>a:nth-child(3n) {
    margin-right: 0;
}

.pro_intersperse {
    display: block;
    margin-bottom: 30px;
    line-height: 1;
    font-size: 14px;
}

.img_box img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

.pro_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    height: 46px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .5rem 0 .8rem;
}

.btn_pro_det {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 60px;
    width: 60px;
    color: #656b6f;
    text-align: center;
    cursor: pointer;
    background-color: #c0c6ca;
    font-size: 14px;
    transition: all .5s ease;
}

.btn_pro_det i {
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    transition: all .5s ease;
}

.btn_pro_det .det_more {
    display: block;
    width: 300%;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    transition: all .5s ease;
}

.btn_pro_det .hover_more {
    width: 0;
    height: 0;
    overflow: hidden;
    color: #fff;
    bottom: 0;
    font-weight: 700;
    transform: translateX(-50%);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    left: 50%;
}

.pro_box:hover {
    top: -10px;
    /*transform: translateY(-10px);*/
    /*animation-fill-mode: none;*/
    -webkit-box-shadow: 0 0 46px rgba(29, 56, 75, .4);
    -moz-box-shadow: 0 0 46px rgba(29, 56, 75, .4);
    box-shadow: 0 0 46px rgba(29, 56, 75, .4);
}

.pro_box:hover .btn_pro_det {
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6);
    color: #fff !important;
    width: 200px;
    margin-left: -100px;
}

.pro_box:hover .det_more {
    opacity: 0;
    width: 100%;
}

.pro_box:hover .hover_more {
    width: auto;
    height: auto;
    margin-right: 10px;
    padding-right: 30px;
    position: absolute;
}

.pro_box:hover .btn_pro_det i {
    margin-left: 3.5em;
}


/*公告及通函*/

.lit_con {
    background: url("../images/lit_bg.png") no-repeat center bottom, #f6f9fb;
}

.lit_list_box>a {
    border-top: 1px solid #c6ced3;
    display: block;
    position: relative;
    transition: all .5s ease;
    padding: 50px 0;
    padding-right: 120px;
}

.icon_bg {
    width: 120px;
    position: absolute;
    right: 0;
    top: -1px;
    height: calc(100% + 1px);
    color: #b3b8bc;
    transition: all .5s ease;
}

.icon_bg i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.lit_list_case>img {
    float: left;
    width: 82px;
    margin-left: 10px;
}

.lit_tex_box {
    float: left;
    width: calc(100% - 92px);
    padding: 0 10px;
    line-height: 1.5;
    color: #000;
}

.lit_title {
    font-size: 24px;
    font-weight: 700;
}

.lit_member {
    font-size: 20px;
}

.lit_info {
    margin-top: 30px;
    font-size: 14px;
}

.lit_provenance {
    font-size: 14px;
    color: #8a9891;
    margin-top: 15px;
}

.lit_list_box>a:first-child {
    border-top-color: transparent;
}

.lit_list_box>a:hover {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    border-top-color: transparent;
}

.lit_list_box>a:hover+a {
    border-top-color: transparent;
}

.lit_list_box>a:hover .icon_bg {
    background: -moz-linear-gradient(left, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
    background: -o-linear-gradient(left, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgba(240, 244, 247, 1)), color-stop(0.49, rgba(240, 244, 247, 0)), color-stop(0.51, rgba(240, 244, 247, 0)), color-stop(1, rgba(240, 244, 247, 0)));
    background: -webkit-linear-gradient(left, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
    color: var(--primary-color);
}


/*媒体*/

.med_con {
    background: url("../images/med_bg.png") no-repeat center bottom, url("../img/med_bg1.png") no-repeat center top, #f6f9fb;
}

.med_list_box>a {
    border-top: 1px solid #c6ced3;
    display: block;
    position: relative;
    transition: all .5s ease;
    padding: 70px 130px 80px 130px;
}

.med_time {
    position: absolute;
    text-align: left;
    right: 0;
    line-height: 30px;
    font-size: 30px;
    top: 71px;
    color: rgba(0, 0, 0, .5);
    transition: all .5s ease;
    width: 64px;
}

.med_time span {
    font-size: 18px;
}

.med_list_case>span {
    position: absolute;
    left: 0;
    top: 53px;
    transition: all .5s ease;
    font-size: 20px;
    font-weight: 700;
    line-height: 52px;
    display: block;
    text-align: center;
    color: var(--primary-color);
}

.med_tex_box {
    width: calc(100% - 90px);
    padding-right: 10px;
    line-height: 1.5;
    color: #84898c;
    transition: margin-left .5s ease;
}

.med_title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.med_info {
    margin-top: 30px;
    font-size: 14px;
}

.med_list_box>a:first-child {
    border-top-color: transparent;
}

.med_list_box>a:hover {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    border-top-color: transparent;
}

.med_list_box>a:hover+a {
    border-top-color: transparent;
}

.med_list_box>a:hover .med_title {
    color: var(--primary-color);
}

.med_list_box>a:hover>span {
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-box-shadow: 0 0 59px rgba(11, 109, 57, .36);
    -moz-box-shadow: 0 0 59px rgba(11, 109, 57, .36);
    box-shadow: 0 0 59px rgba(11, 109, 57, .36);
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    padding: 0 60px;
    color: #fff;
}

.med_list_box>a:hover .med_tex_box {
    margin-left: 90px;
}

.med_list_box>a:hover .med_time {
    width: 130px;
}


/*公司新闻*/

.new_list_box>a {
    display: block;
    margin-bottom: 20px;
}

.new_time {
    float: left;
    width: 10%;
    margin-top: 53px;
    font-size: 30px;
    line-height: 30px;
}

.new_time>span {
    font-size: 18px;
}

.new_tex_box {
    float: right;
    padding: 35px 0;
    width: 79.6%;
    margin-right: -4.615%;
    transition: all .5s ease;
    padding-right: 4.615%;
}

.new_tex_box>img {
    float: left;
    width: 40%;
    margin-left: -20.376%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: all .5s ease;
}

.new_tex_box>div {
    float: right;
    width: 66.6666%;
}

.new_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 40px;
    transition: all .5s ease;
}

.new_info {
    font-size: 14px;
    line-height: 2;
    color: rgba(0, 0, 0, .5);
    margin-top: 40px;
    transition: all .5s ease;
    text-align: justify;
}

.new_list_box>a:hover .new_tex_box {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
}

.new_list_box>a:hover .new_tex_box>img {
    margin-left: -23.376%;
}

.new_list_box>a:hover .new_title {
    color: var(--primary-color);
}

.new_list_box>a:hover .new_info {
    color: rgba(0, 0, 0, 1);
}


/*市场概况*/

.mar_con {
    background: url("../images/mar_bg.png") no-repeat center bottom, #f6f9fb;
}

.mar_con .tea_case {
    padding-top: 0;
    padding-bottom: 0;
}

.scr_box {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: relative;
}

.scr_box.scr2_box {
    padding-top: 1px;
}

.scr0_box::after {
    content: '';
    height: 100%;
    width: 200%;
    position: absolute;
    left: -50%;
    top: 0;
    background-color: #fff;
}

.scr0_box>div {
    position: relative;
    z-index: 1;
}

.mar_title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-top: 80px;
}

.mar_data_box {
    margin-top: 2.4rem;
}

.mar_data_box>div {
    float: left;
    vertical-align: bottom;
    line-height: 1;
    margin-right: 90px;
    font-size: 60px;
}

.mar_data_box>div:last-child {
    margin-right: 0;
}

.mar_data_box>div>span {
    margin-left: 10px;
    font-size: 16px;
}

.mar_info {
    font-size: 14px;
    line-height: 32px;
    color: #84898c;
    margin-top: 75px;
    text-align: justify;
}

.scr0_box .mar_map_box_in {
    position: absolute;
    width: 57%;
    top: 1.6rem;
    right: 0;
}

.mar_map_box_in>img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.mar_map_box_in>img.map_di {
    position: relative;
}

.scr2_box .mar_info {
    margin-top: 50px;
}

.scr2_box .mar_map_box_in {
    position: relative;
    width: 80%;
    float: right;
    top: 0;
    margin-top: 1.25rem;
}

.scr2_box .mar_data_box {
    margin-top: 1.6rem;
    width: 20%;
    float: left;
}

.dat_num {
    position: relative;
}

.dat_num::after {
    content: ' + ';
    font-size: 40px;
    line-height: 1;
    position: absolute;
    left: 100%;
    bottom: 80%;
}

.scr2_box .mar_data_box .dat_name {
    font-size: 16px;
    line-height: 2;
}


/*新闻详情*/

.det_left_box {
    width: 70%;
    float: left;
}

.new_d_body .det_left_box {
    width: 100%;
}

.new_d_title {
    line-height: 1.5;
    font-size: 26px;
    text-align: center;
    color: #000;
    font-weight: 700;
}

.new_d_info {
    color: #84898c;
    text-align: center;
    font-size: 14px;
    margin-top: 18px;
    line-height: 1.5;
}

.new_d_info>span {
    margin: 0 13px;
}

.new_d_info>span:first-child {
    margin-left: 0;
}

.new_d_info>span:last-child {
    margin-right: 0;
}

.new_d_text_box {
    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 68px;
    padding: 11.538% 14.285%;
}

.new_d_text_box p {
    font-size: 14px;
    line-height: 2;
    color: #84898c;
    padding-bottom: .15rem;
}


/*.new_d_text_box > img{*/


/*width: 100%;*/


/*display: block;*/


/*margin-bottom: .5rem;*/


/*}*/

.new_d_text_box .new_con_text_box>img {
    width: 100%!important;
    height: auto!important;
    display: block;
    margin-bottom: .5rem;
}

.new_d_text_box p img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto !important;
}

.det_text_at h2 {
    font-size: 26px;
    color: #000;
    text-align: center;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: .5rem;
}

.text_line {
    height: 1px;
    width: 100%;
    background-color: #dfe4e7;
    margin-bottom: .5rem;
}

.det_text_at h4 {
    font-size: 18px;
    color: var(--primary-color);
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: .3rem;
}

.com_info_stock p {
    color: var(--primary-color);
}

.con_box {
    padding-bottom: .5rem;
    font-size: 14px;
    line-height: 1.8;
    color: var(--primary-color);
    font-weight: 700;
}

.con_box>div:first-child {
    float: left;
}

.con_box>div:last-child {
    float: right;
}

.text_tab_box {
    line-height: 50px;
}

.text_tab_box>a {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    transition: all .5s ease;
}

.text_tab_box>a:hover {
    padding: 0 20px;
}

.btn_prev {
    float: left;
    color: #858d90;
}

.btn_prev i {
    vertical-align: middle;
    margin-right: 20px;
}

.btn_next {
    float: right;
    color: #858d90;
}

.btn_next i {
    vertical-align: middle;
    margin-left: 20px;
}

.go_back {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-top: 80px;
    line-height: 1;
    display: block;
}

.go_back i {
    vertical-align: middle;
    margin-right: 10px;
}

.go_back::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12.637%;
    height: 1px;
    background-color: #000;
    margin-right: 30px;
}

.go_back::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12.637%;
    height: 1px;
    background-color: #000;
    margin-left: 30px;
}

.det_right_box {
    float: right;
    width: 26.15%;
    margin-top: 2.4rem;
}

.new_d_body .det_right_box {
    display: none;
}

.det_hot_box {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    padding-bottom: .4rem;
    border-bottom: 1px solid #a4a8b0;
    margin-bottom: 15px;
}

.det_hot_box>div {
    color: rgba(0, 0, 0, .4);
    font-size: 15px;
    line-height: 1.5;
    text-transform: capitalize;
    font-weight: 400;
}

.det_recommend>a {
    display: block;
    padding: 38px 0;
    position: relative;
    transition: all .5s ease;
}

.det_recommend>a::after {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: #ced1d7;
    transition: all .5s ease;
    width: 48px;
    height: 1px;
}

.rec_title {
    width: calc(100% - 18px);
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    margin-left: 0;
    transition: all .5s ease;
}

.rec_time {
    width: calc(100% - 18px);
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin-left: 0;
    transition: all .5s ease;
}

.rec_time span {
    color: #bfc3c6;
}

.rec_time i {
    position: absolute;
    right: 0;
    transition: all .5s ease;
    color: var(--primary-color);
    top: 0;
    font-size: 20px;
    vertical-align: middle;
    opacity: 0;
}

.det_recommend>a:hover {
    /*padding-left: 18px;*/
}

.det_recommend>a:hover::after {
    width: 100%;
    background-color: var(--primary-color);
}

.det_recommend>a:hover .rec_title {
    color: var(--primary-color);
}

.det_recommend>a:hover .rec_time i {
    opacity: 1;
    right: -10px;
}

.det_recommend>a:hover .rec_title,
.det_recommend>a:hover .rec_time {
    margin-left: 18px;
}

.go_top {
    display: none;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    text-align: center;
    color: #8f999f;
    width: 130px;
    height: 60px;
    line-height: 60px;
    position: fixed;
    bottom: 70px;
    right: 20px;
    transform: rotate(90deg);
    font-weight: 700;
    z-index: 10;
}

.go_top i {
    margin-right: 10px;
    vertical-align: middle;
}


/*品牌文化*/

.cul_con {
    background: url("../images/cul_bg.png") no-repeat center bottom, #f6f9fb;
    overflow: hidden;
}

.con_case_b {
    width: 81.25vw;
    margin: 0 auto;
    padding-top: 1.5rem;
    padding-bottom: 1.6rem;
    position: relative;
}

.scr1_img_box {
    position: relative;
    float: left;
    width: 44.23%;
    margin-top: -42px;
    margin-left: -42px;
}

.scr1_img_case {
    display: block;
    width: 100%;
}

.scr1_img_face {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 39%;
}

.scr1_text_box {
    margin-top: -42px;
    float: right;
    width: 50%;
}

.cul_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5rem;
    color: #000;
}

.cul_info {
    font-size: 14px;
    color: #72787f;
    line-height: 2.57;
}

.case_bg {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.5rem;
}

.case_bg::after {
    content: '';
    display: block;
    background-color: #fff;
    width: 150%;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    -webkit-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 90px rgba(29, 56, 75, .17);
    box-shadow: 0 0 90px rgba(29, 56, 75, .17);
}

.case_bg>div {
    position: relative;
    z-index: 1;
}

.case_bg>.src2_img_box {
    position: absolute;
    bottom: -64px;
    right: 16.666%;
    width: 25%;
    -webkit-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
    -moz-box-shadow: 0 0 68px rgba(29, 56, 75, .36);
    box-shadow: 0 0 68px rgba(29, 56, 75, .36);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    z-index: 2;
}

.src2_img_box>img {
    width: 100%;
    display: block;
}

.sr2_con_box {
    width: 50.769%;
    float: left;
}

.sr2_con_box>img {
    width: 100%;
    display: block;
}

.cul_src2_line {
    padding-top: 1.05rem;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}

.case_bg>.scr2_title_box {
    position: absolute;
    width: 16.666%;
    top: -40px;
    right: 0;
    text-align: center;
    z-index: 2;
    font-size: 40px;
    color: #d5dae0;
    line-height: 1;
}

.scr2_title_box>img {
    position: relative;
    left: 50%;
    top: -43px;
    transform: translateX(-50%);
}

.scr2_title {
    width: 350px;
    text-transform: uppercase;
    position: relative;
    left: 50%;
    margin-left: -175px;
    margin-top: 80px;
    transform: rotate(90deg);
}

.cul_info_case {
    float: left;
    width: 50%;
    height: 435px;
    padding-left: 260px;
    position: relative;
    overflow: hidden;
}

.img_center_box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 230px;
    height: 230px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}

.cen_img_0 {
    width: 100%;
    display: block;
}

.cen_img_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 178px;
    margin-left: -89px;
    margin-top: -20px;
}

.cul_src3_con_box>.cul_info_case:nth-child(odd) {
    text-align: right;
    padding-right: 260px;
    padding-left: 0;
}

.scr3_title {
    margin-top: 160px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-bottom: 38px;
    line-height: 1;
    border-bottom: 1px solid #d2d6d9;
    transition: all .5s ease;
    margin-bottom: 35px;
    position: relative;
}

.scr3_title::after {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: var(--primary-color);
    position: absolute;
    bottom: -5px;
}

.loop1 .scr3_title::after {
    right: -20px;
}

.loop2 .scr3_title::after {
    left: -20px;
}

.loop3 .scr3_title::after {
    right: -20px;
}

.loop4 .scr3_title::after {
    left: -20px;
}

.scr3_title::before {
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    border-bottom: 1px #d2d6d9 dashed;
    position: absolute;
    top: calc(100% + 0px);
    transition: color .5s ease;
}

.loop1 .scr3_title::before {
    right: -20px;
    transform: rotate(225deg);
    transform-origin: 100% 100%;
}

.loop2 .scr3_title::before {
    left: -20px;
    transform: rotate(135deg);
    transform-origin: 0 0;
}

.loop3 .scr3_title::before {
    right: -20px;
    transform: rotate(135deg);
    transform-origin: 100% 100%;
}

.loop4 .scr3_title::before {
    left: -20px;
    transform: rotate(225deg);
    transform-origin: 0 0;
}

.cul_info_case:hover .scr3_title::before {
    border-color: var(--primary-color);
}

.cul_info_case:hover .scr3_title {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.scr3_info {
    font-size: 14px;
    line-height: 36px;
    color: #72787f;
    transition: all .5s ease;
}

.cul_info_case:hover .scr3_info {
    color: #000;
}

.loop_box {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 380px;
    height: 380px;
    position: absolute;
    overflow: hidden;
    transition: all .5s ease;
    transform: translate3d(0, 0, 0);
}


/*.cul_info_case:hover .loop_box{*/


/*width: 480px;*/


/*height: 480px;*/


/*}*/

.loop1 .loop_box {
    right: 0;
    bottom: 0;
    transform: translate3d(50%, 50%, 0);
    background-color: var(--primary-color);
}

.loop2 .loop_box {
    left: 0;
    bottom: 0;
    transform: translate3d(-50%, 50%, 0);
    background-color: #5aa62d;
}

.loop3 .loop_box {
    right: 0;
    top: 0;
    transform: translate3d(50%, -50%, 0);
    background-color: var(--primary-color);
}

.loop4 .loop_box {
    left: 0;
    top: 0;
    background-color: #1a7937;
    transform: translate3d(-50%, -50%, 0);
}

.loop1:hover .loop_box {
    transform: translate3d(50%, 50%, 0) scale(1.2);
}

.loop2:hover .loop_box {
    transform: translate3d(-50%, 50%, 0) scale(1.2);
}

.loop3:hover .loop_box {
    transform: translate3d(50%, -50%, 0) scale(1.2);
}

.loop4:hover .loop_box {
    transform: translate3d(-50%, -50%, 0) scale(1.2);
}

.loop_box>span {
    display: block;
    width: 22px;
    height: 22px;
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    transition: opacity .5s ease;
}

.cul_info_case:hover .loop_box>span {
    opacity: 0;
}

.loop_box>span::after {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #f6f9fb;
}

.loop1 .loop_box>span {
    left: 25%;
    margin-left: -22px;
    bottom: 75%;
    margin-bottom: 0;
}

.loop2 .loop_box>span {
    right: 25%;
    margin-right: -22px;
    bottom: 75%;
    margin-bottom: 0;
}

.loop3 .loop_box>span {
    left: 25%;
    margin-left: -22px;
    top: 75%;
    margin-top: 0;
}

.loop4 .loop_box>span {
    right: 25%;
    margin-right: -22px;
    top: 75%;
    margin-top: -0;
}

.loop_box::after {
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    width: 2px;
    top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.loop_box::before {
    content: '';
    display: block;
    height: 2px;
    top: 50%;
    width: 100%;
    left: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.loop_box img {
    width: 50%;
    position: absolute;
    opacity: 0;
    transition: all .5s ease;
    transform: translate3d(0, 0, 0);
}

.cul_info_case:hover .loop_box img {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.loop1 .loop_box img {
    left: 0;
    top: 0;
}

.loop2 .loop_box img {
    right: 0;
    top: 0;
}

.loop3 .loop_box img {
    left: 0;
    bottom: 0;
}

.loop4 .loop_box img {
    right: 0;
    bottom: 0;
}

.padT0 {
    padding-top: 0 !important;
}

.src3_case {
    position: relative;
}

.go1 {
    animation-name: go1;
}

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


/*发展历程*/

.dev_con {
    background-color: #f6f9fb;
    position: relative;
}

.dev_con .tea_case {
    position: relative;
    z-index: 1;
    padding-bottom: .9rem;
}

.tab_time_bottom .showreel_box {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: transparent;
    overflow: hidden;
    position: relative;
    height: 90px;
    line-height: 90px;
    padding: 0 90px;
    box-shadow: none;
    margin-bottom: 0;
}

.tab_time_bottom .showreel_box .list_u_img_box>a {
    width: 100px;
    font-size: 16px;
    color: #979ba0;
    transition: all .5s ease;
}

.tab_time_bottom .showreel_box .list_u_img_box>a.on,
.tab_time_bottom .showreel_box .list_u_img_box>a:hover {
    font-size: 16px;
    color: var(--primary-color);
}

.tab_time_bottom .showreel_box .list_u_img_box>a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 70%;
    margin-left: -1em;
    width: 0;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--primary-color);
    transition: all .5s ease;
}

.tab_time_bottom .showreel_box .list_u_img_box>a:hover::after,
.tab_time_bottom .showreel_box .list_u_img_box>a.on::after {
    width: 2em;
}

.tab_time_bottom .showreel_box .btn_img_prev,
.tab_time_bottom .showreel_box .btn_img_next {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    color: #7a858a;
    text-align: center;
    -webkit-box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    -moz-box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    box-shadow: 0 0 27px rgba(29, 56, 75, .17);
    top: 50%;
    left: 25px;
    margin-top: -20px;
}

.tab_time_bottom .showreel_box .btn_img_next {
    right: 25px;
    left: auto;
}

.dev_tex_box>div {
    display: none;
    width: 57%;
    float: right;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: .5rem;
    min-height: 2.6rem;
}

.time_title_case {
    position: relative;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    overflow: hidden;
}

.at_time {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #e9eff2;
    font-size: 300px;
    line-height: 0.8;
    background: -ms-linear-gradient(180deg, rgba(233, 239, 242, 0), rgba(233, 239, 242, 0), rgba(233, 239, 242, 0));
    background: -moz-linear-gradient(180deg, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
    background: -o-linear-gradient(180deg, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgba(246, 249, 251, 1)), color-stop(0.10, rgba(233, 239, 242, 1)), color-stop(0.7, rgba(233, 239, 242, 0.7)), color-stop(1, rgba(233, 239, 242, 0)));
    background: -webkit-linear-gradient(top, #f1f2f3, rgba(233, 239, 242, 0.7), rgba(233, 239, 242, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.time_sha {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -ms-linear-gradient(left, rgba(246, 249, 251, 1) 0%, rgba(246, 249, 251, 0) 10%, rgba(246, 249, 251, 0) 90%, rgba(246, 249, 251, 1) 100%);
    background: -moz-linear-gradient(left, rgba(246, 249, 251, 1) 0%, rgba(246, 249, 251, 0) 10%, rgba(246, 249, 251, 0) 90%, rgba(246, 249, 251, 1) 100%);
    background: -o-linear-gradient(left, rgba(246, 249, 251, 1) 0%, rgba(246, 249, 251, 0) 10%, rgba(246, 249, 251, 0) 90%, rgba(246, 249, 251, 1) 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgba(246, 249, 251, 1)), color-stop(0.10, rgba(246, 249, 251, 0)), color-stop(0.9, rgba(246, 249, 251, 0)), color-stop(1, rgba(246, 249, 251, 1)));
    background: -webkit-linear-gradient(left, rgba(246, 249, 251, 1) 0%, rgba(246, 249, 251, 0) 10%, rgba(246, 249, 251, 0) 90%, rgba(246, 249, 251, 1) 100%);
}

.time_line_case {
    margin: 0 auto;
    width: 83.33333%;
    margin-top: .5rem;
}

.time_line_box {
    width: 99999px;
    position: relative;
    top: 0;
    left: 0;
    transition: all .5s ease;
}

.time_line_box>div {
    float: left;
    position: relative;
    width: 330px;
    height: 6px;
    background: -ms-linear-gradient(right, rgba(50, 131, 97, 1) 0%, rgba(204, 229, 180, 1) 100%);
    background: -moz-linear-gradient(right, rgba(50, 131, 97, 1) 0%, rgba(204, 229, 180, 1) 100%);
    background: -o-linear-gradient(right, rgba(50, 131, 97, 1) 0%, rgba(204, 229, 180, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(50, 131, 97, 1)), color-stop(1, rgba(204, 229, 180, 1)));
    background: -webkit-linear-gradient(right, rgba(50, 131, 97, 1) 0%, rgba(204, 229, 180, 1) 100%);
    font-size: 20px;
    line-height: 1;
}

.btn_time {
    position: absolute;
    right: -10px;
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--primary-color);
    z-index: 1;
    cursor: pointer;
}

.btn_time>span {
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: -50px;
    z-index: 2;
    transition: all .5s ease;
}

.time_line_box>div:nth-child(odd) .btn_time>span {
    bottom: -50px;
    top: auto;
}

.btn_time::after {
    content: '';
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background-color: rgba(14, 111, 57, .15);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: dot1 2s infinite ease;
    -webkit-animation: dot1 2s infinite ease;
    /* Safari 和 Chrome */
}

@keyframes dot1 {
    0% {
        width: 20px;
        height: 20px;
    }
    50% {
        width: 36px;
        height: 36px;
    }
    100% {
        width: 20px;
        height: 20px;
    }
}

.btn_time:hover::after {
    display: block;
}

.time_line_box>div.bodes {
    pointer-events: none;
    background: -ms-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
    background: -moz-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
    background: -o-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(145, 147, 149, 1)), color-stop(1, rgba(220, 224, 225, 1)));
    background: -webkit-linear-gradient(right, rgba(145, 147, 149, 1) 0%, rgba(220, 224, 225, 1) 100%);
}

.bodes .btn_time {
    background-color: #959798;
}

.bodes .btn_time span {
    color: #979ba0;
}


/*波浪背景*/

.wave_box {
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.wave {
    overflow: hidden;
    position: absolute;
    top: 129%;
    width: 140%;
    transform: translateY(-50%);
    color: #fff;
    margin-left: -20%;
    animation: 3s ease-in-out infinite alternate waveAnimateA;
}

@keyframes waveAnimateA {
    0% {
        transform: translate(-80px, -52%);
    }
    100% {
        transform: translate(80px, -50%);
    }
}

.wave svg {
    fill: rgba(233, 239, 242, 1);
    width: 102%;
    margin-left: -1%;
    height: auto;
}

.st0 {
    fill: #E9EFF2;
    opacity: 0.5
}

.st1 {
    opacity: 0.5;
    fill: #E9EFF2;
}

.st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: url(../fonts/style.css#svgid_1_);
}

.titie_box_bg {
    width: 130px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -65px;
    z-index: 1;
    transform: scale(0);
    transition: all .5s ease;
}

.titie_box_bg svg {
    width: 100%;
    position: relative;
    z-index: 1;
}

.titie_box_bg #title_bg_down {
    opacity: .3;
    transform: rotate(37deg) scale(1.02);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}

.time_line_box .on .btn_time>span {
    font-size: 40px;
    color: #fff;
    top: 50% !important;
    transform: translate(-50%, -50%);
    bottom: auto !important;
    margin-left: 0;
}

.time_line_box .on .btn_time .titie_box_bg {
    transform: scale(1);
}

.time_line_box .on .btn_time .titie_box_bg>#title_bg_down {
    animation: alpha 2.25s linear infinite forwards;
}

@keyframes alpha {
    0% {
        transform: rotate(0);
    }
    25% {}
    50% {
        border-radius: 50%;
    }
    75% {}
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width:1600px) {
    .com_title {
        font-size: 34px;
    }
    .hon_tab_nav_box>div {
        padding-bottom: .3rem;
    }
    .new_tex_box>div {
        width: 70.6666%;
    }
    .new_title,
    .new_info {
        margin-top: 25px;
    }
    .cul_title {
        line-height: 100px;
    }
    .pul_now>div {
        max-height: 90px;
    }
    .nav_box,
    .search_box,
    .language_box {
        line-height: 90px;
    }
    header .nav_con .pul_logo {
        top: 18px;
        left: 3vw;
    }
}

@media screen and (max-width:1440px) {
    .pul_initial .language_box {
        margin-top: 110px;
    }
}

@media screen and (max-width:1366px) {
    .f-60 {
        font-size: 48px;
    }
    .f-50 {
        font-size: 42px;
    }
    .f-48 {
        font-size: 40px;
    }
    .f-46 {
        font-size: 40px;
    }
    .f-44 {
        font-size: 38px;
    }
    .f-42 {
        font-size: 36px;
    }
    .f-40 {
        font-size: 34px;
    }
    .f-38 {
        font-size: 32px;
    }
    .f-36 {
        font-size: 30px;
    }
    .f-34 {
        font-size: 28px;
    }
    .f-32 {
        font-size: 26px;
    }
    .f-30 {
        font-size: 26px;
    }
    .f-28 {
        font-size: 26px;
    }
    .f-26 {
        font-size: 24px;
    }
    .f-24 {
        font-size: 22px;
    }
    .f-22 {
        font-size: 20px;
    }
    .f-20 {
        font-size: 18px;
    }
    .f-18 {
        font-size: 16px;
    }
    .f-16 {
        font-size: 14px;
    }
    .f-14 {
        font-size: 14px;
    }
    .f-12 {
        font-size: 12px;
    }
    .tea_mem_case {
        margin-top: 1rem;
    }
    .member_box>div {
        padding-left: 34%;
    }
    .member_info {
        padding: .35rem 6% .4rem 34%;
    }
    .tal_title_box>div {
        width: 80%;
    }
    .tal_tab_name {
        padding: 20px 8% 20px 0;
    }
    .tal_title_box>span {
        letter-spacing: 30px;
    }
    .com_img_case .swiper-button-prev {
        margin-right: 30px;
    }
    .com_img_case .swiper-button-next {
        margin-left: 30px;
    }
    .com_title {
        font-size: 28px;
    }
    .hon_tab_nav_box>div {
        padding-bottom: .4rem;
    }
    .hon_tab_num {
        font-size: 30px;
    }
    .hon_tab_name {
        line-height: 48px;
    }
    .new_title {
        margin-top: 0;
    }
    .mar_data_box {
        margin-top: 1.8rem;
    }
    .scr1_img_box {
        width: 50%;
        margin-top: 0;
    }
    .pul_initial .language_box {
        margin-top: 100px;
    }
}

@media screen and (max-width:1024px) {
    .full-menu_m {
        display: block;
    }
    .full-menu_pc {
        display: none;
    }
    .pul_now {
        display: none;
    }
    .ins_banner {
        height: 40vh;
    }
    .tea_case {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .com_con .tea_case {
        width: 100%;
    }
    .pul_initial .language_box {
        display: none;
    }
    header {
        height: auto;
    }
    .com_img_case {
        width: 76.2%;
        margin-left: 10%;
        padding-right: calc(13.8% + 30px);
    }
    .sha_imgBox {
        width: calc(14.78% + 30px);
    }
    .com_img_case .swiper-button-prev {
        margin-right: 20px;
    }
    .com_img_case .swiper-button-next {
        margin-left: 20px;
    }
    .com_img_case .swiper-pagination .on {
        font-size: 20px;
    }
    .com_img_case .swiper-pagination {
        font-size: 16px;
    }
    .com_title {
        left: 88.5%;
    }
    .com_img_case {
        margin-top: .6rem;
        margin-bottom: .6rem;
    }
    .hon_name {
        font-size: 18px;
    }
    .hon_name_text {
        font-size: 14px;
    }
    .hon_name_box .active-nav .hon_name_text {
        font-size: 16px;
        box-shadow: 0 0 30px rgba(29, 56, 75, .17);
    }
    .new_tex_box {
        margin-right: 0;
        width: 75%;
    }
    .scr1_img_box {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .scr1_text_box {
        float: none;
        width: 100%;
        margin-top: 0;
    }
    .cul_src2_line {
        padding-top: .6rem;
        margin-bottom: 10px;
    }
    .cul_info_case {
        padding-left: 50px;
    }
    .cul_src3_con_box>.cul_info_case:nth-child(odd) {
        padding-right: 50px;
    }
    .cen_img_0 {
        display: none;
    }
    .img_center_box {
        background: transparent;
        top: 0;
        bottom: auto;
    }
    .loop_box {
        display: none;
    }
    .scr3_title::before {
        display: none;
    }
    .cul_info_case {
        height: auto;
    }
    .src3_case {
        padding-top: 1.5rem;
    }
    .scr3_title {
        margin-top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .f-60 {
        font-size: 24px;
    }
    .f-50 {
        font-size: 22px;
    }
    .f-48 {
        font-size: 22px;
    }
    .f-46 {
        font-size: 20px;
    }
    .f-44 {
        font-size: 20px;
    }
    .f-42 {
        font-size: 20px;
    }
    .f-40 {
        font-size: 18px;
    }
    .f-38 {
        font-size: 18px;
    }
    .f-36 {
        font-size: 18px;
    }
    .f-34 {
        font-size: 16px;
    }
    .f-32 {
        font-size: 16px;
    }
    .f-30 {
        font-size: 16px;
    }
    .f-28 {
        font-size: 16px;
    }
    .f-26 {
        font-size: 14px;
    }
    .f-24 {
        font-size: 14px;
    }
    .f-22 {
        font-size: 14px;
    }
    .f-20 {
        font-size: 14px;
    }
    .f-18 {
        font-size: 12px;
    }
    .f-16 {
        font-size: 12px;
    }
    .f-14 {
        font-size: 12px;
    }
    .f-12 {
        font-size: 12px;
    }
    .pre_box {
        min-width: 140px;
    }
    .sen_link_box {
        padding-bottom: .35rem;
    }
    .post_case {
        padding-top: .6rem;
    }
    .page_case {
        padding-top: .45rem;
    }
    #bloc footer .f-main .max-wid {
        padding: .6rem 0 .3rem 0;
    }
    .max-wid {
        width: auto;
        margin: 0 15px;
    }
    .sta_img_box {
        margin-top: .8rem;
    }
    .sta_tab_con_box {
        margin-bottom: -.8rem;
    }
    .tal_info {
        width: 200%;
    }
    .hon_con_box {
        width: 100%;
    }
    .hon_con .tea_case {
        width: 100%;
    }
    .hon_name_box {
        width: 100%;
        top: -100px;
        padding: 0;
    }
    .hon_name_box .swiper-button-prev,
    .hon_name_box .swiper-button-next {
        display: none;
    }
    .hon_name_box .swiper-container {
        height: auto;
    }
    .pro_list_box>a {
        padding: 15px;
    }
    .med_list_box>a {
        padding: 40px 65px 45px 65px;
    }
    .med_list_case>span {
        top: 33px;
        font-size: 14px;
        line-height: 42px;
    }
    .med_time {
        line-height: 20px;
        font-size: 20px;
        top: 41px;
        width: 43px;
    }
    .med_time span {
        font-size: 12px;
    }
    .med_list_box>a:hover>span {
        padding: 0 35px;
    }
    .med_list_box>a:hover .med_time {
        width: 65px;
    }
    .new_time {
        line-height: 20px;
        font-size: 20px;
    }
    .new_time span {
        font-size: 12px;
    }
    .con_case_b {
        padding-top: .75rem;
        padding-bottom: .8rem;
    }
    .cul_title {
        font-size: 20px;
        line-height: .7rem;
    }
    .cul_src2_line {
        padding-top: .3rem;
    }
    .cul_info {
        line-height: 2.5;
    }
    .scr3_info {
        line-height: 2.5;
    }
    .scr2_title {
        margin-top: 0;
    }
    .case_bg>.scr2_title_box {
        font-size: 28px;
    }
    .scr3_title {
        font-size: 18px;
    }
    .at_time {
        font-size: 200px;
    }
}

@media screen and (max-width: 640px) {
    .tea_case {
        padding: 60px 15px 70px 15px;
    }
    .tea_mem_case .swiper-button-next,
    .tea_mem_case .swiper-button-prev {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .carousel .swiper-button-next,
    .carousel .swiper-button-prev {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .member_info>img {
        bottom: 100%;
    }
    .member_box>.member_info {
        padding-left: 6%;
    }
    .sen_link_box {
        padding-bottom: .1rem;
    }
    .post_box {
        margin-bottom: 15px;
        padding: 0 15px;
    }
    .joi_hint>span {
        line-height: 1.5;
        padding: 20px 0;
    }
    .page_case>div:first-child {
        margin-right: 0;
        width: 100%;
    }
    .page_case>div:last-child {
        margin-left: 0;
        width: 100%;
    }
    .post_name i {
        margin-right: 10px;
    }
    .post_num i {
        margin-left: 10px;
    }
    .full-menu {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 2vh;
        font-size: 20px;
    }
    header .nav .full-menu:after {
        width: 40px;
        height: 40px;
    }
    .max-wid li {
        display: block;
        margin-bottom: 30px;
    }
    #bloc footer .f-main .max-wid>ul {
        display: block;
    }
    .sty_line,
    .sen_link_con {
        display: none;
    }
    .pul_initial .search_box {
        margin-right: calc(5vw + 50px);
        margin-top: 2vh;
        line-height: 40px;
    }
    .menu-list>a {
        font-size: 18px;
    }
    .menu-list>div>a {
        font-size: 14px;
    }
    header .pul_logo {
        top: 2vh;
    }
    .pul_initial .search_case {
        top: calc(2vh + 40px);
    }
    .sta_tab_box>span {
        width: 25%;
        font-size: 12px;
    }
    .sta_tab_box>span.on span {
        transform: scale(1.4) translateZ(0);
    }
    .sta_tab_box {
        padding-bottom: 0.15rem;
    }
    .sta_tab_con_box .swiper-slide.active .sta_img_box>img {
        -webkit-box-shadow: 0 0 50px rgba(40, 80, 104, .55);
        -moz-box-shadow: 0 0 50px rgba(40, 80, 104, .55);
        box-shadow: 0 0 50px rgba(40, 80, 104, .55);
    }
    .tal_tab_box {
        float: none;
        width: 100%;
        height: auto;
    }
    .tal_img_box {
        float: none;
        width: 100%;
        padding-bottom: 145%;
        margin-top: .4rem;
    }
    .tal_con_box {
        padding-top: .5rem;
    }
    .tal_info {
        width: 100%;
    }
    .tal_info_m {
        display: block;
        position: relative;
        margin-top: .4rem;
    }
    .tal_info_pc {
        display: none;
    }
    .tal_title_box>div {
        width: 100%;
    }
    .com_img_case {
        -webkit-box-shadow: 0 0 30px rgba(30, 46, 63, .36);
        -moz-box-shadow: 0 0 30px rgba(30, 46, 63, .36);
        box-shadow: 0 0 30px rgba(30, 46, 63, .36);
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
    .com_img_case .swiper-button-prev,
    .com_img_case .swiper-button-next {
        display: none;
    }
    .com_info_case p {
        padding-top: 15px;
        line-height: 1.8;
    }
    .com_info_case {
        margin-bottom: 0;
    }
    .com_title {
        left: 60.5%;
    }
    .com_img_case {
        padding-right: calc(13.8% + 15px);
    }
    .sha_imgBox {
        width: calc(14.78% + 14px);
    }
    .sen_manifesto {
        line-height: 1.5;
        bottom: 100%;
    }
    .hon_tab_nav_box {
        float: none;
        width: 100%;
    }
    .hon_tab_nav_box>div {
        width: 25%;
        float: left;
        text-align: center;
    }
    .hon_con_case {
        float: none;
        width: 100%;
    }
    .hon_name_box {
        position: relative;
        top: 0;
    }
    .hon_name {
        display: none;
    }
    .hon_con_box .swiper-container {
        padding-bottom: 0;
    }
    .hon_con .tea_case {
        padding: 60px 15px 70px 15px;
    }
    .hon_tab_num {
        font-size: 24px;
    }
    .hon_tab_name {
        line-height: 40px;
        font-size: 14px;
    }
    .hon_tab_name::after {
        height: 3px;
    }
    .inv_left_box {
        width: 100%;
        float: none;
    }
    .inv_right_box {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .inv_right_box::after {
        display: none;
    }
    .inv_title {
        font-size: 20px;
        line-height: 56px;
    }
    .inv_code {
        margin-top: 0;
    }
    .inv_stock_box {
        padding: 20px 0;
    }
    .sto_contrast {
        margin-bottom: 20px;
    }
    .ann_box>a {
        padding: 20px 0;
        padding-right: 32px;
    }
    .sty_bottom_sty {
        margin-bottom: .15rem;
    }
    .showreel_box .btn_img_prev,
    .showreel_box .btn_img_next {
        width: 40px;
    }
    .showreel_box {
        padding: 0 40px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 25px;
    }
    .showreel_box .list_u_img_box>a.on {
        font-size: 20px;
    }
    .showreel_box .list_u_img_box>a {
        width: 70px;
        font-size: 14px;
    }
    .not_con .ann_box>a {
        padding: 30px 32px 20px 0;
    }
    .not_con .ann_box>a>i {
        right: 0;
    }
    .time_year {
        font-size: 18px;
    }
    .ann_title {
        font-size: 14px;
    }
    .pro_list_box>a {
        width: 48%;
        margin-right: 4%;
        margin-bottom: .4rem;
        font-size: 12px;
    }
    .pro_list_box>a:nth-child(3n) {
        margin-right: 4%;
    }
    .pro_list_box>a:nth-child(2n) {
        margin-right: 0;
    }
    .pro_intersperse {
        margin-bottom: 15px;
    }
    .pro_title {
        margin: .25rem 0 .5rem 0;
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    .btn_pro_det {
        line-height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 40px;
        margin-left: -20px;
        bottom: -20px;
    }
    .pro_box:hover .btn_pro_det {
        width: 100%;
        transform: translateX(-50%);
        margin-left: 0;
    }
    .lit_list_box>a {
        padding: 20px 0;
        padding-right: 40px;
    }
    .lit_list_case>img {
        width: 40px;
        margin-left: 0;
    }
    .lit_tex_box {
        width: calc(100% - 40px);
        padding-right: 10px;
        padding-left: 0;
    }
    .lit_title {
        font-size: 16px;
    }
    .lit_member {
        font-size: 14px;
    }
    .lit_info {
        margin-top: 15px;
        font-size: 12px;
    }
    .lit_provenance {
        font-size: 12px;
        margin-top: 10px;
    }
    .icon_bg {
        width: 40px;
    }
    .med_list_box>a {
        padding: 34px 10px 45px 10px;
    }
    .med_list_box>a:hover .med_tex_box {
        margin-left: 0;
    }
    .med_tex_box {
        width: 100%;
        margin-top: 55px;
    }
    .med_title {
        font-size: 16px;
        margin-top: 8px;
    }
    .new_title {
        font-size: 16px;
    }
    .new_tex_box {
        width: 90%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .new_tex_box>img {
        float: none;
        margin: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .new_tex_box>div {
        width: 100%;
    }
    .new_list_box>a:hover .new_tex_box>img {
        margin-left: 0;
    }
    .new_time {
        position: relative;
        z-index: 1;
    }
    .new_info {
        margin-top: 15px;
    }
    .new_list_box>a {
        margin-bottom: 0;
    }
    .scr_box {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .mar_title {
        margin-top: 0;
        font-size: 26px;
        text-align: center;
    }
    .scr0_box .mar_map_box_in {
        position: relative;
        width: 100%;
        margin-top: 20px;
        top: 0;
    }
    .mar_data_box {
        margin-top: 0.5rem;
    }
    .mar_data_box>div {
        margin-right: 45px;
        font-size: 30px;
    }
    .mar_info {
        margin-top: 35px;
    }
    .scr2_box .mar_data_box {
        width: 100%;
        float: none;
        margin-top: 0.5rem;
    }
    .scr2_box .mar_map_box_in {
        margin-top: 20px;
        width: 100%;
        float: none;
    }
    .det_left_box {
        width: 100%;
        float: none;
    }
    .det_right_box {
        float: none;
        width: 100%;
        margin-top: 50px;
    }
    .go_top {
        right: -33px;
    }
    .new_d_title {
        font-size: 18px;
    }
    .new_d_info {
        font-size: 12px;
        margin-top: 10px;
    }
    .new_d_text_box {
        margin-top: 30px;
        padding: 15px;
    }
    .new_d_text_box p,
    .new_d_text_box>img,
    .new_d_text_box h2,
    .con_box {
        padding-bottom: .25rem;
    }
    .text_line {
        margin-bottom: .25rem;
    }
    .go_back {
        margin-top: 40px;
    }
    .con_box>div:last-child {
        float: left;
    }
    .det_hot_box {
        font-size: 18px;
        padding-bottom: 0.15rem;
    }
    .det_recommend>a {
        padding: 16px 0;
    }
    .rec_title {
        font-size: 14px;
    }
    .rec_time {
        font-size: 12px;
    }
    .cul_info_case {
        float: none;
        width: 100%;
        padding-left: 15px;
    }
    .scr3_title {
        margin-top: 15px;
        padding-bottom: 20px;
        margin-bottom: 18px;
    }
    .cul_src3_con_box>.cul_info_case:nth-child(odd) {
        padding-right: 15px;
    }
    .con_case_b {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cul_info,
    .scr3_info {
        line-height: 1.8;
    }
    .sr2_con_box {
        width: 100%;
        margin-top: 30px;
    }
    .case_bg>.src2_img_box {
        position: relative;
        bottom: 0;
        right: 0;
        width: 80%;
    }
    .at_time {
        font-size: 100px;
    }
    .time_line_box>div {
        font-size: 14px;
    }
    .btn_time>span {
        margin-left: -16px;
        top: -35px;
    }
    .time_line_box>div:nth-child(odd) .btn_time>span {
        bottom: -35px;
        top: auto;
    }
    .titie_box_bg {
        width: 60px;
        margin: -30px 0 0 -30px;
    }
    .time_line_box .on .btn_time>span {
        font-size: 20px;
    }
    .time_line_case {
        margin-top: -.2rem;
    }
    .time_title_case {
        padding-bottom: .6rem;
    }
    .dev_tex_box>div {
        width: 100%;
        float: none;
    }
    .wave {
        top: auto;
        bottom: -40%;
    }
}

@media screen and (max-width: 375px) {
    .wave {
        width: 160%;
        margin-left: -25%;
    }
}

@media screen and (max-width: 320px) {
    .com_title {
        left: 48%;
    }
    .sen_manifesto {
        font-size: 12px;
        bottom: 83%;
    }
    .hon_name_text {
        font-size: 14px;
    }
    .hon_name_text {
        line-height: 40px;
    }
}


/*产品详情页*/

.pro_det_crosswise {
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: .85rem;
}

.pro_cro_bg1 {
    width: 40.3125%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.pro_cro_bg2 {
    width: 36.45833%;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
}

.pro_det_into_box {
    position: relative;
    z-index: 1;
    width: 67.71%;
    margin: 0 auto;
}

.pro_det_img {
    width: 40%;
    float: left;
    margin-top: .1rem;
}

.pro_det_img img {
    width: 100%;
}

.pro_det_text_box {
    width: 50%;
    float: right;
}

.pro_det_title {
    line-height: 1.2;
    font-size: .28rem;
    color: #000000;
    margin-bottom: .15rem;
    font-weight: 700;
}

.pro_det_info {
    font-size: .18rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .7);
}

.pro_det_merit {
    margin-top: .4rem;
}

.pro_det_merit img {
    max-width: 100%;
    max-height: none;
    height: auto !important;
}

table {
    max-width: 100%;
}

.pro_det_merit>div {
    padding: .2rem 0;
    font-size: .16rem;
    line-height: 1.6875;
    color: #000;
}

.pro_det_merit>div>span {
    font-size: .24rem;
    font-weight: 700;
    color: var(--primary-color);
    vertical-align: bottom;
    line-height: 1.45;
    margin-right: .1rem;
}

.pro_det_classify {
    position: relative;
    margin-top: .45rem;
}

.pro_det_cla_bg {
    line-height: 0.75;
    font-size: .8rem;
    text-transform: uppercase;
    color: #eff3f6;
    letter-spacing: .9rem;
    margin-left: -.15rem;
    white-space: nowrap;
}

.pro_det_cla_con {
    position: absolute;
    left: 0;
    top: 64.5%;
    width: 40%;
    font-size: .16rem;
    font-weight: 700;
    color: #000;
}

.pro_det_cla_con::after {
    content: '';
    display: block;
    width: 150%;
    left: 100%;
    top: 50%;
    position: absolute;
    height: 1px;
    background-color: #dadfe4;
}

.pro_det_cla_con i {
    width: .24rem;
    margin-right: .24rem;
    display: inline-block;
    vertical-align: middle;
}

.pro_det_cla_con i img {
    display: block;
    width: 100%;
}

.pro_det_con_case {
    padding-top: 0 !important;
}

.det_proportion_box {
    padding: .85rem 0 .62rem 0;
    border-bottom: 1px solid #cbd3d9;
}

.det_proportion_box>div {
    width: 38%;
    float: left;
    padding: .25rem 0;
    margin-right: 12%;
}

.det_pro_box {
    font-size: 0;
}

.det_pro_box>div {
    display: inline-block;
    vertical-align: middle;
}

.det_proportion_box>div:nth-child(2n+1) {
    clear: left;
}

.det_pro_box.det_border {
    border-radius: 45px;
    border: 8px solid #d5dbe0;
    padding: 0;
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.det_pro_box.det_border .det_num {
    line-height: 74px;
    width: 82px;
    text-align: center;
}

.circleChart {
    width: 90px;
    position: relative;
}

.circleChart>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .14rem;
    line-height: 1;
    color: var(--primary-color);
}

.det_text_info {
    width: calc(100% - 90px);
    padding-left: 6.76923%;
}

.det_num {
    font-size: .3rem;
    line-height: 1.5;
    color: var(--primary-color);
}

.det_pro_title {
    font-size: .16rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000000;
}

.det_con_box {
    padding-top: .35rem;
}

.det_con_title {
    font-size: .16rem;
    color: #b4bbc0;
    line-height: .52rem;
    padding: .5rem 0;
}

.det_con_title span {
    margin-right: .2rem;
    font-weight: 700;
    color: #000000;
    font-size: .28rem;
}

.trait_box>div {
    margin-right: 2.7%;
    margin-top: 2.7%;
    width: calc((100% - 2.7% * 4) / 5);
    float: left;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
    padding: 1.53646%;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}

.trait_box>div:hover {
    background-color: #07933d;
    box-shadow: 17px 0 57px rgba(7, 147, 61, .4);
}

.trait_box>div:nth-child(5n) {
    margin-right: 0;
}

.det_con_l {
    font-size: .2rem;
    line-height: 1.1;
    color: #000;
    transition: all .5s ease;
    position: relative;
    z-index: 1;
}

.trait_box>div:hover .det_con_l {
    color: #fff;
}

.det_con_in {
    font-size: .14rem;
    line-height: 1.5;
    color: #414446;
    min-height: .54rem;
    transition: all .5s ease;
    position: relative;
    z-index: 1;
}

.trait_box>div:hover .det_con_in {
    color: #fff;
}

.det_pro_box_num {
    color: #ecf0f4;
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    right: .15rem;
    bottom: -.35rem;
}

.text_box {
    border-radius: 10px;
    background-color: #fff;
    padding: .55rem 5%;
    margin-top: 2.7%;
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
}

.text_box p {
    margin-bottom: .3rem;
    font-size: .14rem;
    line-height: 2;
    color: #656b6f;
}

.text_box>p:last-child {
    margin-bottom: 0;
}

.down_box {
    margin-top: 2.7%;
    border-radius: 10px;
    background-color: #fff;
    padding: 1px 0;
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
}

.down_box>a {
    display: block;
    float: left;
    width: 20%;
    margin: 4.23% 0;
    border-right: 1px solid #e0e6ea;
    text-align: center;
}

.down_box>a:nth-child(5n) {
    border-right: transparent;
}

.down_box>a span {
    color: #97a2aa;
    text-align: center;
    line-height: 1.5;
    transition: all .5s ease;
}

.down_box>a:hover span {
    color: #07933d;
}

.down_box>a span i {
    font-size: .35rem;
}

.down_box>a div {
    color: #000000;
    font-size: .16rem;
    line-height: 3;
    position: relative;
    transition: all .5s ease;
}

.down_box>a:hover div {
    color: #07933d;
}

.down_box>a div::after {
    content: '';
    display: block;
    height: 6px;
    width: 0;
    border-radius: 10px;
    bottom: 0;
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    background-color: #07933d;
    transition: all .5s ease;
}

.down_box>a:hover div::after {
    width: 1em;
}

.flow_box {
    margin-top: 2.7%;
    border-radius: 10px;
    background-color: #fff;
    padding: 6.53846% 6.1538% 1.538746% 6.1538%;
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
}

.flow_box>img {
    width: 100%;
}

.flow_box>div {
    border-top: 1px solid #cbd3d9;
    padding: 4.1666% 0;
    font-size: .16rem;
    font-weight: 700;
    color: #000000;
    margin-top: 5.4166%;
}

.flow_box>div span {
    color: #07933d;
}

.pro_into_img {
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
    border-radius: 10px;
    background-color: #fff;
    width: calc((100% - 2.6% * 3) / 4);
    margin-right: 2.6%;
    margin-top: 2.7%;
    padding-top: 3.846%;
    float: left;
    text-align: center;
}

.pro_into_box>.pro_into_img:nth-child(4n) {
    margin-right: 0;
}

.pro_into_img img {
    display: block;
    width: 50%;
    margin: auto;
    margin-bottom: 16.666%;
}

.pro_into_img>div {
    font-size: .16rem;
    line-height: 1.5;
    min-height: .533rem;
    color: #000000;
    font-weight: 700;
}

.amity_box {
    box-shadow: 23px 0 90px rgba(29, 56, 75, .17);
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

.am_title {
    width: 13.846%;
    padding: .3rem .2rem .3rem 0;
    text-align: center;
    color: #fff;
    float: left;
    font-weight: 700;
    font-size: .22rem;
    border-radius: 10px .6rem .6rem 10px;
    box-shadow: 17px 0 57px rgba(7, 147, 61, .4);
    line-height: .3rem;
    position: relative;
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
}

.am_re {
    position: absolute;
    right: 3.84615%;
    top: 50%;
    transform: translateY(-50%);
    font-size: .12rem;
    font-weight: 700;
    color: #000000;
}

.am_con {
    float: left;
    width: 55.3846%;
}

.am_con>a {
    float: left;
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #d4dbe0;
    display: block;
    margin: .3rem 0;
    height: .3rem;
}

.am_con>a:nth-child(3n),
.am_con>a:last-child {
    border-right: transparent;
}

.am_con>a img {
    height: 100%;
}

.amity_box {
    margin-top: 3.4615%;
}


/*publications(en)*/

.publ_tab_nav_box {
    margin: 0 auto;
    margin-bottom: 1.2rem;
    font-size: 0;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 70px rgba(29, 56, 75, .17);
    padding: 4.4615% 5.3846% 0 5.3846%;
}

.publ_tab_nav_box a {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    position: relative;
}

.publ_marks {
    position: relative;
}

.publ_marks img {
    max-width: 55px;
    position: relative;
    z-index: 1;
}

.publ_marks span {
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .4rem;
    line-height: 1;
    color: #ecf2f3;
}

.publ_name {
    padding: .13rem 0 .25rem 0;
    line-height: 1;
    font-size: .18rem;
    color: #000000;
    opacity: 0;
    transition: all .5s ease;
}

.publ_con_box>div {
    display: none;
}

.publ_con_box>div:first-child {
    display: block;
}

.publ_tab_nav_box a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    height: 10px;
    width: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    transition: all .5s ease;
}

.publ_tab_nav_box a.on::after,
.publ_tab_nav_box a:hover::after {
    width: 100%;
}

.publ_tab_nav_box a.on {
    cursor: auto;
}

.publ_tab_nav_box a:hover .publ_name,
.publ_tab_nav_box a.on .publ_name {
    opacity: 1;
}

.publ_body .lit_title {
    font-weight: 400;
    line-height: 1;
    margin-bottom: .1rem;
}


/*视频列表*/

.vid_body .pro_box {
    position: relative;
    padding: 0;
    box-shadow: none;
    margin-bottom: .8rem;
    background-color: transparent;
}

.vie_img_box {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 70px rgba(29, 56, 75, .17);
}

.vie_img_box img {
    width: 100%;
    display: block;
}

.vid_body .vie_img_box>span {
    border-radius: 50px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 72px;
    text-indent: -28px;
    text-align: center;
    line-height: .5rem;
    width: .5rem;
    height: .5rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vid_body .vie_img_box>span:hover {
    color: var(--primary-color);
}

.vid_text_box {
    margin-top: .4rem;
}

.vid_title {
    font-size: .16rem;
    line-height: 1.5;
    margin-bottom: .3rem;
    color: #000000;
}

.vid_into {
    font-size: .12rem;
    line-height: 1.5;
    color: #72787f;
}

.pro_list_box>a:nth-child(3n+1) {
    clear: left;
}


/*meetUs*/

.mee_body .pro_con {
    background: url(../images/mee_bg.png) no-repeat center bottom, #f6f9fb;
}

.mee_body .tea_case {
    padding-top: 0;
}

.mee_con_box {
    margin-top: -1rem;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 11;
    padding: 1rem 18.46%;
}

.mee_body .sen_link_box {
    padding-bottom: 1.7rem;
}

.mee_finish {
    text-align: center;
    font-size: .16rem;
    line-height: 1.8;
    color: #000000;
    position: relative;
    margin-top: .4rem;
}

.mee_con_list>div {
    position: relative;
    margin-bottom: .8rem;
}

.mee_logo,
.mee_into {
    width: 40.24%;
}

.mee_logo {
    border-radius: 10px;
    border: 1px solid #e1e4e9;
    transition: all .5s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}

.mee_con_list>div:hover .mee_logo {
    border-color: #07933d;
    box-shadow: 9px 0 46px rgba(184, 195, 188, .59);
}

.mee_con_list>div .mee_logo {
    right: 0;
}

.mee_con_list>div:nth-child(odd) .mee_logo {
    left: 0;
}

.mee_logo img {
    width: 100%;
}

.mee_con_list>div .mee_into {
    float: left;
    text-align: right;
}

.mee_con_list>div:nth-child(odd) .mee_into {
    float: right;
    text-align: left;
}

.mee_num {
    width: 19.52%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mee_num::after {
    content: '';
    display: block;
    width: 2px;
    height: calc(50% + .4rem);
    background-color: #07933d;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -1px;
    top: 50%;
}

.mee_num::before {
    content: '';
    display: block;
    width: 2px;
    height: calc(50% + .4rem);
    background-color: #07933d;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -1px;
    bottom: 50%;
}

.mee_con_list>div:first-child .mee_num::before {
    display: none;
}

.mee_num_bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    line-height: 1;
    color: #f6f9fb;
    opacity: 0;
    transition: all .5s ease;
}

.mee_con_list>div:hover .mee_num_bg {
    opacity: 1;
}

.mee_dot {
    border-radius: 100%;
    width: .14rem;
    height: .14rem;
    background-color: #07933d;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}

.mee_dot::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .3rem;
    height: .3rem;
    border: .08rem solid #cde9d8;
    z-index: -1;
    border-radius: 100%;
    transition: all .5s ease;
    opacity: 0;
}

.mee_con_list>div:hover .mee_dot::after {
    opacity: 1;
}

.mee_into {
    color: #000000;
    transition: color .5s ease;
    line-height: 1.5;
}

.mee_con_list>div:hover .mee_into {
    color: #07933d;
}

.mee_title {
    font-size: .18rem;
}

.mee_link {
    font-size: .14rem;
    margin-bottom: .08rem;
    margin-top: .08rem;
    word-wrap: break-word;
}

.mee_time {
    font-size: .12rem;
}

.mee_con_list {
    overflow: hidden;
    position: relative;
}

.mee_con_list>div:last-child .mee_num::after {
    height: calc(50% + .8rem);
}

.mee_con_list::after {
    content: '';
    display: block;
    width: 100%;
    height: .5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
}


/*faq*/

.faq_det_show {
    cursor: pointer;
    position: relative;
    background: -moz-linear-gradient(bottom, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
    background: -webkit-gradient(linear, right top, right bottom, color-stop(0, rgba(240, 244, 247, 1)), color-stop(0.49, rgba(240, 244, 247, 0)), color-stop(0.51, rgba(240, 244, 247, 0)), color-stop(1, rgba(240, 244, 247, 0)));
    background: -webkit-linear-gradient(bottom, rgba(240, 244, 247, 1) 0%, rgba(240, 244, 247, 0) 49%, rgba(240, 244, 247, 0) 51%, rgba(240, 244, 247, 0) 100%);
}

.faq_det_show,
.faq_answer_box {
    padding: .35rem 10%;
    line-height: 20px;
    color: #000000;
    font-size: .14rem;
}

.faq_answer_box {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    transition: all .5s ease;
}

.faq_list_box div.on .faq_answer_box {
    max-height: 9999px;
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    transition-delay: 0s;
}

.faq_trouble,
.faq_answer {
    position: relative;
    padding-left: 7.69%;
}

.faq_answer {
    padding-top: .35rem;
    padding-bottom: .35rem;
}

.faq_trouble {
    transition: all .5s ease;
}

.faq_trouble::after {
    content: 'Q:';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .2rem;
    line-height: 20px;
}

.faq_list_box div.on .faq_trouble {
    color: var(--primary-color);
}

.faq_answer::after {
    content: 'A:';
    display: block;
    position: absolute;
    left: 0;
    top: .35rem;
    font-size: .2rem;
    line-height: 20px;
}

.faq_list_box>div {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: .4rem;
    box-shadow: 12px 0 46px rgba(29, 56, 75, .17);
}

.faq_num {
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
}

.faq_num img {
    max-width: 107px;
}

.faq_num>span {
    font-size: .22rem;
    line-height: 1;
    position: absolute;
    left: 10px;
    top: 10px;
    color: rgba(255, 255, 255, .5);
}

.faq_list_box i {
    font-size: .18rem;
    color: #9299a0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.7%;
    transition: all .5s ease;
}

.faq_list_box div.on i {
    transform: translateY(-50%) rotate(180deg);
}

.faq_body {
    background: url(../images/mee_bg.png) no-repeat center bottom, #f6f9fb;
}


/*applicationforEvaluation(en)*/

.app_body .pro_con {
    background: url(../images/mee_bg.png) no-repeat center bottom, #f6f9fb;
}

.app_body .tea_case {
    padding-top: 0;
}

.alone_box {
    height: 70vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}

.app_con_box {
    margin-top: -.5rem;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 11;
    padding: .6rem 10%;
    box-shadow: 0 23px 90px -5px rgba(29, 56, 72, 0.17);
}

.app_title {
    text-align: center;
    font-size: .3rem;
    line-height: 1.5;
    margin-bottom: .4rem;
    color: #000000;
}

.form_box {
    border-radius: 20px;
    border: 1px solid #e1e4e9;
    overflow: hidden;
}

.blo_con>div {
    padding-left: 4.8076%;
    padding-right: 4.8076%;
}

.app_title_l {
    padding-top: .4rem;
    padding-bottom: .3rem;
    background-color: #f7f9fb;
    font-size: .2rem;
    line-height: 1.1;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.blo_con>div:first-child {
    border-top: none;
}

.app_entering_box {
    padding-top: .3rem;
}

.app_entering_box>div {
    float: left;
    margin-bottom: .4rem;
}

.form_input_box {
    margin-right: 5.67%;
    width: 47.162%;
    position: relative;
}

.form_input_box label {
    font-size: .14rem;
    line-height: 2;
    color: #000;
    padding-left: .2rem;
}

.form_input_box label i,
.app_title_l i {
    color: #ff0000;
}

.inp_style {
    border-radius: 30px;
    padding-right: .2rem;
    padding-left: .2rem;
    background-color: #edf1f4;
    font-size: .14rem;
    color: #000000;
    line-height: 3.5714;
    height: .5rem;
    display: block;
    outline: none;
    border: none;
    width: 100%;
}

.app_entering_box>.form_input_box:nth-child(2n) {
    margin-right: 0;
}

.crosswise_box {
    padding-top: .3rem;
}

.crosswise_box .form_input_box {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    font-size: 0;
}

.meo_inp_box {
    font-size: 0;
    margin-bottom: .2rem;
}

.meo_inp_box label {
    display: none;
}

.crosswise_box>.meo_inp_box:first-child label {
    display: block;
}

.meo_inp_box .form_input_box {
    display: inline-block;
    vertical-align: bottom;
    width: calc((100% - .6rem) / 4);
    margin-right: .2rem;
    margin-bottom: 0;
}

.meo_inp_box .form_input_box:last-child {
    margin-right: 0;
}

.input_box_cun {
    margin-bottom: .2rem;
}

.input_box_cun .inp_style {
    float: left;
    width: calc((100% - .6rem) / 4);
    margin-right: .2rem;
}

.input_box_cun .inp_style:last-child {
    margin-right: 0;
}

.crosswise_box>div:last-child {
    margin-bottom: .4rem;
}

.crosswise_box2 .form_input_box {
    width: calc((100% - .8rem) / 5);
}

.crosswise_box2 .input_box_cun .inp_style {
    width: calc((100% - .8rem) / 5);
}

.form_box_btn {
    text-align: center;
    margin-top: .65rem;
}

.form_box_btn>a {
    display: inline-block;
    border-radius: 30px;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%)!important;
    box-shadow: 0 2px 10px -2px rgba(0, 101, 59, 0.6);
    color: #fff;
    font-size: .18rem;
    line-height: 2.777;
    padding: 0 .72rem;
    cursor: pointer;
    min-width: 168px;
}


/*technicalIssueFeedback(en)*/

.form_input_box2 {
    width: 96%;
    font-size: 0;
    padding: .3rem 0;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    position: relative;
}

.app_entering_box3 .form_input_box2:last-child {
    border-bottom: none;
    margin-bottom: .2rem;
}

.zindex_1 {
    z-index: 1;
}

.form_input_box2 label {
    display: inline-block;
    vertical-align: middle;
    width: 29.21%;
    padding-left: 0;
    padding-right: .3rem;
}

.form_input_box2 input,
.form_input_box2 .sele_box {
    width: 70.79%;
    display: inline-block;
    vertical-align: middle;
}


/*下拉*/

.sel_drop_down {
    cursor: pointer;
    position: relative;
}


/*.sel_drop_down:after{*/


/*content: '';*/


/*height: 80%;*/


/*width: 1px;*/


/*!*background-color: #cfd6dc;*!*/


/*right: 0;*/


/*top: 10%;*/


/*position: absolute;*/


/*}*/

.sel_drop_down>span {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    font-size: .14rem;
    border-radius: 30px;
    padding-right: .2rem;
    padding-left: .2rem;
    background-color: #edf1f4;
    color: #000000;
    line-height: 3.5714;
    outline: none;
    border: none;
}

.sel_drop_down i {
    font-size: .16rem;
    color: #a2aeae;
    transition: all 0.5s;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}

.sel_drop_down i.on {
    transform: translateY(-50%) rotate(180deg);
}

.drop_down_box {
    display: none;
    width: 100%;
    font-size: .14rem;
    line-height: 2.5;
    background-color: #fff;
    box-shadow: 5px 0 20px rgba(0, 0, 0, .2);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    color: #55626e;
}

.drop_down_box ul {
    padding: 0 .2rem;
}

.drop_down_box li {
    display: block;
    cursor: pointer;
}

.drop_down_box li.on,
.drop_down_box li:hover {
    color: var(--primary-color);
}

.sel_show {
    color: #000;
    font-size: 0;
}

.sel_show>i,
.sel_show>span {
    display: inline-block;
    vertical-align: middle;
}

.sel_show>span {
    font-size: .14rem;
}

.ind_search>input {
    padding: 0 .2rem;
}

.app_entering_box3 {
    padding-top: .15rem;
}

.form_hint {
    font-size: .14rem;
    line-height: 1;
    padding-top: .3rem;
    padding-bottom: .6rem;
    color: #ff0000;
    width: 96%;
    margin: 0 auto;
}

.form_input_box2 textarea {
    margin: .45rem 0;
}

.tex_sty {
    border-radius: 30px;
    padding: .3rem .2rem .1rem .2rem;
    line-height: .15;
    font-size: .14rem;
    display: block;
    width: 100%;
    background-color: #edf1f4;
    height: 1.1rem;
    color: #000;
    resize: none;
    border: none;
    outline: none;
}

.textarea_box {
    padding-top: 0;
}

.textarea_box .form_input_box {
    padding: 0;
    margin-bottom: 0 !important;
}

.form_input_box_point {
    width: 70.79%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.form_input_box_point>div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: calc((100% - 7.9%) / 2);
    margin-right: 7.9%;
}

.form_input_box_point>div input {
    width: 100%;
}

.form_input_box_point>div:last-child {
    margin-right: 0;
}

.form_input_box_point>div label {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    display: block;
    padding-left: .2rem;
    padding-right: 0;
}

.form_input_box_alone {
    padding-top: .5rem;
}


/*注册*/

.res_text_box {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.res_title {
    font-size: .3rem;
    line-height: 1.5;
    margin-bottom: .2rem;
}

.res_into {
    font-size: .14rem;
    line-height: 2;
    color: rgba(255, 255, 255, .6);
}

.app_body.reg_body .pro_con {
    background: #f6f9fb;
}

.reg_body .app_con_box {
    margin-top: -1.5rem;
}

.reg_body .form_box {
    border: none;
    border-radius: 0;
}

.reg_body .blo_con>div {
    border-bottom: 1px solid #eee;
    padding-right: 0;
    padding-left: 0;
}

.reg_body .blo_con>div:last-child {
    border-bottom: 1px solid #eee;
}

.form_input_box img {
    border-radius: 10px;
    width: 100%;
}

.app_entering_img_box {
    padding-top: .6rem;
}

.reg_body .app_entering_box {
    padding-bottom: .2rem;
}

.inp_hint {
    padding: .2rem 0 .3rem .2rem;
    font-size: .12rem;
    color: rgba(0, 0, 0, .7);
}


/*登录*/

.log_body>div {
    height: 100vh;
    position: relative;
    background: url("../images/log_banner.png") no-repeat center;
    background-size: cover;
}

.log_con_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 67.7%;
}

.log_left {
    float: left;
    width: 40%;
    color: #fff;
    font-size: .14rem;
    line-height: 1.428;
}

.log_title {
    font-size: .3rem;
    margin-top: .7rem;
    margin-bottom: .3rem;
}

.log_into {
    margin: .2rem 0;
}

.log_info {
    color: rgba(255, 255, 255, .7);
}

.log_get {
    color: rgba(255, 255, 255, .7);
    border: 1px solid rgba(255, 255, 255, .7);
    line-height: 2.7777;
    font-size: .18rem;
    text-transform: uppercase;
    padding: 0 21.15%;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    margin-top: .8rem;
}

.log_right {
    float: right;
    width: 50%;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 30px;
    padding: 6.1538% 6.538% 7.6923% 6.538%;
}

.log_name {
    color: #000;
    font-size: .3rem;
    line-height: 1;
    margin-bottom: .45rem;
}

.log_right .inp_style {
    background-color: rgba(136, 147, 155, .3);
    margin-bottom: .4rem;
}

.log_right .form_box_btn {
    margin-top: .7rem;
    text-align: left;
    font-size: 0;
}

.log_right .form_box_btn a {
    width: 50%;
    text-align: center;
    padding: 0;
}

.log_right .form_box_btn .btn_for {
    background: none !important;
    color: rgba(0, 0, 0, .7);
    font-size: .14rem;
    box-shadow: none;
}


/*全球业务*/

#gmap-12 {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.gm-svpc,
.gmnoprint.gm-style-cc,
.gm-style-mtc,
.gm-style-cc
/*.gmnoprint*/

{
    display: none;
}


/*关闭按钮*/

.gm-style-iw+div {
    display: none;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint {
    display: block;
}

.gm-control-active.gm-fullscreen-control {
    top: auto !important;
    bottom: 110px !important;
}

.on_gmap.dropdown.gmap_controls {
    top: 120px!important;
}

#water {
    pointer-events: none;
}

.sen_link_box {
    pointer-events: none;
}

.sen_link_con {
    pointer-events: auto;
}

.map_body .ins_banner {
    height: 100vh;
}

.gm-style .gm-style-iw {
    text-align: center;
}

.dis_num {
    color: rgba(255, 255, 255, 1);
    font-size: .2rem;
    line-height: 2;
    position: absolute;
    left: 10vw;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 5;
}

.dis_num div {
    font-size: .4rem;
    font-weight: 700;
}


/*搜索结果页*/

.sea_body .ins_banner {
    height: 41.4666vh;
}

.sen_text_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .4rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    width: 100%;
}

.sen_text_box>div {
    font-size: .15rem;
    color: rgba(255, 255, 255, .4);
}

.sea_search_box {
    border-radius: 10px;
    background-color: #fff;
    padding: .2rem 0;
    padding-left: 5.3846%;
    line-height: .8rem;
    margin-top: -.6rem;
    position: relative;
    z-index: 11;
    box-shadow: 0 23px 90px -5px rgba(29, 56, 72, 0.17);
}

.sea_search_box input {
    border: none;
    height: .8rem;
    width: calc(100% - 1.2rem);
    float: left;
    display: block;
    background-color: transparent;
    outline: none;
    color: #000000;
    font-size: .18rem;
    font-weight: 700;
    padding-right: .1rem;
    box-shadow: 0 0 100px 46px #fff inset;
}

.sea_search_box span {
    display: block;
    float: left;
    cursor: pointer;
    width: 1.2rem;
    color: #7f7f7f;
    border-left: 1px solid #dfe5e8;
    text-align: center;
}

.sea_search_box span i {
    font-size: .3rem;
}

.sea_search_box span button {
    border: none;
    background-color: transparent;
    display: block;
    cursor: pointer;
    width: 100%;
    line-height: .8rem;
}

.statistical_result {
    position: relative;
    text-align: center;
}

.sea_res_bg {
    font-size: 1.5rem;
    line-height: 1.8;
    color: rgba(0, 0, 0, .05);
    text-transform: uppercase;
}

.sea_res_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .2rem;
    color: #1a1a1a;
}

.sea_res_text span {
    color: var(--primary-color);
}

.sea_nav_box {
    margin-bottom: .45rem;
}

.sea_nav_box a {
    border-radius: 18px;
    background-color: #e6e9ec;
    font-size: .16rem;
    font-weight: 700;
    line-height: 2.1875;
    text-align: center;
    padding: 0 .25rem;
    color: var(--primary-color);
    transition: all .5s ease;
    cursor: pointer;
    display: inline-block;
}

.sea_nav_box a.on {
    background-color: var(--primary-color);
    color: #fff;
    cursor: auto;
}

.sea_nav_box .swiper-button-prev,
.sea_nav_box .swiper-button-next {
    display: none;
}

.sea_nav_box .swiper-slide {
    width: auto;
}

.sea_hint {
    font-size: .14rem;
    line-height: 1;
    color: #767676;
    text-align: center;
    margin-top: .9rem;
    padding-bottom: 1rem;
}

.sea_hint::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: .3rem;
    margin-left: .5rem;
    background-color: #767676;
}

.sea_hint::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 1px;
    width: .3rem;
    margin-right: .5rem;
    background-color: #767676;
}

.sea_con.mar_con {
    background: #f6f9fb;
}

.sea_res_con_box>div {
    display: none;
}

.sea_res_con_box>div:first-child {
    display: block;
}

.sea_res_con_list>a {
    display: block;
    border-bottom: 1px solid #c1cbd1;
    padding: 3.846% 20% 3.0769% 5.3846%;
    position: relative;
    transition: all .5s ease;
}

.sea_title {
    font-size: .2rem;
    line-height: 1.5;
    padding: .05rem 0;
    color: #000;
    font-weight: 700;
    transition: all .5s ease;
}

.sea_info {
    font-size: .14rem;
    line-height: 1.8;
    color: #84898c;
    transition: all .5s ease;
    text-align: justify;
}

.sea_list_sty {
    position: absolute;
    right: 3.46%;
    top: 50%;
    transform: translateY(-50%);
    height: .35rem;
    text-align: center;
    line-height: .35rem;
    overflow: hidden;
    min-width: .88rem;
}

.sea_list_sty i {
    display: block;
    font-size: .88rem;
    color: #1a7937;
    transition: all .3s ease;
    position: absolute;
    top: 100%;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    right: 0;
}

.sea_list_sty div {
    font-size: .16rem;
    text-align: center;
    border-radius: 18px;
    background-color: #e6e9ec;
    color: #1a7937;
    padding: 0 .25rem;
    font-weight: 700;
    transition: all .3s ease .2s;
}

.sea_res_con_list>a:hover {
    border-bottom: 1px solid #1a7937;
}

.sea_res_con_list>a:hover .sea_title {
    color: #1a7937;
}

.sea_res_con_list>a:hover .sea_info {
    color: #000;
}

.sea_res_con_list>a:hover .sea_list_sty>div {
    margin-top: .35rem;
    transition: all .3s ease;
}

.sea_res_con_list>a:hover .sea_list_sty>i {
    top: 0;
    transition: all .3s ease .2s;
}

.sea_center.sea_nav_box a {
    margin: 0 15px;
}

.sea_center.sea_nav_box .swiper-wrapper {
    justify-content: center;
}


/*信息*/

.btn_sha {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: .16rem;
    box-shadow: 17px 0 57px rgba(7, 147, 61, .4);
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%);
    position: fixed;
    border-radius: .6rem;
    padding: .2rem .35rem;
    line-height: 1;
    right: .2rem;
    top: 30%;
    cursor: pointer;
    z-index: 11;
    width: 1.85rem;
}

.btn_sha i {
    font-size: .32rem;
    vertical-align: middle;
    margin-right: .15rem;
}

.sha_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .65);
    z-index: 1010;
}

.sha_con_box {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 30%;
    width: 52%;
    transform: translateX(-50%);
    padding: 3.125% 6.25% 4.166% 6.25%;
    z-index: 1011;
}

.sha_btn_close {
    position: absolute;
    right: .4rem;
    top: .4rem;
    cursor: pointer;
    font-size: .28rem;
    line-height: 1;
    color: #b0b0b0;
    text-align: center;
}

.sha_btn_close i {
    font-size: .28rem;
}

.sha_title_box {
    border-bottom: 3px solid var(--primary-color);
    position: relative;
}

.sha_title_box>div {
    display: inline-block;
    vertical-align: middle;
    font-size: .16rem;
    color: #64727f;
}

.sha_title_box>div i {
    color: #ff0000;
}

.sha_title_box>div:first-child {
    font-size: .28rem;
    line-height: 2.5;
    width: 1.54rem;
    color: #000;
}

.sha_con_box .form_box {
    border: none;
    border-radius: 0px;
}

.sha_con_box .blo_con>div {
    padding: 0;
    padding-top: .65rem;
}

.sha_con_box .form_input_box2 {
    margin: 0;
    width: 100%;
    padding: .15rem 0;
    border-bottom: none;
}

.sha_con_box .form_input_box2 label {
    width: 1.54rem;
}

.sha_con_box .form_input_box2 input,
.sha_con_box .form_input_box2 textarea {
    width: calc(100% - 1.54rem);
}

.sha_con_box .form_input_box2 textarea {
    resize: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.sha_con_box .sha_inq_code input {
    width: calc(50% - 1.54rem);
}

.code_img {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: 15.75%;
    text-align: center;
    cursor: pointer;
}

.code_img img {
    vertical-align: middle;
}

.cod_hint {
    font-size: .14rem;
    line-height: 1.5;
    color: #000;
    margin-left: .2rem;
    display: inline-block;
    vertical-align: middle;
}

.sha_con_box .form_box_btn {
    text-align: left;
    margin-top: .35rem;
    margin-left: 1.54rem;
}

.sha_con_box .form_box_btn a {
    width: 55%;
    text-align: center;
    text-transform: capitalize;
    padding: 0;
}

.sha_title_box .btn_edit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .3rem;
    line-height: 1;
    color: #1a7937;
    cursor: pointer;
}

.sha_con_box_info .sha_title_box>div:first-child {
    width: 100%;
    padding-right: .4rem;
}

.sha_con_box_info .app_entering_box>div {
    margin-bottom: .3rem;
}

.sha_con_box_info .app_entering_box:first-child {
    border-bottom: 1px solid #d6dbd8;
}

.sha_con_box_info.sha_con_box .blo_con>div {
    padding-top: .3rem
}

.sha_con_box_info.sha_con_box .blo_con>div:first-child {
    padding-top: .65rem;
}

.sha_con_box_info input,
.sha_con_box_info .sel_drop_down {
    pointer-events: none;
}

.sha_con_box_info.sha_con_box .form_box_btn {
    margin-left: 0;
    text-align: center;
}

.edit_box .sha_title_box .btn_edit {
    color: #a2aeae;
}

.edit_box input,
.edit_box .sel_drop_down {
    pointer-events: all;
}

.sha_con_box_info .form_box_btn {
    display: none;
}

.edit_box.sha_con_box_info .form_box_btn {
    display: block;
}

.edit_box .app_entering_box {
    border-bottom: 1px solid #d6dbd8;
}

.sha_con_box_pass {
    width: 41.66%;
    padding-right: 5.2%;
    padding-left: 5.2%;
}

.sha_con_box_pass .sha_title_box>div:first-child {
    width: 100%;
}

.sha_con_box_pass .form_input_box {
    width: 100%;
    margin: 0;
    margin-bottom: .3rem;
}

.sha_con_box_pass .blo_con>div {
    padding-top: .3rem;
}

.sha_con_box_pass .form_box_btn {
    text-align: center;
    margin-top: .35rem;
    margin-left: 0;
}

.sha_con_box_pass .form_box_btn a {
    display: block;
    width: 100%;
}

.sha_con_box {
    display: none;
}

.sha_bg {
    display: none;
}

.sha_con_box_for_pass {
    width: 41.66%;
    padding-right: 5.2%;
    padding-left: 5.2%;
}

.sha_con_box_for_pass .sha_title_box>div:first-child {
    width: 100%;
}

.sha_con_box_for_pass .form_input_box {
    width: 100%;
    margin: 0;
    margin-bottom: .3rem;
}

.sha_con_box_for_pass .blo_con>div {
    padding-top: .3rem;
}

.sha_con_box_for_pass .form_box_btn {
    text-align: center;
    margin-top: .35rem;
    margin-left: 0;
}

.sha_con_box_for_pass .form_box_btn a {
    display: block;
    width: 100%;
}

.time-graph {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.time-graph .time-graph-canvas {
    width: 90px;
    height: 90px;
}

.time-graph>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .14rem;
    line-height: 1;
    color: var(--primary-color);
}

.ad_code_box {
    position: relative;
}

.ad_code {
    width: 150px;
    height: 150px;
    display: none;
    position: absolute;
    left: 70%;
    bottom: -82%;
}

.ad_code_box:hover img {
    display: block;
}

@media screen and (max-width:1600px) {
    .mee_num_bg {
        font-size: 1rem;
    }
}

@media screen and (max-width:1366px) {
    .pro_det_title {
        font-size: .2rem;
    }
    .pro_det_merit>div {
        padding: .1rem 0;
    }
    .pro_det_cla_bg {
        font-size: 1.6rem;
    }
    .pro_det_cla_con {
        width: 50%;
    }
    .pro_det_cla_con::after {
        width: 120%;
    }
    .publ_marks span {
        font-size: .3rem;
    }
    .mee_num_bg {
        font-size: .8rem;
    }
    .form_input_box_alone {
        padding-top: .7rem;
    }
    .log_right .inp_style {
        margin-bottom: .3rem;
    }
    .log_right .form_box_btn {
        margin-top: .5rem;
    }
    .log_get {
        margin-top: .6rem;
    }
    .log_title {
        margin-top: .5rem;
    }
    .code_img {
        padding: 0 .05rem;
    }
    .sha_title_box>div:first-child {
        width: 1.2rem;
    }
    .sha_con_box .form_input_box2 label {
        width: 1.2rem;
    }
    .sha_con_box .form_input_box2 input,
    .sha_con_box .form_input_box2 textarea {
        width: calc(100% - 1.2rem);
    }
    .sha_con_box .sha_inq_code input {
        width: calc(50% - 1.2rem);
    }
    .sha_con_box .form_box_btn {
        margin-left: 1.2rem;
    }
    .sha_con_box_pass .form_box_btn {
        margin-left: 0;
    }
    .sha_con_box_for_pass .form_box_btn {
        margin-left: 0;
    }
    .sha_btn_close {
        right: .3rem;
        top: .3rem;
    }
}

@media screen and (max-width:1024px) {
    .alone_box {
        height: 40vh;
    }
    .pro_det_crosswise {
        padding-right: 30px;
        padding-left: 30px;
    }
    .pro_det_into_box {
        width: 100%;
    }
    .pro_det_img img {
        margin-left: 30px;
    }
    .mee_con_box {
        padding: 1rem 30px;
    }
    .log_con_box>div {
        float: none;
        width: 100%;
    }
    .log_right {
        margin-top: .8rem;
    }
    .log_title {
        margin-top: 0;
    }
    .map_body .ins_banner {
        height: 90vh;
    }
    .sha_con_box {
        width: 80%;
        top: 22%;
    }
}

@media screen and (max-width: 768px) {
    .pro_det_merit {
        margin-top: .2rem;
    }
    .pro_det_classify {
        margin-top: .25rem;
    }
    .pro_det_cla_bg {
        letter-spacing: .3rem;
    }
    .pro_det_cla_con {
        width: 60%;
    }
    .trait_box>div {
        width: calc((100% - 2.7% * 1) / 2);
    }
    .trait_box>div:nth-child(2n) {
        margin-right: 0;
    }
    .trait_box>div:nth-child(5n) {
        margin-right: 2.7%;
    }
    .det_con_title {
        line-height: .3rem;
        padding: .2rem 0;
    }
    .det_con_box {
        padding-top: .2rem;
    }
    .text_box {
        padding: .2rem 5%;
    }
    .text_box p {
        margin-bottom: .1rem;
    }
    .am_con {
        float: none;
    }
    .am_title {
        width: 30%;
        float: none;
    }
    .am_re {
        top: .35rem;
        transform: translateY(0);
    }
    .am_con {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .publ_name {
        padding: .08rem 0 .1rem 0;
    }
    .app_con_box {
        padding-right: 15px;
        padding-left: 15px;
    }
    .blo_con>div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sea_res_con_list>a {
        padding-left: 15px;
    }
    .sea_list_sty {
        min-width: .4rem;
    }
    .sea_list_sty div {
        font-size: .14rem;
        padding: 0 .15rem;
    }
    .sea_list_sty i {
        font-size: .4rem;
    }
    .sea_search_box {
        padding-top: .1rem;
        padding-bottom: .1rem;
        line-height: .4rem;
    }
    .sea_search_box input {
        width: calc(100% - .6rem);
    }
    .sea_search_box span {
        width: .6rem;
    }
    .sea_res_bg {
        font-size: 1rem;
    }
    .sea_nav_box {
        margin-bottom: .2rem;
    }
    .sea_hint {
        margin-top: .4rem;
        padding-bottom: .5rem;
    }
    .det_proportion_box>div {
        width: 45%;
        margin-right: 5%;
    }
    .sha_con_box {
        top: 16%;
    }
    .sha_btn_close {
        right: .2rem;
        top: .2rem;
    }
}

@media screen and (max-width: 640px) {
    .pro_det_crosswise {
        padding: 60px 15px 70px 15px;
    }
    .pro_det_img {
        width: 100%;
        margin-bottom: .15rem;
    }
    .pro_det_img img {
        margin: 0;
    }
    .pro_cro_bg1 {
        width: 88%;
    }
    .pro_cro_bg2 {
        width: 80%;
    }
    .pro_det_text_box {
        width: 100%;
    }
    .det_proportion_box {
        padding: .4rem 0 .3rem 0;
    }
    .det_proportion_box>div {
        width: 100%;
        float: left;
        padding: .1rem 0;
        margin-right: 0;
    }
    .det_pro_box.det_border {
        margin-bottom: .1rem;
        margin-top: .1rem;
    }
    .down_box>a span i {
        font-size: .2rem;
    }
    .down_box>a div {
        font-size: .14rem;
    }
    .flow_box>div {
        font-size: .14rem;
    }
    .pro_into_img {
        width: calc((100% - 2.6%) / 2);
        float: left;
        text-align: center;
    }
    .pro_into_box .pro_into_img:nth-child(2n) {
        margin-right: 0;
    }
    .pro_into_img>div {
        font-size: .14rem;
        padding: 0 5px;
    }
    .pro_into_img img {
        margin-bottom: 5%;
    }
    .det_con_title span {
        font-size: .22rem;
    }
    .det_con_title {
        font-size: .14rem;
    }
    .det_con_title {
        padding: .1rem 0;
    }
    .am_title {
        font-size: .18rem;
        padding-right: 10px;
    }
    .publ_tab_nav_box {
        margin-bottom: .4rem;
    }
    .publ_marks span {
        font-size: .15rem;
    }
    .publ_name {
        padding: 0.05rem 0 .1rem 0;
        font-size: .14rem;
    }
    .publ_marks img {
        max-width: 40px;
    }
    .vid_body .pro_box {
        margin-bottom: .4rem;
    }
    .pro_list_box>a:nth-child(3n+1) {
        clear: none;
    }
    .pro_list_box>a:nth-child(2n+1) {
        clear: left;
    }
    .mee_con_box {
        padding: .3rem 15px;
        margin-top: -.3rem;
    }
    .mee_con_list>div {
        padding-left: .5rem;
        margin-bottom: .4rem;
    }
    .mee_body .sen_link_box {
        padding-bottom: .4rem;
    }
    .mee_logo,
    .mee_into {
        width: 100%;
    }
    .mee_num {
        width: .4rem;
        left: 0;
        transform: translate(0, -50%);
    }
    .mee_logo {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
    }
    .mee_con_list>div .mee_into {
        float: none;
        margin-top: .1rem;
        text-align: left;
    }
    .mee_con_list>div:nth-child(odd) .mee_into {
        float: none;
    }
    .mee_num_bg {
        opacity: 1;
        font-size: .4rem;
    }
    .faq_trouble,
    .faq_answer {
        padding-left: .3rem;
    }
    .faq_num img {
        max-width: 90px;
    }
    .faq_list_box>div {
        margin-bottom: .2rem;
    }
    .app_con_box {
        margin-top: -.15rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .app_title_l {
        padding-top: .2rem;
        padding-bottom: .15rem;
    }
    .app_title {
        font-size: .22rem;
        margin-bottom: .2rem;
    }
    .app_entering_box {
        padding-top: .15rem;
    }
    .app_entering_box>div {
        margin-bottom: .15rem;
        margin-right: 0;
        width: 100%;
    }
    .meo_inp_box label {
        display: block;
    }
    .meo_inp_box .form_input_box {
        width: 100%;
        margin-bottom: .2rem;
        margin-right: 0;
    }
    .crosswise_box>div:last-child {
        margin-bottom: 0;
    }
    .crosswise_box {
        padding-top: .15rem;
    }
    .crosswise_box2 .input_box_cun .inp_style {
        width: 100%;
        margin-bottom: .2rem;
        margin-right: 0;
    }
    .form_input_box2 {
        width: 100%;
        padding-top: .15rem;
        padding-bottom: .15rem;
    }
    .form_input_box2 label {
        width: 100%;
        padding-left: .2rem;
        padding-right: 0;
    }
    .form_input_box2 input,
    .form_input_box2 .sele_box {
        width: 100%;
    }
    .form_input_box2 textarea {
        margin: .2rem 0;
    }
    .form_hint {
        padding-top: .15rem;
        padding-bottom: .3rem;
    }
    .app_entering_box3 {
        padding-top: .08rem;
    }
    .reg_body .app_entering_box {
        padding-bottom: 0;
    }
    .form_box_btn {
        margin-top: .3rem;
    }
    .reg_body .app_con_box {
        margin-top: -.5rem;
    }
    .form_input_box_point {
        width: 100%;
    }
    .form_input_box_point>div {
        width: 100%;
        margin-right: 0;
        margin-bottom: .15rem;
    }
    .form_input_box_point>div:last-child {
        margin-bottom: 0;
    }
    .form_input_box_point>div label {
        position: relative;
    }
    .log_title {
        font-size: .22rem;
        margin-bottom: .1rem;
    }
    .log_into {
        margin: .1rem 0;
    }
    .log_get {
        margin-top: .3rem;
    }
    .log_con_box {
        width: 100%;
        padding: 0 15px;
    }
    .log_right {
        margin-top: .4rem;
    }
    .log_name {
        margin-bottom: .23rem;
    }
    .log_right .inp_style {
        margin-bottom: .2rem;
    }
    .log_right .form_box_btn {
        margin-top: .25rem;
    }
    .sea_list_sty {
        width: .4rem;
    }
    .sea_list_sty div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: .4rem;
        border-radius: 8px;
        text-align: center;
        padding: 0;
    }
    .sea_list_sty i {
        font-size: .4rem;
    }
    .sha_con_box {
        width: 90%;
        top: 22%;
        padding: .4rem .15rem;
    }
    .sha_btn_close {
        right: .2rem;
        top: .2rem;
    }
    .sha_con_box .blo_con>div {
        padding-top: .3rem;
    }
    .sha_con_box .form_input_box2 label {
        width: 100%;
    }
    .sha_con_box .form_input_box2 input,
    .sha_con_box .form_input_box2 textarea {
        width: 100%;
    }
    .code_img {
        margin-top: .15rem;
        margin-left: 0;
        width: 35%;
        padding: 0 .15rem;
    }
    .sha_con_box .form_box_btn {
        text-align: center;
        margin-top: .15rem;
        margin-left: 0;
    }
    .btn_sha {
        width: 85px;
        height: 52px;
        padding: .1rem .15rem;
        right: .1rem;
    }
    .btn_sha i {
        margin-right: 0;
        font-size: .16rem;
    }
    .btn_sha span {
        display: block;
        font-size: .14rem;
    }
    .sha_title_box>div:first-child {
        font-size: .2rem;
    }
    .sha_con_box_info.sha_con_box .blo_con>div:first-child {
        padding-top: .3rem;
    }
}

@media screen and (max-width: 375px) {
    .am_title {
        font-size: .17rem;
    }
    .log_get {
        line-height: 2;
        margin-top: .15rem;
    }
    .log_right {
        margin-top: .25rem;
    }
}

@media screen and (max-width: 320px) {
    .pro_det_cla_con {
        width: 68%;
    }
    .pro_det_cla_bg {
        letter-spacing: .1rem;
    }
    .am_title {
        font-size: .16rem;
    }
    .log_right {
        padding-left: 15px;
        padding-right: 15px;
    }
    .log_name {
        margin-bottom: .2rem;
        font-size: .22rem;
    }
}

.inside_con {
    padding: 10px 0;
    min-height: 300px;
}

@media only screen and (max-width: 980px) {
    .time_line_case #title_bg_down img {
        width: 58px;
    }
    .time_line_case #title_bg img {
        width: 58px;
    }
}

@media(max-width:999px){
  #index #main .btnimg{width: 100%;}
  }