@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;padding-bottom:2.5%;}
	.banner{position:relative;}
	.bread{position:relative;z-index:1;padding-left:1.5%;}
	.banner .lunbo{position:absolute;left:0;top:0;width:41%;padding:5% 1% 1% 1%;background:url(../images/about/tpbj.png) no-repeat;border-radius: 0px 0px 16px 16px;}
	.banner .lunbo .swiper-slide img{width:98%;margin:0 1%;}
	.banner .lunbo .down{background:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;height:80px;width:98%;margin:2% 1% 0 1%;position:relative;}
	.banner .tit{width:53%;float:right;}
	.banner .tit h1{font-size:32px;color:#fff;margin:2.5% 0 3% 0;}
	.banner .tit p{font-size:17px;color:#fff;line-height:32px;}
	.banner .lunbo .down .swiper-pagination{width:25%;top:35%;}
	.banner .lunbo .down .swiper-pagination span{margin:0 6%;width:24px;height:24px;border-radius:0;}
	.swiper-pagination-bullet {opacity:1;background:url(../images/about/qh2.png) no-repeat center;background-size:100% 100%;}
	.swiper-pagination-bullet-active{background:url(../images/about/qh1.png) no-repeat center;background-size:100% 100%;}
	.swiper-button-prev{background:url(../images/about/qh4.png) no-repeat center;left:81%;border:0;opacity:0.9;}
	.down div:focus{outline:none!important;}
	.swiper-pagination span:focus{outline:none!important;}
	.swiper-button-prev:hover{border:0;}
	.swiper-button-next{background:url(../images/about/qh5.png) no-repeat center;border:0;opacity:0.9;}

/*product*/
    .product-bj{background:url(../images/about/bj2.jpg) no-repeat;padding-top:4%;}
	.bt-tit h1{font-size:34px;color:#1a1a1a;text-align:center;margin:0;}
	.bt-tit h1 span{padding:0 3%;background:url(../images/about/bt.png) no-repeat center;}
	.bt-tit p{font-size:18px;color:#4d4d4d;text-align:center;margin-top:1.5%;}
	.product{overflow:hidden;}
	.product ul{margin:2% -1%;}
	.product ul li{width:48%;padding:0 1%;float:left;margin:0.75% 0;}
	.product ul li:hover a{border-radius: 30px 0px 0px 0px;}
	.product ul li:hover a h2{color:#fff;}
	.product ul li:hover a p{color:#fff;}
	.product ul li a{width:94%;padding:1.5% 3%;border:1px solid #eee;}
	.product ul li a h2{font-size:24px;color:#1a1a1a;margin:1% 0;width:63%;}
	.product ul li a p{font-size:17px;color:#4d4d4d;line-height:30px;width:63%;}
	.product ul li.mtl a{background:url(../images/about/1.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.sll a{background:url(../images/about/2.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.qtl a{background:url(../images/about/3.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.tsj a{background:url(../images/about/4.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.mtl:hover a{background:url(../images/about/1_hover.jpg);background-size:100% 100%;}
	.product ul li.sll:hover a{background:url(../images/about/2_hover.jpg);background-size:100% 100%;}
	.product ul li.qtl:hover a{background:url(../images/about/3_hover.jpg);background-size:100% 100%;}
	.product ul li.tsj:hover a{background:url(../images/about/4_hover.jpg);background-size:100% 100%;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;padding-bottom:2.5%;}
	.banner{position:relative;}
	.bread{position:relative;z-index:1;padding-left:1.5%;}
	.banner .lunbo{position:absolute;left:0;top:0;width:41%;padding:5% 1% 1% 1%;background:url(../images/about/tpbj.png) no-repeat;border-radius: 0px 0px 16px 16px;}
	.banner .lunbo .swiper-slide img{width:98%;margin:0 1%;}
	.banner .lunbo .down{background:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;height:70px;width:98%;margin:2% 1% 0 1%;position:relative;}
	.banner .tit{width:53%;float:right;}
	.banner .tit h1{font-size:27px;color:#fff;margin:2.5% 0 3% 0;}
	.banner .tit p{font-size:16px;color:#fff;line-height:30px;}
	.banner .lunbo .down .swiper-pagination{width:25%;top:35%;}
	.banner .lunbo .down .swiper-pagination span{margin:0 6%;width:24px;height:24px;border-radius:0;}
	.swiper-pagination-bullet {opacity:1;background:url(../images/about/qh2.png) no-repeat center;background-size:100% 100%;}
	.swiper-pagination-bullet-active{background:url(../images/about/qh1.png) no-repeat center;background-size:100% 100%;}
	.swiper-button-prev{background:url(../images/about/qh4.png) no-repeat center;left:81%;border:0;opacity:0.9;}
	.down div:focus{outline:none!important;}
	.swiper-pagination span:focus{outline:none!important;}
	.swiper-button-prev:hover{border:0;}
	.swiper-button-next{background:url(../images/about/qh5.png) no-repeat center;border:0;opacity:0.9;}

/*product*/
    .product-bj{background:url(../images/about/bj2.jpg) no-repeat;padding-top:5%;}
	.bt-tit h1{font-size:27px;color:#1a1a1a;text-align:center;margin:1.5% 0;}
	.bt-tit h1 span{padding:0 3%;background:url(../images/about/bt.png) no-repeat center;}
	.bt-tit p{font-size:17px;color:#4d4d4d;text-align:center;margin:1.5% 0;}
	.product{overflow:hidden;}
	.product ul{margin:2% -1%;}
	.product ul li{width:48%;padding:0 1%;float:left;margin:0.75% 0;}
	.product ul li:hover a{border-radius: 30px 0px 0px 0px;}
	.product ul li:hover a h2{color:#fff;}
	.product ul li:hover a p{color:#fff;}
	.product ul li a{width:94%;padding:1.5% 3%;border:1px solid #eee;}
	.product ul li a h2{font-size:21px;color:#1a1a1a;margin:1% 0;width:63%;}
	.product ul li a p{font-size:16px;color:#4d4d4d;line-height:30px;width:63%;}
	.product ul li.mtl a{background:url(../images/about/1.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.sll a{background:url(../images/about/2.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.qtl a{background:url(../images/about/3.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.tsj a{background:url(../images/about/4.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.mtl:hover a{background:url(../images/about/1_hover.jpg);background-size:100% 100%;}
	.product ul li.sll:hover a{background:url(../images/about/2_hover.jpg);background-size:100% 100%;}
	.product ul li.qtl:hover a{background:url(../images/about/3_hover.jpg);background-size:100% 100%;}
	.product ul li.tsj:hover a{background:url(../images/about/4_hover.jpg);background-size:100% 100%;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;padding-bottom:2.5%;}
	.banner{position:relative;}
	.bread{position:relative;z-index:1;padding-left:1.5%;}
	.banner .lunbo{position:absolute;left:0;top:0;width:41%;padding:5% 1% 1% 1%;background:url(../images/about/tpbj.png) no-repeat;border-radius: 0px 0px 16px 16px;}
	.banner .lunbo .swiper-slide img{width:98%;margin:0 1%;}
	.banner .lunbo .down{background:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;height:45px;width:98%;margin:2% 1% 0 1%;position:relative;}
	.banner .tit{width:53%;float:right;}
	.banner .tit h1{font-size:21px;color:#fff;margin:2.5% 0 3% 0;}
	.banner .tit p{font-size:15px;color:#fff;line-height:24px;}
	.banner .lunbo .down .swiper-pagination{width:30%;top:35%;}
	.banner .lunbo .down .swiper-pagination span{margin:0 6%;width:15px;height:15px;border-radius:0;}
	.swiper-pagination-bullet {opacity:1;background:url(../images/about/qh2.png) no-repeat center;background-size:100% 100%;}
	.swiper-pagination-bullet-active{background:url(../images/about/qh1.png) no-repeat center;background-size:100% 100%;}
	.swiper-button-prev{background:url(../images/about/qh4.png) no-repeat center;left:81%;border:0;opacity:0.9;}
	.down div:focus{outline:none!important;}
	.swiper-pagination span:focus{outline:none!important;}
	.swiper-button-prev:hover{border:0;}
	.swiper-button-next{background:url(../images/about/qh5.png) no-repeat center;border:0;opacity:0.9;}

/*product*/
    .product-bj{background:url(../images/about/bj2.jpg) no-repeat;padding-top:5%;}
	.bt-tit h1{font-size:21px;color:#1a1a1a;text-align:center;margin:1.5% 0;}
	.bt-tit h1 span{padding:0 3%;background:url(../images/about/bt.png) no-repeat center;}
	.bt-tit p{font-size:15px;color:#4d4d4d;text-align:center;margin:1.5% 0;}
	.product{overflow:hidden;}
	.product ul{margin:2% -1%;}
	.product ul li{width:48%;padding:0 1%;float:left;margin:0.75% 0;}
	.product ul li:hover a{border-radius: 30px 0px 0px 0px;}
	.product ul li:hover a h2{color:#fff;}
	.product ul li:hover a p{color:#fff;}
	.product ul li a{width:94%;padding:1.5% 3%;border:1px solid #eee;}
	.product ul li a h2{font-size:18px;color:#1a1a1a;margin:1% 0;width:75%;}
	.product ul li a p{font-size:15px;color:#4d4d4d;line-height:30px;width:75%;}
	.product ul li.mtl a{background:url(../images/about/1.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.sll a{background:url(../images/about/2.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.qtl a{background:url(../images/about/3.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.tsj a{background:url(../images/about/4.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.mtl:hover a{background:url(../images/about/1_hover.jpg);background-size:100% 100%;}
	.product ul li.sll:hover a{background:url(../images/about/2_hover.jpg);background-size:100% 100%;}
	.product ul li.qtl:hover a{background:url(../images/about/3_hover.jpg);background-size:100% 100%;}
	.product ul li.tsj:hover a{background:url(../images/about/4_hover.jpg);background-size:100% 100%;}


}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;padding-bottom:2.5%;}
	.banner{position:relative;}
	.bread{position:relative;z-index:1;padding-left:1.5%;}
	.banner .lunbo{position:absolute;left:0;top:0;width:48%;padding:5% 1% 1% 1%;background:url(../images/about/tpbj.png) no-repeat;border-radius: 0px 0px 16px 16px;}
	.banner .lunbo .swiper-slide img{width:98%;margin:0 1%;}
	.banner .lunbo .down{background:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;height:45px;width:98%;margin:2% 1% 0 1%;position:relative;}
	.banner .tit{width:48%;float:right;}
	.banner .tit h1{font-size:18px;color:#fff;margin:2.5% 0 3% 0;}
	.banner .tit p{font-size:13px;color:#fff;line-height:18px;}
	.banner .lunbo .down .swiper-pagination{width:30%;top:30%;}
	.banner .lunbo .down .swiper-pagination span{margin:0 6%;width:15px;height:15px;border-radius:0;}
	.swiper-pagination-bullet {opacity:1;background:url(../images/about/qh2.png) no-repeat center;background-size:100% 100%;}
	.swiper-pagination-bullet-active{background:url(../images/about/qh1.png) no-repeat center;background-size:100% 100%;}
	.swiper-button-prev{background:url(../images/about/qh4.png) no-repeat center;left:81%;border:0;opacity:0.9;}
	.down div:focus{outline:none!important;}
	.swiper-pagination span:focus{outline:none!important;}
	.swiper-button-prev:hover{border:0;}
	.swiper-button-next{background:url(../images/about/qh5.png) no-repeat center;border:0;opacity:0.9;}

/*product*/
    .product-bj{background:url(../images/about/bj2.jpg) no-repeat;padding-top:5%;}
	.bt-tit h1{font-size:18px;color:#1a1a1a;text-align:center;margin:1.5% 0;}
	.bt-tit h1 span{padding:0 3%;background:url(../images/about/bt.png) no-repeat center;}
	.bt-tit p{font-size:14px;color:#4d4d4d;text-align:center;margin:1.5% 0;}
	.product{overflow:hidden;}
	.product ul{margin:2% -1%;}
	.product ul li{width:48%;padding:0 1%;float:left;margin:0.75% 0;}
	.product ul li:hover a{border-radius: 30px 0px 0px 0px;}
	.product ul li:hover a h2{color:#fff;}
	.product ul li:hover a p{color:#fff;}
	.product ul li a{width:94%;padding:1.5% 3%;border:1px solid #eee;}
	.product ul li a h2{font-size:16px;color:#1a1a1a;margin:1% 0;width:75%;}
	.product ul li a p{font-size:13px;color:#4d4d4d;line-height:25px;width:75%;}
	.product ul li.mtl a{background:url(../images/about/1.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.sll a{background:url(../images/about/2.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.qtl a{background:url(../images/about/3.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.tsj a{background:url(../images/about/4.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.mtl:hover a{background:url(../images/about/1_hover.jpg);background-size:100% 100%;}
	.product ul li.sll:hover a{background:url(../images/about/2_hover.jpg);background-size:100% 100%;}
	.product ul li.qtl:hover a{background:url(../images/about/3_hover.jpg);background-size:100% 100%;}
	.product ul li.tsj:hover a{background:url(../images/about/4_hover.jpg);background-size:100% 100%;}



}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/about/bj.jpg) no-repeat;padding-bottom:2.5%;padding:0 2% 4% 2%;}
	.banner{position:relative;}
	.bread{position:relative;z-index:1;}
	.banner .lunbo{position:absolute;left:0;top:0;width:48%;padding:5% 1% 1% 1%;background:url(../images/about/tpbj.png) no-repeat;border-radius: 0px 0px 16px 16px;display:none;}
	.banner .lunbo .swiper-slide img{width:98%;margin:0 1%;}
	.banner .lunbo .down{background:#fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;height:45px;width:98%;margin:2% 1% 0 1%;position:relative;}
	.banner .tit{width:100%;}
	.banner .tit h1{font-size:0.3rem;color:#fff;margin:2.5% 0 3% 0;}
	.banner .tit p{font-size:0.24rem;color:#fff;line-height:0.36rem;}
	.banner .lunbo .down .swiper-pagination{width:30%;top:30%;}
	.banner .lunbo .down .swiper-pagination span{margin:0 6%;width:15px;height:15px;border-radius:0;}
	.swiper-pagination-bullet {opacity:1;background:url(../images/about/qh2.png) no-repeat center;background-size:100% 100%;}
	.swiper-pagination-bullet-active{background:url(../images/about/qh1.png) no-repeat center;background-size:100% 100%;}
	.swiper-button-prev{background:url(../images/about/qh4.png) no-repeat center;left:81%;border:0;opacity:0.9;}
	.down div:focus{outline:none!important;}
	.swiper-pagination span:focus{outline:none!important;}
	.swiper-button-prev:hover{border:0;}
	.swiper-button-next{background:url(../images/about/qh5.png) no-repeat center;border:0;opacity:0.9;}

/*product*/
    .product-bj{background:url(../images/about/bj2.jpg) no-repeat;padding:5% 2% 0 2%;}
	.bt-tit h1{font-size:0.3rem;color:#1a1a1a;text-align:center;margin:1.5% 0;}
	.bt-tit h1 span{padding:0 3%;background:url(../images/about/bt.png) no-repeat center;}
	.bt-tit p{font-size:0.24rem;color:#4d4d4d;text-align:center;margin:1.5% 0;}
	.product{overflow:hidden;}
	.product ul{margin:2% 0%;}
	.product ul li{width:100%;float:left;margin:1.5% 0;}
	.product ul li:hover a{border-radius: 30px 0px 0px 0px;}
	.product ul li:hover a h2{color:#fff;}
	.product ul li:hover a p{color:#fff;}
	.product ul li a{width:94%;padding:1.5% 3%;border:1px solid #eee;}
	.product ul li a h2{font-size:0.27rem;color:#1a1a1a;margin:1% 0;width:100%;}
	.product ul li a p{font-size:0.24rem;color:#4d4d4d;line-height:0.36rem;width:100%;}
	.product ul li.mtl a{background:url(../images/about/1.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.sll a{background:url(../images/about/2.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.qtl a{background:url(../images/about/3.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.tsj a{background:url(../images/about/4.jpg) no-repeat;background-size:100% 100%;}
	.product ul li.mtl:hover a{background:url(../images/about/1_hover.jpg);background-size:100% 100%;}
	.product ul li.sll:hover a{background:url(../images/about/2_hover.jpg);background-size:100% 100%;}
	.product ul li.qtl:hover a{background:url(../images/about/3_hover.jpg);background-size:100% 100%;}
	.product ul li.tsj:hover a{background:url(../images/about/4_hover.jpg);background-size:100% 100%;}




}