@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1400px) {
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:4.5%;}
	.banner{position:relative;}
	.banner h1{text-align:center;font-size:30px;color:#fff;font-family:Arial-Black;}
	.banner p{font-size:16px;color:#e6e6e6;text-align:center;}
	.banner p:before{content:'';padding:1% 2.5%;background:url(../images/products/bt.png) no-repeat left center;}
	.banner .more{position:absolute;right:0;top:55%;background-image: linear-gradient(90deg,#eb822d 0%,#f1ad4c 100%);border-radius:16px 0px 16px 16px;font-size:16px;color:#fff;padding:1.1% 0;display:block;width:16%;text-align:center;}
	.banner .more i{padding:5% 9%;background:url(../images/products/lx.png) no-repeat center;}
/*process*/
    .process{padding:0 0.5% 0.5% 0.5%;background:url(../images/products/lcbj.png) no-repeat;background-size:100% auto;margin-top:-3%;}
	.process img{display:block;border-radius:20px;}
/*product*/
    .product-bj{padding:0.5% 0;}
	.product{padding-top:2%;}
	.product .left{width:23.5%;float:left;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;background:#fff;}
	.product .left h2{font-size:24px;color:#fff;background:linear-gradient(-90deg, #4768B8 0%,#0A3C8B 100%);margin:0;text-align:center;padding:20px 0;}
	.product .left ul{width:100%;}
	.product .left ul li{font-size:18px;color:#1A1A1A;padding:0 6%;border-bottom:1px solid #E5E5E5;}
	.product .left ul li a{width:100%;padding:5% 0;font-size:18px;color:#1A1A1A;}
	.product .left ul li a:hover{color:#0A3C8B;font-weight:bold;}
	.product dl{width:75.5%;padding:0 0 0 0.5%;float:right;}
	.product dd{width:32.33%;padding:0 0.5%;margin-bottom:3%;float:left;}
	.product dd a{width:100%;border-radius:10px;overflow:hidden;background-image: linear-gradient(90deg,#d9ebff 0%, #c3d3e7 100%);display:block;padding-bottom:1%;}
	.product dd .tu{position:relative;border-radius:10px;overflow:hidden;}
	.product dd .tu img{display:block;transition:All 0.5s ease-in-out;}
	.product dd .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;margin:0 auto;background-color:rgba(40,40,40,0.6);display:none;}
	.product dd .tu .mask img{position:absolute;left:0;right:0;top:40%;margin:0 auto;}
	.product dd .tit{background-image:linear-gradient(90deg,#ffffff 0%, #e7e7e7 100%);border-radius:0px 30px 30px 20px;width:98%;margin:1.6% 0 0 0;padding:2% 0;}
	.product dd .tit h3{font-size:17px;color:#333;padding:0 3%;margin:1% 0 2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
	.product dd .tit p{font-size:16px;color:#666;padding:0 3%;margin:0;}
	.product dd:hover .tu img{transform:scale(1.1);}
	.product dd:hover .tu .mask{display:block;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:4.5%;}
	.banner{position:relative;}
	.banner h1{text-align:center;font-size:27px;color:#fff;font-family:Arial-Black;}
	.banner p{font-size:15px;color:#e6e6e6;text-align:center;}
	.banner p:before{content:'';padding:1% 2.5%;background:url(../images/products/bt.png) no-repeat left center;background-size:70% auto;}
	.banner .more{position:absolute;right:1%;top:55%;background-image: linear-gradient(90deg,#eb822d 0%,#f1ad4c 100%);border-radius:16px 0px 16px 16px;font-size:15px;color:#fff;padding:1.1% 0;display:block;width:16%;text-align:center;}
	.banner .more i{padding:5% 9%;background:url(../images/products/lx.png) no-repeat center;}
/*process*/
    .process{padding:0 0.5% 0.5% 0.5%;background:url(../images/products/lcbj.png) no-repeat;background-size:100% auto;margin-top:-3%;}
	.process img{display:block;border-radius:20px;width:100%;}
/*product*/
    .product-bj{padding:0.5% 0;}
	.product{padding-top:2%;}
	.product .left{width:23.5%;float:left;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;background:#fff;}
	.product .left h2{font-size:21px;color:#fff;background:linear-gradient(-90deg, #4768B8 0%,#0A3C8B 100%);margin:0;text-align:center;padding:20px 0;}
	.product .left ul{width:100%;}
	.product .left ul li{font-size:16px;color:#1A1A1A;padding:0 6%;border-bottom:1px solid #E5E5E5;}
	.product .left ul li a{width:100%;padding:6% 0;font-size:16px;color:#1A1A1A;}
	.product .left ul li a:hover{color:#0A3C8B;font-weight:bold;}
	.product dl{width:75.5%;padding:0 0 0 0.5%;float:right;}
	.product dd{width:32.33%;padding:0 0.5%;margin-bottom:3%;float:left;}
	.product dd a{width:100%;border-radius:10px;overflow:hidden;background-image: linear-gradient(90deg,#d9ebff 0%, #c3d3e7 100%);padding-bottom:1%;display:block;}
	.product dd .tu{position:relative;border-radius:10px;overflow:hidden;}
	.product dd .tu img{display:block;transition:All 0.5s ease-in-out;}
	.product dd .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;margin:0 auto;background-color:rgba(40,40,40,0.6);display:none;}
	.product dd .tu .mask img{position:absolute;left:0;right:0;top:40%;margin:0 auto;}
	.product dd .tit{background-image:linear-gradient(90deg,#ffffff 0%, #e7e7e7 100%);border-radius:0px 30px 30px 20px;width:98%;margin:1.6% 0 0 0;padding:2% 0;}
	.product dd .tit h3{font-size:16px;color:#333;padding:0 3%;margin:1% 0 2% 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
	.product dd .tit p{font-size:15px;color:#666;padding:0 3%;margin:0;}
	.product dd:hover .tu img{transform:scale(1.1);}
	.product dd:hover .tu .mask{display:block;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:4.5%;}
	.banner{position:relative;}
	.banner h1{text-align:center;font-size:24px;color:#fff;font-family:Arial-Black;}
	.banner p{font-size:15px;color:#e6e6e6;text-align:center;}
	.banner p:before{content:'';padding:1% 2.5%;background:url(../images/products/bt.png) no-repeat left center;background-size:70% auto;}
	.banner .more{position:absolute;right:1%;top:42%;background-image: linear-gradient(90deg,#eb822d 0%,#f1ad4c 100%);border-radius:16px 0px 16px 16px;font-size:15px;color:#fff;padding:1.1% 0;display:block;width:16%;text-align:center;}
	.banner .more i{padding:5% 9%;background:url(../images/products/lx.png) no-repeat center;}
/*process*/
    .process{padding:0 0.5% 0.5% 0.5%;background:url(../images/products/lcbj.png) no-repeat;background-size:100% auto;margin-top:-3%;}
	.process img{display:block;border-radius:20px;width:100%;}
/*product*/
    .product-bj{padding:0.5% 0;}
	.product{padding-top:2%;}
	.product .left{width:23.5%;float:left;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;background:#fff;}
	.product .left h2{font-size:16px;color:#fff;background:linear-gradient(-90deg, #4768B8 0%,#0A3C8B 100%);margin:0;text-align:center;padding:15px 0;}
	.product .left ul{width:100%;}
	.product .left ul li{font-size:15px;padding:0 3%;border-bottom:1px solid #E5E5E5;}
	.product .left ul li a{width:100%;padding:6% 0;font-size:15px;color:#1A1A1A;}
	.product .left ul li a:hover{color:#0A3C8B;font-weight:bold;}
	.product dl{width:75.5%;padding:0 0 0 0.5%;float:right;}
	.product dd{width:32.33%;padding:0 0.5%;margin-bottom:3%;float:left;}
	.product dd a{width:100%;border-radius:10px;overflow:hidden;background-image: linear-gradient(90deg,#d9ebff 0%, #c3d3e7 100%);padding-bottom:1%;display:block;}
	.product dd .tu{position:relative;border-radius:10px;overflow:hidden;}
	.product dd .tu img{display:block;transition:All 0.5s ease-in-out;}
	.product dd .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;margin:0 auto;background-color:rgba(40,40,40,0.6);display:none;}
	.product dd .tu .mask img{position:absolute;left:0;right:0;top:40%;margin:0 auto;}
	.product dd .tit{background-image:linear-gradient(90deg,#ffffff 0%, #e7e7e7 100%);border-radius:0px 30px 30px 20px;width:98%;margin:1.6% 0 0 0;padding:2% 0;}
	.product dd .tit h3{font-size:15px;color:#333;padding:0 3%;margin:1% 0 2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
	.product dd .tit p{font-size:14px;color:#666;padding:0 3%;margin:0;}
	.product dd:hover .tu img{transform:scale(1.1);}
	.product dd:hover .tu .mask{display:block;}
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:4.5%;}
	.banner{position:relative;}
	.banner h1{text-align:center;font-size:20px;color:#fff;font-family:Arial-Black;}
	.banner p{font-size:14px;color:#e6e6e6;text-align:center;}
	.banner p:before{content:'';padding:1% 2.5%;background:url(../images/products/bt.png) no-repeat left center;background-size:70% auto;}
	.banner .more{position:absolute;right:1%;top:38%;background-image: linear-gradient(90deg,#eb822d 0%,#f1ad4c 100%);border-radius:16px 0px 16px 16px;font-size:14px;color:#fff;padding:1.1% 0;display:block;width:21%;text-align:center;}
	.banner .more i{padding:5% 9%;background:url(../images/products/lx.png) no-repeat center;background-size:65% auto;}
/*process*/
    .process{padding:0 0.5% 0.5% 0.5%;background:url(../images/products/lcbj.png) no-repeat;background-size:100% auto;margin-top:-3%;}
	.process img{display:block;border-radius:20px;width:100%;}
/*product*/
    .product-bj{padding:0.5% 0;}
	.product{padding-top:2%;}
	.product .left{width:23.5%;float:left;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;background:#fff;}
	.product .left h2{font-size:14px;color:#fff;background:linear-gradient(-90deg, #4768B8 0%,#0A3C8B 100%);margin:0;text-align:center;padding:10px 0;}
	.product .left ul{width:100%;}
	.product .left ul li{font-size:15px;padding:0 1%;border-bottom:1px solid #E5E5E5;}
	.product .left ul li a{width:100%;padding:6% 0;font-size:13px;color:#1A1A1A;}
	.product .left ul li a:hover{color:#0A3C8B;font-weight:bold;}
	.product dl{width:75.5%;padding:0 0 0 0.5%;float:right;}
	.product dd{width:32.33%;padding:0 0.5%;margin-bottom:3%;float:left;}
	.product dd a{width:100%;border-radius:10px;overflow:hidden;background-image: linear-gradient(90deg,#d9ebff 0%, #c3d3e7 100%);padding-bottom:1%;display:block;}
	.product dd .tu{position:relative;border-radius:10px;overflow:hidden;}
	.product dd .tu img{display:block;transition:All 0.5s ease-in-out;}
	.product dd .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;margin:0 auto;background-color:rgba(40,40,40,0.6);display:none;}
	.product dd .tu .mask img{position:absolute;left:0;right:0;top:40%;margin:0 auto;}
	.product dd .tit{background-image:linear-gradient(90deg,#ffffff 0%, #e7e7e7 100%);border-radius:0px 30px 30px 20px;width:98%;margin:1.6% 0 0 0;padding:2% 0;}
	.product dd .tit h3{font-size:14px;color:#333;padding:0 3%;margin:1% 0 2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
	.product dd .tit p{font-size:12px;color:#666;padding:0 3%;margin:0;}
	.product dd:hover .tu img{transform:scale(1.1);}
	.product dd:hover .tu .mask{display:block;}
}

@media screen and (max-width:769px) {
    .top{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
/*banner*/
    .banner-bj{background:url(../images/products/bj.jpg) no-repeat;background-size:100% 100%;padding:0 2% 4.5% 2%;}
	.banner{position:relative;}
	.banner h1{text-align:center;font-size:0.34rem;color:#fff;font-family:Arial-Black;}
	.banner p{font-size:0.25rem;color:#e6e6e6;text-align:center;}
	.banner p:before{content:'';padding:1% 3.5%;background:url(../images/products/bt.png) no-repeat left center;background-size:90% auto;}
	.banner .more{position:absolute;right:1%;top:38%;background-image: linear-gradient(90deg,#eb822d 0%,#f1ad4c 100%);border-radius:16px 0px 16px 16px;font-size:14px;color:#fff;padding:1.1% 0;width:21%;text-align:center;display:none;}
	.banner .more i{padding:5% 9%;background:url(../images/products/lx.png) no-repeat center;background-size:65% auto;}
/*process*/
    .process{padding:0 0.5% 0.5% 0.5%;background:url(../images/products/lcbj.png) no-repeat;background-size:100% auto;margin-top:-3%;display:none;}
	.process img{display:block;border-radius:20px;width:100%;}
	
/*product*/
    .product-bj{padding:3% 0;}
	.product{padding-top:5%;}
	.product .left{width:23.5%;float:left;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;background:#fff;display:none;}
	.product .left h2{font-size:14px;color:#fff;background:linear-gradient(-90deg, #4768B8 0%,#0A3C8B 100%);margin:0;text-align:center;padding:10px 0;}
	.product .left ul{width:100%;}
	.product .left ul li{font-size:15px;padding:0 1%;border-bottom:1px solid #E5E5E5;}
	.product .left ul li a{width:100%;padding:6% 0;font-size:13px;color:#1A1A1A;}
	.product .left ul li a:hover{color:#0A3C8B;font-weight:bold;}
	.product dl{width:96%;padding:0 2% 0 2%;float:right;}
	.product dd{width:48%;padding:0 1%;margin-bottom:3%;float:left;}
	.product dd a{width:100%;border-radius:10px;overflow:hidden;background-image: linear-gradient(90deg,#d9ebff 0%, #c3d3e7 100%);padding-bottom:1%;display:block;}
	.product dd .tu{position:relative;border-radius:10px;overflow:hidden;}
	.product dd .tu img{display:block;transition:All 0.5s ease-in-out;}
	.product dd .tu .mask{position:absolute;left:0;right:0;top:0;width:100%;height:100%;margin:0 auto;background-color:rgba(40,40,40,0.6);display:none;}
	.product dd .tu .mask img{position:absolute;left:0;right:0;top:40%;margin:0 auto;}
	.product dd .tit{background-image:linear-gradient(90deg,#ffffff 0%, #e7e7e7 100%);border-radius:0px 30px 30px 20px;width:98%;margin:1.6% 0 0 0;padding:2% 0;}
	.product dd .tit h3{font-size:0.25rem;color:#333;padding:0 3%;margin:1% 0 2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
	.product dd .tit p{font-size:0.21rem;color:#666;padding:0 3%;margin:0;}
	.product dd:hover .tu img{transform:scale(1.1);}
	.product dd:hover .tu .mask{display:block;}
}