
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, a, input, textarea,
th, td {
    margin: 0;
    padding: 0;
    font-family:"微软雅黑";
}
ul{list-style: none;}
a{text-decoration: none;}
html,body{width:100%;height:100%;overflow: hidden;min-width:1600px;min-height:930px;}
.main{width:100%;height:100%;position: relative;top:0;left:0;transition: all 0.5s;}
/*蒙版*/
.masking{width:100%;height:120px;position: fixed;top:0;left:0;z-index: 100;border-bottom:1px solid #ccc;background:#fff;}
/*导航*/
.fixed{width:1100px;height:120px;position: fixed;top:0;left:50%;transform:translate(-50%,0%);z-index: 1000;}
.fixed li>img{width:240px;margin-right:20px;padding-top:40px;cursor:pointer;}
.fixed li{margin-right:20px;display: inline-block;}
.fixed li a{position: relative;top:23px;color:#000;padding:5px 10px;text-decoration: none;transition: all 0.5s;font-size:16px;display: inline-block;}
.fixed li .act{color:#e1e0e1;transition: all 0.5s;display: inline-block;}
.fixed li .active{padding:5px 10px;color:#fff;background:#f59739;transition: all 0.5s;display: inline-block;}
/*侧栏*/
.rool{width:15px;position: fixed;right:7.86458%;top:50%;transform:translate(0%,-50%);z-index: 1000;}
.rool li{width:15px;height:15px;border:1px solid #ccc;margin-bottom:15px;border-radius: 50%;transition:all 0.5s;cursor:pointer;}
.rool li.actis{width:15px;height:15px;transition:all 0.5s;margin-bottom:15px;border:1px solid #f59739;background:#f59739;border-radius: 50%;cursor:pointer;}

/*首页*/
.home,.services,.our,.contact,.about,.show,.news{width:100%;height:100%;left:0;right:0;position:absolute;overflow: hidden;}
.home-box,.services-box,.our-box,.contact-box,.about-box,.show-box,.news-box{margin:auto;width:100%;height:100%;}
.home-img{width:100%;height:100%;position: absolute;top:0px;left:0;}
.home{top:0;}
.home-box{padding-top:178px;}
.home-center{width:100%;margin-top:10%;position: relative;}
.home-center>img:first-child{width:9.47916%;margin-left:27.60416%;}
.home-center>img:nth-child(2){width:30.72916%;margin-left:2.60416%;}
.home-center>div{ margin-top:3%;margin-left:40%;}
.home-center>div>img{
	width:3.5%;opacity:0;
}
.home-center>div>img:nth-child(1){
	animation: myfirst 0.1s  linear 2s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(2){
	animation: myfirst 0.1s  linear 2.1s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(3){
	animation: myfirst 0.1s  linear 2.2s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(4){
	animation: myfirst 0.1s  linear 2.3s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(5){
	animation: myfirst 0.1s  linear 2.4s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(6){
	animation: myfirst 0.1s  linear 2.5s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(7){
	animation: myfirst 0.1s  linear 2.6s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(8){
	animation: myfirst 0.1s  linear 2.7s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(9){
	animation: myfirst 0.1s  linear 2.8s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(10){
	animation: myfirst 0.1s  linear 2.9s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(11){
	animation: myfirst 0.1s  linear 3s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(12){
	animation: myfirst 0.1s  linear 3.1s;
	animation-fill-mode:forwards;
}
.home-center>div>img:nth-child(13){
	animation: myfirst 0.1s  linear 3.2s;
	animation-fill-mode:forwards;
}



@keyframes myfirst
{
	from {
		opacity:0;}
	to {
		opacity:1;}
}




.home-bottom{width:80px;position: absolute;left:47.5%;bottom:50px;transform:translate(0%,-50%);text-align:center;z-index: 100;}
.home-bottom img:last-child{position: absolute;left:34%;bottom:-20px;}
/*公司简介*/
.about{top:100%;}
.about-img{width:100%;height:100%;position: absolute;top:0px;left:0;}
.about-top{width:760px;height:138px;position: relative;z-index: 10;padding-top:120px;text-align: center;margin:auto;}
.about-top img{margin-top:50px;}
.about-center{width:62.5%;height:100%;background:#fff;margin:200px auto;text-align: center;}
.intro{width:100%;font-size: 0;z-index: 10;position: relative;margin:auto;background:#fff;padding-bottom:10px;}
.intro img{width:33.3333%;position: relative;cursor: pointer;transition: all 0.5s;}
.text{margin-top:5.69811%;}
.intro p{font-size:14px;color:#000;margin-top:20px;}

/*产品信息*/
.services{top:200%;}
.services-img{width:100%;height:100%;position: absolute;top:0px;left:0;}
.services-center{width:72.5%;height:37.98969%;margin:auto;margin-top:200px;text-align: center;}
.swiper-container{width:100%;position: relative;}

.photo{width:50%;}
.swiper-button-white{margin-left:-10px;}

.services-text{position: relative;top:-190px;left:20%;}
#xpgy{position: relative;top:280px;left:20px;color:#74b7fc;font-size: 24px;display: inline-block;padding-right:8.02083%;}
#xpgy>img{position: relative;top:30px;}
#services-js{width:500px;position:relative;top:300px;left:500px;color:#cfd1d3;display: inline-block;}
.services-active{height:100%;transform: scale(1);opacity: 1;animation: our-actives 2s;}
@keyframes our-actives{
	from{transition: all 1s;transform: scale(0.01);opacity: 0.5;}
	to{height:100%;transform: scale(1);opacity: 1;}
}

/*客户服务*/
.show{top:300%;}
.show-img{width:100%;height:100%;position: absolute;top:0px;left:0;}
.show-center{min-width:850px;width:62.5%;height:45.93548%;margin:150px auto;text-align: center;}
.show-center li{width:32%;height:100%;display: inline-block;position: relative;cursor:pointer;}
.show-one{width:100%;height:100%;position: absolute;top:0;left:0;padding-top:28.88888%;display:inline-block;}
.show-one img:nth-child(1){width:56.25%;padding-bottom:18.88888%;}
.show-one img:nth-child(3){height:8.25%;}
.show-two{width:100%;height:50%;background:#f7774a;position:absolute;top:0;left:0;padding-top:5%;opacity:0;transition: all 1s;transform:scale(0);}
.show-two img{width:36.25%;padding-bottom:3%;}
.show-two p{color:#ffffff;margin:0px auto;}
.show-two p:nth-child(2){font-size:20px;font-weight:bold;}
.show-two p:last-child{width:90%;font-size:16px;margin-top:3%;text-align: left;line-height:30px;}
.system{background:#55c5ff;}
.service{background:#92cf68;}
/*hover*/
.show-center li:hover .show-one{display: none;transition: all 1s;}
.show-center li:hover .show-two{display: inline-block;transform:scale(1);opacity: 1;}

/*团队介绍*/
.our{top:400%;}
.our-img{width:100%;height:100%;position: absolute;top:0px;left:0;z-index:1;}
.our-center{display:none;width:1200px;height:50.75%;padding-top:50px;padding-bottom:50px;overflow:hidden;margin:200px auto;z-index: 10;position: relative;}
.our-left{width:275px;height:335px;float:left;cursor:pointer;}
.our-left::after{content: '';clear: both;}
.our-active{height:100%;transform: scale(1);opacity: 1;animation: our-actives 2s;}
#our-lunbo{height:50%;text-align: center;}
@keyframes our-actives{
	from{transition: all 1s;transform: scale(0);opacity: 0.5;}
	to{height:100%;transform: scale(1);opacity: 1;}
}
.our-right{width:850px;height:335px;float:right;text-align: center;}
.our-right::after{content: '';clear: both;}
.our-right img{width:278px;cursor:pointer;transition: all 0.5s;}
/*our-right hover*/
.our-right img:hover{transform: scale(1.2);}
.staff-top{padding-bottom:10px;}

.our-one,.our-two{width:90%;cursor: pointer;transition: all 1s;}
.our-center img{width:60%;position: relative;transition: all 1s;border-radius:50%;}
.our-one{padding-top:25%;}
#button-prev{background-image: url(../images/our-left.png);}
#button-next{background-image: url(../images/our-right.png);}
.ours-one{width:60%;margin-top:5px;text-align: center;}
.ours-two{width:65%;margin-top:5px;padding:10px;transform: scale(0);opacity:0;}
.ours-one p,.ours-two p{font-size: 12px;}
.ours-one p:nth-child(1),.ours-two p:nth-child(1){font-size:18px;}
.our-one:hover img,.our-two:hover img{transform: scale(1.2);}
.our-one:hover .ours-one,.our-two:hover .ours-one{display: none;}
.our-one:hover .ours-two,.our-two:hover .ours-two{opacity:1;transition: all 1s;transform: scale(1);}

/*合作伙伴*/
.news{top:500%;}
.news-img{width:100%;height:100%;position: absolute;top:0px;left:0;z-index: -1;}
.news-center{width:1200px;height:410px;margin:200px auto;}
.news-center li{margin-top:10px;background:linear-gradient(#9710f6,#ecca32,#5595c8);padding:1px;display: inline-block;}
.news-center li img{width:292px; cursor:pointer;}

/*联系我们*/
.contact{top:600%;}
.contact-img{width:100%;height:100%;position: absolute;top:0px;left:0;z-index: -1;}
.contact-center{min-width:1000px;width:62.5%;height:100%;margin:150px auto;overflow: hidden;}
.contact-left{width:44.25%;height:100%;float:left;}
.contact-left h3{font-size:24px;color:#bababa;}
.labs{position: relative;color:#d2d2d2;font-size:14px;position: relative;top:40px;left:20px;z-index: 100;}
#mail,#call,#matter{border:1px solid #555555;position: relative;padding-left:60px;background:#404040;outline:none;color:#fff;font-size:14px;}
#mail,#call{width:100%;height:50px;}
#matter{width:100%;height:175px;padding-top:30px;}
#refer{width:180px;height:50px;display:inline-block;text-decoration: none;position:relative;cursor:pointer;line-height:50px;background:#e3e3e3;color:#6c6c6c;font-weight:bold;font-size:18px;margin-top:30px;text-align: center;}
.contact-right{width:47.5%;height:100%;float:right;padding-top:80px;}
.contact-right p{height:22px;font-size:14px;color:#c4b9b9;padding-left:60px;}
.contact-right p:nth-child(1){background: url(../images/dingding.png) no-repeat;}
/*.contact-right p:nth-child(2){background: url(../images/QQ.png) no-repeat;margin-top:20px;}*/
.contact-right p:nth-child(2){background: url(../images/mail.png) no-repeat;margin-top:20px;}
.contact-right p:nth-child(3){background: url(../images/dingwei.png) no-repeat;margin-top:20px;}
.weixin,.doupiao{width:220px;margin-top:65px;padding-right:50px;}
.footer-bottom{margin-top:50px;}
.footer-bottom img{width:50px;margin-right:20px;}
.footer-bottom span{font-size:32px;color:#ebe7e7;font-weight: bold;position: relative;top:10px;}
.contact-bottom{width:100%;color:#acabab;font-size:14px;position: absolute;bottom:0px;left:0;text-align: center;}
.contact-bottom> .contact-bk{width:100%;height:124px;position:absolute;left:0;top:0;background:#fff;opacity: 1;z-index: 1}
.contact-bottom> .contact-wzba{line-height:40px;
    position: relative;
    z-index:2;}
.contact-bottom> ul{width:100%;height:40px;display: flex;justify-content: center;align-items: center;  position: relative;  z-index:2;}
.contact-bottom> ul>li>a>img{width:100%;height:50px;}
#mo{position: absolute;width:13.3%;top:286px;left:43.3%;z-index: 10000;}
#mo>img{width:96%;}
.relation{margin-top:40px;}
.relation span{font-size:26px;color:#ebe7e7;font-weight: bold;}
.relation span:nth-child(1){padding-left:30px;padding-right:120px;}
@media only screen and (max-width: 1600px) {
	html,body{width:100%;height:100%;overflow: hidden;min-width:1366px;min-height:850px;}
	.masking{height:75px;}
	.fixed{height:80px;}
	.fixed li>img{width:200px;padding-top:18px;}
	.fixed li a{top:15px;}
	.about-top{padding-top:75px;height:128px;}
	.text{margin-top:5.69811%;text-align: left}
	.home-bottom{bottom:10px;}
	#xpgy{top:230px;left:100px;}
	#services-js{margin-left:23%;position:relative;top:220px;left:50px;}
	#services-js img{width:90%;}
	.our-center{width:900px;height:50.75%;margin:120px auto;}
	.news-center{width:888px;margin:200px auto;text-align: center;}
	.news-center li img{width:192px;}
	.contact-center{margin:110px auto;}
	#matter{height:115px;padding-top:20px;}
	.footer-bottom{margin-top:10px;font-size:26px;}
	.services-center{width:62.5%;height:37.98969%;margin:auto;margin-top:200px;text-align: center;}
	#mo{position: absolute;width:11.5%;top:299px;left:44.2%;z-index: 10000;}
	#mo>img{width:94%;}
	.weixin,.doupiao{margin-top:25px;}
	.relation{margin-top:20px;}
}
@media only screen and (max-width: 1380px) {
	html,body{width:100%;height:100%;overflow: hidden;min-width:1366px;min-height:850px;}
	/*蒙版*/
	.masking{height:75px;}
	/*导航*/
	.fixed{height:80px;}
	.fixed li>img{width:200px;padding-top:18px;}
	.fixed li a{top:15px;}
	/*首页*/
	.home-center{margin-top:5%;}
	.home-center>div>img{width:3.5%;}
	.home-bottom{bottom:160px;}
	/*公司简介*/
	.about-top{padding-top:75px;height:128px;}
	.about-top img{margin-top:15px;}
	.about-center{margin:100px auto;}
	.text{margin-top:5.69811%;}
	.services-center{height:28%;margin-top:100px;}
	.photo{width:40%;}
	/*产品信息*/
	.services-text{top:-150px;left:18%;}
	#xpgy{top:100px;left:100px;}
	#services-js{margin-left:23%;position:relative;top:100px;left:-20px;}
	.services-bottom{margin-top:100px;}
	/*客户服务*/
	.show-center{min-width:750px;width:52.5%;height:40.93548%;margin:100px auto;}
	.show-two p:last-child{font-size:12px;margin-top:2%;line-height:20px;}
	.show-two img{width:36.25%;padding-bottom:2%;}
	.show-one img:nth-child(1){width:56.25%;}
	.show-one img:nth-child(3){height:8.25%;}
	/*团队介绍*/
	.our-center{width:900px;height:50.75%;margin:100px auto;}
	.our-left{width:235px;height:295px;}
	.our-right{width:850px;height:335px;}
	.our-right img{width:238px;}
	/*合作伙伴*/
	.news-center{width:888px;margin:100px auto;text-align: center;}
	.news-center li img{width:192px;}
	/*联系我们*/
	.contact-center{margin:70px auto;}
	.contact-left{width:34.25%;}
	.contact-right p:nth-child(2){margin-top:20px;}
	.contact-right p:nth-child(3){margin-top:20px;}
	.labs{top:30px;}
	#mail,#call{height:30px;}
	#matter{height:95px;padding-top:10px;}
	#refer{height:30px;margin-top:20px;line-height: 30px;}
	.sao{width:90px;}
	.footer-bottom{margin-top:10px;font-size:26px;}
	.contact-bottom{bottom:0px;font-size:12px;}
	#mo{width:9%;top:204px;left:45.4%;}
	#mo>img{width:96%;}
	.weixin,.doupiao{width:180px;}
	.relation span:nth-child(1){padding-left:10px;padding-right:80px;}
}

