@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.topbar{position: fixed;top:0;z-index: 1000;}
.Topa{ width:100%; background-color:#333; }
.Topa ul{ max-width:1200px; margin:0 auto; padding:10px;}
.Topa ul li{ float:left; margin-right:5px;}
.Topa ul li img{ display:block; float:left;}
.Topa ul li .erweima img{width:170px;}
.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;}

.city-list{max-width: 160px; background:rgba(0,0,0,0.8); padding:10px; position:absolute; z-index:1000; margin-top:10px; display:none; color: #fff;}
.city-list a{color:#fff; font-size: 12px;padding: auto 20px;}
.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: #009bf0;  border:solid 1px #009bf0; }
.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-fly2{height:15vh !important}
.hc-fly2 .fly-one{font-size:54px !important;}
.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; padding:10px 0 20px; margin:0 auto; background:rgb(255 255 255 / 80%); 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;transition: all 0.45s ease-in-out; padding:10px 0 20px;}
.index-nav{width:1200px; position:relative; 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; min-width:125px; margin-right:20px;line-height: 40px;text-align: center;}
.index-nav-frame-line a{ color:#000; display: block;}
.index-nav-frame-line:hover a,.index-nav-frame-line:hover a{color:#fff;}
.index-nav-frame-line.active{background-color:#009bf0;border-radius:40px; }
.index-nav-frame-line.active a{color:#fff; }
.index-nav-frame-line:hover{color:#fff; background-color:#009bf0; border-radius:40px; font-weight:600;}
.index-nav-frame-line-center{min-width: 140px; opacity: 0;height: 0;position: fixed;overflow: hidden;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;padding: 0 15px;}
.index-nav-frame-line-li:hover a{color: #009bf0;}
.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; margin-top:-70px; 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; padding-top:80px; text-align:center; height:1500px;}
.guanyulz img{ width:20%; margin:0 auto;}
.guanyulz h1{ font-size:24px; color:#333; line-height:80px; }
.guanyulz .first-p{ width:50%; margin:0 auto; font-size:15px; color:#333; line-height:36px;}
.guanyulz p.second-p{width:50%; margin:0 auto; font-size:15px; 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:#009bf0;}
.youshi .youshibox .ysleft li .miaoshu p{ font-size:16px; color:#666; line-height:30px; margin-top:20px; margin-left:60px; width:225px; }
.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:#009bf0;}
.youshi .youshibox .ysright .miaoshu p{font-size:16px; color:#666; line-height:30px; margin-top:20px; margin-left:60px; width:225px;}
.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;padding:70px 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(../images/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:#009bf0;}
.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(../images/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:#009bf0;}
.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:#009bf0;}
.thenews .news ul li.newsthr .newslist:hover{ background-color:#009bf0;}
.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; }

/*底部*/
.copyright a{color:#fff;}
.bottom{ width:100%; overflow:hidden; background:#0e111c url(../images/dibubj.jpg) no-repeat center; background-size:100% 100%;}
.bottomone{width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}
.bottomone .oneleft{ float:left; width:210px; 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:20px;padding:10px 0;}
.bottomone .oneright dl{ float:left; min-width:120px; text-align:right;margin-right: 20px;}
.bottomone .oneright dl dt{ font-size:16px; line-height:36px;}
.bottomone .oneright dl dt a{ color:#fff;}
.bottomone .oneright dl dt a:hover{ color:#fff;}
.bottomone .oneright dl dd{ font-size:14px; line-height:24px;}
.bottomone .oneright dl dd a{ color:#fff;}
.bottomone .oneright dl dd a:hover{ color:#fff;}
.bottomtwo{width:1000px; margin:0 auto; }
.bottomtwo .twoleft{ float:left; width:360px; padding:50px 0;}
.bottomtwo .twoleft img{ width:200px;}
.bottomtwo .tworight{ float:right;padding:0 0 20px;}
.bottomtwo .tworight li{ float:left; margin-left:30px; text-align:center;}
.bottomtwo .tworight li img{ width:100px;}
.bottomtwo .tworight li span{ font-size:12px; line-height:26px; color:#fff; display:block;}
.copyright{  font-size:14px; color:#fff; float: left; line-height: 24px; padding-top: 40px;}
.beian{ text-align:center;  font-size:12px; margin-bottom:16px;}
.beian a{ color:#fff;}

/*产品中心*/
.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% 10px 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:50px 0;}
/* .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(../images/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(../images/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:320px; overflow:hidden;}
.zzjoin .zzjoin_in .zzjoin_top .joinimg{  float:left; width:640px; height:320px;}
.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:320px; 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:15px; color:#666; line-height:24px;}
.zzjoin .zzjoin_in .zzjoin_top .jieshao img{ margin-left:50px; margin-top:50px;}
.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:665px; box-sizing:border-box; padding:30px 25px; }
.itemnav{display:flex; justify-content:left; padding-bottom:25px;}
.itemnav a{line-height:40px; background:#d2d2d2; color: #000; padding:0 25px; cursor: pointer;}
.itemnav a.active{background:#009bf0; color: #fff;}
.csjoin .csjoin_in .csjoinright ul li{display:none; font-size:14px; line-height:2; color:#333;}
/* .csjoin .csjoin_in .csjoinright ul{ width:100%; background:url(../images/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(../images/huiduihao.png) no-repeat; }
.csjoin .csjoin_in .csjoinright ul li:hover .step{color:#009bf0;}
.csjoin .csjoin_in .csjoinright ul li:hover .stepin h3{ color:#009bf0;  background:url(../images/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:#009bf0;}
.newsin_list ul li .boxin .text_in h1{ margin-left:40px; font-size:24px; line-height:2; 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(../images/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(../images/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:#222;font-weight: bold;}
.jianjie .jianjie_in .gang{ width:30px; height:4px; background-color:#333; margin-bottom:30px;}
.jianjie .jianjie_in p{ font-size:15px; line-height:2; 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("../images/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:#009bf0; padding:4px;}
.fazhan .fazhan_in .licheng .lc:hover .time{-webkit-animation: halftone 1s forwards; animation: halftone 1s forwards; background: -webkit-radial-gradient(circle, #009bf0 0.2em, rgba(245, 66, 66, 0) 0.25em) 0 0/1.25em 1.25em, -webkit-radial-gradient(circle, #009bf0 0.2em, rgba(245, 66, 66, 0) 0.25em) 6.25em 6.25em/1.25em 1.25em; background: radial-gradient(circle, #009bf0 0.2em, rgba(245, 66, 66, 0) 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle, #009bf0 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:20px;}
.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{ font-family: Arial, Helvetica, sans-serif; width:80%; height:180px; 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 button{cursor: pointer; color: #fff; border: none; 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: auto; max-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;}
.partnerlist{width:70%; margin:40px auto 0;}
.partnerlist ul{gap:20px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(5,minmax(0,1fr));
}
.partnerlist ul li img{width:100%;}
.partnerlist ul li:hover img{box-shadow:0 0 12px rgba(0,0,0,0.1);}
.page{background: #fff; padding:40px 0px; text-align:center; font-size:15px;}
.pinpai ol{gap:40px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
}
.pinpai ol li img{width: 100%; vertical-align:bottom;}
.newslist ul{gap:30px;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	width: 70%;
	margin:0 auto;
	padding:20px 0 60px;
	text-align: left;
}
.newslist ul li{display:flex; justify-content:space-between; align-items:center;}
.newslist ul li img{width: 100%;transition: all 0.3s ease-in-out;}
.newslist ul li .img{width:40%; overflow:hidden; border-radius:5px;}
.newslist ul li .txt{width:55%;}
.newslist ul li h3 a{font-size:16px; color:#333; font-weight:bold; display:block; padding-bottom:10px;}
.newslist ul li span{font-size:14px; color:#999;}
.newslist ul li p{font-size:14px; line-height:24px; color:#666; padding-top:10px;}
.newslist ul li img:hover{transform: scale(1.08);}
.newslist ul li h3 a:hover{color:#009bf0;}
.topbanner ul li{position:relative;}
.topbanner ul li:after{background-color:rgb(16 134 255 / 70%); width: 100%; height: 100%; content: ''; position:absolute; top:0; left:0;}
.hc-fly{text-align:center; color:#fff; }
.hc-fly .fly-one{font-size: 64px; font-weight:bold;}
.hc-fly .fly-two{font-size:18px;font-weight: 400;line-height: 1.8; padding:20px 0 30px;}
.hc-fly .fly-three{display:flex; justify-content:center;}
.hc-fly .fly-three a{padding: 18px 25px; width:180px; margin:0 8px; background:#009bf0; color: #fff;border-radius: 30px; transition: 0.1s linear; font-size:16px;}
.hc-fly .fly-three a:hover{background:#fff; color: #009bf0;}
.brandbox{background: #fff; position:relative;background: url(../images/bg2.jpg) no-repeat top center; padding-bottom:50px;}
.brandbox:after{background:#0c1328 url(../images/bg2.jpg) no-repeat top center; position:absolute; top:0; width: 100%; height:0; content: ''; z-index: 0;}
.brandbox ul{width:1200px;  padding:0 0 60px; position: relative; text-align:center; z-index: 2; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.brandbox ul li{color:#fff;}
.brandbox ul li i{width:90px; font-size:40px; line-height:90px; display: block; height:90px; margin:0 auto; border-radius:100%; box-sizing:border-box;border:1px solid #fff;}
.brandbox ul li p{font-size:16px;padding-top:12px;}
.brandbox ul .line span{color: #fff; font-size: 40px; position: relative; top: -12px;}
.joinbox{width:1200px;  padding:70px 240px 50px; box-sizing:border-box; margin:0 auto; background: #fff;box-shadow: 0px 5px 10px #eae9ee; border-radius: 5px; position: relative; z-index:2;}
.joinbox h3{font-size: 27px; color: #111; padding-bottom:30px; font-weight:bold;text-align: center;}
.joinbox .img{width:43%;}
.joinbox .img img{width:100%;}
.joinbox .join{width:55%;}
.joinbox .input{display:flex; justify-content:space-between; padding-bottom:20px;}
.joinbox .input input{box-sizing:border-box; border-radius:3px; padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.joinbox .input2 input{width:49%;}
.joinbox .input select{box-sizing:border-box;padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.joinbox .input textarea{box-sizing:border-box;border-radius:3px; resize:none; font-family:"微软雅黑"; height:125px; padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.joinbox .input:first-child input{width:48%;}
.joinbox button{border:none; background:#009bf0; font-size:16px; color:#fff; cursor: pointer; border-radius:27px; line-height:54px; width: 180px; margin: auto; display: block;}
.joinbox button:hover{background:#15a0ec;}
.brandbox .title{padding:50px 0; text-align:center; color:#fff; position: relative; z-index:2;}
.brandbox .title h3{font-size:30px; font-weight:bold; letter-spacing:1.5; padding-bottom:12px;}
.honorbox ul{
	gap:20px;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	width:1200px;
	margin:0 auto;
	padding:20px 0 60px;
	text-align: left;
}
.honorbox ul li img{width: 100%;}


.float_qq { position: fixed;top: 50%; right: 0;margin-top: -127px;width: 50px; height: 254px; z-index: 6666}
.float_qq li {width: auto;height: 50px; z-index: 20}
.float_qq li.float_qq1,.float_qq li.float_qq4 {position: absolute;left: 0; width: 62px}
.float_qq li.float_qq1 {top: 0}
.float_qq li.float_qq2 {position: absolute;top: 102px;left: 0; width: 126px}
.float_qq li.float_jf{top: 51px;}
.float_qq li.float_qq3 {position: absolute; top: 51px; left: 0; width: 172px}
.float_qq li.float_qq4 {top:102px}
.float_qq4 {position: absolute;top: 153px;left: 0}
.float_qq li a {display: block;font-family: "Microsoft Yahei"; color: #FFF;font-size: 14px; height: 50px; line-height: 50px; overflow: hidden;background-color: #009bf0; opacity: 0.8;border-radius: 6px}
.float_qq li a img {display: block; float: left; vertical-align: middle; width: 24px;height: 24px;margin: 12px 12px 14px 14px}
.float_qq li a:hover {background-color: #15a0ec; opacity:1}
.float_shwx {display:none; position: absolute; top:-265px; left:-122px; background: url(../images/float_wxbd.png) no-repeat bottom right; width: 120px; height: 285px;}
.float_shwx img {display: block; background-color: #FFF; width:100%;}
.float_qq li.float_qq3 a span{line-height: 18px; display: block; padding: 7px 2px;}
.float_shwx{overflow: hidden;}
.float_shwx dd{background:#fff;text-align:center; font-size:12px;}
.float_shwx dd:nth-child(2){padding-bottom:5px;}
.whitebg{background:#fff;}
.tedianbox ul li img{border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.05);}
.haboutbox{width:1200px; display:flex; justify-content:space-between; margin:0 auto; padding:60px 0; align-items:center;}
.haboutbox .habout{width:43%;}
.haboutbox .advbox{width:53%;}
.haboutbox .habout .title h3{font-size:42px; color:#111; font-weight:bold;}
.haboutbox .habout .title p{font-family: "ROboto"; font-size: 20px; font-weight: 500; color: #6a6b71; padding:20px 0px;}
.haboutbox .habout .content{color: #444; font-size:16px; font-weight: 400; line-height:2.5;}
.haboutbox .habout .content p{line-height:2.2 !important;}
.haboutbox .habout .more{padding-top:30px;}
.haboutbox .habout .more a{font-size: 15px; text-align:center; align-items:center; background: #1086ff; justify-content: center; box-sizing:border-box; color: #fff; font-weight: 600; text-transform: capitalize; display:flex; padding: 18px 25px; width: 180px; transition: 0.1s linear; text-align: center; border-radius: 30px; overflow: hidden;}
.haboutbox .habout .more a i{margin-left:5px; font-size:16px;}
.haboutbox .habout .more a:hover{background:#2b92f9;}
.haboutbox .advbox ul{gap:30px; text-align: center; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
.haboutbox .advbox ul li .support-icon{background: #e4e8f9; margin:0 auto; height:90px; width:90px; border-radius:100%; padding: 27px; box-sizing:border-box;}
.haboutbox .advbox ul li h3{font-size:20px; color: #111111; font-weight: 900; padding:15px 0; transition: 0.5s;}
.haboutbox .advbox ul li p{color: #63666b; font-size:15px; padding:0 20px; font-weight: 400; line-height: 1.8;}
.hconditionbox{background:#eff3f9 url(../images/bg.png) no-repeat center;padding:60px 0;}
.hcondition{width:1200px; margin:0 auto; box-sizing:border-box; padding-right:550px;}
.hcondition .title h3{font-size:42px; color:#111; font-weight:bold;}
.hcondition .title p{font-family: "ROboto"; font-size: 20px; font-weight: 500; color: #6a6b71; padding:20px 0px;}
.hcondition ul{gap:20px; padding:30px 0 0; text-align: center; display: grid; grid-template-columns: repeat(4,minmax(0,1fr));}
.hcondition ul li{position:relative;}
.hcondition ul li p{font-size:14px; line-height:1.5; color:#222;}
.hcondition ul li span{display:block; width:44px; height:44px; font-size:16px; margin:0 auto 8px; line-height:44px; text-align:center; border-radius:100%; background:#e4e8f9; color: #000;}
.processbox{padding:70px 0;}
.processbox .title{text-align:center; padding-bottom:30px;}
.processbox .title h3{font-size:42px; color:#111; font-weight:bold;}
.processbox .title p{font-family: "ROboto"; font-size: 20px; font-weight: 500; color: #6a6b71; padding:20px 0px;}
.processbox ul{width:1200px;  padding:0 0 20px; position: relative; text-align:center; z-index: 2; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.processbox ul li{color:#009bf0;}
.processbox ul li i{width:90px; font-size:40px; line-height:90px; background:#e4e8f9; display: block; height:90px; margin:0 auto; border-radius:100%; box-sizing:border-box;border:1px solid #fff;}
.processbox ul li p{font-size:16px;padding-top:12px; font-weight:bold; color:#111;}
.processbox ul .line span{color: #c4ccee; font-size: 40px; position: relative; top: -12px;}
.thenews .title{text-align:center; padding-bottom:30px;}
.thenews .title h3{font-size:42px; color:#111; font-weight:bold;}
.thenews .title p{font-family: "ROboto"; font-size: 20px; font-weight: 500; color: #6a6b71; padding:20px 0px;}
.hsupportbox{background:url(../images/guanyubg.png) no-repeat center; padding:50px 0;}
.hsupportbox .title{text-align:center; padding-bottom:30px;}
.hsupportbox .title h3{font-size:42px; color:#111; font-weight:bold;}
.hsupportbox .title p{font-family: "ROboto"; font-size: 20px; font-weight: 500; color: #6a6b71; padding:20px 0px;}
.hsupportbox ul{gap:0; background:#fff;width:1200px; margin:0 auto; text-align: center; display: grid; grid-template-columns: repeat(5,minmax(0,1fr));}
.hsupportbox ul li{padding:20px;}
.hsupportbox ul li h3{font-size:18px; font-weight:bold; padding-bottom:10px; color:#009bf0;} 
.hsupportbox ul li p{font-size:14px; line-height:24px; color:#666;}
.hsupportbox ul li:nth-child(2),
.hsupportbox ul li:nth-child(4),
.hsupportbox ul li:nth-child(6),
.hsupportbox ul li:nth-child(8),
.hsupportbox ul li:nth-child(10)
{background:#eff3f9;}
.hsupportbox ul li:hover{background:#009bf0;}
.hsupportbox ul li:hover h3,.hsupportbox ul li:hover p{color:#fff;}
.htel{position:absolute; color:#009bf0; display:flex;align-items:center; right:0;line-height: 40px;}
.htel span{font-size:30px; margin-right:10px;}
.htel p{font-size:16px; font-weight:bold;}
.haboutbox .advbox ul li{cursor: pointer;}
.haboutbox .advbox ul li:hover h3{color: #009bf0;}

.hcondition{position: relative;}
.hjoinbox{ height:530px; padding:30px; width:450px; position:absolute; right:0; top:90px; box-sizing:border-box; margin:0 auto; background:rgba(255, 255, 255,0.8);border-radius: 5px; z-index:2;}
.hjoinbox h3{font-size:20px; text-align:center; color: #111; padding-bottom:30px; font-weight:bold;}
.hjoinbox .input{display:flex; justify-content:space-between; padding-bottom:15px;}
.hjoinbox .input input{box-sizing:border-box;padding:15px 15px;font-size: 15px; width:100%; color:#333;background: #fff; border:none;}
.hjoinbox .input select{box-sizing:border-box;padding:15px 15px;font-size: 15px; width:100%; color:#333;background: #fff; border:none;}
.hjoinbox .input textarea{box-sizing:border-box; resize:none; font-family:"微软雅黑"; height:100px; padding:15px 15px;font-size: 15px; width:100%; color:#333;background: #fff; border:none;}
.hjoinbox .input:first-child input{width:48%;}
.hjoinbox{text-align:center;}
.hjoinbox button{border:none; background:#009bf0; font-size:16px; color:#fff; cursor: pointer; border-radius:24px; line-height:48px; width: 180px;}
.hjoinbox button:hover{background:#15a0ec;}
.topnav.topbar .index-nav-frame-line a{color:#fff;}
.topnav.topbar .htel{color:#fff;}

.tjoinbox{width:50%;}
.tjoinbox h3{font-size: 27px; color: #111; padding-bottom:30px; font-weight:bold;}
.tjoinbox .img{width:43%;}
.tjoinbox .img img{width:100%;}
.tjoinbox .join{width:55%;}
.tjoinbox .input{display:flex; justify-content:space-between; padding-bottom:20px;}
.tjoinbox .input input{box-sizing:border-box; border-radius:3px; padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.tjoinbox .input2 input{width:49%;}
.tjoinbox .input select{box-sizing:border-box;padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.tjoinbox .input textarea{box-sizing:border-box;border-radius:3px; resize:none; font-family:"微软雅黑"; height:125px; padding:18px 15px;font-size: 15px; width:100%; color:#333;background: #eff3f9; border:none;}
.tjoinbox .input:first-child input{width:48%;}
.tjoinbox button{border:none; background:#1086ff; font-size:16px; color:#fff; cursor: pointer; border-radius:27px; line-height:54px; width: 180px;}
.tjoinbox button:hover{background:#2b92f9;}
.fbottom{position:fixed; border-radius:5px 0 0 5px; text-align:center; width:160px; right:0; top:40%; z-index:101; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);} 
.fbottom img{width:100%;}
.fbottom .chatewm{padding:10px 5px 5px;}
.fbottom .tel{padding:15px 10px 0;}
.fbottom .tel p{font-size:30px; color:#009bf0;}
.fbottom .tel h3{font-size:16px; color:#009bf0; font-weight:bold; line-height:1.2;}
.hhti{text-align:center;}
.hhti h3{font-size:30px; color:#222;font-weight:bold;}
.hhti p{color: #939393;text-transform: uppercase; font-size:16px; padding-top:5px;}
.teamimg{width:100%;max-width:1200px;margin:0 auto;}
.index-title .t1 {
	text-align: center;
	font-size:36px;
	line-height:1.2;
	font-weight:bold;
	padding-bottom:5px;
   }
   .index-title .t2 {
	text-align: center;
	color: #666;
	font-size: 16px;
  }

.hproductbox{padding-bottom:50px;}
.hti{padding:50px 0 30px; text-align:center;}
.hti h3{font-size: 36px; color:#0074c7; font-weight:bold; padding-bottom:5px;}
.hti p{font-size:16px; color:#333;}
.hnav{display:flex; gap:10px; line-height:40px; justify-content:center;}
.hnav a{display:block; color:#fff; background:#0074c7; padding:0 14px; border-radius:20px; font-size:16px;}
.hnav a.active{background:#42bf95;}
.hproductbox .list{padding:30px 0 10px;}
.hproductbox .list ul{display:none;}
.hproductbox .list ul .box{display:grid; gap:20px; grid-template-columns:repeat(4,1fr); text-align:center;}
.hproductbox .list ul .box .img{overflow: hidden;}
.hproductbox .list ul .box img{width:100%; transition: all 0.3s ease-in-out;}
.hproductbox .list ul .box .txt{line-height:30px; padding-top:10px; font-size:16px;}
.hproductbox .list ul .box .txt a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; max-width: 285px; display: block;}
.hproductbox .list ul li:hover img{transform: scale(1.05);}
.hproductbox .list ul li:hover p a{color:#037bd0;}
.advant {background:url(../images/nbg.jpg) top center no-repeat;background-size:cover;padding:70px 0;overflow:hidden;}
.advant .t1,.advant .t2 {color:#fff;}
.advant li {margin-top:50px;}
.advant .advantBox {background:#fff;}
.advant .adTxt {height:260px;}
.advant .advantBox .adItem {background:rgba(6, 103, 224, 0.9); text-align:center; width:110px;height:110px;margin:-60px auto 0;position:relative;border-radius:100%;color:#fff;line-height:1.5;padding-top:15px;box-sizing:border-box;}
.advant .advantBox .adItem h3 {font-size:30px;font-weight:bold;}
.advant .advantBox .adItem h6 {font-size:18px;font-weight:bold; margin:0;}
.advant p {padding:15px;color:#333;line-height:1.8; font-size:14px;}
.aboutus {padding:60px 0 20px; }
.hproductbox .container,.hproductbox .container {
	width: 1200px;
	margin: 0 auto;
  }
  .layui-container {
	width: 1230px;
  }
  .layui-container {
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
  }
  .advant ul{display:grid; grid-template-columns:repeat(4,1fr); gap:15px;}