@charset "utf-8";
.wsmenuexpandermain,.bigmegamenu{display:none}
header{overflow:hidden}
#pcheader{position:relative;width:100%;z-index:100;overflow:hidden}
#pcheader .header-warp{position:fixed;top:0;left:0;width:100%;height:100px;background-color:rgba(255,255,255,1);box-shadow:0px 2px 20px rgba(0,0,0,0.3);transition:background-color 0.3s ease}
#pcheader .header-warp.transparent{background-color:rgba(255,255,255,1)}
#pcheader .header-warp.solid{background-color:rgba(0,0,0,1);box-shadow:0px 2px 20px rgba(0,0,0,0.3)}
#pcheader .header-warp .container_header{width:100%;max-width:1400px;margin:0 auto}
@media (max-width:1440px){
	#pcheader .header-warp .container_header{width:100%;max-width:100%;margin:0 auto;padding:0 4%}
}
#pcheader .logo{display:inline-block;padding-top:20px;width:220px}
#pcheader .logo img{height:60px; width:auto;}
#header-logo{transition:opacity 0.3s ease}
#pcheader .header_menu{font-size:0;line-height:100px;width:calc(100% - 500px);text-align:center;color:var(--text-color)}
#pcheader .membericon{width:50px;height:40px;line-height:40px;margin:30px 10px 30px 0;text-align:center}
#pcheader .membericon i{font-size:26px}
#pcheader .cart{width:50px;height:40px;line-height:40px;margin:30px 10px 30px 0;border-radius:5px;text-align:center}
#pcheader .cart .shopcart{width:100%;position:relative}
#pcheader .cart .shopcart i{font-size:22px}
#pcheader .cart .shopcart .cart-count{font-size:11px;width:14px;height:14px;line-height:14px;background-color:var(--color-red);color:#ffffff;border-radius:50%;display:inline-block;position:absolute}
#pcheader .topsearch{width:50px;height:40px;line-height:40px;margin:30px 10px 30px 0;text-align:center}
#pcheader .topsearch i{font-size:14px;line-height:36px;width:36px;height:36px;border-radius:50%;background-color:#000000;color:#ffffff;display:inline-table}
.search-container{position:fixed;display:none;text-align:center;z-index:99;width:100%;background:#f8f8f8;height:100px;line-height:100px;margin-top:100px}
.search-container input[type=text]{padding:0 10px;line-height:50px;width:80%;max-width:500px;border:0;margin-right:-5px}
.search-button{line-height:50px;height:50px;width:50px;color:#000000;cursor:pointer;border:0;background-color:#ffffff}
.show-search{display:block}

.search_keyword{width:100%;margin-left:1%;line-height:40px;margin-bottom:30px;border-bottom:1px solid #ddd}
@media (max-width:768px){
	.search_keyword{margin-top:80px}
}
.search-container2{text-align:center;width:100%}
.search-container2 input[type=text]{padding:0 10px;line-height:50px;width:calc(100% - 50px);border:0;margin-right:-5px;background-color:#ffffff}
.search-button2{line-height:50px;height:50px;width:50px;color:#ffffff;cursor:pointer;border:0;background-color:var(--primary-color)}

.topsearch2{width:50px;height:30px;line-height:30px;margin:25px 45px 0 0;text-align:center;}
.topsearch2 i{font-size:14px;line-height:30px;width:30px;height:30px;border-radius:50%;background-color:var(--primary-color);color:#ffffff;display:inline-table;cursor:pointer;}

#pcheader .toptel{font-size:1.4rem;font-weight:500;width:100px;line-height:100px;text-align:right;color:var(--text-color)}
#pcheader .toptel i{color:var(--text-color)}
#pcheader .languagedown{position:relative;display:inline-block}
#pcheader .languagedown-content{display:none;position:absolute;width:260px;z-index:1;left:-140px}
#pcheader .languagedown:hover .languagedown-content{display:block;text-align:center}
#pcheader .languagedown-content a{display:block;text-decoration:none;font-size:1.4rem;color:var(--text-color);background-color:#f2f2f2;line-height:44px;text-align:center;border-bottom:1px solid #fff;width:130px;float:left}
#pcheader .languagedown-content a:hover{background-color:#cccccc;color:var(--text-color)}

.dhcaidan{width:100%;display:table;margin:0 auto}
.dhcaidan ul{margin:0;padding:0;list-style:none}
.dhcaidan ul ul{opacity:0;position:absolute;left:-50%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;z-index:99999}
.dhcaidan ul ul ul{top:0;left:160%}
.dhcaidan ul li:hover > ul{opacity:1;top:100%;visibility:visible}
.dhcaidan ul ul li:hover > ul{top:0%;left:100%;opacity:1;visibility:visible}
.dhcaidan ul li{display:inline-block;vertical-align:middle;cursor:pointer;line-height:44px;padding:28px 0;position:relative}
.dhcaidan ul li a{display:block;color:var(--text-color);font-size:16px;padding:0 25px;transition:all 0.5s ease}
.dhcaidan ul li a:hover,.dhcaidan ul li a.cur{color:var(--color-red)}
.dhcaidan ul ul li{line-height:46px;padding:0;width:220px;background:#f2f2f2;border-bottom:1px solid #f8f8f8}
.dhcaidan ul ul li:last-child{border-bottom:0 solid #f8f8f8}
.dhcaidan ul ul li a{color:var(--text-color);font-weight:500;font-size:14px;padding-left:10px;padding-right:10px;text-align:center}
.dhcaidan ul ul li a:hover,.dhcaidan ul ul li a.cur{background:var(--primary-color);color:#ffffff}
.dhcaidan ul ul ul li{line-height:46px;padding:0;width:240px;background:#f2f2f2;border-bottom:1px solid #f8f8f8}
.dhcaidan ul ul ul li:last-child{border-bottom:0 solid #f8f8f8}
.dhcaidan ul ul ul li a{color:var(--text-color);font-weight:500;font-size:14px;padding-left:10px;padding-right:10px;text-align:center}
.dhcaidan ul ul ul li a:hover,.dhcaidan ul ul ul li a.cur{background:var(--primary-color);color:#ffffff}
@media (max-width:1400px){
	.dhcaidan ul li a{padding:0 20px}
}
#pcheader .header-warp.solid .membericon i{color:#ffffff}
#pcheader .header-warp.solid .shopcart i{color:#ffffff}
#pcheader .header-warp.solid .toptel{color:#ffffff}
#pcheader .header-warp.solid .toptel i{color:#ffffff}
#pcheader .header-warp.solid .dhcaidan ul li a{color:#ffffff}
#pcheader .header-warp.solid .dhcaidan ul li a:hover,#pcheader .header-warp.solid .dhcaidan ul li a.cur{color:var(--color-red)}
#pcheader .header-warp.solid .dhcaidan ul ul li a{color:var(--text-color);font-weight:500;font-size:14px;padding-left:10px;padding-right:10px;text-align:center}
#pcheader .header-warp.solid .dhcaidan ul ul li a:hover,#pcheader .header-warp.solid .dhcaidan ul ul li a.cur{background:var(--primary-color);color:#ffffff}
#pcheader .header-warp.solid .dhcaidan ul ul ul li a{color:var(--text-color);font-weight:500;font-size:14px;padding-left:10px;padding-right:10px;text-align:center}
#pcheader .header-warp.solid .dhcaidan ul ul ul li a:hover,#pcheader .header-warp.solid .dhcaidan ul ul ul li a.cur{background:var(--primary-color);color:#ffffff}
#mtop{display:none}
@media (max-width:1200px){
	#pcheader{margin-bottom:0}
	#pcheader .header-warp{display:none}
	#mtop{display:block;background-color:#ffffff;overflow:hidden;position:fixed;top:0;left:0;width:100%;box-shadow:0px 2px 20px rgba(0,0,0,0.3);z-index:999}
	#mtop .mtop_con{width:100%;overflow:hidden}
	#mtop .logo{padding:20px 0 20px 10px;overflow:hidden}
	#mtop .logo img{height:40px; width:auto;}
	#mtop .cart{width:70px;height:40px;line-height:40px;margin:0 60px 0 0;padding:20px 0 0 0;border-radius:5px;text-align:center}
	#mtop .cart .shopcart{width:100%;position:relative}
	.shopcart i{font-size:22px}
	#mtop .cart .shopcart .cart-count{font-size:11px;width:14px;height:14px;line-height:14px;background-color:var(--color-red);color:#ffffff;border-radius:50%;display:inline-block;position:absolute}
	.wsmenuexpandermain,.bigmegamenu{display:block}
	.overlapblackbg{left:0;z-index:100;width:100%;height:100%;position:fixed;top:0;display:none;cursor:pointer}
	.overlapblackbg.menuopen{display:block}
	.wsmenuexpandermain{position:relative;top:0;right:0;left:0;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
	.wsmenu{width:0;height:100%;position:fixed;right:0;top:0;margin:0;z-index:100;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;background-color:rgba(0,0,0,0.75) !important}
	.wsmenu .wsmenu-list{height:100%;overflow-y:auto;display:block !important}
	.wsmenu .wsmenu-list > li{position:relative}
	.wsmenu .wsmenu-list > li:hover > a,.wsmenu .wsmenu-list > li.active > a{background-color:rgba(0,0,0,0.08) !important;text-decoration:none}
	.wsmenu > .wsmenu-list > li > a{text-transform:capitalize;display:block;padding:9px 32px 9px 17px;font-size:14px;text-align:left;border-right:solid 0px;color:#ffffff;line-height:25px;border-bottom:1px solid;border-bottom-color:rgba(0,0,0,0.13)}
	.wsmenu-list > li.active > a,.wsmenu-list > li.active > a:hover{color:#ccffff}
	.wsmenu.menuopen{width:240px}
	.wsmenu.menuclose{width:0}
	.wsmenucontent{z-index:10}
	.animated-arrow{position:absolute;top:30px;right:18px;z-index:200;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
	.wsmenuexpandermain .menuopen{right:240px !important;margin-top:4px !important}
	.animated-arrow{cursor:pointer;padding:0px 20px 16px 0px;margin:10px 0 0 15px}
	.animated-arrow span,.animated-arrow span:before,.animated-arrow span:after{cursor:pointer;height:2px;width:25px;background:var(--primary-color);position:absolute;display:block;content:''}
	.animated-arrow span:before{top:-7px}
	.animated-arrow span:after{bottom:-7px}
	.animated-arrow span,.animated-arrow span:before,.animated-arrow span:after{transition:all 500ms ease-in-out}
	.animated-arrow.menuopen span{background-color:transparent}
	.animated-arrow.menuopen span:before,.animated-arrow.active span:after{top:7px}
	.animated-arrow.menuopen span:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:0}
	.animated-arrow.menuopen span:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	.wsmenu-list .wsmenu-submenu{display:none;background-color:#ffffff;border:solid 1px #cccccc}
	.wsmenu-list .wsmenu-submenu li a{display:block;font-size:13px;padding:8px 0px 8px 18px;color:var(--text-color)}
	.wsmenu-list .wsmenu-submenu li a:hover,.wsmenu-list .wsmenu-submenu li a.active{background-color:#e7e7e7 !important;color:var(--color-red);text-decoration:none}
}

#banner{width:100%;overflow:hidden}
@media (max-width:1200px){
	#banner{padding-top:60px}
}
#banner .swiper-slide{background-size:cover;background-position:center;-webkit-backface-visibility:hidden}
#banner .swiper-slide .banner-text-con{max-width:1280px;margin:0 auto;position:relative;padding:0 10px}
#banner .pagination{position:absolute;z-index:20;bottom:3px;text-align:center;right:0}
#banner img{max-width:100%;display:block}

#proindex_1{background-color:#f8f8f8;overflow:hidden;padding:4% 0}
#proindex_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#proindex_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#proindex_1 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#proindex_1 .probody{display:flex;flex-wrap:wrap;margin:0 -1%}
#proindex_1 .probody .product-item{display:flex;flex-direction:column;width:23%;margin:1%;background-color:#ffffff;box-shadow:0px 0px 15px rgba(120,120,120,0.3);text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}
#proindex_1 .probody .product-item:hover{box-shadow:0px 0px 20px rgba(120,120,120,0.5)}
#proindex_1 .probody .product-item .proimg{width:100%;overflow:hidden}
#proindex_1 .probody .product-item .proimg img{width:100%;transition:transform 0.3s ease}
#proindex_1 .probody .product-item:hover .proimg img{transform:scale(1.1)}
#proindex_1 .probody .product-item .procon{flex:1;padding:20px;display:flex;flex-direction:column}
#proindex_1 .probody .product-item .procon h3{font-size:16px;color:var(--text-color);line-height:1.6;margin-bottom:10px;text-align:left;transition:color 0.3s ease}
#proindex_1 .probody .product-item:hover .procon h3{color:var(--color-red)}
#proindex_1 .probody .product-item .procon .prodes{font-size:1.4rem;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:10px}
#proindex_1 .probody .product-item .procon .probit{font-size:1.4rem;color:var(--color-red);line-height:32px;margin-bottom:10px;transition:color 0.3s ease;margin-top:auto}
#proindex_1 .probody .product-item:hover .procon .probit{color:#f0a818}
@media (max-width:1440px){
	#proindex_1 .topcon .tit{font-size:32px}
	#proindex_1 .topcon .titdes{font-size:14px}
	#proindex_1 .probody .product-item .procon h3{font-size:18px}
}
@media (max-width:1200px){
	#proindex_1 .topcon .tit{font-size:28px;line-height:1.2;margin-bottom:10px}
	#proindex_1 .probody .product-item{width:31.333%}
	#proindex_1 .probody .product-item .procon h3{font-size:16px}
}
@media (max-width:992px){
	#proindex_1 .probody .product-item{width:48%}
}
@media (max-width:768px){
	#proindex_1{padding:10% 0}
	#proindex_1 .topcon{margin-bottom:30px}
	#proindex_1 .topcon .tit{font-size:24px}
	#proindex_1 .topcon .titdes{width:100%;font-size:14px}
	#proindex_1 .probody .product-item{width:48%}
}
@media (max-width:576px){
	#proindex_1 .probody .product-item{width:94%;margin:3%}
}

#proindex_2{background-color:#f2f2f2;overflow:hidden;padding:4% 0}
#proindex_2 .topcon{width:100%;overflow:hidden;margin-bottom:50px}
#proindex_2 .topcon .conleft{width:calc(100% - 200px);float:left}
#proindex_2 .topcon .conleft .tit{font-size:36px;font-weight:500;color:var(--text-color);line-height:1.5;margin-bottom:15px;text-transform:uppercase}
#proindex_2 .topcon .conleft .titdes{line-height:24px;color:var(--text-color2)}
#proindex_2 .topcon .conr{width:200px;float:right}
#proindex_2 .topcon .conr a{display:inline-block;width:200px;height:50px;line-height:50px;text-align:center;color:#ffffff;background-color:var(--primary-color);transition:background-color 0.3s ease}
#proindex_2 .topcon .conr a:hover{background-color:#e6411a}
#proindex_2 .probody{margin-bottom:30px;background-color:#ffffff;overflow:hidden;width:100%}
#proindex_2 .probody .proimg{width:500px}
#proindex_2 .probody .procon{width:calc(100% - 500px);padding:40px 40px}
#proindex_2 .probody .procon h3{font-size:24px;color:var(--text-color);line-height:1.3;margin-bottom:20px}
#proindex_2 .probody .procon h3 a{color:inherit;transition:color 0.3s ease}
#proindex_2 .probody .procon h3 a:hover{color:#e6411a}
#proindex_2 .probody .procon .prodes{font-size:1.4rem;color:var(--text-color2);line-height:2;margin-bottom:30px}
#proindex_2 .probody .procon .spro li{float:left;width:23%;margin-right:2%;border:1px solid #f2f2f2;text-align:center}
#proindex_2 .probody .procon .spro li span{display:block;height:50px;line-height:50px;font-size:1.4rem}
@media (max-width:1440px){
	#proindex_2 .topcon .conleft .tit{font-size:32px}
	#proindex_2 .topcon .conleft .titdes{font-size:14px}
	#proindex_2 .probody .proimg{width:400px}
	#proindex_2 .probody .procon{width:calc(100% - 400px);padding:20px 40px}
	#proindex_2 .probody .procon h3{font-size:20px;margin-bottom:20px}
}
@media (max-width:1200px){
	#proindex_2 .topcon{margin-bottom:30px}
	#proindex_2 .topcon .conleft{width:100%}
	#proindex_2 .topcon .conleft .tit{font-size:28px}
	#proindex_2 .topcon .conr{display:none}
	#proindex_2 .probody .proimg{display:none}
	#proindex_2 .probody .procon{width:100%;padding:40px}
}
@media (max-width:992px){
	#proindex_2 .probody{width:46%;margin:1%;float:left}
	#proindex_2 .probody .proimg{display:block;width:100%}
	#proindex_2 .probody .procon{width:100%;padding:20px}
	#proindex_2 .probody .procon h3{font-size:18px;margin-bottom:10px}
	#proindex_2 .probody .procon .prodes{font-size:14px;line-height:1.7;margin-bottom:10px}
	#proindex_2 .probody .procon .spro{display:none}
}
@media (max-width:768px){
	#proindex_2{padding:10% 0}
	#proindex_2 .topcon .conleft .tit{font-size:24px}
	#proindex_2 .probody{width:100%;margin:0 0 5% 0}
}

#proindex_3{background-color:#ffffff;overflow:hidden;padding:4% 0}
#proindex_3 .topcon{width:100%;margin-bottom:50px;text-align:center}
#proindex_3 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#proindex_3 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#proindex_3 .product_index_list{width:100%}
#proindex_3 .product_index_list .probody{box-shadow:0px 0px 5px rgba(120,120,120,0.3);position:relative;-webkit-transition:all .2s;transition:all .2s;margin:0 15px}
#proindex_3 .product_index_list .probody:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.5)}
#proindex_3 .product_index_list .probody .proimg{width:100%;overflow:hidden}
#proindex_3 .product_index_list .probody .proimg img{width:100%;transition:transform 0.3s ease}
#proindex_3 .product_index_list .probody:hover .proimg img{transform:scale(1.1)}
#proindex_3 .product_index_list .probody .procon{padding:15px}
#proindex_3 .product_index_list .probody .procon h3{width:100%;font-size:18px;line-height:1.5;margin:5px 0 15px 0;text-align:center}
#proindex_3 .product_index_list .probody:hover .procon h3{color:var(--color-red)}
#proindex_3 .product_index_list .probody .procon .prodes{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
#proindex_3 .product_index_list .probody .procon .promore{width:100%;font-size:14px;color:var(--primary-color);line-height:24px;margin-bottom:10px}
#proindex_3 .product_index_list .probody:hover .procon .promore{color:var(--color-red)}
@media (max-width:1440px){
	#proindex_3 .topcon .tit{font-size:32px}
	#proindex_3 .topcon .titdes{font-size:14px}
	#proindex_3 .product_index_list .probody .procon h3{font-size:18px}
}
@media (max-width:1200px){
	#proindex_3 .topcon .tit{font-size:28px}
	#proindex_3 .topcon .titdes{width:85%}
	#proindex_3 .product_index_list .probody .procon h3{font-size:16px}
}
@media (max-width:992px){}
@media (max-width:768px){
	#proindex_3{padding:10% 0}
	#proindex_3 .topcon{margin-bottom:30px}
	#proindex_3 .topcon .tit{font-size:24px}
	#proindex_3 .topcon .titdes{width:100%}
}

#proindex_4{background-color:#f8f8f8;overflow:hidden;padding:4% 0}
#proindex_4 .topcon{width:100%;margin-bottom:50px;text-align:center}
#proindex_4 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#proindex_4 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#proindex_4 .probody{display:flex;flex-wrap:wrap;margin:0 -1%}
#proindex_4 .probody .product-item{display:flex;flex-direction:column;width:31.333%;margin:1%;background-color:#ffffff;box-shadow:0px 0px 15px rgba(120,120,120,0.3);text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}
#proindex_4 .probody .product-item:hover{box-shadow:0px 0px 20px rgba(120,120,120,0.5)}
#proindex_4 .probody .product-item .proimg{width:100%;overflow:hidden;position:relative}
#proindex_4 .probody .product-item .proimg img{width:100%;transition:transform 0.3s ease}
#proindex_4 .probody .product-item:hover .proimg img{transform:scale(1.1)}
#proindex_4 .probody .product-item .procon{flex:1;padding:20px;display:flex;flex-direction:column;width:100%;position:absolute;bottom:0;background-color:rgba(0,0,0,.35)}
#proindex_4 .probody .product-item .procon h3{font-size:20px;color:#ffffff;line-height:1.6;margin-bottom:10px;text-align:left;transition:color 0.3s ease}
#proindex_4 .probody .product-item:hover .procon h3{color:#ffffff}
#proindex_4 .probody .product-item .procon .prodes{font-size:1.4rem;color:#ffffff;line-height:24px;height:48px;margin-bottom:10px}
@media (max-width:1440px){
	#proindex_4 .topcon .tit{font-size:32px}
	#proindex_4 .topcon .titdes{font-size:14px}
	#proindex_4 .probody .product-item .procon h3{font-size:18px}
}
@media (max-width:1200px){
	#proindex_4 .topcon .tit{font-size:28px;line-height:1.2;margin-bottom:10px}
	#proindex_4 .probody .product-item{width:31.333%}
	#proindex_4 .probody .product-item .procon h3{font-size:16px}
}
@media (max-width:992px){
	#proindex_4 .probody .product-item{width:48%}
}
@media (max-width:768px){
	#proindex_4{padding:10% 0}
	#proindex_4 .topcon{margin-bottom:30px}
	#proindex_4 .topcon .tit{font-size:24px}
	#proindex_4 .topcon .titdes{width:100%;font-size:14px}
	#proindex_4 .probody .product-item{width:48%}
}
@media (max-width:576px){
	#proindex_4 .probody .product-item{width:94%;margin:3%}
}

#aboutindex_1{background-color:#ffffff;overflow:hidden;background-image:url(../images/bgabout.jpg);padding-bottom:5%}
#aboutindex_1 .aboutcon{width:100%;padding:80px 0 80px 0;margin:0 auto;text-align:center}
#aboutindex_1 .aboutcon h2{font-size:36px;font-weight:500;margin-bottom:40px;text-transform:uppercase;color:#ffffff}
#aboutindex_1 .aboutcon .aboutdes{color:#ffffff;font-size:16px;line-height:34px}
#aboutindex_1 .video_index{text-align:center;width:100%;margin:20px 0 0 0}
.player-container{position:relative;width:100px;height:100px;margin:0 auto}
.play-button{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6e8efb,#a777e3);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:10;border:none;outline:none}
.play-button::before{content:"";position:absolute;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid white;margin-left:5px}
.play-button:hover{background:var(--color-red)}
.ripple{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #a777e3;animation:ripple 2s linear infinite;opacity:0}
.ripple:nth-child(2){animation-delay:0.66s}
.ripple:nth-child(3){animation-delay:1.32s}
@keyframes ripple{
	0%{transform:scale(1);opacity:0.7}
	100%{transform:scale(1.5);opacity:0}
}
@media (max-width:1280px){
	#aboutindex_1 .aboutcon .aboutdes{font-size:14px;line-height:28px}
}
@media (max-width:768px){
	#aboutindex_1 .aboutcon{padding:60px 0}
	#aboutindex_1 .aboutcon h2{font-size:28px;margin-bottom:30px}
	#aboutindex_1 .aboutcon .aboutdes{line-height:24px;text-align:left}
}
.num-list{margin-bottom:30px;overflow:hidden}
.num-list li{width:25%;margin-bottom:15px;text-align:center}
.num-list li .num{margin-bottom:5px;width:100%}
.num-list li .num .font60{font-size:60px;line-height:1.5;color:#f1a719;font-weight:bold}
.num-list li .num .fontl{font-size:24px;color:#ffffff}
.num-list li .intro{color:#ffffff;line-height:24px;width:100%}
@media (max-width:1280px){
	.num-list li .num .font60{font-size:48px}
	.num-list li .num .fontl{font-size:18px}
}
@media (max-width:768px){
	.num-list li{width:50%}
	.num-list li .num .font60{font-size:40px}
	.num-list li .num .fontl{font-size:16px}
}

#aboutindex_2{display:block;position:relative;overflow:visible;background:url(../images/bgabout3.jpg) no-repeat center center;padding:0 !important}
#aboutindex_2 .dycon{width:100%;margin:0 auto;overflow:hidden}
#aboutindex_2 .dycon .dcon{width:60%;float:left;padding:7% 100px 5% 0;overflow:hidden;margin:0 auto}
#aboutindex_2 .dycon .dcon .content{color:var(--text-color);text-align:left;font-size:16px;line-height:30px}
#aboutindex_2 .dycon .dcon .content h2{font-size:36px;margin-bottom:35px;text-transform:uppercase;font-weight:600;color:var(--primary-color);letter-spacing:-1px}
#aboutindex_2 .dycon .dcon .content a.more{position:relative;display:inline-block;color:inherit;border-radius:25px;font-size:1.4rem;padding:8px 25px;text-align:center;transition:all 0.2s;border:1px solid var(--primary-color);margin-top:40px;text-transform:uppercase}
#aboutindex_2 .dycon .dcon .content a.more:hover{background-color:var(--primary-color);color:#ffffff}
#aboutindex_2 .dycon .abimg{width:40%;float:right;padding:7% 0 5% 0;overflow:hidden;text-align:right;position:relative}
#aboutindex_2 .dycon .abimg img{width:100%;border:0 solid #eee}
#aboutindex_2 .dycon .abimg .playvideo{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
#aboutindex_2 .dycon2{width:100%;margin:0 auto;overflow:hidden;padding-bottom:100px}
#aboutindex_2 .dycon2 .dyshuju{width:100%;margin:0 auto;overflow:hidden}
#aboutindex_2 .dycon2 .dyshuju li{float:left;margin-right:150px}
#aboutindex_2 .dycon2 .dyshuju li h3{font-size:48px;font-weight:600;line-height:48px;color:var(--color-red)}
#aboutindex_2 .dycon2 .dyshuju li p{line-height:24px;margin-top:5px}
@media (max-width:1440px){
	#aboutindex_2 .dycon .dcon .content{font-size:14px;line-height:28px}
	#aboutindex_2 .dycon .dcon .content h2{font-size:32px}
	#aboutindex_2 .dycon2 .dyshuju li{margin-right:120px}
	#aboutindex_2 .dycon2 .dyshuju li h3{font-size:40px}
}
@media (max-width:1200px){
	#aboutindex_2 .dycon .dcon .content h2{font-size:28px}
	#aboutindex_2 .dycon2 .dyshuju li{margin-right:80px}
	#aboutindex_2 .dycon2 .dyshuju li h3{font-size:32px}
}
@media screen and (max-width:992px){
	#aboutindex_2 .dycon2 .dyshuju li{margin-right:50px}
	#aboutindex_2 .dycon2 .dyshuju li h3{font-size:26px;line-height:36px}
}
@media screen and (max-width:768px){
	#aboutindex_2 .dycon .dcon{width:100%;padding:7% 0;text-align:left}
	#aboutindex_2 .dycon .dcon .content{line-height:24px}
	#aboutindex_2 .dycon .dcon .content h2{font-size:24px;margin-bottom:25px}
	#aboutindex_2  .dycon .abimg{width:100%;padding:5% 0;text-align:right}
	#aboutindex_2 .dycon .abimg img{width:100%;padding:0;margin-bottom:10px}
	#aboutindex_2 .dycon2 .dyshuju li{width:50%;margin-right:0}
	#aboutindex_2 .dycon2 .dyshuju li h3{font-size:24px;font-weight:500;line-height:30px;padding-top:10px}
	#aboutindex_2 .dycon2 .dyshuju li p{font-size:14px}
}

#equipindex_1{background-color:#f8f8f8;overflow:hidden;padding:4% 0}
#equipindex_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#equipindex_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#equipindex_1 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#equipindex_1 .equipment_index_list{width:100%}
#equipindex_1 .equipment_index_list .equipbody{box-shadow:0px 0px 5px rgba(120,120,120,0.3);position:relative;-webkit-transition:all .2s;transition:all .2s;margin:0 15px}
#equipindex_1 .equipment_index_list .equipbody img{width:100%}
#equipindex_1 .equipment_index_list .equipbody:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.5)}
#equipindex_1 .equipment_index_list .equipbody .equipcon{padding:15px}
#equipindex_1 .equipment_index_list .equipbody .equipcon h3{width:100%;font-size:20px;line-height:1.6;margin:5px 0 15px 0;text-align:center}
#equipindex_1 .equipment_index_list .equipbody:hover .equipcon h3{color:var(--color-red)}
#equipindex_1 .equipment_index_list .equipbody .equipcon .equipdes{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
#equipindex_1 .equipment_index_list .equipbody .equipcon .equipmore{width:100%;font-size:14px;color:var(--primary-color);line-height:24px;margin-bottom:10px}
#equipindex_1 .equipment_index_list .equipbody:hover .equipcon .equipmore{color:var(--color-red)}
@media (max-width:1440px){
	#equipindex_1 .topcon .tit{font-size:32px}
	#equipindex_1 .topcon .titdes{font-size:14px}
	#equipindex_1 .equipment_index_list .equipbody .equipcon h3{font-size:18px}
}
@media (max-width:1200px){
	#equipindex_1 .topcon .tit{font-size:28px}
	#equipindex_1 .topcon .titdes{width:85%}
	#equipindex_1 .equipment_index_list .equipbody .equipcon h3{font-size:16px}
}
@media (max-width:992px){}
@media (max-width:768px){
	#equipindex_1{padding:10% 0}
	#equipindex_1 .topcon{margin-bottom:30px}
	#equipindex_1 .topcon .tit{font-size:24px}
	#equipindex_1 .topcon .titdes{width:100%}
}

#honorindex_1{overflow:hidden;padding:4% 0}
#honorindex_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#honorindex_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#honorindex_1 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#honorindex_1 .honor_index_list{width:100%}
#honorindex_1 .honor_index_list .honorbody{box-shadow:0px 0px 5px rgba(120,120,120,0.3);position:relative;-webkit-transition:all .2s;transition:all .2s;margin:0 15px}
#honorindex_1 .honor_index_list .honorbody img{width:100%}
#honorindex_1 .honor_index_list .honorbody:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.5)}
#honorindex_1 .honor_index_list .honorbody .honorcon{padding:15px}
#honorindex_1 .honor_index_list .honorbody .honorcon h3{width:100%;font-size:20px;line-height:1.6;margin:5px 0 15px 0;text-align:center}
#honorindex_1 .honor_index_list .honorbody:hover .honorcon h3{color:var(--color-red)}
#honorindex_1 .honor_index_list .honorbody .honorcon .honordes{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
#honorindex_1 .honor_index_list .honorbody .honorcon .honormore{width:100%;font-size:14px;color:var(--primary-color);line-height:24px;margin-bottom:10px}
#honorindex_1 .honor_index_list .honorbody:hover .honorcon .honormore{color:var(--color-red)}
@media (max-width:1440px){
	#honorindex_1 .topcon .tit{font-size:32px}
	#honorindex_1 .topcon .titdes{font-size:14px}
	#honorindex_1 .honor_index_list .honorbody .honorcon h3{font-size:18px}
}
@media (max-width:1200px){
	#honorindex_1 .topcon .tit{font-size:28px}
	#honorindex_1 .topcon .titdes{width:85%}
	#honorindex_1 .honor_index_list .honorbody .honorcon h3{font-size:16px}
}
@media (max-width:992px){}
@media (max-width:768px){
	#honorindex_1{padding:10% 0}
	#honorindex_1 .topcon{margin-bottom:30px}
	#honorindex_1 .topcon .tit{font-size:24px}
	#honorindex_1 .topcon .titdes{width:100%}
}

#index_ad_1{padding:4% 0;background-color:#ffffff;overflow:hidden}
#index_ad_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#index_ad_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#index_ad_1 .ad_items{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 50px;list-style:none;padding:0}
#index_ad_1 .ad_item{display:flex;align-items:stretch;justify-content:center;padding:10px 0}
#index_ad_1 .ad_item figure{display:block}
#index_ad_1 .ad_item figure .item_img{position:absolute;margin-right:20px;-webkit-transition:0.5s;transition:0.5s}
#index_ad_1 .ad_item figure figcaption{padding-left:120px}
#index_ad_1 .ad_item figure figcaption h3{font-size:18px}
#index_ad_1 .ad_item figure figcaption .item_title{font-size:14px;line-height:1.5}
#index_ad_1 .ad_item figure figcaption .item_title a:hover{color:var(--text-color)}
#index_ad_1 .ad_item:hover figure .item_img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
@media (max-width:1440px){
	#index_ad_1 .topcon .tit{font-size:32px}
}
@media (max-width:1200px){
	#index_ad_1 .topcon .tit{font-size:28px}
}
@media (max-width:992px){
	#index_ad_1 .ad_items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;padding:0}
	#index_ad_1 .ad_item figcaption h3{font-size:14px}
	#index_ad_1 .ad_item .item_title{font-size:14px;line-height:1.5;font-weight:normal}
}
@media (max-width:768px){
	#index_ad_1{padding:10% 0}
	#index_ad_1 .topcon{margin-bottom:30px}
	#index_ad_1 .topcon .tit{font-size:24px}
	#index_ad_1 .ad_items{display:grid;grid-template-columns:repeat(1,1fr);gap:0;list-style:none;padding:0 20px}
	#index_ad_1 .ad_item figure .item_img{display:none}
	#index_ad_1 .ad_item figure figcaption{padding-left:0}
	#index_ad_1 .ad_item figcaption h3{font-size:14px}
	#index_ad_1 .ad_item .item_title{font-size:14px;line-height:1.5;font-weight:normal}
	#index_ad_1 .ad_item{padding:10px 0;margin-right:0;margin:10px 0}
}

#solutionindex_1{background-color:#ffffff;overflow:hidden;background-image:url("../images/bg-solution.jpg");padding:4% 0}
#solutionindex_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#solutionindex_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:#ffffff;text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#solutionindex_1 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#solutionindex_1 .solutionbody{display:flex;flex-wrap:wrap;margin:0 -1%}
#solutionindex_1 .solutionbody .module{display:flex;flex-direction:column;width:31.333%;margin:1%;padding:5% 40px;color:#cccccc;font-size:14px;line-height:2;position:relative;transition:background 2s ease;overflow:hidden}
#solutionindex_1 .solutionbody .module:hover{color:#eeeeee;cursor:pointer}
#solutionindex_1 .solutionbody .module h3{font-size:24px;font-weight:500;margin-bottom:20px;color:#ffffff}
#solutionindex_1 .solutionbody .rubber-plastic{background:rgba(0,0,0,0.3)}
#solutionindex_1 .solutionbody .rubber-plastic:hover{background:url('../images/img1.jpg') no-repeat center;background-size:cover}
#solutionindex_1 .solutionbody  .metal-industry{background:rgba(0,0,0,0.3)}
#solutionindex_1 .solutionbody  .metal-industry:hover{background:url('../images/img2.jpg') no-repeat center;background-size:cover}
#solutionindex_1 .solutionbody  .other-industries{background:rgba(0,0,0,0.3)}
#solutionindex_1 .solutionbody  .other-industries:hover{background:url('../images/img3.jpg') no-repeat center;background-size:cover}
#solutionindex_1 .solutionbody .module .arrow{font-size:24px;position:absolute;bottom:50px}
@media (max-width:1440px){
	#solutionindex_1 .topcon .tit{font-size:32px}
	#solutionindex_1 .topcon .titdes{font-size:14px}
	#solutionindex_1 .solutionbody .module{padding:5% 30px;line-height:2}
	#solutionindex_1 .solutionbody .module h3{font-size:22px}
}
@media (max-width:1200px){
	#solutionindex_1 .topcon .tit{font-size:28px;line-height:1.2;margin-bottom:10px}
	#solutionindex_1 .solutionbody .module h3{font-size:20px}
}
@media (max-width:992px){
	#solutionindex_1 .solutionbody .solution-item{width:48%}
	#solutionindex_1 .solutionbody .module{padding:5% 30px;line-height:2;width:46%;margin:2%}
	#solutionindex_1 .solutionbody .module h3{font-size:18px;font-weight:600}
}
@media (max-width:768px){
	#solutionindex_1{padding:10% 0}
	#solutionindex_1 .topcon{margin-bottom:30px}
	#solutionindex_1 .topcon .tit{font-size:24px}
	#solutionindex_1 .topcon .titdes{width:100%;font-size:14px}
	#solutionindex_1 .solutionbody .module{padding:8% 20px;line-height:2;width:96%;margin:2%}
	#solutionindex_1 .solutionbody .module h3{font-size:18px;font-weight:600}
}

#newsindex_1{background-color:#f8f8f8;overflow:hidden;padding:3% 0}
#newsindex_1 .newmenu{display:block;width:100%;overflow:hidden;line-height:50px;margin-bottom:40px}
#newsindex_1 .newmenu h2{font-size:36px;font-weight:500;text-transform:uppercase}
#newsindex_1 .news_index_list{width:100%}
#newsindex_1 .news_index_list .newsbody{box-shadow:0 0 15px rgba(0,0,0,0.2);position:relative;transition:all .2s;margin:0 15px;overflow:hidden}
#newsindex_1 .news_index_list .newsbody img{width:100%;transition:transform 0.3s ease}
#newsindex_1 .news_index_list .newsbody:hover{box-shadow:0 0 15px rgba(0,0,0,0.4);background-color:#ffffff}
#newsindex_1 .news_index_list .newsbody:hover img{transform:scale(1.05)}
#newsindex_1 .news_index_list .newsbody .newscon{padding:15px}
#newsindex_1 .news_index_list .newsbody .newscon h3{width:100%;font-size:16px;line-height:24px;height:48px;margin:5px 0 15px 0}
#newsindex_1 .news_index_list .newsbody .newscon .news_des{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
#newsindex_1 .news_index_list .newsbody .newscon .news_date{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;margin-bottom:10px}
#newsindex_1 .news_index_list .newsbody .newscon .news_date i{margin-right:10px}
@media (max-width:1440px){
	#newsindex_1 .newmenu h2{font-size:32px}
}
@media (max-width:1200px){
	#newsindex_1 .newmenu h2{font-size:28px}
	#newsindex_1 .newmenu{margin-bottom:30px}
}
@media (max-width:992px){}
@media (max-width:768px){
	#newsindex_1 .newmenu h2{font-size:24px}
	#newsindex_1 .newmenu{margin-bottom:20px}
	#newsindex_1 .news_index_list .newsbody .newscon h3{height:auto}
}

#newsindex_2{background-color:#f2f2f2;overflow:hidden;padding:3% 0}
#newsindex_2 .newmenu{display:block;width:100%;overflow:hidden;line-height:50px;margin-bottom:40px}
#newsindex_2 .newmenu h2{font-size:36px;font-weight:500;text-transform:uppercase}
#newsindex_2 .news-box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:30px}
#newsindex_2 .news-box .in-cont-fl{width:calc(64% - 30px);background-color:#ffffff;overflow:hidden;padding:30px}
#newsindex_2 .news-box .in-cont-fl a{display:block}
#newsindex_2 .news-box .in-cont-fl .img-box{overflow:hidden}
#newsindex_2 .news-box .in-cont-fl .img-box img{width:100%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}
#newsindex_2 .news-box .in-cont-fl:hover .img-box img{-webkit-transform:scale(1.04);transform:scale(1.04)}
#newsindex_2 .news-box .in-cont-fl .txt-box{margin-top:30px}
#newsindex_2 .news-box .in-cont-fl .txt-box .title h3{color:var(--text-color);font-size:20px;font-weight:500;margin-top:20px}
#newsindex_2 .news-box .in-cont-fl:hover .title h3{color:var(--primary-color)}
#newsindex_2 .news-box .in-cont-fl .txt-box .title p{padding-top:20px;line-height:26px;font-weight:normal;font-size:15px;color:var(--text-color2)}
#newsindex_2 .news-box .in-cont-fl:hover .txt-box .title p{color:var(--primary-color)}
#newsindex_2 .news-box .in-cont-fl .txt-box .update{margin-top:30px;padding-top:15px;border-top:1px solid #000;font-size:14px;border-top-color:rgba(112,112,112,.2);color:var(--text-color2)}
#newsindex_2 .news-box .in-cont-rt{width:calc(36% - 30px);background-color:#ffffff;overflow:hidden}
#newsindex_2 .news-box .in-cont-rt ul{padding:40px}
#newsindex_2 .news-box .in-cont-rt ul li{margin-bottom:40px}
#newsindex_2 .news-box .in-cont-rt ul li a{display:block;padding-bottom:30px;border-bottom:1px solid rgba(112,112,112,.2);position:relative}
#newsindex_2 .news-box .in-cont-rt ul li a::after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:var(--primary-color);-webkit-transition:all .6s;transition:all .6s}
#newsindex_2 .news-box .in-cont-rt ul li:hover a::after{width:100%}
#newsindex_2 .news-box .in-cont-rt ul li .item-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}
#newsindex_2 .news-box .in-cont-rt ul li .item-date{color:var(--text-color2)}
#newsindex_2 .news-box .in-cont-rt .item-title{font-size:18px;margin-top:20px;color:var(--text-color);line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:break-word}
#newsindex_2 .news-box .in-cont-rt ul li:hover .item-title{color:var(--primary-color)}
@media (max-width:1440px){
	#newsindex_2 .news-box .in-cont-fl .txt-box .title h3{font-size:18px}
	#newsindex_2 .news-box .in-cont-fl .txt-box .title p{font-size:14px}
	#newsindex_2 .news-box .in-cont-rt .item-title{font-size:16px;margin-top:15px}
	#newsindex_2 .news-box .in-cont-rt ul{padding:40px 30px}
	#newsindex_2 .news-box .in-cont-rt ul li{margin-bottom:30px}
	#newsindex_2 .news-box .in-cont-rt ul li a{padding-bottom:20px}
}
@media (max-width:1280px){
	#newsindex_2 .news-box .in-cont-rt ul{padding:30px 30px}
	#newsindex_2 .news-box .in-cont-rt ul li{margin-bottom:20px}
	#newsindex_2 .news-box .in-cont-rt ul li a{padding-bottom:15px}
}
@media (max-width:1200px){
	#newsindex_2 .newmenu h2{font-size:28px}
	#newsindex_2 .newmenu{margin-bottom:30px}
}
@media (max-width:992px){
	#newsindex_2 .news-box .in-cont-fl{width:100%;padding:20px}
	#newsindex_2 .news-box .in-cont-fl .txt-box{margin-top:20px}
	#newsindex_2 .news-box .in-cont-fl .txt-box .title h3{font-size:16px}
	#newsindex_2 .news-box .in-cont-fl .txt-box .title p{font-size:14px}
	#newsindex_2 .news-box .in-cont-rt{width:100%;margin:20px 0}
	#newsindex_2 .news-box .in-cont-rt ul{padding:20px}
}
@media (max-width:768px){
	#newsindex_2 .newmenu h2{font-size:20px}
	#newsindex_2 .newmenu{margin-bottom:20px}
	#newsindex_2 .news-box{margin-top:0}
}

#partnerindex_1{background-color:#ffffff;overflow:hidden;padding:4% 0}
#partnerindex_1 .topcon{width:100%;margin-bottom:50px;text-align:center}
#partnerindex_1 .topcon .tit{width:100%;font-size:36px;font-weight:500;color:var(--text-color);text-transform:uppercase;line-height:1.5;margin-bottom:15px}
#partnerindex_1 .topcon .titdes{width:65%;margin:0 auto;line-height:24px;color:var(--text-color2)}
#partnerindex_1 .partbody{overflow:hidden;margin:0 -1%}
#partnerindex_1 .partbody li{float:left;width:14.666%;margin:1%;background:#ccc}
#partnerindex_1 .partbody li:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.3)}
#partnerindex_1 .partbody  li img{width:100%}
@media (max-width:1440px){
	#partnerindex_1 .topcon .tit{font-size:32px}
	#partnerindex_1 .topcon .titdes{font-size:14px}
}
@media (max-width:1200px){
	#partnerindex_1 .topcon .tit{font-size:28px;line-height:1.2;margin-bottom:10px}
	#partnerindex_1 .partbody li{width:23%}
}
@media (max-width:992px){}
@media (max-width:768px){
	#partnerindex_1{padding:10% 0}
	#partnerindex_1 .topcon{margin-bottom:30px}
	#partnerindex_1 .topcon .tit{font-size:24px}
	#partnerindex_1 .topcon .titdes{width:100%;font-size:14px}
	#partnerindex_1 .partbody li{width:31.333%}
}
@media (max-width:576px){
	#partnerindex_1 .partbody li{width:46%;margin:2%}
}

#about{width:100%;overflow:hidden}
#about .dycon{width:100%;margin:0 auto;overflow:hidden}
#about .dycon .dcon{width:60%;float:left;padding:7% 100px 5% 0;overflow:hidden;margin:0 auto}
#about .dycon .dcon .content{color:var(--text-color);text-align:left;font-size:16px;line-height:30px}
#about .dycon .dcon .content h2{font-size:36px;margin-bottom:35px;text-transform:uppercase;font-weight:600;color:var(--primary-color);letter-spacing:-1px}
#about .dycon .dcon .content a.more{position:relative;display:inline-block;color:inherit;border-radius:25px;font-size:1.4rem;padding:8px 25px;text-align:center;transition:all 0.2s;border:1px solid var(--primary-color);margin-top:40px;text-transform:uppercase}
#about .dycon .dcon .content a.more:hover{background-color:var(--primary-color);color:#ffffff}
#about .dycon .abimg{width:40%;float:right;padding:7% 0 5% 0;overflow:hidden;text-align:right;position:relative}
#about .dycon .abimg img{width:100%;border:0 solid #eee}
#about .dycon .abimg .playvideo{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
#about .dycon2{width:100%;margin:0 auto;overflow:hidden;padding-bottom:100px}
#about .dycon2 .dyshuju{width:100%;margin:0 auto;overflow:hidden}
#about .dycon2 .dyshuju li{float:left;margin-right:150px}
#about .dycon2 .dyshuju li h3{font-size:48px;font-weight:600;line-height:48px;color:var(--color-red)}
#about .dycon2 .dyshuju li p{line-height:24px;margin-top:5px}
@media (max-width:1440px){
	#about .dycon .dcon .content{font-size:14px;line-height:28px}
	#about .dycon .dcon .content h2{font-size:32px}
	#about .dycon2 .dyshuju li{margin-right:120px}
	#about .dycon2 .dyshuju li h3{font-size:40px}
}
@media (max-width:1200px){
	#about .dycon .dcon .content h2{font-size:28px}
	#about .dycon2 .dyshuju li{margin-right:80px}
	#about .dycon2 .dyshuju li h3{font-size:32px}
}
@media screen and (max-width:992px){
	#about .dycon2 .dyshuju li{margin-right:50px}
	#about .dycon2 .dyshuju li h3{font-size:26px;line-height:36px}
}
@media screen and (max-width:768px){
	#about .dycon .dcon{width:100%;padding:7% 0;text-align:left}
	#about .dycon .dcon .content{line-height:24px}
	#about .dycon .dcon .content h2{font-size:24px;margin-bottom:25px}
	#about  .dycon .abimg{width:100%;padding:5% 0;text-align:right}
	#about .dycon .abimg img{width:100%;padding:0;margin-bottom:10px}
	#about .dycon2 .dyshuju li{width:50%;margin-right:0}
	#about .dycon2 .dyshuju li h3{font-size:24px;font-weight:500;line-height:30px;padding-top:10px}
	#about .dycon2 .dyshuju li p{font-size:14px}
}

#content .contact{width:100%;padding:50px 0;overflow:hidden}
#content .contact .leftcon{width:45%;margin-right:5%;float:left;font-size:14px;line-height:30px;text-align:left}
#content .contact .leftcon i{margin-right:10px}
#content .contact .leftcon h2{font-size:24px;line-height:36px;font-weight:500;margin-bottom:20px}
#content .contact .leftcon .whatsappweixin{width:100%;float:left;padding-top:0}
#content .contact .leftcon .whatsappweixin span{float:left;width:130px;padding-top:20px}
#content .contact .leftcon .whatsappweixin span img{width:100%;border:1px solid #ddd;padding:2px}
#content .contact .leftcon .whatsappweixin span p{display:block;line-height:40px;font-size:12px;text-align:center}
#content .contact .rightcon{width:50%;float:left;overflow:hidden}
#content .contact .rightcon h3{font-size:16px;line-height:32px;font-weight:500;margin-bottom:20px}
#dituContent{height:450px;font-size:14px;width:100%}
@media (max-width:1440px){}
@media (max-width:1200px){
	#content .contact{padding:35px 0}
	#content .contact .leftcon h2{font-size:20px}
	#content .contact .rightcon{font-size:14px}
}
@media (max-width:992px){
	#content .contact{padding:10px 0}
	#content .contact .leftcon{width:100%;margin-right:0;line-height:28px;margin-bottom:30px}
	#content .contact .leftcon h2{font-size:18px}
	#content .contact .rightcon{width:100%}
	#dituContent{height:300px}
}
.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:800px;margin:40px auto;position:relative}
.sendmess{width:100%;margin:0 auto;background-color:#ffffff}
.sendmess h3{font-size:18px;line-height:36px;font-weight:600;margin-bottom:10px}
.sendmess .input{width:49%;border:1px solid #ddd;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;float:left}
.sendmess .input2{width:49%;border:1px solid #ddd;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;float:right}
.sendmess .input3{width:100%;border:1px solid #ddd;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;}
.sendmess textarea{width:100%;border:1px solid #ddd;height:140px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px}
.sendmess .button{width:50%;background-color:var(--primary-color);height:50px;line-height:50px;text-align:center;font-size:14px;color:#ffffff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
.sendmess .button:hover{background-color:#e6411a}
@media (max-width:768px){
	.sendmess .input{width:100%;height:44px;line-height:24px}
	.sendmess .input2{width:100%;height:44px;line-height:24px}
	.sendmess .input3{width:100%;height:44px;line-height:24px}
}

.hover-effect{position:relative;padding:10px 20px;font-size:16px;color:#ffffff;background-color:transparent;border:2px solid #fff;cursor:pointer;overflow:hidden;transition:color 0.3s ease}
.hover-effect:hover{color:#000000}
.hover-effect::before{content:'';position:absolute;top:0;left:50%;width:0;height:100%;background-color:#ffffff;transform:translateX(-50%);transition:width 0.4s ease;z-index:-1}
.hover-effect:hover::before{width:200%}

.faqcon{width:100%;padding:3% 15%;overflow:hidden}
.faqcon h3{font-size:16px;font-weight:500;line-height:32px;margin-bottom:30px}
.faqcon .ul li{background-color:#f8f8f8;position:relative;padding:1%;cursor:pointer}
.faqcon .ul li + li{margin-top:1.25%}
.faqcon .ul li:after{content:"";display:block;position:absolute;bottom:0;left:0;height:0.02rem;width:0;transition:all 0.3s ease-in-out}
.faqcon .ul .top{position:relative;padding:10px;font-size:16px;font-weight:500;line-height:1.4rem;color:var(--text-color)}
.faqcon .ul .top .num{position:absolute;left:0;display:block;color:#0cb5b0;font-weight:bold}
.faqcon .ul .icon{position:absolute;top:12px;right:12px;width:13px;height:6px;display:block;background:url(../images/icon_jt8_1.png) no-repeat center;cursor:pointer}
.faqcon .ul .on .icon{background-image:url(../images/icon_jt8_2.png)}
.faqcon .ul .bot{margin-top:1%;padding:10px;border-top:1px solid #dddddd;font-size:14px;color:#444;font-weight:normal;line-height:24px;display:none}
.faqcon .ul li:hover{box-shadow:0 0 0.15rem rgba(0,0,0,0.1)}
.faqcon .ul li:hover .icon{background-image:url(../images/icon_jt8_1_h.png)}
.faqcon .ul li.on:hover .icon{background-image:url(../images/icon_jt8_2_h.png)}
.faqcon .ul li.on:after,.faqcon .ul li:hover:after{width:100%}
@media (max-width:992px){
	.faqcon{width:100%;padding:3%;overflow:hidden}
	.faqcon .ul .top{padding-left:0.45rem}
}
@media (max-width:768px){
	.faqcon .ul li{padding:10px;margin-bottom:15px}
	.faqcon .ul .top{padding:10px 0.6rem;line-height:24px}
	.faqcon .ul .icon{width:13px;height:6px;top:18px}
	.faqcon .ul .bot{padding:10px 0.3rem;line-height:24px}
}

.menubox{width:100%;overflow:hidden}
.menulist{margin:20px 0;overflow:hidden;text-align:center}
.menulist a{color:var(--text-color);font-size:1.6rem;line-height:50px;text-align:center;padding:0 50px;display:inline-table;border:1px solid #ddd;margin:0 10px 10px 0;background-color:#f2f2f2;border-radius:25px}
.menulist a:hover,.menulist a.active{color:#ffffff;background-color:#e6411a}

.newone-list{margin:0 auto;padding:50px 0;overflow:hidden}
.newone-list li{width:100%;margin:1% 0 2% 0;background-color:#f8f8f8;-webkit-transition:all .2s;transition:all .2s;padding:10px;overflow:hidden}
.newone-list li div{-webkit-transition:all .2s;transition:all .2s;width:500px;float:left}
.newone-list li:hover{background-color:#f2f2f2}
.newone-list li img{width:100%}
.newone-list li span{float:left;width:calc(100% - 500px);padding:20px 40px}
.newone-list li span h3{font-size:1.8rem;font-weight:500;line-height:30px;padding-bottom:10px}
.newone-list li span .newtime{font-size:14px;text-align:left;line-height:26px;overflow:hidden;color:var(--text-color2)}
.newone-list li span p{font-size:1.4rem;text-align:left;padding-top:10px;line-height:26px;width:100%;color:var(--text-color2)}
.newone-list li span .newmore{margin-top:20px}
.newone-list li span .newmore a{color:var(--text-color2);font-size:14px;padding:8px 25px;border-radius:20px;border:1px solid #e6411a}
.newone-list li span .newmore a:hover{color:#ffffff;background-color:#e6411a;border:1px solid #ffffff}

.newtwo-list{margin:0 auto;padding:0;overflow:hidden}
.newtwo-list ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.newtwo-list li{width:48%;margin:1% 2% 1% 0;background-color:#f8f8f8;transition:all 0.2s;padding:10px;display:flex;align-items:stretch}
.newtwo-list li:hover{background-color:#f2f2f2}
.newtwo-list li .fangdaimg{flex:0 0 260px;transition:all 0.2s}
.newtwo-list li img{width:100%;}
.newtwo-list li span{flex:1;padding:10px 20px;display:flex;flex-direction:column}
.newtwo-list li span h3{font-size:1.6rem;font-weight:600;line-height:24px;margin-bottom:10px}
.newtwo-list li span .newtime{font-size:13px;text-align:left;line-height:22px;overflow:hidden;color:var(--text-color2)}
.newtwo-list li span p{display:none;font-size:1.4rem;padding-top:10px;line-height:26px;width:100%;color:var(--text-color2)}
.newtwo-list li span .newmore{margin-top:auto}
.newtwo-list li span .newmore a{color:#e6411a;font-size:14px}
.newtwo-list li span .newmore a:hover{color:var(--primary-color)}

.newduo-list{margin:3% auto;padding:0;width:100%}
.newduo-list h2{margin:0;width:100%;font-size:28px;text-transform:uppercase;text-align:center}
.newduo-list .h2des{text-align:center;margin-bottom:15px}
.newduo-list ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.newduo-list li{display:flex;flex-direction:column;width:31.333%;margin:1%;background-color:#f8f8f8;-webkit-transition:all .2s;transition:all .2s;padding:10px;box-sizing:border-box}
.newduo-list li:hover{background-color:#f2f2f2}
.newduo-list li .fangdaimg{width:100%;overflow:hidden}
.newduo-list li img{width:100%;display:block;height:auto}
.newduo-list li span{display:flex;flex-direction:column;flex:1;padding:10px}
.newduo-list li span h3{font-size:1.8rem;font-weight:600;line-height:26px;height:52px;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newduo-list li span .newtime{font-size:14px;text-align:left;line-height:26px;color:var(--text-color2)}
.newduo-list li span .newdes{font-size:1.4rem;font-weight:normal;text-align:left;padding-top:10px;line-height:26px; max-height: 114px; width:100%;color:var(--text-color2);flex-grow:1}
.newduo-list li span .newmore{margin-top:15px}
.newduo-list li span .newmore a{color:#e6411a;font-size:14px;text-decoration:none}
.newduo-list li span .newmore a:hover{color:var(--primary-color)}
.newduo-list .allmore{text-align:center;margin:20px 0;display:inline-block;width:100%}
.newduo-list .allmore a{position:relative;display:inline-block;font-size:1.4rem;padding:8px 25px;text-align:center;transition:all 0.2s;border:1px solid #12376f;margin:10px 0;background-color:#12376f;color:#ffffff;text-decoration:none}
.newduo-list .allmore a:hover{background-color:#000000;color:#ffffff}
@media (max-width:1200px){
	.newtwo-list li{width:100%;margin:1% 0 1% 0}
}
@media (max-width:992px){
	.newone-list li div{width:100%}
	.newone-list li span{width:100%;padding:10px}
	
	.newduo-list li{width:48%;margin:1% 1% 1% 1%}
}
@media (max-width:768px){
	.newone-list li{width:100%;margin:1% 0 3% 0}
	
	.newtwo-list li{width:100%;margin:1% 0 3% 0; flex-direction: column; }
	.newtwo-list li .fangdaimg,
	.newtwo-list li span{width:100%;padding:5px;display:block}
	.newtwo-list li img{width:100%;height:auto}
	
	.newduo-list li{width:100%;margin:1% 0 3% 0}
	.newduo-list h2{margin:2% 0 2% 1%;font-size:20px}
	.newduo-list li div{width:100%}
	.newduo-list li span{width:100%;padding:20px 10px;}
}

.newsview_1{margin:0 auto;padding:50px 0;overflow:hidden;width:100%}
.newsview_1 .newsleft{width:calc(100% - 500px);float:left;overflow:hidden}
.newsview_1 .newsright{width:420px;margin-left:80px;float:left;overflow:hidden}
.newsview_1 .newsleft .news-info{overflow:hidden;width:100%}
.newsview_1 .newsleft .news-info .new-tit{text-align:left}
.newsview_1 .newsleft .news-info .new-tit h1{font-size:3rem;font-weight:700;margin-bottom:10px; line-height:1.5;}
.newsview_1 .newsleft .news-info .new-tit p{line-height:28px;font-size:1.3rem;color:var(--text-color2);padding-bottom:10px}
.newsview_1 .newsleft .news-info .new-tit p time,.news-info .new-tit p span{padding-right:10px}
.newsview_1 .newsleft .news-info .news-body{padding:30px 0 60px 0;line-height:28px;font-size:1.4rem}
.newsview_1 .newsleft .news-info .news-body img{max-width:100%;height:auto;display:block;vertical-align:middle;margin:10px 0}
.newsview_1 .newsleft .news-info .news-body a{color:#0000ff}
.newsview_1 .newsleft .news-info .news-body a:hover{color:var(--color-red)}
.newsview_1 .newsleft .news-info .news-body h2{font-size:2.4rem;margin:10px 0;font-weight:600}
.newsview_1 .newsleft .news-info .news-body h3{font-size:1.8rem;margin:5px 0;font-weight:500}
.newsview_1 .newsleft .news-info .news-body h4{font-size:1.4rem;font-weight:400}
.newsview_1 .newsleft .news-info .news-body h4 a{position:relative;display:inline-block;font-size:1.4rem;padding:8px 25px;text-align:center;transition:all 0.2s;border:1px solid #12376f;margin:10px 0;background-color:#12376f;color:#ffffff}
.newsview_1 .newsleft .news-info .news-body h4 a:hover{background-color:#000000;color:#ffffff}
.newsview_1 .newsleft .news-info .news-tag{padding:20px 0;overflow:hidden}
.newsview_1 .newsleft .news-info .news-tag a{display:inline-table;padding:5px 10px;background:#222;color:#ffffff;margin-right:10px;font-size:14px;border-radius:3px}
.newsview_1 .newsleft .news-info .news-tag a:hover{background:var(--color-red)}
.newsview_1 .newsleft .news-info .prevnext{padding:20px 0;overflow:hidden;border-top:1px dashed #959595;line-height:30px}
.newsview_1 .newsleft .news-info .prevnext span{width:100%;float:left;text-align:left}
.newsview_1 .newsleft .news-info .prevnext span a{color:var(--text-color2)}
.newsview_1 .newsleft .news-info .prevnext span a:hover{color:#e6411a}
.newsview_1 .newsright .xgnew{overflow:hidden;width:100%}
.newsview_1 .newsright .xgnew .xgnew_con{list-style:none;margin-bottom:10px;border-bottom:1px dashed #ddd}
.newsview_1 .newsright .xgnew .xgnew_con img{width:100%;height:auto}
.newsview_1 .newsright .xgnew .xgnew_con h3{font-size:16px;font-weight:600;line-height:30px;padding-top:15px}
.newsview_1 .newsright .xgnew .xgnew_con h3 a:hover{color:#e6411a}
.newsview_1 .newsright .xgnew .xgnew_con .xgtime{font-size:12px;color:var(--text-color2);padding:10px 0}
.newsview_1 .newsright .xgnew .xgnew_con .xgdes{margin-bottom:15px;color:var(--text-color2);line-height:24px;font-size:1.4rem}
.newsview_1 .newsright .rightform{overflow:hidden;width:100%; }
.newsview_1 .newsright .rightform .sendform{overflow:hidden;width:100%;}

@media (max-width:1440px){
	.newsview_1 .newsleft{width:calc(100% - 480px);float:left;overflow:hidden}
	.newsview_1 .newsright{width:400px;margin-left:80px;float:left;overflow:hidden}
}
@media (max-width:1280px){
	.newsview_1 .newsleft{width:calc(100% - 400px);float:left;overflow:hidden}
	.newsview_1 .newsright{width:350px;margin-left:50px;float:left;overflow:hidden}
}
@media (max-width:1200px){
	.newsview_1{padding:30px 0}
	.newsview_1 .newsleft{width:100%;float:left;overflow:hidden}
	.newsview_1 .newsleft .news-info .news-body{padding:30px 0 30px 0}
	.newsview_1 .newsleft .news-info .news-body img{max-width:100%;vertical-align:middle;margin:10px 0}
	.newsview_1 .newsright{width:100%;margin-left:0;margin-top:30px;float:left;overflow:hidden}
}
@media (max-width:992px){
	.newsview_1{padding:20px 0}
	.newsview_1 .newsleft .news-info .new-tit h1{font-size:2.2rem;line-height:1.5;margin-bottom:15px}
	.newsview_1 .newsleft .news-info .news-body{line-height:26px;font-size:1.4rem}
	.newsview_1 .newsleft .news-info .news-body h2{font-size:1.8rem}
	.newsview_1 .newsleft .news-info .prevnext{padding:20px 0;line-height:30px;font-size:14px}
	}
@media (max-width:768px){
	.newsview_1{padding:10px 0}
	.newsview_1 .newsleft .news-info{ margin-top: 70px;}
	.newsview_1 .newsleft .news-info .new-tit h1{font-size:2.2rem}
	.newsview_1 .newsright .xgnew{display: none}
}

.common-left{padding-top:50px;overflow:hidden;width:350px;margin-right:50px;float:left}
.side-search{width:100%;background:var(--primary-color);padding:20px;box-sizing:border-box;position:relative}
.side-search input{width:100%;height:42px;outline:0;border:none;padding-left:14px}
.side-search .btn{position:absolute;top:21px;right:21px;width:40px;height:40px;cursor:pointer;background-image:url(../images/search.png);background-color:#000000;background-repeat:no-repeat;background-position:center center}
.side>div{margin-bottom:20px}
.side-title{width:100%;height:55px;line-height:55px;font-size:18px;font-weight:600;background-color:var(--primary-color);color:#ffffff;padding-left:23px;text-transform:uppercase;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul{padding:10px 23px;background:#fff;font-size:14px}
.side-cate>ul li{position:relative;border-bottom:1px solid #ddd;line-height:45px}
.side-cate>ul li:hover a{color:var(--color-red)}
.side-cate>ul li a.active{color:var(--color-red)}
.side-cate>ul li a{width:100%;display:block;padding-right:0;transition:color .3s;line-height:45px;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul>li:last-child{border:none}
.side-cate>ul>li>ul{display:none}
.side-cate>ul>li>ul li{padding-left:40px;position:relative}
.side-cate>ul>li>ul li:last-child{border:none}
.side-cate>ul>li>ul li:before{content:"-";position:absolute;left:30px}
.side-cate>ul>li>ul li:hover a{color:var(--color-red)}
.side-cate>ul>li>ul li a.active2{color:var(--color-red)}
.side-cate>ul .pro-menu{display:none}
.side-pro{background:#fff;margin-top:20px}
.side-pro li{margin:0 10px;padding:10px;display:flex;height:100px;border-bottom:1px solid #ddd}
.side-pro li:last-child{border:none}
.side-pro li:hover img{transform:scale(1.05)}
.side-pro-img{width:40%}
.side-pro-img img{transition:transform .2s;width:100%; max-width: 80px;}
.side-pro-info{padding:0;width:60%;display:flex;flex-direction:column;justify-content:space-around}
.side-pro-name{color:var(--text-color);font-size:14px;font-weight:600;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.side-pro-more{color:#66666;font-size:14px;line-height:1.4;font-weight:400}
.side-pro-more:hover{color:#0078d7}
.side-pro>a{width:100%;height:100%;display:block}
.cd-accordion-menu{width:100%;background:#fff;padding:15px}
.cd-accordion-menu ul{display:none}
.cd-accordion-menu li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #ddd;line-height:50px}
.cd-accordion-menu li:last-child{border-bottom:none}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0}
.cd-accordion-menu label,.cd-accordion-menu a{position:relative;display:block;line-height:50px;color:var(--text-color);font-size:1.4rem;padding:0 10px}
.cd-accordion-menu label:hover,.cd-accordion-menu a:hover{color:#ffffff;background-color:var(--text-color)}
.cd-accordion-menu label.active,.cd-accordion-menu a.active{color:#ffffff;background-color:var(--color-red)}
.cd-accordion-menu label::before,.cd-accordion-menu label::after,.cd-accordion-menu a::after{content:'';display:inline-block;width:16px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu label{cursor:pointer}
.cd-accordion-menu label::before,.cd-accordion-menu label::after{background-repeat:no-repeat}
.cd-accordion-menu label::before{left:18px;background-position:0 0;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}
.cd-accordion-menu label::after{left:41px;background-position:-16px 0}
.cd-accordion-menu a::after{left:36px}
.cd-accordion-menu input[type=checkbox]:checked + label::before{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu input[type=checkbox]:checked + label::after{background-position:-32px 0}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul{display:block}
.cd-accordion-menu ul{margin-left:20px}
.cd-accordion-menu ul label,.cd-accordion-menu ul a{border-bottom:1px solid #eee;line-height:50px}
.cd-accordion-menu ul a:hover{background:var(--text-color)}
.cd-accordion-menu ul a.active2{color:#ffffff;background-color:var(--color-red)}
.cd-accordion-menu > li:last-of-type > label,.cd-accordion-menu > li:last-of-type > a,.cd-accordion-menu > li > ul > li:last-of-type label,.cd-accordion-menu > li > ul > li:last-of-type a{box-shadow:none}
.cd-accordion-menu ul label::before{left:36px}
.cd-accordion-menu ul label::after,.cd-accordion-menu ul a::after{left:59px}
.cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a{padding-left:100px}
.cd-accordion-menu ul ul label::before{left:54px}
.cd-accordion-menu ul ul label::after,.cd-accordion-menu ul ul a::after{left:77px}
.cd-accordion-menu ul ul ul label,.cd-accordion-menu ul ul ul a{padding-left:118px}
.cd-accordion-menu ul ul ul label::before{left:72px}
.cd-accordion-menu ul ul ul label::after,.cd-accordion-menu ul ul ul a::after{left:95px}
.cd-accordion-menu.animated label::before{-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s}

.prolist_1{overflow:hidden;padding:50px 0;float:left;width:calc(100% - 400px)}
.prolist_1 .probody{overflow:hidden;margin:0;display:flex;flex-wrap:wrap}
.prolist_1 .probody .product-item{display:flex;flex-direction:column;width:31.333%;margin:0 1% 2% 1%;background-color:#ffffff;box-shadow:0px 0px 15px rgba(120,120,120,0.3);text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}
.prolist_1 .probody .product-item:hover{box-shadow:0px 0px 20px rgba(120,120,120,0.5)}
.prolist_1 .probody .product-item .proimg{width:100%;overflow:hidden;position:relative;/*flex:1;*/display:flex;flex-direction:column;/*align-items:center;justify-content:center*/}
.prolist_1 .probody .product-item .proimg img{width:100%;object-fit:cover;transition:transform 0.3s ease}
.prolist_1 .probody .product-item:hover .proimg img{transform:scale(1.1)}
.prolist_1 .probody .product-item .proimg .videobutton{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.prolist_1 .probody .product-item .proimg .videobutton img{width:70px;height:70px}
.prolist_1 .probody .product-item .procon{padding:20px;transition:color 0.3s ease}
.prolist_1 .probody .product-item:hover .procon{background-color:#ffffff}
.prolist_1 .probody .product-item .procon h3{font-size:16px;color:var(--text-color);line-height:1.6;margin-bottom:10px;text-align:center;transition:color 0.3s ease}
.prolist_1 .probody .product-item:hover .procon h3{color:var(--color-red)}
.prolist_1 .probody .product-item .procon .prodes{font-size:1.4rem;color:var(--text-color2);line-height:24px;height:auto; max-height: 106px; margin-bottom:10px;transition:color 0.3s ease}
.prolist_1 .probody .product-item:hover .procon .prodes{color:var(--text-color2)}
.prolist_1 .probody .product-item .procon .probit{font-size:1.4rem;color:var(--text-color2);line-height:32px;margin-bottom:10px;transition:color 0.3s ease;margin-top:auto}
.prolist_1 .probody .product-item:hover .procon .probit{color:var(--primary-color)}
.prolist_1 .probody .product-item .procon .probit .add-to-inquiry{font-size:1.4rem;line-height:22px;color:#ffffff;background-color:var(--primary-color);padding:5px 10px;display:inline-table;border-radius:3px;cursor:pointer}
.prolist_1 .probody .product-item .procon .probit .add-to-inquiry:hover{background-color:#e6411a}
.prolist_1 .probody .product-item .procon .probit .add-to-inquiry.added{background-color:var(--color-red)}
@media (max-width:1440px){
	.common-left{width:320px}
	.prolist_1{width:calc(100% - 370px)}
	.prolist_1 .probody .product-item .procon h3{font-size:18px}
}
@media (max-width:1280px){
	.common-left{width:300px}
	.prolist_1{width:calc(100% - 350px)}
}
@media (max-width:1200px){
	.common-left{display:none}
	.prolist_1{width:100%;padding:20px 0}
	.prolist_1 .probody .product-item .procon h3{font-size:16px}
}
@media (max-width:992px){
	.prolist_1 .probody .product-item{width:48%}
}
@media (max-width:768px){
	.prolist_1 .probody .product-item{width:46%;margin:0 2% 2% 2%}
}
@media (max-width:576px){
	.prolist_1{padding:10px 0}
	.prolist_1 .probody .product-item{width:94%;margin:0 3% 5% 3%}
}

#fenlei_con{width: 100%; overflow: hidden}
#fenlei_con .h2name{ font-size:28px;line-height:1.5; text-transform: capitalize}
#fenlei_con .h2des{ font-size:16px;line-height:1.75; color:#666;}
@media (max-width:1440px){
	#fenlei_con .h2name{ font-size:26px; }
	#fenlei_con .h2des{ font-size:16px;}
}
@media (max-width:1280px){
	#fenlei_con .h2name{ font-size:24px; }
	#fenlei_con .h2des{ font-size:14px;}
}
@media (max-width:992px){
	#fenlei_con .h2name{ font-size:22px; }
	#fenlei_con .h2des{ font-size:14px;}
}
@media (max-width:768px){
	#fenlei_con .h2name{ font-size:20px; }
    #fenlei_con .h2des{ font-size:14px;}
}

.fenlei_procata{ width:100%; overflow:hidden; background-color:#f8f8f8; padding:50px 0;}
.fenlei_procata .h2name{width:100%; text-align:center; margin-bottom:10px;}
.fenlei_procata .procata-body{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px 0 10px 0;}
.fenlei_procata .procata-body .procata-card{text-align:center;transition:transform 0.3s ease}
/*.fenlei_procata .procata-body .procata-card:hover{transform:translateY(-5px)}*/
.fenlei_procata .procata-body .procata-card .procata-img{ width:100%;margin-bottom:20px;}
.fenlei_procata .procata-body .procata-card h3{font-size:18px;color:#333333; margin-bottom:10px; line-height:1.5; font-weight:600}
.fenlei_procata .procata-body .procata-card .h3des{font-size:14px;color:#666666; font-weight:400; line-height:1.5;}
@media (max-width:992px){
	.fenlei_procata{ padding:30px 0;}
	.fenlei_procata .procata-body{grid-template-columns:repeat(2,1fr)}
	.fenlei_procata .procata-body .procata-card h3{font-size:16px;}
}
@media (max-width:768px){
	.fenlei_procata .procata-body{grid-template-columns:1fr;padding:20px}
}

.fenlei_prolist{overflow:hidden;padding:50px 0; width:100%}
.fenlei_prolist .h2name{width:100%; text-align:center; margin-bottom:10px;}
.fenlei_prolist .h2des{width:100%; text-align:left; margin-bottom:20px; padding:10px;}
.fenlei_prolist .probody{overflow:hidden;margin:0;display:flex;flex-wrap:wrap}
.fenlei_prolist .probody .product-item{display:flex;flex-direction:column;width:23%;margin:1% 1% 1% 1%;background-color:#ffffff;box-shadow:0px 0px 15px rgba(120,120,120,0.3);text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}
.fenlei_prolist .probody .product-item:hover{box-shadow:0px 0px 20px rgba(120,120,120,0.5)}
.fenlei_prolist .probody .product-item .proimg{width:100%;overflow:hidden;position:relative;/*flex:1;*/display:flex;flex-direction:column;/*align-items:center;justify-content:center*/}
.fenlei_prolist .probody .product-item .proimg img{width:100%;object-fit:cover;transition:transform 0.3s ease}
.fenlei_prolist .probody .product-item:hover .proimg img{transform:scale(1.1)}
.fenlei_prolist .probody .product-item .proimg .videobutton{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.fenlei_prolist .probody .product-item .proimg .videobutton img{width:70px;height:70px}
.fenlei_prolist .probody .product-item .procon{padding:20px;transition:color 0.3s ease}
.fenlei_prolist .probody .product-item:hover .procon{background-color:#ffffff}
.fenlei_prolist .probody .product-item .procon h3{font-size:16px;color:var(--text-color);line-height:1.6;margin-bottom:10px;text-align:center;transition:color 0.3s ease}
.fenlei_prolist .probody .product-item:hover .procon h3{color:var(--color-red)}
.fenlei_prolist .probody .product-item .procon .prodes{font-size:1.4rem;color:var(--text-color2);line-height:24px;height:auto; max-height: 106px; margin-bottom:10px;transition:color 0.3s ease}
.fenlei_prolist .probody .product-item:hover .procon .prodes{color:var(--text-color2)}
.fenlei_prolist .probody .product-item .procon .probit{font-size:1.4rem;color:var(--text-color2);line-height:32px;margin-bottom:10px;transition:color 0.3s ease;margin-top:auto}
.fenlei_prolist .probody .product-item:hover .procon .probit{color:var(--primary-color)}
.fenlei_prolist .probody .product-item .procon .probit .add-to-inquiry{font-size:1.4rem;line-height:22px;color:#ffffff;background-color:var(--primary-color);padding:5px 10px;display:inline-table;border-radius:3px;cursor:pointer}
.fenlei_prolist .probody .product-item .procon .probit .add-to-inquiry:hover{background-color:#e6411a}
.fenlei_prolist .probody .product-item .procon .probit .add-to-inquiry.added{background-color:var(--color-red)}
@media (max-width:1200px){
	.fenlei_prolist{width:100%; padding:20px 0}
	.fenlei_prolist .probody .product-item .procon h3{font-size:16px}
}
@media (max-width:992px){
	.fenlei_prolist .probody .product-item{width:48%}
}
@media (max-width:768px){
	.fenlei_prolist .probody .product-item{width:46%;margin:0 2% 2% 2%}
}
@media (max-width:576px){
	.fenlei_prolist{padding:20px 0 50px 0;}
	.fenlei_prolist .probody .product-item{width:94%;margin:1% 3% 4% 3%}
}

.fenlei_oem{ background:#f8f8f8; font-size:16px; width:100%; text-align:left; line-height:2; padding:60px 0;}
.fenlei_oem .h2name{margin-bottom:20px; width: 100%; text-align: center;}
@media (max-width:1280px){
	.fenlei_oem{font-size:14px;}
}

.fenlei_about{display:block;position:relative;overflow:visible; padding: 50px 0; background-color:#ffffff;}
.fenlei_about .dycon{width:100%;margin:0 auto;  overflow:hidden}
.fenlei_about .dycon .dcon{width:60%;float:right;padding:0 0 0 50px;overflow:hidden;margin:0 auto}
.fenlei_about .dycon .dcon .h2name{margin-bottom: 15px;}
.fenlei_about .dycon .abimg{width:40%;float:left;padding:10px 0 0 0;overflow:hidden;text-align:left;position:relative}
.fenlei_about .dycon .abimg img{width:100%;border:0 solid #eee}
@media screen and (max-width:768px){
    .fenlei_about .dycon .dcon{width:100%;padding:7% 0 0 0;text-align:left}
    .fenlei_about .dycon .abimg{width:100%;padding:5% 0;text-align:right}
    .fenlei_about .dycon .abimg img{width:100%;padding:0;margin-bottom:10px}
}

.fenlei_application{display:block;position:relative;overflow:visible;padding: 50px 0;background-color:#f8f8f8;}
.fenlei_application .dycon{width:100%;margin:0 auto;overflow:hidden}
.fenlei_application .dycon .dcon{width:60%;float:left;padding:0 50px 0 0;overflow:hidden;margin:0 auto}
.fenlei_application .dycon .dcon .h2name{margin-bottom: 15px;}
.fenlei_application .dycon .dcon .content{ width: 100%; font-size: 16px;}
.fenlei_application .dycon .dcon .content ul{ margin-top: 10px; padding-left: 30px;}
.fenlei_application .dycon .dcon .content li{list-style-type: disc;}
.fenlei_application .dycon .abimg{width:40%;float:right;padding:10px 0 0 0;overflow:hidden;text-align:left;position:relative}
.fenlei_application .dycon .abimg img{width:100%;border:0 solid #eee}
@media screen and (max-width:1280px){
    .fenlei_application .dycon .dcon .content{font-size: 14px;}
}
@media screen and (max-width:768px){
    .fenlei_application .dycon .dcon{width:100%;padding:7% 0 0 0;text-align:left}
    .fenlei_application .dycon .dcon .content{font-size: 14px;}
    .fenlei_application .dycon .abimg{width:100%;padding:5% 0;text-align:right}
    .fenlei_application .dycon .abimg img{width:100%;padding:0;margin-bottom:10px}
}

.fenlei_specification{ width:100%; overflow:hidden; background-color:#ffffff; padding:50px 0;}
.fenlei_specification .h2name{margin-bottom:20px; width:100%; text-align:center}
.fenlei_specification .specification-body{width:100%; }
.fenlei_specification .specification-body table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}
.fenlei_specification .specification-body table td, .fenlei_specification .specification-body table th{padding:7px 10px;font-size:16px; color:#666666; line-height:1.75;border:1px solid #cccccc;vertical-align:middle;text-align:left;white-space:nowrap}
.fenlei_specification .specification-body table p{margin-bottom:0}
.fenlei_specification .specification-body table th{padding:10px;background-color:#efefef;background-image:-webkit-gradient(linear,0 0%,0 100%,from(#fdfdfd),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fdfdfd 0%,#e6e6e6 100%);background-image:-moz-linear-gradient(top,#fdfdfd 0%,#e6e6e6 100%);background-image:-ms-linear-gradient(top,#fdfdfd 0%,#e6e6e6 100%);background-image:-o-linear-gradient(top,#fdfdfd 0%,#e6e6e6 100%);background-image:-linear-gradient(top,#fdfdfd 0%,#e6e6e6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#e6e6e6',GradientType=0)}
.fenlei_specification .specification-body table tr:nth-of-type(odd){background:#f7f7f7}
.fenlei_specification .specification-body table tbody tr:hover{background:#e5ebee}
@media (max-width:1200px){
	.fenlei_specification .specification-body table td, .fenlei_specification .specification-body table th{font-size:14px;}
}

.fenlei_features{ width:100%; overflow:hidden; background-color:#f8f8f8; padding:50px 0;}
.fenlei_features .h2name{margin-bottom:20px; width:100%; text-align:center}
.fenlei_features .features-body{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0 10px 0;}
.fenlei_features .features-body .features-card{background-color:#ffffff;padding:30px 20px;text-align:center;transition:transform 0.3s ease}
.fenlei_features .features-body .features-card:hover{transform:translateY(-5px)}
.fenlei_features .features-body .features-card .icon{font-size:40px;margin-bottom:20px;color:#1a3a6c}
.fenlei_features .features-body .features-card h3{font-size:18px;color:#333333;margin-bottom:15px;font-weight:600}
.fenlei_features .features-body .features-card p{font-size:14px;color:#666666;line-height:1.6}
@media (max-width:992px){
	.fenlei_features{ padding:30px 0;}
	.fenlei_features .features-body{grid-template-columns:repeat(2,1fr)}
	.fenlei_features .features-body .features-card h3{font-size:16px;}
}
@media (max-width:768px){
	.fenlei_features .features-body{grid-template-columns:1fr;padding:20px}
}

.fenlei_blog{width:100%; background-color:#ffffff;overflow:hidden; padding:50px 0;}
.fenlei_blog .h2name{margin-bottom:20px; width:100%; text-align:center}
.fenlei_blog .blog_list{width:100%}
.fenlei_blog .blog_list .blogbody{box-shadow:0 0 15px rgba(0,0,0,0.2);position:relative;transition:all .2s;margin:0 15px;overflow:hidden}
.fenlei_blog .blog_list .blogbody img{width:100%;transition:transform 0.3s ease}
.fenlei_blog .blog_list .blogbody:hover{box-shadow:0 0 15px rgba(0,0,0,0.4);background-color:#ffffff}
.fenlei_blog .blog_list .blogbody:hover img{transform:scale(1.05)}
.fenlei_blog .blog_list .blogbody .blogcon{padding:15px}
.fenlei_blog .blog_list .blogbody .blogcon h3{width:100%;font-size:16px;line-height:24px;height:48px;margin:5px 0 15px 0}
.fenlei_blog .blog_list .blogbody .blogcon .blog_des{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
.fenlei_blog .blog_list .blogbody .blogcon .blog_date{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;margin-bottom:10px}
.fenlei_blog .blog_list .blogbody .blogcon .blog_date i{margin-right:10px}
@media (max-width:992px){
	.fenlei_blog{ padding:30px 0;}
}

.fenlei_twolist{margin:0 auto;padding:50px 0;overflow:hidden}
.fenlei_twolist .h2name{margin-bottom:30px; width:100%; text-align:center}
.fenlei_twolist ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.fenlei_twolist li{width:48%;margin:1% 2% 1% 0;background-color:#f8f8f8;transition:all 0.2s;padding:10px;display:flex;align-items:stretch}
.fenlei_twolist li:hover{background-color:#f2f2f2}
.fenlei_twolist li .fangdaimg{flex:0 0 220px;transition:all 0.2s}
.fenlei_twolist li img{width:100%;}
.fenlei_twolist li span{flex:1;padding:10px 20px;display:flex;flex-direction:column}
.fenlei_twolist li span h3{font-size:1.6rem;font-weight:600;line-height:24px;margin-bottom:10px}
.fenlei_twolist li span .h3des{font-size:14px;color:#666666; font-weight:400; line-height:1.5; padding-top:10px;width:100%;}
.fenlei_twolist li span .newmore{margin-top:auto}
.fenlei_twolist li span .newmore a{color:#e6411a;font-size:14px}
.fenlei_twolist li span .newmore a:hover{color:var(--primary-color)}

@media (max-width:1200px){
	.fenlei_twolist li{width:100%;margin:1% 0 1% 0}
}
@media (max-width:768px){
	.fenlei_twolist li{width:100%;margin:1% 0 3% 0; flex-direction: column; }
	.fenlei_twolist li .fangdaimg,
	.fenlei_twolist li span{width:100%;padding:5px;display:block}
	.fenlei_twolist li img{width:100%;height:auto}
}

.fenlei_equip{width:100%; background-color:#f8f8f8;overflow:hidden;padding:50px 0}
.fenlei_equip .h2name{margin-bottom:30px; width:100%; text-align:center}
.fenlei_equip .equip_list{width:100%}
.fenlei_equip .equip_list .equipbody{box-shadow:0px 0px 5px rgba(120,120,120,0.3);position:relative;-webkit-transition:all .2s;transition:all .2s;margin:0 15px}
.fenlei_equip .equip_list .equipbody img{width:100%}
.fenlei_equip .equip_list .equipbody:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.5)}
.fenlei_equip .equip_list .equipbody .equipcon{padding:15px}
.fenlei_equip .equip_list .equipbody .equipcon h3{width:100%;font-size:20px;line-height:1.6;margin:5px 0 15px 0;text-align:center}
.fenlei_equip .equip_list .equipbody:hover .equipcon h3{color:var(--color-red)}
.fenlei_equip .equip_list .equipbody .equipcon .equipdes{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
.fenlei_equip .equip_list .equipbody .equipcon .equipmore{width:100%;font-size:14px;color:var(--primary-color);line-height:24px;margin-bottom:10px}
.fenlei_equip .equip_list .equipbody:hover .equipcon .equipmore{color:var(--color-red)}
@media (max-width:1440px){
	.fenlei_equip .topcon .tit{font-size:32px}
	.fenlei_equip .topcon .titdes{font-size:14px}
	.fenlei_equip .equip_list .equipbody .equipcon h3{font-size:18px}
}
@media (max-width:1200px){
	.fenlei_equip .equip_list .equipbody .equipcon h3{font-size:16px}
}
@media (max-width:992px){
	.fenlei_equip{ padding:30px 0;}
}

.fenlei_honor{width:100%; background-color:#ffffff;overflow:hidden;padding:50px 0}
.fenlei_honor .h2name{margin-bottom:30px; width:100%; text-align:center}
.fenlei_honor .honor_list{width:100%}
.fenlei_honor .honor_list .honorbody{box-shadow:0px 0px 5px rgba(120,120,120,0.3);position:relative;-webkit-transition:all .2s;transition:all .2s;margin:0 15px}
.fenlei_honor .honor_list .honorbody img{width:100%}
.fenlei_honor .honor_list .honorbody:hover{box-shadow:0px 0px 15px rgba(120,120,120,0.5)}
.fenlei_honor .honor_list .honorbody .honorcon{padding:15px}
.fenlei_honor .honor_list .honorbody .honorcon h3{width:100%;font-size:20px;line-height:1.6;margin:5px 0 15px 0;text-align:center}
.fenlei_honor .honor_list .honorbody:hover .honorcon h3{color:var(--color-red)}
.fenlei_honor .honor_list .honorbody .honorcon .honordes{width:100%;font-size:14px;color:var(--text-color2);line-height:24px;height:48px;margin-bottom:15px}
.fenlei_honor .honor_list .honorbody .honorcon .honormore{width:100%;font-size:14px;color:var(--primary-color);line-height:24px;margin-bottom:10px}
.fenlei_honor .honor_list .honorbody:hover .honorcon .honormore{color:var(--color-red)}
@media (max-width:1440px){
	.fenlei_honor .honor_list .honorbody .honorcon h3{font-size:18px}
}
@media (max-width:1200px){
	.fenlei_honor .honor_list .honorbody .honorcon h3{font-size:16px}
}
@media (max-width:992px){
	.fenlei_honor{ padding:30px 0;}
}

.fenlei_process{ width:100%; overflow:hidden; background-color:#f8f8f8; padding:50px 0;}
.fenlei_process .h2name{margin-bottom:20px; width:100%; text-align:center}
.fenlei_process .process-body{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0 10px 0;}
.fenlei_process .process-body .process-card{text-align:center;transition:transform 0.3s ease}
.fenlei_process .process-body .process-card:hover{transform:translateY(-5px)}
.fenlei_process .process-body .process-card .process-img{ width:100%;margin-bottom:20px;}
.fenlei_process .process-body .process-card h3{font-size:16px;color:#66666; font-weight:400}
@media (max-width:992px){
	.fenlei_process{ padding:30px 0;}
	.fenlei_process .process-body{grid-template-columns:repeat(2,1fr)}
	.fenlei_process .process-body .process-card h3{font-size:14px;}
}
@media (max-width:768px){
	.fenlei_process .process-body{grid-template-columns:1fr;padding:20px}
}

.fenlei_faq{width:100%;padding:50px 0;;overflow:hidden; background:#f8f8f8;}
.fenlei_faq .h2name{width:100%; text-align:center;margin-bottom:20px}
.fenlei_faq .h2des{width:90%; text-align:center;margin-bottom:30px}
.fenlei_faq .ul li{background-color:#ffffff;position:relative;padding:1%;cursor:pointer}
.fenlei_faq .ul li + li{margin-top:1.25%}
.fenlei_faq .ul li:after{content:"";display:block;position:absolute;bottom:0;left:0;height:0.02rem;width:0;transition:all 0.3s ease-in-out}
.fenlei_faq .ul .top{position:relative;padding:10px;font-size:16px;font-weight:500;line-height:1.4rem;color:var(--text-color)}
.fenlei_faq .ul .top .num{position:absolute;left:0;display:block;color:#0cb5b0;font-weight:bold}
.fenlei_faq .ul .icon{position:absolute;top:12px;right:12px;width:13px;height:6px;display:block;background:url(../images/icon_jt8_1.png) no-repeat center;cursor:pointer}
.fenlei_faq .ul .on .icon{background-image:url(../images/icon_jt8_2.png)}
.fenlei_faq .ul .bot{margin-top:1%;padding:10px;border-top:1px solid #dddddd;font-size:14px;color:#444;font-weight:normal;line-height:24px;display:none}
.fenlei_faq .ul li:hover{box-shadow:0 0 0.15rem rgba(0,0,0,0.1)}
.fenlei_faq .ul li:hover .icon{background-image:url(../images/icon_jt8_1_h.png)}
.fenlei_faq .ul li.on:hover .icon{background-image:url(../images/icon_jt8_2_h.png)}
.fenlei_faq .ul li.on:after,.faqcon .ul li:hover:after{width:100%}
@media (max-width:992px){
	.fenlei_faq{padding:30px 0;}
	.fenlei_faq .ul .top{padding-left:0.45rem}
}
@media (max-width:768px){
	.fenlei_faq .ul li{padding:10px;margin-bottom:15px}
	.fenlei_faq .ul .top{padding:10px 0.6rem;line-height:24px}
	.fenlei_faq .ul .icon{width:13px;height:6px;top:18px}
	.fenlei_faq .ul .bot{padding:10px 0.3rem;line-height:24px}
}

.fenlei_contact{width:100%;padding:50px 0;;overflow:hidden; background:#ffffff;}
.fenlei_contact .h2name{width:100%; text-align:center;margin-bottom:10px}
.fenlei_contact .h2des{width:100%; text-align:center;margin-bottom:30px}
.fenlei_contact .conmess{width:80%;margin:0 auto;}
.fenlei_contact .conmess h3{font-size:18px;line-height:36px;font-weight:600;margin-bottom:10px}
.fenlei_contact .conmess .input{width:49%;border:1px solid #eee;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;float:left}
.fenlei_contact .conmess .input2{width:49%;border:1px solid #eee;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;float:right}
.fenlei_contact .conmess .input3{width:100%;border:1px solid #eee;height:50px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px;}
.fenlei_contact .conmess textarea{width:100%;border:1px solid #eee;height:140px;line-height:30px;padding:10px;margin-bottom:10px;font-size:14px}
.fenlei_contact .conmess .button{width:50%;margin-top:15px;background-color:var(--primary-color);height:50px;line-height:50px;text-align:center;font-size:16px;color:#ffffff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
.fenlei_contact .conmess .button:hover{background-color:#e6411a}
@media (max-width:768px){
	.fenlei_contact .conmess{width:100%;margin:0 auto;}
	.fenlei_contact .conmess .input{width:100%;height:44px;line-height:24px}
	.fenlei_contact .conmess .input2{width:100%;height:44px;line-height:24px}
	.fenlei_contact .conmess .input3{width:100%;height:44px;line-height:24px}
	.fenlei_contact .conmess .button{width:100%; }
}


#productSlide{display:none}
.pro-info{margin:50px 0;width:100%;float:left;background:#fff;padding:30px}
.pro-info .prodetail_one{margin:0 auto 20px;width:100%;overflow:hidden}
.pro-info .prodetail_one .prodetail_pic{width:550px;float:left;display:inline}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:rgba(255,255,255,.5)}
.spec-preview{width:500px;height:auto;margin-bottom:12px;overflow:hidden}
.spec-preview img{border:1px solid #eee;width:100%;height:auto}
.spec-scroll{clear:both;width:500px}
.spec-scroll .prev{float:left;margin-right:2px}
.spec-scroll .next{float:right}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:15px;height:60px;line-height:60px;cursor:pointer;text-decoration:none}
.spec-scroll .items{float:left;position:relative;width:450px;height:60px;overflow:hidden;margin:0 3px}
.spec-scroll .items ul{position:absolute;width:2000px;height:56px}
.spec-scroll .items ul li{float:left;text-align:center;margin-right:10px}
.spec-scroll .items ul li img{border:1px solid #CCC;width:auto;height:60px}
.spec-scroll .items ul li.active img{border:1px solid #034b97}
.spec-scroll .items ul li img:hover{border:1px solid #034b97}
.zoomdiv img{max-width:none !important}
.pro-info .prodetail_one .prodetail_con{width:calc(100% - 550px);float:left;display:inline}
.pro-info .prodetail_one .prodetail_con h1{font-size:2rem;line-height:1.5;margin-bottom:25px;font-weight:600}
.pro-info .prodetail_one .prodetail_con .description{font-size:1.4rem;line-height:26px;color:var(--text-color2);width:100%;overflow-x:auto;box-sizing:border-box}
.pro-info .prodetail_one .prodetail_con .sendinquiry{display:block;overflow:hidden;margin-top:40px}
.pro-info .prodetail_one .prodetail_con .sendinquiry a{font-size:1.4rem;line-height:28px;color:#ffffff;background-color:var(--primary-color);padding:10px 20px;display:inline-table;border-radius:3px;margin:0 10px 0 0}
.pro-info .prodetail_one .prodetail_con .sendinquiry a:hover{color:#ffffff;background-color:#e6411a}
.pro-info .prodetail_one .prodetail_con .sendinquiry .add-to-inquiry{font-size:1.4rem;line-height:28px;color:#ffffff;background-color:var(--primary-color);padding:10px 20px;display:inline-table;border-radius:3px;margin:0 10px 0 0;cursor:pointer}
.pro-info .prodetail_one .prodetail_con .sendinquiry .add-to-inquiry:hover{background-color:#e6411a}
.pro-info .prodetail_one .prodetail_con .sendinquiry .add-to-inquiry.added{background-color:var(--color-red)}
.pro-info .navtitle{width:100%;height:40px;line-height:40px;margin-top:40px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:2.0rem;font-weight:600}
.pro-info .company-active{width:100%;margin:0 auto;position:relative}
.pro-info .company-active .col{padding:0 10px;position:relative}
.pro-info .company-active .col .single-brand{border:1px solid #ddd;position:relative}
.pro-info .company-active .col .single-brand img{width:100%}
.pro-info .company-active .col .single-brand .cover{color:#ffffff;position:absolute;bottom:0;width:100%;text-align:center;line-height:40px;height:40px;background-color:rgba(0,0,0,0.45);font-size:14px;padding:0 5px}
@media (max-width:1440px){
	.pro-info{}
	.pro-info .prodetail_one .prodetail_pic{width:500px}
	.spec-preview{width:450px}
	.spec-scroll{width:450px}
	.spec-scroll .items{width:400px}
	.pro-info .prodetail_one .prodetail_con{width:calc(100% - 500px)}
}
@media (max-width:1366px){
	.pro-info{padding:20px;margin:30px 0}
	.pro-info .prodetail_one .prodetail_pic{width:450px}
	.spec-preview{width:400px}
	.spec-scroll{width:400px}
	.spec-scroll .items{width:350px}
	.pro-info .prodetail_one .prodetail_con{width:calc(100% - 450px)}
	.pro-info .prodetail_one .prodetail_con h1{font-size:2rem}
}
@media (max-width:1280px){
	.pro-info{margin:20px 0}
	.pro-info .prodetail_one .prodetail_con .sendinquiry a{line-height:24px;padding:6px 15px}
	.pro-info .prodetail_one .prodetail_con .sendinquiry .add-to-inquiry{line-height:24px;padding:6px 15px}
	.pro-info .navtitle{font-size:1.8rem}
}
@media (max-width:1200px){
	.pro-info{}
	.pro-info .prodetail_one .prodetail_pic{width:400px}
	.spec-preview{width:350px}
	.spec-scroll{width:350px}
	.spec-scroll .items{width:300px}
	.pro-info .prodetail_one .prodetail_con{width:calc(100% - 400px)}
	.pro-info .prodetail_one .prodetail_con h1{font-size:1.8rem}
}
@media (max-width:992px){
	#productSlide{display:block; margin-top: 50px;}
	#productSlide{width:100%;overflow:hidden;position:relative}
	#productSlide .swiper-slide{position:relative;text-align:center}
	#productSlide img{width:100%;display:block}
	#productSlide .pagination{position:absolute;z-index:20;bottom:3px;text-align:center;right:0}
	#productSlide .swiper-pagination-bullet{display:inline-block;width:5px;height:5px;border-radius:5px;background:#666;margin:0 2px;opacity:0.8;cursor:pointer}
	#productSlide .swiper-pagination-bullet-active{background:var(--color-red)}
	.pro-info{margin:20px 0;float:left;background:#fff;padding:20px}
	.pro-info .prodetail_one .prodetail_pic{display:none}
	.pro-info .prodetail_one .prodetail_con{width:100%;float:left;display:inline;margin-left:0}
	.pro-info .prodetail_one .prodetail_con .sendinquiry a{line-height:20px;padding:5px 12px}
	.pro-info .prodetail_one .prodetail_con .sendinquiry .add-to-inquiry{line-height:20px;padding:5px 12px}
	.pro-info .navtitle{font-size:1.6rem}
}

.pro-info-2{margin:30px 0;width:100%;float:left}
.pro-info-2 .prodetail_two{margin:0 auto 20px;width:100%;overflow:hidden}
.pro-info-2 .prodetail_two .prodetail_pic{width:750px;float:left;display:inline;margin-right:50px}
.pro-info-2 .prodetail_two .prodetail_con{width:calc(100% - 800px);float:left;display:inline}
.pro-info-2 .prodetail_two .prodetail_con h1{font-size:2rem;line-height:1.5;margin-bottom:25px;font-weight:600}
.pro-info-2 .prodetail_two .prodetail_con .description{font-size:1.4rem;line-height:26px;color:var(--text-color2);width:100%;overflow-x:auto;box-sizing:border-box}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry{display:block;overflow:hidden;margin-top:30px}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry a{font-size:1.4rem;line-height:28px;color:#ffffff;background-color:var(--primary-color);padding:10px 20px;display:inline-table;border-radius:3px;margin:0 10px 0 0}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry a:hover{color:#ffffff;background-color:#e6411a}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry .add-to-inquiry{font-size:1.4rem;line-height:28px;color:#ffffff;background-color:var(--primary-color);padding:10px 20px;display:inline-table;border-radius:3px;margin:0 10px 0 0;cursor:pointer}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry .add-to-inquiry:hover{background-color:#e6411a}
.pro-info-2 .prodetail_two .prodetail_con .sendinquiry .add-to-inquiry.added{background-color:var(--color-red)}
.pro-info-2 .navtitle{width:100%;height:40px;line-height:40px;margin-top:40px;margin-bottom:20px;border-bottom:1px solid #ddd;font-size:2.0rem;font-weight:600}
.pro-info-2 .company-active{width:100%;margin:0 auto;position:relative}
.pro-info-2 .company-active .col{padding:0 10px;position:relative}
.pro-info-2 .company-active .col .single-brand{border:1px solid #ddd;position:relative}
.pro-info-2 .company-active .col .single-brand img{width:100%}
.pro-info-2 .company-active .col .single-brand .cover{color:#ffffff;position:absolute;bottom:0;width:100%;text-align:center;line-height:40px;height:40px;background-color:rgba(0,0,0,0.45);font-size:14px;padding:0 5px}
@media (max-width:1440px){
	.pro-info-2 .prodetail_two .prodetail_pic{width:500px}
	.pro-info-2 .prodetail_two .prodetail_con{width:calc(100% - 550px)}
}
@media (max-width:1366px){
	.pro-info-2 .prodetail_two .prodetail_pic{width:450px}
	.pro-info-2 .prodetail_two .prodetail_con{width:calc(100% - 500px)}
	.pro-info-2 .prodetail_two .prodetail_con h1{font-size:2rem}
}
@media (max-width:1280px){
	.pro-info-2 .prodetail_two .prodetail_con .sendinquiry a{line-height:24px;padding:6px 15px}
	.pro-info-2 .prodetail_two .prodetail_con .sendinquiry .add-to-inquiry{line-height:24px;padding:6px 15px}
	.pro-info-2 .navtitle{font-size:1.8rem}
}
@media (max-width:1200px){
	.pro-info-2 .prodetail_two .prodetail_pic{width:400px}
	.pro-info-2 .prodetail_two .prodetail_con{width:calc(100% - 450px)}
	.pro-info-2 .prodetail_two .prodetail_con h1{font-size:1.8rem}
}
@media (max-width:992px){
	.pro-info-2{margin:20px 0}
	.pro-info-2 .prodetail_two .prodetail_pic{display:none}
	.pro-info-2 .prodetail_two .prodetail_con{width:100%;float:left;display:inline;margin-left:0}
	.pro-info-2 .prodetail_two .prodetail_con .sendinquiry a{line-height:20px;padding:5px 12px}
	.pro-info-2 .prodetail_two .prodetail_con .sendinquiry .add-to-inquiry{line-height:20px;padding:5px 12px}
	.pro-info-2 .navtitle{font-size:1.6rem}
}

.product-viewer{display:flex;flex-direction:column;align-items:center;padding:40px;background:#fafafa;width:100%;margin:0 auto;border-radius:10px}
.media-viewer{position:relative;width:100%;height:100%;margin-bottom:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-viewer video,.media-viewer img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer}
.media-viewer button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(128,128,128,0.5);color:#ffffff;border:none;font-size:16px;cursor:pointer;z-index:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.prev-btn{left:10px}
.next-btn{right:10px}
.thumbnails-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}
.thumbnails{display:flex;overflow:hidden;width:calc(100% - 60px);scroll-behavior:smooth}
.thumbnails img{width:60px;height:60px;cursor:pointer;margin-right:5px;border:1px solid transparent;flex-shrink:0;border-radius:5px}
.thumbnails img.active{border:2px solid #333333}
.thumbnail-nav{background-color:rgba(255,255,255,1);color:var(--text-color);border:none;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.thumbnail-nav.left{margin-right:10px}
.thumbnail-nav.right{margin-left:10px}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,1);z-index:1000;justify-content:center;align-items:center;overflow:auto}
.modal-content{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden}
.modal-content img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center}
.modal-counter{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:#ffffff;font-size:16px;font-weight:bold;z-index:1001}
.modal-close{position:absolute;top:10px;right:10px;color:#000000;font-size:24px;cursor:pointer;width:40px;height:40px;line-height:40px;border-radius:50%;background:#fff;text-align:center}
.modal-nav{position:absolute;top:calc(50% - 25px);transform:translateY(-50%);background-color:rgba(128,128,128,0.5);color:#ffffff;border:none;font-size:18px;cursor:pointer;z-index:1001;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.modal-nav.prev{left:10px}
.modal-nav.next{right:10px}
.modal-nav.disabled{opacity:0.5;pointer-events:none}

#content .inquiry{width:100%;padding:30px 0;overflow:hidden}
#content .inquiry .leftcon{width:42%;margin-right:8%;float:left;font-size:14px;line-height:30px;text-align:left}
#content .inquiry .leftcon h2{font-size:24px;line-height:36px;font-weight:500;margin-bottom:20px}
#content .inquiry .leftcon .inquirylist{width:100%;overflow:hidden}
#content .inquiry .leftcon .inquirylist li{width:100%;overflow:hidden;height:100px;line-height:100px;border-bottom:1px solid #f2f2f2;margin-bottom:10px}
#content .inquiry .leftcon .inquirylist li .qimg{float:left;width:20%;padding:10px 0}
#content .inquiry .leftcon .inquirylist li .qimg img{height:80px}
#content .inquiry .leftcon .inquirylist li .qname{float:left;width:60%;padding-left:10px;font-size:16px}
#content .inquiry .leftcon .inquirylist li .qdel{float:left;width:20%;text-align:right}
#content .inquiry .leftcon .inquirylist li .qdel .remove-btn{background:#666;color:#ffffff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background 0.3s}
#content .inquiry .leftcon .inquirylist li .qdel .remove-btn:hover{background:var(--color-red)}
#content .inquiry .leftcon .inquirylist .continuepro{width:100%;overflow:hidden;margin-top:10px}
#content .inquiry .leftcon .inquirylist .continuepro a{background:#f8f8f8;color:var(--text-color);border:1px solid #ccc;width:120px;height:40px;line-height:40px;border-radius:20px;display:inline-table;font-size:14px;transition:background 0.3s;margin-top:10px;text-align:center}
#content .inquiry .leftcon .inquirylist .continuepro a:hover{background:var(--color-red);color:#ffffff}
#content .inquiry .rightcon{width:45%;float:left;overflow:hidden;margin-left:5%}
#content .inquiry .rightcon h3{font-size:16px;line-height:32px;font-weight:500;margin-bottom:20px}
@media (max-width:1200px){
	#content .inquiry{padding:15px 0}
	#content .inquiry .leftcon{width:100%;margin-right:0;line-height:28px;margin-bottom:30px}
	#content .inquiry .leftcon h2{font-size:18px}
	#content .inquiry .rightcon{width:100%;margin-left:0;font-size:14px}
}
.notification{font-size:14px;color:var(--color-red);padding-top:15px}

.downtwo-list{margin:0 auto;padding:0;overflow:hidden}
.downtwo-list li{width:48%;margin:1% 2% 1% 0;background-color:#f8f8f8;-webkit-transition:all .2s;transition:all .2s;padding:10px;overflow:hidden;float:left}
.downtwo-list li .downimg{-webkit-transition:all .2s;transition:all .2s;width:260px;float:left}
.downtwo-list li:hover{background-color:#f2f2f2}
.downtwo-list li img{width:100%}
.downtwo-list > li span{float:left;width:calc(100% - 260px);padding:20px}
.downtwo-list > li span h3{font-size:1.6rem;font-weight:600;line-height:24px;margin-bottom:10px}
.downtwo-list > li span .downtime{font-size:13px;text-align:left;line-height:22px;overflow:hidden;color:var(--text-color2)}
.downtwo-list > li span .downmore{margin-top:15px}
.downtwo-list > li span .downmore a{color:var(--primary-color);font-size:30px;font-weight:600}
.downtwo-list > li span .downmore a:hover{color:var(--color-red)}
@media (max-width:1100px){
	.downtwo-list li{width:100%;margin:1% 0 1% 0}
}
@media (max-width:768px){
	.downtwo-list li{width:100%;margin:1% 0 2% 0}
	.downtwo-list li .downimg{display:none}
	.downtwo-list li span{width:100%;padding:10px}
}

.video-list{margin:0 auto;padding:0;overflow:hidden}
.video-list li{width:31.333%;margin:1%;-webkit-transition:all .2s;transition:all .2s;overflow:hidden;float:left}
.video-list li .videoimg{width:100%;position:relative;overflow:hidden}
.video-list li .videoimg img{width:100%}
.video-list li .videoimg .playvideo{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.video-list > li span{width:100%;padding:10px;text-align:center}
.video-list > li span h3{font-size:1.6rem;font-weight:500;line-height:24px}
@media (max-width:1024px){
	.video-list li{width:48%;margin:1%}
}
@media (max-width:768px){
	.video-list li{width:100%;margin:1% 0 2% 0}
	.video-list li span{width:100%;padding:10px}
}

.jobcon{width:100%;padding:3% 15%;overflow:hidden}
.jobcon h3{font-size:16px;font-weight:500;line-height:32px;margin-bottom:30px}
.jobcon .ul li{background-color:#f2f2f2;position:relative;padding:1%;cursor:pointer}
.jobcon .ul li + li{margin-top:1.25%}
.jobcon .ul li:after{content:"";display:block;position:absolute;bottom:0;left:0;height:0.02rem;width:0;transition:all 0.3s ease-in-out}
.jobcon .ul .top{position:relative;padding:10px;font-size:16px;font-weight:500;line-height:1.4rem;color:var(--text-color)}
.jobcon .ul .top .num{position:absolute;left:0;display:block;color:#0cb5b0;font-weight:bold}
.jobcon .ul .icon{position:absolute;top:12px;right:12px;width:13px;height:6px;display:block;background:url(../images/icon_jt8_1.png) no-repeat center;cursor:pointer}
.jobcon .ul .on .icon{background-image:url(../images/icon_jt8_2.png)}
.jobcon .ul .bot{margin-top:1%;padding:20px 30px;font-size:14px;color:#444444;font-weight:normal;line-height:28px;display:none;background-color:#ffffff}
.jobcon .ul .bot p{width:100%;margin-bottom:20px}
.jobcon .ul .bot p span{margin-right:20px}
.jobcon .ul li:hover{box-shadow:0 0 0.15rem rgba(0,0,0,0.1)}
.jobcon .ul li:hover .icon{background-image:url(../images/icon_jt8_1_h.png)}
.jobcon .ul li.on:hover .icon{background-image:url(../images/icon_jt8_2_h.png)}
.jobcon .ul li.on:after,.jobcon .ul li:hover:after{width:100%}
@media (max-width:992px){
	.jobcon{width:100%;padding:3%;overflow:hidden}
	.jobcon .ul .top{padding-left:0.45rem}
}
@media (max-width:768px){
	.jobcon{padding:0}
	.jobcon .ul li{padding:10px;margin-bottom:15px}
	.jobcon .ul .top{padding:10px 0.6rem;line-height:24px}
	.jobcon .ul .icon{width:13px;height:6px;top:18px}
	.jobcon .ul .bot{padding:20px;line-height:24px}
}

.area{width:1260px;margin:0 auto;padding-top:40px}
.area .duli{display:block;margin-bottom:10px;overflow:hidden}
.area .duli h2{display:block;width:100%;font-size:20px;margin-bottom:20px;margin-right:20px;float:left}
.area .duli h2 a{color:var(--color-red)}
.area .duli .qcity{margin-bottom:20px}
.area .duli .qcity a{margin:5px 15px 10px 0;font-size:16px;border:1px solid #ccc;padding:8px 15px;display:inline-table}
.area .duli .qcity a:hover{background:var(--color-red);color:#ffffff;border:1px solid #ffffff}
.area .duli .qcity span{display:block;margin-bottom:10px}
.area .duli .qcity span a{font-size:16px;font-weight:bold;background:var(--text-color);color:#ffffff;border:1px solid #ccc;padding:8px 25px;display:inline-table}

footer{color:var(--text-color);width:100%;overflow:hidden}
footer .footer_one{width:100%;overflow:hidden;background:#eee url("../images/bottom_bg.jpg") no-repeat 50% 50%;background-size:cover;padding:3% 0}
footer .footer_one a{color:var(--text-color)}
footer .footer_one a:hover{color:var(--color-red)}
footer .footer_one h3{font-size:2rem;position:relative;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}
footer .footer_one h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:1px;background:var(--text-color2)}
footer .footer_one .footer-left{width:45%;padding-right:3%;float:left}
footer .footer_one .footer-left ul li{width:48%;float:left;margin-right:2%;line-height:30px;margin-bottom:5px}
footer .footer_one .footer-left ul li i{margin-right:8px}
footer .footer_one .footer-right{width:55%;float:right}
footer .footer_one .footer-right .scan{width:320px;text-align:center;padding:70px 0 0 0;float:left}
footer .footer_one .footer-right .scan li{width:120px;margin-right:20px;float:left}
footer .footer_one .footer-right .scan li img{width:100%}
footer .footer_one .footer-right .scan li span{width:100%;text-align:center;line-height:40px;font-size:12px}
footer .footer_one .footer-right .contact{width:calc(100% - 320px);padding:0 10px;float:left}
footer .footer_one .footer-right .contact ul li{line-height:30px;margin-bottom:5px;padding-left:30px;position:relative}
footer .footer_one .footer-right .contact ul li i{left:0;position:absolute;width:15px;text-align:center}
footer .footer_one .meiti{width:100%;float:left;padding-top:20px}
footer .footer_one .meiti a{float:left;width:36px;height:36px;margin-right:15px;margin-bottom:10px;list-style:none;display:flex;justify-content:center;align-items:center;border:1px solid #333333;transition:all ease-out 0.6s;box-sizing:border-box;border-radius:50%}
footer .footer_one .meiti a:hover{border:1px solid var(--primary-color); color: var(--primary-color)}
footer .footer_one .meiti i{font-size:16px;line-height:1}
@media (max-width:1440px){
	footer .footer_one{font-size:14px}
}
@media (max-width:1200px){
	footer .footer_one .footer-right .scan{width:180px;text-align:center;padding:10px 0 0 0;float:left}
	footer .footer_one .footer-right .scan li{width:120px;margin-right:0;margin-bottom:10px}
	footer .footer_one .footer-right .scan li img{width:100%}
	footer .footer_one .footer-right .scan li span{width:100%;text-align:center;line-height:20px;font-size:12px}
	footer .footer_one .footer-right .contact{width:calc(100% - 180px);padding:0 10px;float:left}
}
@media (max-width:992px){
	footer .footer_one .footer-left{width:100%;padding-right:0;float:left;display:none}
	footer .footer_one .footer-right{width:100%;float:left}
	footer .footer_one .footer-right .scan{width:100%;text-align:center;padding:30px 0 0 0;float:left}
	footer .footer_one .footer-right .scan li{width:120px;margin-right:20px;float:left}
	footer .footer_one .footer-right .contact{width:100%;padding:20px 10px;float:left}
	footer .footer_one .footer-right .contact ul li{font-size:1.4rem;line-height:26px;margin-bottom:5px;padding-left:30px;position:relative}
	footer .footer_one .footer-right .contact ul li i{left:0;position:absolute;width:15px;text-align:center}
	footer .footer_one .meiti{width:100%;float:left;padding-top:20px}
	footer .footer_one .meiti li{float:left;margin-right:15px;margin-bottom:10px;list-style:none;text-align:center}
}

#bottom{width:100%}
#bottom .bottom_con{width:100%;background:#111111;color:#ffffff;height:70px;line-height:70px;overflow:hidden}
#bottom .bottom_con a{color:#ffffff}
#bottom .bottom_con a:hover{color:#ffff00;text-decoration:underline}
#bottom .bottom_con .btleft{float:left;width:60%}
#bottom .bottom_con .btright{float:left;width:40%;text-align:right}
@media (max-width:1440px){
	#bottom .bottom_con{font-size:14px}
}
@media (max-width:992px){
	#bottom .bottom_con{line-height:24px;padding:15px 5px}
	#bottom .bottom_con .btleft{width:100%;text-align:center}
	#bottom .bottom_con .btright{width:100%;text-align:center}
}

.toc{position:sticky;margin-top:20px;background:#fafafa;border:1px solid #eee;border-radius:8px;max-width:100%;font-size:14px}
.toc-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer}
.toc-toggle{background:none;border:none;font-size:18px;cursor:pointer}
.toc-title {display: block; font-weight: 600; font-size: 20px;}
.toc-body{padding:0 15px 15px}
.toc.collapsed .toc-body{display:none}
.toc ul ul{padding-left:16px}
.toc ul ul li { font-size:13px;}
.toc a{color:#555;text-decoration:none}
.toc a:hover{color:var(--primary-color);text-decoration:underline}
.toc a.active{color:var(--primary-color);font-weight:600}
@media (max-width:768px){
    .toc{max-width:100%}
    .toc{margin-bottom:16px}
}