@font-face{
	font-family: "Noto Sans SC", Microsoft YaHei,PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	font-weight: normal; 
	font-style: normal;
}

/** 娓呴櫎鍐呭杈硅窛 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */
dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */
pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */
form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */
th, td /* table elements 琛ㄦ牸鍏冪礌 */ {
    margin: 0;
    padding: 0;
}

/** 璁剧疆榛樿瀛椾綋 **/
body,button, input, select, textarea /* for ie */ {
    font: 14px/1.0 "Noto Sans SC", Microsoft YaHei,PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝� */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */
small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇�, 璁� small 姝ｅ父鍖� */

/** 閲嶇疆鍒楄〃鍏冪礌 **/
ul, ol { list-style: none; }

/** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; } /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */
sub { vertical-align: text-bottom; }

/** 閲嶇疆琛ㄥ崟鍏冪礌 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗� */
button, input, select, textarea { font-size: 100%; outline: none;} /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
button, input[type="button"] { cursor: pointer;}
input::-ms-clear{display:none;}/*闅愯棌鏂囨湰妗嗗弶瀛�*/
input::-ms-reveal{display:none;}/*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/
/* 娉細optgroup 鏃犳硶鎵舵 */

/** 閲嶇疆琛ㄦ牸鍏冪礌 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 閲嶇疆 HTML5 鍏冪礌 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
  	image-rendering: crisp-edges;
}

html{
	font-size: 100px;
}
body{
	color: #333;
	overflow-x: hidden;
	background-color: #fff;
	padding-top: 0.9rem;
}
.clear_both::after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}



.w1680{
	max-width: 1680px;
	width: 87.5%;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}
.w1440{
	max-width: 1680px;
	width: 75%;
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}

.swiper-button-prev,.swiper-button-next{
	outline: none;
	width: 0.26rem;
	height: 0.44rem;
	margin-top: -0.22rem;
	background-size: 100% 100%;
}

.swiper-pagination-bullet{
	outline: none;
}

.mCustomScrollBox{
	padding-right: 0.3rem;
}
.mCSB_inside>.mCSB_container{
	margin-right: 0;
}
.mCSB_scrollTools{
	width: 2px;
	right: 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background: #ddd;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #194892 !important;
	width: 2px;
}

.head_box{
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 0.9rem;
	top: 0;
	left: 0;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 0.4rem;
	box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
	transition: all 0.5s ease;
}
.head_box .logo_a{
	flex-shrink: 0;
	width: 2.5rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.head_box .logo_a img{
	flex-shrink: 0;
	width: 100%;
}

.head_box .switch_div{
	font-size: 0;
	height: 0.16rem;
}
.head_box .switch_div .sc_a{
	display: inline-block;
	vertical-align: top;
	width: 0.18rem;
	height: 0.18rem;
	position: relative;
	background-image: url(../images/ss.png);
	background-size: 300%;
	background-repeat: no-repeat;
	background-position: 52% 42%;
}
.head_box .switch_div i{
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 100%;
	background-color: #c2c2c2;
	margin: 0 0.2rem;
}
.head_box .switch_div form{
	display: inline-block;
	vertical-align: top;
	width: 0.16rem;
	height: 100%;
	position: relative;
}
.head_box .switch_div form input{
	position: absolute;
	right: 0;
	bottom: -0.04rem;
	width: 0;
	height: 0.26rem;
	border: 0;
	border-bottom: 1px solid #666;
	font-size: 0.14rem;
	box-sizing: border-box;
	padding-right: 0.24rem;
	opacity: 0;
	transition: all 0.5s ease;
}
.head_box .switch_div form button{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	border: 0;
	background-image: url(../images/ss.png);
	background-size: 340%;
	background-repeat: no-repeat;
	background-position: 55% 40%;
}
.head_box .switch_div dl{
	display: inline-block;
	vertical-align: top;
	/* width: 0.7rem; */
	height: 100%;
	box-sizing: border-box;
	/* padding-left: 0.22rem;
	background-image: url(../images/tb38.png);
	background-size: contain;
	background-repeat: no-repeat; */
	position: relative;
}
/* .head_box .switch_div dl::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
	height: 100%;
	background-image: url(../images/jt14.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.5s ease;
} */
.head_box .switch_div dl dd{
	overflow: hidden;
	/* height: 0.16rem; */
	transition: all 0.5s ease;
}
.head_box .switch_div dl dd a{
	display: block;
	font-size: 0.16rem;
	color: #666;
	font-family: "AVE";
	/* margin-bottom: 0.06rem; */
	transition: all 0.5s ease;
}

.head_box .nav_ul{
	flex: 1;
	font-size: 0;
	text-align: center;
}
.head_box .nav_ul li{
	display: inline-block;
	vertical-align: top;
	margin: 0 0.38rem;
}
.head_box .nav_ul li>a{
	position: relative;
	display: block;
	font-size: 0.16rem;
	color: #333;
	height: 100%;
	line-height: 0.9rem;
	transition: all 0.5s ease;
}
.head_box .nav_ul li>a::after{
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: #009053;
	opacity: 0;
	transition: all 0.5s ease;
}
.head_box .nav_ul li.active>a::after{
	width: 100%;
	opacity: 1;
}

.head_box .nav_ul li a small{
	display: none;
    float: right;
    transition: all 0.5s ease;
}
.head_box .nav_ul li.active_li a small {
    transform: rotate(45deg);
}


.head_box .nav_ul li .xl_div{
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background-color: rgba(255,255,255,1);
	padding: 0.3rem 0;
	font-size: 0;
	box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.1) inset,
	0 0.05rem 0.1rem rgba(0,0,0,0.2);
}
.head_box .nav_ul li .xl_div a{
	display: block;
	width: 100%;
	margin-right: 0.2rem;
	font-size: 0.16rem;
	color: rgba(0,0,0,0.5);
	height: 0.54rem;
	line-height: 0.54rem;
	box-sizing: border-box;
	padding: 0 0.1rem;
	position: relative;
	text-align: left;
	transition: all 0.5s ease;
}
.head_box .nav_ul li .xl_div a::before{
	content: "";
	position: absolute;
	width: 0.25rem;
	height: 0.11rem;
	right: 0.1rem;
	top: 50%;
	background-image: url(../images/jt21a.png);
	background-size: 100% 100%;
	margin-top: -0.05rem;
	transition: all 0.5s ease;
}
.head_box .nav_ul li .xl_div a::after{
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #000;
	left: 0;
	bottom: 0;
	transition: all 0.5s ease;
}
.head_box .nav_ul li .xl_div a.active{
	color: rgba(0,0,0,1);
} 
.head_box .nav_ul li .xl_div a.active::before{
	background-image: url(../images/jt21b.png);
} 
.head_box .nav_ul li .xl_div a.active::after{
	width: 100%;
} 
.head_box .nav_ul li .xl_div dl{
	display: flex;
	width: 76%;
	height: 100%;
	margin: 0 auto;
	justify-content: space-between;
}

.head_box .nav_ul li .xl_div .dl1{

}
.head_box .nav_ul li .xl_div .dl1 dt{
	flex-shrink: 0;
	width: 20%;
}
.head_box .nav_ul li .xl_div .dl1 dd{
	flex-shrink: 0;
	width: 64%;
	padding-bottom: 36%;
	position: relative;
}
.head_box .nav_ul li .xl_div .dl1 dd i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.head_box .nav_ul li .xl_div .dl1 dd i:first-of-type{
	opacity: 1;
}
.head_box .nav_ul li .xl_div .dl1 dd i.show_i{
	opacity: 1;
}


.head_box .nav_ul li .xl_div .dl2{
	height: 27vw;
}
.head_box .nav_ul li .xl_div .dl2 dt{
	flex-shrink: 0;
	width: 50%;
	display: flex;
}
.head_box .nav_ul li .xl_div .dl2 dd{
	width: 46%;
}
.head_box .nav_ul li .xl_div .diva{
	flex-shrink: 0;
	width: 47%;
	margin-right: 6%;
} 
.head_box .nav_ul li .xl_div .diva a{
	
} 

.head_box .nav_ul li .xl_div .divb{
	flex-shrink: 0;
	width: 47%;
} 
.head_box .nav_ul li .xl_div .divb p{
	display: none;
}
.head_box .nav_ul li .xl_div .divb p:nth-of-type(1){
	display: block;
}

.head_box .nav_ul li .xl_div dd i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.head_box .nav_ul li .xl_div .divc{
	height: 100%;
}
.head_box .nav_ul li .xl_div .divc p{
	display: none;
}

.search_span{
	display: none;
	position: absolute;
	width: 0.7rem;
	height: 0.7rem;
	top: 0;
	right: 0.8rem;
	background-image: url(../images/ss.png);
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: 62% 64%;
}
.search_spans{
	background-size: 0.2rem;
	background-position: 50% 50%;
	background-image: url(../images/tb58.png);
}

.menu_box{
	display: none;
	position: absolute;
    width: 0.7rem;
    height: 0.7rem;
	top: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	background-color: #000;
	cursor: pointer;
	z-index: 12;
	transition: all 0.5s ease;
}
.menu_box dt{
	width: 25px;
	font-size: 0;
	text-align: right;
}
.menu_box dt i{
	display: inline-block;
	vertical-align: top;
	width: 100%;
    height: 2px;
    background-color: #e1e1e1;
    margin: 3px 0;
    transition: all 0.5s ease;
}


.menu_active{
	
}
.menu_active dt i:nth-of-type(1){
	transform: rotate(45deg) translate(5.5px, 6px);
}
.menu_active dt i:nth-of-type(2){
	opacity: 0;
}
.menu_active dt i:nth-of-type(3){
	transform: rotate(-45deg) translate(5.5px, -6px);
}


.headb_box{
	height: 0.7rem;
}
.headb_box .nav_ul li>a{
	line-height: 0.7rem;
}


.banner_box{
	position: relative;
}
.banner_box img{
	width: 100%;
}
.banner_box video{
	width: 100%;
}
.banner_box h5{
	position: absolute;
	top: 45%;
	left: 12.5%;
	color: #fff;
	margin-top: -1.09rem;
}
.banner_box h5 strong{
	display: block;
	font-size: 0.64rem;
	font-weight: normal;
	text-shadow: 0.04rem 0.04rem 0.08rem rgba(0,0,0,0.4);
}
.banner_box h5 p{
	font-size: 0.24rem;
	margin: 0.26rem 0 0.44rem;
}
.banner_box h5 small{
	display: block;
	width: 0.44rem;
	height: 0.44rem;
	border-radius: 50%;
	border: 1px solid #fff;
}
.banner_box h5 small::after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/jt15.png);
    background-size: 0.12rem 0.15rem;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0;
    animation: dh1 2s infinite;
}

.banner_box .ts_h5{
	color: #333;
}
.banner_box .ts_h5 p{
	color: #999;
}

@keyframes dh1 {
	0% {
		background-position-y: 0;
		opacity: 0;
	}
	60% {
		background-position-y: 0.15rem;
		opacity: 1;
	}
	100% {
		background-position-y: 0.29rem;
		opacity: 0;
	}
}

.banner_box .link_div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	background-color: rgba(0,0,0,0.8);
	font-size: 0;
	text-align: center;
}
.banner_box .link_div a{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	font-size: 0.18rem;
	color: #fff;
	margin: 0 0.56rem;
}

.crumb_box{
	text-align: right;
	font-size: 0.16rem;
	color: #666;
	height: 0.68rem;
	line-height: 0.68rem;
	padding-top: 0.16rem;
	border-bottom: 1px solid #e8e8e8;
	max-width: 1680px;
	width: 87.5%;
	margin: 0 auto;
	display: none;
}
.crumb_box a{
	color: #666;
	margin: 0 0.1rem;
	transition: all 0.5s ease;
}
.crumb_box a:last-of-type{
	margin-right: 0;
}

.pd{
	padding: 0.8rem 0;
}

.type_div{
	text-align: center;
	font-size: 0;
	margin-bottom: 0.7rem;
}
.type_div a{
	display: inline-block;
	vertical-align: top;
	width: 2.18rem;
	height: 0.6rem;
	line-height: 0.6rem;
	border: 1px solid #111;
	border-right: 0;
	transition: all 0.5s ease;
}
.type_div a:last-of-type{
	border-right: 1px solid #111;
}
.type_div a i{
	display: inline-block;
	vertical-align: middle;
	width: 0.3rem;
	height: 0.3rem;
	background-size: 100%;
	background-position-y: 0;
	margin-right: 0.14rem;
	transition: all 0.5s ease;
}
.type_div a span{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.18rem;
	transition: all 0.5s ease;
}
.type_div a.active{
	background-color: #111;
}
.type_div a.active i{
	background-position-y: -0.3rem;
}
.type_div a.active span{
	color: #fff;
}

.title_h5{
	text-align: center;
	font-size: 0.42rem;
	margin-bottom: 0.5rem;
	line-height: 1.2;
	color:#fff;
}
.title_h5 strong{
	display: block;
	font-weight: normal;
}
.title_h5 small{
	display: block;
	font-size: 0.2rem;
	color: #999;
	margin-bottom: 0.2rem;
}
.title_h5 span{
	display: block;
	font-size: 0.24rem;
	color: #666;
	margin-top: 0.1rem;
	font-family: "AVE";
	text-transform: uppercase;
}
.title_h5 p{
	font-size: 0.2rem;
	line-height: 1.6;
	color: #fff;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.title_h5 p:first-of-type{
	margin-top: 0.2rem;
}

.foot_box{
	background-color: #000;
	padding: 1.0rem 0 0.6rem;
}
.foot_box .divt{
	display: flex;
	justify-content: space-between;
}
.foot_box .xd_i{
	flex-shrink: 0;
	width: 1px;
	background-color: #1e2031;
}
.foot_box .div1{
	padding-top:0.5rem;
}
.foot_box .div1 .logo_a{
	display: block;
	width: 1.88rem;
}
.foot_box .div1 .logo_a img{
	width: 100%;
}
.foot_box .div1 h5{
	font-size: 0.2rem;
	font-family: "AVE";
	color: #fff;
	margin: 0.1rem 0 0.2rem;
}
.foot_box .div1 .bdsharebuttonbox{
	font-size: 0;
}
.foot_box .div1 .bdsharebuttonbox a{
	display: inline-block;
	vertical-align: top;
	float: none;
	margin: 0 0.16rem 0 0;
	padding: 0;
	width: 0.32rem;
	height: 0.32rem;
	background-image: url(../images/tb39.png);
	background-size: contain;
	position: relative;
}
.foot_box .div1 .bdsharebuttonbox a:nth-of-type(2){
	background-image: url(../images/tb40.png);
}
.foot_box .div1 .bdsharebuttonbox a:nth-of-type(3){
	background-image: url(../images/tb41.png);
}
.foot_box .div1 .bdsharebuttonbox a img{
	position: absolute;
	width: 1.1rem;
	top: 150%;
	left: 50%;
	margin-left: -0.55rem;
	opacity: 0;
	transition: all 0.5s ease;
}

.foot_box .div2{
	flex-shrink: 0;
	width: 42%;
	display: flex;
	justify-content: space-between;
}
.foot_box .div2 li{

}
.foot_box .div2 li a{
	display: block;
	font-size: 0.14rem;
	color: #e3e3e3;
	margin-top: 0.2rem;
	transition: all 0.5s ease;
}
.foot_box .div2 li a:first-of-type{
	font-size: 0.26rem;
	color: #fff;
	margin-bottom: 0.32rem;
}

.foot_box .div3{
	text-align: right;
}
.foot_box .div3 span{
	display: block;
	font-size: 0.14rem;
	color: #e3e3e3;
	background:url(../images/tb18.png) no-repeat 150px center;
	height:0.24rem;
	line-height:0.24rem;
}
.foot_box .div3 strong{
	display: block;
	font-size: 0.5rem;
	font-weight: normal;
	font-family: "AVE";
	color: #fff;
	margin: 0.15rem 0 0.38rem;
}
.foot_box .div3 em{
	display: inline-block;
	vertical-align: top;
}
.foot_box .div3 em img{
	width: 1.17rem;
}
.foot_box .div3 em.hide_em{
	display: none;
}
.foot_box .div3 em small{
	display: block;
	text-align: center;
	font-size: 0.14rem;
	color: #797a7d;
	margin-top: 0.14rem;
}

.foot_box .divb{
	text-align: center;
	font-size: 0.14rem;
	color: #737373;
	border-top: 1px solid #1e2031;
	padding-top: 0.38rem;
	margin-top: 0.88rem;
}
.foot_box .divb a{
	color: #737373;
}

.paging_div{
	font-size: 0;
	margin-top: 0.7rem;
	text-align: center;
}
.paging_div a{
	display: inline-block;
	vertical-align: top;
	width: 0.45rem;
	height: 0.45rem;
	border: 1px solid #e5e5e5;
	line-height: 0.45rem;
	font-size: 0.18rem;
	color: #666;
	margin: 0 2px;
	transition: all 0.5s ease;
}
.paging_div a.ts{
	font-size: 0.24rem;
	line-height: 0.42rem;
}
.paging_div a.active{
	background-color: #111;
	color: #fff;
}



.service_box{

}
.service_box .div1{
	margin-top: -0.6rem;
}
.service_box .div1 li{
	float: left;
	width: 18%;
	margin-right: 2.3%;
	margin-top: 0.6rem;
	cursor: pointer;
}
.service_box .div1 li:nth-of-type(5n){
	margin-right: 0;
}
.service_box .div1 li em{
	display: block;
	width: 100%;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.service_box .div1 li em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.service_box .div1 li em::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 0.8rem;
	height: 0.8rem;
	background-image: url(../images/tb1.png);
	background-size: cover;
}
.service_box .div1 li div{
	border: 1px solid #f2f2f2;
	border-top: 0;
	padding: 0.28rem 0rem 0rem;
	transition: all 0.5s ease;
}
.service_box .div1 li div h6{
	font-size: 0.24rem;
	line-height: 1;
	height: 0.36rem;
	overflow: hidden;
	transition: all 0.5s ease;
	text-align:center;
}
.service_box .div1 li div h6 p{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.service_box .div1 li div span{
	display: block;
	font-size: 0.16rem;
	color: #666;
	margin-top: 0.2rem;
	display: none;
	transition: all 0.5s ease;
}

.video_box{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
.video_box div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.video_box div i{
	position: absolute;
	left: 100%;
	top: 0;
	width: 0.4rem;
	height: 0.4rem;
	background-color: #fff;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.4rem;
	cursor: pointer;
}
.video_box div video,
.video_box div img{
	width: 100%;
	outline: none;
}



.query_box{
	width: 8.0rem;
	margin: 0 auto;
}
.query_box form{
	text-align: center;
}
.query_box form label{
	display: flex;
	height: 0.64rem;
	line-height: 0.64rem;
	border: 1px solid #e5e5e5;
	background-color: #f9f9f9;
	font-size: 0;
	padding-left: 0.26rem;
	text-align: left;
}
.query_box form span{
	flex-shrink: 0;
	width: 1.2rem;
	font-size: 0.18rem;
}
.query_box form input{
	flex: 1;
	background: none;
	border: none;
	font-size: 0.16rem;
}
.query_box form img{
	flex-shrink: 0;
	width: 1.5rem;
}
.query_box form p{
	font-size: 0.16rem;
	text-align: right;
	margin-top: 0.15rem;
	margin-bottom: 0.34rem;
	cursor: pointer;
	transition: all 0.5s ease;
}
.query_box form button{
	width: 2.3rem;
	height: 0.74rem;
	background-color: #111;
	color: #fff;
	font-size: 0.24rem;
	border: none;
	margin-top: 0.5rem;
	transition: all 0.5s ease;
}



.help_box{

}
.help_box .div1{
	border: 1px solid #f2f2f2;
	padding: 0.7rem 7%;
}
.help_box .div1 dd{
	display: none;
}
.help_box .div1 dd:first-of-type{
	display: block;
}
.help_box .div1 dd p{
	font-size: 0.16rem;
	line-height: 1.8;
	color: #666;
	text-align: justify;
}
.help_box .div1 dd p a{
	color: #194892;
}



.contact_box{

}
.contact_box .div1{
	border: 1px solid #f2f2f2;
}
.contact_box .div1 img{
	width: 100%;
}

.contact_box .div2{
	display: flex;
	margin: 0.7rem 0 1.3rem;
}
.contact_box .div2 dd{
	flex-shrink: 0;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}
.contact_box .div2 dd:first-of-type{
	border-right: 1px solid #dbdbdb;
}
.contact_box .div2 dd img{
	width: 0.54rem;
}
.contact_box .div2 dd h6{
	font-size: 0.24rem;
	margin: 0.32rem 0;
}
.contact_box .div2 dd strong{
	display: block;
	font-size: 0.18rem;
	font-family: "AVE";
}
.contact_box .div2 dd p{
	font-size: 0.16rem;
	color: #666;
	margin-top: 0.1rem;
}
.contact_box .div2 dd a{
	display: inline-block;
	vertical-align: top;
	width: 1.22rem;
	height: 0.44rem;
	line-height: 0.44rem;
	font-size: 0.16rem;
	color: #fff;
	background-color: #111;
	transition: all 0.5s ease;
}

.contact_box .div3{
	display: flex;
	flex-wrap: wrap;
}
.contact_box .div3 li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	text-align: center;
}
.contact_box .div3 li:nth-of-type(3n){
	margin-right: 0;
}
.contact_box .div3 li h6{
	width: 2.2rem;
	margin: 0 auto;
	background-color: #fff;
	margin-top: -0.12rem;
	font-size: 0.24rem;
}
.contact_box .div3 li div{
	display: inline-block;
	vertical-align: top;
	font-size: 0.16rem;
	color: #666;
	margin: 0.54rem 0;
}
.contact_box .div3 li p{
	display: block;
	white-space: nowrap;
	padding-left: 0.36rem;
	line-height: 2.0;
	text-align: left;
	background-image: url(../images/tb18.png);
	background-position: 0 center;
	background-size: 0.22rem;
	background-repeat: no-repeat;
}
.contact_box .div3 li p:nth-of-type(2){
	background-image: url(../images/tb19.png);
}
.contact_box .div3 li p:nth-of-type(3){
	background-image: url(../images/tb20.png);
}



.data_box{

}
.data_box ul{
	margin-top: -0.5rem;
}
.data_box ul li{
	float: left;
	width: 48%;
	margin-right: 4%;
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
}
.data_box ul li:nth-of-type(2n){
	margin-right: 0;
}
.data_box ul li em{
	flex-shrink: 0;
	width: 44%;
	padding-bottom: 56%;
	background-size: cover;
	background-position: center;
}
.data_box ul li div{
	flex-shrink: 0;
	width: 56%;
	box-sizing: border-box;
	padding: 0 0.54rem;
}
.data_box ul li div h6{
	font-size: 0.24rem;
	line-height: 1.2;
	margin-bottom: 0.36rem;
}
.data_box ul li div p{
	font-size: 0.16rem;
	line-height: 1.8;
	color: #666;
	height: 0.84rem;
	overflow: hidden;
	padding-left: 0.3rem;
	border-left: 1px solid #d6d6d6;
	box-sizing: border-box;
	margin-bottom: 0.46rem;
}
.data_box ul li div span{
	display: block;
	font-size: 0;
}
.data_box ul li div span a{
	display: inline-block;
	vertical-align: top;
	font-size: 0.16rem;
	color: #666;
	line-height: 0.25rem;
	height: 0.25rem;
	margin-right: 0.4rem;
	padding-right: 0.4rem;
	background-image: url(../images/tb47.png);
	background-size: 0.25rem;
	background-position: right 0;
	background-repeat: no-repeat;
	font-family: "AVE";
	transition: all 0.5s ease;
}
.data_box ul li div span a:nth-of-type(2){
	background-image: url(../images/tb48.png);
	margin-right: 0;
}



.flova_box{

}
.flova_box .div1{
	line-height: 1.6;
}
.flova_box .div1 p{
	font-size: 0.16rem;
	margin-bottom: 0.3rem;
	text-align: justify;
}
.flova_box .div1 h6{
	font-size: 0.24rem;
}

.flova_box .div2{
	display: flex;
	margin-top: 0.7rem;
	height: 34vw;
	justify-content: space-between;
}
.flova_box .div2 dt{
	flex-shrink: 0;
	width: 66%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.flova_box .div2 dt i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.flova_box .div2 dt::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1.0rem;
	height: 1.0rem;
	background-image: url(../images/tb5.png);
	background-size: 100% 100%;
}
.flova_box .div2 dd{
	flex-shrink: 0;
	width: 32.5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flova_box .div2 dd i{
	flex-shrink: 0;
	width: 100%;
	height: 48%;
	background-size: cover;
	background-position: center;
}
.flova_box .div2 dd i:last-of-type{
	margin-bottom: 0;
}



.news_box{

}
.news_box .div1{
	margin-top: -0.5rem;
}
.news_box .div1 li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-top: 0.5rem;
	border-bottom: 1px solid #e5e5e5;
}
.news_box .div1 li:nth-of-type(3n){
	margin-right: 0;
}
.news_box .div1 li a{
	display: block;
}
.news_box .div1 li em{
	display: block;
	padding-bottom: 66%;
	position: relative;
	overflow: hidden;
}
.news_box .div1 li em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.news_box .div1 li div{
	padding: 0.3rem 0 0.4rem;
}
.news_box .div1 li div h6{
	font-size: 0.24rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.2;
	margin-bottom: 0.2rem;
}
.news_box .div1 li div p{
	font-size: 0.16rem;
	line-height: 1.6;
	margin-bottom: 0.2rem;
}
.news_box .div1 li div span{
	font-size: 0.16rem;
	color: #666;
}



.videos_box{

}
.videos_box ul{
	margin-top: -0.6rem;
}
.videos_box ul li{
	float: left;
	width: 48.5%;
	margin-right: 3%;
	margin-top: 0.6rem;
	cursor: pointer;
}
.videos_box ul li:nth-of-type(2n){
	margin-right: 0;
}
.videos_box ul li em{
	display: block;
    padding-bottom: 65%;
    position: relative;
    overflow: hidden;
}
.videos_box ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.videos_box ul li em::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/tb1.png);
    background-size: cover;
}
.videos_box ul li h6{
	font-size: 0.3rem;
	text-align: center;
	margin-top: 0.28rem;
}



.case_box{

}
.case_box .div1{
	
}
.case_box .div1 dl{
	margin-bottom: 0.7rem;
}
.case_box .div1 dt{
	
}
.case_box .div1 dt i{
	display: block;
	width: 100%;
	padding-bottom: 60%;
	background-size: cover;
	background-position: center;
}
.case_box .div1 dd{
	margin-top: 0.3rem;
	display: flex;
	justify-content: space-between;
}
.case_box .div1 dd i{
	flex-shrink: 0;
	width: 32%;
	padding-bottom: 21%;
	background-size: cover;
	background-position: center;
}

.case_box .more_a{
	display: block;
	margin: 0 auto;
	width: 3.7rem;
	height: 0.74rem;
	background-color: #111;
	color: #fff;
	font-size: 0.24rem;
	text-align: center;
	line-height: 0.74rem;
}



.honor_box{

}
.honor_box .div1{
	background-color: #111;
	padding: 0.8rem 7%;
}
.honor_box .div1 ul{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.honor_box .div1 .ul1 li{
	flex-shrink: 0;
	width: 14%;
}
.honor_box .div1 .ul1 li img{
	max-width: 1.82rem;
	width: 100%;
}
.honor_box .div1 ul li h6{
	font-size: 0.16rem;
	color: #999;
	line-height: 1.4;
}
.honor_box .div1 .ul2{
	margin-top: 0.8rem;
}
.honor_box .div1 .ul2 li{
	flex-shrink: 0;
	width: 15%;
}
.honor_box .div1 .ul2 li img{
	max-width: 2.1rem;
	width: 100%;
}
.honor_box .div1 .ul2 li h6{
	margin-top: 0.3rem;
}

.honor_box .div2{
	margin: 0.7rem 0;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid #e6e6e6;
}
.honor_box .div2 .title_h5{
	line-height: 1.4;
}
.honor_box .div2 .swiper-container{
	
}
.honor_box .div2 .swiper-slide{

}
.honor_box .div2 .swiper-slide img{
	width: 100%;
	vertical-align: top;
}
.honor_box .div2 .swiper-slide h6{
	text-align: center;
	font-size: 0.24rem;
	margin-top: 0.26rem;
	font-family: "AVE";
}

.honor_box .div2 .swiper-button-prev{
	left: 0;
	margin-top: -0.72rem;
	width: 0.58rem;
	height: 0.95rem;
	background-color: rgba(0,0,0,0.7);
	background-image: url(../images/jt3.png);
	background-size: 0.21rem;
	background-repeat: no-repeat;
	background-position: center;
}
.honor_box .div2 .swiper-button-next{
	right: 0;
	margin-top: -0.72rem;
	width: 0.58rem;
	height: 0.95rem;
	background-color: rgba(0,0,0,0.7);
	background-image: url(../images/jt4.png);
	background-size: 0.21rem;
	background-repeat: no-repeat;
	background-position: center;
}

.honor_box .div3{
	
}
.honor_box .div3 dd{
	display: flex;
	justify-content: space-between;
}
.honor_box .div3 .dd1 i{
	flex-shrink: 0;
	width: 50%;
	padding-bottom: 35%;
	background-size: cover;
	background-position: center;
}

.honor_box .div3 .dd2{
	margin: 0.7rem auto;
}
.honor_box .div3 .dd2 i{
	flex-shrink: 0;
	width: 31%;
	padding-bottom: 43%;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	border: 1px solid #d9d4d4;
}

.honor_box .div3 .dd3 div{
	width: 49%;
	flex-shrink: 0;
}
.honor_box .div3 .dd3 div i{
	display: block;
	padding-bottom: 40%;
	background-size: cover;
	background-position: center;
}
.honor_box .div3 .dd3 div h6{
	text-align: center;
	font-size: 0.24rem;
	margin-top: 0.4rem;
}



.join_box{
	padding-bottom: 0;
}
.join_box .div1{
	border-top: 1px solid #f7f7f7;
}
.join_box .swiper_div li{
	display: none;
}
.join_box .swiper_div li:first-of-type{
	display: block;
}
.join_box .swiper_div li{
	font-size: 0;
}
.join_box .swiper_div .swiper-slide{
	background-size: cover;
	background-position: center;
}
.join_box .swiper_div .gallery-top{
	display: inline-block;
	vertical-align: top;
	width: 77%;
	height: 41vw;
	margin-right: 3%;
}
.join_box .swiper_div .gallery-thumbs{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	height: 41vw;
}
.join_box .swiper_div .gallery-thumbs .swiper-slide{
	opacity: 0.6;
}
.join_box .swiper_div .gallery-thumbs .swiper-slide-thumb-active{
	opacity: 1;
}
.join_box .swiper_div .swiper-button-prev{
	width: 0.3rem;
	height: 0.18rem;
	background-image: url(../images/jt7.png);
	background-size: 100% 100%;
	top: 0;
	left: 50%;
	margin-top: 0;
	margin-left: -0.15rem;
}
.join_box .swiper_div .swiper-button-next{
	width: 0.3rem;
	height: 0.18rem;
	background-image: url(../images/jt8.png);
	background-size: 100% 100%;
	top: auto;
	bottom: 0;
	left: 50%;
	margin-top: 0;
	margin-left: -0.15rem;
}

.join_box .div2{
	border-top: 1px solid #f7f7f7;
}
.join_box .div2 ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: -0.5rem;
}
.join_box .div2 ul li{
	flex-shrink: 0;
	width: 31%;
	margin-right: 3.5%;
	margin-top: 0.5rem;
}
.join_box .div2 ul li:nth-of-type(3n){
	margin-right: 0;
}
.join_box .div2 ul li em{
	display: block;
    padding-bottom: 59%;
    position: relative;
    overflow: hidden;
}
.join_box .div2 ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.join_box .div2 ul li div{
	margin-top: 0.3rem;
}
.join_box .div2 ul li div h6{
	font-size: 0.3rem;
}
.join_box .div2 ul li div p{
	font-size: 0.16rem;
	line-height: 1.6;
	text-align: justify;
	margin-top: 0.14rem;
}

.join_box .div3{
	border-top: 1px solid #f7f7f7;
}
.join_box .div3 ul{
	display: flex;
	justify-content: space-around;
	padding: 1.4%;
}
.join_box .div3 ul li{
	flex: 1;
}
.join_box .div3 ul li img{
	width: 100%;
	transform: scale(1.24);
}
.join_box .div3 ul li:nth-of-type(2n){
	margin-top: 6.8%;
}

.join_box .div4{
	background-color: #111;
}
.join_box .div4 .title_h5{
	color: #fff;
}
.join_box .div4 form{
	display: flex;
	color: #fff;
	flex-wrap: wrap;
	font-size: 0;
	justify-content: center;
}
.join_box .div4 form label{
	flex-shrink: 0;
	width: 28%;
	margin-right: 2%;
	position: relative;
}
.join_box .div4 form label:last-of-type{
	width: 38%;
	margin-right: 0;
}
.join_box .div4 form span{
	display: block;
	font-size: 0.18rem;
	margin-bottom: 0.2rem;
}
.join_box .div4 form input{
	width: 100%;
	height: 0.52rem;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 0.16rem;
	color: #333;
	padding: 0 0.2rem;
}
.join_box .div4 form em{
	position: absolute;
	width: 1.4rem;
	height: 0.5rem;
	background-color: #111;
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.5rem;
	right: 1px;
	bottom: 1px;
}
.join_box .div4 form select{
	width: 32%;
	height: 0.52rem;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 0.16rem;
	color: #333;
	padding: 0 0.16rem;
	margin-right: 2%;
}
.join_box .div4 form select:last-of-type{
	margin-right: 0;
}
.join_box .div4 form button{
	flex-shrink: 0;
	width: 2.52rem;
	height: 0.64rem;
	background-color: #fff;
	font-size: 0.24rem;
	border: none;
	margin-top: 0.7rem;
}



.banner_swiper{
	height: calc(100vh - 0.9rem);
}
.banner_swiper .swiper-button-next{
	right: 0.6rem;
}
.banner_swiper .swiper-button-prev{
	left: 0.6rem;
}
.banner_swiper .swiper-slide{
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.banner_swiper .swiper-slide video{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.banner_swiper .swiper-slide video.pc_video{

}
.banner_swiper .swiper-slide video.yd_video{
	display: none;
}
.banner_swiper .video-slide::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.65rem;
	height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
	margin: -0.32rem 0 0 -0.32rem;
	opacity: 0;
	transition: all 0.5s ease;
}
.banner_swiper .swiper-slide h6{
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	white-space: nowrap;
}
.banner_swiper .swiper-slide h6 strong{
	display: block;
	font-size: 0.72rem;
	font-weight: normal;
	margin-bottom: 0.2rem;
}
.banner_swiper .swiper-slide h6 p{
	font-size: 0.36rem;
	margin-bottom: 0.2rem;
}
.banner_swiper .swiper-slide h6 i{
	display: block;
	margin: 0 auto;
	width: 0.65rem;
	height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
}

.banner_swiper .swiper-slide h5{
	position: absolute;
	width: 75%;
	top: 45%;
	left: 12.5%;
	color: #fff;
	transform: translateY(-50%);
	/* margin-top: -1.09rem; */
}
.banner_swiper .swiper-slide h5 strong{
	display: block;
	font-size: 0.72rem;
	font-weight: normal;
	text-shadow: 0.04rem 0.04rem 0.08rem rgba(0,0,0,0.4);
}
.banner_swiper .swiper-slide h5 p{
	font-size: 0.3rem;
	margin: 0.26rem 0 0.44rem;
}
.banner_swiper .swiper-slide h5 small{
	display: block;
	width: 0.44rem;
	height: 0.44rem;
	border-radius: 50%;
	border: 1px solid #fff;
}
.banner_swiper .swiper-slide h5 small::after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/jt15.png);
    background-size: 0.12rem 0.15rem;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0;
    animation: dh1 2s infinite;
}
.banner_swiper .swiper-slide .ts_h5{
	color: #333;
}
.banner_swiper .swiper-slide .ts_h5 p{
	color: #999;
}

.swiper-pagination{
	line-height: 1;
	font-size: 0;
	bottom: 0.4rem !important;
}
.swiper-pagination span{
	vertical-align: top;
	width: 0.5rem;
	height: 5px;
	background-color: #fff;
	border-radius: 0;
}



.intellect_box{
	padding-bottom: calc(0.7rem - 1.5%);
}
.intellect_box .more_a{
	display: block;
	margin: 0.5rem auto 0;
	width: 1.4rem;
	height: 0.4rem;
	border: 1px solid #cacaca;
	font-size: 0.16rem;
	text-align: center;
	color: #666;
	line-height: 0.4rem;
	transition: all 0.5s ease;
}
.intellect_box .div1{
	display: flex;
	height: 36vw;
	background-size: cover;
	background-position: right center;
	flex-direction: column;
	justify-content: center;
	padding-left: 7%;
	margin-bottom: 0.7rem;
}
.intellect_box .div1 img{
	width: 1.07rem;
}
.intellect_box .div1 h6{
	font-size: 0.4rem;
	color: #fff;
	margin: 0.4rem 0;
}
.intellect_box .div1 h6 i{
	display: inline-block;
	vertical-align: top;
	margin: 0.06rem 0.1rem 0;
	width: 0.26rem;
	height: 0.26rem;
	background-image: url(../images/tb57.png);
	background-size: contain;
}
.intellect_box .div1 h6::after{
	content: "";
	display: block;
	width: 0.76rem;
	height: 3px;
	margin-top: 0.4rem;
	background-color: #5a5a58;
}
.intellect_box .div1 div{
	
}
.intellect_box .div1 div p{
	font-size: 0.2rem;
	color: #c3c3c3;
	line-height: 2.0;
}

.intellect_box .div2{

}
.intellect_box .div2 ul{
	display: flex;
	justify-content: space-between;
}
.intellect_box .div2 ul li{
	flex-shrink: 0;
	width: 32%;
	padding-bottom: 37%;
	background-size: cover;
	background-position: center;
}

.intellect_box .div2 dl{
	margin-bottom: 0.5rem;
    display: flex;
    height: 36vw;
    background-size: cover;
    background-position: right center;
    flex-direction: column;
    justify-content: center;
    padding-left: 7%;
}
.intellect_box .div2 dl dt{
	font-size: 0.48rem;
	line-height: 1.4;
	color: #fff;
}
.intellect_box .div2 dl strong{
	display: block;
	font-size: 0.72rem;
	font-weight: normal;
}
.intellect_box .div2 dl dd{
	margin-top: 0.32rem;
}
.intellect_box .div2 dl dd img{
	width: 2.82rem;
}

.intellect_box .div3{
	border-bottom: 1px solid #ebebeb;
}
.intellect_box .div3 ul{
	display: flex;
	justify-content: space-between;
}
.intellect_box .div3 ul li{
	flex-shrink: 0;
	width: 32%;
}
.intellect_box .div3 ul li i{
	display: block;
	width: 100%;
	padding-bottom: 115%;
	background-size: cover;
	background-position: center;
}
.intellect_box .div3 ul li h6{
	text-align: center;
	font-size: 0.28rem;
	margin-top: 0.3rem;
	line-height: 1.4;
}

.intellect_box .div4{
	margin-top: 0.7rem;
}
.intellect_box .div4 .swiper-container{
	height: 30vw;
	padding: 0 25%;
	margin-top: -1.5%;
}
.intellect_box .div4 .swiper-slide{
	transform: scale(0.7);
	transition: all 0.5s ease;
	overflow: hidden;
}
.intellect_box .div4 .swiper-slide i{
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.intellect_box .div4 .swiper-slide::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	transition: all 0.5s ease;
}
.intellect_box .div4 .swiper-slide-active{
	transform: scale(0.9);
}
.intellect_box .div4 .swiper-slide-active::after{
	opacity: 0;
}

.intellect_box .div4 .button_div{
	background: none;
	width: 0.85rem;
	height: auto;
}
.intellect_box .div4 .button_div i{
	display: block;
	width: 0.85rem;
	height: 0.32rem;
	background-size: contain;
	background-position: center;
}
.intellect_box .div4 .button_div span{
	display: block;
	font-size: 0.16rem;
	margin-top: 0.1rem;
}
.intellect_box .div4 .swiper-button-prev{
	left: 22%;
	background: none;
    width: 0.26rem;
    height: 0.44rem;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../images/jt18.png);
}
.intellect_box .div4 .swiper-button-next{
	right: 22%;
	background: none;
    width: 0.26rem;
    height: 0.44rem;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../images/jt19.png);
}



.intellectJs_box{

}
.intellectJs_box .div1{
	
}
.intellectJs_box .div1 div{
	margin-top: 0.5rem;
    height: 36vw;
    background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.intellectJs_box .div1 div::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
    transform: scale(1);
    transition: all 0.5s ease;
}
.intellectJs_box .div1 div video{
	position: absolute;
    opacity: 0;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.5s ease;
}
.intellectJs_box .div1 .show::after{
	transform: scale(1.6);
	opacity: 0;
}
.intellectJs_box .div1 .show video{
	opacity: 1;
}


.intellectJs_box .div2{

}
.intellectJs_box .div2 ul{
	display: flex;
    justify-content: space-between;
}
.intellectJs_box .div2 ul li{
	flex-shrink: 0;
    width: 32%;
}
.intellectJs_box .div2 ul li i{
	display: block;
    width: 100%;
    padding-bottom: 115%;
    background-size: cover;
    background-position: center;
}
.intellectJs_box .div2 ul li h6{
	text-align: center;
    font-size: 0.28rem;
	margin-top: 0.3rem;
	line-height: 1.4;
}

.intellectJs_box .div3{

}
.intellectJs_box .div3 ul{
	display: flex;
    justify-content: space-between;
}
.intellectJs_box .div3 ul li{
	flex-shrink: 0;
	width: 49%;
	padding-bottom: 36%;
    background-size: cover;
    background-position: center;
}

.intellectJs_box .div4{
	display: flex;
    justify-content: space-between;
}
.intellectJs_box .div4 li{
	flex-shrink: 0;
	width: 49%;
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
	padding: 0.6rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.intellectJs_box .div4 li img{
	flex-shrink: 0;
	width: auto;
	max-width: 100%;
}

.intellectJs_box .div5{
	
}
.intellectJs_box .div5 ul{
	display: flex;
	justify-content: space-between;
}
.intellectJs_box .div5 li{
	flex-shrink: 0;
	width: 23.5%;
}
.intellectJs_box .div5 li i{
	display: block;
	padding-bottom: 90%;
	background-size: cover;
	background-position: center;
}
.intellectJs_box .div5 li div{
	margin-top: 0.24rem;
}
.intellectJs_box .div5 li div h6{
	font-size: 0.18rem;
	line-height: 1.4;
}
.intellectJs_box .div5 li div p{
	font-size: 0.16rem;
	line-height: 1.6;
	color: #666;
	margin-top: 0.04rem;
}



.recommend_box{
	background-color: #f9f9f9;
}
.recommend_box .title_h6{
	font-size: 0.24rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
.recommend_box .title_h6::after{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-left: 0.1rem;
	width: 0.24rem;
	height: 0.24rem;
	background-image: url(../images/tb6.png);
	background-size: 100% 100%;
}
.recommend_box ul{

}
.recommend_box ul li{
	float: left;
	width: 19.2%;
	margin-right: 1%;
	border: 1px solid #eeeded;
	background-color: #fff;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.recommend_box ul li:nth-of-type(5n){
	margin-right: 0;
}
.recommend_box ul li a{
	display: block;
}
.recommend_box ul li em{
	display: block;
    width: 100%;
    padding-bottom: 44%;
    position: relative;
    overflow: hidden;
}
.recommend_box ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.recommend_box ul li h6{
	font-size: 0.18rem;
	text-align: center;
	line-height: 1.6;
	padding: 0.16rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}

.like_box{
	background-color: #fff;
}
.like_box .title_h6::after{
	background-image: url(../images/tb7.png);
}



.intellectXq_box{

}
.intellectXq_box ul{
	
}
.intellectXq_box ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin-bottom: 0.7rem; */
}
.intellectXq_box ul li:last-of-type{
	margin-bottom: 0;
}
.intellectXq_box ul li:nth-of-type(2n){
	flex-direction: row-reverse;
}
.intellectXq_box ul li em{
	flex-shrink: 0;
	width: 50%;	
}
.intellectXq_box ul li em i{
	display: block;
	width: 100%;
	padding-bottom: 90%;
	background-size: cover;
	background-position: center;
}
.intellectXq_box ul li div{
	flex-shrink: 0;
	width: 50%;
	box-sizing: border-box;
	padding: 0 5%;
}
.intellectXq_box ul li div h6{
	font-size: 0.38rem;
	line-height: 1.4;
	margin-bottom: 0.5rem;
}
.intellectXq_box ul li div p{
	font-size: 0.2rem;
	line-height: 1.6;
	text-align: justify;
}
.intellectXq_box ul li div a{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.6rem;
	font-size: 0;
}
.intellectXq_box ul li div a i{
	display: inline-block;
	vertical-align: top;
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/tb46.jpg);
	background-size: contain;
}
.intellectXq_box ul li div a span{
	display: inline-block;
	vertical-align: top;
	width: 1.0rem;
	height: 0.4rem;
	box-sizing: border-box;
	border: 1px solid #111;
	text-align: center;
	line-height: 0.38rem;
	font-size: 0.18rem;
	position: relative;
	transition: all 0.5s ease;
}
.intellectXq_box ul li div a span::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #111;
	opacity: 0;
	transition: all 0.5s ease;
}



.concealed_box{

}
.concealed_box .div1{
	
}
.concealed_box .div1 div{
	overflow: hidden;
	margin-top: 0.5rem;
    height: 36vw;
    background-size: cover;
    background-position: center;
    position: relative;
}
.concealed_box .div1 div::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
	transform: scale(1);
	transition: all 0.5s ease;
}
.concealed_box .div1 div video{
	position: absolute;
	opacity: 0;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: all 0.5s ease;
}
.concealed_box .div1 .show::after{
	opacity: 0;
	transform: scale(1.6);
}
.concealed_box .div1 .show video{
	opacity: 1;
}

.concealed_box .div2{

}
.concealed_box .div2 ul{
	
}
.concealed_box .div2 ul li{
	display: flex;
	justify-content: space-between;
	height: 47vw;
	margin-top: 0.5rem;
}
.concealed_box .div2 ul li:first-of-type{
	margin-top: 0;
}
.concealed_box .div2 ul li .swiper-container{
	flex-shrink: 0;
	width: 47%;
	margin: 0;
	height: 100%;
}
.concealed_box .div2 ul li .swiper-slide{
	background-size: cover;
	background-position: center;
}
.concealed_box .div2 ul li .swiper-button-prev{
	width: 0.35rem;
	height: 0.52rem;
	margin-top: -0.26rem;
	left: 0.3rem;
	background-image: url(../images/jt1.png);
	background-size: contain;
}
.concealed_box .div2 ul li .swiper-button-next{
	width: 0.35rem;
	height: 0.52rem;
	margin-top: -0.26rem;
	right: 0.3rem;
	background-image: url(../images/jt2.png);
	background-size: contain;
}

.concealed_box .div2 ul li dl{
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	background-color: #f3f3f3;
}
.concealed_box .div2 ul li dt{
	height: 58%;
	background-size: cover;
	background-position: center;
	position: relative;
	cursor: pointer;
}
.concealed_box .div2 ul li dt::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.concealed_box .div2 ul li dt video{
	position: absolute;
    opacity: 0;
	width: 100%;
	height: 100%;
    top: 0;
	left: 0;
	background-color: #000;
    transition: all 0.5s ease;
}

.concealed_box .div2 ul li dt.show::after{
	opacity: 0;
    transform: scale(1.6);
}
.concealed_box .div2 ul li dt.show video{
	opacity: 1;
}
.concealed_box .div2 ul li dd{
	display: flex;
	height: 42%;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	color: #666;
	line-height: 1.6;
	box-sizing: border-box;
	padding: 0 0.6rem;
}
.concealed_box .div2 ul li dd h6{
	font-size: 0.36rem;
}
.concealed_box .div2 ul li dd span{
	font-size: 0.3rem;
}
.concealed_box .div2 ul li dd p{
	font-size: 0.24rem;
	margin-top: 0.2rem;
}

.concealed_box .div2 .img_div{
	margin-bottom: 0.5rem;
}
.concealed_box .div2 .img_div img{
	width: 100%;
}

.concealed_box .div3{

}
.concealed_box .div3 .swiper-container{
	height: 36vw;
}
.concealed_box .div3 .swiper-slide{
	background-size: cover;
	background-position: center;
}

.concealed_box .div4{

}
.concealed_box .div4 .swiper-container{
	height: 36vw;
}
.concealed_box .div4 .swiper-slide{
	background-size: cover;
	background-position: center;
}
.concealed_box .div4 .swiper-button-prev{
	left: 0;
	width: 0.58rem;
	height: 0.95rem;
	background-image: url(../images/jt3.png);
	background-size: 0.21rem;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.7);
	margin-top: -0.47rem;
}
.concealed_box .div4 .swiper-button-next{
	right: 0;
	width: 0.58rem;
	height: 0.95rem;
	background-image: url(../images/jt4.png);
	background-size: 0.21rem;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.7);
	margin-top: -0.47rem;
}

.concealed_box .div4 ul{

}
.concealed_box .div4 ul li{
	background-color: #f3f3f3;
	margin-top: 0.5rem;
}
.concealed_box .div4 ul li a{
	display: flex;
	align-items: center;
}
.concealed_box .div4 ul li em{
	flex-shrink: 0;
	width: 42%;
	padding-bottom: 42%;
	position: relative;
	overflow: hidden;
}
.concealed_box .div4 ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.concealed_box .div4 ul li div{
	flex-shrink: 0;
	width: 58%;
	box-sizing: border-box;
	padding: 0 6%;
}
.concealed_box .div4 ul li div h6{
	font-size: 0.36rem;
	line-height: 1.4;
	margin-bottom: 0.42rem;
}
.concealed_box .div4 ul li div p{
	font-size: 0.2rem;
	line-height: 1.6;
	height: 1.28rem;
	overflow: hidden;
	color: #666;
	margin-bottom: 0.7rem;
}
.concealed_box .div4 ul li div span{
	display: inline-block;
	vertical-align: top;
	padding: 0.14rem 0.34rem;
	background-color: #333;
	font-size: 0.16rem;
	color: #fff;
	transition: all 0.5s ease;
}



.product_box{

}
.product_box .div1{
	position: relative;
}
.product_box #dws{
	display: block;
	transform: translateY(-0.7rem);
}
.product_box .div1 .w1680{
	display: flex;
	justify-content: space-between;
	padding: 0.36rem 0;
	align-items: center;
}
.product_box .div1 .title_h5{
	margin-bottom: 0;
}
.product_box .div1 .sx_span{
	font-size: 0.16rem;
	height: 0.3rem;
	line-height: 0.3rem;
	padding-right: 0.4rem;
	background-image: url(../images/tb2.png);
	background-size: 0.3rem;
	background-repeat: no-repeat;
	background-position-x: right;
	transition: all 0.5s ease;
	cursor: pointer;
}

.product_box .div1 dl{
	display: none;
	position: absolute;
	z-index: 12;
	width: 74%;
	top: 0;
	left: 26%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0.6rem;
}
.product_box .div1 dl dt{
	font-size: 0.36rem;
}
.product_box .div1 dl dd{
	margin-top: 0.5rem;
	width: 10.0rem;
}
.product_box .div1 dl dd h6{
	font-size: 0.3rem;
}
.product_box .div1 dl dd div{
	font-size: 0;
}
.product_box .div1 dl dd label{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.24rem;
}
.product_box .div1 dl dd input{
	width: 0.18rem;
	height: 0.18rem;
	vertical-align: middle;
	margin-right: 0.06rem;
}
.product_box .div1 dl dd span{
	font-size: 0.18rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: 1px;
}
.product_box .div1 dl dd .active span{
	color: #194892;
}

.product_box .div1 dl .dd1{
	
}
.product_box .div1 dl .dd1 label{
	margin-right: 0.42rem;
	cursor: pointer;
}
.product_box .div1 dl .dd1 label:last-of-type{
	margin-right: 0;
}
.product_box .div1 dl .dd1 label img{
	width: 0.44rem;
	height: 0.44rem;
	vertical-align: middle;
}
.product_box .div1 dl .dd1 label input{
	opacity: 0;
	width: 6px;
}
.product_box .div1 dl .dd1 label input:checked + span{
	font-weight: 800;
	color: #194892;
}

.product_box .div1 dl .dd2 label{
	width: 1.9rem;
}

.product_box .div1 dl .dd3 label{
	width: 4.6rem;
}

.product_box .div1 dl .out_i{
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	font-size: 0.32rem;
	text-align: center;
	line-height: 0.6rem;
	top: 0;
	right: 0;
	cursor: pointer;
}

.product_box .div1 dl .dd4 button{
	display: inline-block;
	vertical-align: top;
	border: none;
    padding: 0.14rem 0.34rem;
    background-color: #333;
    font-size: 0.16rem;
    color: #fff;
    transition: all 0.5s ease;
}


.product_box .div2{
	background-color: #f0f0f0;
	padding: 0.36rem 0;
}
.product_box .div2 h6{
	font-size: 0.18rem;
	margin-bottom: 0.3rem;
}
.product_box .div2 h6 strong{
	font-size: 0.36rem;
}

.product_box .div2 .form_div{
	display: flex;
	justify-content: space-between;
}

.product_box .div2 .form_div form{
	font-size: 0;
}
.product_box .div2 .form_div form select{
	width: 3.6rem;
	height: 0.5rem;
	background-color: #fff;
	box-sizing: border-box;
	border: none;
	padding: 0 0.12rem;
	font-size: 0.16rem;
	color: #999;
}
.product_box .div2 .form_div form .cz_btn{
	display: inline-block;
	vertical-align: top;
	height: 0.5rem;
	background: none;
	border: none;
	font-size: 0.16rem;
	color: #999;
	padding-left: 0.3rem;
	background-image: url(../images/tb4.png);
	background-repeat: no-repeat;
	background-position-y: center;
}
.product_box .div2 .form_div form div{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 0.2rem;
	font-size: 0;
}
.product_box .div2 .form_div form input{
	width: 3.6rem;
	height: 0.5rem;
	background-color: #fff;
	box-sizing: border-box;
	border: none;
	padding: 0 0.6rem 0 0.16rem;
	margin-left: 0.1rem;
	font-size: 0.16rem;
	color: #999;
}
.product_box .div2 .form_div form input::-webkit-input-placeholder {
    color: #999;
}
.product_box .div2 .form_div form input:-moz-placeholder {
    color: #999;
}
.product_box .div2 .form_div form input::-moz-placeholder {
    color: #999;
}
.product_box .div2 .form_div form input:-ms-input-placeholder {
    color: #999;
}
.product_box .div2 .form_div form .ss_btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 0.5rem;
	height: 0.5rem;
	border: none;
	background: none;
	background-image: url(../images/tb3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.19rem;
}

.product_box .div3{

}
.product_box .div3 ul{
	margin-top: -0.2rem;
}
.product_box .div3 ul li{
	float: left;
	width: 24.2%;
	margin-right: 1%;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	margin-top: 0.2rem;
	transition: all 0.5s ease;
}
.product_box .div3 ul li:nth-of-type(4n){
	margin-right: 0;
}
.product_box .div3 ul li a{
	display: block;
}
.product_box .div3 ul li em{
	display: block;
    width: 100%;
    padding-bottom: 44%;
    position: relative;
    overflow: hidden;
}
.product_box .div3 ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.product_box .div3 ul li h6{
	text-align: center;
	font-size: 0.18rem;
	color: #666;
	line-height: 1.6;
	padding: 0.16rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.5s ease;
}

.mb_box{
	display: none;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
}



.productXq_box{
	padding: 0.44rem 0 0.7rem;
}
.productXq_box .fh_a{
	display: inline-block;
	vertical-align: top;
	font-size: 0.18rem;
	color: #666;
	padding: 1px 0 1px 0.22rem;
	background-image: url(../images/jt17.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.productXq_box .div1{
	margin-top: 0.44rem;
}
.productXq_box .div1 .h5{
	margin-bottom: 0.6rem;
}
.productXq_box .div1 .h5 span{
	display: block;
	font-size: 0.36rem;
}
.productXq_box .div1 .h5 small{
	display: block;
	font-size: 0.3rem;
	color: #666;
	margin-top: 0.1rem;
}

.productXq_box .div1 .dl{
	display: flex;
}
.productXq_box .div1 .dl dt{
	flex-shrink: 0;
	width: 60%;
	margin-right: 5%;
}
.productXq_box .div1 .dl .swiper-button-prev{
	left: 0;
	width: 0.32rem;
	height: 0.65rem;
	background-image: url(../images/jt5.png);
	background-size: 100% 100%;
	margin-top: -0.33rem;
}
.productXq_box .div1 .dl .swiper-button-next{
	right: 0;
	width: 0.32rem;
	height: 0.65rem;
	background-image: url(../images/jt6.png);
	background-size: 100% 100%;
	margin-top: -0.33rem;
}
.productXq_box .div1 .dl .gallery-top{
	
}
.productXq_box .div1 .dl .gallery-top .swiper-slide{
	padding-bottom: 40%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.productXq_box .div1 .dl .gallery-thumbs{
	margin: 0.3rem auto 0;
	width: 44%;
}
.productXq_box .div1 .dl .gallery-thumbs .swiper-slide{
	padding-bottom: 10%;
	background-size: cover;
	opacity: 0.6;
	transition: all 0.5s ease;
}
.productXq_box .div1 .dl .gallery-thumbs .swiper-slide::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 4px solid #f3f3f3;
	opacity: 0;
	transition: all 0.5s ease;
}
.productXq_box .div1 .dl .gallery-thumbs .swiper-slide-thumb-active{
	opacity: 1;
}
.productXq_box .div1 .dl .gallery-thumbs .swiper-slide-thumb-active::after{
	opacity: 1;
}

.productXq_box .div1 .dl dd{
	flex-shrink: 0;
	width: 35%;
}
.productXq_box .div1 .dl dd h6{
	padding: 0.26rem;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	background:url(../images/tb45.png) no-repeat left center;
}
.productXq_box .div1 .dl dd h6 img{
	width: 0.68rem;
}
.productXq_box .div1 .dl dd h6 p{
	margin-left: 0.26rem;
}
.productXq_box .div1 .dl dd h6 p span{
	display: block;
	color: #999;
	font-size: 0.18rem;
}
.productXq_box .div1 .dl dd h6 p small{
	display: block;
	margin-top: 0.14rem;
	font-size: 0.18rem;
}
.productXq_box .div1 .dl dd em{
	font-size: 0;
	display: block;
	margin-top: 0.3rem;
}
.productXq_box .div1 .dl dd em a{
	float: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin-right: 0.46rem;
	font-size: 0.18rem;
	height: 0.36rem;
	line-height: 0.36rem;
	padding-left: 0.46rem;
	background-image: url(../images/tb44.png);
	background-size: 0.36rem;
	background-repeat: no-repeat;
}
.productXq_box .div1 .dl dd em a:last-of-type{
	margin-right: 0;
}
.productXq_box .div1 .dl dd em a:nth-of-type(2){
	background-image: url(../images/tb45.png);
}
.productXq_box .div1 .dl dd em a:nth-of-type(3){
	background-image: url(../images/tb43.png);
}
.productXq_box .div1 .dl dd em a.active{
	background-image: url(../images/tb44h.png);
}

.productXq_box .h6{
	font-size: 0.36rem;
	margin-bottom: 0.3rem;
}

.productXq_box .div2{
	margin-top: 0.7rem;
}
.productXq_box .div2 div{
	padding: 0.3rem 0.3rem 0;
	border-top: 1px solid #ccc;
}
.productXq_box .div2 div p{
	font-size: 0.24rem;
	line-height: 1.6;
}
.productXq_box .div2 div p img{
	max-width: 100%;
}

.productXq_box .div3{
	margin-top: 0.7rem;
}
.productXq_box .div3 div{
	width: 100%;
	padding-bottom: 42%;
	background-size: cover;
	background-position: center;
	position: relative;
}
.productXq_box .div3 div::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.65rem;
    height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
}
.productXq_box .div3 video{
	width: 100%;
	height: auto;
}

.productXq_box .div4{
	margin-top: 0.7rem;
}
.productXq_box .div4 div{
	border: 1px solid #ccc;
	text-align: center;
	padding: 0.4rem;
}
.productXq_box .div4 img{
	width: auto;
	max-width: 100%;
}



.preview_box{
	padding-top: 0;
}
.preview_box .title_h6{
	font-size: 0.24rem;
    text-align: center;
    margin-bottom: 0.5rem;
}
.preview_box ul{
	display: flex;
	justify-content: space-between;
	height: 46vw;
}
.preview_box ul li{
	flex-shrink: 0;
	width: 32%;
}
.preview_box ul li p{
	height: 58%;
	margin-bottom: 0.34rem;
	background-color: #949599;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.36rem;
	color: #fff;
	line-height: 1.8;
	padding: 0 0.6rem;
}
.preview_box ul li em{
	display: block;
	height: calc(42% - 0.34rem);
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.preview_box ul li em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}

.preview_box ul .li2 em{
	height: 100%;
}

.preview_box ul .li3 em{
	height: calc(50% - 0.17rem);
}
.preview_box ul .li3 em:first-of-type{
	margin-bottom: 0.34rem;
}



.star_box{

}
.star_box .div1{
	padding-top: 0.46rem;
	font-size: 0;
	text-align: center;
}
.star_box .div1 a{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 2.2rem;
	border-right: 1px solid #f1f1f1;
}
.star_box .div1 a:last-of-type{
	border-right: none;
}
.star_box .div1 a i{
	display: block;
	width: 0.63rem;
	height: 0.63rem;
	margin: 0 auto;
	background-size: 100% 100%;
}
.star_box .div1 a span{
	display: block;
	margin-top: 0.14rem;
	font-size: 0.14rem;
	color: #747474;
}

.star_box .div2{

}
.star_box .div2 .img_div{
	margin-bottom: 0.7rem;
}
.star_box .div2 .img_div img{
	width: 100%;
}

.star_box .div2 .w1680{
	padding: 0 0.6rem 0.7rem;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.star_box .div2 .swiper-button-prev{
	width: 0.26rem;
	height: 0.44rem;
	background-image: url(../images/jt18.png);
	background-size: 100% 100%;
	margin-top: -0.24rem;
	left: 0;
}
.star_box .div2 .swiper-button-next{
	width: 0.26rem;
	height: 0.44rem;
	background-image: url(../images/jt19.png);
	background-size: 100% 100%;
	margin-top: -0.24rem;
	right: 0;
}
.star_box .div2 .swiper-container{
	
}
.star_box .div2 .swiper-slide{
	display: flex;
	align-items: flex-end;
}
.star_box .div2 .swiper-slide i{
	flex-shrink: 0;
	width: 2.0rem;
	height: 2.9rem;
	background-size: cover;
	background-position: center;
}
.star_box .div2 .swiper-slide h6{
	flex: 1;
	box-sizing: border-box;
	margin-left: 0.2rem;
	margin-bottom: 0.5rem;
	font-size: 0.28rem;
}
.star_box .div2 .swiper-slide h6 small{
	display: block;
	font-size: 0.18rem;
	margin-top: 0.1rem;
}

.star_box .div3{

}
.star_box .div3 .swiper-container{
	height: 30vw;
	padding: 0 25%;
	margin-top: -1.5%;
}
.star_box .div3 .swiper-slide{
	transform: scale(0.7);
	overflow: hidden;
	transition: all 0.5s ease;
}
.star_box .div3 .swiper-slide i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.star_box .div3 .swiper-slide::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	transition: all 0.5s ease;
}
.star_box .div3 .swiper-slide-active{
	transform: scale(0.9);
}
.star_box .div3 .swiper-slide-active::after{
	opacity: 0;
}

.star_box .div3 .button_div{
	background: none;
	width: 0.85rem;
	height: auto;
}
.star_box .div3 .button_div i{
	display: block;
	width: 0.85rem;
	height: 0.32rem;
	background-size: contain;
	background-position: center;
}
.star_box .div3 .button_div span{
	display: block;
	font-size: 0.16rem;
	margin-top: 0.1rem;
}
.star_box .div3 .swiper-button-prev{
	left: 22%;
    background: none;
    width: 0.26rem;
    height: 0.44rem;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../images/jt18.png);
}
.star_box .div3 .swiper-button-next{
	right: 22%;
    background: none;
    width: 0.26rem;
    height: 0.44rem;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../images/jt19.png);
}

.star_box .div3 .swiper-pagination{
	position: static;
}
.star_box .div3 .swiper-pagination span{
	background-color: #111;
	margin: 0 4px;
}
.star_box .div3 .swiper-pagination span{
	
}

.star_box .div4{

}
.star_box .div4 ul{
	margin-top: -0.4rem;
}
.star_box .div4 ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 0.4rem;
}
.star_box .div4 ul li:nth-of-type(3n){
	margin-right: 0;
}
.star_box .div4 ul li a{
	display: block;
}
.star_box .div4 ul li em{
	display: block;
    width: 100%;
    padding-bottom: 115%;
    position: relative;
    overflow: hidden;
}
.star_box .div4 ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.star_box .div4 ul li h6{
	text-align: center;
	font-size: 0.2rem;
	margin-top: 0.22rem;
}

.star_box .div4 .more_a{
	display: block;
	margin: 0.7rem auto 0;
	width: 1.4rem;
	height: 0.42rem;
	line-height: 0.4rem;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	font-size: 0.16rem;
	color: #999;
	transition: all 0.5s ease;
}



.list_box{
	padding-bottom: 0.7rem;
	padding-top: 0.3rem;
}
.list_box .divl{
	float: left;
	width: 24%;
	border-top: 1px solid #c7c7c7;
}
.list_box .divl li{
	border-bottom: 1px solid #c7c7c7;
	position: relative;
}
.list_box .divl li::after{
	content: "";
	position: absolute;
	right: 0.2rem;
	top: 0.18rem;
	width: 0.16rem;
	height: 0.16rem;
	background-image: url(../images/jt13.png);
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
.list_box .divl li>a{
	display: block;
	font-size: 0.2rem;
	height: 0.5rem;
	line-height: 0.5rem;
	padding: 0 0.2rem;
}
.list_box .divl li p{
	display: none;
	padding: 0 0.2rem 0.2rem;
}
.list_box .divl li p a{
	display: block;
	font-size: 0.16rem;
	line-height: 2.0;
}

.list_box .divr{
	float: right;
	width: 70%;
}
.list_box .divr .h5{
	font-size: 0.2rem;
}
.list_box .divr ul{

}
.list_box .divr ul li{
	float: left;
    width: 32%;
    margin-right: 2%;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    margin-top: 0.2rem;
    transition: all 0.5s ease;
}
.list_box .divr ul li:nth-of-type(3n){
	margin-right: 0;
}
.list_box .divr ul li a{
	display: block;
}
.list_box .divr ul li em{
	display: block;
    width: 100%;
    padding-bottom: 84%;
    position: relative;
    overflow: hidden;
}
.list_box .divr ul li em i{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.list_box .divr ul li h6{
	text-align: center;
    font-size: 0.18rem;
    color: #666;
    line-height: 1.6;
    padding: 0.16rem;
    transition: all 0.5s ease;
}

.list_box .divr .more_a{
	display: block;
    margin: 0.7rem auto 0;
    width: 1.4rem;
    height: 0.42rem;
    line-height: 0.38rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    font-size: 0.16rem;
    color: #999;
    transition: all 0.5s ease;
}
.list_box .divr .more_a i{
	font-size: 0.2rem;
}



.starXq_box{

}
.starXq_box .div1{
	background-color: #ebebeb;
}
.starXq_box .div1 .crumb_box{
	text-align: left;
}
.starXq_box .div1 dl{
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-top: 0.3rem; */
	padding: 0.4rem 0;
	height: 6.0rem;
}
.starXq_box .div1 dl dt{
	flex-shrink: 0;
	width: 24%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.starXq_box .div1 dl dd{
	margin-left: 4%;
}
.starXq_box .div1 dl dd h6{
	font-size: 0.6rem;
	line-height: 1.2;
}
.starXq_box .div1 dl dd p{
	font-size: 0.3rem;
	margin-top: 0.44rem;
	color: #666;
}

.starXq_box .div2{
	padding-top: 0.8rem;
}
.starXq_box .div2 dl{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}
.starXq_box .div2 dt{
	flex-shrink: 0;
	width: 50%;
}
.starXq_box .div2 dt img{
	width: 100%;
}
.starXq_box .div2 dd{
	width: 50%;
	box-sizing: border-box;
	padding: 0 5%;
}
.starXq_box .div2 dd h6{
	font-size: 0.38rem;
	line-height: 1.2;
	margin-bottom: 0.26rem;
}
.starXq_box .div2 dd p{
	font-size: 0.2rem;
	line-height: 1.6;
}
.starXq_box .div2 dl:nth-of-type(2n){
	flex-direction: row;
}

.starXq_box .div3{

}
.starXq_box .div3 .swiper_div{
	position: relative;
}
.starXq_box .div3 .swiper-container{
	width: 100%;
	height: 6.0rem;
}
.starXq_box .div3 .swiper-button-prev{
	width: 0.35rem;
	height: 0.52rem;
	background-image: url(../images/jt1.png);
	background-size: 100% 100%;
	left: 0;
	margin-top: -0.26rem;
}
.starXq_box .div3 .swiper-button-next{
	width: 0.35rem;
	height: 0.52rem;
	background-image: url(../images/jt2.png);
	background-size: 100% 100%;
	right: 0;
	margin-top: -0.26rem;
}
.starXq_box .div3 .swiper-slide{
	background-size: cover;
	background-position: center;
}

.starXq_box .div3 ul{
	margin-top: 0.7rem;
}
.starXq_box .div3 ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.starXq_box .div3 ul li:nth-of-type(3n){
	margin-right: 0;
}
.starXq_box .div3 ul li h6{
	font-size: 0.32rem;
	line-height: 1.4;
	margin-bottom: 0.2rem;
}
.starXq_box .div3 ul li p{
	font-size: 0.2rem;
	line-height: 1.6;
	height: 1.28rem;
	overflow: hidden;
}
.starXq_box .div3 ul li i{
	display: block;
	padding-bottom: 74%;
	background-size: cover;
	background-position: center;
}



.colour_box{

}
.colour_box .div1{
	margin-bottom: 0.7rem;
}
.colour_box .div1 dl{
	
}
.colour_box .div1 dt{
	
}
.colour_box .div1 dt i{
	display: block;
    width: 100%;
    padding-bottom: 41%;
    background-size: cover;
    background-position: center;
}
.colour_box .div1 dd{
	margin-top: 0.3rem;
    display: flex;
    justify-content: space-between;
}
.colour_box .div1 dd i{
	flex-shrink: 0;
    width: 32%;
    padding-bottom: 37%;
    background-size: cover;
    background-position: center;
}

.colour_box .div1 .more_a{
	display: block;
    margin: 0.5rem auto 0;
    width: 1.4rem;
    height: 0.42rem;
    line-height: 0.4rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    font-size: 0.16rem;
    color: #999;
    transition: all 0.5s ease;
}

.colour_box .div2{
	padding-top: 0.7rem;
	border-top: 1px solid #e9e9e9;
}
.colour_box .div2 .swiper-slide{

}
.colour_box .div2 .swiper-slide em{
	display: block;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.colour_box .div2 .swiper-slide em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}
.colour_box .div2 .swiper-slide h6{
	text-align: center;
	font-size: 0.4rem;
	margin: 0.48rem 0 0.24rem;
}
.colour_box .div2 .swiper-slide p{
	text-align: center;
	font-size: 0.18rem;
	line-height: 1.6;
}

.colour_box .div2 .swiper-pagination{
	position: static;
	width: 100%;
	margin-top: 0.5rem;
}
.colour_box .div2 .swiper-pagination span{
	background-color: #111;
    margin: 0 4px;
}
.colour_box .div2 .swiper-pagination span{
	
}



.colourJs_box{
	
}
.colourJs_box .div1{
	
}
.colourJs_box .div1 dl{

}
.colourJs_box .div1 dl dt{
	margin-top: 0.5rem;
    height: 36vw;
    background-size: cover;
    background-position: center;
    position: relative;
}
.colourJs_box .div1 dd{
	margin-top: 0.68rem;
	display: flex;
	height: 36vw;
	align-items: center;
	justify-content: space-between;
}
.colourJs_box .div1 dd .swiper-container{
	flex-shrink: 0;
	width: 38%;
	height: 100%;
	margin: 0;
}
.colourJs_box .div1 dd .swiper-slide{
	background-size: cover;
	background-position: center;
}
.colourJs_box .div1 dd .swiper-button-next{
	width: 0.35rem;
    height: 0.52rem;
    margin-top: -0.26rem;
    right: 0.3rem;
    background-image: url(../images/jt2.png);
    background-size: contain;
}
.colourJs_box .div1 dd .swiper-button-prev{
	width: 0.35rem;
    height: 0.52rem;
    margin-top: -0.26rem;
    left: 0.3rem;
    background-image: url(../images/jt1.png);
    background-size: contain;
}

.colourJs_box .div1 dd .divr{
	flex-shrink: 0;
	width: 56%;
}
.colourJs_box .div1 dd .divr h6{
	font-size: 0.42rem;
	margin-bottom: 0.3rem;
}
.colourJs_box .div1 dd .divr p{
	font-size: 0.18rem;
	line-height: 1.8;
}

.colourJs_box .div2{
	/* padding-bottom: 0; */
}
.colourJs_box .div2 li{
	margin-bottom: 0.7rem;
}
.colourJs_box .div2 li:last-of-type{
	margin-bottom: 0;
}
.colourJs_box .div2 li dl{
	display: flex;
	height: 44vw;
	justify-content: space-between;
}
.colourJs_box .div2 li dt{
	flex-shrink: 0;
	width: 56%;
	background-size: cover;
	background-position: center;
}
.colourJs_box .div2 li dd{
	flex-shrink: 0;
	width: calc(44% - 0.3rem);
}
.colourJs_box .div2 li dd i{
	display: block;
	width: 100%;
	height: calc(50% - 0.15rem);
	margin-bottom: 0.3rem;
	background-size: cover;
	background-position: center;
}
.colourJs_box .div2 li dd i:last-of-type{
	margin-bottom: 0;
}

.colourJs_box .div2 li:nth-of-type(2n) dl{
	flex-direction: row-reverse;
}

.colourJs_box .div2 .more_a{
	display: block;
    margin: 0.5rem auto 0;
    width: 1.4rem;
    height: 0.42rem;
    line-height: 0.4rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    font-size: 0.16rem;
    color: #999;
    transition: all 0.5s ease;
}

.colourJs_box .div3{
    height: 36vw;
    background-size: cover;
    background-position: center;
	position: relative;
	overflow: hidden;
}
.colourJs_box .div3 video{
	position: absolute;
    opacity: 0;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all 0.5s ease;
}
.colourJs_box .div3::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
    background-image: url(../images/tb1.png);
    background-size: 100% 100%;
    transform: scale(1);
    transition: all 0.5s ease;
}
.colourJs_box .show video{
	opacity: 1;
}
.colourJs_box .show::after{
	opacity: 0;
    transform: scale(1.6);
}



.thumbnail_box{

}
.thumbnail_box ul{
	display: flex;
	height: 40vw;
	justify-content: space-between;
}
.thumbnail_box ul li{
	flex-shrink: 0;
	width: 32%;
	overflow: hidden;
}
.thumbnail_box ul li i{
	display: block;
	width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}
.thumbnail_box ul li em{
	display: block;
	width: 100%;
	height: calc(50% - 0.15rem);
	margin-bottom: 0.3rem;
	overflow: hidden;
}
.thumbnail_box ul li span{
	display: flex;
	width: 100%;
	height: calc(50% - 0.15rem);
	background-color: #e7e7e7;
	font-size: 0.6rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.thumbnail_box ul li span small{
	display: block;
	width: 0.96rem;
	font-size: 0.24rem;
	margin-top: 0.16rem;
	padding-bottom: 4px;
	border-bottom: 1px solid #333;
}



.shower_box{
	
}
.shower_box .swiper-button-prev{
	left: 0.2rem;
}
.shower_box .swiper-button-next{
	right: 0.2rem;
}
.shower_box .div1{
	
}
.shower_box .div1 div{
	overflow: hidden;
	position: relative;
	height: 41vw;
	background-size: cover;
	background-position: center;
}
.shower_box .div1 div::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
	background-image: url(../images/tb1.png);
	background-size: 100% 100%;
	transform: scale(1);
	transition: all 0.5s ease;
}
.shower_box .div1 div video{
	position: absolute;
	opacity: 0;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: all 0.5s ease;
}
.shower_box .div1 .show::after{
	opacity: 0;
	transform: scale(1.6);
}
.shower_box .div1 .show video{
	opacity: 1;
}


.shower_box .div2{

}
.shower_box .div2 .swiper-container{
	
}
.shower_box .div2 .swiper-slide{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.shower_box .div2 .swiper-slide i{
	flex-shrink: 0;
	width: 47%;
	padding-bottom: 40%;
	background-size: cover;
	background-position: center;
}
.shower_box .div2 .swiper-slide div{
	flex-shrink: 0;
	width: 51%;
}
.shower_box .div2 .swiper-slide em{
	display: block;
	padding-bottom: 52%;
	position: relative;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	cursor: pointer;
}
.shower_box .div2 .swiper-slide em video{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: #111;
	transition: all 0.5s ease;
}
.shower_box .div2 .swiper-slide em::after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.32rem 0 0 -0.32rem;
    width: 0.65rem;
    height: 0.65rem;
    background-image: url(../images/tb1.png);
    background-size: 100% 100%;
    transform: scale(1);
    transition: all 0.5s ease;
}
.shower_box .div2 .swiper-slide em.show video{
	opacity: 1;
}
.shower_box .div2 .swiper-slide em.show::after{
	opacity: 0;
    transform: scale(1.6);
}
.shower_box .div2 .swiper-slide h6{
	font-size: 0.32rem;
	line-height: 1.4;
	margin-top: 0.4rem;
	margin-bottom: 0.24rem;
}
.shower_box .div2 .swiper-slide h6 span{
	display: block;
}
.shower_box .div2 .swiper-slide p{
	font-size: 0.18rem;
	line-height: 1.6;
}

.shower_box .div2 .swiper-pagination{
	position: static;
	margin-top: 0.5rem;
}
.shower_box .div2 .swiper-pagination span{
	background-color: #111;
    margin: 0 4px;
}

.shower_box .div3{
	margin: 0.8rem 0;
}
.shower_box .div3 div{
	background-color: #111;
	padding: 0.7rem 0 0;
}
.shower_box .div3 div .title_h5{
	color: #fff;
}
.shower_box .div3 div .title_h5 span{
	color: #fff;
	font-family: "AVE";
}
.shower_box .div3 div ul{
	display: flex;
	height: 22vw;
	justify-content: space-between;
}
.shower_box .div3 div ul li{
	flex-shrink: 0;
	width: 19%;
	transition: all 0.5s ease;
}
.shower_box .div3 div ul li a{
	display: flex;
	width: 100%;
	align-items: center;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.shower_box .div3 div ul li h6{
	text-align: center;
	width: 100%;
}
.shower_box .div3 div ul li h6 img{
	width: 0.69rem;
}
.shower_box .div3 div ul li h6 span{
	display: block;
	font-size: 0.18rem;
	color: #fff;
	margin-top: 0.2rem;
	text-align: center;
}


.shower_box .div4{

}
.shower_box .div4 a{
	display: block;
	overflow: hidden;
}
.shower_box .div4 a img{
	width: 100%;
	transition: all 0.5s ease;
}
.shower_box .div4 .swiper4{
	margin-top: 0.36rem;
}
.shower_box .div4 .swiper4 .swiper-slide{
	height: 29vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding-left: 0.6rem;
	overflow: hidden;
}
.shower_box .div4 .swiper4 .swiper-slide i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.shower_box .div4 .swiper4 .swiper-slide h6{
	font-size: 0.36rem;
	line-height: 1.4;
	color: #fff;
	position: relative;
	z-index: 3;
}
.shower_box .div4 .swiper4 .swiper-slide span{
	display: block;
    margin-top: 0.4rem;
    width: 1.4rem;
    height: 0.42rem;
    line-height: 0.4rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fff;
    font-size: 0.16rem;
    color: #fff;
	transition: all 0.5s ease;
	position: relative;
	z-index: 3;
}

.shower_box .div5 .swiper-slide img{
	width: 100%;
}



.collection_box{
		
}
.collection_box .h5{
	font-size: 0.36rem;
}
.collection_box .h6{
	text-align: right;
	margin-bottom: 0.4rem;
}
.collection_box .h6 span{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
    width: 1.6rem;
    height: 0.4rem;
    border: 1px solid #cacaca;
    font-size: 0.16rem;
    text-align: center;
    color: #666;
	line-height: 0.4rem;
	cursor: pointer;
    transition: all 0.5s ease;
}
.collection_box ul{
	border-top: 1px solid #eee;
}
.collection_box ul li{
	border-bottom: 1px solid #eee;
	position: relative;
}
.collection_box ul li a{
	display: flex;
	padding: 0.2rem 0;
}
.collection_box ul li em{
	flex-shrink: 0;
	width: 3.0rem;
	height: 2.0rem;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #eee;
}
.collection_box ul li em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.collection_box ul li div{
	flex: 1;
	box-sizing: border-box;
	padding: 0.2rem 0.4rem;
}
.collection_box ul li div h6{
	font-size: 0.18rem;
	margin-bottom: 0.2rem;
}
.collection_box ul li div p{
	font-size: 0.16rem;
	line-height: 1.6;
}
.collection_box ul li small{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	border: 1px solid #cacaca;
	text-align: center;
	line-height: 0.4rem;
	font-size: 0.16rem;
	transition: all 0.5s ease;
}



.showerJs_box{

}
.showerJs_box .div1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.showerJs_box .div1 em{
	flex-shrink: 0;
	width: 48%;
	padding-bottom: 38%;
	background-size: cover;
	background-position: center;
}
.showerJs_box .div1 div{
	flex-shrink: 0;
	width: 48%;
}
.showerJs_box .div1 div h5{
	font-size: 0.48rem;
	margin-bottom: 0.4rem;
	line-height: 1.2;
}
.showerJs_box .div1 div h5 span{
	display: block;
}
.showerJs_box .div1 div p{
	font-size: 0.18rem;
	line-height: 1.6;
	color: #666;
	text-align: justify;
}

.showerJs_box .div2{
	margin-top: 0.7rem;
}
.showerJs_box .div2 ul{
	margin-top: -0.3rem;
}
.showerJs_box .div2 ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 0.3rem;
}
.showerJs_box .div2 ul li:nth-of-type(3n){
	margin-right: 0;
}
.showerJs_box .div2 ul li a{
	display: block;
}
.showerJs_box .div2 ul li em{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 120%;
}
.showerJs_box .div2 ul li em i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.showerJs_box .div2 ul li h6{
	font-size: 0.2rem;
	text-align: center;
	line-height: 1.6;
	padding: 0.2rem 0;
}
.showerJs_box .div2 ul li h6 strong{
	display: block;
	font-weight: normal;
}
.showerJs_box .div2 ul li h6 span{
	display: block;
	font-weight: normal;
}

.showerJs_box .div2 .more_a{
	display: block;
    margin: 0.5rem auto 0;
    width: 1.4rem;
    height: 0.42rem;
    line-height: 0.4rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    font-size: 0.16rem;
    color: #999;
    transition: all 0.5s ease;
}



.showerXq_box{
	width: 1200px;
	margin: 0 auto;
}
.showerXq_box img{
	width: 100%;
}



.mb_div {
	position: fixed;
	z-index: 6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.welcome_box{
    width: 100%;
    height: calc(100vh - 0.9rem);
}
.welcome_box .pagination0{
	top: auto;
	bottom: 50% !important;
	transform: translateY(50%);
}
.welcome_box .pagination0 span{
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
	margin: 0.1rem 0 !important;
}


.welcome_box .swiper-slide{
    overflow: hidden;
}
.welcome_box>.swiper-wrapper{
	transition-timing-function: cubic-bezier(0.6,0,0.2,1);
}

.welcome_box .slide1{

}
.welcome_box .slide1 .swiper-button-prev{
	left: 0.6rem;
	width: 0.26rem;
	height: 0.44rem;
	background-size: 100% 100%;
}
.welcome_box .slide1 .swiper-button-next{
	right: 0.6rem;
	width: 0.26rem;
	height: 0.44rem;
	background-size: 100% 100%;
}
.welcome_box .slide1 .swiper-container{
	width: 100%;
	height: 100%;
}
.welcome_box .slide1 .swiper-slide{
	
}
.welcome_box .slide1 .swiper-slide video{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.welcome_box .slide1 .swiper-slide div{
	position: absolute;
	z-index: 3;
	width: 5.2rem;
	top: 50%;
	left: 12.5%;
	transform: translateY(-50%);
	color: #fff;
}
.welcome_box .slide1 .swiper-slide div span{
	display: block;
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
	opacity: 0;
	transform: translateY(1rem);
    transition: all 0.8s 0.2s;
}
.welcome_box .slide1 .swiper-slide div h6{
	font-size: 0.72rem;
	margin-bottom: 0.32rem;
	transform: translateY(1rem);
	opacity: 0;
    transition: all 0.8s 0.4s;
}
.welcome_box .slide1 .swiper-slide div p{
	font-size: 0.2rem;
	line-height: 1.6;
	opacity: 0;
	transform: translateY(1rem);
    transition: all 0.8s 0.6s;
}
.welcome_box .slide1 .swiper-slide div i{
	margin-top: 0.6rem;
	display: block;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 50%;
	border: 1px solid #fff;
	opacity: 0;
	transform: rotate(-90deg) translateX(-1rem);
    transition: all 0.8s 0.8s;
}
.welcome_box .slide1 .swiper-slide div i::after{
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/jt15.png);
    background-size: 0.12rem 0.15rem;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0;
    animation: dh1 2s infinite;
}

.welcome_box .slide1 .active_slide div span{
    opacity: 1;
    transform: translateY(0);
}
.welcome_box .slide1 .active_slide div h6{
    opacity: 1;
    transform: translateY(0);
}
.welcome_box .slide1 .active_slide div p{
    opacity: 0.8;
    transform: translateY(0);
}
.welcome_box .slide1 .active_slide div i{
    opacity: 1;
    transform: rotate(-90deg) translateX(0);
}


.welcome_box .bj_video{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-color: #111;
	/* display: none; */
}
.welcome_box .bj_i,.welcome_box .bjm_i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.welcome_box .bjm_i{
	display: none;
}

/*.welcome_box .show_slide .bj_i,.welcome_box .show_slide .bjm_i{
	animation: dh2 12s forwards;
}*/
@keyframes dh2 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}


.welcome_box .js_dl{
	position: absolute;
	z-index: 3;
	width: 6rem;
	top: 50%;
	left: 12.5%;
	transform: translateY(-50%);
	color: #fff;
	transition: all 0.8s 0.2s;
}
.welcome_box .js_dl dt{
	margin-bottom: 0.36rem;
}
.welcome_box .js_dl dt h6{
	font-size: 0.50rem;
}
.welcome_box .js_dl dt span{
	display: block;
	font-size: 0.22rem;
	margin-top: 0.26rem;
}
.welcome_box .js_dl dd{

}
.welcome_box .js_dl dd p:first-of-type:before{
	content: "";
	display: block;
	width: 1.0rem;
	height: 3px;
	margin-bottom: 0.5rem;
	background-color: #fff;
}
.welcome_box .js_dl dd p{
	font-size: 0.18rem;
	line-height: 1.8;
}
.welcome_box .js_dl dd div{
	margin-top: 0.8rem;
}
.welcome_box .js_dl dd a{
	display: block;
	width: 1.6rem;
	height: 0.46rem;
	line-height: 0.46rem;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	font-size: 0.16rem;
	transition: all 0.5s ease;
}
/* .welcome_box .slide6 .js_dl{
	color: #111;
}
.welcome_box .slide6 .js_dl dd p:first-of-type:before{
	background-color: #111;
}
.welcome_box .slide6 .js_dl dd a{
	border: 1px solid #111;
	color: #111;
} */

.welcome_box .slide6 .js_dl{
	left: auto;
	right: 12.5%;
}


.welcome_box .slide3{
	
}
.welcome_box .slide3 .js_dl{
	left: auto;
	right: 12.5%;
}
/* .welcome_box .slide3 dl{
	position: absolute;
    top: 50%;
    right: 12.5%;
    transform: translateY(-50%);
    color: #fff;
}
.welcome_box .slide3 dl dt{
	margin-bottom: 0.4rem;
}
.welcome_box .slide3 dl dt span{
	display: block;
    font-size: 0.24rem;
	margin-bottom: 0.26rem;
    transition: all 0.8s 0.2s;
}
.welcome_box .slide3 dl dt h6{
	font-size: 0.5rem;
    transition: all 0.8s 0.2s;
}
.welcome_box .slide3 dl dd{

}
.welcome_box .slide3 dl dd p{
	font-size: 0.18rem;
	line-height: 1.8;
	width: 5.4rem;
    transition: all 0.8s 0.2s;
}
.welcome_box .slide3 dl dd em{
	display: block;
	font-size: 0;
	margin-top: 0.4rem;
    transition: all 0.8s 0.2s;
}
.welcome_box .slide3 dl dd em a{
	display: inline-block;
	vertical-align: top;
	width: 2.3rem;
	padding-bottom: 30%;
	margin-right: 0.3rem;
	background-size: cover;
	background-position: center;
}
.welcome_box .slide3 dl dd em a:last-of-type{
	margin-right: 0;
} */


.welcome_box .slide3{
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*background:#52514d;*/
	background-image:url(../images/index_prod_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.welcome_box .slide3 h5{
    transition: all 0.8s 0.2s;
	margin-bottom: 0.2rem;
}
.welcome_box .slide3 .swiper-container{
	height: 40vw;
	padding: 0 25%;
	margin-top: -1.5%;
	width: 100%;
	box-sizing: border-box;
    transition: all 0.8s 0.2s;
}
.welcome_box .slide3 .swiper-slide{
	background-size: cover;
	background-position: center;
	transform: scale(0.7);
	transition: all 0.5s ease;
	background:url(../images/inx_prod_itbg.png) no-repeat center center;
}
.welcome_box .slide3 .swiper-slide::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	transition: all 0.5s ease;
	background-images:url(../images/inx_prod_itbg.png);
	background-size: cover;
}

.welcome_box .slide3 .swiper-slide p{
    display: block;
    margin: 0 auto;
    width: 1.6rem;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
    color: #009053;
    border: 1px solid #009053;
    font-size: 0.16rem;
    transition: all 0.5s ease;
	background-color: #fff;
}
.welcome_box .slide3 .swiper-slide-active{
	transform: scale(0.9);
}
.welcome_box .slide3 .swiper-slide-active::after{
	opacity: 0;
}

.welcome_box .slide3 .button_div{
	background: none;
	width: 0.26rem;
	height: 0.48rem;
	background-size: 100% 100%;
	background-position: center;
}


/* .welcome_box .slide4 .button_div i{
	display: none;
	width: 0.85rem;
	height: 0.32rem;
	background-size: contain;
	background-position: center;
}
.welcome_box .slide4 .button_div span{
	display: none;
	font-size: 0.16rem;
	margin-top: 0.1rem;
} */
.welcome_box .slide3 .swiper-button-prev{
	left: 22%;
	background-image: url(../images/jt18.png);
}
.welcome_box .slide3 .swiper-button-next{
	right: 22%;
	background-image: url(../images/jt19.png);
}
/* .welcome_box .slide4 .swiper-button-prev i{
	background-image: url(../images/jt11.png);
}
.welcome_box .slide4 .swiper-button-next i{
	background-image: url(../images/jt12.png);
}
.welcome_box .slide4 .swiper-button-prev span{
	margin-left: 0.1rem;
}
.welcome_box .slide4 .swiper-button-next span{
	margin-right: 0.1rem;
	text-align: right;
} */


.welcome_box .slide4{
    background-image: url(../images/sys_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}
.welcome_box .slide4 ul{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.welcome_box .slide4 ul li{
	flex-shrink: 0;
	width: 49%;
	padding-bottom: 34%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-size: cover;
	background-position: center;
	position: relative;
	transition: all 0.8s 0.2s;
}
.welcome_box .slide4 ul li div{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
}
.welcome_box .slide4 ul li h6{
	font-size: 0.4rem;
	line-height: 1.6;
}
.welcome_box .slide4 ul li h6 span{
	font-size: 0.2rem;
	}
.welcome_box .slide4 ul li p{
	margin-top: 0.3rem;
}
.welcome_box .slide4 ul li a{
	display: block;
    margin: 0 auto;
    width: 1.6rem;
    height: 0.46rem;
    line-height: 0.46rem;
	text-align: center;
	color: #fff;
    border: 1px solid #fff;
    font-size: 0.16rem;
    transition: all 0.5s ease;
}

.welcome_box .slide6{
	height: auto !important;
}



.newXq_box{
	width: 1200px;
}
.newXq_box .div1{
	text-align: center;
}
.newXq_box .div1 h5{
	font-size: 0.3rem;
	line-height: 1.4;
}
.newXq_box .div1 h6{
	margin-top: 0.2rem;
	padding-top: 0.2rem;
	border-top: 1px solid #e6e6e6;
}
.newXq_box .div1 h6 span{
	display: inline-block;
	vertical-align: top;
	font-size: 0.14rem;
	height: 0.16rem;
	line-height: 0.16rem;
	color: #999;
	padding-right: 0.2rem;
	margin-right: 0.2rem;
	border-right: 1px solid #e6e6e6;
}
.newXq_box .div1 h6 span:last-of-type{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.newXq_box .div1 h6 span a{
	margin: 0;
	padding-left: 0.2rem;
	line-height: 0.16rem;
	height: 0.14rem;
	font-size: 0.14rem;
	background-image: url(../images/fx.png);
	background-size: 0.15rem;
	color: #999;
}

.newXq_box .div2{
	padding: 0.3rem 0;
	border-bottom: 1px dashed #e6e6e6;
}
.newXq_box .div2 p{
	font-size: 0.16rem;
	line-height: 1.8;
}
.newXq_box .div2 img{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}



.search_box{
	
}
.search_box .search_form{
	background-color: #f7f7f7;
	padding: 0.4rem 0;
	margin-bottom: 0.3rem;
}
.search_box form{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #eee;
}
.search_box form input{
	width: 100%;
	height: 0.5rem;
	border: none;
	box-sizing: border-box;
	padding: 0 0.2rem;
	font-size: 0.16rem;
}
.search_box form button{
	position: absolute;
	right: 0;
	top: 0;
	width: 0.5rem;
	height: 100%;
	background-image: url(../images/tb37.png);
	border: none;
	background-size: 0.2rem;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: center;
}
.search_box .search_div{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.search_box p{
    font-size: 0.18rem;
    color: #999;
    height: 0.56rem;
    line-height: 0.56rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.3rem;
}
.search_box h5{
	
}
.search_box ul{
	
}
.search_box ul li{
	height: 0.56rem;
	line-height: 0.56rem;
	border-bottom: 1px solid #eee;
}
.search_box ul li a{
	display: block;
	color: #333;
	font-size: 0.20rem;
	transition: all 0.5s ease;
}
.search_box ul li.lis{
	text-align: center;
	border-bottom: none;
}



.picture_box{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 11;
	display: none;
}
.picture_box i{
	position: absolute;
	right: 0.4rem;
	top: 0.4rem;
	width: 0.4rem;
	height: 0.4rem;
	background-color: #fff;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.4rem;
	cursor: pointer;
}
.picture_box .swiper-container{
	position: absolute;
	top: 50%;
	left: 20%;
	width: 60%;
	transform: translateY(-50%);
}
.picture_box .swiper-slide{

}
.picture_box .swiper-slide em{
	display: block;
	width: 100%;
	padding-bottom: 60%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.picture_box .swiper-slide p{
	font-size: 0.16rem;
	line-height: 1.6;
	margin-top: 0.3rem;
	text-align: center;
}
.picture_box .swiper-button-prev{
	top: 47%;
	left: 0;
	width: 0.32rem;
	height: 0.65rem;
	background-image: url(../images/jt5.png);
	background-size: 100% 100%;
	margin-top: -0.33rem;
}
.picture_box .swiper-button-next{
	top: 47%;
	right: 0;
	width: 0.32rem;
	height: 0.65rem;
	background-image: url(../images/jt6.png);
	background-size: 100% 100%;
	margin-top: -0.33rem;
}


#md{
	position: absolute;
	width: 100%;
	top: -0.71rem;
	left: 0;
	height: 1px;
}









@media (min-width: 1200px) {
	.slideY{
		margin-top: 1.0rem;
		opacity: 0;
	}
	.slideXl{
		transform: translateX(2rem);
		opacity: 0;
	}
	.slideXr{
		transform: translateX(-2rem);
		opacity: 0;
	}
	.welcome_box .show_slide .js_dl dt::after{
		transform: translateY(0);
		opacity: 1;
	}
	.zoomX{
		transform: scale(0.8);
		opacity: 0;
	}
	.welcome_box .show_slide .slideY{
		margin-top: 0;
		opacity: 1;
	}
	.welcome_box .show_slide .slideXl{
		transform: translateY(0);
		opacity: 1;
	}
	.welcome_box .show_slide .slideXr{
		transform: translateY(0);
		opacity: 1;
	}
	.welcome_box .show_slide .zoomX{
		transform: scale(1);
		opacity: 1;
	}

	.foot_box .div1 .bdsharebuttonbox a:hover img{
		opacity: 1;
		top: 120%;
	}
	.collection_box .h6 span:hover{
		background-color: #111;
		color: #fff;
		border: 1px solid #111;
	}
	.collection_box ul li small:hover{
		background-color: #111;
		color: #fff;
		border: 1px solid #111;
	}
	.star_box .div3 .swiper-slide:hover i{
		transform: scale(1.1);
	}
	.intellect_box .div4 .swiper-slide:hover i{
		transform: scale(1.1);
	}
	.shower_box .div4 .swiper-slide:hover i{
		transform: scale(1.1);
	}
	.shower_box .div4 .swiper-slide:hover span{
		background-color: #fff;
		color: #111;
	}
	.shower_box .div3 div ul li:hover{
		transform: translateY(-0.2rem);
	}
	.showerJs_box .div2 ul li:hover em i{
		transform: scale(1.1);
	}
	.shower_box .div3 div ul li:first-of-type:hover{
		transform: translateY(0);
	}
	.head_box .nav_ul li .xl_div a:hover{
		color: rgba(0,0,0,1);
	}
	.head_box .nav_ul li .xl_div a:hover::before{
		background-image: url(../images/jt21b.png);
	}
	.head_box .nav_ul li .xl_div a:hover::after{
		width: 100%;
	}
	.welcome_box .slide7 ul li a:hover{
		background-color: #fff;
		color: #111;
	}
	.welcome_box .js_dl dd a:hover{
		background-color: #fff;
		border: 1px solid #fff;
		color: #333;
	}
	.welcome_box .slide6 .js_dl dd a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.showerJs_box .div2 .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.thumbnail_box ul li i:hover{
		transform: scale(1.1);
	}
	.colourJs_box .div2 .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.colour_box .div1 .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.list_box .divr .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.list_box .divr ul li:hover{
		box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
	}
	.list_box .divr ul li:hover em i{
		transform: scale(1.1);
	}
	.list_box .divr ul li:hover h6{
		color: #194892;
	}
	.shower_box .div4 a:hover img{
		transform: scale(1.1);
	}
	.star_box .div4 .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.star_box .div4 ul li:hover em i{
		transform: scale(1.1);
	}
	.preview_box ul li em:hover i{
		transform: scale(1.1);
	}
	.product_box .div1 .sx_span:hover{
		color: #194892;
	}
	.product_box .div3 ul li:hover h6{
		color: #194892;
	}
	.product_box .div3 ul li:hover em i{
		transform: scale(1.1);
	}
	.product_box .div3 ul li:hover{
		box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
	}
	.concealed_box .div4 ul li:hover div span{
		background-color: #194892;
	}
	.concealed_box .div4 ul li:hover em i{
		transform: scale(1.1);
	}
	.intellectXq_box ul li div a:hover span{
		color: #fff;
	}
	.intellectXq_box ul li div a:hover span::after{
		opacity: 1;
		width: 100%;
	}
	.recommend_box ul li:hover em i{
		transform: scale(1.1);
	}
	.recommend_box ul li:hover{
		box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
	}
	.intellect_box .more_a:hover{
		background-color: #111;
		border: 1px solid #111;
		color: #fff;
	}
	.videos_box ul li:hover em i{
		transform: scale(1.1);
	}
	.news_box .div1 li:hover em i{
		transform: scale(1.1);
	}
	.flova_box .div2 dt:hover i{
		transform: scale(1.1);
	}
	.data_box ul li div span a:hover{
		color: #194892;
		background-position: right -0.25rem;
	}
	.contact_box .div2 dd a:hover{
		box-shadow: 0.1rem 0.1rem 0.05rem rgba(0,0,0,0.2);
	}
	.query_box form button:hover{
		box-shadow: 0.1rem 0.1rem 0.05rem rgba(0,0,0,0.2);
	}
	.query_box form p:hover{
		color: #194892;
	}
	.service_box .div1 li:hover em i{
		transform: scale(1.1);
	}
	.service_box .div1 li:hover div{
		background-color: #111;
		border: 1px solid #111;
		border-top: 0;
	}
	.service_box .div1 li:hover div h6{
		color: #fff;
	}
	.service_box .div1 li:hover div span{
		color: #fff;
	}
	.paging_div a:hover{
		background-color: #111;
		color: #fff;
	}
	.type_div a:hover{
		background-color: #111;
	}
	.type_div a:hover i{
		background-position-y: -0.3rem;
	}
	.type_div a:hover span{
		color: #fff;
	}
	.foot_box .div2 li a:hover{
		color: #fff;
	}
	.crumb_box a:hover{
		color: #194892;
	}
	.head_box .switch_div form:hover input{
		width: 1.4rem;
		opacity: 1;
	}
	/* .head_box .switch_div dl:hover dd{
		height: 0.38rem;
	} */
	.head_box .switch_div dl dd a:hover{
		color: #194892;
	}
	.head_box .switch_div dl:hover::after{
		transform: rotate(-90deg);
	}
	/* .head_box .nav_ul>li:hover>a{
		color: #194892;
	} */
	.head_box .nav_ul li:hover>a::after{
		width: 100%;
		opacity: 1;
	}
}

@media (max-width: 1600px) {
	html{
		font-size: 90px;
	}
	
}

@media (max-width: 1500px) {
	
}

@media (max-width: 1400px) {
	html {
		font-size: 80px;
	}
}

@media (max-width: 1200px) {
	body{
		padding-top: 0.7rem;
	}
	.head_box{
		height: 0.7rem;
		padding: 0 4%;
	}
	.head_box .logo_a{
		width: 1.4rem;
	}
	.head_box .nav_ul li a small{
		display: block;
		font-size: 0.2rem;
	}
	.head_box .nav_ul{
		display: none;
		position: absolute;
		background-color: #fff;
		border-top: 1px solid #e5e5e5;
		width: 100%;
		top: 100%;
		left: 0;
		margin-right: 0;
		box-sizing: border-box;
		padding: 0.1rem 4%;
		box-shadow: 0 6px 6px rgba(0,0,0,0.2);
	}
	.head_box .nav_ul li{
		display: block;
		height: auto;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #e5e5e5;
	}
	.head_box .nav_ul li>a{
		line-height: 0.6rem;
		height: 0.6rem;
		font-size: 0.20rem;
		color: #333;
		text-align: left;
	}
	.head_box .switch_div .sc_a{
		position: absolute;
		width: 0.7rem;
		height: 0.7rem;
		top: 0;
		right: 2.1rem;
		border-right: 1px solid #eee;
		background-size: 120%;
		background-position: 60% 64%;
	}
	.head_box .switch_div i{
		display: none;
	}
	.head_box .switch_div dl{
		position: absolute;
		right: 0.7rem;
		top: 0;
		width: 0.7rem;
		line-height: 0.7rem;
		text-align: center;
		box-sizing: border-box;
		border-left: 1px solid #eee;
	}
	.head_box .switch_div dl dd a{
		font-size: 0.24rem;
		font-weight: bold;
	}
	.head_box .switch_div form{
		position: absolute;
		box-sizing: border-box;
		top: 100%;
		left: 0;
		width: 100%;
		height: 1.04rem;
		padding: 0.25rem 4%;
		background-color: #f7f7f7;
		box-shadow: 0 4px 4px rgba(0,0,0,0.1);
		display: none;
	}
	.head_box .switch_div form input{
		position: static;
		width: 100%;
		height: 0.54rem;
		opacity: 1;
		background-color: #fff;
		padding: 0 0.5rem 0 0.2rem;
		border: none;
	}
	.head_box .switch_div form button{
		position: absolute;
		right: 4%;
		top: 0.25rem;
		width: 0.5rem;
		height: 0.54rem;
		background-size: 200%;
		background-color: #fff;
	}

	.search_span{
		display: block;
	}

	.menu_box{
		display: flex;
	}
	.head_box .nav_ul li .xl_div dl dd{
		display: none;
	}
	.head_box .nav_ul li .xl_div{
		position: static;
		box-sizing: border-box;
		background-color: #fcfcfc;
		padding: 0.1rem 0.2rem;
		box-shadow: none;
	}
	.head_box .nav_ul li .xl_div dl{
		width: 100%;
	}
	.head_box .nav_ul li .xl_div .dl1 dt{
		width: 100%;
	}
	.head_box .nav_ul li .xl_div a{
		height: 0.48rem;
		line-height: 0.48rem;
	}
	.head_box .nav_ul li .xl_div .dl2 dt{
		width: 100%;
	}
	.head_box .nav_ul li .xl_div .divb{
		display: none;
	}
	.head_box .nav_ul li .xl_div .diva{
		width: 100%;
		margin-right: 0;
	}

	.banner_box{
		height: 28vw;
		overflow: hidden;
	}
	.banner_box img{
		height: 100%;
		width: auto;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.banner_box h5{
		top: 50%;
	}
	.banner_box h5 strong{
		font-size: 0.3rem;
	}
	.banner_box h5 p{
		font-size: 0.2rem;
		margin: 0.26rem 0 0.26rem;
	}
	.banner_box .link_div{
		height: 0.7rem;
		line-height: 0.7rem;
		display: flex;
		overflow-x: auto;
		padding: 0 4%;
		box-sizing: border-box;
	}
	.banner_box .link_div a{
		white-space: nowrap;
		margin: 0;
		padding-right: 0.4rem;
	}
	.crumb_box{
		display: none;
	}

	.foot_box{
		padding: 0.5rem 0;
		text-align: center;
	}
	.foot_box .div1 .logo_a{
		margin: 0 auto;
		width: 2.06rem;
	}
	.foot_box .div2{
		display: none;
	}
	.foot_box .div1 h5{
		margin-top: 0.1rem;
		font-size: 0.22rem;
	}
	.foot_box .divt{
		display: block;
	}
	.foot_box .div1 .bdsharebuttonbox{
		display: none;
	}
	.foot_box .div3 span{
		display: none;
	}
	.foot_box .div3 strong{
		font-size: 0.30rem;
	}
	.foot_box .div3 em.hide_em{
		display: inline-block;
		vertical-align: top;
		margin-left: 0.14rem;
	}

	.foot_box .div3{
		margin-top: 0.3rem;
		text-align: center;
	}
	.foot_box .divb{
		padding-top: 0.2rem;
		margin-top: 0.2rem;
	}
	.foot_box .divb a{
		/*display: block;*/
		margin: 0.1rem 0;
	}

	.pd{
		padding: 0.5rem 0;
	}

	.title_h5{
		font-size: 0.3rem;
		margin-bottom: 0.4rem;
	}
	.title_h5 p{
		font-size: 0.2rem;
		max-width: 92%;
	}
	.title_h5 span{
		font-size: 0.2rem;
	}

	.w1680{
		width: 92%;
	}


	.type_div{
		display: flex;
		overflow-x: auto;
		margin-bottom: 0.4rem;
	}
	.type_div a{
		flex-shrink: 0;
		width: 1.8rem;
	}
	.service_box .div1{
		margin-top: -0.3rem;
	}
	.service_box .div1 li{
		width: 33%;
		margin-right: 0.3%;
		margin-top: 0.3rem;
		float:left;
	}
	.service_box .div1 li div{
		padding: 0.22rem 0.26rem 0.24rem;
	}

	.video_box div{
		width: 100%;
	}
	.video_box div i{
		z-index: 3;
		left: auto;
		right: 0;
		top: -0.4rem;
	}

	.query_box{
		width: 92%;
	}
	.query_box form button{
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		margin-top: 0;
	}

	.data_box ul{
		margin-top: -0.3rem;
	}
	.data_box ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 0.3rem;
	}
	.data_box ul li em{
		border-right: 1px solid #eee;
	}
	.data_box ul li div p{
		display: none;
	}
	.data_box ul li div{
		padding: 0 0.3rem;
	}
	.data_box ul li div h6{
		margin-bottom: 0.4rem;
		font-size: 0.2rem;
	}
	.data_box ul li div span a{
		margin-top: 0.14rem;
		width: 100%;
		display: block;
		margin-right: 0;
		box-sizing: border-box;
	}

	.help_box .div1{
		padding: 0.5rem 4%;
	}

	.contact_box .div2{
		display: block;
		margin: 0.4rem 0 0.6rem;
	}
	.contact_box .div2 dd{
		width: 100%;
		margin-top: 0.4rem;
	}
	.contact_box .div3 li{
		width: 100%;
		margin-right: 0;
	}

	.flova_box .div2{
		margin-top: 0.5rem;
	}
	.flova_box .div2{
		display: block;
		height: auto;
	}
	.flova_box .div2 dt{
		width: 100%;
		height: 50vw;
	}
	.flova_box .div2 dd{
		width: 100%;
		height: auto;
		display: block;
	}
	.flova_box .div2 dd i{
		display: block;
		width: 100%;
		height: 50vw;
		margin-top: 0.2rem;
	}

	.honor_box .div1{
		padding: 0.3rem 4% 0.5rem;
	}
	.honor_box .div1 ul{
		overflow-x: auto;
	}
	.honor_box .div1 .ul1 li{
		width: 1.8rem;
	}
	.honor_box .div1 .ul2 li{
		width: 1.8rem;
		margin-right: 0.2rem;
	}

	.honor_box .div2{
		padding-bottom: 0.5rem;
		margin: 0.5rem 0;
	}
	.honor_box .div3 .dd2{
		margin: 0.4rem 0;
	}
	.honor_box .div3 .dd3 div i{
		padding-bottom: 60%;
	}
	.honor_box .div3 .dd3 div h6{
		font-size: 0.2rem;
		line-height: 1.4;
		margin-top: 0.2rem;
	}

	.news_box .div1{
		margin-top: -0.3rem;
	}
	.news_box .div1 li{
		width: 100%;
		margin-top: 0.3rem;
		margin-right: 0;
	}
	.news_box .type_div{
		justify-content: center;
	}

	.join_box .div2 ul{
		display: block;
		margin-top: 0;
	}
	.join_box .div2 ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 0.3rem;
	}
	.join_box .div3 ul{
		overflow-x: auto;
		justify-content: start;
		padding: 0.2rem;
	}
	.join_box .div3 ul li{
		flex-shrink: 0;
		width: 1.6rem;
		flex: none;
		margin-right: 0.4rem;
	}
	.join_box .div3 ul li:nth-of-type(2n){
		margin-top: 0;
	}

	.join_box .div4 form{
		display: block;
	}
	.join_box .div4 form label{
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.3rem;
	}
	.join_box .div4 form label:last-of-type{
		width: 100%;
	}
	.join_box .div4 form button{
		width: 100%;
		margin-top: 0.2rem;
	}

	.videos_box ul{
		margin-top: -0.3rem;
	}
	.videos_box ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 0.3rem;
	}

	.case_box .div1 dl{
		margin-bottom: 0.5rem;
	}
	.case_box .more_a{
		width: 100%;
	}

	.banner_swiper{
		height: 56vw;
	}

	.swiper-button-prev, .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}

	.shower_box .div1 div{
		height: 50vw;
	}
	.shower_box .div1 div::after{
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.25rem 0 0 -0.25rem;
	}

	.shower_box .div2 .swiper-slide{
		display: block;
	}
	.shower_box .div2 .swiper-slide i{
		display: block;
		width: 100%;
		padding-bottom: 90%;
	}
	.shower_box .div2 .swiper-slide div{
		width: 100%;
		margin-top: 0.2rem;
	}
	.shower_box .div2 .swiper-slide em{
		padding-bottom: 54%;
	}
	.shower_box .div2 .swiper-slide div{
		padding-bottom: 0;
	}
	.shower_box .div2 .swiper-slide h6{
		font-size: 0.24rem;
		margin-bottom: 0;
		margin-top: 0.2rem;
		height: 0.7rem;
		overflow: hidden;
	}
	.shower_box .div2 .swiper-slide p{
		display: none;
	}
	.shower_box .div2 .swiper-button-next{
		display: none;
	}
	.shower_box .div2 .swiper-button-prev{
		display: none;
	}

	.shower_box .div3{
		margin: 0.5rem 0;
	}
	.shower_box .div3 div{
		padding: 0.5rem 0 0;
	}
	.shower_box .div3 div ul{
		height: 51vw;
		overflow-x: auto;
	}
	.shower_box .div3 div ul li{
		width: 2.0rem;
	}

	.shower_box .div4 .swiper4{
		display: block;
	}
	.shower_box .div4 .swiper-slide{
		width: 100%;
		height: 50vw;
		margin-top: 0.2rem;
	}
	.shower_box .div4 .swiper4 .swiper-slide h6{
		font-size: 0.3rem;
	}
	.shower_box .div4 .swiper4 .swiper-slide{
		height: 60vw;
	}

	.shower_box .div5 .swiper-pagination{
		display: none;
	}

	.banner_swiper .swiper-slide h6{
		width: 100%;
		white-space: normal;
	}
	.banner_swiper .swiper-slide h6 strong{
		font-size: 0.3rem;
	}
	.banner_swiper .swiper-slide h6 p{
		font-size: 0.2rem;
		line-height: 1.4;
	}

	.showerJs_box .div1{
		display: block;
	}
	.showerJs_box .div1 em{
		width: 100%;
		padding-bottom: 60%;
		display: block;
	}
	.showerJs_box .div1 div{
		width: 100%;
		margin-top: 0.3rem;
	}
	.showerJs_box .div1 div h5{
		font-size: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.showerJs_box .div2 ul li{
		width: 48%;
		margin-right: 4%;
	}
	.showerJs_box .div2 ul li:nth-of-type(2n){
		margin-right: 0;
	}

	.recommend_box .w1680{
		margin-top: -0.2rem;
	}
	.recommend_box ul li{
		width: 48%;
		margin-top: 0.2rem;
		margin-right: 4%;
	}
	.recommend_box ul li:nth-of-type(5n){
		margin-right: 4%;
	}
	.recommend_box ul li:nth-of-type(2n){
		margin-right: 0;
	}

	.paging_div{
		margin-top: 0.5rem;
	}

	.intellect_box .more_a{
		margin: 0.4rem auto 0;
	}
	.intellect_box .div3 ul li h6{
		font-size: 0.20rem;
		margin-top: 0.14rem;
	}

	.intellect_box .div4 .swiper-container{
		padding: 0;
		height: 60vw;
		margin-top: 0;
	}
	.intellect_box .div4 .swiper-slide{
		transform: scale(1);
	}
	.intellect_box .div4 .swiper-slide-active{
		transform: scale(1);
	}

	.intellectJs_box .div2 ul li h6{
		font-size: 0.20rem;
		margin-top: 0.14rem;
	}
	.intellectJs_box .div4{
		
	}
	.intellectJs_box .div4 .title_h5{
		font-size: 0.2rem;
		margin-bottom: 0;
		margin-top: 0.3rem;
		line-height: 1.4;
	}
	.intellectJs_box .div4 .title_h5 p{
		display: none;
	}
	.intellectJs_box .div4 li{
		padding: 0.2rem;
		display: flex;
		flex-direction: column-reverse;
	}
	
	.slide5{background:#eee;}
	.intellectJs_box .div5{
		padding-bottom: 0;
	}
	.intellectJs_box .div5 ul{
		flex-wrap: wrap;
		margin-top: -0.2rem;
	}
	.intellectJs_box .div5 li{
		width: 48%;
		margin-right: 4%;
		margin-top: 0.2rem;
	}
	.intellectJs_box .div5 li:nth-of-type(2n){
		margin-right: 0;
	}
	
	.colourJs_box .div1 dl dt{
		height: 44vw;
	}
	.colourJs_box .div2 li dd{
		width: calc(44% - 0.1rem);
	}
	.colourJs_box .div2 li dd i{
		height: calc(50% - 0.05rem);
		margin-bottom: 0.1rem;
	}
	.colourJs_box .div1 dd{
		height: auto;
		margin-top: 0.5rem;
		flex-direction: column-reverse;
	}
	.colourJs_box .div1 dd .swiper-container{
		height: 100vw;
		width: 100%;
	}
	.colourJs_box .div1 dd .divr h6{
		font-size: 0.3rem;
		margin-bottom: 0.2rem;
		text-align: center;
	}
	.colourJs_box .div1 dd .divr p{
		max-width: 92%;
		margin: 0 auto;
		text-align: center;
	}
	.colourJs_box .div1 dd .divr{
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.thumbnail_box ul{
		height: 60vw;
	}
	.thumbnail_box ul li em{
		height: calc(50% - 0.1rem);
		margin-bottom: 0.2rem;
	}
	.thumbnail_box ul li span{
		height: calc(50% - 0.1rem);
	}

	.picture_box .swiper-container{
		width: 100%;
		left: 0;
	}

	.intellectXq_box ul li{
		flex-direction: column;
		margin-bottom: 0.5rem;
	}
	.intellectXq_box ul li em{
		width: 100%;
	}
	.intellectXq_box ul li div{
		width: 100%;
		margin-top: 0.3rem;
	}
	.intellectXq_box ul li div h6{
		font-size: 0.3rem;
		margin-bottom: 0.3rem;
	}
	.intellectXq_box ul li:nth-of-type(2n){
		flex-direction: column;
	}

	.preview_box ul li p{
		font-size: 0;
		margin-bottom: 0.2rem;
	}
	.preview_box ul li em{
		height: calc(42% - 0.2rem);
	}
	.preview_box ul .li3 em:first-of-type{
		margin-bottom: 0.2rem;
	}
	.preview_box ul .li3 em{
		height: calc(50% - 0.1rem);
	}

	.concealed_box .div2 ul li{
		height: 60vw;
	}
	.concealed_box .div2 ul li dd{
		padding: 0 0.2rem;
		overflow: hidden;
	}
	.concealed_box .div2 ul li dd h6{
		font-size: 0.2rem;
	}
	.concealed_box .div2 ul li dd span{
		font-size: 0.2rem;
	}

	.concealed_box .div4 ul li a{
		display: block;
	}
	.concealed_box .div4 ul li em{
		display: block;
		width: 100%;
		padding-bottom: 60%;
	}
	.concealed_box .div4 ul li div{
		width: 100%;
		padding: 0.3rem 0.2rem;
	}
	.concealed_box .div4 ul li div p{
		margin-bottom: 0.4rem;
		height: auto;
	}

	.banner_swiper .swiper-button-next{
		display: none;
	}
	.banner_swiper .swiper-button-prev{
		display: none;
	}

	.welcome_box .slide1 .swiper-button-next{
		display: none;
	}
	.welcome_box .slide1 .swiper-button-prev{
		display: none;
	}

	.welcome_box .slide4 .swiper-button-next{
		display: none;
	}
	.welcome_box .slide4 .swiper-button-prev{
		display: none;
	}

	.concealed_box .div2 ul li .swiper-button-prev{
		width: 0.16rem;
		height: 0.32rem;
	}
	.concealed_box .div2 ul li .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}

	.productXq_box .div1 .dl .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}
	.productXq_box .div1 .dl .swiper-button-prev{
		width: 0.16rem;
		height: 0.32rem;
	}
	.productXq_box .div2 div{
		padding: 0.3rem 0 0;
	}

	.intellect_box .div4 .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}
	.intellect_box .div4 .swiper-button-prev{
		width: 0.16rem;
		height: 0.32rem;
	}

	.star_box .div2 .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}
	.star_box .div2 .swiper-button-prev{
		width: 0.16rem;
		height: 0.32rem;
	}
	.star_box .div3 .swiper-button-next{
		width: 0.16rem;
		height: 0.32rem;
	}
	.star_box .div3 .swiper-button-prev{
		width: 0.16rem;
		height: 0.32rem;
	}

	.star_box .div1{
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.star_box .div1 a{
		flex-shrink: 0;
		width: 1.8rem;
	}

	.star_box .div2 .swiper-slide h6{
		font-size: 0.28rem;
	}
	.star_box .div2 .swiper-slide h6 small{
		font-size: 0.2rem;
	}
	.star_box .div3 .swiper-button-next{
		right: 0.2rem;
	}
	.star_box .div3 .swiper-pagination{
		display: none;
	}
	.star_box .div3 .swiper-button-prev{
		left: 0.2rem;
	}

	.productXq_box .div1 .h5 span{
		font-size: 0.3rem;
	}
	.productXq_box .div1 .h5 small{
		font-size: 0.2rem;
	}

	.star_box .div2 .img_div{
		margin-bottom: 0.5rem;
		height: 60vw;
		width: 100%;
		overflow: hidden;
	}
	.star_box .div2 .img_div img{
		width: auto;
		height: 100%;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.star_box .div2 .w1680{
		padding: 0 0.3rem 0.5rem;
	}

	.star_box .div3 .swiper-container{
		padding: 0;
		height: 60vw;
		margin-top: 0;
	}
	.star_box .div3 .swiper-slide{
		transform: scale(1);
	}
	.star_box .div3 .swiper-slide-active{
		transform: scale(1);
	}

	.star_box .div4 ul{
		margin-top: -0.3rem;
	}
	.star_box .div4 ul li{
		width: 48%;
		margin-right: 4%;
		margin-top: 0.3rem;
	}
	.star_box .div4 ul li:nth-of-type(3n){
		margin-right: 4%;
	}
	.star_box .div4 ul li:nth-of-type(2n){
		margin-right: 0;
	}

	.star_box .div4 .more_a{
		margin: 0.5rem auto 0;
	}

	.w1440{
		width: 92%;
	}
	.starXq_box .div2 dl{
		flex-direction: column;
		margin-bottom: 0.4rem;
	}
	.starXq_box .div2 dl:nth-of-type(2n){
		flex-direction: column;
	}
	.starXq_box .div2 dl{
		width: 100%;
		text-align: center;
	}
	.starXq_box .div2 dt{
		width: 100%;
	}
	.starXq_box .div2 dd{
		width: 100%;
		margin-top: 0.24rem;
	}
	.starXq_box .div2 dd h6{
		font-size: 0.32rem;
	}

	.starXq_box .div3 .swiper-container{
		width: 100%;
	}

	.starXq_box .div1 dl{
		margin-top: 0;
		padding: 0.3rem 0;
	}
	.starXq_box .div1 dl dt{
		width: 20%;
	}
	.starXq_box .div1 dl dt img{
		width: 100%;
	}
	.starXq_box .div1 dl dd h6{
		font-size: 0.38rem;
	}

	.starXq_box .div3 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.4rem;
	}
	.starXq_box .div3 ul{
		margin-top: 0.4rem;
	}
	.starXq_box .div3 ul li p{
		height: auto;
		margin-bottom: 0.24rem;
	}
	.starXq_box .div3 ul li h6{
		font-size: 0.28rem;
		height: auto;
	}

	.product_box .div1 .w1680{
		padding: 0.3rem 0;
	}
	.product_box .div2 .form_div form div{
		float: none;
		margin-right: 0;
	}
	.product_box .div2 .form_div form .cz_btn{
		float: none;
		display: none;
	}
	.product_box .div2 .form_div form select{
		width: 100%;
	}
	.product_box .div2 .form_div form input{
		width: 100%;
		margin-left: 0;
	}
	.product_box .div2 .form_div form .ss_btn{
		top: auto;
		bottom: 0;
	}

	.product_box .div3 ul li{
		width: 48%;
		margin-right: 4%;
	}
	.product_box .div3 ul li:nth-of-type(5n){
		margin-right: 4%;
	}
	.product_box .div3 ul li:nth-of-type(2n){
		margin-right: 0;
	}

	.product_box .div1 dl{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0.3rem 4%;
		overflow-y: auto;
	}
	.product_box .div1 dl dd{
		width: 100%;
		margin-top: 0.3rem;
	}
	.product_box .div1 dl dt{
		font-size: 0.28rem;
	}
	.product_box .div1 dl dd h6{
		font-size: 0.24rem;
	}
	.product_box .div1 dl dd label{
		margin-top: 0.14rem;
	}
	.product_box .div1 dl .dd3 label{
		width: 50%;
	}
	.product_box .div1 dl .dd2 label{
		width: 33.33%;
		white-space: nowrap;
	}
	.product_box .div1 dl dd input{
		margin-right: 2px;
	}
	.product_box .div1 dl .dd1 label{
		width: 33.33%;
		margin-right: 0;
	}

	.productXq_box .div1 .dl{
		display: block;
	}
	.productXq_box .div1 .dl dt{
		width: 100%;
	}
	.productXq_box .div1 .dl .gallery-thumbs{
		display: none;
	}
	.productXq_box .div1 .dl dd{
		width: 100%;
	}
	.productXq_box .div1 .h5{
		margin-bottom: 0.3rem;
	}
	.productXq_box .div1 .dl .gallery-top .swiper-slide{
		
	}
	.productXq_box .fh_a{
		display: none;
	}
	.productXq_box .div1{
		margin-top: 0;
	}
	.productXq_box .div2{
		margin-top: 0.5rem;
	}
	
	.welcome_box .slide1 .swiper-slide div{
		width: 92%;
		left: 4%;
	}
	.welcome_box .slide1 .swiper-slide div h6{
		font-size: 0.38rem;
	}
	.welcome_box .slide2 .js_dl{
		width: 92%;
		left: 4%;
	}
	.welcome_box .js_dl dt h6{
		font-size: 0.34rem;
	}
	/* .welcome_box .slide3 dl{
		width: 92%;
		right: 4%;
	}
	.welcome_box .slide3 dl dt h6{
		font-size: 0.38rem;
	}
	.welcome_box .slide3 dl dd p{
		width: 100%;
	}

	.welcome_box .slide3 dl dd em i{
		width: 32%;
		margin-right: 2%;
	}
	.welcome_box .slide3 dl dd em i:nth-of-type(3){
		margin-right: 0;
	} */
	.welcome_box .slide3 .swiper-container{
		height: 71vw;
		padding: 0;
		margin-top: 0;
	}
	.welcome_box .slide3 .title_h5{
		padding: 0 4%;
	}
	.welcome_box .slide3 .swiper-slide{
		transform: scale(1);
	}
	.welcome_box .slide3 .swiper-slide-active{
		transform: scale(1);
	}

	.welcome_box .slide6 .js_dl{
		width: 92%;
		left: 4%;
		color: #fff;
	}
	.welcome_box .slide6 .js_dl dd a{
		border-color: #fff;
		color: #fff;
	}
	.welcome_box .slide6 .js_dl{
		width: 92%;
		right: 4%;
	}

	.welcome_box{
		height: calc(100vh - 0.7rem);
	}
	.welcome_box .slide4 ul{
		display: block;
	}
	.welcome_box .slide4 ul li{
		width: 100%;
		padding-bottom: 0;
		height: 50vh;
	}
	.welcome_box .slide4 ul li:last-of-type{
		margin-bottom: 0;
	}
	.welcome_box .slide4 ul li h6{
		font-size: 0.3rem;
	}
	

	.welcome_box .bj_i{
		display: none;
	}
	.welcome_box .bjm_i{
		display: block;
	}

	.welcome_box .bj_video{
		display: none !important;
	}
	/* .banner_swiper .video-slide{
		display: none !important;
	} */

	.welcome_box .pagination0 span{
		height: 6px;
		width: 6px;
	}

	.welcome_box .slide1 .swiper-slide video{
		display: none;
	}
	.welcome_box .slide1 .swiper-button-next{
		right: 0.2rem;
	}
	.welcome_box .slide1 .swiper-button-prev{
		left: 0.2rem;
	}
	.welcome_box .slide3 .js_dl{
		left: 4%;
		width: 92%;
		right: auto;
	}
	.welcome_box .js_dl{
		top: 30%;
		bottom: 14%;
	}
	.welcome_box .js_dl dd::before{
		display: none;
	}
	.welcome_box .js_dl dd p{
		display: none;
	}
	.welcome_box .js_dl dt{
		text-align: center;
	}
	.welcome_box .js_dl dd a{
		margin: 0 auto;
	}

	.welcome_box .slide4 .swiper-button-prev{
		left: 0.2rem;
	}
	.welcome_box .slide4 .swiper-button-next{
		right: 0.2rem;
	}

	
	.swiper-pagination span{
		height: 0.4rem;
		height: 2px;
	}

	.banner_swiper .swiper-slide h5 strong{
		font-size: 0.3rem;
		text-align: center;
	}
	.banner_swiper .swiper-slide h5 p{
		font-size: 0.2rem;
		display: none;
	}
	.banner_swiper .swiper-slide h5 small{
		display: none;
	}

	.colour_box .div1 dd{
		margin-top: 0.1rem;
	}


	.swiper-pagination{
		bottom: 0.2rem !important;
	}


	.join_box .swiper_div .gallery-top{
		width: 100%;
		height: 56vw;
	}
	.join_box .swiper_div .gallery-thumbs{
		display: none;
	}


	.banner_swiper .swiper-slide h6 i{
		width: 0.5rem;
		height: 0.5rem;
	}
	.intellect_box .div4 .swiper-button-next{
		right: 0.2rem;
	}
	.intellect_box .div4 .swiper-button-prev{
		left: 0.2rem;
	}
	.intellectJs_box .div1 div{
		height: 50vw;
	}
	.intellectJs_box .div1 div::after{
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.25rem 0 0 -0.25rem;
	}
	.colourJs_box .div3{
		height: 44vw;
	}
	.colourJs_box .div3::after{
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.25rem 0 0 -0.25rem;
	}
	.thumbnail_box{
		display: none;
	}
	.concealed_box .div1 div{
		height: 60vw;
	}
	.concealed_box .div2 .img_div{
		height: 60vw;
		overflow: hidden;
	}
	.concealed_box .div2 .img_div img{
		height: 100%;
		width: auto;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.concealed_box .div1 div::after{
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.25rem 0 0 -0.25rem;
	}
	.concealed_box .div2 ul li dt::after{
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.25rem 0 0 -0.25rem;
	}
	.concealed_box .div4 .swiper-container{
		height: 60vw;
	}
	.concealed_box .div4 ul li div h6{
		font-size: 0.3rem;
		margin-bottom: 0.2rem;
	}
	.flova_box .div1{
		max-width: 92%;
		margin: 0 auto;
	}
	.flova_box .div1 img{
		width:100%;
	}
	.flova_box .div1 p{
		font-size: 0.2rem;
	}
	.flova_box .div2 dt::after{
		width: 0.5rem;
		height: 0.5rem;
	}
	.honor_box .div2 .swiper-button-next{
		width: 0.34rem;
		height: 0.6rem;
		margin-top: -0.5rem;
	}
	.honor_box .div2 .swiper-button-prev{
		width: 0.34rem;
		height: 0.6rem;
		margin-top: -0.3rem;
	}
	.honor_box .div2 .swiper-slide h6{
		display: none;
	}
	.honor_box .div3 .dd3 div h6{
		font-size: 0.18rem;
	}
	.join_box .div2 ul li div h6{
		font-size: 0.24rem;
	}
	.join_box{
		padding-bottom: 0;
	}
	.videos_box ul li h6{
		font-size: 0.24rem;
	}
	
	.search_box form{
		width: 92%;
	}
	.search_box .search_div{
		width: 92%;
	}

	.collection_box .h5{
		display: inline-block;
		vertical-align: top;
		margin-top: 0.04rem;
	}
	.collection_box .h6{
		float: right;
		margin-bottom: 0;
	}
	.collection_box ul{
		margin-top: 0.4rem;
	}
	.collection_box ul li a{
		display: block;
	}
	.collection_box ul li em{
		width: 100%;
		height: 50vw;
		display: block;
	}
	.collection_box ul li div{
		padding: 0.3rem 0;
	}
	.collection_box ul li div h6{
		font-size: 0.24rem;
	}
	.collection_box ul li div p{
		font-size: 0.2rem;
	}
	.collection_box ul li small{
		background-color: #111;
		border-color: #111;
		color: #fff;
	}

	.banner_swiper .swiper-slide video.pc_video{
		display: none;
	}
	.banner_swiper .swiper-slide video.yd_video{
		display: block;
	}
	.banner_swiper .video-slide::after{
		opacity: 1;
	}
	.banner_swiper .show-slide::after{
		opacity: 0;
		transform: scale(1.6);
	}

	.showerXq_box{
		width: 92%;
	}
	

}

@media (max-width: 380px){
	html {
		font-size: 70px;
	}
}