@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1200px){
/*company-nav*/
.company h1{text-align:center;margin-top:3.5%;font-weight:bold;margin-bottom:2.5%;font-size:0.28rem;}
.company p{font-size:0.18rem;text-indent:2em;line-height: 0.36rem;}
.bd{height: auto;margin:0.1rem auto;}
.bd .sp{width:64%;height:auto;float:left;}
.serve{width:30%;float: right;}
.serve ul li{width:50%;float:left;margin-top:8%;}
.serve ul li p{font-size:0.18rem;color: #191919;line-height: 0.48rem;margin-left:0.1rem;}
/*honor css*/
.honor{height: auto;margin:2% auto;}
.honor h1{text-align: center;margin-top:1%;font-size:0.28rem;font-weight:bold;}
.honor p{font-size:0.18rem;text-align:center;line-height: 0.48rem;}
.hon{margin:0 -1.5%;}
.hon ul li{padding:0 1.5%;}
.hon img{width:100%;}
.hon ul li h6{font-size:0.18rem;text-align:center;margin-top: 4.5%;font-weight:bold;}

/*service css*/
.service h1{text-align: center;font-size:0.28rem;font-weight:bold;}
.service p{font-size:0.18rem;text-align:center;line-height: 0.48rem;}
.service .bg{background: url(../image/bg.jpg) no-repeat;background-size:100% 100%;padding:4% 0 6% 0;margin-top:1%;}
.wap{margin: 0 auto;}
.service ul li {float:left;width:18%;margin:0 1%;}
.service ul li p{margin-top:18%;color: #fff;line-height: 0.36rem;text-align: center;}
.service ul li .top-icon {width: 142px;height: 142px;margin: 0 auto;position: relative;}
.service ul li .top-icon img {display: block;position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.service ul li .top-icon .abk,.service ul li .top-icon .abk1,.service ul li .top-icon .abk2,.service ul li .top-icon .abk3,.service ul li .top-icon .abk4 {width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.abk{background:url(../image/zy1.png) no-repeat center center;}
.abk1{background:url(../image/zy2.png) no-repeat center center;}
.abk2{background:url(../image/zy3.png) no-repeat center center;}
.abk3{background:url(../image/zy4.png) no-repeat center center;}
.abk4{background:url(../image/zy5.png) no-repeat center center;}
.service ul li .top-icon img:hover {display: block;transform: rotate(180deg);position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
/*wrap css*/
.wrap h1{text-align: center;margin-top:3%;font-size:0.28rem;font-weight:bold;}
.wrap p{font-size:0.18rem;text-align: center;line-height:0.48rem;}
.about-box{margin:0 -1%;}
.about-box .col-md-4{padding:0 1%;margin:1% 0;}
.about-box .col-md-4 img{width:100%;}
/*swap css*/
.qywh{margin-bottom:3%;}
.swap h1{text-align:center;margin-top:3%;font-size:0.28rem;font-weight:bold;}
.swap p{font-size:0.18rem;text-align: center;line-height:0.48rem;}
.about-bs .text-white {position: absolute;top:14%;overflow: hidden;width: 100%;left: 0;}
.about-bs ul{margin:0 -1%;}
.about-bs ul li{position: relative;padding:0 1%;margin:1.5% 0;}
.about-bs ul li img{width:100%;}
.about-bs .text-white h3{margin: 0 auto;font-size:0.24rem;width:90%;padding-bottom:9%;border-bottom: 1px solid #fff;text-align: center;color: #fff;line-height:0.7rem;}
.about-bs .text-white p{margin: 8% auto;width:100%;font-size:0.18rem;color: #fff;line-height:0.7rem;}
.about-bs .text-white .icon1,.icon2,.icon3,.icon4,.icon5,.icon6{margin:5% auto;display: block;width: 0.8rem;height: 0.8rem;}
.about-bs .text-white .icon1{background: url(../image/i-icon1.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon2{background: url(../image/i-icon2.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon3{background: url(../image/i-icon3.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon4{background: url(../image/i-icon4.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon5{background: url(../image/i-icon5.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon6{background: url(../image/i-icon6.png) no-repeat;background-size:100%;}

}

@media screen and (min-width:992px) and (max-width:1200px){
	body{overflow-x:hidden;}
/*company-nav*/
	.gsjj,.zzry,.gjhz,.qywh{padding:0 1.5%;}
.company h1{text-align:center;margin-top:3.5%;font-weight:bold;margin-bottom:2.5%;font-size:0.24rem;}
.company p{font-size:0.16rem;text-indent:2em;line-height: 0.36rem;}
.bd{height: auto;margin:0.1rem auto;}
.bd .sp{width:64%;height:auto;float:left;}
.serve{width:30%;float: right;}
.serve ul li{width:50%;float:left;margin-top:6%;}
.serve ul li img{width:60%;}
.serve ul li p{font-size:0.18rem;color: #191919;line-height: 0.48rem;margin-left:0.1rem;}
/*honor css*/
.honor{height: auto;margin:2% auto;}
.honor h1{text-align: center;margin-top:1%;font-size:0.24rem;font-weight:bold;}
.honor p{font-size:0.16rem;text-align:center;line-height: 0.48rem;}
.hon{margin:0 -1.5%;}
.hon ul li{padding:0 1.5%;}
.hon img{width:100%;}
.hon ul li h6{font-size:0.16rem;text-align:center;margin-top: 4.5%;font-weight:bold;}

/*service css*/
.service h1{text-align: center;font-size:0.24rem;font-weight:bold;}
.service p{font-size:0.16rem;text-align:center;line-height: 0.48rem;}
.service .bg{background: url(../image/bg.jpg) no-repeat;background-size:100% 100%;padding:4% 0 8% 0;margin-top:1%;}
.wap{margin: 0 auto;}
.service ul li {float:left;width:18%;margin:0 1%;}
.service ul li p{margin-top:18%;color: #fff;line-height: 0.36rem;text-align:center;}
.service ul li .top-icon {width:1.42rem;height:1.42rem;margin: 0 auto;position: relative;}
.service ul li .top-icon img {display: block;position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.service ul li .top-icon .abk,.service ul li .top-icon .abk1,.service ul li .top-icon .abk2,.service ul li .top-icon .abk3,.service ul li .top-icon .abk4 {width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.abk{background:url(../image/zy1.png) no-repeat center center;}
.abk1{background:url(../image/zy2.png) no-repeat center center;}
.abk2{background:url(../image/zy3.png) no-repeat center center;}
.abk3{background:url(../image/zy4.png) no-repeat center center;}
.abk4{background:url(../image/zy5.png) no-repeat center center;}
.service ul li .top-icon img:hover {display: block;transform: rotate(180deg);position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
/*wrap css*/
.wrap h1{text-align: center;margin-top:5%;font-size:0.24rem;font-weight:bold;}
.wrap p{font-size:0.16rem;text-align: center;line-height:0.48rem;}
.about-box{margin:0 -1%;}
.about-box .col-md-4{padding:0 1%;margin:1% 0;}
.about-box .col-md-4 img{width:100%;}
/*swap css*/
.qywh{margin-bottom:3%;}
.swap h1{text-align:center;margin-top:3%;font-size:0.24rem;font-weight:bold;}
.swap p{font-size:0.16rem;text-align: center;line-height:0.48rem;}
.about-bs .text-white {position: absolute;top:10%;overflow: hidden;width:100%;left:0;}
.about-bs ul{margin:0 -1%;}
.about-bs ul li{position: relative;padding:0 1%;margin:1.5% 0;}
.about-bs ul li img{width:100%;}
.about-bs .text-white h3{margin: 0 auto;font-size:0.21rem;width:90%;border-bottom: 1px solid #fff;text-align: center;color: #fff;line-height:0.7rem;}
.about-bs .text-white p{margin: 8% auto;width:100%;font-size:0.15rem;color: #fff;line-height:0.2rem;}
.about-bs .text-white .icon1,.icon2,.icon3,.icon4,.icon5,.icon6{margin:2% auto;display: block;width: 0.8rem;height: 0.8rem;}
.about-bs .text-white .icon1{background: url(../image/i-icon1.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon2{background: url(../image/i-icon2.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon3{background: url(../image/i-icon3.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon4{background: url(../image/i-icon4.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon5{background: url(../image/i-icon5.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon6{background: url(../image/i-icon6.png) no-repeat;background-size:100%;}


}

@media screen and (min-width:768px) and (max-width:992px){
	
	body{overflow-x:hidden;}
/*company-nav*/
	.gsjj,.zzry,.gjhz,.qywh{padding:0 1.5%;}
.company h1{text-align:center;margin-top:3.5%;font-weight:bold;margin-bottom:2.5%;font-size:0.18rem;}
.company p{font-size:0.14rem;text-indent:2em;line-height: 0.3rem;}
.bd{height: auto;margin:0.1rem auto;}
.bd .sp{width:64%;height:auto;float:left;}
.serve{width:30%;float: right;}
.serve ul li{width:50%;float:left;margin-top:4%;}
.serve ul li img{width:60%;}
.serve ul li p{font-size:0.14rem;color: #191919;line-height: 0.48rem;margin-left:0.1rem;}
/*honor css*/
.honor{height: auto;margin:2% auto;}
.honor h1{text-align: center;margin-top:1%;font-size:0.18rem;font-weight:bold;}
.honor p{font-size:0.14rem;text-align:center;line-height: 0.25rem;margin-bottom:2%;}
.hon{margin:0 -1.5%;}
.hon ul li{padding:0 1.5%;}
.hon img{width:100%;}
.hon ul li h6{font-size:0.14rem;text-align:center;margin-top: 4.5%;font-weight:bold;}

/*service css*/
.service h1{text-align: center;font-size:0.18rem;font-weight:bold;}
.service p{font-size:0.14rem;text-align:center;line-height: 0.25rem;}
.service .bg{background: url(../image/bg.jpg) no-repeat;background-size:100% 100%;padding:4% 0 8% 0;margin-top:1%;}
.wap{margin: 0 auto;}
.service ul li {float:left;width:18%;margin:0 1%;}
.service ul li p{margin-top:18%;color: #fff;line-height: 0.36rem;text-align:center;}
.service ul li .top-icon {width:0.8rem;height:0.8rem;margin: 0 auto;position: relative;}
.service ul li .top-icon img {display: block;position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;width:100%;}
.service ul li .top-icon .abk,.service ul li .top-icon .abk1,.service ul li .top-icon .abk2,.service ul li .top-icon .abk3,.service ul li .top-icon .abk4 {width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.abk{background:url(../image/zy1.png) no-repeat center center;background-size:60% auto;}
.abk1{background:url(../image/zy2.png) no-repeat center center;background-size:60% auto;}
.abk2{background:url(../image/zy3.png) no-repeat center center;background-size:60% auto;}
.abk3{background:url(../image/zy4.png) no-repeat center center;background-size:60% auto;}
.abk4{background:url(../image/zy5.png) no-repeat center center;background-size:60% auto;}
.service ul li .top-icon img:hover {display: block;transform: rotate(180deg);position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
/*wrap css*/
.wrap h1{text-align: center;margin-top:5%;font-size:0.18rem;font-weight:bold;}
.wrap p{font-size:0.14rem;text-align: center;line-height:0.25rem;}
.about-box{margin:0 -1%;}
.about-box .col-md-4{padding:0 1%;margin:1% 0;}
.about-box .col-md-4 img{width:100%;}
/*swap css*/
.qywh{margin-bottom:3%;}
.swap h1{text-align:center;margin-top:3%;font-size:0.18rem;font-weight:bold;}
.swap p{font-size:0.16rem;text-align: center;line-height:0.25rem;}
.about-bs .text-white {position: absolute;top:10%;overflow: hidden;width:100%;left:0;}
.about-bs ul{margin:0 -1%;}
.about-bs ul li{position: relative;padding:0 1%;margin:1.5% 0;}
.about-bs ul li img{width:100%;}
.about-bs .text-white h3{margin: 0 auto;font-size:0.16rem;width:90%;border-bottom: 1px solid #fff;text-align: center;color: #fff;line-height:0.4rem;}
.about-bs .text-white p{margin: 8% auto;width:100%;font-size:0.12rem;color: #fff;line-height:0.2rem;}
.about-bs .text-white .icon1,.icon2,.icon3,.icon4,.icon5,.icon6{margin:2% auto;display: block;width: 0.8rem;height: 0.8rem;}
.about-bs .text-white .icon1{background: url(../image/i-icon1.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon2{background: url(../image/i-icon2.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon3{background: url(../image/i-icon3.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon4{background: url(../image/i-icon4.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon5{background: url(../image/i-icon5.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon6{background: url(../image/i-icon6.png) no-repeat;background-size:100%;}

}

@media screen and (max-width:768px) {
	body{overflow-x:hidden;}
/*company-nav*/
	.gsjj,.zzry,.gjhz,.qywh{padding:0 1.5%;}
.company h1{text-align:center;margin-top:5%;font-weight:bold;margin-bottom:4.5%;font-size:0.28rem;color:#333;}
.company p{font-size:0.26rem;text-indent:2em;line-height: 0.42rem;}
.bd{height: auto;margin:0.1rem auto;}
.bd .sp{width:100%;height:auto;}
.serve{width:100%;}
.serve ul li{width:25%;margin-top:4%;text-align:center;float:left;}
.serve ul li img{width:60%;}
.serve ul li p{font-size:0.25rem;color: #191919;line-height: 0.48rem;}
/*honor css*/
.honor{height: auto;margin:2% auto;}
.honor h1{text-align: center;margin-top:2.5%;font-size:0.28rem;font-weight:bold;}
.honor p{font-size:0.24rem;text-align:center;line-height: 0.4rem;margin-bottom:2%;}
.hon{margin:0 -1.5%;}
.hon ul li{padding:0 1.5%;}
.hon img{width:100%;}
.hon ul li h6{font-size:0.24rem;text-align:center;margin-top: 4.5%;font-weight:bold;}

/*service css*/
	.service{display:none;}
.service h1{text-align: center;font-size:0.28rem;font-weight:bold;}
.service p{font-size:0.24rem;text-align:center;line-height: 0.4rem;}
.service .bg{background: url(../image/bg.jpg) no-repeat;background-size:100% 100%;padding:4% 0 8% 0;margin-top:1%;}
.wap{margin: 0 auto;}
.service ul li {float:left;width:18%;margin:0 1%;}
.service ul li p{margin-top:18%;color: #fff;line-height: 0.36rem;text-align:center;}
.service ul li .top-icon {width:0.8rem;height:0.8rem;margin: 0 auto;position: relative;}
.service ul li .top-icon img {display: block;position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;width:100%;}
.service ul li .top-icon .abk,.service ul li .top-icon .abk1,.service ul li .top-icon .abk2,.service ul li .top-icon .abk3,.service ul li .top-icon .abk4 {width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.abk{background:url(../image/zy1.png) no-repeat center center;background-size:60% auto;}
.abk1{background:url(../image/zy2.png) no-repeat center center;background-size:60% auto;}
.abk2{background:url(../image/zy3.png) no-repeat center center;background-size:60% auto;}
.abk3{background:url(../image/zy4.png) no-repeat center center;background-size:60% auto;}
.abk4{background:url(../image/zy5.png) no-repeat center center;background-size:60% auto;}
.service ul li .top-icon img:hover {display: block;transform: rotate(180deg);position: absolute;top: 0;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
/*wrap css*/
.wrap h1{text-align: center;margin-top:5%;font-size:0.28rem;font-weight:bold;}
.wrap p{font-size:0.24rem;text-align: center;line-height:0.25rem;margin-bottom:3%;}
.about-box{margin:0 -1%;}
.about-box .col-md-4{padding:0 1%;margin:1% 0;}
.about-box .col-md-4 img{width:100%;}
/*swap css*/
.qywh{margin-bottom:3%;}
.swap h1{text-align:center;margin-top:3%;font-size:0.28rem;font-weight:bold;}
.swap p{font-size:0.26rem;text-align: center;line-height:0.25rem;margin-bottom:2%;}
.about-bs .text-white {position: absolute;top:10%;overflow: hidden;width:100%;left:0;}
.about-bs ul{margin:0 -1%;}
.about-bs ul li{position: relative;padding:0 1%;margin:1.5% 0;}
.about-bs ul li img{width:100%;}
.about-bs .text-white h3{margin: 0 auto;font-size:0.26rem;width:90%;padding-bottom:6%; border-bottom: 1px solid #fff;text-align: center;color: #fff;line-height:0.45rem;}
.about-bs .text-white p{margin: 8% auto;width:100%;font-size:0.24rem;color: #fff;line-height:0.45rem;}
.about-bs .text-white .icon1,.icon2,.icon3,.icon4,.icon5,.icon6{margin:2% auto;display: block;width: 0.8rem;height: 0.8rem;}
.about-bs .text-white .icon1{background: url(../image/i-icon1.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon2{background: url(../image/i-icon2.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon3{background: url(../image/i-icon3.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon4{background: url(../image/i-icon4.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon5{background: url(../image/i-icon5.png) no-repeat;background-size:100%;}
.about-bs .text-white .icon6{background: url(../image/i-icon6.png) no-repeat;background-size:100%;}



}