.box{ clear:both;left:0; top:0; background:#fff;width:100%; z-index:9999999999999999999;background:#fff; position:fixed; left:0;top:0; border-bottom:1px solid #eeeeee; min-height:100px;}
.header{ width:100%; height:auto; margin:0 auto;padding:30px 89px 24px 89px; background:#fff;}
.logo{ float:left;}
.logo img{ display:block; max-width:100%;}
.header.sticky { padding:30px 89px 24px 89px; position:fixed;left:0; top:0;  z-index:9999999999999999999;}
.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 a:hover span{color:#e21919;}
/*.nav li:hover a {-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}
.nav li a:after {content:attr(data-hover);color:#e21919;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:#e21919; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; float:left;}
.yone em{ margin:0 15px; display:block; float:left;}
.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;}
@media(max-width:1680px){
.header{ width:100%; height:auto; margin:0 auto;padding:30px 15px 24px 15px; }	

}
@media(max-width:1600px){
.header{ width:100%; height:auto; margin:0 auto; 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:37px; 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:#2c2c2c; 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; background:#2c2c2c; 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; background:#2c2c2c; 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; background:#2c2c2c; 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; background:#2c2c2c; 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; background:#2c2c2c; 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; background:#2c2c2c; 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;
}	


}
.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;}
}