/*common start*/
.scroll::-webkit-scrollbar {
	/*滚动条整体样式*/
	width:0.04rem;
	/*高宽分别对应横竖滚动条的尺寸*/
	height:0.01rem;
}
.scroll::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius:0.1rem;
	/*box-shadow:inset 0 0 2px #000;*/
	background:var(--primary-color);
}
.scroll::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/*box-shadow:inset 0 0 2px #999;*/
	border-radius:0.1rem;
	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:#da251d;
 --secondary-color:#283359;
 --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:100vh;}
img,video,iframe,canvas{ vertical-align: middle; max-width: 100%; max-height: 100%;}
a{ color:#666; vertical-align: middle;}
a:hover{ color:var(--primary-color); text-decoration:none;}
p{line-height:1.5em;font-size:0.16rem;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90%; margin:0 auto; }
.wapper1{ width:80%; margin:0 auto; min-width:1rem;}
.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:0.14rem; border-radius:0.08rem;}
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:7.5rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.loading{ text-align:center; }
.loading_logo{ width:2rem; height:2rem; 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:0.2rem; line-height:0.3rem; margin-top:0.55rem; 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: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	background: var(--primary-color);
	position: absolute;
	left: 50%;
	margin-top: -0.1rem;
	margin-left: -0.1rem;
}
@-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:calc(100vh - 0.8rem);}
.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide{ height:100%;}
.gdou{ height:100%; /*display: flex; justify-content: center;  align-items: center;*/}
.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide:last-child{ height:auto !important;}
.swiper-pagination00{ position: absolute; top: 0; right: 0; height: 100% !important; width:0.2rem; display: flex;    justify-content: center;
    align-items: flex-start;
    flex-direction: column; display: flex; justify-content: center;  align-items: center;}
.swiper-pagination00 span{ width:0.1rem; height:0.1rem; margin:0.05rem 0;}
.swiper-pagination00 .swiper-pagination-bullet-active{ 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;}
}



.m11_headbg{ width:100%; background:#fff; box-shadow:0 0 0.1rem rgba(0,0,0,.1); position:fixed; z-index:55; left:0; top:0;}
.m11_head{ height:0.8rem;
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:12%; height:0.8rem; 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 .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;    width: 77%;}
.h_search_btn{ display:block; width:0.2rem; height:0.2rem; 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{ width:100%; background:#fff; box-shadow:0 0 0.1rem rgba(0,0,0,.1); position:absolute; top:100%; left:0; z-index:99; display:none;}
.h_search_close1{ }
.h_searchbg{width: 22%;/* max-width:1000px; */margin:0 auto;}
.h_search_close2{ }
.h_search{ padding:0.4rem 0;}
.h_search form{height:0.3rem;border:1px solid #ccc;border-radius:0.08rem;overflow:hidden;}
.h_search form #search_keywords2{float:left;border:none;background:none;height:0.3rem;line-height:0.3rem;padding:0 0.1rem;width: calc(100% - 0.3rem);box-sizing: border-box;}
.h_search form #search2{float:right;border:none;background:var(--primary-color) url(../images/ico_search1.png) center no-repeat;background-size:50% auto;height:0.3rem;width:0.3rem;cursor:pointer;transition:all .3s ease;font-size:0;color:transparent;}
.h_search form #search2:hover{ background-color:var(--secondary-color);}
/*menu*/
.m11_head .menu{height:0.8rem;line-height:0.8rem; }
.m11_head .menu>ul{}
.m11_head .menu>ul>li{ float:left; position:relative; padding:0 1vw;}
    .m11_head .menu > ul > li > a {
        color: #333;
        display: block;
        font-size: 0.2rem;
        font-weight: normal;
        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:normal;}
.m11_head .menu>ul>li>a:before{ content:""; width:0; height:0.02rem; 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:1.2rem; background:#fff; padding:0.1rem 0; box-shadow:0 0 0.1rem rgba(0,0,0,.1); border-radius:0.1rem; 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:0.16rem; font-weight:normal; padding:0.1rem 0.05rem; 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>ul li ul{ width:100%; background:#fff; padding:0.1rem 0; box-shadow:0 0 0.1rem rgba(0,0,0,.1); border-radius:0.1rem; position:absolute; top:0; left:100%; display:none;}
.m11_head .menu>ul>li>ul li:hover>ul{ display:block;}
.m11_head_height{ height:0.8rem;}
.zhiye{ font-size: .94vw; }
.zhiye a{ font-size: .94vw;     color: #333; margin: 0 4px;}
@media(max-width:1299px){
.m11_head .menu>ul>li{/* padding:0 20px; */}
.m11_head .menu>ul>li>a{font-size: 0.16rem;}
}
@media(max-width:999px){
    .m11_head_height{ height:60px;}
        .zhiye{ font-size:18px}
        .zhiye a{font-size: 11px;}
    .m11_headbg{ }
    .m11_head{ height:60px;}
    .m11_head .logo{width: 33%;height:60px;}
    .h_search{ padding:0px 0;}
    .h_search form{height: 30px;}
    .h_search form #search_keywords2{height: 30px;line-height: 30px;padding:0 10px;width: calc(100% - 30px);font-size: 11px;box-sizing: border-box;}
    .h_search form #search2{height: 30px;width: 30px;font-size: 13px;}
    .m11_head .menu{ display:none;}
        .h_searchbg{width: 61%;}
    }

/*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: calc(100vh - 0.8rem);background:#f9f9f9;}
.banner .swiper-slide .txtbg{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); display:none}
.banner .swiper-slide .txt{color: #333;text-align: left;}
.banner .swiper-slide .txt .h2{font-size:3.12vw;line-height: 1.4em;font-weight:bold;margin-bottom: .52vw;}
.banner .swiper-slide .txt .h3{font-size: 1.08vw;line-height:1.4em;}
.banner .swiper-pagination{ height:0.1rem; bottom:0.2rem;}
.banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:0.1rem; height:0.1rem; border-radius:0.1rem; margin:0 0.08rem; background:#fff; opacity:1; transition:all .3s ease;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:0.2rem; background:#fff; opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:0.6rem; height:0.6rem; margin-top:-0.3rem; background-color:rgba(0,0,0,.5); background-size:0.15rem 0.3rem; opacity:0; transition:all .3s ease; border-radius:0.08rem;}
.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: 70vw;}
.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; }
}






.go_top{ width:0.5rem; line-height:0.5rem; 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:0.1rem; right:0.1rem; font-size:0;}
.go_top:hover{ background-color:var(--primary-color); color:#fff;}
.go_top i{}
@media only screen and (max-width: 980px) {
.go_top{ display:none;}
}


/*客服*/
.m1_side_kefu_box{ width:70px; position:fixed; z-index:44; right:10px; bottom:50px;}
.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 18px;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 .box2{ width:130px}
.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: 13px;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; box-sizing:border-box}
.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;    background-size: 90%;}
.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 only screen and (max-width: 980px) {
.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:0.4rem; position:absolute; top:50%; right:0; z-index:44;  display: none;}
.m1_side_kefu2{}
.m1_side_kefu2 ul li{ width:0.4rem; margin:0.01rem 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:0.4rem; font-size:0.2rem;}
.m1_side_kefu2 ul li .ico i{}
.m1_side_kefu2 ul li .boxbg{ background:var(--primary-color); color:#fff; padding:0.05rem 0.1rem; 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:0.3rem; font-size:0.2rem; text-align:center; min-width:1.5rem;}
.m1_side_kefu2 ul li .box1 .h3 i{ margin-right:0.05rem;}
.m1_side_kefu2 ul li .box2{ padding:0.05rem 0.1rem 0.1rem 0.1rem;}
.m1_side_kefu2 ul li .box2 .h4{ font-size:0.16rem; margin-bottom:0.05rem;}
.m1_side_kefu2 ul li .box2 img{ display:block; width:1.24rem;}
@media only screen and (max-width: 980px) {
.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:0.18rem; line-height:0.6rem;    display: flex;flex-wrap: wrap; }
.inner_menu{ font-size:0.16rem; display: none; }
.inner_menu ul{ line-height:0.6rem;
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:0.01rem;}
.inner_menu ul li a{ display:block; padding:0 2.08vw; border-radius:0.04rem;}
.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:0.2rem;}
.inbar .goback a:hover{ color:#333;}
@media only screen and (max-width: 980px) {
.inbanner img{ width:100%; min-height:0;}
.inbar{ height:auto;  }
.weizhi{ font-size:12px; line-height:40px;}
.inner_menu{ display:none;}

}

.m11_insidebg{ padding:0.6rem 0 0.8rem 0;min-height: 40vh;}
.m11_inside{}
.m11_inside_lt{ float:left; width:2.4rem;/* margin-top:-160px;*/}
.m1_side_a{ width:2.38rem; background:#fff; box-shadow:0 0 0.15rem rgba(0,0,0,.1); border:1px solid #eee; margin-bottom:0.3rem; position:relative; z-index:11; border-radius:0.1rem; overflow:hidden;}
.m1_side_a.active{ /*position:fixed; top:150px*/;}
.m1_side_a>ul{}
.m1_side_a.active>ul{ max-height:calc(100vh - 1rem); overflow-y:auto;}
.m1_side_a h2{ font-size:0.2rem; line-height:0.24rem; padding:0.2rem 0.15rem; font-weight:normal; background:var(--primary-color); color:#fff; border-bottom:1px solid rgba(255,255,255,.5); letter-spacing:0.02rem;}
.m1_side_a h2 strong{ display:block; font-size:0.24rem; line-height:0.28rem;}
.m1_side_a h2 span{ display:block; margin-top:0.06rem; 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: 0.20rem;
        line-height: 0.26rem;
        padding: 0.07rem 0.4rem 0.07rem 0.35rem;
        background: url(../images/ico_list1.png) left 0.1rem 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:0.4rem; 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:0.2rem; padding-bottom:0.1rem; display:none;}
.m1_side_a ul li ul li{}
.m1_side_a ul li ul li a{ padding-top:0.07rem; padding-bottom:0.07rem;}
.m1_side_c{background:#fff; box-shadow:0 0 0.15rem rgba(0,0,0,.1); border:1px solid #eee; border-radius:0.1rem; display:none}
.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(-2.4rem);}
.m1_side_c.lfixed.shown{ transform:translateX(0);}
.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:0.12rem; line-height:2em; padding:0.1rem 0.05rem; width:0.2rem; background:var(--primary-color); color:#fff; border-radius:0 0.04rem 0.04rem 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:2.4rem;}
.inLt_contact .h2{ font-size:0.18rem; line-height:0.2rem; padding:0.15rem 0 0.15rem 0.7rem; background:#f5f5f5 url(../images/ico_phone2.png) left 0.05rem center no-repeat; background-size:auto 0.6rem; color:var(--primary-color); position:relative; margin-bottom:0.15rem; border-radius:0.1rem 0.1rem 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:0.06rem;}
.inLt_contact .h2 strong{ display:block; font-size:0.22rem; line-height:0.24rem;}
.inLt_contact .h3{ font-size:0.16rem; line-height:0.26rem; font-weight:bold; padding:0 0.1rem;}
.inLt_contact ul{ padding:0.05rem 0.1rem 0.1rem 0.1rem;}
.inLt_contact ul li{ font-size:0.14rem; line-height:0.24rem; margin:0.05rem 0;}
.inLt_contact ul li span{}
.inLt_contact ul li i{ display:inline-block; text-align:center; width:0.14rem; line-height:0.24rem; font-size:0.14rem; margin-right:0.05rem; color:var(--primary-color);}
.inLt_contact ul li i.fa-mobile{ font-size:0.2rem;}
.m11_inside_rt{ float:right; width:calc(100% - 2.8rem);}
@media(max-width:1699px){

.m1_side_c.lfixed{ transform:translateX(-2.4rem); }
.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 only screen and (max-width: 980px) {
.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% - 2.8rem);}
.m11_news1_rt{ float:right; width:2.4rem;}
.m1_side_b{ margin-bottom:0.3rem;background:#fff;padding:0.1rem;}
.m1_side_b .h1{ font-size:0.2rem; line-height:0.24rem; padding-left:0.3rem; position:relative; border-bottom:1px solid #eee; padding-bottom:0.1rem;}
.m1_side_b .h1 i{ width:0.24rem; height:0.24rem; background:url(../images/ico_hot.png) center no-repeat; background-size:contain; position:absolute; left:0; top:0;}
.m1_side_b .list{ margin-top:0.2rem;}
.m1_side_b .list ul li{ margin-bottom:0.1rem; position:relative; border-radius:0.08rem; 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:0.08rem; 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:0.14rem; line-height:0.24rem; height:0.24rem; padding:0 0 0 0.3rem; 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:0.24rem; height:0.24rem; line-height:0.24rem; border-radius:0 0.08rem 0 0.08rem; 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:5rem; background:#f9f9f9; border-radius:0.1rem;}
@media(max-width:999px){
#allmap{ width:100%; height:250px;}
}


/*详情*/
.m11_newsdetail{}
.m11_newsdetail .tit{ border-bottom:1px solid #eee; padding-bottom:0.1rem; text-align:center;}
.m11_newsdetail .tit .h2{ font-size:0.24rem; line-height:1.4em; }
.m11_newsdetail .tit .h3{ font-size:0.14rem; line-height:1.4em; color:#999; margin-top:0.05rem;}
.m11_newsdetail .tit .h3 span{ display:inline-block; margin:0 0.2rem 0 0;}
.m11_newsdetail .list1{ padding:0.4rem 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;}
}


/*上一个下一个*/
.prev_next{ font-size:0.14rem; line-height:0.34rem; padding:0.15rem 0; border-top:1px solid #eee; display:flex;justify-content: space-between; align-items: center;}
.prev_next a{ display:block; margin:0.05rem 0; max-width:40%; height:0.34rem;
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:2rem;height:2rem;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:0.1rem;}
.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:0.24rem; line-height:1.4em; margin-bottom:0.1rem; font-weight:bold;}
.m11_proDetail .list1 .rt .h3{ font-size:0.2rem; line-height:1.4em; margin-bottom:0.2rem; }
.m11_proDetail .list1 .rt .h4{ font-size:0.16rem; line-height:1.6em; margin-bottom:0.4rem;}
.m11_proDetail .list1 .rt .h5{ margin-top:0.2rem}
.m11_proDetail .list1 .rt .h5 a{ display:inline-block; font-size:0.16rem; color:#fff; background:#da251d; border-radius:0.05rem; padding:0.08rem 0.2rem}
.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:14px; 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:0.14rem; line-height:3em; border-bottom:1px solid #eee;}
.m11_proDetail .list2 .hd ul li{ display:inline-block; vertical-align:top;font-size:0.14rem; line-height:3em;}
.m11_proDetail .list2 .hd ul li a{ display:block; padding:0 0.1rem; min-width:1rem; 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:0.2rem;}
.m11_proDetail .list2 .xiangqing img{ max-width:100%;}
.m11_pro_related{ border:1px solid #eee;}
.m11_pro_related>.h2{font-size:0.14rem; line-height:3em; border-bottom:1px solid #eee;}
.m11_pro_related>.h2 span{ display:inline-block; vertical-align:top;font-size:0.14rem; line-height:3em; padding:0 0.1rem; min-width:1rem; text-align:center; border-right:1px solid #eee; color:#fff; background:var(--primary-color);}
.m11_pro_related .index_product1{ padding:0.2rem 0.2rem 0 0.2rem;}
.m11_pro_related .index_product1 ul li{ width:calc((100% - 0.6rem)/4);}
.m11_pro_related .index_product1 ul li:nth-child(3n-2){ margin-left:0.2rem; 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 .list1 .rt .h5{font-size:14px;}
.m11_proDetail .list1 .rt .h5 a{font-size:14px;}
.m11_proDetail .list2 .hd ul li{font-size:14px;}
.m11_pro_related>.h2 span{font-size:14px;}
.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;}
.m11_prevnext2 ul li a{ font-size: 16px;        padding: 10px 14px;}
}


/*搜索*/
.search_form{ background:#f9f9f9; padding:1.56vw; margin-bottom:2.08vw; border-radius:0.1rem;}
.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:4.4rem; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 10000; background-color: #fff; border-radius:0.04rem; box-shadow:0.01rem 0.01rem 0.5rem rgba(0, 0, 0, .3); }
.popup_tip2-body { width: 100%; height: calc(100% - 0.72rem); }
.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:0.2rem 0.2rem 0.2rem 0.2rem;}
.ts .h2{ font-size:0.18rem; line-height:0.28rem; margin-bottom:0.1rem;}
.ts .h3{ font-size:0.14rem; line-height:0.24rem; margin-bottom:0.14rem; display:inline-block; position:relative; padding-left:0.3rem;}
.ts .h3 img{ display:inline-block; vertical-align:top; width:0.24rem;}
.ts .h3 i{ width:0.24rem; height:0.24rem; 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:0.12rem; line-height:0.32rem;}
.ts_btn a{ display:inline-block; text-align:center; border-radius:0.04rem; width:0.78rem; border:1px solid #1890ff; background:#1890ff; color:#fff; margin-left:0.1rem;}
.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;}


/*提示框升级-------------------------------------开始*/
/* 居中消息弹框样式 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 10000;
    padding-top: 20%;
}

.modal-box {
    background: white;
    border-radius:0.16rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3);
    padding: 0;
    max-width:4rem;
    width: 90%;
    animation: modalSlideIn 0.4s ease-out;
    transform-origin: center;
    position: relative;
    overflow: hidden;
}

.modal-box.compact {
    max-width:3.6rem;
}

.modal-header {
    padding:0.16rem 0.2rem;
    display: flex;
    align-items: center;
    gap:0.12rem;
}

.modal-header.compact {
    padding:0.14rem 0.2rem;
}

.modal-icon {
    width:0.24rem;
    height:0.24rem;
    flex-shrink: 0;
}

.modal-title {
    font-weight: 600;
    font-size:0.18rem;
    flex: 1;
}

.modal-close {
    background: none;
    border: none;
    font-size:0.2rem;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s;
    width:0.32rem;
    height:0.32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #666;
}

.modal-close:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

.modal-content {
    padding: 0 0.2rem 0.16rem 0.56rem;
    font-size:0.15rem;
    line-height: 1.5;
    color: #555;
}

.modal-progress {
    height:0.04rem;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    transform-origin: left;
    /* 默认动画，会被JavaScript覆盖 */
    animation: progressDefault 5s linear forwards;
}

/* 不同类型样式 */
.modal-box.success .modal-title {
    color: #2e7d32;
}

.modal-box.success .modal-icon {
    color: #4caf50;
}

.modal-box.success .modal-progress {
    background: linear-gradient(90deg, #4caf50, #81c784);
}

.modal-box.error .modal-title {
    color: #c62828;
}

.modal-box.error .modal-icon {
    color: #f44336;
}

.modal-box.error .modal-progress {
    background: linear-gradient(90deg, #f44336, #e57373);
}

.modal-box.info .modal-title {
    color: #1565c0;
}

.modal-box.info .modal-icon {
    color: #2196f3;
}

.modal-box.info .modal-progress {
    background: linear-gradient(90deg, #2196f3, #64b5f6);
}

.modal-box.warning .modal-title {
    color: #f57f17;
}

.modal-box.warning .modal-icon {
    color: #ff9800;
}

.modal-box.warning .modal-progress {
    background: linear-gradient(90deg, #ff9800, #ffb74d);
}

/* 动画效果 */
@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-0.5rem) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes modalSlideOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-0.5rem) scale(0.9);
    }
}

/* 默认进度条动画 */
@keyframes progressDefault {
    from {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(0);
    }
}

.modal-box.hiding {
    animation: modalSlideOut 0.3s ease-in forwards;
}

@media (max-width: 768px) {
    .modal-overlay {
        padding-top: 15%;
    }

    .modal-box {
        width: 95%;
        max-width: 350px;
    }

    .modal-box.compact {
        max-width: 280px;
    }

    .button-group {
        grid-template-columns: 1fr;
    }
}
/*提示框升级-------------------------------------结束*/

/*联系弹窗*/

.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:7rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.proContact1_close2{ width:0.2rem; height:0.2rem; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:0.1rem; right:0.1rem; z-index:3; opacity:.9; transition:all .3s ease;}
.proContact1_close2:hover{ opacity:1; transform:rotate(180deg)}
.proContact1{ min-height:2.6rem; background:#fff; border-radius:0.1rem; position:relative; z-index:2; padding-left:2.35rem;
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:2.3rem; position:absolute; bottom:0; left:0.05rem;}
.proContact1_con{ font-size:0.16rem; line-height:0.2rem; }
.proContact1_con ul li{ float:left; width:50%; margin:0.1rem 0; color:var(--primary-color); padding-left:0.5rem; min-height:0.4rem;box-sizing: border-box; position:relative;}
.proContact1_con ul li:nth-child(1){ width:100%; padding-left:0;}
.proContact1_con ul li i{ width:0.4rem; height:0.4rem; line-height:0.4rem; text-align:center; border-radius:100%; background:var(--primary-color); color:#fff; font-size:0.2rem; position:absolute; left:0; top:0;}
.proContact1_con ul li .h2{ font-size:0.24rem; line-height:0.34rem; 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:0.6rem; height:0.6rem;/* padding:10px;*/ margin-top:-0.4rem; border-radius:100%; box-shadow:0 0 0.05rem rgba(0,0,0,.1); background:var(--primary-color) url(../images/ico_zxly1.png) center no-repeat; background-size:0.4rem auto; color:#fff; font-size:0; line-height:0.2rem; 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:5rem;background-image: linear-gradient(to bottom right, var(--primary-color), var(--third-color)); border-radius:0.1rem; box-shadow:0 0 0.1rem rgba(0,0,0,.1); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;}
.tc_message_close2{ width:0.2rem; height:0.2rem; background:url(../images/chahao.png) center no-repeat; cursor:pointer; position:absolute; top:0.1rem; right:0.1rem; transition:all .3s ease;}
.tc_message_close2:hover{ transform:rotate(180deg);}
.tc_message{ padding:0.3rem; 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:1.8rem; font-size:0.16rem; line-height:0.26rem;}
.tc_message_lt ul{}
.tc_message_lt ul li{}
.tc_message_lt ul li i{ font-size:0.2rem; width:0.16rem; text-align:center; margin-right:0.05rem;}
.tc_message_lt ul li i.fa-mobile{ font-size:0.24rem;}
.tc_message_lt ul li i.fa-envelope{ font-size:0.16rem;}
.tc_message_lt ul li .ewm{ width:1.5rem; margin-top:0.05rem;}
.tc_message_lt ul li .ewm img{ display:block; margin:0 auto; width:1rem; height:1rem; margin-bottom:0.05rem;}
.tc_message_lt ul li .ewm span{ display:block; background:#fff; color:var(--primary-color); font-size:0.12rem; line-height:0.22rem; text-align:center;}
.tc_message_rt{ width:calc(100% - 2rem); }
.tc_message .h2{ font-size:0.2rem; line-height:0.3rem; font-weight:bold; text-align:center; margin-bottom:0.2rem;}
.tc_message .message{}
.tc_message .message form{}
.tc_message .message ul li{ margin-bottom:0.1rem;}
.tc_message .message .input_text{border: 1px solid #ccc; background: #fff; height:0.28rem; line-height:0.28rem; padding: 0 0.1rem; width: calc(100% - 0.22rem); border-radius:0.04rem;}
.tc_message .message textarea{border: 1px solid #ccc; background: #fff; height:0.56rem; line-height:0.28rem; padding: 0 0.1rem; width: calc(100% - 0.22rem); border-radius:0.04rem;}
.tc_message .message .input_button{border: 1px solid #333; background: #333; color:#fff; height:0.3rem; line-height:0.28rem; width: 80%; border-radius:0.5rem; cursor: pointer; display: block; margin: 0 auto; font-size:0.16rem;}
.tc_message .h3{ font-size:0.12rem; line-height:0.24rem; text-align:center;}
.tc_message .h3 span{ font-size:0.16rem; 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:6rem; height:7rem; position:absolute; bottom:0; right:0; z-index:2;}
.pinquiry1_close2{ width:0.53rem; height:0.53rem; 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:6rem; padding:0.6rem 0.3rem 0.4rem 0.3rem; 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:0.2rem;}
.pinquiry1 .tips1{ font-size:0.12rem; line-height:0.22rem; color:#999;}
.pinquiry1 .h2 .tips1{ display:inline-block; margin-left:0.1rem;}
.pinquiry1 font{ color:var(--red);}
.pinquiry1_con{ font-size:var(--font16); line-height:0.32rem; margin-top:0.35rem;}
.pinquiry1_con dl{ padding-left:1.2rem; position:relative; margin-top:0.2rem;}
.pinquiry1_con dl dt{ position:absolute; left:0; top:0; color:#999;}
.pinquiry1_con dl dd{ min-height:0.32rem;}
.pinquiry1_con .input_text{ border:1px solid #eee; background:#fff; border-radius:0.04rem; height:0.3rem; line-height:0.3rem; padding:0 0.1rem; width:calc(100% - 0.22rem); max-width:3rem;}

.pinquiry1_con textarea{ border:1px solid #eee; background:#fff; border-radius:0.04rem; height:1rem; line-height:0.3rem; padding:0 0.1rem; width:calc(100% - 0.22rem);}
.pinquiry1_con .input_button{ display:block; width:1rem; line-height:0.32rem; border-radius:0.04rem; 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:0.32rem; line-height:0.3rem; border-radius:0.04rem; width:calc(100% - 3.32rem);}
.pinquiry1_con .yzm img{ float:left; height:0.32rem; margin-left:0.1rem;}
.pinquiry1_con #proName{ max-height:0.84rem; overflow-y:auto;}
.pinquiry1_con #proName span{ display:inline-block; vertical-align:top; border:1px solid #eee; background:#fff; border-radius:0.04rem; height:0.3rem; line-height:0.3rem; padding:0 0.32rem 0 0.1rem; position:relative; margin:0 0.1rem 0.1rem 0; overflow:hidden;}
.pinquiry1_con #proName span i{ width:0.12rem; height:0.12rem; line-height:0.1rem; text-align:center; font-size:0.12rem; font-style:normal; border:1px solid #f5f5f5; color:#999; cursor:pointer; position:absolute; top:0.09rem; right:0.09rem;}
.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:0.2rem; line-height:2em;}
.loadEffect2{
	width:0.8rem;
	height:0.8rem;
	position: relative;
	margin: 0 auto;
	margin-top:30vh;
}
.loadEffect2 span{
	display: inline-block;
	width:0.16rem;
	height:0.16rem;
	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:-0.08rem;
	-webkit-animation-delay:0.13s;
}
.loadEffect2 span:nth-child(2){
	left:0.1rem;
	top:0.1rem;
	-webkit-animation-delay:0.26s;
}
.loadEffect2 span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -0.08rem;
	-webkit-animation-delay:0.39s;
}
.loadEffect2 span:nth-child(4){
	top:0.1rem;
	right:0.1rem;
	-webkit-animation-delay:0.52s;
}
.loadEffect2 span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-0.08rem;
	-webkit-animation-delay:0.65s;
}
.loadEffect2 span:nth-child(6){
	right:0.1rem;
	bottom:0.1rem;
	-webkit-animation-delay:0.78s;
}
.loadEffect2 span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -0.08rem;
	-webkit-animation-delay:0.91s;
}
.loadEffect2 span:nth-child(8){
	bottom:0.1rem;
	left:0.1rem;
	-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:0.6rem; height:0.6rem; 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 0.1rem 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:0.2rem; height:0.2rem; background:url(../images/chahao2.png) center no-repeat; cursor:pointer; position:absolute; top:0.1rem; right:0.1rem; 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 + 0.1rem); 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 - 0.02rem); height:calc(1.56vw - 0.02rem); line-height:calc(1.56vw - 0.02rem);}
.shoppingcart_list_mid .w3 .pronum input{ width:2.6vw; height:calc(1.56vw - 0.02rem); line-height:calc(1.56vw - 0.02rem);}
.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:0.2rem;}
.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% - 0.15rem)/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 0.1rem; width:calc(100% - 0.22rem);}
.shoppingcart_form .message textarea{ border:1px solid #eee; background:#fff; height:6.24vw; line-height:2.08vw; padding:0 0.1rem; width:calc(100% - 0.22rem);}
.shoppingcart_form .message .yzm{ height:calc(2.08vw + 0.02rem);}
.shoppingcart_form .message .yzm img{ float:right; width:1rem; height:calc(2.08vw + 0.02rem); }
.shoppingcart_form .message .input_text1{ border:1px solid #eee; background:#fff; height:2.08vw; line-height:2.08vw; padding:0 0.1rem; width:calc(100% - 1.25rem); float:left;}
.shoppingcart_form .message .yzm #sendcode{ float:right; width:1rem; height:calc(2.08vw + 0.02rem); 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 + 0.02rem); line-height:calc(2.08vw + 0.02rem); background:var(--primary-color); color:#fff; cursor:pointer; font-size:0.12rem;}
.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 + 0.02rem); line-height:calc(2.08vw + 0.02rem); background:var(--primary-color); color:#fff; cursor:pointer; border-radius:0.04rem; font-size:0.14rem;  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:1rem; right:calc(15% - 0.4rem); z-index:11; display:none;}
.screen_btn a{display: block; width:0.4rem; height:0.4rem; background-color:var(--secondary-color); background-position: center; background-repeat: no-repeat; background-size:0.2rem auto; background-image:url(../images/ico_screen.png);}
.screen_close{ font-size:0; width:0.4rem; height:0.4rem; cursor:pointer; border-radius:100%; background:url(../images/ico_btn1.png) center no-repeat; background-size:contain; position:absolute; top:0; right:calc(15% - 0.4rem); z-index:2; display:none;}
.screen{}
.screen_box{ width:100%; font-size:0.14rem; line-height:0.28rem; background:#fff; box-shadow:0 0 0.05rem rgba(0,0,0,.1); border-radius:0.04rem; margin-bottom:0.3rem; position:relative; z-index:22;}
.screen_box>ul{ position:relative; padding:0.05rem 0.15rem 0 0.15rem;}
.screen_box>ul>li{ position:relative; padding:0.15rem 0 0.05rem 0.7rem; 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:0.16rem; line-height:0.3rem; position:absolute; left:0; top:0.15rem;}
.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:0.15rem;}
.screen_box .box_btn i{ display:block; margin:0 auto; width:0.3rem; height:0.3rem; 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 0.15rem; color:#999; border:1px solid #f5f5f5; margin:0 0.1rem 0.1rem 0; border-radius:0.04rem;}
.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:1rem; 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% - 0.4rem)}
.screen_close{ right:calc(10% - 0.4rem)}
.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% - 0.4rem)}
.screen_close{ right:calc(5% - 0.4rem)}
}
@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% - 0.4rem)/3); margin:0 0 0.2rem 0.2rem; 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:0.1rem; overflow:hidden; transition:all .3s ease;}
.index_product1 ul li:hover .nr_box{ border-color:var(--primary-color); box-shadow:0 0 0.1rem 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:0.15rem 5%; color:#666;}
.index_product1 ul li .txt .h2{ font-size:0.18rem; 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:0.4rem 0; background:#f2f2f2;}
.index_news1 ul li{ float:left; width:calc((100% - 0.2rem)/2); margin:0 0 0.2rem 0.2rem; 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:0.2rem 0.2rem; 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:0.1rem 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:0.14rem; line-height:0.24rem; color:#999; padding-left:0.24rem; position:relative; margin:0.1rem 0 0 0;}
.index_news1 ul li .txt .time i{ width:0.2rem; height:0.24rem; 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:0.4rem 0;}
.index_news2 ul li{ float:left; width:calc((100% - 0.2rem)/2); margin:0 0 0 0.2rem; border-bottom:1px solid #ccc; padding:0.2rem 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:0.16rem; line-height:0.26rem; height:0.26rem; overflow:hidden; padding-left:0.25rem; position:relative;}
.index_news2 ul li .txt .h2:before{ content:""; width:0.06rem; height:0.06rem; background:#000; position:absolute; left:0; top:0.1rem;}
.index_news2 ul li .txt .h2 a{ float:left; width:70%; height:0.26rem; 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:0.4rem 0;}
.index_news3 ul li{ float:left; width:calc((100% - 0.2rem)/2); margin:0 0 0.2rem 0.2rem; }
.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:0.8rem; height:0.8rem; background:#f2f2f2; color:#999; text-align:center;}
.index_news3 ul li .date strong{ display:block; font-size:0.36rem; line-height:0.36rem; padding:0.15rem 0 0.02rem 0;}
.index_news3 ul li .date span{ display:block; font-size:0.12rem; line-height:0.12rem;}
.index_news3 ul li .txt{ width:calc(100% - 1rem); 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:0.05rem 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; }
}


/*footnav*/
.footer{}

.m17_foot_box01{background:var(--secondary-color);position: relative;}
.m17_foot_box{ overflow:hidden; margin-bottom:-1px;}
.footerWave{width:100%;height:1.2rem;margin-bottom: -0.03rem;}
.footerWave>svg{ display:block; width:100%; height:100%;}
.footer .footerWave .wave-g>use{ animation: move-forever 12s linear infinite; }
.footer .footerWave .wave-g>use:nth-child(1) { animation-delay: -2s;opacity:.5; }
.footer .footerWave .wave-g>use:nth-child(2) { animation-delay: -2s;animation-duration: 5s;opacity:.7; }
.footer .footerWave .wave-g>use:nth-child(3) { animation-delay: -4s;animation-duration: 3s; }
@keyframes move-forever {
  0% { transform: translate(-0.9rem, 0%); }
  100% { transform: translate(0.85rem, 0%); }
}
.m17_foot1bg{  padding:3.12vw 0 0 0;}
.m17_foot1{ color:#fff;}
.m17_foot1 a{ color:#fff;}
.m17_foot1 a:hover{ color:var(--primary-color);}
.m17_foot_top{
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;}
.m17_foot_top .lt{max-width:64%;}
.m17_foot_top .f_logo{ margin-bottom:1.04vw;}
.m17_foot_top .f_logo img{ max-width:100%; max-height:0.5rem;}
.m17_foot_top .f_contact{ font-size:0.20rem; line-height:1.4em; margin-bottom:1.56vw;}
.m17_foot_top .f_contact ul li{ margin-bottom:0.1rem;}
.m17_foot_top .f_share{}
.m17_foot_top .f_share a{ display:inline-block; text-align:center; width:1.86vw; height:1.86vw; line-height:1.86vw; border-radius:100%; background:#fff; font-size:1.04vw; color:var(--secondary-color); margin-right:1.04vw;}
.m17_foot_top .f_share a:hover{ opacity:.9;}
.m17_foot_top .f_share a i{}
.m17_foot_top .rt{width:23%; }
.m17_foot_top .cr{width:8%;}
.m17_foot_top .cr  ul li{ width: 100%; text-align: center; margin-bottom: 1vh;}
.m17_foot_top .cr ul li .img{ width: 100%;}
.m17_foot_top .cr ul li .img img{ width: 100%; vertical-align: bottom;}
.m17_foot_top .cr ul li .h1{ display:block; list-style: 1.5; font-size:0.14rem;  margin-top: 1vh;}
.lxen{}
.lxen .h2{font-size: 1.14vw;line-height: 1.5em;font-weight: bold;margin-bottom:0.1rem;color: #fff;}


.f_nav{ }
.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:0.1rem;}
.f_nav>ul>li{margin-left: 2.4vw;}
    .f_nav ul li a {
        display: block;
        font-size: 0.20rem;
        line-height: 1.8em;
    }
.f_nav>ul>li>a{ font-size:1.11vw; line-height:1.5em; font-weight:bold; margin-bottom:0.1rem; color:#fff;}
.f_nav>ul>li:first-child{ display:none}
.m17_foot2bg{ background:var(--secondary-color); padding:3.12vw 0 0 0;}
.m17_foot2{ color:#fff;}
.m17_foot2 a{ color:#fff;}
.m17_foot2 a:hover{ color:var(--primary-color);}
.m17_foot_btm{ padding:.78vw 0; border-top:1px solid rgba(255,255,255,.3);}

.f_info2{ font-size:0.12rem; line-height:1.5em; text-align:center;}
.f_info2 p{ padding:0; line-height:inherit;}
.oot_inf0bg{ border-top: 1px solid rgba(255,255,255,0.1);color: #ffffff;}
.oot_inf0bg a{color: #ffffff;}
.oot_inf0{ display: flex;   align-items: center;justify-content: space-between; padding:0.1rem 0;}
.fte{ font-size:0.24rem}
.fte a{ margin: 0 0.04rem; font-size:0.14rem;}

@media only screen and (max-width: 980px) {
.footerWave{ height:40px;}
.m17_footbg{ padding:20px 0 10px 0;}
.m17_foot_top{ display:none;}
.oot_inf0{flex-wrap: wrap; 
}
.f_info2{ font-size:12px; }
.f_info2 p{ font-size:12px;}
 .f_info2{ display:block;}
p{ font-size: 16px;} 
.fte a{ margin: 0 4px; font-size:14px;}
}

.gzwm{ display: flex;  align-items: center;justify-content: flex-end;}
.gzwm>span{ font-size:0.16rem;}
.index_news9{}
.index_news9 ul{ display: flex; justify-content: center;  align-items: center;}
.index_news9 ul li{ position: relative;    margin-left:0.1rem;}
.index_news9 ul li .imgbg .img{ display: flex; justify-content: center;  align-items: center; width:0.28rem; height:0.28rem;}
.index_news9 ul li .imgbg .img img{ max-width: 100%; max-height: 100%;filter: brightness(0%) contrast(200%) invert(100%) opacity(50%); }
.index_news9 ul li .txtbg{    width:1rem;
height: auto;
bottom:0.35rem;
left: -0.35rem;
position: absolute; display:none;}
.index_news9 ul li .txtbg .img{ width: 100%;}
.index_news9 ul li .txtbg .img img{ width: 100%; vertical-align: bottom;}
.index_news9 ul li:nth-child(1):hover .txtbg{ display:block;}  
.index_news9 ul li:nth-child(1):hover::before {
opacity: 1;
}
.index_news9 ul li:nth-child(4):hover .txtbg{ display:block;}  
.index_news9 ul li:nth-child(4):hover::before {
opacity: 1;
}
.index_news9 ul li::before {
content: '';
position: absolute;
content: '';
position: absolute;
width: 0;
height: 0;
border-left:0.05rem solid transparent;
border-right:0.05rem solid transparent;
border-top:0.05rem solid white;
bottom:0.3rem;
left:0.08rem;
opacity: 0;
}
.footer03{display: flex;align-items:flex-start;justify-content: space-between;line-height: 1;}
.uuql{display: flex;align-items: center;flex-wrap: wrap;height: auto;}
.uuql>span{    font-size:0.16rem;}
.uuql ul{/* display: flex; *//* align-items: flex-start; *//* flex-wrap: wrap; *//* height: auto; */}
.uuql ul li{margin-left: 1vw;line-height: 1;display: block;height: auto;}
.uuql ul li a{font-size:0.16rem;line-height: 1;display: block;}
.uuql ul li a:hover{ }
.uuql ul li  img{display:none;}
.f_info{ display: none;}

@media only screen and (max-width: 980px) {
    .footer03{flex-wrap: wrap; }
    .gzwm{ margin-top: 5%;}
	.uuql>span{    font-size:16px}
	.gzwm>span{    font-size:16px}
	.index_news9 ul li .imgbg .img{ width:28px; height:28px}
    .m17_foot2bg{ padding-bottom: 60px;}
    .uuql ul li a{    font-size:14px}
}

/*inner_news1*/
.inside_news1{ }
.inside_news1 ul li{ padding:0.2rem 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:0.1rem;}
.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: 0.26rem;
        line-height: 1.5em;
        color: #333;
        margin-bottom: 0.1rem;
        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:0.14rem; line-height:1.5em; margin-bottom:0.2rem;
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:20px; 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;font-size:14px;}
.inside_news1 ul li .txt .time i{ }
}



/*inner_news2*/
.inside_news2{ }
.inside_news2 ul li{ float:left; width:calc((100% - 0.2rem)/2); margin:0 0 0 0.2rem; border-bottom:1px solid #ccc; padding:0.2rem 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:0.16rem; line-height:0.26rem; height:0.26rem; overflow:hidden; padding-left:0.25rem; position:relative;}
.inside_news2 ul li .txt .h2:before{ content:""; width:0.06rem; height:0.06rem; background:#000; position:absolute; left:0; top:0.1rem;}
.inside_news2 ul li .txt .h2 a{ float:left; width:70%; height:0.26rem; 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% - 0.2rem)/2); margin:0 0 0.2rem 0.2rem; }
.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:0.8rem; height:0.8rem; background:#f2f2f2; color:#999; text-align:center;}
.inside_news3 ul li .date strong{ display:block; font-size:0.36rem; line-height:0.36rem; padding:0.15rem 0 0.02rem 0;}
.inside_news3 ul li .date span{ display:block; font-size:0.12rem; line-height:0.12rem;}
.inside_news3 ul li .txt{ width:calc(100% - 1rem); 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:0.05rem 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{ display:none;}
@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{ }
.inside_picList1 ul li{ float:left; width:calc((100% - 0.6rem)/4); margin:0 0 0.2rem 0.2rem; text-align:center; background:#fff;}
.inside_picList1 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.inside_picList1 ul li .nr_box{ border:1px solid #f2f2f2; border-radius:0.1rem; overflow:hidden;}
.inside_picList1 ul li:hover .nr_box{ box-shadow:0 0 0.1rem rgba(0,0,0,.1);}
.inside_picList1 ul li .img{ padding-bottom:70%; position:relative; overflow:hidden; background:#f9f9f9;}
.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;}
.inside_picList1 ul li:hover .img img{ transform:scale(1.1);}
.inside_picList1 ul li .txtbg{}
.inside_picList1 ul li .txt{ padding:1.04vw 5%; color:#666;}
.inside_picList1 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;}
.inside_picList1 ul li:hover .txt .h2{ color:var(--primary-color);}
.inside_picList1 ul li .txt .h3{ font-size:.72vw; line-height:1.5em; height:3em; margin:.26vw 0 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
@media(max-width:999px){
.inside_picList1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 20px 20px; }
.inside_picList1 ul li:nth-child(4n-3){ margin-left:20px; clear:none;}
.inside_picList1 ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.inside_picList1 ul li .txt{ padding:10px 5%; }
.inside_picList1 ul li .txt .h2{ font-size:14px; line-height:1.4em; height:1.5em; }
.inside_picList1 ul li .txt .h3{ font-size:12px; line-height:1.4em; height:2.8em; margin:5px 0 0 0; }
}

/*inphoto1*/
.inside_photo1{  }
.inside_photo1 ul li{ float:left; width:calc((100% - 0.6rem)/4); margin:0 0 0.2rem 0.2rem; 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:0.1rem; overflow:hidden; padding:0.1rem;}
.inside_photo1 ul li .imgbg{ position:relative; border-radius:0.1rem; 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:0.4rem; height:0.4rem; 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:0.1rem; padding:0 5%; color:#666;}
.inside_photo1 ul li .txt .h2{ font-size:0.14rem; 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:0.2rem 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:0.4rem; font-size:0.4rem; width:0.4rem; text-align:center; color:var(--primary-color);}
.inside_download1 ul li .txt{ width:calc(100% - 2rem); position:relative;}
.inside_download1 ul li .txt .h2{ font-size:0.16rem; line-height:0.26rem; height:0.26rem; 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:0.14rem; line-height:0.24rem;}
.inside_download1 ul li .txt .h3 span{ display:inline-block; margin:0 0.2rem 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:1.2rem; line-height:0.4rem; text-align:center; font-size:0.14rem; border-radius:0.04rem;}
.inside_download1 ul li .down_btn a:hover{ opacity:.9;}
.inside_download1 ul li .down_btn a i{ margin-right:0.05rem; 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% - 0.4rem)/3); margin:0 0 0.2rem 0.2rem; 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:0.1rem; overflow:hidden; padding:0.1rem;}
.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:0.1rem; padding:0 5%; color:#666;}
    .inside_product1 ul li .txt .h2 {
        font-size: 0.26rem;
        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:0.2rem; line-height:0.2rem; font-size:0.2rem;}
.itit1 .h2 strong{ float:left; font-weight:bold; border-left:0.05rem solid var(--primary-color); padding-left:0.05rem;}
.itit1 .h2 a{ float:right; font-size:0.14rem; color:var(--primary-color);}
.inside_newsClass1{}
.inside_newsClass1_box{ padding:0.2rem 0; border-bottom:1px solid #eee;}
.inside_newsClass1 .ilist{ padding:0.1rem 0.1rem 0 0.1rem;}
.inside_newsClass1 .ilist ul li{ height:0.4rem; line-height:0.4rem; padding-left:0.15rem; position:relative;}
.inside_newsClass1 .ilist ul li:before{ content:""; width:0.06rem; height:0.06rem; border-radius:100%; background:#ccc; position:absolute; left:0; top:0.17rem;}
.inside_newsClass1 .ilist ul li a{ float:left; width:70%; height:0.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:0.16rem;}
.inside_newsClass1 .ilist ul li span{ float:right; font-size:0.14rem; color:#999;}

/*inproClass1*/
.imore1{}
.imore1 span{ display:inline-block; vertical-align:top; border:1px solid #fff; height:0.38rem; line-height:0.38rem; padding:0 0.2rem; font-size:0.14rem;}
.imore1 span:hover{ background:#fff; color:#333;}
.inside_proClass1{ }
.inside_proClass1 ul li{ float:left; width:calc((100% - 0.4rem)/3); margin:0 0 0.2rem 0.2rem; 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:0.1rem 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:0.2rem 5%; width:90%; color:#fff;}
.inside_proClass1 ul li .txt .h2{ font-size:0.24rem; line-height:0.34rem; height:0.34rem; overflow:hidden;}
.inside_proClass1 ul li .txt .h3{ font-size:0.14rem; line-height:0.24rem; height:0.48rem; overflow:hidden; margin:0.1rem 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:0.2rem;}
.m11_message1 .list1 img{ display:block; width:100%; background:#f9f9f9;}
.m11_message1 .list2{ margin-top:0.2rem;}

.m11_tit2{ text-align:center;}
.m11_tit2 .h2{ font-size:0.14rem; line-height:0.24rem;}
.m11_tit2 .h2 strong{ display:block; font-size:0.28rem; line-height:0.38rem; font-weight:bold;}
.m11_tit2 .h2 span{ display:block; opacity:.7; margin-top:0.05rem;}
@media(max-width:999px){
.m11_tit2 .h2{ font-size:14px; line-height:24px;}
.m11_tit2 .h2 strong{ font-size:24px; line-height:34px; }
}

/*留言*/
.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 0.2rem 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:1rem; font-size:0.14rem; line-height:0.24rem; margin-bottom:0.05rem;}
.message1 form .h3 font{ color:#f00;}
.message1 form .input_text{ border:1px solid #eee; background:#fff; height:0.4rem; line-height:0.4rem; padding:0 0.1rem; width:calc(100% - 0.22rem); }
.message1 form textarea{ border:1px solid #eee; background:#fff; height:1.2rem; line-height:0.4rem; padding:0 0.1rem; width:calc(100% - 0.22rem); display:block;}
.message1 form .yzm{ height:0.42rem; }
.message1 form .input_text1{ border:1px solid #eee; background:#fff; height:0.4rem; line-height:0.4rem; padding:0 0.1rem; width:calc(100% - 1.32rem); float:left;}
.message1 form #sendcode{ border:1px solid var(--primary-color); background:var(--primary-color); color:#fff; height:0.42rem; line-height:0.4rem; width:1rem; 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:0.42rem; line-height:0.4rem; width:50%; max-width:2rem; cursor:pointer; transition:all .3s ease; margin-top:0.2rem;}
.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; width: 100%;}
.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:0.05rem; 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;}

/*商城顶部导航样式---开始*/
/* 商城导航栏样式 */
.shop-nav {
    background-color: #ffffff;
    padding: 0 0.3rem;
    height:0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.shop-nav.hidden {
    display: none;
}

.shop-nav-left, .shop-nav-right {
    display: flex;
    align-items: center;
    height: 100%;
}

.shop-nav-item {
    display: flex;
    align-items: center;
    padding: 0 0.16rem;
    height: 100%;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    border-bottom:0.03rem solid transparent;
    color: #555;
}

.shop-nav-item:hover {
    color: #e4393c;
    background-color: #fef5f5;
    border-bottom-color: #e4393c;
}

.shop-nav-item i {
    font-size:0.16rem;
    margin-right:0.08rem;
    width:0.2rem;
    text-align: center;
}

.shop-nav-text {
    font-size:0.14rem;
    font-weight: 500;
}

.cart-count, .msg-count, .favorite-count, .order-count {
    background-color: #e4393c;
    color: white;
    border-radius:0.1rem;
    padding:0.01rem 0.06rem;
    font-size:0.11rem;
    min-width:0.18rem;
    text-align: center;
    display: inline-block;
    margin-left:0.05rem;
    line-height:0.16rem;
    font-weight: 600;
}

/* 下拉菜单 */
.shop-nav-dropdown {
    position: relative;
}

.shop-nav-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    min-width:1.8rem;
    box-shadow: 0 0.06rem 0.2rem rgba(0, 0, 0, 0.12);
    z-index: 100;
    border-radius:0.08rem;
    padding:0.1rem 0;
    border: 1px solid #f0f0f0;
    animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(0.05rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.shop-nav-dropdown:hover .shop-nav-dropdown-content {
    display: block;
}

.shop-nav-dropdown-item {
    padding:0.1rem 0.18rem;
    white-space: nowrap;
    color: #555;
    display: flex;
    align-items: center;
    transition: all 0.2s;
    font-size:0.135rem;
}

.shop-nav-dropdown-item:hover {
    background-color: #fef5f5;
    color: #e4393c;
}

.shop-nav-dropdown-item i {
    margin-right:0.1rem;
    font-size:0.14rem;
    color: #888;
    width:0.18rem;
}

.shop-nav-dropdown-item:hover i {
    color: #e4393c;
}

/* 禁用状态 */
.disabled-shop-nav-item {
    color: #bbb !important;
    cursor: not-allowed !important;
}

.disabled-shop-nav-item:hover {
    background-color: transparent !important;
    color: #bbb !important;
    border-bottom-color: transparent !important;
}
/*商城顶部导航样式---结束*/


.title{text-align: center;}
    .title .h2 {
        font-size: 0.50rem;
        line-height: 1em;
        color: #333;
        font-weight: bold; /* padding-left:5.2vw; */
        position: relative;
    }
/* .title .h2:before{content:"";width:4.16vw;height:.2vw;background:var(--primary-color);box-shadow:0px 10px 8px rgba(0,0,0,.1);position:absolute;left: 50%;bottom: 0;transform: translate(-50%, 0);} */
.title .h2 span{}
.title .h2 em{ font-style: normal;color:var(--primary-color);}
    .title .h3 {
        font-size: 0.25rem;
        line-height: 1em;
        color: #666;
        font-weight: bold;
        margin-top: 1.2vw;
        font-weight: normal;
    }
    .title .h3 > p {
        font-size: 0.25rem;
        line-height: 1em;
    }
@media only screen and (max-width: 980px) {
    .title .h2{ font-size:24px;} 
    .title .h3{ font-size:18px; line-height: 1.5; margin-top: 4%;} 
	.title .h3>p{font-size:18px; line-height: 1.5;}
}





.cent01{ padding: 4% 0;}
.cent0101{ display: flex;  align-items:flex-start;justify-content: space-between; margin-top: 3%; }
.cent0101_l{ width: calc(100% - 30%);}
/* .xilie_bg{ display: none;} */
.xilie{display: flex;background:#f6f8fb;border-radius:0.2rem;overflow: hidden;/* padding: 3%; */box-sizing: border-box;align-items: center;}
.xilie .xilie_l{/* overflow: hidden; */width: calc(100% - 40%);position: relative;}
.xilie .xilie_l::before{content: '';position: absolute;top: 0%;left: -11%;background:url(../images/the.png) no-repeat;transform: skewX(-14deg);width: 110%;height: 100%;display: block;background-size: 154% 135%;z-index: 1;}

.xilie .xilie_l .img {padding-bottom: 70%;position: relative;overflow: hidden;/* background: #f9f9f9; */width: 100%;z-index: 1;}
.xilie .xilie_l .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: contain; }
.xilie .xilie_l:hover .img img { transform: scale(1.1); }
.xilie .xilie_l .h1{font-size:0.4rem;font-weight: bold;display: block;color: #fff;padding: 4%;box-sizing: border-box;position: relative;}
.xilie .txtbg{width: 40%;box-sizing: border-box;padding: 4%;}
.xilie .txtbg .txt{}
.xilie .txtbg .txt .h1{ color: #666; font-size: .18rem; font-weight: bold; display: flex;align-items: center;}
.xilie .txtbg .txt .h1 span{ display: block; width: 50px; height:4px; background: #666; margin-right:0.2rem;}
.xilie .txtbg .txt .h2{ display: block; margin-top: 10%; font-size: .4rem; color: #333;}
.xilie .txtbg .txt .h3{ display: block; margin-top: 10%; font-size: .24rem; color: #666; line-height: 1.5;}
.xilie .txtbg .txt .h3>p{ font-size:0.16rem; color: #666; line-height: 1.5;}
.xilie .txtbg .txt a{display:inline-block; padding:0.14rem 0.3rem; background: var(--primary-color) ; color: #fff; font-size: .18rem; margin-top: 10%; border-radius:0.1rem;}
.xilie .txtbg .txt a i{ margin-left:0.1rem;}
.cent010r{ width: 28%;}
.lanmu{}
.lanmu ul li{ display: flex; justify-content:flex-start;  align-items: center; margin-top: 7%;color: #333;}
.lanmu ul li:first-child{overflow:hidden;margin-top:0}
.lanmu ul li .img{ width:0.6rem; height:0.6rem; margin-right: 2vw; border-radius: 50%; background: #f4f4f4;display: flex; justify-content: center;  align-items: center;}
.lanmu ul li .img img{ max-width: 100%; max-height: 100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
    .lanmu ul li span {
        font-size: 0.30rem;
    }
.lanmu ul li.on{ color:var(--primary-color) }
.lanmu ul li.on .img{ background: var(--primary-color);}
.lanmu ul li.on .img img{ filter: none;}
.lanmu ul li.on span{ font-weight: bold;}
.product03 .pro-list-container{ display: none;}
.product03 .pro-list-container:first-child{ display:block;}
@media only screen and (max-width: 980px) {
    .cent0101{flex-wrap: wrap;flex-direction: column-reverse;  }
    .cent0101_l{ width: 100%;margin-top: 5%;}
    .lanmu ul li span{  font-size: 18px;}
    .xilie{flex-wrap: wrap; }
    .xilie .xilie_l{ width: 100%;}
    .xilie .txtbg{ width: 100%; margin-top: 5%;}
    .xilie .xilie_l::before{transform:none}
    .xilie .txtbg .txt .h2{ font-size: 24px;}
	  .xilie .txtbg .txt .h2>p{ font-size: 24px;}
    .xilie .txtbg .txt .h3{ font-size: 18px; }
    .cent010r{ width: 100%;  margin-top: 5%;}
    .lanmu ul li{ justify-content: left;}
    .lanmu ul li .img{ width: 60px; height: 60px;}
	.xilie .txtbg .txt a{ font-size:14px}
    .xilie .txtbg .txt .h3>p{ font-size:16px}
}





.cent02{padding-bottom: 0%;position:relative;padding-top: 1%;overflow: hidden;box-sizing: border-box;}
.cent02 .title{margin-bottom: 1%;}
.cent02 .mySwiper01{    padding-bottom: 5%;}
.cent02 .swiper-slide .img{position:relative;/* padding-bottom: 7%; */}
.cent02 .swiper-slide .img>a>img{ width:100%; vertical-align:bottom; height:66vh;     object-fit: cover;}

.cent02 .swiper-slide{ width:14.4rem;}
.cent02 .swiper-button-next:after, .cent02 .swiper-button-prev:after{ display:none;}
.cent02 .swiper-button-prev{ background:url(../images/tu01.png) center no-repeat; width:1rem; height:0.55rem; background-size:100% 100%; left:10% !important}
.cent02 .swiper-button-next{ background:url(../images/tu02.png) center no-repeat; width:1rem; height:0.55rem; background-size:100% 100%; right: 10% !important;}
.jzfs{display:none;/* background:#fff; */position:absolute;bottom: -0.09rem;/* box-shadow: 0px 0px 15px #ccc; */width: 100%;left: 0%;padding: 4% 2% 4% 2%;box-sizing: border-box;background-image: linear-gradient(to top, hsl(0deg 0% 0% / 97%), transparent);height: auto;}
.jge{display: flex; align-items: flex-start;justify-content: space-between;}
.jzfs01{width: 70%;}
.jzfs h2 {
    background: url(../images/dee.png) center bottom no-repeat;
    position: relative;
    background-size: 100% auto;
    color: var(--primary-color);
    font-size: 0.40rem;
    padding-bottom: 0;
}
.jzfs h2:before {content: "";position:absolute;left: -0.26rem;width:0.04rem;height:0.56rem;background:var(--primary-color);top: 0rem;display: none;}
.jzfs span {
    display: block;
    margin-top: 1%;
    font-size: 0.25rem;
    line-height: 2;
}
.jge>a{width:1.38rem;height:0.3rem;display: flex;justify-content: center;align-items: center;color:#999999;border:1px solid #f2f2f2;font-size:0.17rem;font-style:normal;/* margin-top:10%; */}
.jge>a>img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); margin-left:0.1rem;}
.jge>a:hover{ border:1px solid var(--primary-color) ; color:var(--primary-color) ;}
.jge>a:hover img{filter:none;}
.yema{display: flex;justify-content: center;align-items: center;font-size:0.17rem;color:#999999;/* margin-top:16%; */display: none;}
.yema i{ font-size:0.24rem; color:var(--primary-color) ; font-style:normal; font-weight:bold;}
.yema p{ padding:0;}
.cent02 .swiper-slide-active .jzfs{display:block;color: #fff;}
.cent02 .swiper-pagination01{}
.cent02 .swiper-pagination01 span{ border-radius:0 !important; width:0.14rem !important; height:0.14rem !important; border:0.02rem solid #000 !important;}

.cent02 .swiper-pagination01{ display: flex; justify-content: center;  align-items: center; width: 100%;}
.cent02 .swiper-pagination01 span{ margin: 0 0.02rem;}
.cent02 .swiper-pagination01 .swiper-pagination-bullet-active{ border:0.02rem solid var(--primary-color) !important; background:none;}
@media only screen and (max-width: 980px) {
	.cent02 .swiper-slide{ width: 80%;}
    .jzfs h2{ font-size: 14px;}
    .jzfs span{ display: none;}
    .cent02 .swiper-button-prev{ width: 50px; height: 25px;}
    .cent02 .swiper-button-next{ width: 50px; height: 25px;}
    .jge>a{width:138px;height:30px; font-size: 17px;}
 
}



.cent05bg{padding: 3% 0;/* margin-top: 3%; */height: 100%;box-sizing: border-box; width:100%;}
/* .cent05bg .title .h3{ color: #fff;} */
.slideTxtBox_01{ margin-top: 3%;}
.slideTxtBox_01 .hd ul{ display: flex; align-items: center;   justify-content: center; }
    .slideTxtBox_01 .hd ul li {
        font-size: 0.25rem;
        display: block;
        color: #333;
        background: var(--main-color-white);
        border-radius: 0.2rem;
        text-align: center;
        padding: 0.18rem 0.2rem;
        margin: 0 1vw;
        min-width: 18%
    }
.slideTxtBox_01 .hd ul li.on{ background: var(--primary-color) ; color: #fff;}
.slideTxtBox_01 .hd ul li.on a{ color: #fff;}
.slideTxtBox_01 .bd{ margin-top: 2%;}
/*scroll_03*/
.scroll_03{ width: 100%; overflow: hidden;}
.ckge{display: flex; justify-content: center;  align-items: center;gap:0.2rem; width: 70%; margin: 3% auto 0;display:none;}
.ckge .sdagjie{ flex:1px; height:0.01rem; background: #ccc; width:auto; display: block;}
.ckge>a{ background: var(--primary-color); border-radius:0.1rem; color: #fff; display: flex;   align-items: center;justify-content: space-between; padding:0.15rem 0.2rem; font-size:0.16rem;}
.ckge>a img{ margin-left: 3vw; width:0.24rem;}
.news05 .hd { display: flex; justify-content: space-between; align-items: center;}
.news05 .hd .prev,.news05 .hd .next{ display:block;  width:0.4rem; height:0.4rem; border-radius:0.5rem;display: flex; justify-content: center;  align-items: center;  margin: 0 1vw;}
.news05 .hd .prev img,.news05 .hd .next img{ max-width: 100%; max-height: 100%;}
.scroll_03 .bd li{ float:left; width:4.68rem!important; overflow:hidden; margin:0 0.1rem; background: #fff; border-radius:0.1rem; padding:0.1rem; box-sizing: border-box;}
.scroll_03 .bd li span{ font-size:0.16rem; color:#999999; display:block;}
.scroll_03 .bd li h2{ font-size:0.21rem; color:#333333; display:block; margin-top:2%; ; line-height: 1.5em; height: 3em;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.scroll_03 .bd li .img{ display:block; margin-top:4%;}
.scroll_03 .bd li .img img{ display:block; width:100%; vertical-align:bottom; height:3rem;     object-fit: cover;}
.scroll_03 .bd li  a{ display:block; font-style:normal; font-size:0.16rem;  color:#999999; margin-top:2%;}



@media only screen and (max-width: 980px) {
    .cent05bg{ margin-top: 5%;}
    .ckge{ width: 100%;} 
    .slideTxtBox_01{ margin-top: 5%;}
    .slideTxtBox_01 .hd ul li{ min-width: inherit; padding: 4px 10px; font-size: 14px;}
    .scroll_03 .bd li{ width:200px !important;}
    .scroll_03 .bd li .img{height:150px !important;}
	.scroll_03 .bd li .img img{ height:auto}
    .scroll_03 .bd li span{ font-size: 16px;}
    .scroll_03 .bd li a{ font-size: 16px;}
    .scroll_03 .bd li h2{ font-size: 18px; overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;}
}


.m17_con05bg{
	width:100%;
	height: 100%;
	padding-top:0.8rem;
	padding-bottom: 0.8rem;
	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;
	box-sizing: border-box;
	}
	.m17_con05{ width:100%;}
	.m17_con05_top{
	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;}
	.m17_con05_btm{ margin-top:4.16vw; background:url(../images/mapbg.png) center no-repeat; background-size:cover;}
	.m17_con05_btm ul li{ float:left; width:12.5%;}
	.m17_con05_btm ul li:nth-child(8n-7){ clear:left;}
	.m17_con05_btm ul li:nth-child(2n){ margin-top:4%;}
	.m17_con05_btm ul li .nr_box{
	animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
	-webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
	will-change: transform;}
	.m17_con05_btm ul li .img{ padding-bottom:35%; position:relative;}
	.m17_con05_btm ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
	.m17_con05_btm ul li .ico{}
	.m17_con05_btm ul li .ico span{ display:block; margin:0 auto; width:0.13rem; height:0.13rem; border-radius:100%; background:linear-gradient(to right,#DA251D, #146697); position:relative;}
	.m17_con05_btm ul li .ico span:before{ content:""; width:100%; height:100%; border-radius:100%; background:linear-gradient(to right,#DA251D, #146697); opacity:.3; position:absolute; top:0; left:0; transform:translate(-50%,-50%); z-index:-1; animation:soak 1.3s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
	@keyframes soak{
		0% {transform:scale(1);-webkit-transform:scale(1);}
		100% {transform:scale(2);-webkit-transform:scale(2);}
	}
	.m17_con05_btm ul li .ico i{ display:block; margin:0 auto; width:0.01rem; height:6.25vw; background:linear-gradient(rgba(5,189,163,1), rgba(5,189,163,0));}
	@media only screen and (max-width: 980px) {
	.m17_con05bg{ height:auto; padding:30px 0 60px 0; display:block;}
	.m17_con05_btm{ margin-top:30px; border:1px solid #ccc;}
	.m17_con05_btm ul li{ float:left; width:50%;}
	.m17_con05_btm ul li:nth-child(2n-1){ clear:left;}
	.m17_con05_btm ul li:nth-child(2n){ margin:0;}
	.m17_con05_btm ul li .nr_box{ border-right:1px solid #ccc; border-top:1px solid #ccc; animation:none;}
	.m17_con05_btm ul li:nth-child(1) .nr_box,.m17_con05_btm ul li:nth-child(2) .nr_box{ border-top:none;}
	.m17_con05_btm ul li:nth-child(2n) .nr_box{ border-right:none;}
	.m17_con05_btm ul li .ico{ display:none;}
	}
	


.m17_tit1{}
.m17_tit1 .h2{font-size:1.98vw;line-height:1em;color:#333;font-weight:bold;/* padding-left:5.2vw; */position:relative;}
/* .m17_tit1 .h2:before{ content:""; width:4.16vw; height:.2vw; background:var(--primary-color); box-shadow:0px 10px 8px rgba(0,0,0,.1); position:absolute; left:0; top:50%; transform:translateY(-50%);} */
.m17_tit1 .h2 span{}
.m17_tit1 .h2 em{color:var(--primary-color); font-style: normal;}
.m17_tit1 .h3{ font-size:1vw;line-height:1em;color:#666;font-weight:bold;margin-top: 1.2vw; font-weight: normal;}
.m17_more1{}
.m17_more1 a{ display:inline-block; position:relative; z-index:1; border-radius:0.05rem; overflow:hidden;}
.m17_more1 span{ display:inline-block; text-align:center; width:8.86vw; line-height:2.4vw; font-size:.72vw; border-radius:0.05rem; background:var(--primary-color); color:#fff; cursor:pointer;}
.m17_more1 i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.m17_more1 i:before{ content:""; display:block; margin-top:100%; position:relative;}
.m17_more1 i:after{ content:""; border-radius:50%; position:absolute; top:0; right:0; bottom:0; left:0;}
.m17_more1 a:hover i{ animation:anim-out .75s;}
.m17_more1 a:hover i:after{ animation:anim-out-pseudo .75s;}
@keyframes anim-out-pseudo {
  0% { background: rgba(255, 255, 255, 0.5); }
  100% { background: transparent; }
} 
@keyframes anim-out {
  0% { width: 0%; }
  100% { width: 100%; }
}
.go_top,.m1_side_kefu2_box{ display:none !important;}

@media only screen and (max-width: 980px) {
    .m17_tit1 .h2 span{ font-size: 24px;}
    .m17_tit1 .h3{font-size: 18px;}
}




.cent0301{ width: 100%; overflow: hidden; position: relative; margin-top: 3%;    padding-bottom:0.3rem; }
.cent0301 .mySwiper01{ }
.cent0301 .swiper-pagination{ width:100%; height:0.1rem; bottom:0;}
.cent0301 .swiper-pagination span{ display:inline-block; vertical-align:top; width:0.1rem; height:0.1rem; border-radius:0.1rem; margin:0 0.08rem; background:#000; opacity:.5; transition:all .3s ease;}
.cent0301 .swiper-pagination span.swiper-pagination-bullet-active{ width:0.2rem; background:var(--primary-color); opacity:1;}
.cent0301 .img{padding-bottom: 50%;position: relative;overflow: hidden;border: 1px solid #ccc;border-radius:0.1rem;background: ;}
.cent0301 .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;}
.cent0301 .mySwiper01 {
	overflow: hidden;
}


.cent0301 .swiper-slide {
	height: auto; 
}
  
   @media (max-width: 768px) {
	.cent0301 .swiper-slide {
		height: auto;
	}
}



.cent0302_bg{  margin-top:2%;    padding-bottom:0.3rem; position:relative}
.cent0302_bg .img{padding-bottom: 50%;position: relative;overflow: hidden;border: 1px solid #ccc;border-radius:0.1rem;background: ;}
.cent0302_bg .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;}
.cent0302_bg .swiper-pagination{ width:100%; height:0.1rem; bottom:0;}
.cent0302_bg .swiper-pagination span{ display:inline-block; vertical-align:top; width:0.1rem; height:0.1rem; border-radius:0.1rem; margin:0 0.08rem; background:#000; opacity:.5; transition:all .3s ease;}
.cent0302_bg .swiper-pagination span.swiper-pagination-bullet-active{ width:0.2rem; background:var(--primary-color); opacity:1;}
@media only screen and (max-width: 980px) {
.cent0302_bg .img{ padding-top: 54%;}
}

.cent0302 { margin-top:2%}
.cent0302  ul li{ float: left; width: calc((100% - 0.8rem)/5); margin: 0 0 0.2rem 0.2rem;  }
.cent0302  ul li:nth-child(5n-4) { margin-left: 0; clear: left; }
.cent0302  ul li .img{padding-bottom: 50%;position: relative;overflow: hidden;border: 1px solid #ccc;border-radius:0.1rem;background: ;}
.cent0302  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;}
@media only screen and (max-width: 980px) {
    .cent0302{ margin-top: 4%;}
.cent0302  ul li{ float: left; width: calc((100% - 80px)/5); margin: 0 0 10px 10px; }
/* .cent0302  ul li:nth-child(6n-5) { margin-left: 10px; clear: none; }
.cent0302  ul li:nth-child(2n-1) { margin-left: 0; clear: left; } */
.cent0302 ul li .img{ padding-bottom: 35%;}
.swiper-pagination00{ display:none;}
}


.m17_tit2{ text-align:center;}
.m17_tit2 .h2{ font-size:1.56vw; line-height:1.4em;}
.m17_tit2 .h3{ font-size:.84vw; line-height:1.8em; color:#999;}
.m17_tit2 .h3 span{ font-weight:bold; color:var(--primary-color); font-size:1.35vw;}
.m17_contact1bg{ padding:4.16vw 0 5.2vw 0;}
.m17_contact1{}
.m17_contact1 .list{ margin-top:2.08vw;}
.m17_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: flex-start;
align-items: flex-start;}
.m17_contact1 .list ul li{ width:100%; margin:0 0 2.08vw 2%; background:#f9f9f9; font-size:.84vw; position:relative; border-radius:0.1rem;}
.m17_contact1 .list ul li:nth-child(1){ margin-left:0;}
.m17_contact1 .list ul li .txt{ min-height:2.6vw; padding:1.3vw 2% 1.3vw calc(2.6vw + 4%) ;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.m17_contact1 .list ul li i{ width:2.6vw; height:2.6vw; position:absolute; left:2%; top:50%; transform:translateY(-50%);}
.m17_contact1 .list ul li i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.m17_contact1 .list2{}
@media(max-width:999px){
.m17_tit2 .h2{ font-size:30px; line-height:1.4em;}
.m17_tit2 .h3{ font-size:12px; line-height:1.8em; }
.m17_tit2 .h3 br{ display:none;}
.m17_contact1bg{ padding:60px 0;}
.m17_contact1 .list{ margin-top:30px;}
.m17_contact1 .list ul{ flex-wrap:wrap;}
.m17_contact1 .list ul li{ width:100%; margin:0 0 20px 0; font-size:12px; }
.m17_contact1 .list ul li .txt{ min-height:40px; padding:10px 5px 10px 50px ; }
.m17_contact1 .list ul li i{ width:40px; height:40px; left:5px; }
}

/*地图*/
#allmap{ width:100%; height:5rem; background:#ffffff;}
@media(max-width:999px){
#allmap{ width:100%; height:250px;}
}


.cent04{ display: flex;  align-items: center;justify-content: space-between; padding-top: 3%;}
.cent04_L{ width: 48%;}
.cent04_L .h1{ color: var(--primary-color); font-weight: bold; font-size:0.52rem;}
.cent04_L .content{  display: block; margin-top:0.2rem; line-height:2; color: #666;font-size:0.16rem;}
.cent04_r{ width: 48%;}
.cent04_r img{ width: 100%; vertical-align: bottom;    min-height: 52vh;
    object-fit: cover;}
.cent05{ margin-top: 3%;}
.index_news10{}
.index_news10 ul{ display: flex; justify-content: center;  align-items:flex-start;}
.index_news10 ul li{ width: 28%; text-align: center;}
.index_news10 ul li .imgbg{ display: flex; justify-content: center;  align-items: flex-end;}
.index_news10 ul li .imgbg .img{ width:0.34rem;}
.index_news10 ul li .imgbg .img img{ width: 100%; vertical-align: bottom;}
.index_news10 ul li .imgbg  .mun_top{ display: flex;   align-items:flex-end;    color: var(--primary-color); font-weight: bold; line-height: 1; font-size:0.22rem}
.index_news10 ul li .imgbg  .mun_top h2{ display: flex;   align-items: center; font-size:0.48rem; margin-right:0.1rem; margin-left:0.1rem;}
.index_news10 ul li .txtbg{ margin-top:0.1rem;}
.index_news10 ul li .txtbg .h2{ color: #666; display: block; font-size:0.2rem; font-weight: bold;}
@media only screen and (max-width: 980px) {
    .cent04{flex-wrap: wrap; margin-top: 5%;  }
    .cent04_L{ width: 100%;}
    .cent04_r{ width: 100%; margin-top: 5%;}
    .cent05{ margin-top: 5%;}
    .index_news10 ul{flex-wrap: wrap; }
    .index_news10 ul li{  width: 48%;}
    .index_news10 ul li .imgbg .mun_top h2{ font-size: 32px;}
	.cent04_r img{  min-height:inherit}
    .cent04_L .h1{ font-size: 24px;}
    .index_news10 ul li .imgbg .mun_top{ font-size: 16px;}
    .index_news10 ul li .txtbg .h2{ font-size: 16px;}
    .index_news10 ul li .imgbg .img{ width: 34px;}
}


.cent06_bg{ margin-top: 3%; padding: 3% 0; background:#f6f6f6;} 
.cent0601{ margin-top: 4%;}
.index_news11{}
.index_news11 ul li { float: left; width: calc((100% - 0.6rem)/4); margin: 0 0 0 0.2rem;  }
.index_news11 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.index_news11 ul li .nr_box { text-align: center;}
.index_news11 ul li .img { margin: 0 auto;  max-width: 100%; text-align: center;}
.index_news11 ul li .img img { max-width: 100%; max-height: 100%; vertical-align: bottom;}
.index_news11 ul li .txtbg { }
.index_news11 ul li .txt { padding: 8% 0%; color: #666; }
.index_news11 ul li .txt .h2 { font-size:0.2rem; line-height: 1.5em; height: 1.5em; color: #39424c; margin-bottom:0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; }
.index_news11 ul li .txt .h3 {font-size: 0.16rem;line-height: 1.5em;height: 6em;margin-bottom:0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-align: left;}
@media only screen and (max-width: 980px) {
.index_news11 ul li { float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
.index_news11 ul li:nth-child(3n-2) { margin-left: 10px; clear: none; }
.index_news11 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.index_news11 ul li .txt { padding: 10px 5%; }
.index_news11 ul li .txt .h2 { font-size: 14px; line-height: 1.5em;  }
.index_news11 ul li .txt .h3 { font-size: 12px; line-height: 1.5em;  }
}

@media only screen and (max-width: 980px) {
.cent06_bg{ padding: 5% 0;}
}

.cent07_bg{ background: var(--primary-color); margin-top: 0%; padding: 3% 0;}
.cent07{ text-align: center;}
.cent07 .h1{  font-weight: bold; font-size:0.42rem; font-weight: bold; color: #fff; display: block; }
.cent07 .h2{font-weight: bold; font-size:0.3rem; font-weight: bold; color: #fff; display: block; margin-top: 2%;}
@media only screen and (max-width: 980px) {
    .cent07_bg{ padding: 5% 0;}
    .cent07 .h1{ font-size: 24px;}
    .cent07 .h2{ font-size: 15px;}
}
.cent08{ padding-top: 3%; padding-bottom: 3%;}
.cent0801{ position: relative; overflow: hidden; margin-top: 3%;  padding-bottom:0.3rem;}
.cent0801 .img{ width: 100%;}
.cent0801 .img img{ width: 100%; vertical-align: bottom;}
.cent0801 .h2{ display: block; font-size:0.16rem; text-align: center; margin-top: 3%;}
.cent0801 .swiper-pagination{ width:100%; height:0.1rem; bottom:0;}
.cent0801 .swiper-pagination span{ display:inline-block; vertical-align:top; width:0.1rem; height:0.1rem; border-radius:0.1rem; margin:0 0.08rem; background:#000; opacity:.5; transition:all .3s ease;}
.cent0801 .swiper-pagination span.swiper-pagination-bullet-active{ width:0.2rem; background:var(--primary-color); opacity:1;}
.newlist02 ul li { float: left; width: calc((100% - 0.6rem)/4); margin: 0 0 0px 0.2rem; background: #fff; }
.newlist02 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
@media only screen and (max-width: 980px) {
.newlist02 ul li{ float: left; width: calc((100% - 10px)/2); margin: 0 0 20px 10px; }
.newlist02 ul li:nth-child(3n-2) { margin-left: 10px; clear: none; }
.newlist02 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
    .cent08{ padding-top: 5%; padding-bottom: 5%;}
    .cent0801 .h2{ font-size: 12px;}
}

.inside_news7{}
.inside_news7 ul li:nth-child(2n-1) .nr_box{flex-direction: row-reverse;}
.inside_news7 ul li .nr_box{ display: flex;  align-items: center;   justify-content: space-between;}
.inside_news7 ul li .nr_box  .imgbg{ width: 50%;}
.inside_news7 ul li .nr_box  .imgbg .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.inside_news7 ul li .nr_box  .imgbg .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.inside_news7 ul li .nr_box .txtbg { width: 50%;}
.inside_news7 ul li .nr_box .txtbg .txt { padding:0 12% 0 15%; color: #666; }
.inside_news7 ul li .nr_box .txtbg .txt .h2 {font-size:0.5rem;color: #333;margin-bottom: 3%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
    .inside_news7 ul li .nr_box .txtbg .txt .h3 {
        font-size: 0.30rem;
        line-height: 1.5em;
        height: 3em;
        margin-bottom: 5%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #666;
    }
.inside_news7 ul li .nr_box .txtbg .txt .h4{display: flex;align-items: center;color: #f39419;font-size:0.22rem;}
.inside_news7 ul li .nr_box .txtbg .txt .h4 .img02{width:0.48rem;margin-right: 2%;}
.inside_news7 ul li .nr_box .txtbg .txt .h4 .img02 img{ width:100%; vertical-align:bottom;}
@media only screen and (max-width: 980px) {
    .inside_news7 ul li .nr_box{ flex-wrap: wrap;   }
    .inside_news7 ul li:nth-child(2n-1) .nr_box{flex-direction:inherit;}
    .inside_news7 ul li .nr_box  .imgbg{ width: 100%;}
    .inside_news7 ul li .nr_box .txtbg { width: 100%;}
    .inside_news7 ul li .nr_box .txtbg .txt{ padding: 5%;}
    .inside_news7 ul li .nr_box .txtbg .txt .h2{ font-size: 24px;}
    .inside_news7 ul li .nr_box .txtbg .txt .h3{ font-size: 16px;  line-height: 1.5;}
    .inside_news7 ul li .nr_box .txtbg .txt .h4 .img02{ width: 30px; font-size: 14px;}
    .inside_news7 ul li .nr_box .txtbg .txt .h4{ font-size: 14px;}
}