@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face{
	font-family: JosefinSans;
	src:url(../fonts/JosefinSans.ttf);
}

/* html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;} */
html{-webkit-text-size-adjust:100%;font-size:100px}

html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px;line-height:30px; color:#333333; width:100%; min-width:1280px; zoom:1;font-family: Arial,"微软雅黑","宋体";background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Arial,"微软雅黑","宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;}
aside{font-family: Arial,"微软雅黑","宋体";}
pre{white-space: pre-wrap;font-family: Arial,"微软雅黑","宋体";
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
/*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#5ec0eb;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/* background: url(../images/select.gif) no-repeat scroll 95% center transparent; */
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{width: 6px; height:6px;-webkit-overflow-scrolling : touch;background:url(../images/scrollbarbg.gif) center top repeat-y;}
::-webkit-scrollbar-track{background:url(../images/scrollbarbg.gif) center top repeat-y;}
::-webkit-scrollbar-thumb{background-color: #5ec0eb;}
::-webkit-scrollbar-button{height: 0px;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1200{ z-index:3; position:relative; clear:both; max-width:1200px;width: 90%; margin:0px auto;}
.table{ display: table; width:100%;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}
.iblock{font-size:0;}
.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}
.pd100{padding-top:1rem;padding-bottom:1rem;}
.pt100{padding-top:1rem;}
.pb100{padding-bottom:1rem;}
.nones{ position:absolute !important; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -1;}
.relative{position: relative;}


/*font*/
.HarmonyOS_Sans_SC_Light{font-family: "HarmonyOS_Sans_SC_Light";}
.HarmonyOS_Sans_SC{font-family: "HarmonyOS_Sans_SC";}
.tel{font-family: JosefinSans;}
.f_18{font-size: 18px;}
.f_red{ color:#cc0000;}
.f_blue{ color:#2844a5;}
.f_666{ color:#666;}
.l30{line-height: 0.30rem;}
.iconfont{ font-size:24px; vertical-align:middle;display: inline-block;}
.iconyjt{margin-top: -3px;font-size: 20px;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p,.dot1,.dot2,.dot3,.dot4,.dot5,.dot6{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
/* white-space: break-spaces; */
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}

@media(max-width:1600px){
	html{font-size:6.25vw}
}
@media ( max-width:1024px){
	html{font-size:9.765625vw}
	select,input,textarea,button{font-size: 14px;}
.w1200{width:auto;margin:0 15px;min-width: 200px;}
body{min-width:300px;font-size: 14px;line-height: 24px;}
.pd100{padding-top:25px;padding-bottom:25px;}
.l30{line-height: 24px;}
.f_18{font-size: 14px;}
}
@media(max-width:768px){
	html{font-size:12.02083vw}
	.pd100{padding-top:0.6rem;padding-bottom:0.6rem;}
	.pt100{padding-top: 0.6rem;}
	.pb100{padding-bottom: 0.6rem;}
}


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s}
.imgbox img{ width:auto; max-height:100%;}
.imgbox:hover span{-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); }
.ico{display: flex;vertical-align: middle;position: relative;align-items: center;justify-content: center;}
.ico .i1,.ico .i2 {position: absolute;z-index: 100;}
.ico .i1 {transition: 400ms;}
.ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.li:hover .ico .i2,.li.on .ico .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.li:hover .ico .i1,.li.on .ico .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}

.btnam{position: relative;transition: all 0.3s;display: block;text-align: center;color:#fff !important;width: 150px;line-height: 50px;background:#ffc061;overflow: hidden;}
.btnam em{position: relative;z-index: 1;display: inline-block;}
.btnam i{display: inline-block;vertical-align: middle;margin-left: 10px;width: 22px;height: 6px;background:url(../images/more3.png);}
.btnam:after{left: 50%;top: 50%;position: absolute;content: "";width: 0%;height: 0%;transition: all 0.5s 0.1s;background-image: linear-gradient(#ffc061, #f0a04d);border-radius: 50%;}
.btnam:hover:after{left:-100px;top:-100px;width: 300px;height: 300px;}
.btnam:hover{color:#fff !important;}

@media(max-width:768px){
	.btnam{width: 90px;line-height: 30px;font-size: 12px;}
}

/*pages*/
.Pages{clear: both;text-align: center;line-height:  .5rem;;padding-top: 4%;position: relative;}
.Pages a{display: inline-block;vertical-align: middle;background-color: #f8f8f8;padding: 0 .3rem;color: #231815}
.Pages .num a{width: .5rem;color:#231815;margin:0 5px;padding: 0}
.Pages .num a:hover,.Pages .num a.a_cur{border:2px solid #5ec0eb;color:#fff;background:#5ec0eb;}
.Pages .arr{padding:0 14px;border:1px solid #ebebeb;border-radius: 5px;}
.Pages .arr:hover{color: #fff;background:#5ec0eb;border:1px solid #5ec0eb;}
.Pages .a_prev{margin-right: 35px;}
.Pages .a_next{margin-left: 35px;}
.Pages.white .arr{background: #fff;}

@media ( max-width:1024px){
.Pages{line-height:25px; font-size:14px;}
.Pages .arr{padding:0 5px;}
.Pages .p_page .num a{ width:25px;}
.Pages .a_prev{margin-right: 5px;}
.Pages .a_next{margin-left: 5px;}
}
/*pages end*/


/*Top*/
.Header{ position:fixed; width:100%; left:0; top:0;z-index:1000; transition: all 0.3s;top: -100px;}
.Header .Toper .cell{height: 100px;color:#fff;transition: all 0.3s;width: 25%;}
.Header .Toper .tel img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.Header .Toper .tel a{color:#fff;}
.Header .Logo{width: 50%;text-align: center;}
.Header .Logo img{height: 54px;}
.Header .real{display: inline-block;font-size: 14px;position: relative;}
.Header .real img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.Header .real .ewm{position: absolute;left: 50%;top: 60px;width: 120px;padding:10px;background:#fff;transform: translateX(-50%);transition: all 0.3s;opacity: 0;z-index: -1;visibility: hidden;}
.Header .real .ewm:after{content: "";left: 50%;top: -6px;width: 15px;height: 15px;background:#fff;transform: rotate(-45deg);position: absolute;margin-left: -7px;}
.Header .real.on .ewm{top: 35px;opacity: 1;visibility: visible;z-index: 1;}

.Search{float: right;}
.Search .Searchico{ cursor:pointer; color:#fff;}.Search .Searchico:hover{opacity: 0.8;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:20px;}
.Search .searchbox{width:4rem;position: absolute;padding-right: 49px;line-height: 35px;opacity: 0;visibility: hidden;z-index: -1;top: 110px;background:#fff;transition: all 0.3s;right: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Search .searchbox .input{width:100%; height:45px; line-height:45px; text-indent:1em;font-size: 14px;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:48px; height:100%; color:#fff;background:#5ec0eb;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 60px;z-index: 10;}

.MainNav{line-height: 60px;height: 60px;transition: all 0.3s;}
.MainNav .Logo{float: left;margin-right: 0;transition: all 0.3s;width: 100px;margin-right: 0.6rem;opacity: 1;}
.MainNav .Logo img{height: 40px;}
.MainNav .Logo .cai{display: none;}
.MainNav ul{float:left;}
.MainNav li{float: left; margin-right: 0.6rem; position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block;transition: all ease 0s;color:#fff;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{color:#fff;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:0.6rem; left:50%;width:160px;margin-left:-80px; line-height:33px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ position:relative;}
.NavPull a{padding:0; display:block; padding:4px 0;}

.closebtn{ position:fixed; left:0px; top:50px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer; height:25px; position:absolute; right:0; top:8px; z-index:999;display: none;}
.openbtn span{ display:inline-block;vertical-align: middle;margin:0 10px 0 0;}
.openbtn i{ display:block; height:2px; background:#fff; border-radius:4px; margin:7px 0;transition: all ease 0.3s;width: 28px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 9px) rotate(45deg) !important;
	-moz-transform: translate(0, 9px) rotate(45deg) !important;
	-ms-transform: translate(0, 9px) rotate(45deg) !important;
	-o-transform: translate(0, 9px) rotate(45deg) !important;
	transform: translate(0, 9px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 {width: 0;}

.Homecss .Header{top:0;}
.Homecss .MainNav{background:rgba(255,255,255,0.2);}
.Homecss .MainNav .Logo{width: 0;opacity: 0;margin: 0;}

.Header.fixed3{background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.12);top: -100px;}
.Header.on{background:rgba(94,192,235,0.8);}
.Header.on .MainNav,.Header.fixed3 .MainNav{background:#fff;}
.Header.on .searchbox .input::-webkit-input-placeholder {color:#999999;}
.Header.on .MainNav span a,.Header.on .Search .Searchico,.Header.fixed3 .Search .Searchico,.Header.fixed3 .MainNav span a{color:#333333;}
.Header.on .MainNav li:hover span a, .Header.on .MainNav li.onnav span a{color:#5ec0eb;}

.Header.fixed3 .MainNav .Logo{width: 100px;margin-right: 0.6rem;opacity: 1;}
.Header.fixed3 .MainNav .Logo .cai,
.Header.on .MainNav .Logo .cai{display: inline-block;}
.Header.fixed3 .MainNav .Logo .bai,
.Header.on .MainNav .Logo .bai{display: none;}


@media(max-width:1366px){
	.MainNav li{margin-right: 0.3rem;}
}
@media(max-width:1024px){
.Header{top: 0;}
.Header.fixed3{top: 0;background: rgba(94,192,235,0.9) !important;}
.Header .Toper {padding-right: 35px;}
.Header .Toper .cell{height: 50px;}
.Header .Logo img{height: 30px;}
.MainNav .Logo{display: none;}
.openbtn{display: block;}
.Search {margin: 0 0 15px 0;float: none;}
.Search .Searchico{display: none;}
.Search .searchbox{width: 100%;position:relative;opacity: 1;visibility: visible;top: auto;right: auto;}
.Search .searchbox.on{top: 50px;}
.Search .searchbox .input{height: 35px;line-height: 35px;}
.Header.fixed3 .Search .searchbox.on{top: 50px;}
.MainNav{position: fixed;right: 0;top: 50px;width: 80%;height: calc(100% - 50px);right: -100%;transition: all 0.3s;opacity: 0;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding-top: 20px;overflow-y: auto;z-index: 100;}
.MainNav ul{float: none;}
.MainNav.on{right: 0;opacity: 1;}
.MainNav li{width: auto;float: none;text-align: left;margin-right: 0;}
.MainNav span a{text-align: left;font-size: 15px;padding-left: 15px;line-height: 40px;border-bottom: 1px solid #eee;margin:0 10px;color:#333;}
.MainNav .arr{display: block;width: 80px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;z-index: 5;}
.MainNav .arr i{position: absolute;right: 10px;font-size: 14px;color:#666;top: 0;transition: all 0.3s;}
.MainNav li.onnav .arr i{transform: rotate(-180deg);}
.NavPull{position: static;width: 100%;margin:0;text-align: left;}
.Header.fixed3 .NavPull{padding:20px;}
.NavPull{padding:10px 0;}
.NavPull a{padding: 0 0 0 25px;}
.Header.fixed3, .Header.fixed3.fixed4{top: 0}
.Header.fixed4 .MainNav{background: #fff}
.Homecss .MainNav{background: #fff;}
}

@media(max-width:640px){
	.Header .tel,.Header .real{font-size: 0;text-align: right;}
 .Header .real img{margin:-5px 0 0 0;}
	.Header .Toper .cell{width: 30px;}
	.Header .Logo{text-align: left;width: auto !important;}

}


/*Bottom*/
.Footer{ position:relative; background:#5ec0eb;padding: 0.8rem 0 0.75rem;font-size: 14px;color:#fff;}
.Footer a{color:#fff;}.Footer a:hover{color:#f1c686;}
.Footer .slogan{border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 0.4rem;margin-bottom: 0.4rem;}
.Footer .slogan .cell{height: 54px;}
.Footer .slogan img{max-height: 54px;}
.Footer .sitemap{float: left;width: calc(100% - 353px);}
.Footer .sitemap dl{float: left;padding-right: 0.38rem;line-height: 24px;}
.Footer .sitemap dl dt{padding-bottom: 10px;font-size: 16px;position: relative;}
.Footer .sitemap dl dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .sitemap dl dt .arr i{ width:20px; height:100%; right:5px;top:0; font-size:16px; position:absolute;transition: all ease 0.3s;}
.Footer .sitemap dl dd{font-size: 14px;}
.Footer .sitemap dl.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer .contact{width: 340px;float: right;text-align: right;line-height: 24px;}
.Footer .contact .tel{font-size: 24px;line-height: 30px;}
.Footer .contact .date{margin: 4px 0 18px;}


.totop{position:fixed;right:0;bottom:-100%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 55px;height: 55px;line-height:20px;color:#fff;background:#5ec0eb;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:210;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0;}
.totop i{display: block;transform: rotate(-180deg);}
.totop:hover{color:#fff;background:#36a9dc;}

@media(max-width:1024px){
	.Footer .sitemap{float: none;width: auto;}
	.Footer .sitemap dl{float: none;width: auto;border-bottom: 1px solid rgba(255,255,255,0.15);padding-right: 0;}
	.Footer .sitemap dl dt{padding-bottom: 0;line-height: 35px;}
	.Footer .sitemap .sub{ display:none; padding-top:8px; padding-bottom:12px;}
	.Footer .sitemap dl dt .arr{ display:block;}
	.Footer .contact{width: auto;float: none;padding-top: 15px;}
	.totop{width: 35px;height: 35px;font-size: 0;}
 .totop span{display: none;}
}
@media(max-width:640px){
	.Footer .sitemap dl dt{font-size: 15px;}
	.Footer .slogan .tl{display: none;}
	.Footer .slogan .tr{text-align: center;height: auto;}
}

/*Bottom*/


/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}
.itemhover2{transition: all ease 0.3s;display: block;}
.activehover2{
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);}

/*第一屏 s*/
.HomeBan{position: relative; z-index: 1;height:100vh; background: url(../images/loading.gif) center center no-repeat;overflow: hidden;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .item .imgbox img {width: 100vw;height:100vh;position: absolute;top: -2px;left: -2px;-o-object-fit: cover;object-fit: cover;-webkit-filter: url(#water);filter: url(#water);}
.HomeBan .imgbox{height: 100vh;width: 101vw;}
.HomeBan .item svg{ position:absolute;left: 0;top: 1%;width: 100%;height: 100vh;}
.HomeBan .desc{ z-index:10; position:absolute; left:50%; width:1200px; top: 50%; transform: translate(-50%,-50%);color:#fff;}
.HomeBan .desc .ti{font-size: 0.6rem;line-height: 1.13rem;}
.HomeBan .desc .p{font-size: 0.3rem;line-height: 0.4rem;}

.HomeBan .slick-dots {left: auto;bottom: auto;right: 0.6rem;top: 50%;transform: translateY(-50%);width: 34px;}
.HomeBan .slick-dots li{text-align: right;display: block;padding:8px 0;margin: 0;width: auto;}
.HomeBan .slick-dots li button{width: 20px;height: 1px;background:rgba(255,255,255,0.4);float:right;border-radius: 0;}
.HomeBan .slick-dots li.slick-active button{width: 34px;background:#fff;}

.HomeBan .slick-arrow{background-color:transparent;border:0px;width: 60px;border-radius: 50%;}
.HomeBan:hover .slick-prev{left: 6%;}
.HomeBan:hover .slick-next{right: 6%;}
.HomeBan .slick-arrow:hover{background-color:transparent;}

@media(max-width:1200px){
	.HomeBan .desc{width: 90%;}
}
@media(max-width:1024px){
.HomeBan,.HomeBan .item{height: auto;}
.HomeBan .imgbox{height: 5rem;}
.HomeBan .item .imgbox img{height: 5rem;}
.HomeBan .slick-arrow{display: none !important;}
.HomeBan .slick-dots li{padding:6px 0;}
}
@media(max-width:640px){
	.HomeBan .slick-dots{right: auto;left: 0;top: auto;transform: translate(0);bottom: 10px;width: 100%;}
	.HomeBan .slick-dots li{display: inline-block;margin:0 4px;}
}

.Ewmbox .w1200{background:#fff;box-shadow:0 0 48px rgba(0,0,0,0.1);font-size: 0;text-align: center;padding:0.39rem 0.74rem;margin-top: 0;position: relative;z-index: 10;}
.Ewmbox .item{display: inline-block;width: 25%;font-size: 14px;line-height: 24px;text-align: left;}
.Ewmbox .item .img{width: 121px;}
.Ewmbox .item .img img{width: 102px;height: 102px;}


.HomeTit{text-align: center;padding:0.94rem 0 0.37rem;}
.HomeTit .en{font-size: 18px;font-family: JosefinSans;color:#5ec0eb;letter-spacing: 0.15em;}
.HomeTit .cn{font-size: 0.6rem;line-height: 1.01rem;}
.HomeTit nav li{display: inline-block;padding:0.1rem 0.27rem 0;cursor: pointer;}
.HomeTit nav li.on{text-decoration: underline;color:#5ec0eb;}


.HomeAbout{padding-bottom: 0.8rem;}
.HomeAbout ul{margin-left: -0.6rem;}
.HomeAbout li{width: 25%;float: left;padding-left: 0.6rem;}
.HomeAbout li:nth-child(1){padding-top: 0.8rem;}
.HomeAbout li:nth-child(2){padding-top: 2rem;}
.HomeAbout li:nth-child(3){padding-top: 0;}
.HomeAbout li:nth-child(4){padding-top: 0.8rem;}
.HomeAbout li a{display: block;}
.HomeAbout li .imgbox{padding-top: 4.25rem;margin-bottom: 15px;}
.HomeAbout li .imgbox em{position: absolute;padding:0 0.3rem 0.3rem;color:#fff;width: 100%;transition: all 0.8s;opacity: 0;transform: translateY(100%);bottom: 0;left: 0;z-index: 3;}
.HomeAbout li .imgbox:after{content: "";left: 0;bottom: 0;width: 100%;height: 65%;z-index: 2;position: absolute;background-image: linear-gradient(rgba(95,192,235,0), rgba(95,192,235,1));transition: all 0.3s;transform: translateY(100%);}
.HomeAbout li .en{line-height: 23px;font-family: JosefinSans;text-transform: uppercase;}
.HomeAbout li .cn{font-size: 0.24rem;}
.HomeAbout li:hover .imgbox em{transform: translateY(0);opacity: 1;}
.HomeAbout li:hover .imgbox:After{transform: translateY(0);}

.HomeHistory{background:#f2f6f7;position: relative;min-height: 4.1rem;overflow: hidden;}
.HomeHistory .auto{max-width: 1350px;width: 90%;margin:0px auto;}
.HomeHistory .sliderNav {padding-top: 1.19rem;font-family: JosefinSans;width: 7.32rem;}
.HomeHistory .sliderNav .slick-list{position: relative;}
.HomeHistory .sliderNav .slick-list:After{top: 59px;position: absolute;content: "";height: 1px;left: 21px;width: 150%;background:#5ec0eb;transition: all 0.3s;}
.HomeHistory .sliderNav .item{font-size: 18px;cursor: pointer;}
.HomeHistory .sliderNav .item span{display: inline-block;position: relative;height: 67px;text-align: center;}
.HomeHistory .sliderNav .item span:After{position: absolute;left: 50%;width: 9px;height: 9px;border-radius: 50%;background:#5ec0eb;bottom: 2px;transform: translateX(-50%);content: "";transition: all 0.3s;}
.HomeHistory .sliderNav .item.slick-current{font-size: 24px;}
.HomeHistory .sliderNav .item.slick-current span:After{width: 15px; height: 15px;bottom: 0;}
.HomeHistory .sliderCon {width: 7.06rem;padding-right: 1.55rem;}
.HomeHistory .info {text-align: center;font-size: 18px;margin-top: 44px;height: 150px;overflow-y: auto;}
.HomeHistory .imgbox{padding-top: 410px;position: absolute;width: 9.3rem;left: 51.5%;top: 0;z-index: 2;}


.HomePro{overflow: hidden;}
.HomePro .item{position: relative;padding-bottom: 0.43rem;}
.HomePro .logo{position: absolute;left: 0.5rem;top: 0.5rem;z-index: 2;}
.HomePro .logo img{height: 50px;}
.HomePro .info{position: absolute;left: 1.2rem;top: 2.03rem;width: 4rem;z-index:2;color:#fff;line-height: 0.46rem;}
.HomePro .info .en{text-transform: uppercase;font-size: 0.4rem;font-family: JosefinSans;}
.HomePro .info .cn{font-size: 0.4rem;margin:0.23rem 0 0.09rem;}
.HomePro .info .slogan img{display: inline-block;vertical-align: middle;}
.HomePro .btnam{margin-top: 0.57rem;text-align: center;color:#fff;background:#ffc061;display: none;}
.HomePro .imgbox{padding-top: 6.75rem;}
.HomePro .scroll{position: relative;}
.HomePro .slider{overflow: hidden;}
.HomePro .bzimg{position:absolute;width: 1rem;height: 1rem;right: -0.5rem;top: -0.5rem;z-index: 10;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.HomePro .slick-dots {bottom: 0;line-height: 3px;}
.HomePro .slick-dots li button{width: 50px;height: 1px;background:#5ec0eb;border-radius: 0;}
.HomePro .slick-dots li.slick-active button{height: 3px;}
.HomePro .slider:hover .slick-prev{left: 2%;}
.HomePro .slider:hover .slick-next{right: 2%;}

.HomeNews{position: relative;}
.HomeNews .HomeTit{position: relative;z-index: 10;}
.HomeNews .Con{background:#f7f9fa;position: relative;}
.HomeNews .Con .imgbox{position: absolute;left: 50%;top: 0;width: 3.6rem;padding-top: 720px;margin-left: -9.56rem;}
.HomeNews .Con ul{padding-top: 0.75rem;}
.HomeNews .Con li{padding:0 0 0.75rem 1.5rem;width: 50%;float: left;}
.HomeNews .Con .date{font-size: 0.3rem;color:#bfbfbf;font-weight: bold;font-family: JosefinSans;margin-bottom: 0.19rem;}
.HomeNews .Con .tit{font-size: 0.2rem;}
.HomeNews .Con .line{width: 30px;height: 1px;background:#dcddde;margin:0.15rem 0 0.33rem;}
.HomeNews .Con pre{color:#999999;height: 60px;margin-bottom: 0.29rem;}
.HomeNews .Con .more{overflow: hidden;color:#5ec0eb;}
.HomeNews .Con .more span{transition: all 0.3s;margin-left: -72px;}
.HomeNews .Con .more i{display: inline-block;vertical-align: middle;width: 22px;height: 6px;background:url(../images/more.png);margin-left: 0;transition: all 0.3s;margin-left: 10px;}
.HomeNews .Con li:hover .more i{background:url(../images/more2.png);}
.HomeNews .Con li:hover .more span{margin-left: 0;}
.HomeNews .Con li:hover .date{color:#5ec0eb;}

.HomeKy{min-height: 5.2rem;}
.HomeKy .img{width: 6.3rem;}
.HomeKy .info{position: absolute;top: 50%;background:#5ec0eb;width: 121%;right: 0;transform: translateY(-50%);color:#fff;padding:0.75rem 0.8rem;}
.HomeKy .info .ti{line-height: 0.55rem;padding-bottom: 0.54rem;border-bottom: 1px solid #7ecdef;margin-bottom: 0.21rem;font-size: 0.46rem;}
.HomeKy .info .btnam{margin:0.52rem 0 0 0;}
.HomeKy .info a{color: #fff;}

.HomeLink{position: relative;min-height: 550px;background:#f7f9fa;overflow: hidden;}
.HomeLink .imgbox{width: 6.75rem;padding-top: 550px;position: absolute;left: 50%;margin-left:2.8rem;top: 0;}
.HomeLink .tithead{padding-top: 0.4rem;line-height: 1.63rem;font-size: 0.46rem;}
.HomeLink ul{width: 725px;overflow-x: auto;white-space: nowrap;padding-bottom: 0.46rem;}
.HomeLink .item{width: 185px;display: inline-block;padding-right: 14px;}
.HomeLink .item a{display: flex;height: 85px;justify-content: center;align-items: center;margin-bottom: 15px;}
.HomeLink .item img{max-width: 100%;max-height: 100%;}
.HomeLink ul::-webkit-scrollbar{width: 100%; height:3px;-webkit-overflow-scrolling : touch;background:url(../images/scrollbarbg.gif) 0 bottom repeat-x;}
.HomeLink ul::-webkit-scrollbar-track{background:url(../images/scrollbarbg.gif) 0 bottom repeat-x;}

@media(max-width:1024px){
	.HomeHistory {padding-bottom: 5%;}
	.HomeHistory .sliderNav{width: auto;}
	.HomeHistory .sliderCon{padding-bottom: 3%;width: auto;padding-right: 0;}
	.HomeHistory .imgbox{position:relative;left: auto;margin: 0;padding-top: 45%;width: auto;}
	.HomeHistory .sliderNav .item{text-align: center;}

	.HomePro .bzimg{right: 0;}
	.HomeNews .Con .imgbox{display: none;}

	.HomeNews .Con ul{margin-left: -2%;}
	.HomeNews .Con li{padding-left: 5%;}
	.HomeNews .Con pre{height: 48px;margin-bottom: 0;}

	.HomeKy .table{width: 100%;}

	.HomeLink{min-height: auto;padding-bottom: 25px;}
	.HomeLink .imgbox{display: none;}
	.HomeLink ul{width: auto;}
}

@media(max-width:768px){
	.Ewmbox .item{width: 50%;}

	.HomeTit{padding:30px 0 20px;}
	.HomeTit .en{font-size: 17px;}
	.HomeTit .cn{font-size: 20px;line-height: 35px;}

	.HomeAbout{padding-bottom: 25px;}
	.HomeAbout ul{margin-left: 0.3rem;}
	.HomeAbout li{width: 50%;padding: 0 0 0.3rem 0.3rem !important;}
	.HomeAbout li .cn{font-size: 16px;}
	.HomeAbout li .en{font-size: 12px;}

	.HomeHistory .info{font-size: 15px;margin-top: 25px;height: auto;}
	.HomeHistory .sliderNav{padding-top: 25px;}
	.HomeHistory .sliderNav .slick-list:After {top: 44px;}
	.HomeHistory .sliderNav .item span {height: 52px;}

	.HomePro .logo img{height: 0.5rem;}
	.HomePro .imgbox{padding-top: 70%;}
	.HomePro .info{left: 0.5rem;top: 1.5rem;}
	.HomePro .slick-dots li button,.HomePro .slick-dots li{width: 30px !important;}

	.HomeNews .Con .tit{font-size: 15px;}
	.HomeNews .Con li{padding-bottom: 0.5rem;}

	.HomeKy .table,.HomeKy .cell{display: block;width: auto !important;}
	.HomeKy .info{width: 90%;right: 5%;bottom: 0;top: auto;transform:none;margin-bottom: 5%;}
	.HomeKy .info .ti{font-size: 20px;padding-bottom: 15px;}

	.HomeLink .tithead{font-size: 20px;}
}

@media(max-width:640px){
	.Ewmbox .item .table,.Ewmbox .item .cell{display: block;text-align: center;width: auto;}
	.Ewmbox .item {padding-bottom: 10px;line-height: 18px;font-size: 12px;}
	.Ewmbox .item .img{padding-bottom: 8px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;overflow: hidden;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;}
.SubBan .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;font-size: 0.18rem;text-align: center;color:#fff;width: 100%;}
.SubBan aside{font-size: 0.46rem;line-height: 0.64rem;}

.SubMenu{border-bottom: 1px solid #efefef;line-height: 1rem;background:#fff;position: relative;z-index: 1;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 0.1rem;float: left;}
.SubMenu li a{ display:block; color:#001027;font-size: 0.2rem;padding:0 0.33rem;position: relative;z-index: 1;}
.SubMenu li:after{content: "";position:absolute;left: 50%;top: 50%;transform: translateY(-50%);width: 0;border-radius: 25px;background:#2844a5;transition: all 0.3s;box-shadow: 0 20px 30px rgba(40,68,165,0.15);height: 0.5rem;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.ColName{font-family: "harmMedium"; background:#2844a5; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.Place{float: right;font-size: 14px;color:#999999;background:url(../images/ico/ico_home.png) 0px center no-repeat;padding-left: 21px;}
.Place a{color:#999999;}
.Place a:hover,.Place span{color:#2844a5;}

.SinglePage{ color:#333333; word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.36rem;}
.SinglePage.l30{}
.SinglePage video{ width:60%; margin:0px auto;}

@media(max-width:1024px){
	.SubBan .Info{font-size: 14px;}
	.ColName{display: block;}
	/* .SubMenu ul{display: none;} */
	.SubMenu{line-height: 16px;padding-bottom: 10px;}
	.SubMenu ul{padding-top: 15px;float: none;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;height: 32px;}
	.SubMenu li a{font-size: 15px;}
	.SubMenu li:after{display: none;}
	.SubMenu li a:hover, .SubMenu li.onli a{color:#2844a5;font-family: "harmMedium"}
	.SinglePage,.SinglePage.l30{line-height: 24px;}
	.SinglePage video{ width:100%}
}
/*栏目页公用样式 end*/


/*公司简介 s*/
.Header.fixed4{background: none;top: -100px;box-shadow:none;}
.Header.fixed4 .MainNav .Logo{width: 100px;   margin-right: 0.6rem;   opacity: 1;}
.Header.fixed4 .MainNav {background: none}
.HomeBan2.HomeBan .imgbox,.HomeBan2.HomeBan{height: 60vh	}
.HomeBan.HomeBan2 .desc{top: 30%}
.HomeBan.HomeBan2 .desc .p{font-size: 0.18rem;}
.HomeBan.HomeBan2 .desc .ti{font-size: 0.46rem;line-height: 0.6rem;;}
@media(max-width:1024px){
	.Header.fixed4 .MainNav {background: #fff}
	.HomeBan2.HomeBan .imgbox, .HomeBan2.HomeBan{height: 50vh;}
}
@media(max-width:768px){
.HomeBan2.HomeBan .imgbox, .HomeBan2.HomeBan{height: 5rem;}
.HomeBan.HomeBan2 .desc{top: 60%}
}
.Loction{height: 0.8rem;line-height: 0.8rem;border-bottom: 0.01rem solid #e3e7e8;}
.Loction ul li{color: #333333;display:inline-block;margin-right: .47rem;position: relative;}
.Loction ul li:after{content: "";left: 50%;bottom: 0px;height: 2px;position: absolute;background:#5ec0eb;width: 0;transition: all 0.3s;}
.Loction ul li.on:after,.Loction ul li:hover:after{width: 100%;left: 0;}
.Loction ul li.on a{color: #5ec0eb}
.Loction .fr{color:#a0a0a0;}
.Loction .fr a{color:#a0a0a0;}
.Loction .fr a:hover{color:#5ec0eb;}

.About_p1{margin: 0.8rem auto;display: inline-block;width: 100%}
.About_p1 .About_p1_txt {width: 44%;}
.About_p1 .About_p1_txt .abtit{text-align: left;;margin-bottom: .4rem;}
.About_p1 .About_p1_img{width: 44.166%;}
.About_p1 .About_p1_img .imgbox{padding-bottom: 60.37%;}
.About_p1 .About_p1box{margin-bottom: 0.8rem;display: inline-block;width: 100%}
.About_p1 .About_p1box.About_p1box2{margin-bottom: 0;}
.About_p1 .About_p1_txt .abdesc span{color: #5ec0eb;}

.abtit{font-size: 0.4rem;line-height: 0.72rem;color: #333333;text-align: center;font-weight: normal;margin-bottom: .4rem;}

.Shhd{margin: 0.8rem auto 1.5rem;display: inline-block;width: 100%}
.Shhd_b .slider li{height: 3.8rem;background-color: #f7f9fa;}
.Shhd_b .slider li .imgbox{width: 42%;padding-bottom: 32%;;float: left;}
.Shhd_b .slider li .txt{width: 58%;display: flex;align-items: center;height: 3.8rem;justify-content: center;}
.Shhd_b .slider li .txt div{width: 81%;}
.Shhd_b .slider li .txt h3{font-weight: normal;font-size: 0.24rem;color: #333333;}
.Shhd_b .slider li .txt p{color: #666666;margin-top: .3rem}
.Shhd_b  .slick-dots{bottom: -0.5rem}
.Shhd_b  .slick-dots li {width: 50px;height: 1px;background-color: #5ec0eb;cursor: pointer;}
.Shhd_b  .slick-dots li button{display: none}
.Shhd_b  .slick-dots li.slick-active{width: 0.5rem;height: 0.03rem;background-color: #5ec0eb;}

@media(max-width:768px){
.About_p1 .About_p1_txt,.About_p1 .About_p1_img{width: 100%;margin-bottom: 0.2rem;}
.Shhd_b .slick-dots li{width: 20px;}
.Shhd_b .slider .item{height: auto;}
.Shhd_b .slider li .imgbox,.Shhd_b .slider li .txt{width: 100%;height: auto;padding:15px;display: block;}
.Shhd_b .slider li .txt div{width: auto;}
.Shhd_b .slider li .txt h3{font-size: 16px;}
.Shhd_b .slider li .imgbox{padding-bottom: 75%;float: none;}
.Loction{height: auto;line-height: 35px;}
.Loction .fr{float: none;text-align: right;}
.Loction .fl{float: none;font-size: 15px;line-height: 40px;}
}

/*品牌文化*/

.Ppwh_p1{margin: 0.8rem auto ;display: inline-block;width: 100%}
.Ppwh_p1_b{background-color: #f7f9fa;height: 3rem;}
.Ppwh_p1_b .txt{padding:0.2rem 0.5rem 0.2rem 0.7rem;}
.Ppwh_p1_b .imgbox{width: 4.8rem;height: 3rem;float: right;}
.Ppwh_p1_b .txt h3{font-size: 0.24rem;color: #333333;margin-bottom: 0.2rem;}
.Ppwh_p1_b .txt p{color: #333333;}
.Ppwh_p1_b .txt p span{color: #5ec0eb;}

.Ppwh_p2{display: inline-block;width: 100%;padding: 0.8rem 0}
.Ppwh_p2 li{float: left;width: 23.5%;margin-right: 2%;background-color: #f7f9fa;transition: all 0.3s}
.Ppwh_p2 li:nth-child(4n){margin-right: 0;}
.Ppwh_p2 li .imgbox{width: 100%;height: 2.1rem;}
.Ppwh_p2 li .txt{padding: 0.2rem 0.3rem;padding-bottom: 0;transition: all 0.3s;min-height: 215px;}
.Ppwh_p2 li:nth-child(2){margin-top: 0.8rem}
.Ppwh_p2 li:nth-child(3){margin-top: -0.8rem}
.Ppwh_p2 li:hover{background-color: #5ec0eb;}
.Ppwh_p2 li:hover .txt{color: #fff}
.Ppwh_p2 li .txt h4{font-family: JosefinSans;font-weight: normal;}
.Ppwh_p2 li .txt h3{font-size: 0.24rem;}
.Ppwh_p2 li .txt p{margin-top: 0.2rem}
@media(max-width:1024px){
.Ppwh_p1_b .txt{width: 4.5rem;padding: 0 0.4rem}
}
@media(max-width:768px){
	.Ppwh_p1_b .txt h3 {font-size: 16px;}
.Ppwh_p1_b .txt{width: 100%;height: auto;padding: 0.4rem;display: inline-block;}
.Ppwh_p1_b{height: auto;display: inline-block;width: 100%}
.Ppwh_p1_b .imgbox{width: 100%;height: auto;padding-top: 70%;}

.Ppwh_p2{padding-top: 0;}
.Ppwh_p2 li{width: 100%;margin: 0;margin: 0.25rem 0 0 0 !important;height: auto;}
.Ppwh_p2 li:nth-child(1){margin-top: 0 !important;}
.Ppwh_p2 li .imgbox{height: auto;padding-bottom: 72%;}
.Ppwh_p2 li .txt{padding-bottom: 0.3rem;min-height: auto;}
.Ppwh_p2 li .txt h3{font-size: 16px;}
}

/*公司规划*/
.Gsgh {display: inline-block;width: 100%;padding: 0.8rem 0}
.Gsgh .txt h3{font-size: 0.24rem;color: #333333;margin-bottom: 0.2rem;margin-top: 0.4rem}
.Gsgh .txt h4{font-size: 18px;margin-top: 0.2rem}
.Gsgh .txt h5{font-size: 16px;}
.Gsgh .txt h5+p{margin-bottom: 0.3rem;}

/*创新产品*/
.ProductList{padding: 0.8rem 0}
.ProductList ul {margin-left: -2%;}
.ProductList ul li{float: left;width: 33.333%;padding: 0 0 2.5% 2.5%;}
.ProductList ul li .imgbox{width: 100%;padding-bottom: 75%;}
.ProductList ul li p{font-size: 0.2rem;line-height: 0.6rem;text-align: center;}

.ProductCon,.Syff{display: inline-block;width: 100%;padding: 0.8rem 0}
.Syff {padding-bottom: 0;}
.Syff h3{font-size: 18px;}
.ProductCon .ProductCon_p1 .imgs{width: 50%;float: left;}
.ProductCon .ProductCon_p1 .imgs li .imgbox{height: 4.5rem}
.ProductCon .ProductCon_p1  .slick-dots{bottom: 0.2rem;}
.ProductCon .ProductCon_p1  .slick-dots li {width: 0.5rem;height: 0.01rem;background-color: #5ec0eb;cursor: pointer;}
.ProductCon .ProductCon_p1  .slick-dots li button{display: none}
.ProductCon .ProductCon_p1  .slick-dots li.slick-active{width: 0.5rem;height: 0.03rem;background-color: #5ec0eb;}
.ProductCon .ProductCon_p1 .txt{width: 50%;float: right;display: flex;align-items: center;height: 4.5rem;justify-content: center;padding-left: 0.8rem;}
.ProductCon .ProductCon_p1 .txt h3{font-size: 0.3rem;color: #5ec0eb;margin-bottom: 0.1rem;}
.ProductCon .ProductCon_p1 .txt h4{color: #666666;padding-bottom: 0.2rem;border-bottom: 1px solid #e3e7e8;;}
.ProductCon .ProductCon_p1 .txt .price{height: 0.78rem;line-height: 0.78rem;border-bottom: 1px solid #e3e7e8;color: #666666;margin-bottom: 0.2rem;}
.ProductCon .ProductCon_p1 .txt .price .fr span{font-size: 0.24rem;color: #ffc061;}
.ProductCon .ProductCon_p1 .txt .price .fr span i{font-size: 0.16rem}
.ProductCon .ProductCon_p1 .txt .desc strong{font-weight: normal;}

.ProductCon .Syff  .tit{line-height: 0.72rem;background-color: #f7f9fa;padding-left: 0.4rem;font-size: 0.24rem;color: #333333;}
.ProductCon .Syff .con{padding: 0.4rem}
.ProductCon .Syff .con .w50{width: 33.333%;display: inline-block;}
@media(max-width:1024px){
.ProductList ul li{width: 49%;float: left;}
.ProductList ul li:nth-child(2n){float: right;margin-right: 0;}
.ProductCon .ProductCon_p1 .imgs,.ProductCon .ProductCon_p1 .txt{width: 100%;padding-left: 0;}
}
@media(max-width:767px){
	.Gsgh .txt h3{font-size: 18px;}
	.Gsgh .txt h4{font-size: 16px;}
	.ProductCon .ProductCon_p1 .txt {height: auto;padding:15px 0 0;}
	.ProductCon .ProductCon_p1 .txt h3{font-size: 17px;}
	.ProductCon .ProductCon_p1 .txt .price .fr span{font-size: 18px;}
	.ProductCon .ProductCon_p1 .imgs li .imgbox{height: auto;padding-top: 70%;}
	.ProductList ul li p{font-size: 14px;margin-top: 0.12rem;}
	.ProductCon .Syff .tit {font-size: 16px;line-height: 45px;}
	.Syff h3{font-size: 16px;}
	.ProductCon .Syff .con .w50{width: auto;display: block;}
}

/*新闻列表*/
.NewsList{padding: 0.8rem 0;}
.NewsList .NewsList_t .imgbox{width: 50%;padding-top: 4.5rem;float: left; background-color: #979797;}
.NewsList .NewsList_t li{ background-color: #f7f9fa;}
.NewsList .NewsList_t li .txt{padding: 0.5rem 0.8rem;width: 50%;float: left;}
.NewsList .NewsList_t li .txt time{font-family: JosefinSans;font-weight: bold;font-size: 0.3rem;color: #bfbfbf;}
.NewsList .NewsList_t li .txt .tit{font-size: 0.26rem;transition: all 0.3s;line-height: 0.43rem;font-weight: normal;color: #333333;margin-top: 0.2rem;padding-bottom: 0.2rem;;white-space:normal;}
.NewsList .NewsList_t li .txt .tit:after{content: "";width: 0.3rem;height: 0.01rem;background-color: #dcddde;display: block;margin-top: 0.2rem}
.NewsList .NewsList_t li .txt p{color: #666666;}
.NewsList .NewsList_t li .txt span{display: inline-block;width: 1.5rem;transition: all 0.3s;	color: #ffffff;text-align: center;line-height: .5rem;margin-top: .3rem;	background-color: #5ec0eb;position: relative;z-index: 10;}
.NewsList .NewsList_t .slick-dots{text-align: right;padding-right: 0.25rem;bottom: 10px;}
.NewsList .NewsList_t .slick-dots li{width: 0.3rem;	height: 1px;	background-color: #5ec0eb;cursor: pointer;}
.NewsList .NewsList_t .slick-dots li.slick-active{height: 3px;}
.NewsList .NewsList_t .slick-dots li button{display: none}
.NewsList .NewsList_t li:hover  .txt .tit{color: #5ec0eb}
.NewsList .NewsList_t li:hover .txt span{color: #5ec0eb;background: #fff}
.NewsList_b{display: inline-block;width: 100%;padding: 0.8rem 0 0}
.NewsList_b li{height: 225px;position: relative;padding: 0 1rem 30px 0;border-bottom: 1px solid  #e3e7e8;;margin-bottom: 30px}
.NewsList_b li  .imgbox{width: 260px;float: left;	padding-top: 195px;}
.NewsList_b li .txt{width: calc(100% - 310px);float: left;padding-left: 50px;}
.NewsList_b li .txt time{font-family: JosefinSans;font-size: 0.3rem;color: #bfbfbf;font-weight: bold;}
.NewsList_b li .txt .tit{font-size: 20px;font-weight: normal;color: #333333;margin-top: 0.2rem;margin-bottom: 0.2rem;transition: all 0.3s;}
.NewsList_b li .txt .tit:after{content: "";width: 0.3rem;height: 1px;background-color: #dcddde;display: block;margin-top: 0.2rem}
.NewsList_b li .txt p{color: #999999;}
.NewsList_b li .more{position:absolute;right:0;top:0;width: 1rem;height:195px ;background: url(../images/more.png) no-repeat center;transition: all 0.3s;}
.NewsList_b li:hover .txt .tit{color: #5ec0eb}
.NewsList_b li:hover .more{background: url(../images/more2.png) right center no-repeat;}

.NewsCon{display: inline-block;width: 100%;padding: 0.8rem 0}
.NewsCon .Newstit{text-align: center;font-size: 0.3rem;line-height: 0.5rem;margin-bottom:0.1rem;font-weight: normal;color: #333333;}
.NewsCon .NewsInfo{text-align: center;color: #666666;margin-bottom:0.5rem;}
.NewsCon .NewsInfo span{display: inline-block;padding:0 10px;}
.NewsCon .NewsInfo .bshare-custom{display: inline-block;vertical-align: middle;}
.NewsCon .NewsInfo .bshare-custom .bshare-more.more-style-addthis{background:url(../images/icon_share.png);width: 20px;height: 20px;}
.bFind-wrapper-top {height: 28px !important;}
.NewsCon .Con{color: #333333;padding-bottom: 0.4rem;border-bottom: 1px solid #e3e7e8;;}
.NewsCon .Con p{margin-bottom: 0.3rem;}
.NewsCon .Con h3{color: #333333;font-size: 0.2rem;margin-bottom: 0.3rem;}

.NextPrev{margin: 0.3rem 0}
.NextPrev p{color: #666666;}
.NextPrev p span{color: #5ec0eb;}
.NextPrev p a{color: #8f8f8f;}
.NextPrev p a:hover{color: #5ec0eb;}
.NextPrev .back{width: 1.5rem;text-align: center;color: #ffffff;line-height: 0.5rem;	background-color: #5ec0eb;}
.NextPrev .back img{margin-right: 0.1rem;transition: all 0.3s;}
.NextPrev .back:hover img{margin-right: 0.2rem;}

@media(max-width:768px){
	.NewsList .NewsList_t .imgbox{width: auto;float: none;}
	.NewsList .NewsList_t li .txt{width: auto;float: none;padding:20px;}
	.NewsList .NewsList_t li .txt .tit{font-size: 16px;line-height: 24px;}
	.NewsList .NewsList_t li .txt span{width: 90px;line-height: 30px;}

	.NewsList_b li{height: auto;padding:0 0 15px 0;margin-bottom: 15px;}
	.NewsList_b li .imgbox{width: auto;float: none;padding-top: 64%;}
	.NewsList_b li .txt{width: auto;float: none;padding:15px 0 0 0;}
	.NewsList_b li .txt .tit{font-size: 15px;margin-top: 8px;}
	.NewsList_b li .txt time,.NewsList .NewsList_t li .txt time{font-size: 18px;}
	.NewsList_b li .more {display: none;}

	.NewsCon .Newstit{font-size: 20px;line-height: 30px;}
	.NextPrev p{margin-bottom: 10px;}
	.NextPrev .back{width: 100px;line-height: 30px;}
}
/*创新实力*/
.Cxsl{display: inline-block;width: 100%;padding: 0.8rem 0}
.Cxsl .Cxsl_box{display: inline-block;padding: 0.4rem;width: 100%;background-color: #f7f9fa;margin-bottom: 0.3rem;vertical-align: top;}
.Cxsl .Cxsl_box .imgbox{width: 200px;	padding-top: 250px;float: left;}
.Cxsl .Cxsl_box .txt{width: calc(100% - 240px);float: left;margin:0 0 0 0.4rem;position: relative;}
.Cxsl .Cxsl_box .txt h3{font-size: 30px;color: #333333;font-weight: normal;}
.Cxsl .Cxsl_box .txt h3 span{font-size: 18px;color: #666666;font-weight: normal;}
.Cxsl .Cxsl_box .txt h4{line-height: 36px;color: #666666;font-weight: normal;padding: 0.1rem 0 0.15rem;border-bottom: 1px solid #e3e7e8;;}
.Cxsl .Cxsl_box .txt h5{font-size: 18px;color: #333333;line-height: 36px;margin-top: 0.15rem;font-weight: normal;}
.Cxsl .Cxsl_box .txt .desc.on{height: 90px;overflow: hidden;}
.Cxsl .Cxsl_box .txt .desc{height: auto;transition: all 0.3s;color:#717274;margin-right: 150px;}
.Cxsl .Cxsl_box .txt .btns{position: absolute;color: #5ec0eb;right: 0;bottom: 0rem;cursor: pointer;}
.Cxsl .Cxsl_box .txt .btns span{width: 0.36rem;border-radius: 50%;;	height: 0.36rem;background:#5ec0eb url(../images/up.png) no-repeat center;transition: all 0.3s;margin-left:10px;display: inline-block;vertical-align: middle;}
.Cxsl .Cxsl_box .txt .btns i{height: 0.36rem;line-height: 0.36rem;}
.Cxsl .Cxsl_box .txt .btns.select span{background:#5ec0eb url(../images/down.png) no-repeat center;}
.Cxsl .Cxsl_box .txt .btns.select i{display: none}
.Cxsl .Cxsl_box .txt .btns.select i.hide{display: inline-block;}

@media(max-width:768px){
	.Cxsl .Cxsl_box .imgbox{width: 50%;float: none;margin:0px auto;padding-top:65%;}
	.Cxsl .Cxsl_box .txt{width: auto;float: none;margin:20px auto 0;}
	.Cxsl .Cxsl_box .txt h3 {font-size: 18px;}
	.Cxsl .Cxsl_box .txt h3 span{font-size: 16px;}
	.Cxsl .Cxsl_box .txt .desc{margin-right:0;}
	.Cxsl .Cxsl_box .txt .btns{position: static;text-align: right;margin-top: 20px;}
	.Cxsl .Cxsl_box .txt .btns span{width: 25px;height: 25px;}
}

/*创新成果*/
.Cxcg_list{display: inline-block;width: 100%;padding: 0.8rem 0}
.Cxcg_list li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;transition: all 0.3s;position: relative;}
.Cxcg_list li:nth-child(4n){margin-right: 0;}
.Cxcg_list li .imgbox{width: 100%;padding-bottom: 128%;;box-shadow: 0rem 0.12rem 0.16rem 0rem rgba(0, 0, 0, 0.12);transition: all 0.3s;top: 0}
.Cxcg_list li:hover .imgbox{top: -0.4rem}
.Cxcg_list li:hover .imgbox:hover span{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
@media(max-width:1024px){
.Cxcg_list li{width: 48%;margin-bottom: 4%;}
.Cxcg_list li:nth-child(2n){margin-right: 0;float: right;}
}
/*护肤小知识*/
.Hfxzs{display: inline-block;width: 100%;padding: 0.8rem 0;vertical-align: top;}
.TextList002514 .list{ border: solid 0.01rem #e3e7e8;margin-bottom:15px;display: inline-block;width: 100%;vertical-align: top}
.TextList002514 .job-title{padding:0 3%; line-height:0.64rem;height: 0.64rem; ; cursor:pointer; position:relative;display: inline-block;width: 100%;float: left;background-color: #f7f9fa;}
.TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:url(../images/down2.png) no-repeat center; border-radius:50%; right:0.3rem; top:50%; margin-top:-11px;}
.TextList002514 .job-title span{width: 28px;border-radius: 50%;background: url(../images/book2.png) no-repeat center #5ec0eb;height: 28px;	margin-right: 0.18rem;display: inline-block;vertical-align: middle;}
.TextList002514 .job-title em{width: auto;}
.TextList002514 .job-title time{margin-right: 0.5rem;color: #999999;font-size: 0.14rem;}
.TextList002514 .job-title.select i{background:url(../images/up.png) no-repeat center;}
.TextList002514 .job-title.select{ color:#fff;background-color: #5ec0eb;}
.TextList002514 .job-title.select span{background: url(../images/book1.png) no-repeat center #ffffff;;}
.TextList002514 .job-title.select time{color: #fff}
.TextList002514 .job-main{ display:none; padding:0.94rem 0.3rem 0.4rem; border-top:1px dotted #e5e5e5;}
.TextList002514 .job-info{ line-height: 0.34rem;color: #333333;}
@media(max-width:768px){
.TextList002514 .job-title time{display: none}
.TextList002514 .job-title{line-height: 45px;height: auto;font-size: 15px;}
.TextList002514 .job-info {font-size: 14px;line-height: 24px;padding:25px 0;}

}
/*真伪查验*/
.Zwcy{display: inline-block;width: 100%;padding: 0.8rem 0}
.Zwcy .w1200{border: solid 0.12rem rgba(94, 192, 235, 0.2);padding: 1rem 1.5rem}
.Zwcy .zwcy_t{height: 0.81rem;border: solid 1px #5ec0eb;}
.Zwcy .zwcy_t input{width: 4.8rem;height: 0.8rem;line-height: 0.8rem;text-indent: 0.2rem;color: #999999;font-size: 0.2rem;}
.Zwcy .zwcy_t button{float: right;width: 2.2rem;height: 0.8rem;font-size: 0.2rem;color: #ffffff;text-align: center; background-color: #5ec0eb;}
.Zwcy .zwcy_t button:hover{background:#3aa0cd;}
.Zwcy .tips{height: 2.5rem;margin-top: 0.6rem; background-color: #f7f9fa;padding: 0.4rem 0.7rem}
.Zwcy .tips .txt{display: flex;align-items: center;justify-content: center;;font-size: 0.2rem;line-height: 0.4rem;color: #333333;height: 1.62rem;}
.Zwcy .tips .imgbox{width: 2.97rem;	height: 1.62rem;float: right;}
.Zwcy .tips2{margin-top: 1.2rem}
.Zwcy .tips2 h3{font-size: 0.2rem;font-weight: normal;color: #333333;}
.Zwcy .tips2 p{color: #666666;margin-top: 0.15rem}

.Zwcy .jgtit{margin-top: 0.6rem;font-size: 0.2rem;color: #5ec0eb;}
.Zwcy .cxjg{margin-top: 0.2rem;padding: 0.6rem;height: auto;}
.Zwcy .cxjg h3{font-size: 0.24rem;font-weight: normal;color: #333333;}
.Zwcy .cxjg p{font-size: 0.2rem;margin-top: 0.2rem}
.Zwcy .cxjg .numbox{width: 5rem;	height: 0.65rem;background: url(../images/numbg.png) no-repeat center;margin: 0.3rem auto;line-height: 0.65rem;text-align: center;font-size: 0.24rem;color: #333333;letter-spacing: 0.05rem;}
.Zwcy .cxjg .zwxs{font-size: 0.2rem;color: #333333;}
.Zwcy .cxjg .zwxs .red{color: #e85252;}
.Zwcy .cxjg .zwxs .blue{color: #5ec0eb;}
@media(max-width:1024px){
.Zwcy .zwcy_t input{width: 70%}
.Zwcy .zwcy_t button{width: 30%}
.Zwcy .tips {display: inline-block;height: auto;width: 100%;padding: 0.4rem}
.Zwcy .tips .txt{width: 50%}
.Zwcy .tips .txt br{display: none}
.Zwcy .tips .imgbox{width: 40%;height: auto;padding-bottom:18%;}
.Zwcy .tips2{margin-top: 0.6rem}
}
@media(max-width:768px){
.Zwcy .w1200{padding: 0.5rem}
.Zwcy .tips .txt{width: auto;float: none;font-size: 15px;line-height: 30px;height: auto;margin-bottom: 10px;}
.Zwcy .tips .imgbox{width: auto;float: none;}
.Zwcy .tips2 h3,.Zwcy .cxjg h3,.Zwcy .jgtit{font-size: 16px;}
.Zwcy .zwcy_t {height: 37px;}
.Zwcy .zwcy_t input{height: 35px;line-height: 35px;font-size: 14px;}
.Zwcy .zwcy_t button{font-size: 14px;height: 35px;}
.Zwcy .cxjg p,.Zwcy .cxjg .zwxs{font-size: 15px;}
.Zwcy .cxjg .numbox{width: auto;font-size: 18px;}
}

@media(max-width:480px){
.Zwcy .zwcy_t input{width: 60%;}
.Zwcy .zwcy_t button{width: 40%}
}
/*招聘通道*/

.JobList{display: inline-block;width: 100%;padding: 1.2rem 0}
.JobList .zptit{font-size: 0.4rem;font-weight: normal;color: #333333;text-align: center;margin-bottom: 0.6rem;}
.JobList ul li{padding: 0.4rem;background-color: #f7f9fa;margin-bottom: 0.3rem;}
.JobList ul li h3 {font-size: 0.24rem;font-weight: normal;color: #333333;}
.JobList ul li h3 span{font-size: 0.24rem;color: #5ec0eb;}
.JobList ul li .info {color: #666666;margin: 0.1rem 0}
.JobList ul li .info i{color: #e1e1e1;padding: 0 5px;}
.JobList ul li .info .fr{color: #959597;}
.JobList ul li .tags span{font-size: 0.14rem;color: #888888;text-align: center;border: solid 1px #e1e1e1;padding: 0 0.1rem;display: inline-block;line-height: 0.26rem;margin-right: 0.15rem;}
.JobList ul li .tags img{opacity: 0;}
.JobList ul li *,.JobList ul li {transition: all 0.3s}
.JobList ul li:hover{background-color: #ffffff;box-shadow: 0rem 0.04rem 0.16rem 0rem 	rgba(0, 0, 0, 0.08);}
.JobList ul li:hover .tags img{opacity: 1;}
.JobList ul li:hover h3{color: #5ec0eb;}

.JobCon{display: inline-block;width: 100%;padding: 1rem 0}
.JobCon_t {background-color: #f7f9fa;padding: 0.4rem;display: inline-block;}
.JobCon_t h3{font-size: 0.26rem;color: #333333;font-weight: normal;margin-bottom: 0.1rem;}
.JobCon_t  span{color: #999999;font-size: 16px;}
.JobCon_t  span img{vertical-align: middle;margin-right: 5px;margin-top: -3px;}
.JobCon_t .info{color: #999999;margin-bottom: 0.2rem;}
.JobCon_t .info span{font-size: 0.2rem;color: #5ec0eb;}
.JobCon_t ul{padding-top: 0.2rem;border-top: 1px dashed #e3e7e8;;}
.JobCon_t ul li{float: left;width: 33.33%;color: #333;line-height: 34px;}
.JobCon_t ul li span{color: #999;}
.JobCon_b h3{font-size: 18px;line-height: 34px;color: #555555;margin-top: 0.2rem;margin-bottom: 0.1rem;}
.JobCon_b p{line-height: 34px;color: #555555;}
.JobCon_b {display: inline-block;width: 100%;padding-bottom: 0.4rem;border-bottom: 1px solid #e3e7e8;;}
@media(max-width:768px){
.JobList ul li .tags span{line-height: 22px;}
.JobList ul li h3{font-size: 16px;}
.JobList ul li h3 span{font-size: 18px;}
.JobList ul li .info .fr{float: none;display: block;}
}
/**/
.Contact {display: inline-block;width: 100%;padding: 1.2rem 0}
.Contact .Contit{font-size: 0.4rem;color: #333333;text-align: center;}
.Contact .Contact_b{margin-top: 0.8rem}
.Contact .Contact_b .Contact_bl{width: 50%;float: left;}
.Contact .Contact_b .Contact_bl h3{font-size: 0.2rem;font-weight: normal;color: #333333;margin-bottom: 0.1rem;}
.Contact .Contact_b .Contact_bl .tel{font-size: 0.18rem;color: #5ec0eb;line-height: 0.34rem;}
.Contact .Contact_b .Contact_bl .tel b{font-size: 0.3rem;font-weight: normal;color: #5ec0eb;}
.Contact .Contact_b .Contact_bl p{font-size: 0.18rem;line-height: 0.34rem;color: #333333;}
.Contact .Contact_b .Contact_bl .imgbox{width: 90%;margin-top: 0.2rem	;padding-bottom: 45%;}
.Contact .Contact_b .Contact_br{width: 45%;float: right;}
.Contact .Contact_b .Contact_br input{height: 0.66rem;border: solid 0.01rem #e3e7e8;margin-bottom: 0.2rem;width: 100%;text-indent: .3rem;}
.Contact .Contact_b .Contact_br textarea{width: 100%;height: 1.62rem;border: solid 0.01rem #e3e7e8;padding: 0.3rem}
.Contact .Contact_b .Contact_br button{display: inline-block;width: 1.8rem;	height: 0.6rem;color: #ffffff;line-height: 0.6rem;margin-top: 0.2rem; text-align: center;	background-color: #5ec0eb;}

@media(max-width:768px){
.JobCon_t ul li{width: 50%;line-height: 30px;}
.JobCon_b p{line-height: 28px;}
.JobCon_t h3{font-size: 18px;}
.JobCon_t{font-size: 14px;}
.JobCon_t h3 span{font-size: 12px;}
.JobCon_t span{font-size: 14px;}
.JobCon_b h3{font-size: 16px;}

.Contact .Contact_b .Contact_bl h3{font-size: 17px;}
.Contact .Contact_b .Contact_bl .tel,.Contact .Contact_b .Contact_bl p{font-size: 16px;line-height: 24px;}
.Contact .Contact_b .Contact_bl .tel b{font-size: 20px;}

.Contact .Contact_b .Contact_br input{height: 35px;line-height: 35px;}
.Contact .Contact_b .Contact_br button{width: 100px;height: 38px;font-size: 15px;}
}
@media(max-width:480px){
.JobCon_t ul li{width: 100%;}
.Contact .Contact_b .Contact_bl,.Contact .Contact_b .Contact_br{width: 100%;margin-bottom: 2%;}
.Contact .Contact_b .Contact_bl .imgbox{width: 100%;margin: 2% auto}
}