*{-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{ position:relative; height:100%;}
body{padding:0px ;margin:0; font-family:"Microsoft YaHei";font-size:12px; background:#f7f7f7; position:relative; overflow-x:hidden;}
a,p,dl,dt,dd,ul,li,h2,h1,h3,h4,h5,h6,table,tr,td,form,iframe,font,em,i{ font-size:12px; font-weight:normal;word-break: normal;word-wrap: break-word;  font-style:normal; padding:0px ;margin:0;text-decoration:none;outline:none;-moz-outline:none; }
a:focus{outline-style:none; -moz-outline-style: none;}
a:hover{ text-decoration:none;}
p{word-break: normal;word-wrap: break-word; }
img{ border:none; max-width:100%;}
li{ list-style:none; text-decoration:none;}
input {outline: none;text-decoration:none;-ms-outline:none; }
textarea {outline: none;text-decoration:none;}
select{outline: none;text-decoration:none;}
/*input:focus{ border:1px solid #9c9f58;}*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}	
a{text-decoration:none;}

a:hover,a:focus,a:link,a:visited,a:active { text-decoration: none;}

.box{ clear:both; position:fixed; left:0; top:0; background:#fff;width:100%; z-index:9999999999999999999; border-bottom:1px solid #eeeeee;}
.header{ width:1741px; height:auto; margin:0 auto;transition-delay: 0.5s; transition: all 0.2s ease-in-out; padding:30px 0 24px 0; overflow:hidden;}
.headerbox{width:100%;background:#fff;overflow:hidden;padding:20px 0;}
.navigation{width:100%;overflow: hidden;background:#f5f5f5;box-shadow: 0 2px 5px #ddd;height:56px;position: relative;z-index:5;}
.navigation li{float:left;width:14.28571%;line-height:56px;text-align:center;}
.navigation li a{display:block;font-size:16px;color:#555;}
.navigation li.active a{background:#00aab3;color:#fff;}

.cellico{float: right;overflow: hidden;}
.logo{ float:left;}
.logo img{ display:block; max-width:100%;}
.header.sticky { padding:10px 0 9px 0px;}
.nav{ float:right; overflow:hidden; }
.nav ul{ margin-right:58px; float:left;}
.nav li{ line-height:46px; height:46px; margin-right:47px; float:left;}
.nav li a {text-align:center;color:#333; font-size:14px;display:block;-webkit-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}
.nav li a span{opacity: 1;display: block;pointer-events: none;-webkit-transition: opacity .3s;transition: opacity .3s;color:#333; font-size:14px;}
.nav li:hover a {-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}
.nav li a:after {content:attr(data-hover);color:#00aab3;opacity:0;-webkit-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s; font-size:14px;}
.nav li:hover a:after {opacity:1}
.yone{ float:right; line-height:46px;}
.yone a{ color:#00aab3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.yone em{ margin:0 15px;}
.yone a.you{ margin-left:50px;}
.yone a img{ vertical-align:middle;}
.yone a.you img{ margin-right:11px;}
.sj_nav{ display:none; min-height:39px;}
.bannerpage{background:#ffd02c;overflow: hidden;padding:4rem 0;}
.bannerpage h3{font-size:3rem;line-height:6rem;color:#000;}
.bannerpage h1{font-size:5rem;line-height:6rem;font-weight: bold;color:#000;}
.bannerpage p{color:#000;text-transform: uppercase;font-size:1.6rem;line-height:4rem;padding-bottom:2rem;}
.pagebox{width:100%;overflow: hidden;}
.pagenavtit{height:60px;overflow: hidden;margin-top:1rem;line-height:60px;border-bottom:1px solid #ddd;}
.pagenavtit strong{font-size:2.5rem;float:left;color:#00aab3;}
.pagenav{float:right;overflow: hidden;}
.pagenav li{float:left;margin:0 0.5rem;}
.pagenav li a{font-size:16px;color:#333;display:block;padding:0 2rem;margin:10px auto;height:40px;line-height:40px;}
.pagenav li.active a{background:#00aab3;color:#fff;border-radius:20px;}
.pagecenter{margin-top:3rem;overflow: hidden;line-height:28px;}
.pagecenter img{max-width: 100%;}
.pagecenter p{margin-bottom:10px;}
.footerbox{background:#1A1A1A;padding-top:3rem;margin-top:3rem;}
.footerbox p{line-height:3rem;color:#aaa;}
.footercompany{background:#333;width:100%;height:50px;}
.footercompany p{color:#ddd;text-align: center;line-height:50px;}
.footercompany p a{color:#00aab3;}
.erwm{text-align: center;}
.pageftmune a{display:inline-block;width:45%;text-align: center;color:#aaa;}
.pageftmune a:hover{color:#00aab3;text-decoration: underline;}

@media(max-width:1680px){
.header{ width:100%; height:auto; margin:0 auto;transition-delay: 0.5s; transition: all 0.2s ease-in-out; padding:30px 15px 24px 15px;}	
.header.sticky { padding:10px 15px;}
}
@media(max-width:1600px){
.header{ width:100%; height:auto; margin:0 auto;transition-delay: 0.5s; transition: all 0.2s ease-in-out; padding:30px 15px 24px 15px;}	
.nav{ float:right; overflow:hidden; width:auto;}
.nav ul{ margin-right:28px; float:left;}
.nav li{ line-height:46px; height:46px; margin-right:25px; float:left;}	
}


@media(max-width:1279px){
	.nav{ float:left; overflow:hidden; width:100%;display:none;}
	.nav ul{ margin-right:0px; float:left;}
	.nav li{ line-height:46px; height:46px; margin-right:34px; float:left;}
	.yone em{ margin:0 11px;}.yone a.you{ margin-left:20px;}
	}




@media(max-width:1024px){
.nav{ float:left; overflow:hidden; width:100%;display:none;}
.nav ul{ margin-right:0px; float:left;}
}
@media(max-width:768px){.nav{ float:left; overflow:hidden; width:100%;display:none;}
.nav ul{ margin-right:0px; float:left;}
.nav li{ line-height:46px; height:46px; margin-right:34px; float:left;}
.yone em{ margin:0 11px;}
.yone a.you{ margin-left:20px;}
}
@media(max-width:736px){
.nav{ float:left; overflow:hidden; width:100%;display:none;}
.nav ul{ margin-right:0px; float:left;}
.nav li{ line-height:46px; height:46px; margin-right:28px; float:left;}
}
@media(max-width:667px){
.nav{ float:left; overflow:hidden; width:100%;display:none;}
.nav ul{ margin-right:0px; float:left;}
.nav li{ line-height:46px; height:46px; margin-right:14px; float:left;}
}
@media(max-width:568px){
.nav li{ line-height:46px; height:46px; margin-right:8px; float:left;}	
.yone a.you{ margin-left:5px;}
.yone em{ margin:0 8px;}

}

@media(max-width:414px){
.sj_nav{ display:block; min-height:39px; float:right;}	
.nav{ float:right; overflow:hidden; display:none; }
.header.sticky { padding:10px 15px;}
}
@media(max-width:320px){
.logo img{ display:block; max-width:100%; max-width:90%;}
}


.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#f7f7f7; padding:54px 0 60px 0;}
.fotter{ width:1591px; height:auto; overflow:hidden; margin:0 auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:40px;}
.fotter_tl{ float:left; width:62%; height:auto; overflow:hidden;}
.fotter_tl1{ height:auto; overflow:hidden; min-height:62px; margin-bottom:20px; border-bottom:1px solid #666666;}
.fotter_tl1 p{ line-height:46px; color:#999999; font-size:13px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:28px;}
.fotter_tl1 p a.qcbj{ margin-right:0px;}
.fotter_tl2{ height:auto; overflow:hidden;}
.fotter_tl2 p{ line-height:46px;}
.fotter_tl2 p a{ color:#cccccc; font-size:16px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 42px;}
.fotter_tr{ float:right; width:16%; height:auto;}
.fotter_tr dl{ float:left; width:48%; height:auto;}
.fotter_tr dt img{ display:block; max-width:100%; margin:0 auto;}
.fotter_tr dt{ height:auto; overflow:hidden;}
.fotter_tr dd{ text-align:center; line-height:36px; color:#cccccc;}
.fotter_tr dl.your{ float:right;}
.fotter_c{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #666666; min-height:151px; line-height:30px; margin-bottom:30px;}
.fotter_c a{ color:#999999; margin-right:29px;}
.fotter_b{ clear:both; height:auto; overflow:hidden;}
.logo1{ float:left;}
.logo1 img{ display:block; max-width:100%;}
.gonce{ float:right; width:55% ; height:auto; overflow:hidden;}
.gonce span{ float:left; color:#666666; line-height:24px;font-size:12px;}
.gonce span img{ vertical-align:middle; margin-right:5px; margin-top:-3px;}
.gonce font{ float:right; color:#666666; line-height:24px;}
@media(max-width:1600px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:26px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:26px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 41px;}
}
@media(max-width:1440px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:15px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:30px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 45px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:52% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:1400px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:12px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:27px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 43px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:55% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:1366px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:10px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:25px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 41px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:55% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:1360px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:20px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:25px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 40px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:55% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:1280px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden;padding:35px 0 35px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:5px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:19px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 34px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:58% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:1024px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 100px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 17px;}
.fotter_tl{ float:left; width:72%; height:auto; overflow:hidden;}
.gonce{ float:right; width:58% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:20%; height:auto;}
}
@media(max-width:768px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 100px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 17px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:80% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}

}
@media(max-width:736px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:9px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 16px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:80% ; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}

}
@media(max-width:667px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:9px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 10px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; height:auto; overflow:hidden; margin-top:15px;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}

}
@media(max-width:640px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:9px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 7px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; height:auto; overflow:hidden; margin-top:15px;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}

}
@media(max-width:568px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:9px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 0px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; height:auto; overflow:hidden; margin-top:15px;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}

}
@media(max-width:414px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 64px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 17px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; padding-top:15px; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.gonce font{ float:left; color:#666666; line-height:24px;}
}
@media(max-width:375px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 11px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; padding-top:15px; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.gonce font{ float:left; color:#666666; line-height:24px;}
}
@media(max-width:360px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 8px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; padding-top:15px; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.gonce font{ float:left; color:#666666; line-height:24px;}
}
@media(max-width:320px){
.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#2c2c2c; padding:35px 0 66px 0;}	
.fotter{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 15px;}
.fotter_c a{ color:#999999; margin-right:17px;}
.fotter_tl1 p a{ color:#999; font-size:13px; display:inline-block; margin-right:4px;}
.fotter_tl2 p em{ color:#cccccc; font-size:16px; margin:0 2px;}
.fotter_tl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.gonce{ float:right; width:100% ; padding-top:15px; height:auto; overflow:hidden;}
.fotter_tr{ float:right; width:100%; height:auto;}
.fotter_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.gonce font{ float:left; color:#666666; line-height:24px;}
}







.spinner {
  margin:0 auto;
  width: 150px;
  text-align: center; position:relative; top:50%;
}
 
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #ce0000;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


button {
	margin:0;
	padding:0;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	background:0 0;
	border:none;
	border-radius:none;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:0;
	cursor:pointer
}

.wrapper {
	z-index:5;
-webkit-transition:-webkit-transform .5s;
transition:transform .5s; height:100%; width:100%;
}
.wrapper.mm-menu-open {
	-webkit-transform:translateX(300px);
	-ms-transform:translateX(300px);
	transform:translateX(300px)
}

.mm-menu-toggle { float:right;
	z-index:20;
	width:30px;
	height:18px;
	background:-webkit-linear-gradient(90deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #212121 7px, #212121 11px, rgba(33, 33, 33, 0) 11px, rgba(33, 33, 33, 0) 18px);
	background:linear-gradient(0deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0) 7px, #212121 7px, #212121 11px, rgba(33, 33, 33, 0) 11px, rgba(33, 33, 33, 0) 18px);
	font-size:0;
	text-indent:-9999px; display:none;
}
@media(max-width:1279px){
.mm-menu-toggle { float:right;
	width:34px; min-height:30px; background:url(../images/menu1.jpg) no-repeat center center;
	font-size:0; z-index:999999999999999; display:block;margin-top:15px;
}	


}
.mm-menu-toggle::after {
bottom:0;
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left
}
.mm-menu-toggle, .mm-menu-toggle::after, .mm-menu-toggle::before {
-webkit-transition:all .5s;
transition:all .5s
}
.mm-menu-toggle.active {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg); background:url(../images/menu2.jpg) no-repeat center center;
}

.mm-menu {
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background-color:#434343;
	width:100%;
	height:100%;
	overflow-y:auto;
	box-shadow:0;
	-webkit-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
-webkit-transition:-webkit-transform .5s, box-shadow .5s;
transition:transform .5s, box-shadow .5s;
z-index:999;
}
.mm-menu.active {
	box-shadow:0 2px 8px rgba(0, 0, 0, .2);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.mm-menu li{ line-height:50px;}
.mm-menu li a{ color:#fff; font-size:18px;}
.dropdown{ padding:130px 20px 0 20px;transition-delay: 0.5s; transition: all 0.2s ease-in-out; }
.dropdown.sticky1{ padding:100px 20px 0 20px;}
@media all and (min-width:300px) {
.mm-menu {
width:300px;
-webkit-transform:translateX(-300px);
-ms-transform:translateX(-300px);
transform:translateX(-300px)
}
}
.mm-menu-mask {
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:8;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .8);
	visibility:hidden;
	opacity:0;
-webkit-transition:opacity .5s, visibility .5s;
transition:opacity .5s, visibility .5s
}
.mm-menu-mask.active {
	visibility:visible;
	opacity:1; z-index:99;
}



.sjin{ width:100%; height:auto; min-height:68px; background:#b3b3b3; position:fixed; left:0; bottom:0; z-index:9999999999999; display:none;}
.sjin li{ float:left; width:33.33%; text-align:center; line-height:68px; border-right:1px solid #fff;}
.sjin li a{ color:#fff; font-size:28px;}
@media all and (max-width:1024px) {
.sjin{ width:100%; height:auto; min-height:36px; background:#b3b3b3; position:fixed; left:0; bottom:0; z-index:9999999999999; display:block;}
.sjin li{ float:left; width:33.33%; text-align:center; line-height:36px;}
.sjin li a{ color:#fff; font-size:16px;}

}
@media all and (max-width:414px) {

.sjin{ width:100%; height:auto; min-height:36px; background:#b3b3b3; position:fixed; left:0; bottom:0; z-index:9999999999999; display:block;}
.sjin li{ float:left; width:33.33%; text-align:center; line-height:36px;}
.sjin li a{ color:#fff; font-size:16px;}
}
/*产品中心*/
.productbanner{background:#0278cc;padding:7rem 0;overflow: hidden;}
.productbanner h3{color:#fff;font-size:3rem;line-height:6rem;}
.productbanner h1{color:#fff;font-size:6rem;line-height:6rem;}
.productbanner p{color:#fff;font-size:2rem;text-transform: uppercase;line-height:6rem;}
.procenter{margin-top:3rem;}
.procenter>ul{
	list-style: none;
	margin: 0 -13px -26px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.procenter>ul li {
	width: 33.3333%;
	padding: 0 13px 26px;
}
.procenter>ul li a {
	display: block;
	background: #ffffff;
	border: 5px solid #ffffff;
	text-align: center;
}
.procenter>ul li a:hover {
	border-color: #00aab3;
}
.procenter>ul li a .img {
	padding-bottom: 75%;
	position: relative;
}
.procenter>ul li a .img-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.procenter>ul li a .img-block img {
	object-fit: cover;
	max-width: 100%;
	height: 100%;
	transition: all 0.2s ease;
}
.procenter>ul li a:hover .img-block img {
	transform: scale(1.1);
}
.procenter>ul li a .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	height: 60px;
	padding: 0 1rem 0 1.5rem;
}
.procenter>ul li a:hover .info {
	background: #00aab3;
}
.procenter>ul li a .title {
	font-size: 18px;
	text-align: center;
	color: #333333;
	font-weight: bold;
}
.procenter>ul li a:hover .title {
	color: #ffffff;
}
.procenter>ul li a .btn {
	background: #00aab3;
	display: inline-block;
	color: #ffffff;
	line-height: 30px;
	padding: 0 1rem;
	font-family: "Microsoft YaHei";
	border-radius: 4px;
}
.procenter>ul li a:hover .btn {
	background: #ffffff;
	color: #00aab3;
}
/* .procenter li{float:left;width:50%;overflow:hidden;position: relative;}
.procenter li a{display:block;padding:10px;}
.prooptiy{position: absolute;width:80%;height:50px;bottom:10px;background:url(../images/probg.png)no-repeat left /100% 100%;opacity:0;transition:all 2s;}
.prooptiy span{display:block;float:left;overflow:hidden;height:26px;margin-top:12px;}
.prooptiy h3{width:50%;line-height:50px;float:left;color:#fff;font-size:1.8rem;padding-left:10px;}
.procenter li a:hover .prooptiy{opacity:1;} */
/*新闻资讯*/
.newsbanner{background:#ff9629;padding:8rem 0;overflow: hidden;}
.newsbanner h3{font-size:4rem;color:#fff;line-height:6rem;}
.newsbanner h1{font-size:10rem;color:#fff;text-transform: uppercase;font-weight: bold;line-height:10rem;}
.newsbanner span{display:block;width:200px;height:3px;background:#fff;margin-top:3rem;}
.newsbox{overflow:hidden;margin-top:3rem;}
.newsbox li{width:50%;overflow: hidden;float:left;}
.newsbox li a{display:block;padding:10px 20px;}
.newsbox li div{width:100%;overflow: hidden;border-bottom:1px solid #ddd;padding-bottom:10px;}
.newsbox li h2{font-size:1.8rem;font-weight: bold;color:#333;height:40px;line-height:40px;}
.newsbox li span{color:#00aab3;font-size:1.6rem;font-weight: bold;}
.newsbox li p{color:#777;text-indent: 2em;line-height:2rem;}
.newspage{width:100%;text-align: center;overflow: hidden;padding:50px 0;}
.newspage a{display:inline-block;overflow: hidden;padding:5px 18px;border:1px solid #999;color:#999;margin-right:10px;}
.newspage a.hover{background:#00aab3;color:#fff;border:1px solid #00aab3;}
.newspage a:hover{border:1px solid #00aab3;}
.newsbox li a:hover h2{color:#00aab3;}
.newsbox li a:hover p{color:#00aab3;}
/*荣誉资质*/
.honorbox{overflow: hidden;width:100%;margin-top:1rem;}
.honorbox li{width:25%;float:left;text-align: center;margin-top:1rem;cursor: pointer;}
.honorbox li div{width:90%;margin:0 auto;height:300px;overflow: hidden;}
.honorbox li p{text-align: center;height:2rem;line-height:2rem;width:90%;color:#333;}
.honorbox li img{-webkit-transition: ease-in-out 1s;-moz-transition: ease-in-out 1s;-o-transition: ease-in-out 1s;transition: ease-in-out 1s;max-height: 100%;}
#outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;z-index: 999999;}
#innerdiv{position: absolute;}
#bigimg{border:5px solid #fff;}
.delete{width:30px;height:30px;line-height:28px;text-align:center;cursor:pointer;position:absolute;right:-15px;top:-15px;font-size:18px;background:#dd392e;border:3px solid #eee;color:#fff;border-radius:30px;;}
.honorbox li:hover p{color:#00aab3}
.honorbox li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.honor_introduce{width:100%;padding:2px 0;}
.honor_introduce p{font-size:.8rem;line-height:1.5rem;text-indent:2em;}
/*联系我们*/
.contactbanner{background:#019fea;width: 100%;padding:6rem 0;overflow: hidden;}
.contactbanner h3{color:#fff;font-size:4rem;line-height:6rem;}
.contactbanner h1{color:#fff;font-size:5rem;line-height:6rem;font-weight: bold;}
.contactbanner p{color:#fff;text-transform: uppercase;font-size:2rem;line-height:6rem;}
.contacts{padding:3rem 0;overflow: hidden;}
.contactconten h1{overflow: hidden;line-height:3rem;}
.contactconten h1 strong{color:#00aab3;font-size:3rem;padding-left:1.5rem;}
.contactconten h1 span{color:#000;text-transform: uppercase;font-size:3rem; border-right:3px solid #000;padding-right:1.5rem}
.contactus{overflow: hidden;padding-top:2rem;width;100%;}
.conlogo{width:540px;overflow: hidden;float:left;}
.conadd{width:560px;overflow: hidden;float:right;}
.contactewm{margin-top:1rem;}
.contactewm h3{line-height:40px;font-size:14px;text-indent:4rem;}
.conadd p{line-height:3rem;font-size:1.5rem;}
.message{overflow:hidden;width:100%;padding-bottom:3rem;background:#fff;}
.messagetxt{width:100%;overflow:hidden;padding:30px 0;}
.messagetext{width:70%;overflow: hidden;}
.messagetext h3{height:40px;line-height:40px;font-size:18px;}
.messagetext p{font-size:14px;overflow:hidden;margin-top:10px;line-height:24px;color:#666;}
.messageus a{width:200px;height:40px;display:block;text-align: center;line-height:40px;text-align: center;color:#fff;margin-top:30px;border-radius:40px;background:#dd392e;}
.messageus a:hover{background:#333;}
.conmessage{width:90%;overflow: hidden;margin:0 auto;}
.messageipt{overflow: hidden;margin-top:15px;}
.messageipt div{width:50%;height:42px;float:left;}
.messageipt div strong{display:inline-block;width:15%;font-size:14px;line-height:40px;}
.messageipt div span{display:inline-block;width:80%;font-size:14px;border:1px solid #eee;}
.messageipt div input{width:100%;line-height:38px;text-indent:.5em;border:none;}
.messagect{overflow: hidden;margin-top:20px;}
.messagect textarea{width:90%;font-size:12px;line-height:38px;color:#555;border:1px solid #eee;text-indent:.5em;float:left;}
.messagect strong{width:6.8%;display:inline-block;font-size:14px;line-height:40px;float:left;}
.messagesub{width:120px;margin:20px auto;height:40px;}
.messagesub input{width:100%;height:40px;background:#00aab3;color:#fff;border-radius:40px;border:none;}
.mapbox{margin-top:3rem;overflow: hidden;}
.map{padding:5px;border:1px solid #ddd;overflow: hidden;background:#fff;}
/*产品详情*/
.pagemenu{float:right;}
.pagemenu em{font-size:14px;}
.pagemenu a{padding:0 6px;color:#888;display:inline-block;}
.pagemenu a:hover{color:#00aab3;}
.detailsimg{overflow: hidden;margin:0 auto;width:50%;border:1px solid #ddd;padding:5px;text-align: center;}
.detailsimg img{max-width: 100%;}
.detailstit{text-align: center;font-size:2rem;line-height:4rem;}
.detailstext{margin-top:2rem;overflow:hidden;}
.newdetailstit h2{overflow: hidden;font-size:2rem;font-weight:bold;text-align:center;line-height:2rem;}
.newsauthor{height:40px;line-height:40px;text-align:center;font-size:12px;color:#ccc;}
.newsauthor span{display:inline-block;padding:0 5px;}
.detailspage{overflow: hidden;padding-top:20px;}
.detailspage a{line-height:40px;color:#888;}
.detailspage a:hover{color:#00aab3;text-decoration:underline;}
.newdetailstext{overflow: hidden;margin-top:1rem;}