
@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit;/* font-family: 'PingFang SC','PingFangMedium',"microsoft yahei"; */font-family: "microsoft yahei";font-size: 0.14rem;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;color: #333;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;width: 16.7rem;}
.c-link a{font-size: 16px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}


.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
html{font-size: 5.2083vw;}


/* index */
.head{
	position:fixed;
	z-index:100;
	width: 100%;
	left: 0;
	top: 0;
	transition: all .3s;
	color: #ffffff;
}
.head.active , .head:hover{
	transition: all .3s;
	background:#fff;
	box-shadow: 0 2px 11px rgb(0 0 0 / 5%);
}


.head .wrap{display: flex;align-items: center;justify-content: space-between;}

.hd-logo{display: inline-block;vertical-align: middle;}
.hd-logo .img{height: 1.2rem;width: auto;}

.hd-rig{display: flex;align-items: center;}

.hd-sear{display: inline-block;position:relative;margin-left: 0.6rem;}
.hd-sear .icon{background:url(../images/icon_01.png) no-repeat center;background-size:contain;width: 0.3rem;height: 0.3rem;display: inline-block;vertical-align: middle;cursor: pointer;}
.hd-sear .box{position:absolute;right: 0;top: 50%;background-color: #fff;border-radius:.04rem;overflow: hidden;margin-top: -0.17rem;width:0;border:1px solid #efecf5;height: 0.4rem;display: flex;align-items: center;}
.hd-sear .box .ipt-txt{font-size: .14rem;padding:0 .15rem;height: 0.4rem;line-height: 0.4rem;flex:1;overflow: hidden;}
.hd-sear .box .submit{width: .3rem;height: .3rem;background:url(../images/icon_01.png) no-repeat center;background-size:.3rem;border:none;cursor: pointer;margin-right: 0.05rem;}
.hd-sear .box.show{width: 2.6rem;border-color:#ccc;}

.hd-lang{margin-left: 0.3rem;position:relative;}
.hd-lang .lk{font-size: 0.24rem;color:#4b4b4b;}
.hd-lang .lk:hover{color:#00469B;}
.hd-lang .drop{position:absolute;width: 1rem;left: 50%;transform: translate(-50%,0);padding-top: 0.1rem;display: none;}
.hd-lang .drop ul{background-color: #fff;border-radius:.06rem;padding:.1rem 0;position:relative;}
.hd-lang .drop li{font-size: 0.16rem;color:#333;line-height: 0.36rem;text-align: center;}
.hd-lang .drop li:hover{color:#00469B;}
.hd-lang .drop ul:before{content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 .07rem .08rem .07rem;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -0.08rem;top: -0.08rem;}
.hd-lang:hover .drop{display: block;}

.hd-nav{display: inline-block;vertical-align: middle;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: .7rem;position:relative;color:#4b4b4b;}
.hd-nav li>a{display: block;font-size: .24rem;line-height: .6rem;}
/*.hd-nav li:hover>a,.hd-nav li.cur>a{color:#463a89;}*/
.hd-nav li:hover{color:#463a89;}
/* .hd-nav li.has>a:after{content:'';display: inline-block;vertical-align: middle;width: 0.06rem;height: 0.06rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-left: .08rem;}
.hd-nav .arrow{display: none;}

.hd-nav li:hover .drop{display: block;}
.hd-nav .drop{position:absolute;left: 50%;transform: translate(-50%,0);background-color: #fff;width: 1.2rem;box-shadow: 0px .04rem .04rem rgba(0, 0, 0, 0.1);display: none;}
.hd-nav .drop a{display: block;font-size: .12rem;color: #666;line-height: .4rem;border-bottom: 1px solid #F0F0F0;padding-left: 0.2rem;}
.hd-nav .drop a:before{content:'';display: inline-block;vertical-align: middle;width: 0.05rem;height: 0.05rem;background: #126CCD;margin-right: 0.15rem;}
.hd-nav .drop a:last-child{border-bottom:none;}
.hd-nav .drop a:hover{background-color: #126CCD;color:#fff;}
.hd-nav .drop a:hover:before{background-color: #fff;} */

#c-header .c-nav>li {
	font-size: 17px;
	padding: 0 20px;
}

.searchBar-m {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	z-index: 9999;
	text-align: center;
}
.searchBar-m .mask {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}
.searchBar-m a {
	display: block;
	position: absolute;
	right: 5%;
	top: 5%;
	width: 60px;
	height: 60px;
	line-height: 56px;
	font-size: 48px;
	z-index: 9999;
	color: #fff;
}
.searchBar-m .form-group {
	width: 70%;
	max-width: 720px;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%,-200%);
}
.form-group {
	padding-bottom: 10px;
}
.searchBar-m .input {
	width: 88%;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #f2f2f2;
	color: #6E6E6E;
	height: 60px;
	line-height: 60px;
	float: left;
	padding: 0;
}
.searchBar-m .button {
	background: transparent;
	font-size: 26px;
	color: #ffffff;
	width: 8%;
	height: 60px;
	line-height: 60px;
	display: block;
	float: left;
}
.radius-none {
	border-radius: 0;
}

.border-none {
	border: 0;
}
.idx-ban{position:relative;}
.idx-ban .img{width: 100%;display: block;}
.idx-ban .swiper-pagination{bottom: 0.2rem;}
.idx-ban .swiper-pagination-bullet{width: 0.16rem;height: 0.16rem;background-color: rgba(255,255,255,.53);border-radius:50%;display: inline-block;vertical-align: middle;margin:0 .1rem!important;opacity: 1;}
.idx-ban .swiper-pagination-bullet-active{width: 0.52rem;border-radius:.08rem;background-color: #fff;}


.idx-tt{text-align: center;margin-bottom: 1.35rem;}
.idx-tt .en{font-size: 0.98rem;color:#574a93;font-weight: bold;line-height: 1;opacity: .15;text-transform: uppercase;}
.idx-tt .cn{font-size: 0.64rem;color:#574a93;font-weight: bold;line-height: 1;}

.idx-group{margin-top: 1.35rem;}
.idx-group .list{margin-left: -1.5%;display: flex;flex-wrap: wrap;}
.idx-group .list .item{width: 31.8%;position:relative;margin:0 0 0 1.5%;border-radius:.2rem;overflow: hidden;}
.idx-group .list .imgbox{display: block;position:relative;z-index:20;}
.idx-group .list .img{width: 100%;display: block;}
.idx-group .list .title{font-size: 0.56rem;color:#fff;position:absolute;width: 100%;left: 0;bottom: 0.45rem;padding:0 .6rem;}
.idx-group .list .item::after{content:'';position:absolute;top: 0.25rem;left: 0.25rem;bottom: 0.25rem;right: 0.25rem;border:1px solid #fff;opacity: 0;transition: all .3s;}
.idx-group .list .item:hover::after{opacity: 1;}


.idx-cp{margin-top: 0.7rem;}
.idx-cp .menu{margin-bottom: 0.15rem;}
.idx-cp .menu .box{display: flex;justify-content: space-between;}
.idx-cp .menu .lk{padding:0 0 .2rem;position:relative;}
.idx-cp .menu .lk::after{content:'';position:absolute;left: 50%;bottom: 0;height: 1px;background-color: #574a93;transition: all .3s;width: 0;}
.idx-cp .menu .ico{height: 0.9rem;width: auto;display: block;margin:0 auto;}
.idx-cp .menu .ico-h{display: none;}
.idx-cp .menu .tit{font-size: 0.27rem;color:#4b4b4b;text-align: center;margin-top: 0.2rem;}
.idx-cp .menu .lk.cur .ico-h,.idx-cp .menu .lk:hover .ico-h{display: block;}
.idx-cp .menu .lk.cur .ico-s,.idx-cp .menu .lk:hover .ico-s{display: none;}
.idx-cp .menu .lk.cur .tit,.idx-cp .menu .lk:hover .tit{color:#574a93;}
.idx-cp .menu .lk.cur::after,.idx-cp .menu .lk:hover::after{width: 100%;left: 0;}

.idx-cp .list{display: flex;flex-wrap: wrap;margin-left: -1%;}
.idx-cp .list .item{width: 24%;margin:0 0 1% 1%;position:relative;}
.idx-cp .list .imgbox{display: block;height: 4.06rem;}
.idx-cp .list .img{width: 100%;height: 100%;object-fit: cover;}
.idx-cp .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.3);text-align: center;display: flex;flex-direction: column;align-items: center;padding: .5rem 0;justify-content: flex-end;opacity: 0;transition: all .3s;}
.idx-cp .list .title{font-size: 0.3rem;color:#fff;}
.idx-cp .list .fz{font-size: 0.25rem;color:#fff;margin-top: 0.1rem;
	height: 26px;
	overflow: hidden;
	width: 40px;}
.idx-cp .list .more{font-size: 0.27rem;color:#fff;width: 1.9rem;line-height: 0.5rem;border:1px solid #fff;border-radius:.21rem;display: block;margin:.1rem auto 0;}
.idx-cp .list .more:hover{background-color: #574a93;color:#fff;border-color:#574a93;}
.idx-cp .list .item:hover .shade{opacity: 1;}

.readmore{display: block;font-size: 0.2rem;color:#6d6d6d;width: 5.4rem;line-height: 0.55rem;border:1px solid #b5b5b5;margin:.6rem auto 0;text-align: center;}
.readmore:hover{background-color: #574a93;color:#fff;border-color:#574a93;}

.idx-us{margin-top: 0.8rem;}
.idx-us .box{/* height: 3.05rem; */background-color: #fff;box-shadow:0 .04rem .1rem rgba(0,0,0,.17);margin:0 auto;position:relative;z-index:10;}
.idx-us .box img{width: 100%;}
.idx-us .list{display: flex;}
.idx-us .list li{flex:1;text-align: center;height: 3.04rem;padding:.5rem;border-right:1px solid #c7cacc;}
.idx-us .list .num{font-size: 0.56rem;line-height:0.56rem;color:#574a93;}
.idx-us .list .fz{font-size: 0.2rem;color:#000000;margin-top: 0.1rem;}
.idx-us .list .desc{font-size: 0.2rem;color:#7a7a7a;margin-top: 0.1rem;}
.idx-us .detail{}
.idx-us .detail .img{width: 100%;display: block;margin-top: -1.05rem;}
.idx-us .list li:hover{height: 3.25rem;background-color: #574a93;margin-top: -0.1rem;}
.idx-us .list li:hover .num,.idx-us .list li:hover .fz{color:#fff;}
.idx-us .list li:hover .num,.idx-us .list li:hover .desc{color:#fff;}
.idx-us .list li:last-child{border-right:none;}

.idx-xw{margin-top: 0.8rem;margin-bottom: 0.8rem;}
.idx-xw .idx-tt{margin-bottom: 0.25rem;}
.idx-xw .idx-tt .cn{margin-top: 0;}
.idx-xw .menu{text-align: center;margin-bottom: 0.3rem;}
.idx-xw .menu .lk{font-size: 0.4rem;color:#333;display: inline-block;vertical-align: middle;margin:0 .2rem;line-height: 0.8rem;position:relative;}
.idx-xw .menu .lk::after{content:'';position:absolute;left: 50%;bottom: 0;height: 1px;background-color: #574a93;width: 0;transition: all .3s;}
.idx-xw .menu .lk.cur,.idx-xw .menu .lk:hover{color:#574a93;}
.idx-xw .menu .lk.cur::after,.idx-xw .menu .lk:hover::after{width: 100%;left: 0;}

.idx-xw .pic-list{display: flex;justify-content: space-between;}
.idx-xw .pic-list .item{width: 48.5%;box-shadow:0 .04rem .12rem rgba(0,0,0,.07);padding: 0.15rem;}
.idx-xw .pic-list .imgbox{display: block;height: 4.44rem;}
.idx-xw .pic-list .img{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-xw .pic-list .info{margin-top: 0.15rem;}
.idx-xw .pic-list .info h6 a{height: 0.3rem;line-height: 0.3rem;}
.idx-xw .pic-list .title{font-size: 0.28rem;color:#000000;display: block;}
.idx-xw .pic-list .txt{font-size: 0.2rem;color:#6e6e6e;line-height: 0.24rem;-webkit-line-clamp: 3;margin-top: 0.15rem;}
.idx-xw .pic-list .date{font-size: 0.2rem;color:#6d6d6d;margin-top: 0.2rem;}
.idx-xw .pic-list .item:hover .title{color:#574a93;}

.idx-xw .arc-list{display: flex;margin-top: 0.85rem;}
.idx-xw .arc-list .item{width: 33.3%;padding:0 .65rem;border-right:1px solid #dadada;}
.idx-xw .arc-list .title{font-size: 0.26rem;color:#000000;line-height: 0.4rem;-webkit-line-clamp: 2;height: 0.8rem;}
.idx-xw .arc-list .date{font-size: 0.2rem;color:#6d6d6d;margin-top: 0.25rem;}
.idx-xw .arc-list .item:hover .title{color:#574a93;}
.idx-xw .arc-list .item:nth-child(1){padding-left: 0;}
.idx-xw .arc-list .item:nth-child(3){padding-right: 0;border:none;}

.idx-kh{margin-top: 0.8rem;margin-bottom: 0.8rem;}
.idx-kh .list{display: flex;flex-wrap: wrap;align-items: center;}
.idx-kh .list .item{width: 14.28%;height: 1.3rem;display: flex;align-items: center;justify-content: center;position:relative;}
.idx-kh .list .img{max-width:90%;max-height:100%;width: auto;transition: all .3s;}
.idx-kh .list .item::after{content:'';position:absolute;right: 0;top: 50%;width: 1px;background-color: #cdcdcd;height: 0.44rem;margin-top: -0.22rem;}
.idx-kh .list .img:hover{transform: scale(1.05,1.05);}
.idx-kh .list .item:nth-child(7n+7)::after{display: none;}

.foot{background-color: #f3f1ff;}
.ft-t{padding:.4rem 0 .3rem;display: flex;justify-content: space-between;align-items: flex-start;}
.ft-t .lbox{flex:1;overflow: hidden;}
/*foot联系我们*/
.footerContact{width: 30%;display: flex;justify-content: space-between;align-items: flex-start;}

.footerContact button {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background: #463a89;
    cursor: pointer;
    transition: all .3s ease-in;
}
.footerContact textarea {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 13px;
    box-sizing: border-box;
	border: 0px;
}
.footerContact input {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 13px;
    box-sizing: border-box;
}
/*foot联系我们*/


.ft-t .smlogo{height: 1.2rem;width: auto;}
.ft-t .row{font-size: 0.2rem;color:#463a89;line-height: .4rem;}
.ft-t .row a{margin-right: 0.1rem;}
.ft-t .row a:hover{text-decoration: underline;}
.ft-t .select{font-size: 0.2rem;color:#9e9e9e;width: 1.85rem;height: 0.4rem;line-height: 0.4rem;border:1px solid #e2e0eb;padding:0 .15rem;margin-top: 0.35rem;appearance: none;-webkit-appearance: none;background:url(../images/ft_04.png) no-repeat 95% center #f3f1ff;background-size:.14rem;}

.ft-t .rbox{margin-left: 0.3rem;display: flex;flex-direction: column;align-items: flex-end;line-height: 40px;}
.ft-t .tel-icon{width: 0.8rem;}
.ft-t .tel{font-size: 0.48rem;color:#463a89;font-weight: bold;}
.ft-t .tel-fz{font-size: 0.24rem;color:#463a89;margin-top: 0.06rem;}
.ft-t .social{margin-top: 0.2rem;}
.ft-t .social .grp{display: inline-block;vertical-align: middle;margin-left: 0.24rem;position:relative;}
.ft-t .social .ico{width: 0.44rem;height: 0.44rem;display: block;}
.ft-t .social .drop{position:absolute;background-color: #fff;width: 1.1rem;left: 50%;transform: translate(-50%,0);margin-top: 0.1rem;display: none;}
.ft-t .social .drop:before{content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 .07rem .08rem .07rem;border-color: transparent transparent #fff transparent;left: 50%;margin-left: -0.08rem;top: -0.08rem;}
.ft-t .social .pic{width: 100%;display: block;}
.ft-t .social .grp:hover .drop{display: block;}


.ft-b{font-size: .18rem;color:#acacac;line-height: 0.4rem;padding:.3rem 0;border-top:1px solid #c0c0c0;display: flex;justify-content: space-between;}
.ft-b .lbox{}
.ft-b .lk{display: inline-block;vertical-align: middle;margin-right: 0.3rem;}
.ft-b .lk:hover{color:#463a89;}
.ft-b .rbox{}
.ft-b .rbox span{display: inline-block;vertical-align: middle;margin-left: 0.3rem;}

.product-search-box {
	border: 1px solid #e4e4e4;
	height: 0.7rem;
	width: 85%;
	max-width: 640px;
	transition: all .3s;
	text-align: center;
	margin: 0 auto 0.5rem;
}
.product-search-box input {
	height: 0.68rem;
	width: 85%;
	max-width: 640px;
	border: none;
	padding: 0px 8px;
	border-right: 1px solid #e4e4e4;
	outline: none;
    font-size: 20px;
}
.aside-left .article-nav span {
	font-size: 1rem;
		color: #333;
	margin-left: 22px;
	cursor: pointer;
}
.search-icon {
	width: 12%;
	height: 1rem;
	display: inline-block;
	background-position: 0 0;
	cursor: pointer;
    font-size: 24px;
	color: #333;
	cursor: pointer;
}

/* 顶部背景 */
/*#top-bg {*/
/*	height: 6.4rem;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*}*/
/*#top-bg .c-enTitle {*/
/*	font-size: 72px;*/
/*	line-height: 1em;*/
/*	color: #fff;*/
/*}*/
/*#top-bg .c-title {*/
/*	padding-top: 10px;*/
/*	font-size: 36px;*/
/*	line-height: 56px;*/
/*	color: #fff;*/
/*	text-align: center;*/
/*}*/

@media screen and (min-width:992px) and (max-width:1199px){
	/* .auto{max-width: 100%;padding:0 3%;width: 100%!important;}
	html{font-size: 5rem!important;} */

	
    .product-search-box {
    	border: 1px solid #e4e4e4;
    	height: 0.7rem;
    	width: 85%;
    	max-width: 640px;
    	margin: 0 auto 0.5rem;
    }
    .product-search-box input {
    	height: 0.65rem;
    	width: 85%;
    	max-width: 640px;
        font-size: 16px;
    }
    .aside-left .article-nav span {
    	font-size: 1rem;
    }
    .search-icon {
        font-size: 24px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{max-width: 100%;padding:0 3%;width: 100%;}
	html{font-size: 3.8rem!important;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;background: url(../images/menu.png) no-repeat center;background-size:.4rem;margin-top: -.2rem;display: block;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:.36rem;}
	
	.hd-rig{margin-right: 0.6rem;}
	
	.hd-nav{position:fixed;width: 100%;left: 0;top: 1.2rem;background-color: #fff;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;}
	.hd-nav li{display: block;margin-left: 0;position:relative;}
	.hd-nav li>a{font-size: 0.24rem;line-height: 0.8rem;padding:0 .3rem;border-bottom:1px solid #efefef;}
	/* .hd-nav .arrow{width: 0.8rem;height: 0.8rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.3rem;display: block;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav li:hover>a, .hd-nav li.cur>a{color:#00469B;}
	.hd-nav li:hover .drop{display: none;}
	
	.hd-nav .drop{position:static;width: 100%;transform: translate(0,0);display: block;box-shadow:none;padding-left: 0.3rem;display: none;}
	.hd-nav .drop a{font-size: .19rem;line-height: 0.7rem;border-bottom:1px solid #efefef!important;}
	.hd-nav .drop a:before{width: 0.07rem;height: 0.07rem;} */
	
	.idx-tt{margin-bottom: 0.5rem;}
	.idx-tt .en{font-size: 0.66rem;}
	.idx-tt .cn{font-size: 0.44rem;margin-top: -0.5rem;}
	
	
	.idx-group .list .title{font-size: 0.4rem;}
	
	.idx-cp .menu .ico{height: 0.8rem;}
	.idx-cp .menu .tit{font-size: 0.24rem;}
	
	.idx-cp .list .imgbox{height: 3rem;}
	
	.readmore{width: 3rem;font-size: 0.22rem;}

	.idx-us .box{height: auto;width: 100%;max-width:100%;}
	.idx-us .list .num{font-size: 0.42rem;}
	.idx-us .list li{height: auto;padding:.4rem 0;}
	.idx-us .list li:hover{height: auto;margin-top: 0;}
	.idx-us .detail .img{margin-top: 0;}
	
	.idx-xw .menu .lk{font-size: 0.34rem;}
	.idx-xw .pic-list .imgbox{height: 3rem;}
	
	.idx-xw .arc-list .item{padding:0 .3rem;}
	
	.ft-t .row{font-size: 0.22rem;}
	.ft-t .row a{margin-right: 0.2rem;}
	.ft-t .tel-icon{width: 0.6rem;}
	.ft-t .tel{font-size: 0.34rem;}
	.ft-t .tel-fz{font-size: 0.22rem;}
	
	.ft-b .lk{margin-right: 0.15rem;}
	.ft-b .rbox span{margin-left: 0.15rem;}
}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{max-width: 100%;padding:0 4%;width: 100%;}
	html{font-size: 3.5rem!important;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: .5rem;height: .5rem;background: url(../images/menu.png) no-repeat center;background-size:.44rem;margin-top: -.25rem;display: block;}
	.sj-menu.close{background: url(../images/close.png) no-repeat center;background-size:.44rem;}
	
	.head{padding:.05rem 0;}
	.hd-logo .img{height: 1rem;}
	
	.hd-rig{margin-right: 0.6rem;}
	.hd-lang .lk{font-size: 0.26rem;}
	
	.hd-sear .icon{width: 0.36rem;height: 0.36rem;}
	.hd-sear .box{height: 0.5rem;margin-top: -0.25rem;}
	.hd-sear .box .ipt-txt{height: 0.5rem;line-height: 0.5rem;flex:0.8;}
	.hd-sear .box .submit{width: 0.5rem;height: 0.5rem;margin-right: 0;background-size: 0.28rem;}
	
	
	
	.hd-nav{position:fixed;width: 100%;left: 0;top: 1.1rem;background-color: #fff;margin-top: 0;bottom: 0;overflow-y: scroll!important;display: none;}
	.hd-nav li{display: block;margin-left: 0;position:relative;}
	.hd-nav li>a{font-size: 0.24rem;line-height: 0.8rem;padding:0 .3rem;border-bottom:1px solid #efefef;}
	/* .hd-nav .arrow{width: 0.8rem;height: 0.8rem;position:absolute;right: 0;top: 0;background:url(../images/arrow.png) no-repeat center;background-size:.3rem;display: block;}
	.hd-nav .arrow.this{transform: rotate(180deg);}
	
	.hd-nav li:hover>a, .hd-nav li.cur>a{color:#00469B;}
	.hd-nav li:hover .drop{display: none;}
	
	.hd-nav .drop{position:static;width: 100%;transform: translate(0,0);display: block;box-shadow:none;padding-left: 0.3rem;display: none;}
	.hd-nav .drop a{font-size: .19rem;line-height: 0.7rem;border-bottom:1px solid #efefef!important;}
	.hd-nav .drop a:before{width: 0.07rem;height: 0.07rem;} */
	
	.idx-ban .swiper-pagination{bottom: 0.1rem;}
	.idx-ban .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;margin:0 .06rem!important;}
	
	
	.idx-tt{margin-bottom: 0.3rem;}
	.idx-tt .en{font-size: 0.44rem;}
	.idx-tt .cn{font-size: 0.34rem;margin-top: -0.3rem;}
	
	.idx-group .list .item{border-radius:.1rem;}
	.idx-group .list .item::after{display: none;}
	.idx-group .list .title{font-size: 0.26rem;padding:0 .15rem;bottom: 0.2rem;}
	
	.idx-cp{width: 100%;overflow: hidden;}
	.idx-cp .menu{overflow-x: scroll;width:calc(100% + 4%)}
	.idx-cp .menu::-webkit-scrollbar{ display: none;} 
	.idx-cp .menu .box{display: block;white-space: nowrap;}
	.idx-cp .menu .lk{display: inline-block;vertical-align: middle;margin-right: 0.2rem;padding-bottom: 0;}
	.idx-cp .menu .ico{display: none!important;}
	.idx-cp .menu .tit{font-size: 0.24rem;line-height: 0.6rem;margin-top: 0;}
	
	.idx-cp .list{margin-left: -2%;}
	.idx-cp .list .item{width: 48%;margin:0 0 2% 2%;}
	.idx-cp .list .imgbox{height: 2.8rem;}
	
	.readmore{width: 3rem;font-size: 0.22rem;margin-top: 0.4rem;}
	
	.idx-us .box{height: auto;width: 100%;max-width:100%;box-shadow:none;}
	.idx-us .list{justify-content: space-between;flex-wrap: wrap;}
	.idx-us .list li{height: auto;padding:.15rem 0;border:none;flex:auto;width: 33.3%;}
	.idx-us .list .num{font-size: 0.34rem;}
	.idx-us .list .fz{font-size: 0.22rem;}
	.idx-us .list li:hover{height: auto;margin-top: 0;}
	.idx-us .detail .img{margin-top: .3rem;}
	
	
	.idx-xw .menu .lk{font-size: 0.26rem;line-height: 0.65rem;}
	
	.idx-xw .pic-list{margin: 0;display: block;}
	.idx-xw .pic-list .item{width: 100%;margin:0 0 .3rem;}
	.idx-xw .pic-list .imgbox{height: auto;}
	.idx-xw .pic-list .title{font-size: 0.26rem;}
	.idx-xw .pic-list .txt{display: none!important;}
	
	.idx-xw .arc-list{display: block;margin-top: 0.4rem;}
	.idx-xw .arc-list .item{padding:0 !important;width: 100%;border:none;margin-bottom: 0.3rem;}
	.idx-xw .arc-list .title{height: auto;}
	.idx-xw .arc-list .date{margin-top: 0.15rem;}
	
	.idx-kh{margin:.6rem 0;}
	.idx-kh .list .item{width: 25%;}
	.idx-kh .list .item::after{display: none;}
	.idx-kh .list .img{max-width:80%;}
	
	
	.footerContact{width: 100%;}
	
	.ft-t{display: block;}
	.ft-t .smlogo{margin:0 auto;height: .9rem;display: block;}
	.ft-t .row{font-size: 0.22rem;line-height: 0.4rem;text-align: center;display: none;}
	.ft-t .row span{display: block;]}
	.ft-t .row a{margin-right: 0.1rem;}
	.ft-t .select{display: none;}
	.ft-t .rbox{margin-left:0;align-items:center;margin-top: 0.2rem;}
	.ft-t .tel-icon{width: 0.5rem;display: none;}
	.ft-t .tel{font-size: 0.32rem;}
	.ft-t .tel-fz{font-size: 0.22rem;}
	.ft-t .social .grp{margin:0 .15rem;}
	
	.ft-b{display: block;text-align: center;line-height: 0.32rem;padding:.2rem 0;border-top-color:#e5e5e5;}
	.ft-b .lk{margin:0 .08rem;}
	.ft-b .rbox span{margin:0 .08rem;}
	
    	
    .product-search-box {
    	border: 1px solid #e4e4e4;
    	height: 0.65rem;
    	width: 85%;
    	max-width: 640px;
    	margin: 0 auto 0.5rem;
    }
    .product-search-box input {
    	height: 0.6rem;
    	width: 85%;
    	max-width: 640px;
        font-size: 16px;
    }
    .aside-left .article-nav span {
        height: 0.6rem;
    }
    .search-icon {
        height: auto;
        font-size: 20px;
    }
	

}

/*首页轮播图*/
.c-banner1 {
	background: #fff;
}
.c-banner1 .swiper-slide{
	position: relative;
	overflow: hidden;
}
.c-banner1 .swiper-slide img {
	width: 100%;
	/*height: 100vh;*/
	object-fit: cover;
	-webkit-transition: all 7s;
	transition: all 7s;
}
.c-banner1 .swiper-slide .c-bg2 {
	display: none;
}
.c-banner1 .swiper-slide-active img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1); 
}
.c-banner1 .swiper-slide .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	background: url(../images/mbl.png)repeat;
}
.c-banner1 .swiper-slide .c-wrap .c-title{
	font-size: 80px;
	line-height: 100px;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-slide .c-wrap .c-text {
	padding: 30px 0 75px;
	font-size: 40px;
	line-height: 56px;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.c-banner1 .swiper-pagination-bullet {
	opacity: 1;

}



@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}

.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}



