@charset "utf-8";
/* CSS Document */
    .mtl .sort .so-row {background:url(../images/products/mtl.png) no-repeat center;background-size:100% 100%;}
	.mtl:hover .sort .so-row{background:url(../images/products/mtl2.png) no-repeat;background-size:100% 100%;}
	.sll .sort .so-row {background:url(../images/products/sll.png) no-repeat center;background-size:100% 100%;}
	.sll:hover .sort .so-row{background:url(../images/products/sll2.png) no-repeat;background-size:100% 100%;}
	.qtl .sort .so-row {background:url(../images/products/qtl.png) no-repeat center;background-size:100% 100%;}
	.qtl:hover .sort .so-row{background:url(../images/products/qtl2.png) no-repeat;background-size:100% 100%;}
	.tsj .sort .so-row {background:url(../images/products/tsj.png) no-repeat center;background-size:100% 100%;}
	.tsj:hover .sort .so-row{background:url(../images/products/tsj2.png) no-repeat;background-size:100% 100%;}

@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 89%;}
	.banner .lunbo .swiper-slide .left{width:48%;float:left;position:relative;padding-top:2%;}
	.banner .lunbo .swiper-slide .left h1{font-size:34px;color:#e5e5e5;margin-bottom:5%;}
	.banner .lunbo .swiper-slide .left p{font-size:18px;color:#fff;height:60px;line-height:30px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.banner .lunbo .swiper-slide .left p i{padding:0.75% 3%;background:url(../images/products/syfw.png) no-repeat left center;}
	.banner .lunbo .swiper-slide .left span{font-size:18px;color:#ccc;padding-left:3%;}
	.banner .lunbo .swiper-slide .left ul{margin:4.5% -1%;}
	.banner .lunbo .swiper-slide .left ul li{width:31.33%;float:left;margin:0 1%;}
	.banner .lunbo .swiper-slide .left ul li a{width:100%;border:1px solid rgba(255,255,255,0.4);text-align:center;font-size:17px;color:#fff;padding:3% 0;}
	.banner .lunbo .swiper-slide .right{width:48%;float:right;border:6px solid rgba(255,255,255,0.29);position:relative;}
	.banner .lunbo .swiper-slide .right .det{position:absolute;right:0;bottom:0;}
	.banner .lunbo .swiper-slide .right .video{position:absolute;left:0;right:0;margin:0 auto;top:45%;}
	
	.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:60px;position:absolute;left:0;bottom:2.5%;width:48%;z-index:100;}
	.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 .title{text-align:center;}
	.product .title h2{font-size:34px;color:#1a1a1a;margin:1.5% 0 1% 0;}
	.product .title span{padding:0.5% 6%;background:url(../images/products/bt.png) no-repeat center;}
/*sort*/
	.product .mt{margin-top:2.5%;}
	.sort-pro{border-bottom:1px solid #d1d1d1;padding-bottom:2%;margin-top:4%;}
	.sort-pro .row{margin:0 -1%;}
	.sort{width:23%;padding:0 1%;float:left;}
	.so-row{width:100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.54);
	border-radius:10px;padding:20% 0;}
	.sort-pro:hover .sort .so-row h3{color:#fff;}
	.sort-pro:hover .sort .so-row p{color:#fff;}
	.sort-pro:hover .sort .so-row .dzsb{border:1px solid #fff;background:#31475a;color:#fff;}
	.sort-pro:hover .sort .so-row .more{color:#fff;}
	.sort h3{font-size:26px;color:#1a1a1a;width:90%;margin:0 5%;margin-bottom:8%;}
	.sort span{height:4px;display:block;width:30%;background-image: linear-gradient(90deg,rgba(232, 199, 147, 0.98) 0%, rgba(207, 164, 90, 0.98) 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:2px;margin-left:5%;}
	.sort p{font-size:17px;color:#4d4d4d;line-height:42px;width:82%;margin:10% 13% 0 5%;height:125px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
	.sort .dzsb{width:90%;margin:11% 5% 0 5%;
	border:1px solid #728297;padding:3.5% 0;text-align:center;font-size:17px;color:#2e3641;}
	.sort .more{text-align:center;font-size:17px;color:#4d4d4d;margin-top:8%;}
	.sort-pro ul li{width:23%;padding:0 1%;float:left;margin-bottom:1%;}
	.sort-pro ul li a{width:100%;padding-bottom:4%;position:relative;}
	.sort-pro ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.sort-pro ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.sort-pro ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.sort-pro ul li div .mask p span {font-size:17px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.sort-pro ul li:hover div .mask{display:block;}
	.sort-pro ul li h4{font-size:18px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.sort-pro ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.sort-pro ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.sort-pro ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.sort-pro ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;}
	.banner .lunbo .swiper-slide .left{width:48%;float:left;position:relative;padding-top:2%;}
	.banner .lunbo .swiper-slide .left h1{font-size:27px;color:#e5e5e5;}
	.banner .lunbo .swiper-slide .left p{font-size:17px;color:#fff;line-height:27px;}
	.banner .lunbo .swiper-slide .left p i{padding:0.75% 3%;background:url(../images/products/syfw.png) no-repeat left center;}
	.banner .lunbo .swiper-slide .left span{font-size:17px;color:#ccc;padding-left:3%;}
	.banner .lunbo .swiper-slide .left ul{margin:4.5% -1%;}
	.banner .lunbo .swiper-slide .left ul li{width:31.33%;float:left;margin:0 1%;}
	.banner .lunbo .swiper-slide .left ul li a{width:100%;border:1px solid rgba(255,255,255,0.4);text-align:center;font-size:16px;color:#fff;padding:3% 0;}
	.banner .lunbo .swiper-slide .right{width:48%;float:right;border:6px solid rgba(255,255,255,0.29);position:relative;}
	.banner .lunbo .swiper-slide .right .det{position:absolute;right:0;bottom:0;}
	.banner .lunbo .swiper-slide .right .video{position:absolute;left:0;right:0;margin:0 auto;top:45%;}
	
	.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;position:absolute;left:0;bottom:2.5%;width:48%;z-index:100;}
	.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 .title{text-align:center;}
	.product .title h2{font-size:27px;color:#1a1a1a;margin:1.5% 0 1% 0;}
	.product .title span{padding:0.5% 6%;background:url(../images/products/bt.png) no-repeat center;}
/*sort*/
	.product .mt{margin-top:2.5%;}
	.sort-pro{border-bottom:1px solid #d1d1d1;padding-bottom:2%;margin-top:4%;}
	.sort-pro .row{margin:0 -1%;}
	.sort{width:23%;padding:0 1%;float:left;}
	.so-row{width:100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.54);
	border-radius:10px;padding:16% 0;}
	.sort-pro:hover .sort .so-row h3{color:#fff;}
	.sort-pro:hover .sort .so-row p{color:#fff;}
	.sort-pro:hover .sort .so-row .dzsb{border:1px solid #fff;background:#31475a;color:#fff;}
	.sort-pro:hover .sort .so-row .more{color:#fff;}
	.sort h3{font-size:24px;color:#1a1a1a;width:90%;margin:0 5%;margin-bottom:8%;}
	.sort span{height:4px;display:block;width:30%;background-image: linear-gradient(90deg,rgba(232, 199, 147, 0.98) 0%, rgba(207, 164, 90, 0.98) 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:2px;margin-left:5%;}
	.sort p{font-size:16px;color:#4d4d4d;line-height:42px;width:90%;margin:10% 13% 0 5%;height:125px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
	.sort .dzsb{width:90%;margin:11% 5% 0 5%;
	border:1px solid #728297;padding:3.5% 0;text-align:center;font-size:17px;color:#2e3641;}
	.sort .more{text-align:center;font-size:17px;color:#4d4d4d;margin-top:8%;}
	.sort-pro ul li{width:23%;padding:0 1%;float:left;margin-bottom:1%;}
	.sort-pro ul li a{width:100%;padding-bottom:4%;position:relative;}
	.sort-pro ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.sort-pro ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.sort-pro ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.sort-pro ul li div .mask p span {font-size:16px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.sort-pro ul li:hover div .mask{display:block;}
	.sort-pro ul li h4{font-size:18px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.sort-pro ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.sort-pro ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.sort-pro ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.sort-pro ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 90%;}
	.banner .lunbo .swiper-slide .left{width:48%;float:left;position:relative;padding-top:2%;}
	.banner .lunbo .swiper-slide .left h1{font-size:21px;color:#e5e5e5;}
	.banner .lunbo .swiper-slide .left p{font-size:15px;color:#fff;line-height:27px;}
	.banner .lunbo .swiper-slide .left p i{padding:0.75% 3%;background:url(../images/products/syfw.png) no-repeat left center;background-size:80% auto;}
	.banner .lunbo .swiper-slide .left span{font-size:15px;color:#ccc;padding-left:3%;}
	.banner .lunbo .swiper-slide .left ul{margin:4.5% -1%;}
	.banner .lunbo .swiper-slide .left ul li{width:31.33%;float:left;margin:0 1%;}
	.banner .lunbo .swiper-slide .left ul li a{width:100%;border:1px solid rgba(255,255,255,0.4);text-align:center;font-size:15px;color:#fff;padding:3% 0;}
	.banner .lunbo .swiper-slide .right{width:48%;float:right;border:6px solid rgba(255,255,255,0.29);position:relative;}
	.banner .lunbo .swiper-slide .right .det{position:absolute;right:0;bottom:0;width:12%;}
	.banner .lunbo .swiper-slide .right .video{position:absolute;left:0;right:0;margin:0 auto;top:45%;}
	
	.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:50px;position:absolute;left:0;bottom:0;width:48%;z-index:100;padding-left:1%;}
	.banner .lunbo .down .swiper-pagination{width:25%;top:25%;}
	.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 .title{text-align:center;}
	.product .title h2{font-size:21px;color:#1a1a1a;margin:1.5% 0 1% 0;}
	.product .title span{padding:0.5% 6%;background:url(../images/products/bt.png) no-repeat center;background-size:25% auto;}
/*sort*/
	.product .mt{margin-top:2.5%;}
	.sort-pro{border-bottom:1px solid #d1d1d1;padding-bottom:2%;margin-top:4%;}
	.sort-pro .row{margin:0 -1%;}
	.sort{width:23%;padding:0 1%;float:left;}
	.so-row{width:100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.54);
	border-radius:10px;padding:16% 0;}
	.sort-pro:hover .sort .so-row h3{color:#fff;}
	.sort-pro:hover .sort .so-row p{color:#fff;}
	.sort-pro:hover .sort .so-row .dzsb{border:1px solid #fff;background:#31475a;color:#fff;}
	.sort-pro:hover .sort .so-row .more{color:#fff;}
	.sort h3{font-size:18px;color:#1a1a1a;width:90%;margin:0 5%;margin-bottom:8%;}
	.sort span{height:3px;display:block;width:30%;background-image: linear-gradient(90deg,rgba(232, 199, 147, 0.98) 0%, rgba(207, 164, 90, 0.98) 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:2px;margin-left:5%;}
	.sort p{font-size:15px;color:#4d4d4d;line-height:36px;width:90%;margin:10% 13% 0 5%;height:110px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
	.sort .dzsb{width:90%;margin:11% 5% 0 5%;
	border:1px solid #728297;padding:3.5% 0;text-align:center;font-size:15px;color:#2e3641;}
	.sort .more{text-align:center;font-size:15px;color:#4d4d4d;margin-top:8%;}
	.sort-pro ul li{width:23%;padding:0 1%;float:left;margin-bottom:1%;}
	.sort-pro ul li a{width:100%;padding-bottom:4%;position:relative;}
	.sort-pro ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.sort-pro ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.sort-pro ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.sort-pro ul li div .mask p span {font-size:15px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.sort-pro ul li:hover div .mask{display:block;}
	.sort-pro ul li h4{font-size:16px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.sort-pro ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.sort-pro ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.sort-pro ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.sort-pro ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 90%;}
	.banner .lunbo .swiper-slide .left{width:48%;float:left;position:relative;padding-top:2%;}
	.banner .lunbo .swiper-slide .left h1{font-size:18px;color:#e5e5e5;margin-top:0;}
	.banner .lunbo .swiper-slide .left p{font-size:14px;color:#fff;line-height:27px;}
	.banner .lunbo .swiper-slide .left p i{padding:0.75% 3%;background:url(../images/products/syfw.png) no-repeat left center;background-size:80% auto;}
	.banner .lunbo .swiper-slide .left span{font-size:14px;color:#ccc;padding-left:3%;}
	.banner .lunbo .swiper-slide .left ul{margin:2.5% -1%;}
	.banner .lunbo .swiper-slide .left ul li{width:31.33%;float:left;margin:0 1%;}
	.banner .lunbo .swiper-slide .left ul li a{width:100%;border:1px solid rgba(255,255,255,0.4);text-align:center;font-size:12px;color:#fff;padding:3% 0;}
	.banner .lunbo .swiper-slide .right{width:48%;float:right;border:3px solid rgba(255,255,255,0.29);position:relative;}
	.banner .lunbo .swiper-slide .right .det{position:absolute;right:0;bottom:0;width:16%;}
	.banner .lunbo .swiper-slide .right .video{position:absolute;left:0;right:0;margin:0 auto;top:34%;}
	
	.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:35px;position:absolute;left:0;bottom:3%;width:48%;z-index:100;padding-left:1%;}
	.banner .lunbo .down .swiper-pagination{width:25%;top:13%;}
	.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;background-size:45% auto;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;background-size:45% auto;border:0;opacity:0.9;}
/*product*/
    .product .title{text-align:center;margin-top:3%;}
	.product .title h2{font-size:21px;color:#1a1a1a;margin:1.5% 0 1% 0;}
	.product .title span{padding:0.5% 6%;background:url(../images/products/bt.png) no-repeat center;background-size:25% auto;}
/*sort*/
	.product .mtl{margin-top:2.5%;}
	.sort-pro{border-bottom:1px solid #d1d1d1;padding-bottom:2%;margin-top:4%;}
	.sort-pro .row{margin:0 -1%;}
	.sort{width:23%;padding:0 1%;float:left;}
	.so-row{width:100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.54);
	border-radius:10px;padding:15% 0;}
	.sort-pro:hover .sort .so-row h3{color:#fff;}
	.sort-pro:hover .sort .so-row p{color:#fff;}
	.sort-pro:hover .sort .so-row .dzsb{border:1px solid #fff;background:#31475a;color:#fff;}
	.sort-pro:hover .sort .so-row .more{color:#fff;}
	.sort h3{font-size:16px;color:#1a1a1a;width:90%;margin:0 5%;margin-bottom:8%;}
	.sort span{height:3px;display:block;width:30%;background-image: linear-gradient(90deg,rgba(232, 199, 147, 0.98) 0%, rgba(207, 164, 90, 0.98) 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:2px;margin-left:5%;}
	.sort p{font-size:14px;color:#4d4d4d;line-height:30px;width:90%;margin:10% 13% 0 5%;height:90px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
	.sort .dzsb{width:90%;margin:11% 5% 0 5%;
	border:1px solid #728297;padding:3.5% 0;text-align:center;font-size:14px;color:#2e3641;}
	.sort .more{text-align:center;font-size:14px;color:#4d4d4d;margin-top:8%;}
	.sort-pro ul li{width:23%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.sort-pro ul li a{width:100%;padding-bottom:4%;position:relative;}
	.sort-pro ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.sort-pro ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.sort-pro ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.sort-pro ul li div .mask p span {font-size:13px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.sort-pro ul li:hover div .mask{display:block;}
	.sort-pro ul li h4{font-size:14px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.sort-pro ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.sort-pro ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.sort-pro ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.sort-pro ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 90%;display:none;}
	.banner .lunbo .swiper-slide .left{width:48%;float:left;position:relative;padding-top:2%;}
	.banner .lunbo .swiper-slide .left h1{font-size:18px;color:#e5e5e5;margin-top:0;}
	.banner .lunbo .swiper-slide .left p{font-size:14px;color:#fff;line-height:27px;}
	.banner .lunbo .swiper-slide .left p i{padding:0.75% 3%;background:url(../images/products/syfw.png) no-repeat left center;background-size:80% auto;}
	.banner .lunbo .swiper-slide .left span{font-size:14px;color:#ccc;padding-left:3%;}
	.banner .lunbo .swiper-slide .left ul{margin:2.5% -1%;}
	.banner .lunbo .swiper-slide .left ul li{width:31.33%;float:left;margin:0 1%;}
	.banner .lunbo .swiper-slide .left ul li a{width:100%;border:1px solid rgba(255,255,255,0.4);text-align:center;font-size:12px;color:#fff;padding:3% 0;}
	.banner .lunbo .swiper-slide .right{width:48%;float:right;border:3px solid rgba(255,255,255,0.29);position:relative;}
	.banner .lunbo .swiper-slide .right .det{position:absolute;right:0;bottom:0;width:16%;}
	.banner .lunbo .swiper-slide .right .video{position:absolute;left:0;right:0;margin:0 auto;top:34%;}
	
	.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:35px;position:absolute;left:0;bottom:3%;width:48%;z-index:100;padding-left:1%;}
	.banner .lunbo .down .swiper-pagination{width:25%;top:13%;}
	.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;background-size:45% auto;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;background-size:45% auto;border:0;opacity:0.9;}
/*product*/
	.product{padding:0 2%;}
    .product .title{text-align:center;margin-top:3%;}
	.product .title h2{font-size:0.3rem;color:#1a1a1a;margin:1.5% 0 1% 0;}
	.product .title span{padding:2% 6%;background:url(../images/products/bt.png) no-repeat center;background-size:5% auto;display:block;}
/*sort*/
	.product .mtl{margin-top:2.5%;}
	.sort-pro{border-bottom:1px solid #d1d1d1;padding-bottom:2%;margin-top:4%;}
	.sort-pro .row{margin:0 -1%;}
	.sort{width:98%;padding:0 1%;margin-bottom:5%;}
	.so-row{width:100%;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.54);border-radius:10px;padding:3% 0;}
	.sort-pro:hover .sort .so-row h3{color:#fff;}
	.sort-pro:hover .sort .so-row p{color:#fff;}
	.sort-pro:hover .sort .so-row .dzsb{border:1px solid #fff;background:#31475a;color:#fff;}
	.sort-pro:hover .sort .so-row .more{color:#fff;}
	.sort h3{font-size:0.27rem;color:#1a1a1a;width:90%;margin:0 5%;margin-bottom:2%;}
	.sort span{height:3px;display:block;width:30%;background-image: linear-gradient(90deg,rgba(232, 199, 147, 0.98) 0%, rgba(207, 164, 90, 0.98) 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;border-radius:2px;margin-left:5%;}
	.sort p{font-size:0.25rem;color:#4d4d4d;line-height:0.36rem;width:90%;margin:2.5% 0 0 5%;}
	.sort .dzsb{width:35%;margin:3% 5% 0 5%;
	border:1px solid #728297;padding:1.2% 0;text-align:center;font-size:0.24rem;color:#2e3641;float:left;}
	.sort .more{width:35%;margin:3% 5% 0 5%;
	border:1px solid #728297;padding:1.2% 0;text-align:center;font-size:0.24rem;color:#2e3641;float:right;}
	.sort-pro ul li{width:48%;padding:0 1%;float:left;margin-bottom:3%;}
	.sort-pro ul li a{width:100%;padding-bottom:4%;position:relative;}
	.sort-pro ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.sort-pro ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.sort-pro ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.sort-pro ul li div .mask p span {font-size:0.24rem;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.sort-pro ul li:hover div .mask{display:block;}
	.sort-pro ul li h4{font-size:0.25rem;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.sort-pro ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.sort-pro ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.sort-pro ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.sort-pro ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}

}