@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1600px) {
/*banner*/
	.banner{position:relative;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:46px;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;}
	.banner .title p{padding-left:2.1%;font-size:26px;color:#222;margin-top:0.5%;}
/*producr-sort*/
	.producr-sort{margin:2% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:16.666%;padding:0 0.5%;float:left;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:22px;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:46px;color:#222;text-align:center;margin:0;}
	.product p{font-size:22px;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:25%;padding:0 0.5%;float:left;margin-bottom:1.5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;}
	.product ul li a h3{font-size:24px;color:#222;text-align:center;margin:5% 0;font-weight:400;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:22px;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
    .year{margin-top:3%;}
	.year .left{width:5%;font-size:26px;color:#222;text-align:left;float:left;height:60px;line-height:60px;}
	.year ul{float:left;width:89%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:60px;line-height:60px;margin-bottom:30px;font-size:22px;color:#777;}
	.year ul li a{color:#222;}
	.year .right{width:5%;font-size:22px;color:#777;text-align:right;float:right;cursor:pointer;height:60px;line-height:60px;}
	.year .right:after{content:'';padding:0 18%;background:url(../images/case/year-jt1.png) no-repeat right center;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:25%;padding:0 1%;float:left;text-align:center;margin-bottom:2%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:194px;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:15%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:18px;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:20%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:7% 0 9% 0;font-size:42px;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:26px;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:22px;color:#222;height:84px;line-height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:22px;color:#222;display:block;text-align:right;margin:1% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:3% auto 5% auto;}
	.page a{font-size:18px;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:18px;color:#1A1A1A;}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
/*banner*/
	.banner{position:relative;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:42px;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;}
	.banner .title p{padding-left:2.1%;font-size:25px;color:#222;margin-top:0.5%;}
/*producr-sort*/
	.producr-sort{margin:2% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:16.666%;padding:0 0.5%;float:left;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:21px;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:40px;color:#222;text-align:center;margin:0;}
	.product p{font-size:21px;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:25%;padding:0 0.5%;float:left;margin-bottom:1.5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;}
	.product ul li a h3{font-size:24px;color:#222;text-align:center;margin:5% 0;font-weight:400;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:22px;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
    .year{margin-top:3%;}
	.year .left{width:5%;font-size:26px;color:#222;text-align:left;float:left;height:50px;line-height:50px;}
	.year ul{float:left;width:89%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:50px;line-height:50px;margin-bottom:25px;font-size:22px;color:#777;}
	.year ul li a{color:#222;}
	.year .right{width:5%;font-size:22px;color:#777;text-align:right;float:right;cursor:pointer;height:50px;line-height:50px;}
	.year .right:after{content:'';padding:0 18%;background:url(../images/case/year-jt1.png) no-repeat right center;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:25%;padding:0 1%;float:left;text-align:center;margin-bottom:2%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:194px;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:15%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:18px;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:20%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:7% 0 9% 0;font-size:36px;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:24px;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:20px;color:#222;height:84px;line-height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:20px;color:#222;display:block;text-align:right;margin:1% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:3% auto 5% auto;}
	.page a{font-size:18px;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:18px;color:#1A1A1A;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner{position:relative;}
	.banner img{width:100%;height:240px;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:30px;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;background-size:0.75% auto;}
	.banner .title p{padding-left:2.1%;font-size:21px;color:#222;margin-top:0.5%;}
/*producr-sort*/
	.producr-sort{margin:2% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:16.666%;padding:0 0.5%;float:left;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:18px;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:30px;color:#222;text-align:center;margin:0;}
	.product p{font-size:18px;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:25%;padding:0 0.5%;float:left;margin-bottom:1.5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;}
	.product ul li a h3{font-size:21px;color:#222;text-align:center;margin:5% 0;font-weight:400;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:18px;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
    .year{margin-top:3%;}
	.year .left{width:5%;font-size:21px;color:#222;text-align:left;float:left;height:50px;line-height:50px;}
	.year ul{float:left;width:89%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:50px;line-height:50px;margin-bottom:25px;font-size:18px;color:#777;}
	.year ul li a{color:#222;}
	.year .right{width:5%;font-size:18px;color:#777;text-align:right;float:right;cursor:pointer;height:50px;line-height:50px;}
	.year .right:after{content:'';padding:0 18%;background:url(../images/case/year-jt1.png) no-repeat right center;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:25%;padding:0 1%;float:left;text-align:center;margin-bottom:2%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:194px;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:15%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:18px;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:20%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:6% 0 9% 0;font-size:30px;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;background-size:90% auto;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;background-size:7% auto;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:21px;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:17px;color:#222;height:72px;line-height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:17px;color:#222;display:block;text-align:right;margin:1% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:3% auto 5% auto;}
	.page a{font-size:18px;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:18px;color:#1A1A1A;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner{position:relative;}
	.banner img{width:100%;height:240px;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:25px;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;background-size:0.5% auto;}
	.banner .title p{padding-left:2.1%;font-size:18px;color:#222;margin-top:0.5%;}
/*producr-sort*/
	.producr-sort{margin:2% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:16.666%;padding:0 0.5%;float:left;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:15px;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:27px;color:#222;text-align:center;margin:0;}
	.product p{font-size:16px;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:25%;padding:0 0.5%;float:left;margin-bottom:1.5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;}
	.product ul li a h3{font-size:18px;color:#222;text-align:center;margin:5% 0;font-weight:400;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:16px;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
    .year{margin-top:3%;}
	.year .left{width:5%;font-size:18px;color:#222;text-align:left;float:left;height:40px;line-height:40px;}
	.year ul{float:left;width:85%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:40px;line-height:40px;margin-bottom:10px;font-size:16px;color:#777;}
	.year ul li a{color:#222;}
	.year .right{width:10%;font-size:18px;color:#777;text-align:right;float:right;cursor:pointer;height:40px;line-height:40px;}
	.year .right:after{content:'';padding:0 10%;background:url(../images/case/year-jt1.png) no-repeat right center;background-size:80% auto;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:25%;padding:0 1%;float:left;text-align:center;margin-bottom:2%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:129px;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:15%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:16px;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:20%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:6% 0 9% 0;font-size:24px;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;background-size:90% auto;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;background-size:7% auto;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list{padding:0 2%;}
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:18px;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:16px;color:#222;height:54px;line-height:27px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:16px;color:#222;display:block;text-align:right;margin:1% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:3% auto 5% auto;}
	.page a{font-size:18px;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:18px;color:#1A1A1A;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner{position:relative;}
	.banner img{width:100%;height:160px;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:20px;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;background-size:0.5% auto;}
	.banner .title p{padding-left:2.1%;font-size:15px;color:#222;margin-top:0.5%;}
/*producr-sort*/
	.producr-sort{margin:3% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:16.666%;padding:0 0.5%;float:left;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:16px;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li a span{display:none;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:24px;color:#222;text-align:center;margin:2% 0;}
	.product p{font-size:15px;line-height:27px;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:33.33%;padding:0 0.5%;float:left;margin-bottom:1.5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;}
	.product ul li a h3{font-size:18px;color:#222;text-align:center;margin:5% 0;font-weight:400;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:16px;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
	.year .left{width:5%;font-size:16px;color:#222;text-align:left;float:left;height:40px;line-height:40px;}
	.year ul{float:left;width:85%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:40px;line-height:40px;margin-bottom:10px;font-size:16px;color:#777;}
	.year ul li a{color:#222;}
	.year .right{width:10%;font-size:16px;color:#777;text-align:right;float:right;cursor:pointer;height:40px;line-height:40px;}
	.year .right:after{content:'';padding:0 10%;background:url(../images/case/year-jt1.png) no-repeat right center;background-size:80% auto;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:25%;padding:0 1%;float:left;text-align:center;margin-bottom:2%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:115px;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:15%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:15px;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:20%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:6% 0 9% 0;font-size:18px;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;background-size:90% auto;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;background-size:7% auto;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list{padding:0 2%;}
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:16px;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:15px;color:#222;height:54px;line-height:27px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:15px;color:#222;display:block;text-align:right;margin:1% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:3% auto 5% auto;}
	.page a{font-size:16px;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:16px;color:#1A1A1A;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner{position:relative;}
	.banner img{width:100%;height:120px;}
	.banner .title{position:absolute;left:0;right:0;bottom:0;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);padding:1% 0;}
	.banner .title h1{font-size:0.3rem;color:#222;margin:0;padding-left:2%;background:url(../images/product/banner-line.png) no-repeat left center;background-size:1% auto;}
	.banner .title p{padding-left:2.1%;font-size:0.24rem;color:#222;margin-top:2%;}
/*producr-sort*/
	.producr-sort{margin:3% auto;}
	.producr-sort ul{margin:0 -0.5%;}
	.producr-sort ul li{width:33.33%;padding:0 0.5%;float:left;margin:1% 0;}
	.producr-sort ul li a{width:100%;padding:9% 0;text-align:center;font-size:0.25rem;color:#1C5989;background:#ECEFF8;border-radius:10px;border:1px solid #227EBD;}
	.producr-sort ul li a span{display:none;}
	.producr-sort ul li.active a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
                .producr-sort ul li.active1 a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
	.producr-sort ul li:hover a{background:linear-gradient(90deg, #1C5988 0%, #227EBD 100%);border:1px solid #227EBD;color:#fff;}
/*product*/
	.product{margin:2.5% auto 2% auto;}
	.product h2{font-size:0.36rem;color:#222;text-align:center;margin:2% 0;}
	.product p{font-size:0.25rem;line-height:0.36rem;color:#222;text-align:center;margin-top:1%;margin-bottom:3%;}
	.product ul{margin:0 -0.5%;}
	.product ul li{width:50%;padding:0 0.5%;float:left;margin-bottom:5%;}
	.product ul li a{padding:0.5% 0.5% 5% 0.5%;border:1px solid #eee;font-size:0;}
	.product ul li a h3{font-size:0.27rem;color:#222;text-align:center;margin:5% 0;font-weight:bold;}
	.product ul li img{width:100%;}
	.product ul li span{width:40%;margin:0 5%;display:inline-block;font-size:0.24rem;padding:1% 0;color:#222;border:1px solid #7D7D7D;text-align:center;}
	.product ul li:hover a{-moz-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);-webkit-box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);box-shadow:0px 2px 16px 0px rgba(8,1,3,0.2);}
	.product ul li:hover h3{color:#FF522F;}
	.product ul li span:hover{background:#FF522F;color:#fff;border:1px solid #FF522F;}
	
/*case*/
    /*year*/
	.year .left{width:5%;font-size:0.26rem;color:#222;text-align:left;float:left;height:40px;line-height:40px;display:none;}
	.year ul{float:left;width:100%;}
	.year ul li{border:1px solid #000;width:10.5%;margin:0 1%;float:left;text-align:center;height:40px;line-height:40px;margin-bottom:10px;font-size:0.26rem;color:#777;}
	.year ul li a{color:#222;}
	.year ul div{display:none;}
	.year .right{width:10%;font-size:16px;color:#777;text-align:right;float:right;cursor:pointer;height:40px;line-height:40px;display:none;}
	.year .right:after{content:'';padding:0 10%;background:url(../images/case/year-jt1.png) no-repeat right center;background-size:80% auto;}
    /*anli*/
	.anli .row{display:none;}
    .anli .row li{width:50%;padding:0 1%;float:left;text-align:center;margin-bottom:5%;}
	.anli .row li a{width:100%;display:block;padding-top:0;position:relative;-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);}
	.anli .row li a:hover{-webkit-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);-moz-box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);box-shadow:0px 8px 6px 0px rgba(8,1,3,0.12);border-radius:8px;}
	.anli .row li a .tu{position:relative;height:1.8rem;border-radius:8px 8px 0px 0px;overflow:hidden;padding-bottom:3%;font-size:0;}
	.anli .row li a .tu img{display:block;}
	.anli .row li a .tu .video{position:absolute;left:0;right:0;margin:0 auto;top:36%;width:20%;}
	.anli .row li a .tu .mask{height:0;transition:all 0.5s;}
	.anli .row li a .tu .mask p{position:absolute;left:0;right:0;top:40%;margin:0 auto; height:auto;display:inline-block;width:30%;font-size:18px;color:#fff;padding:1%;border-radius:5px;display:none;transition:all 0.5s;bordeR:1px solid #fff;}
	.anli .row li:hover a .tu .mask p{display:block;}
	.anli .row li span{width:20%;height:3px;margin:0 auto;background-image: linear-gradient(90deg, #243a61 0%, #f54a08 100%);display:block;transition:width 1s;position:absolute;left:0;right:0;bottom:0;border:0;padding:0;}
	.anli .row li:hover span{width:100%;}
	.anli .row li h3{font-size:0.27rem;color:#1a1a1a;margin:5% auto 5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}	
	
/*news*/
    /*news-sort*/
	.news-sort-bj{background:#F5F7FB;margin:2% 0;padding-bottom:1.5%;}
	.news-sort div{width:30%;font-weight:bold;margin-right:5%;text-align:center;float:left;}
	.news-sort div a{padding:6% 0 9% 0;font-size:0.36rem;color:#222;background:url(../images/news/bt-line.png) no-repeat center 75%;background-size:90% auto;}
	.news-sort .active{background:url(../images/news/bt-jt.png) no-repeat center bottom;background-size:10% auto;}
	.news-sort .active a{color:#1C5988;}
    /*news-list*/
	.news-list{padding:0 2%;}
	.news-list ul li a{width:100%;border-bottom:1px solid #EDEDED;}
	.news-list ul li h3{font-size:0.3rem;color:#222;margin:1.5% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.news-list ul li p{font-size:0.27rem;color:#222;height:0.9rem;line-height:0.45rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.news-list ul li span{font-size:0.27rem;color:#222;display:block;text-align:right;margin:2% 0 2% 0;}
	.news-list ul li a:hover{border-bottom:1px solid #227EBD;;}
	.news-list ul li a:hover h3{color:#227EBD;}
	.news-list ul li a:hover span{color:#227EBD;}
	/*page*/
	.page{text-align:center;margin:8% auto 5% auto;}
	.page a{font-size:0.3rem;color:#777;padding:0.5% 1%;text-align:center;margin:0 1%;display:inline-block;border:1px solid #dbe1e3;}
	.page a:hover{background:#DBE1E3;color:#000;}
	.page{font-size:0.3rem;color:#1A1A1A;}
}