@charset "utf-8";
/* CSS Document */
body{ margin: 0;padding: 0;font-family: "微软雅黑"; background-color:#f5f5f5;}
body,html{-webkit-text-size-adjust: none;width: 100%;height: 100%;}
*{text-decoration: none;list-style: none;}
img{border: 0px;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{font-weight:normal;padding: 0;margin: 0;}
.wrap{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.index{overflow: hidden;}
.clr{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.pointer{cursor:pointer;}
a,input,button{ outline:none;}

/*顶部*/
.Topa{ width:100%; background-color:#333; }
.Topa ul{ max-width:960px; margin:0 auto; padding:10px;}
.Topa ul li{ float:left; margin-right:5px;}
.Topa ul li img{ display:block; float:left;}
.Topa ul li a span{ display:block; float:left; font-size:12px; color:#fff; line-height:20px; padding:0 10px;}
.Topa ul .zhanghu { float:right; color:#fff;}
.Topa ul .zhanghu a.denglu{ color:#fff; line-height:20px; padding-right:5px; font-size:12px;}
.Topa ul li:hover .erweima{ display:block;}
.erweima{ background:rgba(0,0,0,0.8); padding:10px; position:absolute; z-index:999999; margin-top:10px; display:none;}
/*banner*/
.bannerbox{ width:100%; overflow:hidden; display:block; position:relative;}
.topbanner{  width:100%;  margin:0 auto; overflow: hidden;  display:block;}
.topbanner ul { width:100%; overflow:hidden;}
.topbanner ul li img { width:100%; }
.topbanner ol { position:absolute; z-index: 10; bottom:10px; width:100%; text-align:right; display:block; right:100px; }
.topbanner ol li { display: inline-block; margin:0px 3px 0px; width: 12px; height: 12px; border:solid 1px #fff; border-radius: 12px; }
.topbanner ol li.on { background-color: #f54242;  border:solid 1px #f54242; }
.banner { width:100%; overflow:hidden; display:block; clear:both;}
.hc-fly { height: 100vh; position: absolute; top: 15%; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: 1.5s; }
.hc-fly img:nth-child(1) {
display: block;
margin: 0 auto;
}
.hc-fly p:nth-child(3) {
height: 20px;
font-size: 18px;
text-align: center;
color: rgba(255, 255, 255, .6);
position: absolute;
left: 0;
right: 0;
top: 20%;
letter-spacing: 2px;
}
 @-webkit-keyframes halftone {  100% {
 background-size: 2.375em 2.375em, 0.1em 0.1em;
}
}
 @keyframes halftone {  100% {
 background-size: 2.375em 2.375em, 0.1em 0.1em;
}
}
/*导航*/
.topnav{ width:100%; display:block; margin:0 auto; position:absolute; z-index:999; top:40px;transition: all 0.45s ease-in-out}
.topnav.topbar{ background:rgba(0,0,0,0.8);position: fixed;top:0;transition: all 0.45s ease-in-out; padding:10px 0 20px; z-index:999999}
.index-nav{ max-width:960px; margin:0 auto; height:40px; box-sizing: border-box; margin-top:10px}
.index-nav-frame-line{color: #fff; font-weight:normal; float: left;position: relative; display: block;outline: none;cursor: pointer; width:120px; margin-right:17px;line-height: 40px;text-align: center;}
.index-nav-frame-line a{ color:#fff;}
.index-nav-frame-line.active{background-color:#f54242;border-radius:40px; }
.index-nav-frame-line.active a{color:#fff; }
.index-nav-frame-line:hover{color:#fff; background-color:#f54242; border-radius:40px; font-weight:600;}
.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%; line-height:40px; text-align: center; font-weight:normal; font-size:14px; background:rgba(0,0,0,0.8); border-radius:20px; margin-top:6px; color: #fff;}
.index-nav-frame-line-li a{ color:#fff;}
.index-nav-frame-line-li:hover a{color: #f54242;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 40px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
	.index-nav-frame-line-li a{display: block;color: white;}
	.nav-line{display: block;border-bottom: 1px solid #eeeeee;}
	.nav-small{display: block;}
	.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
	.nav-small:focus .nav-small-focus{display: block;}
	.index-nav-frame{width: 100%;}
	.index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
	.index-nav-frame-line-center{position: relative;background: #444359;}
	.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
	.index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
	.index-nav-frame-line-li:hover{background: #b63b4d;}
	.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
	.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
	.index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
	.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
	.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}

}

.tedianbox{ width:100%; overflow:hidden; clear:both; text-align:center; position:absolute; top:740px;z-index:99999;}
.tedianbox ul{ width:70%; margin:0 auto;}
.tedianbox ul li{ float:left; width:33.3%;}
.tedianbox ul li img{ width:90%;}

/*.tedianbox ul li:hover{ -webkit-filter: drop-shadow(6px 6px 8px #ccc);filter: drop-shadow(6px 6px 8px #ccc);
 visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:2;
    animation-name: pulse;}
*/
/*关于量子*/
.guanyulz{ width:100%; margin:0 auto; overflow:hidden; margin-top:240px; text-align:center; height:1500px;}
.guanyulz img{ width:20%; margin:0 auto;}
.guanyulz h1{ font-size:24px; color:#333; line-height:80px; }
.guanyulz p.first-p{ width:40%; margin:0 auto; font-size:14px; color:#888; line-height:36px;}
.guanyulz p.second-p{  width:40%; margin:0 auto; font-size:14px; color:#333; line-height:30px;}
.youshi{ width:100%; margin:40px 0; padding:180px 0;position:relative;}
.youshi .youshibeijing{ width:100%;}
.youshi .youshidw{ width:100%; position:absolute; top:40px; }
.youshi .youshibox{ width:1500px; margin:0 auto;   }
.youshi .youshibox .ysleft li{ width:1100px; height:360px; }
.youshi .youshibox .ysleft{ float:left;background-color:#fff; }
.youshi .youshibox .ysleft li .miaoshu{ float:left; width:400px; height:360px; background-color:#fff;text-align:left;}
.youshi .youshibox .ysleft li .miaoshu h1{ font-size:24px; color:#333; line-height:40px; margin-top:70px; margin-left:60px;}
.youshi .youshibox .ysleft li .miaoshu h1:hover{ color:#f54242;}
.youshi .youshibox .ysleft li .miaoshu p{ font-size:16px; color:#666; line-height:30px; margin-top:20px; margin-left:60px; width:200px; }
.youshi .youshibox .ysleft li .imgbox{ float:left; width:700px;height:360px; overflow:hidden;}
.youshi .youshibox .ysleft li .imgbox img{ width:700px; height:360px;}
.youshi .youshibox .ysleft li .imgbox img:hover{-webkit-filter: opacity(80%);filter: opacity(80%); visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:2;
    animation-name: pulse;}
.youshi .youshibox .ysright{ float:left;background-color:#fff; }
.youshi .youshibox .ysright .miaoshu{width:400px; height:360px; background-color:#fff;text-align:left; }
.youshi .youshibox .ysright .miaoshu h1{ font-size:24px; color:#333; line-height:40px; padding-top:70px; margin-left:60px;animation:myfirst 6s;
	-webkit-animation:myfirst 6s; /* Safari and Chrome */}
.youshi .youshibox .ysright .miaoshu h1:hover{ color:#f54242;}
.youshi .youshibox .ysright .miaoshu p{font-size:16px; color:#666; line-height:30px; margin-top:20px; margin-left:60px; width:200px;}
.youshi .youshibox .ysright .imgbox{width:400px; height:720px; overflow:hidden;}
.youshi .youshibox .ysright .imgbox img{width:400px; height:720px;}
.youshi .youshibox .ysright .imgbox img:hover{-webkit-filter: opacity(80%);filter: opacity(80%); visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:2;
    animation-name: pulse;}

/*吃玩乐*/
.forfun{ width:100%; margin:0 auto; overflow:hidden;  text-align:center;}
.forfun img{ width:20%; margin:0 auto;}
.forfun h1{ font-size:24px; color:#333; line-height:80px; }
.forfun p.first-p{ width:40%; margin:0 auto; font-size:14px; color:#888; line-height:36px;}
.forfun p.second-p{  width:40%; margin:0 auto; font-size:14px; color:#333; line-height:30px;}
.funbox{ width:100%; overflow:hidden; margin-top:60px;}
.funbox ul{ width:80%; margin:0 auto;}
.funbox ul li{ float:left; width:23%; margin:20px 1%; overflow:hidden; }
.funbox ul li img{ width:100%;  }
.funbox ul li img.funtu:hover{visibility: visible;
    animation-duration: 3s;
    animation-iteration-count:1;
    animation-name: pulse;}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(3, 3, 3);
    transform: scale3d(3, 3, 3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.funbox ul li.wenan{text-align:left; position:relative;}
.funbox ul li.wenan img{ width:100%; }
.funbox ul li.wenan .wenzi{ width:100%; position:absolute; top:30px; left:30px;}
.funbox ul li.wenan .wenzi p{ font-size:30px; line-height:56px; color:#333;}
/*.funbox ul li.wenan .wenzi:hover p{-webkit-animation:a3 .5s ease-out forwards;
		-ms-animation:a3 1s ease-out forwards;
		-moz-animation:a3 1s ease-out forwards;
		-o-animation:a3 1s ease-out forwards;
		animation:a3 1s ease-out forwards;}
@-webkit-keyframes a3{
		0%{
			opacity:1;
			-webkit-transform:rotate(60deg);
			-ms-transform:rotate(60deg);
			-moz-transform:rotate(60deg);
			-o-transform:rotate(60deg);
			transform:rotate(60deg);
		}
		100%{
			opacity:1;
			-webkit-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);
		}
	}*/
/*新闻资讯*/
.thenews{ width:100%; margin:0 auto; overflow:hidden;  text-align:center; margin-top:40px; padding:80px 0 140px; background-color:#fff; position:relative;}
.thenews img{ width:14%; margin:0 auto;}
.thenews h1{ font-size:24px; color:#333; line-height:100px; }
.thenews .news{ max-width:1500px ; margin:60px auto 100px;}
.thenews .news ul li{ float:left;}
.thenews .news ul li.newsone{ width:400px; text-align:left; margin-right:40px;}
.thenews .news ul li.newsone .newimg{ width:400px ; height:400px;margin-bottom:20px; overflow:hidden;}
.thenews .news ul li.newsone .newimg img{ width:100%; -webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s}
.thenews .news ul .newsone .newimg:hover img{webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: -webkit-transform 0.6s ease 0s;transition: transform 0.6s ease 0s;}
.thenews .news ul li.newsone .time span{ float:left; font-size:14px; color:#999; display:block; background:url(../img/time.png) no-repeat left; padding-left:20px; line-height:20px;}
.thenews .news ul li.newsone .time i{ display:block; float:right; font-style:normal; font-size:14px; color:#999; line-height:20px;}
.thenews .news ul li.newsone .newst{ font-size:24px; line-height:30px; color:#333; margin:20px 0;}
.thenews .news ul li.newsone .newst:hover{ color:#f54242;}
.thenews .news ul li.newsone .newscont{ font-size:14px; line-height:24px; color:#999;}
.thenews .news ul li.newstwo{ width:400px; text-align:left;margin-right:40px;}
.thenews .news ul li.newstwo .newimg{ width:400px ; height:400px;margin-bottom:20px; overflow:hidden;}
.thenews .news ul li.newstwo .newimg img{ width:100%; -webkit-transform: translateZ(0px);transform: translateZ(0px);-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s }
.thenews .news ul li.newstwo .newimg:hover img{webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: -webkit-transform 0.6s ease 0s;transition: transform 0.6s ease 0s;}
.thenews .news ul li.newstwo .time span{ float:left; font-size:14px; color:#999; display:block; background:url(../img/time.png) no-repeat left; padding-left:20px; line-height:20px;}
.thenews .news ul li.newstwo .time i{ display:block; float:right; font-style:normal; font-size:14px; color:#999; line-height:20px;}
.thenews .news ul li.newstwo .newst{ font-size:24px; line-height:30px; color:#333; margin:20px 0;}
.thenews .news ul li.newstwo .newst:hover{color:#f54242;}
.thenews .news ul li.newstwo .newscont{ font-size:14px; line-height:24px; color:#999;}
.thenews .news ul li.newsthr{ width:440px; margin: 0 15px;}
.thenews .news ul li.newsthr .newstype{background-color:#ccc; padding:6px 10px; margin-bottom: 2px; text-align: left;}
.thenews .news ul li.newsthr .newstype img{ display: block; width:30px; float: left;}
.thenews .news ul li.newsthr .newstype span{display: block; float: left;  margin-left: 5px; line-height: 30px; font-size: 18px; font-weight: bolder; color: #ffffff;}
.thenews .news ul li.newsthr .newslist{ background-color:#ccc; padding:20px 0; margin-bottom: 2px;}
.thenews .news ul li.newsthr .newslist .riqi{ float:left; width:80px; border-right:solid 1px #fff;}
.thenews .news ul li.newsthr .newslist .riqi h2{ font-size:40px; font-weight:600; line-height:40px; color:#fff;}
.thenews .news ul li.newsthr .newslist .riqi p{ font-size:12px;  color:#fff;}
.thenews .news ul li.newsthr .newslist img{ float:left; margin:0 10px; width:60px;}
.thenews .news ul li.newsthr .newslist .newsp{ float:left; width:260px; text-align:left;}
.thenews .news ul li.newsthr .newslist .newsp h1{ font-size:16px; color:#fff; line-height:20px;margin-bottom: 6px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.thenews .news ul li.newsthr .newslist .newsp p{font-size:12px; color:#fff; line-height:20px;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.thenews .news ul li.newsthr .nowlist{ background-color:#f54242;}
.thenews .news ul li.newsthr .newslist:hover{ background-color:#f54242;}
.thenews .learnmore{ width:100%; margin-bottom:80px;  position:absolute; bottom:0px; animation: aimte 1s cubic-bezier(0.45, 0.45, 0.45, 0.45) 0s infinite alternate;
	-webkit-animation: aimte 1s cubic-bezier(0.45, 0.45, 0.45, 0.45) 0s infinite alternate;}
 @keyframes aimte {
	from, 20%, 40%, 60%, 80%, to {
	animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 20% {
	bottom:0px;
}
 40% {
	bottom:2px;
}
 60% {
	bottom:3px;
}
 80% {
	bottom:6px;
}
to {
	bottom:8px;
}
}
@-webkit-keyframes aimte {
	 from, 20%, 40%, 60%, 80%, to {
	animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 20% {
	bottom:0px;
}
 40% {
	bottom:2px;
}
 60% {
	bottom:4px;
}
 80% {
	bottom:6px;
}
to {
	bottom:8px;
}
}	
.thenews .learnmore a{ width:280px; margin:0 auto; display:block; color:#333;  background-color:#f5f5f5; padding:16px 0;  }
.thenews .learnmore a img{ float:left; width:30px; margin-left:60px;}
.thenews .learnmore a span{ float:left; display:block; margin-left:10px; font-size:14px; line-height:30px;}
/*合作企业*/
.hezuo{ width:100%; margin:0 auto; overflow:hidden; text-align:center; padding:100px 0; }
.hezuo img{ width:14%; margin:0 auto;}
.hezuo h1{ font-size:24px; color:#333; line-height:60px; margin-top:20px; }
.qiyelunbo { width:80%; margin:0 auto; overflow: hidden;position: relative; z-index: 1;  clear:both; display:block; padding:60px 0; }
.qiyelunbo ul{ overflow:hidden;}
.qiyelunbo ul li img { float:left; width:23%; margin:20px 1%;}
.qiyelunbo ul li img:hover{visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:3;
    animation-name: pulse;}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(3, 3, 3);
    transform: scale3d(3, 3, 3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.qiyelunbo ol { position:absolute; z-index:10; bottom:0; width:100%; text-align: center; display:block;  }
.qiyelunbo ol li { display: inline-block; margin:0px 4px 0px; width: 12px; height: 12px; background-color: #333; border-radius: 12px; }
.qiyelunbo ol li.on { background-color: #333;width: 40px; height: 12px; }

/*底部*/
.bottom{ width:100%; overflow:hidden; background:url(../img/dibubj.png) no-repeat; background-size:100%;}
.bottomone{ max-width:960px; margin:0 auto; padding:30px 0;}
.bottomone .oneleft{ float:left; width:360px; padding:10px 0; border-right:solid 1px #fff;}
.bottomone .oneleft li{ padding:20px 0;}
.bottomone .oneleft li a{ color:#fff;}
.bottomone .oneleft li img{ float:left; width:26px; margin-right:20px;}
.bottomone .oneleft li p{ float:left; font-size:14px; line-height:26px; }
.bottomone .oneright{ float:left; margin-left:29px;padding:10px 0;}
.bottomone .oneright dl{ float:left; width:95px; text-align:right;}
.bottomone .oneright dl dt{ font-size:16px; line-height:36px;}
.bottomone .oneright dl dt a{ color:#fff;}
.bottomone .oneright dl dt a:hover{ color:#f54242;}
.bottomone .oneright dl dd{ font-size:14px; line-height:24px;}
.bottomone .oneright dl dd a{ color:#ccc;}
.bottomone .oneright dl dd a:hover{ color:#f54242;}
.bottomtwo{max-width:960px; margin:0 auto; }
.bottomtwo .twoleft{ float:left; width:360px; padding:50px 0;}
.bottomtwo .twoleft img{ width:200px;}
.bottomtwo .tworight{ float:right;padding:40px 0;}
.bottomtwo .tworight li{ float:left; margin-left:30px; text-align:center;}
.bottomtwo .tworight li img{ width:80px;}
.bottomtwo .tworight li span{ font-size:12px; line-height:26px; color:#fff; display:block;}
.copyright{ text-align:center;  font-size:12px; color:#ccc; margin-bottom:16px;}
.beian{ text-align:center;  font-size:12px; margin-bottom:16px;}
.beian a{ color:#ccc;}

/*产品中心*/
.product{ width:100%; text-align:center; overflow:hidden;}
.product .pTitle{width:100%; margin:80px auto;}
.product .pTitle img{ width:24%; margin:0 auto 20px;}
.product .pTitle h1{ font-size:24px; color:#333; line-height:80px; font-weight:normal; }
.product .pTitle p.first-p{ width:40%; margin:0 auto; font-size:14px; color:#999; line-height:36px; }
.product .pTitle p.second-p{  width:40%; margin:0 auto; font-size:14px; color:#333; line-height:30px;}
.plist{ width:100%; overflow:hidden;}
.plist ul li{ width:100%; margin-bottom:80px;}
.plist ul li .list-name{ max-width:960px; margin:0 auto 40px; text-align:left;}
.plist ul li .list-name .black{ width:40px; height:4px; background-color:#333; margin-bottom:20px;}
.plist ul li .list-name p{ font-size:30px; color:#333; margin-bottom:10px;}
.scroll{ width:80%; margin:0 auto; text-align:center;}
.scroll ol.slide-box li{ float:left; margin:0 1%; width:23%;  background-color:#fff;}
.scroll ol.slide-box li img{ width:94%; margin:10px;}
.scroll ol.slide-box li img:hover{ visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:2;
    animation-name: pulse;}

/*品牌中心*/
.brand{ width:100%; text-align:center; overflow:hidden;}
.brand .bTitle{width:100%; margin:0 auto; padding:80px 0; background-color:#fff;}
.brand .bTitle img{ width:28%; margin:0 auto 20px;}
.protab{ width:100%; text-align:center;overflow:hidden; background-color:#fff;}
.protab .box_nav{ width:50%; margin:20px auto;}
.protab .box_nav li{ float:left; width:12.5%; font-size:16px;  line-height:50px; margin-bottom:20px;}
.protab .box_nav li a{color:#333;}
.protab .box_nav li:hover{ background-color:#333;}
.protab .box_nav li:hover a{color:#fff;}
.protab .box_nav li.current{ background-color:#333;}
.protab .box_nav li.current a{ color:#fff;}
.pinpai{ width:100%; background-color:#f5f5f5;}
.pinpai ol{ width:70%; margin:0 auto; padding:30px 0 50px;}
.pinpai ol li{ float:left; width:23%; margin:30px 1%;}
.pinpai ol li img{ width:80%;}
.pinpai ol li img:hover{visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:3;
    animation-name: pulse;
	 -webkit-filter: drop-shadow(6px 6px 8px #ccc);filter: drop-shadow(6px 6px 8px #ccc);}
.ruzhu{ width:100%; text-align:center; overflow:hidden; background-color:#fff;}
.ruzhu .bTitle{width:100%; margin:0 auto; padding:80px 0; background-color:#fff;}
.ruzhu .bTitle img{ width:28%; margin:0 auto 20px;}
.ruzhu .xinfeng{ width:36%; margin:0 auto; position:relative;}
.ruzhu .xinfeng img { width:100%;} 
.ruzhu .xinfeng .rzshsenqing{ position:absolute; top:60px; width:100%; margin:0 auto; }
.ruzhu .xinfeng .rzshsenqing .xingming{ width:64%; margin:0 auto; border:solid 1px #ccc; text-align:left; padding:4px 0; margin-bottom:14px;}
.ruzhu .xinfeng .rzshsenqing .xingming span{ font-size:14px; color:#333; line-height:34px; background:url(../img/xingming.png) no-repeat; background-size:19px;  padding-left:36px; margin-right:26px; margin-left:26px;}
.ruzhu .xinfeng .rzshsenqing .xingming input{ border:none; background-color:#f5f5f5; font-size:14px;}
.ruzhu .xinfeng .rzshsenqing .dianhua{ width:64%; margin:0 auto; border:solid 1px #ccc; text-align:left; padding:4px 0; margin-bottom:14px;}
.ruzhu .xinfeng .rzshsenqing .dianhua span{ font-size:14px; color:#333; line-height:34px; background:url(../img/dianhuaaa.png) no-repeat; background-size:19px;  padding-left:36px; margin-right:26px; margin-left:26px;}
.ruzhu .xinfeng .rzshsenqing .dianhua input{ border:none; background-color:#f5f5f5; font-size:14px;}
.ruzhu .xinfeng .rzshsenqing .liuyan textarea{ width:60%;margin:0 auto; height:100px; border:solid 1px #ccc; background-color:#f5f5f5; font-size:14px; color:#333; line-height:30px; padding:0 11px; font-weight:normal; }
.ruzhu .xinfeng .rzshsenqing .tijiao{ width:20%; margin:0 auto; background-color:#333; line-height:36px; margin-top:30px;}
.ruzhu .xinfeng .rzshsenqing .tijiao a{ color:#fff;}

/*招商加盟*/
.zzjoin{ width:100%; overflow:hidden; padding:100px 0; }
.zzjoin .zzjoin_in{ width:1280px; margin:0 auto;}
.zzjoin .zzjoin_in .zzjoin_top{ width:1280px; height:300px; overflow:hidden;}
.zzjoin .zzjoin_in .zzjoin_top .joinimg{  float:left; width:640px; height:300px;}
.zzjoin .zzjoin_in .zzjoin_top .joinimg img{ width:100%;}
.zzjoin .zzjoin_in .zzjoin_top .joinimg:hover img{webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);-webkit-transition: -webkit-transform 0.6s ease 0s;transition: transform 0.6s ease 0s;}
.zzjoin .zzjoin_in .zzjoin_top .jieshao{ float:left; width:640px; height:300px; background-color:#fff; }
.zzjoin .zzjoin_in .zzjoin_top .jieshao h1{ font-size:30px; color:#333; margin-left:50px; margin-top:50px; margin-bottom:30px;}
.zzjoin .zzjoin_in .zzjoin_top .jieshao p{ margin-left:50px; width:520px; font-size:14px; color:#666; line-height:24px;}
.zzjoin .zzjoin_in .zzjoin_top .jieshao img{ margin-left:50px; margin-top:70px;}
.zzjoin .zzjoin_in .buzhou{ width:1280px; margin:0 auto;}
.zzjoin .zzjoin_in .buzhou li{ float:left; width:320px;  text-align:center; padding:20px 0;}
.zzjoin .zzjoin_in .buzhou li.white{ background-color:#fff;}
.zzjoin .zzjoin_in .buzhou li.gray{ background-color:#eee;}
.zzjoin .zzjoin_in .buzhou li span{ display:block; height:60px; width:60px; margin:60px auto; font-size:36px; line-height:60px; border-radius:30px; border:solid 1px #333; color:#333;}
.zzjoin .zzjoin_in .buzhou li span:hover{ -webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; color: #fff;}
.zzjoin .zzjoin_in .buzhou li h2{ font-size:18px; color:#333; margin-bottom:30px;}
.zzjoin .zzjoin_in .buzhou li p{ font-size:12px; line-height:20px; color:#666; width:200px; margin:0 auto 60px;}
.csjoin{ width:100%; overflow:hidden; padding:100px 0; background-color:#fff; }
.csjoin .csjoin_in{ width:60%; margin:0 auto;}
.csjoin .csjoin_in .csjoinleft{ float:left; width:50%;}
.csjoin .csjoin_in .csjoinleft h1{ font-size:30px; margin-left:50px; margin-top:70px; color:#333; line-height:80px;}
.csjoin .csjoin_in .csjoinleft span{ font-size:14px; color:#666; line-height:30px; margin-left:50px; line-height:40px;}
.csjoin .csjoin_in .csjoinleft .gang{ height:2px; width:40px; background-color:#333;  margin:30px 0 60px 50px;}
.csjoin .csjoin_in .csjoinleft p{ font-size:14px; color:#666; line-height:24px; width:400px; margin-left:50px; margin-bottom:40px;}
.csjoin .csjoin_in .csjoinleft img{ width:100%; height:300px;}
.csjoin .csjoin_in .csjoinright{ float:left; width:50%; background-color:#f5f5f5; height:644px;}
.csjoin .csjoin_in .csjoinright ul{ width:100%; background:url(../img/joinbj.png) no-repeat; padding-top:20px;}
.csjoin .csjoin_in .csjoinright ul li{ width:100%; padding:50px 0 30px 0;}
.csjoin .csjoin_in .csjoinright ul li .step{ float:left; width:30%; text-align:right; font-size:18px; color:#999;}
.csjoin .csjoin_in .csjoinright ul li .stepin{ float:left; width:70%; text-align:left;}
.csjoin .csjoin_in .csjoinright ul li .stepin h3{ font-size:18px; color:#333; padding-left:30px; line-height:18px; margin-left:40px; background:url(../img/huiduihao.png) no-repeat; }
.csjoin .csjoin_in .csjoinright ul li:hover .step{color:#f54242;}
.csjoin .csjoin_in .csjoinright ul li:hover .stepin h3{ color:#f54242;  background:url(../img/hongduihao.png) no-repeat;}
.csjoin .csjoin_in .csjoinright ul li .stepin p{ width:70%; margin-left:40px; font-size:12px; color:#666; line-height:20px; margin-top:20px; }

/*新闻中心*/
.news_in{ width:100%; display:block; overflow:hidden; text-align:center;}
.news_in ul{ max-width:1000px; margin:0 auto;  padding:100px 0;}
.news_in ul li{ float:left; width:250px; height:500px;}
.news_in ul li img{ width:250px;}
.news_in ul li .dongtai{ height:250px;}
.news_in ul li .dongtai p{ font-size:34px; color:#333; padding-top:60px; }
.news_in ul li .dongtai span{ font-size:16px; color:#666; line-height:36px;}
.news_in ul li .dongtai .xian{ width:40px; height:1px; background-color:#333; margin:0 auto; margin-top:30px;}
.newsin_list{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.newsin_list ul li{ padding:60px 0; border-bottom:solid 1px #f5f5f5; }
.newsin_list ul li .boxin{ width:70%; margin:0 auto;}
.newsin_list ul li .boxin .img_in{ float:left; width:44%; height:300px;}
.newsin_list ul li .boxin .img_in:hover img{ }
.newsin_list ul li .boxin .img_in img{ width:100%;}
.newsin_list ul li .boxin .text_in{ float:left; width:56%;}
.newsin_list ul li .boxin .text_in:hover h1{ color:#f54242;}
.newsin_list ul li .boxin .text_in h1{ margin-left:40px; font-size:24px; line-height:80px; color:#333;}
.newsin_list ul li .boxin .text_in span{ margin-left:40px; font-size:12px; line-height:40px; color:#999; padding-left:30px; background:url(../img/time.png) no-repeat;}
.newsin_list ul li .boxin .text_in p{ margin-left:40px; font-size:14px; line-height:30px; color:#666; margin-top:20px;}
.newsin_list ul li .boxin .text_in .quanwen{ margin-left:40px; margin-top:40px; width:160px; border:solid 1px #333; text-align:center;}
.newsin_list ul li .boxin .text_in .quanwen a{ font-size:16px; color:#333; line-height:40px;}
.newsin_list ul li .boxin .text_in .quanwen:hover{-webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #333 0.2em, rgba(0, 0, 0, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; }
.newsin_list ul li .boxin .text_in .quanwen:hover a{color: #fff;}

/*关于我们*/
.jianjie{ width:100%; margin:100px 0; background:url(../img/jianjiebj.png) no-repeat; width:100%;}
.jianjie .jianjie_in{ width:24%; margin-left:52%; padding-bottom:100px;}
.jianjie .jianjie_in img{ margin:44px 0; }
.jianjie .jianjie_in h1{ font-size:30px; line-height:70px; color:#333;}
.jianjie .jianjie_in .gang{ width:30px; height:4px; background-color:#333; margin-bottom:30px;}
.jianjie .jianjie_in p{ font-size:14px; line-height:30px; color:#333;}
.jianjie .jianjie_in dl{ margin:60px 0;}
.jianjie .jianjie_in dl dt{ font-size:14px; line-height:30px; color:#333;}
.jianjie .jianjie_in dl dd{font-size:14px; line-height:30px; color:#333;}
.fazhan{ width:100%; overflow:hidden;}
.fazhan .fztitle{ width:30%; margin:0 auto 80px; }
.fazhan .fztitle img{ width:100%;}
.fazhan .fazhan_in{ width:100%; position:relative;}
.fazhan .fazhan_in img{ width:100%;}
.fazhan .fazhan_in .licheng{ width:100%; text-align:center; position:absolute; top:80px; background:url("../img/fazhanxian.png") no-repeat; background-position:center top;}
.fazhan .fazhan_in .licheng .lc{ width:30%; height:100px;}
.fazhan .fazhan_in .licheng .fazhan01{ margin-left:22%; margin-top:80px;}
.fazhan .fazhan_in .licheng .fazhan02{ margin-left:54%; }
.fazhan .fazhan_in .licheng .fazhan03{ margin-left:22%; margin-bottom:30px;}
.fazhan .fazhan_in .licheng .fazhan04{ margin-left:54%; }
.fazhan .fazhan_in .licheng .fazhan05{ margin-left:22%; margin-bottom:30px;}
.fazhan .fazhan_in .licheng .fazhan06{ margin-left:54%; } 
.fazhan .fazhan_in .licheng .fazhan07{ margin-left:22%; margin-bottom:30px;}
.fazhan .fazhan_in .licheng .fazhan08{ margin-left:54%; margin-bottom:60px; }

.fazhan .fazhan_in .licheng .lc .time{ float:left; width:15%; background-color:#f54242; padding:4px;}
.fazhan .fazhan_in .licheng .lc:hover .time{-webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #f54242 0.2em, rgba(245, 66, 66, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #f54242 0.2em, rgba(245, 66, 66, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #f54242 0.2em, rgba(245, 66, 66, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #f54242 0.2em, rgba(245, 66, 66, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em;}
.fazhan .fazhan_in .licheng .lc .time .time_in{ border:solid 1px #fff; padding:10px;}
.fazhan .fazhan_in .licheng .lc .time .time_in p{ font-size:22px; color:#fff;}
.fazhan .fazhan_in .licheng .lc .time .time_in span{ font-size:12px; color:#fff;}
.fazhan .fazhan_in .licheng .lc .fazhan01_in{ float:left; margin-left:20px; text-align:left; width:74%;}
.fazhan .fazhan_in .licheng .lc .fazhan01_in h1{ font-size:16px; color:#fff; margin-bottom:20px;}
.fazhan .fazhan_in .licheng .lc .fazhan01_in p{ width:80%; font-size:12px; line-height:16px; color:#fff;}

.team{ width:100%; overflow:hidden; margin-bottom:100px; text-align:center;}
.team .fztitle{ width:16%; margin:80px auto; }
.team_in{ width:100%; }
.box_swipe { width:30%; margin:0 auto;  position: relative; z-index: 1; clear:both; display:block;  padding-bottom:80px;}
.box_swipe ul { width:40%; margin:0 auto; }
.box_swipe ul li{ width:100%; text-align:left; position:relative;}
.box_swipe ul li .team_jiashao{ position:absolute; bottom:0; width:90%; background-color:rgba(0,0,0,0.5); text-align:center; display:none;}
.box_swipe ul li .team_jiashao p{ font-size:18px; color:#fff; line-height:60px;}
.box_swipe ul li:hover .team_jiashao{ display:block;}
.box_swipe ul li img { width:90%; }
.box_swipe ul li:hover{ visibility: visible;
    animation-duration: 2s;
    animation-iteration-count:2;
    animation-name: pulse; }
.box_swipe ol { position:absolute; z-index:10; bottom:0; width:100%; text-align: center; display:block;  }
.box_swipe ol li { display: inline-block; margin:0px 4px 0px; width: 12px; height: 12px; background-color: #333; border-radius: 12px; }
.box_swipe ol li.on { background-color: #333;width: 40px; height: 12px; }

/*联系我们*/
.contact{ width:60%; overflow:hidden; margin:100px auto;}
.contact .conleft{ float:left; width:50%; }
.contact .conleft .dizhi h1{ font-size:24px; color:#333; line-height:50px;}
.contact .conleft .dizhi h1 span{ font-size:16px; color:#999; margin-left:12px;} 
.contact .conleft .dizhi p{ font-size:16px; line-height:60px; color:#666;}
.contact .conleft .phone{ margin-top:40px;}
.contact .conleft .phone dt h1{ font-size:24px; color:#333; line-height:50px;}
.contact .conleft .phone dt h1 span{ font-size:16px; color:#999; margin-left:12px;} 
.contact .conleft .phone dd{ font-size:16px; line-height:30px; color:#666;}
.contact .conright{ float:left; width:50%;}
.contact .conright .table h1{ font-size:24px; color:#333; line-height:50px;}
.contact .conright .table h1 span{ font-size:16px; color:#999; margin-left:12px;}
.contact .conright .table .xingming{ width:80%; background-color:#fff; border:solid 1px #ccc; font-size:16px; color:#333; line-height:40px; padding-left:20px;
 margin:30px 0;}
.contact .conright .table .xingming input{ font-size:16px; color:#999; line-height:40px; border:none; margin-left:10px;}
.contact .conright .table .dianhua{ width:80%; background-color:#fff; border:solid 1px #ccc; font-size:16px; color:#333; line-height:40px; padding-left:20px;
 margin:30px 0;}
.contact .conright .table .dianhua input{ font-size:16px; color:#999; line-height:40px; border:none; margin-left:10px;}
.contact .conright .table .liuyan textarea{ width:80%; height:150px; border:solid 1px #ccc; background-color:#fff; font-size:16px; color:#333; line-height:30px; padding: 10px 12px; font-weight:normal; }
.contact .conright .table .tijiao{ width:80%; padding:0 12px; text-align:center; background-color:#333; line-height:36px; margin-top:40px;}
.contact .conright .table .tijiao a{ color:#fff;}

/*新闻内页*/
.neirong{ width:60%; margin:0 auto; padding:80px 0;}
.neirong h1{ font-size:32px; line-height:60px; text-align:center; color:#333; }
.neirong span{ font-size:14px; color:#999; display:block; text-align:center; margin-bottom:60px;}
.neirong p{ font-size:16px; color:#666; line-height:30px; margin-bottom:30px;text-indent:2em}
.neirong img{ width:100%; margin-bottom:30px;}
.next{ width:60%; margin:0 auto; text-align:right; padding-bottom:80px;}
.next p{ font-size:16px; text-decoration:underline; }
.next p a{ color:#999;}