.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:40px; 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:#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;}
.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;}
@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;}
}



/*首页我们是谁*/




.fl{float: left;}
.text-center{text-align: center;}



.about-title{margin-bottom: 40px;}
.about-title .title-0{font-family: Arial;font-size: 10px;color: #333;padding-left: 3px;letter-spacing: 3px;}
.about-title .title-1 span{font-size: 40px;color: #333333;position: relative;z-index: 1;}
.about-title .title-1 span::before , .about-title .title-1 span::after{width: 100px;height: 1px;background-color: #e1e1e1;top: 15px;position: absolute;z-index: 1;content: '';}
.about-title .title-1 span::before{right: -moz-calc(100% + 30px);right: -webkit-calc(100% + 30px);left: 110%;}
.about-title .title-1 span::after{left: -moz-calc(100% + 30px);left: -webkit-calc(100% + 30px);right: 110%;}

#about{margin-top:50px;margin-bottom: 100px;}
#about .title-0{padding-left: 10px;letter-spacing: 10px;}
#about .item{width: 100%;}
#about .about-brief .brief{line-height: 34px;font-size: 14px;color: #666;}
#about .number{height: 80%;right: 0;top: 0; padding:5% 10%; background:url(../images/ddabout.jpg) center top;}
#about .number .i{width: 25%;height: 100%;font-size: 20px;color: #333333;}
/*#about .number .i:nth-child(1) , #about .number .i:nth-child(3){background-color: #f5f5f5;}*/
#about .number .i .n{font-family: 'Din';font-size: 60px;color: #333333;/*margin: 60% 0 56%;letter-spacing: -3px;*/}
#about .number .i .n span{font-size:16px; font-weight:bold; color:#333333;}
#about .number .i .n font{font-size:45px; font-weight:bold; color:#333333;}






/*首页一站式服务*/






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



/*首页开始*/

.oneStep{width: 100%;height: 837px;background: url(../images/indexBg1.jpg) center center no-repeat;}
.oneStep .main{width: 631px;height: 781px;margin: 0 auto;padding-top: 105px;background: url(../images/oneStepBg1.png) center 105px no-repeat;position: relative;}
.oneStep .main .mainIn{width: 417px;height: 417px;margin: 107px;position: relative;}
.oneStep .main .mainIn .img{width: 100%;height: 100%;position: relative;z-index: 1;}
.oneStep .main .mainIn .indexMore{position: absolute;left: 50%;margin-left: -56px;bottom: 125px;width: 113px;height: 31px;border-radius: 4px;background-color: #505050;font-size: 16px;line-height: 31px;text-align: center;color: #fff;z-index: 2;}
.indexMore i{font-style: normal;margin-right: -12px;}
.indexMore span{opacity: 0;filter:alpha(opacity = 0);}
.oneStep .main .mainIn .indexMore:hover,.indexNews .newsIn .list a:hover .wrap .p1,.footer a:hover{color: #bf060e;}
.oneStep .main .mainIn .rotate{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


.oneStep .main .list{position: absolute;left: 388px;top: 75px;width: 127px;height: 127px;text-align: center;background: url(../images/oneStepImg3.png) no-repeat;cursor: pointer;}
.oneStep .main .list .imgs{margin: 30px 0 10px;height: 33px;overflow: hidden;position: relative;z-index: 2;}
.oneStep .main .list .title{font-size: 16px;line-height: 100%;color: #333333;font-weight: bold;position: relative;z-index: 2;}
.oneStep .main .list .bg{position: absolute;left: 2px;top: 2px;opacity: 0;filter:alpha(opacity = 0);}
.oneStep .main .list .txt{width: 220px;position: absolute;left: -240px;top: 5px;text-align: right;display: none;}
.oneStep .main .list .txt .p1{font-size: 22px;line-height: 40px;color: #bf060e;border-bottom: 1px dashed #956e44;}
.oneStep .main .list .txt .p2{padding: 6px 0;font-size: 16px;line-height: 20px;color: #2a2a2a;}

.oneStep .main .list7{left: -40px; top: 235px;}
.oneStep .main .list6{left: -52px; top: 482px;}
.oneStep .main .list5{left: 119px; top: 645px;}
.oneStep .main .list4{left: 390px; top: 645px;}
.oneStep .main .list4 .txt,.oneStep .main .list3 .txt,.oneStep .main .list2 .txt,.oneStep .main .list1 .txt{text-align: left;left: auto;right: -240px;}
.oneStep .main .list3{left: 544px; top: 479px;}
.oneStep .main .list2{left: 544px; top: 234px;}
.oneStep .main .list8{left: 125px;}

.oneStep .main .list:hover .title{color: #fff;}
.oneStep .main .list:hover .bg{opacity: 1;filter:alpha(opacity = 100);transform:rotate(10deg);-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg);}




/*动态*/



#tutorial .tutorial-support{width: 100%;background-color: #323436;padding: 24px 0;}
#tutorial .tutorial-support .left{width: 70%;}
#tutorial .tutorial-support .support-search .text{width: 350px;height: 60px;line-height: 60px;font-size: 14px;background: #fff url(../images/ico-search.png) no-repeat 15px center;padding: 0 10px 0 55px;border: 0;border-radius: 5px;}
#tutorial .tutorial-support .ico{font-size: 16px;color: #fff;}
#tutorial .tutorial-support .play{line-height: 60px;background: url(../images/ico-play.png) no-repeat left center;padding-left: 40px;margin-left: 4%;}
#tutorial .tutorial-support .file{line-height: 60px;background: url(../images/ico-file.png) no-repeat left center;padding-left: 35px;}
#tutorial .tutorial-support .question{line-height: 60px;background: url(../images/ico-question.png) no-repeat left center;padding-left: 45px;}
#tutorial .tutorial-support .line{width: 1px;height: 60px;background-color: #383939;margin: 0 3%;}
#tutorial .tutorial-list{min-height: 300px;}
#tutorial .tutorial-list .item{width: 40%;padding: 45px 0; margin:0px 70px 0px 100px; border-top: 1px solid #e5e5e5;}
#tutorial .tutorial-list .item:nth-child(1) , #tutorial .tutorial-list .item:nth-child(2){border-top: 0;}
#tutorial .tutorial-list .item .date{width: 20%;}
#tutorial .tutorial-list .item .date .year{font-size: 16px;color: #666;margin: 6px 0 15px;}
#tutorial .tutorial-list .item .date .day{font-size: 34px;color: #222;}
#tutorial .tutorial-list .item .info{width: 80%;}
#tutorial .tutorial-list .item .info .name{font-size: 20px;color: #222;}
#tutorial .tutorial-list .item .info .name a{font-size: inherit;color: inherit;}
#tutorial .tutorial-list .item .info .name a:hover{color: #c7000a;}
#tutorial .tutorial-list .item .info .brief{height: 72px;line-height: 24px;font-size: 14px;color: #888;margin-top: 20px;}


@media(max-width:1680px){
#tutorial .tutorial-list .item{width: 40%;padding: 45px 0; margin:0px 10px 0px 90px; border-top: 1px solid #e5e5e5;}

}





/*首页动态*/








* {margin: 0px;padding: 0px; font-family:"微软雅黑";}
p{ color:#686868;}
ul{ list-style:none;}
.l{float:left;}
.r{float:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
.gy2{ width:1700px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#f3782a;}
.divhidden{ display:none;}

.new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;}
.flexslider{ margin-top:60px; overflow:visible;}
.news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;}
.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/2018/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}
.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_lone:hover .blog_infTop{background:url(../images/2018/i_bg4.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{ color:#f67524;}
.blog_r{ width:66.6%; height:520px; text-align:left;}
.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; }
.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.l li:last-child{ margin-bottom:0; }
.blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{ margin-bottom:0;}
.blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}
.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/2018/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; font-family:"华文细黑";}
.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}
/*.blog_list.l li:hover{background-color:#f67524;}
.blog_list.l li:hover a{ color:#fff;}*/
.blog_list.l li:hover .blog_Rtime{background:url(../images/2018/i_bg5.png) 100% center no-repeat;}
/*.blog_list.l li:hover .blog_Rmore b{ color:#fff;}
.blog_list.l li:hover .blog_Rtime b{ color:#fff;}*/

.blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}
.blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;}
.blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block; font-family:"华文细黑";}
.blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/2018/i_bg6.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}
.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;}
.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#f67524;}
.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/2018/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}
/*.blog_list.r li:hover{background-color:#f67524;}
.blog_list.r li:hover a{ color:#fff;}
.blog_list.r li:hover .blog_Rmore b{ color:#fff;}*/
.blog_list.r li:hover .blog_Rtime b{ /*color:#fff;background:url(../images/2018/i_bg6_on.png) left bottom no-repeat;*/}
.blog_list.r li:hover .blog_Rmore span{background:url(../images/2018/i_bg5.png) 5% center no-repeat;}



/*首页服务客户*/



.wrap{max-width:1700px;width: 95%; margin:0 auto;}
.wrap1200{max-width:1200px;width: 95%; margin:0 auto;}
.max-wrap{max-width: 1700px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.nowrap *{white-space: normal;}
.fz0{font-size: 0px;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.middle-span{height: 100%;vertical-align: middle;display: inline-block;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}
.content-box{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing: content-box;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-1s{-webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.grayscale .grayscale-img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.grayscale:hover .grayscale-img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}
.fz0.nowrap{letter-spacing: -5px;}
.fz0.nowrap *{letter-spacing: normal;}
.red{color: #f50;}
.show1300{display: none;}
.show992{display: none;}
.show768{display: none;}
.show480{display: none;}
.show320{display: none;}
.wow{visibility: hidden;}



.index-cooperation .cooperation-box{margin-bottom: 50px;}
.index-cooperation .cooperation-box .bd{padding: 10px 0;}
/*.index-cooperation .cooperation-box .item{width: 1700px;}*/
.index-cooperation .cooperation-box .item .boxbox{width: 20%;height: 180px;/*border-width: 1px 1px 1px 0;*/ border:1px; border-style: solid;border-color: #ededed;}
.index-cooperation .cooperation-box .item:first-child{border-left-width: 1px;}
.index-cooperation .cooperation-box .item a{width: 100%;height: 100%;background-color: #fff;padding: 20px;}
.index-cooperation .cooperation-box .item .boxbox:hover{box-shadow: 0 0 12px rgba(0,0,0,.1);border: 1px solid #ededed;-ms-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);}
.index-cooperation .cooperation-box .hd{margin-top: 35px;}
.index-cooperation .cooperation-box .hd a{width: 12px;height: 12px;border: 1px solid #b7c5ce;border-radius: 100%;margin: 0 5px;display: inline-block;cursor: pointer;-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.index-cooperation .cooperation-box .hd .on{background-color: #c7000a;border-color: #c7000a;}
.index-cooperation .evaluation-list .bar{left: 0;}
.index-cooperation .evaluation-list .hd{margin-top: 35px;}
.index-cooperation .evaluation-list .hd a{width: 12px;height: 12px;border: 1px solid #b7c5ce;border-radius: 100%;margin: 0 5px;display: inline-block;cursor: pointer;-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.index-cooperation .evaluation-list .hd .on{background-color: #c7000a;border-color: #c7000a;}
.index-cooperation .evaluation-list .item{width: 30%;margin-left: 5%;}
.index-cooperation .evaluation-list .item:first-child{margin-left: 0;}
.index-cooperation .evaluation-list .item .img{width: 88px;height: 88px;padding: 5px;border: 1px solid #b9c7cf;border-radius: 100%;}
.index-cooperation .evaluation-list .item .info{padding-left: 5%;}
.index-cooperation .evaluation-list .item .info .name{font-size: 24px;color: #222;}
.index-cooperation .evaluation-list .item .info .date{color: #888;}
.index-cooperation .evaluation-list .item .arrow{width: 88px;margin-top: 10px;}
.index-cooperation .evaluation-list .item .arrow::after{width: 0;height: 0;border-bottom: 15px solid #c7000a;border-left: 12px solid transparent;border-right: 12px solid transparent;margin: 0 auto;display: block;content: '';}
.index-cooperation .evaluation-list .item .brief{width: 100%;line-height: 32px;font-size: 14px;color: #fff;background-color: #c7000a;padding: 25px 45px 25px 40px;}

.index-tutorial .tutorial-support{width: 50%;height: 100%;background-color: #323436;right: 0;top: 0;}
.index-tutorial .tutorial-support .support-search{margin-left: 5%;}
.index-tutorial .tutorial-support .support-search .text{width: 350px;height: 60px;line-height: 60px;font-size: 14px;background: #fff url(/images/images/ico-search.png) no-repeat 15px center;padding: 0 10px 0 55px;border: 0;border-radius: 5px;}
.index-tutorial .tutorial-support .ico{font-size: 16px;color: #fff;}
.index-tutorial .tutorial-support .button{width: 35%;}
.index-tutorial .tutorial-support .play{line-height: 34px;background: url(/images/images/ico-file.png) no-repeat left center;padding-left: 40px; cursor:pointer;}
.index-tutorial .tutorial-support .file{line-height: 30px;background: url(/images/images/ico-file.png) no-repeat left center;padding-left: 40px; cursor:pointer;}
.index-tutorial .tutorial-support .line{width: 1px;height: 60px;background-color: #383939;margin: 0 7%;}
.index-tutorial .tutorial-list .item{width: 44.70588%;padding: 45px 0;border-top: 1px solid #e5e5e5;}
.index-tutorial .tutorial-list .item:nth-child(1) , .index-tutorial .tutorial-list .item:nth-child(2){border-top: 0;}
.index-tutorial .tutorial-list .item .date{width: 20%;max-width: 120px;}
.index-tutorial .tutorial-list .item .date .year{font-size: 16px;color: #666;margin: 6px 0 15px;}
.index-tutorial .tutorial-list .item .date .day{font-size: 34px;color: #222;}
.index-tutorial .tutorial-list .item .info{width: 80%;}
.index-tutorial .tutorial-list .item .info .name{font-size: 20px;color: #222;}
.index-tutorial .tutorial-list .item .info .name a{font-size: inherit;color: inherit;}
.index-tutorial .tutorial-list .item .info .name a:hover{color: #c7000a;}
.index-tutorial .tutorial-list .item .info .brief{height: 72px;line-height: 24px;font-size: 14px;color: #888;margin-top: 20px;}


/*专家*/



.professional_system .layout .system_content ul li {
  float: left;
  width: 365px;
  height: 540px;
  background-color: #fff;
  position: relative;
}
.professional_system .layout .system_content ul li img {
  width: 150px;
  height: 150px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: url("../images/p_primarySchool/zhuagnshi2.png") no-repeat;
  transition: all 1s;
}
.professional_system .layout .system_content ul li img:hover {
  transform: scale(1.3);
}
.professional_system .layout .system_content ul li h4 {
  font-size: 40px;
  font-weight: normal;
  color: #2b333f;
  margin-top: 40px;
}
.professional_system .layout .system_content ul li h6 {
  font-size: 20px;
  font-weight: normal;
  color: #2b333f;
  margin-top: 40px;
}
.professional_system .layout .system_content ul li p {
  font-size: 16px;
  line-height: 28px;
  color: #6f7783;
}
.professional_system .layout .system_content ul li p span {
  color: #f5b800;
}
.professional_system .layout .system_content ul li p:nth-child(4) {
  margin-top: 30px;
}

.accompany_teach {
  background-color: #F2F2F2!important;
}

.accompany_teach .layout .system_content {
  width: 100%;
  position: relative;
}
.accompany_teach .layout .system_content ul {
    width:1488px; margin:0 auto;
}
.accompany_teach .layout .system_content ul .dream {
  width: 476px;
  height: 470px;
  margin-bottom: 60px;
  padding:70px 55px;
  margin: 10px 10px;
}
.accompany_teach .layout .system_content ul .dream h4 {
  font-size: 35px;
  margin: 10px 0 10px;
      line-height: 42px;
      height: 42px;
}

.accompany_teach .layout .system_content ul .dream p:nth-child(4) {
  margin-top: 0px!important;
}
.accompany_teach .layout .system_content ul .proFive {
  margin: 0 0!important;
}


/*服务*/






body{ color:#3e3a39;  height:auto; box-sizing:border-box; background-color:#f2f2f2; font-size:14px;}




.wp{ width:1480px; margin:0 auto; position:relative;  }

.about_con3{ margin-bottom:80px;  background-color:#f2f2f2;}
.about_con3 li{ overflow:hidden; background:#f8f8f8;}
.about_con3 .img{ width:50%; float:right;}
.about_con3 .text{ margin:0 50% 0 0; overflow:hidden; height:473px;}
.about_con3 .text .li{ width:50%; float:left; text-align:center; background:#ffffff; height:100%;position: relative;z-index:10000; }
.about_con3 .text .li:nth-child(even){ background:#f8f8f8;}
.about_con3 .pd{ padding:115px 34px 0 34px;}
.about_con3 .h3{ font-size:55px; line-height:1; margin-bottom:15px;}
.about_con3 .em{ font-size:18px; line-height:1; text-transform:uppercase; padding-bottom:37px; margin-bottom:25px; border-bottom:1px solid #49494b;}
.about_con3 .p{ font-size:14px; line-height:24px;}
.about_con3 li:nth-child(even) .img{ float:left; width:50%;}
.about_con3 li:nth-child(even) .text{ margin:0 0 0 50%;}

.about_con3 a{ color:#3e3a39; text-decoration:none; }
.about_con3 .text .li:hover { width:50%; float:left; text-align:center; background:#BF1515; height:100%; color:#ffffff;position: relative;z-index:10000; }

.about_con3 .text .li1:hover { width:50%; float:left; text-align:center; background:#BF1515; height:100%; color:#ffffff; position: relative;z-index:10000; }


.about_con3 li1{ overflow:hidden; background:#f8f8f8;}
.about_con3 .img1{ width:50%; float:right;}
.about_con3 .text{ margin:0 50% 0 0; overflow:hidden; height:473px;}
.about_con3 .text .li1{ width:50%; float:left; text-align:center; background:#E9E9E9; height:100%;}
.about_con3 .pd1{ padding:115px 34px 0 34px;}
.about_con3 .h31{ font-size:55px; line-height:1; margin-bottom:15px;}
.about_con3 .em1{     font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    padding-bottom: 37px;
    border-bottom: 1px solid #49494b;
    margin: 0 auto 25px;
    width: 68%;}
.about_con3 .p1{ font-size:14px; line-height:24px;}

.about_con3 .em1:hover{     font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    padding-bottom: 37px;
    border-bottom: 1px solid #49494b;
    margin: 0 auto 25px;
    width: 68%;}




/*产品*/




.products-list-wrap{width:1700px; margin:0px auto;}
.idx-tabs a{position: relative; display: inline-block; padding: 0 .75rem; font-size: .22rem; line-height: .34rem; color: #4d4d4d;}
.idx-tabs a::before, .idx-tabs a::after{position: absolute; display: block; content: ""; left: 0; top: 50%; height: 6px; width: 1px; background: #696969;}
.idx-tabs a::before{margin-top: -6px;}
.idx-tabs a::after{margin-top: 3px;}
.idx-tabs a:first-child::before, .idx-tabs a:first-child::after{display: none;}
.idx-work{padding: .9rem 0; overflow:hidden;}
.idx-work .bigtitle{margin-bottom: .5rem;}
.idx-work .bigtitle h3{margin-bottom: .5rem;}
.idx-work-item .col-xs-12{margin-top: .5rem;}
.idx-work-item .imgbox{overflow:hidden; height:320px; position:relative;}
.idx-work-item .imgbox a::after{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.idx-work-item .imgbox img{-webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translateZ(0px); transform: translateZ(0px);}
.idx-work-item h4{font-size: 20px; line-height: 32px; color: #303030;font-weight:bold}
.idx-work-item p{font-size: 14px; line-height: 26px; color: #939393;white-space: nowrap}
.idx-work-item p.line2{margin-bottom: 0; height: 52px;}
.idx-work-item .weui-cell__ft{padding-left: 10px; height: 52px;}
.idx-work-item .ff-lum{font-size: 12px; color: #303030;}
.idx-work-item .more{position: relative; top: -3px; display: inline-block;}
.idx-work-item .more::before{display: block; content: ""; margin-right: 1px; margin-left: 10px; width: 18px; height: 2px; background: #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}
.idx-work-item .more::after{position: absolute; display: block; content: ""; right: 0; top: 0; margin-top: -3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}

@media (max-width: 1680px){
	.products-list-wrap{width:100%;}	
}

@media (max-width: 1440px){
	.idx-work-item .imgbox{height:270px;}
}

@media (max-width: 1366px){
	.idx-work-item .imgbox{height:250px;}
}

@media (max-width: 1280px){
	.idx-work-item .imgbox{height:230px;}
}

@media (max-width: 1024px){
	.idx-work-item .imgbox{height:190px;}
	.weui-cell{padding: 10px 20px;}
}

@media (max-width: 860px){
	.idx-work-item .imgbox{height:230px;}
}

@media (max-width: 760px){
	.idx-work-item .imgbox{height:300px;}
}

@media (max-width: 375px){
	.idx-work-item .imgbox{height:215px;}
}

@media (min-width: 1200px){
	.idx-tabs a:hover{color: #224795;}
	.idx-work-item .imgbox a:hover::after{opacity: 1;}
	.idx-work-item .imgbox a:hover img{-webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: transform 0.6s ease 0s}
	.idx-work-item .weui-cell:hover h4, .idx-work-item .weui-cell:hover .ff-lum{color: #c7000a;}
	.idx-work-item .weui-cell:hover .more::before{width: 8px; background: #c7000a;}
	.idx-work-item .weui-cell:hover .more::after{border-left-color: #c7000a;}
}
@media (max-width: 991px){
	.idx-work-item h4{font-size: 20px;}
}
@media (max-width: 639px){
	.idx-work{padding: .6rem 0;}
	.idx-work-item .col-xs-12{margin-top: .1rem;}
	.idx-work-item h4{font-size: 18px;}
	.idx-work-item p{font-size: 14px;}
	.idx-tabs a{padding: 0 .3rem; font-size: 15px;}
	.idx-tabs a::before, .idx-tabs a::after{height: 4px;}
	.idx-tabs a::before{margin-top: -4px}
	.idx-tabs a::after{margin-top: 2px}
}


#products > .category-list{margin: 166px auto 50px;}

#products > .category-list .item{width: 144px;height: 47px;line-height: 47px;font-size: 14px;color: #555;background-color: #f1f1f1;border-radius: 2px;margin: 3px 0.5%;}
#products > .category-list .item:hover , #products > .category-list .item.on{color: #fff;background-color: #c7000a;}
#products > .category-list .item i{font-size: 20px;margin-right: 20%;vertical-align: middle;}


#products > .category-list1{margin: 70px auto 50px;}

#products > .category-list1 .item{
	
    width: 114px;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    color: #555;
    background-color: #f1f1f1;
    border-radius: 2px;
    margin: 14px 8px;
	
	
	}
#products > .category-list1 .item:hover , #products > .category-list1 .item.on{color: #fff;background-color: #c7000a;}
#products > .category-list1 .item i{font-size: 20px;margin-right: 20%;vertical-align: middle;}


#products .products-bg{background-color: #f8f8f8;background-image: url(http://www.vishining.com/images/images/shadow.png);background-repeat: repeat-x;background-position: left top;padding: 70px 0 55px;}
#products.index .products-bg{padding: 0 0 55px;}
#products.index #products-box{padding-top: 70px;left: 0;}
#products-box .products-list .item{width: 30.588%;margin-right: 3.823529%;margin-bottom: 60px;vertical-align: top;}
#products-box .products-list .item.last{margin-right: 0;}
#products-box .products-list .item[status='on']{z-index: 2;}
#products-box .products-list .item[status='on'] .main{-webkit-animation-name:zoomIn;animation-name:zoomIn}
#products-box .products-list .item[status='off']{opacity: 0;}
#products-box .products-list .item[status='off'] .main{-webkit-animation-name:zoomOut;animation-name:zoomOut}
#products-box .products-list .item .main{max-width: 520px;margin: 0 auto;}
#products-box .products-list .item .cover{z-index: 2;}
#products-box .products-list .item .cover .img{width: 100%;left: 0;top: 4%;}
#products-box .products-list .item .cover .img .img-wrap{width:100%; height:236px;}
#products-box .products-list .item .cover .img img{width: 76.923%;}


.weui-cell{padding: 10px 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align:left;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-grids{position: relative; overflow: hidden;}
.weui-grid{position: relative; float: left; padding: 20px 10px; box-sizing: border-box;} 


/*联系我们*/

.banner_contact{ position:relative;}
.banner_contact .img{ position:relative; background:url(../banner_contact.jpg) no-repeat top center; height:741px; overflow:hidden;}
.banner_contact .text{ position:absolute; left:0px; top:200px; right:0px; z-index:6;}
.banner_contact .text .pd{color:#323235; background:rgba(255,255,255,0.95); float:left; padding:50px 70px; border-radius:10px;}
.banner_contact .text .h3{ font-size:24px; margin-bottom:5px; line-height:1;}
.banner_contact .text .em{ font-size:12px; line-height:1; padding-bottom:40px; position:relative; margin-bottom:20px;}
.banner_contact .text .em:before{content:'\20'; position:absolute; left:0px; bottom:0px; width:14px; height:2px; background:#e81215;}
.banner_contact .text .p{ font-size:24px; line-height:1; margin-bottom:20px;}
.banner_contact .text .c{ font-size:48px; line-height:1; color:#e81215;}

.leida{ position:absolute; left:50%; top:350px; width:32px; height:32px; margin-left:149px;}
.leida .icon-dizhi{ font-size:18px; color:#e91f2f; text-align:center; width:32px; height:32px; line-height:32px; display:block; position:relative; z-index:7;}
.leida span{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; background:rgba(233,31,47,0.5); box-sizing:border-box; opacity:0;}
.leida .span2{ width:80px; height:80px; margin:-40px 0 0 -40px; z-index:6;}
.leida .span3{ width:160px; height:160px; margin:-80px 0 0 -80px; z-index:5;}
.leida .span4{ width:320px; height:320px; margin:-160px 0 0 -160px; z-index:4;}
.leida .span5{ width:640px; height:640px; margin:-320px 0 0 -320px; z-index:3;}
.leida .span6{ width:1280px; height:1280px; margin:-640px 0 0 -640px; z-index:2;}
.leida .span7{ width:2560px; height:2560px; margin:-1280px 0 0 -1280px; z-index:1;}
.FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
}
.contact{ position:relative; z-index:7;}
.contact_con1{ background:#fff; padding:60px 70px; margin-bottom:20px;}
.contact_con1 ul{ margin-right:-70px;}
.contact_con1 li{ float:left; width:50%;}
.contact_con1 .pd{ margin-right:70px;}
.contact_con1 .h3{ font-size:30px; border-bottom:1px solid #ccc; text-transform:uppercase; height:60px; line-height:60px; margin-bottom:25px;}
.contact_con1 .p{ position:relative; font-size:18px; line-height:28px; padding:10px 0 10px 46px;}
.contact_con1 .p i{ width:32px; height:32px; line-height:32px; text-align:center; position:absolute; left:0px; top:9px; font-size:32px;}

.contact_con2{ background:#fff; padding:50px 70px; margin-bottom:50px;}
.tit3{ font-size:28px; line-height:40px; padding:15px 0; border-bottom:1px solid #ccc; margin-bottom:30px;}
.job{ overflow:hidden;}
.job ul{ margin-right:-60px;}
.job li{ float:left; width:50%; margin-bottom:30px;}
.job li.clearfix{ width:100%; margin:0px; float:none;}
.job .pd{ margin-right:60px;}
.job .h3{ margin-bottom:30px; font-size:24px; margin-bottom:15px;}
.job .p{ font-size:14px; line-height:30px;}
.job_p{ font-size:18px; padding-top:60px;}
.job_p a{ color:#e91f2f;}

.news_pg{ margin:0 90px;}
.news_fl{ width:1000px; float:left;}

.news_wp{ background:#fff; margin-bottom:60px;}
.crumbs{ margin:0 50px; color:#888; padding:20px 0; line-height:30px; border-bottom:1px solid #dbdbdb;}
.crumbs a{ color:#888;}
.crumbs a:hover{color:#e10000;}
.crumbs span{ color:#323235;}
.crumbs em{ margin:0 5px;}




.tj_service{}
.tit4{ line-height:1;}
.tit4 strong{ margin-right:10px; font-weight:normal;}
.tit4 em{ text-transform:uppercase; color:#888;}

.tit4_1{ font-size:24px; margin-bottom:30px;}
.tit4_2{ font-size:18px !important; margin-bottom:20px;}
.tit4_3{ font-size:32px; margin-bottom:35px;}
.tit4_4{ font-size:32px; margin-bottom:25px;}
.tit4_4 em{ color:#fff;}
.tit4_5{ font-size:28px; margin-bottom:35px;}
.tit4_5 em{ color:#323235;}

.tj_service_list{}
.tj_service_list .single-item{ margin-right:-20px;}
.tj_service_list .pd{ display:block; margin-right:20px; background:#fff;}
.tj_service_list .img{ overflow:hidden;}
.tj_service_list .img img{ width:100%; height:auto; display:block;}
.tj_service_list .text{ padding:25px 20px;}
.tj_service_list .h3{ font-size:22px; line-height:1; margin-bottom:10px; color:#25211e;}
.tj_service_list .p{ font-size:14px; color:#666; height:24px; overflow:hidden; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.news_fr{ width:300px; float:right;}


.zcrumbs{ padding:0px; padding:0px 0; background:#fff; border:none; margin:0 0 50px 0;}
.zcrumbs em{ margin:0 5px;}
.zcrumbs a{ color:#999;}
.zcrumbs a:hover{ color:#e10000;}
.zcrumbs span{ color:#000;}


.case_bg{background: #eaeaea; overflow: hidden;}
.case_enter{width:1600px; margin:0px auto;}
.case_show_one{ background:#f5f5f5; background-size:50% 100%; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.case_show_one .case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one .case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one .case_show_one_l .case_txt .h2{ margin-top:50px; height:90px; line-height:90px; background:url(/images/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_l .case_txt .divs{ line-height:30px; color:#666666; font-size:16px;}
.case_show_one .case_show_one_r .case_txt .ccc{font-size:18px; color:#666666; line-height:48px;}
.case_show_one .case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one .case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one .case_show_one_r .h2{ margin-top:50px; height:90px; line-height:90px; background:url(/images/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_r ul li{ font-size:18px; display:block; height:48px;line-height:48px; color:#666666;}
.case_show_one .foot_button2{  margin-top:30px;}
.case_show_one .foot_button2 li{ width:58px; height:58px;text-align:center; float:left; margin:0 12px;position: relative;}
.case_show_one .foot_button2 li img{ width:58px; height:58px;filter:alpha(opacity=70);opacity:0.7;}
.case_show_one .foot_button2 li:hover img{filter:alpha(opacity=100);opacity:1.0;}
.case_show_one .foot_button2 li .wem3{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -70px;top: -200px;background-image: url('../images/2015/ewm.png');background-repeat: no-repeat;}
.case_show_one .case_show_one_l .case_txt .fenxiang{  overflow:hidden; text-align:center;margin-top:30px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx{ text-align:left; margin-top:3%; margin-bottom:4%;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs1{ background-image:url(/images/ico1.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs2{ background-image:url(/images/ico2.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs3{ background-image:url(/images/ico3.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}

.case_con{ padding-top:110px;line-height:26px; padding-left:3%; padding-right:3%; font-size:14px; padding-bottom:100px; overflow:hidden; background:#fff;}
.case_con img{  /*max-width:1200px;*/ width:100% !important; display:block; margin:0 auto;}
.case_t{ height:76px; line-height:76px; margin-top:78px; text-align:center; font-weight:normal; color:#000; font-size:36px;}

.ck{width:120px; height:36px; line-height:32px; text-align:center; font-size:16px; display:block; border:#666666 1px solid; color:#666; margin-top:32px;}
.ck:hover{color:#c7000a; border:#c7000a 1px solid;}

@media (max-width: 1600px){
	.case_enter{width:96%;}
}

@media (max-width: 1024px){
	.n_case_list{min-height:inherit; margin-bottom:36px;}
	.n_case_list ul li{margin-right:1.5%;}
	
	.case_con{padding-top:3%; padding-bottom:3%;}
	.case_t{margin-top:36px;}
}

@media (max-width: 860px){
	.n_case_list ul li{width:100%; margin-right:0%;}
}

@media (max-width: 720px){
	.case_show_one{background:none;}
	.case_show_one .case_show_one_l , .case_show_one .case_show_one_r{width:100%;}
	.case_show_one .case_show_one_r{background:#f5f5f5; min-height:464px;}
}

@media (max-width: 375px){
	.case_show_one .case_show_one_l{min-height:inherit; padding-bottom:20px;}
	.case_show_one .case_show_one_l .case_txt .h2{margin-top:0px; margin-bottom:20px; font-size:20px; height:70px; line-height:70px;}
	.case_show_one .case_show_one_r .case_txt{width:86%;}
	.case_show_one .case_show_one_l .case_txt .fenxiang{margin-top:0px;}
	.case_show_one .case_show_one_r{min-height:inherit; padding-bottom:20px;}
	.case_show_one .case_show_one_r .h2{margin-top:0px; margin-bottom:10px; font-size:20px; height:70px; line-height:70px;}
	.case_show_one .case_show_one_r ul li{font-size:16px; height:36px; line-height:36px;}
	
	.case_t{margin-top:0px; font-size:20px;}
	.n_case_list{margin-top:0px; margin-bottom:0px;}
	.n_case_list ul li{margin-bottom:5%;}
	
	.products-boxddd{padding-top:0px !important;}
	footer .follow .item:nth-child(2){margin: 0 0px; margin-left:30px;}
}
.products-list-wrap11{width:1600px; margin:0px auto;}



/*动态分页*/

.pageing {
text-align: center;
}


.pages {
	float:center;
}
.pages,.pages .pagesone {
	line-height:50px;
	height:50px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
}
.pages a,.pages b,.pages .pagesone {
	font-family: Arial;display: inline-block;border-radius: 3px;margin: 0 2.5px;vertical-align: middle;-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;content: '';
}
.pages a {font-size: 16px;color: #c7000a;
	padding:0 22px;
	color:#666;
	background-position:0 0;
}
.pages b,.pages a:hover {font-size: 16px;color: #c7000a;
	background-color:#c7000a;
	background-position:0 -23px;
	color:#ffffff;
	text-decoration:none;
	padding:0 22px;
}
.pages .fl {
	color:#666;
	padding:0 6px 0 3px;
}
.pages .pagesone {
	border:1px solid #76c3fb;
	background-color:#ffffff;
	background-position:0 -46px;
	float:left;
}
.pages input {
	padding:0;
	float:left;
	background:none;
	border:0;
	margin:4px 3px 0 3px;
	width:22px;
}
.pages button {
	height:21px;
	background-color:#f4f8fb;
	padding:0 4px;
	border:0;
	color:#666;
	border-left:1px solid #76c3fb;
	cursor:pointer;
	float:left;
	background-position:0 -68px;
}
.fr .pages {
	_float:right;
}
.pages6 {
	color:#666;
}