@charset "utf-8";
/* CSS Document */
.hot-case .right .small-img li.active p{display:none;}
.hot-case .right .video-img a{width:100%;}
.hot-case .right .small-img li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:right;background:rgb(12, 12, 12, 0.5);padding:1% 2%;width:96%;}

@media screen and (min-width: 1380px)  {
/*hot product*/
    .hot-pro-bj{background:url(../images/index/ztcp_bj.jpg) no-repeat;}
	.in-tit{text-align:center;background:url(../images/index/bt.png) no-repeat bottom center;}
	.in-tit h1{margin:2% 0;font-size:34px;}
	.hot-p{background-color:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f4f4f4 0%,#f3f0eb 100%);border-image-slice: 1;padding:1.5%;margin-top:2.1%;display:none;}
	.hot-p .tu{width:53.5%;float:left;}
    .hot-p .tu img{background-color:#fff;border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f0f0f0 0%, #eedfc5 100%);border-image-slice: 1;}
	.hot-p .wz{width:43%;float:right;position:relative;}
	.hot-p .wz .sbys{position:absolute;right:5%;top:41%;}
	.hot-p .wz .tit{margin-top:3%;background:url(../images/index/hotsales.png) no-repeat;background-position: 0 40%;position:relative;}
	.hot-p .wz .tit span{padding:2% 0 2% 8%;background:url(../images/index/ztcp_tb.png) no-repeat left center;background-size:6% auto;width:92%;display:block;font-size:18px;color:#282828;}
	.hot-p .wz .tit h2{padding:0.5% 0;margin:0.5% 0;font-size:32px;color:#282828;}
	.hot-p .wz .tit h2 a{ color:#282828;}
	.hot-p .wz .tit img{position:absolute;right:0;top:7%;}
	.hot-p .wz ul{width:60%;}
	.hot-p .wz ul li{padding:4% 0 4% 21%;margin:4% 0;font-weight:bold;}
	.hot-p .wz ul li.cn{background:url(../images/index/ztcp_nl2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz ul li.ry{background:url(../images/index/ztcp_ry2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz .zx{background:url(../images/index/ztcp_neibj.jpg) no-repeat left center;padding:1%;margin-top:3%;}
	.hot-p .wz .zx p{background-color: #ffffff;
	box-shadow: inset 0px 0px 9px 0px rgba(7, 7, 7, 0.21);border-radius: 20px 20px 0px 0px;padding:3% 5%;font-size:17px;color:#484848;line-height:34px;margin-bottom:4%;}
	.hot-p .wz .zx .wxh{font-size:16px;color:#1a1a1a;padding-left:10%;background:url(../images/index/ztcp_dh.png) no-repeat 5% center;}
	.hot-p .wz .zx .wxh b{color:#a60000;font-size:18px;}
	.hot-p .wz .zx .zxzx{width:35%;float:right;text-align:center;font-size:16px;color:#fff;background-color:#960000;
	border-radius: 20px;padding:1.8% 0;}
	.hot-p .wz .zx .zxzx i{padding:1% 8%;background:url(../images/index/ztcp_zxzx.png) no-repeat left center;}
	.hot-pro  .hot-nav{margin:3% 0;}
	.hot-pro  .hot-nav li{width:16.6%;float:left;text-align:center;font-size:20px;color:#1a1a1a;font-weight:bold;cursor:pointer;}
	.hot-pro  .hot-nav li a{ color:#1a1a1a;}
	.hot-pro  .hot-nav li i.zuo{padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;display:none;}
	.hot-pro  .hot-nav li i.you{padding:0 10%;background:url(../images/index/ztcp_yy.png) no-repeat right center;}
	.hot-pro  .hot-nav .active .zuo{display:inline-block;padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;}
/*cp sort*/
    .in-sort-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat bottom;padding-bottom:1.5%;}
	.smalltext{font-size:17px;color:#666;text-align:center;margin:1.6% 0;}
	.in-sort .sort .sort-nav{margin:2% -1.5% 7% -1.5%;}
	.in-sort .sort .sort-nav li{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav .ckqb{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav li a{width:100%;text-align:center;}
	.in-sort .sort .sort-nav li img{width:80%;margin:2% auto;opacity:0; transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li div{font-size:20px;color:#6a6a6a;margin:6% 0 4% 0;transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li span{width:32px;height:32px;line-height:32px;display:block;border-radius:50%;border:1px solid #6a6a6a;font-size:17px;color:#6a6a6a;margin:0 auto;}
	.in-sort .sort .sort-nav .ckqb b{display:block;width:76%;margin:0 12%;font-size:18px;color:#fff;background-image: linear-gradient(90deg,#b90000 0%,#850000 100%);border-radius:23px;padding:3% 0;}
	.in-sort .sort .sort-nav .ckqb:hover b{background:linear-gradient(90deg,#b90000 0%,#d15e25 100%);}
	.in-sort .sort .sort-nav li:hover div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li:hover span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li:hover img{transform:translate(0,-10%);opacity:1;}
	
	.in-sort .sort .sort-nav li.active div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li.active span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li.active img{transform:translate(0,-10%);opacity:1;}
/*product*/
	.pro{margin:0 -1%;display:none;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat 95% 95%;}
	.pro li a:hover{background:url(../images/index/cpzx_cpbj_hover.png) no-repeat 95% 95%;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li h3{width:90%;padding:3.5% 0 9% 10%;margin:0;font-size:19px;color:#2c2c2c;}
	.pro li a:hover h3{color:#fff;}
/*hot-case*/
    .case-tit-bj{background:url(../images/index/anli_btbj.jpg) no-repeat;}
	.hot-case-bj{background:url(../images/index/anli_bj.jpg) no-repeat;padding:3% 0;}
	.hot-case .left{width:18.7%;float:left;position:relative;}
	.hot-case .left div{background:url(../images/index/anli_zuox.png) no-repeat;background-size:100% 100%;padding:15% 8% 15% 8%;width:78.4%;position:absolute;top:60%;}
	.hot-case .left div ul{margin-top:27.5%;}
	.hot-case .left div ul li{width:100%;font-size:16px;color:#fff;padding:8% 0;border-bottom:1px dashed #d6d6d6;text-align:center;cursor:pointer;}
	.hot-case .left div .alzx{border-radius:20px;border:1px solid #c2a06c;width:100%;padding:3.8% 0;font-size:16px;color:#fff;text-align:center;margin:10% 0;}
	.hot-case .left div ul li:hover{color:#ccc;font-size:16px;}
	.hot-case .left div ul li.active{color:#ccc;font-size:16px;}
/*right*/
	.hot-case .right{width:79%;float:right;position:relative;display:none;}
	.hot-case .right .video-img{position:relative;display:none;}
	.hot-case .right .video-img .tu{width:74.5%;}
	.hot-case .right .video-img .jdal{position:absolute;right:25.5%;top:0;}
	.hot-case .right .video-img .video{position:absolute;left:37.25%;top:35%;}
    /*down*/
	.hot-case .right .video-img .js{width:90%;padding:0 5%;background-image: linear-gradient(90deg,#880303 0%, #dab77f 100%);box-shadow: 0px 6px 0px 0px rgba(196, 186, 168, 0.43);border-radius: 0px 20px 0px 20px;border: solid 2px rgba(255, 255, 255, 0.44);margin-top:2%;}
	.hot-case .right .video-img .js h3{font-size:20px;color:#fff;margin:1.5% 0;width:50%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.hot-case .right .video-img .js h3 a{ color:#fff;}
	.hot-case .right .video-img .js ul{width:40%;float:right;margin-top:1%;}
	.hot-case .right .video-img .js ul .cl{width:55%;float:left;padding:1.4% 0 1.4% 10%;background:url(../images/index/anli_cl.png) no-repeat left center;}
	.hot-case .right .video-img .js ul .cl a{font-size:17px;color:#fff;}
	.hot-case .right .video-img .js ul .xq{width:35%;float:right;padding:1% 0;}
	.hot-case .right .video-img .js ul .xq img{width:100%;}
	.hot-case .right .video-img .js ul li a{width:100%;}
    /*right small img*/
	.hot-case .right .small-img{width:22.4%;float:right;position:absolute;right:0;top:0;}
	.hot-case .right .small-img li{position:relative;margin-bottom:7%;background-color:rgba(255,255,255,0);border-style: solid;border-image-source: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);border-image-slice: 1;}
	.hot-case .right .small-img li.active{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}
/*	.hot-case .right .small-img li:hover{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}*/
	
	.hot-case .right .small-img li p{position:absolute;bottom:0;z-index:1;font-size:16px;color:#fff;font-weight:bold;}
/*news-center*/
    /*company*/
	.news-sort .gsxw h2{font-size:22px;color:#000;padding-left:5%;background:url(../images/index/xw_zs.png) no-repeat left center;margin-bottom:3%;}
	.news-sort .gsxw h2 a{font-size:17px;color:#525252;font-weight:400;margin-left:5%;}
	.news-sort .gsxw{width:62%;float:left;}
	.news-sort .gsxw .gsxw-one{margin-bottom:3%;}
	.news-sort .gsxw .gsxw-one a{width:100%;}
	.news-sort .gsxw .gsxw-one .img{width:38.3%;float:left;border-radius:16px;overflow:hidden;}
	.news-sort .gsxw .gsxw-one .we{width:58%;float:right;}
	.news-sort .gsxw .gsxw-one .we h3{font-size:20px;color:#1a1a1a;margin:2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw .gsxw-one .we span{font-size:18px;color:#4d4d4d;}
	.news-sort .gsxw .gsxw-one .we p{margin-top:2%;font-size:18px;color:#4d4d4d;line-height:34px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.news-sort .gsxw ul li{padding:2.5% 0;border-top:1px solid #b9b9b9;}
	.news-sort .gsxw ul li a{width:100%;}
	.news-sort .gsxw ul li h3{width:72%;float:left;margin:0;font-size:18px;color:#1a1a1a;padding-left:8%;background:url(../images/index/xw_hx.png) no-repeat 2% center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw ul li span{width:19%;float:right;text-align:right;font-size:18px;color:#666;}
	/*industry*/
	.news-sort .hyxw h2{font-size:22px;color:#000;padding-left:8%;background:url(../images/index/xw_zs.png) no-repeat left center;margin-bottom:6%;}
	.news-sort .hyxw h2 a{font-size:17px;color:#525252;font-weight:400;margin-left:7%;}
	.news-sort .hyxw{width:34%;float:right;}
	.news-sort .hyxw ul li{background-image: linear-gradient(90deg, #eaeaea 0%, #f4f4f4 100%);border-radius: 27px;margin-bottom:4%;position:relative;}
	.news-sort .hyxw ul li a{width:80%;margin:0 10%;text-align:center;padding:3% 0;font-size:17px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .hyxw ul li img{position:absolute;right:0;top:30%;display:none;}
	.news-sort .hyxw ul li:hover{background:#890000;}
	.news-sort .hyxw ul li:hover a{color:#fff;font-size:17px;}
	.news-sort .hyxw ul li:hover img{display:block;}
	.news-sort .hyxw ul li.active{background:#890000;}
	.news-sort .hyxw ul li.active a{color:#fff;font-size:17px;}
	.news-sort .hyxw ul li.active img{display:block;}
/*biaodan*/
    ::-webkit-input-placeholder { /* WebKit browsers */color: #FFFFFF;font-size: 16px;}
    ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #FFFFFF;font-size: 16px;}
    :-ms-input-placeholder { /* Internet Explorer 10+ */color: #FFFFFF;font-size: 16px;} 
	.form-bj{background:url(../images/index/biaodan_bj.jpg) no-repeat;padding:1.8% 0;}
	.biaodan .form .bt{width:58%;float:left;}
	.biaodan .form .bt input{width:44%;height:40px;font-size:17px;color:#333;padding:0 2%;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);}
	.biaodan .form .bt textarea{min-width:96%;max-width:96%;min-height:55px;max-height:55px;padding:1% 2%;font-size:17px;color:#333;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);margin-top:2%;}
	.biaodan .form .bt .name{float:left;}
	.biaodan .form .bt .tel{float:right;}
	.biaodan .form .ly{width:39%;float:right;position:relative;}
	.biaodan .form .ly h2{margin:0 0 3% 0;font-size:26px;color:#fff;}
	.biaodan .form .ly p{font-size:17px;color:#ccc;line-height:27px;padding-bottom:5%;background:url(../images/index/biaodan_hx.png) no-repeat left bottom;}
	.biaodan .form .ly button{position:absolute;right:0;bottom: -18%;padding:4.5% 14%;background:url(../images/index/biaodan_tj.png) no-repeat;background-size:100% auto;border:0;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*hot product*/
    .hot-pro-bj{background:url(../images/index/ztcp_bj.jpg) no-repeat;}
	.in-tit{text-align:center;background:url(../images/index/bt.png) no-repeat bottom center;}
	.in-tit h1{margin:2% 0;font-size:30px;}
	.hot-p{background-color:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f4f4f4 0%,#f3f0eb 100%);border-image-slice: 1;padding:1.5%;margin-top:2.1%;display:none;}
	.hot-p .tu{width:53.5%;float:left;}
    .hot-p .tu img{background-color:#fff;border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f0f0f0 0%, #eedfc5 100%);border-image-slice: 1;}
	.hot-p .wz{width:43%;float:right;position:relative;}
	.hot-p .wz .sbys{position:absolute;right:5%;top:39%;}
	.hot-p .wz .tit{margin-top:3%;background:url(../images/index/hotsales.png) no-repeat;background-position: 0 40%;position:relative;}
	.hot-p .wz .tit span{padding:2% 0 2% 8%;background:url(../images/index/ztcp_tb.png) no-repeat left center;background-size:6% auto;width:92%;display:block;font-size:17px;color:#282828;}
	.hot-p .wz .tit h2{padding:0.5% 0;margin:0.5% 0;font-size:28px;color:#282828;}
	.hot-p .wz .tit img{position:absolute;right:0;top:7%;}
	.hot-p .wz ul{width:60%;}
	.hot-p .wz ul li{padding:4% 0 4% 21%;margin:4% 0;font-weight:bold;font-size:16px;}
	.hot-p .wz ul li.cn{background:url(../images/index/ztcp_nl2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz ul li.ry{background:url(../images/index/ztcp_ry2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz .zx{background:url(../images/index/ztcp_neibj.jpg) no-repeat left center;padding:1%;margin-top:3%;}
	.hot-p .wz .zx p{background-color: #ffffff;
	box-shadow: inset 0px 0px 9px 0px rgba(7, 7, 7, 0.21);border-radius: 20px 20px 0px 0px;padding:3% 5%;font-size:15px;color:#484848;line-height:25px;margin-bottom:4%;}
	.hot-p .wz .zx .wxh{font-size:15px;color:#1a1a1a;padding-left:10%;background:url(../images/index/ztcp_dh.png) no-repeat 5% center;background-size:13% auto;}
	.hot-p .wz .zx .wxh b{color:#a60000;font-size:18px;}
	.hot-p .wz .zx .zxzx{width:35%;float:right;text-align:center;font-size:15px;color:#fff;background-color:#960000;
	border-radius: 20px;padding:1.8% 0;}
	.hot-p .wz .zx .zxzx i{padding:1% 8%;background:url(../images/index/ztcp_zxzx.png) no-repeat left center;}
	.hot-pro  .hot-nav{margin:3% 0;}
	.hot-pro  .hot-nav li{width:16.6%;float:left;text-align:center;font-size:18px;color:#1a1a1a;font-weight:bold;cursor:pointer;}
	.hot-pro  .hot-nav li a{ color:#1a1a1a;}
	.hot-pro  .hot-nav li i.zuo{padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;display:none;}
	.hot-pro  .hot-nav li i.you{padding:0 10%;background:url(../images/index/ztcp_yy.png) no-repeat right center;}
	.hot-pro  .hot-nav .active .zuo{display:inline-block;padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;}
/*cp sort*/
    .in-sort-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat bottom;padding-bottom:1.5%;}
	.smalltext{font-size:15px;color:#666;text-align:center;margin:1.6% 0;}
	.in-sort .sort .sort-nav{margin:2% -1.5% 7% -1.5%;}
	.in-sort .sort .sort-nav li{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav .ckqb{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav li a{width:100%;text-align:center;}
	.in-sort .sort .sort-nav li img{width:80%;margin:2% auto;opacity:0; transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li div{font-size:19px;color:#6a6a6a;margin:6% 0 4% 0;transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li span{width:32px;height:32px;line-height:32px;display:block;border-radius:50%;border:1px solid #6a6a6a;font-size:17px;color:#6a6a6a;margin:0 auto;}
	.in-sort .sort .sort-nav .ckqb b{display:block;width:76%;margin:0 12%;font-size:17px;color:#fff;background-image: linear-gradient(90deg,#b90000 0%,#850000 100%);border-radius:23px;padding:3% 0;}
	.in-sort .sort .sort-nav .ckqb:hover b{background:linear-gradient(90deg,#b90000 0%,#d15e25 100%);}
	.in-sort .sort .sort-nav li:hover div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li:hover span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li:hover img{transform:translate(0,-10%);opacity:1;}
	
	.in-sort .sort .sort-nav li.active div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li.active span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li.active img{transform:translate(0,-10%);opacity:1;}
/*product*/
	.pro{margin:0 -1%;display:none;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat 95% 95%;}
	.pro li a:hover{background:url(../images/index/cpzx_cpbj_hover.png) no-repeat 95% 95%;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li h3{width:90%;padding:3.5% 0 9% 10%;margin:0;font-size:17px;color:#2c2c2c;}
	.pro li a:hover h3{color:#fff;}
/*hot-case*/
    .case-tit-bj{background:url(../images/index/anli_btbj.jpg) no-repeat;}
	.hot-case-bj{background:url(../images/index/anli_bj.jpg) no-repeat;padding:3% 0;}
	.hot-case .left{width:18.7%;float:left;position:relative;}
	.hot-case .left img{width:100%;}
	.hot-case .left div{background:url(../images/index/anli_zuox.png) no-repeat;background-size:100% 100%;padding:15% 8% 15% 8%;width:78.4%;position:absolute;top:60%;}
	.hot-case .left div ul{margin-top:27.5%;}
	.hot-case .left div ul li{width:100%;font-size:16px;color:#fff;padding:8% 0;border-bottom:1px dashed #d6d6d6;text-align:center;cursor:pointer;}
	.hot-case .left div .alzx{border-radius:20px;border:1px solid #c2a06c;width:100%;padding:3.8% 0;font-size:15px;color:#fff;text-align:center;margin:10% 0;}
	.hot-case .left div ul li:hover{color:#ccc;font-size:15px;}
	.hot-case .left div ul li.active{color:#ccc;font-size:15px;}
/*right*/
	.hot-case .right{width:79%;float:right;position:relative;display:none;}
	.hot-case .right .video-img{position:relative;display:none;}
	.hot-case .right .video-img .tu{width:74.5%;}
	.hot-case .right .video-img .jdal{position:absolute;right:25.5%;top:0;}
	.hot-case .right .video-img .video{position:absolute;left:37.25%;top:35%;}
    /*down*/
	.hot-case .right .video-img .js{width:96%;padding:0 2%;background-image: linear-gradient(90deg,#880303 0%, #dab77f 100%);box-shadow: 0px 6px 0px 0px rgba(196, 186, 168, 0.43);border-radius: 0px 20px 0px 20px;border: solid 2px rgba(255, 255, 255, 0.44);margin-top:2%;}
	.hot-case .right .video-img .js h3{font-size:20px;color:#fff;margin:1.5% 0;width:50%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.hot-case .right .video-img .js ul{width:40%;float:right;margin-top:1%;}
	.hot-case .right .video-img .js ul .cl{width:49%;float:left;padding:1.4% 0 1.4% 8%;background:url(../images/index/anli_cl.png) no-repeat left center;background-size:10% auto;}
	.hot-case .right .video-img .js ul .cl a{font-size:17px;color:#fff;}
	.hot-case .right .video-img .js ul .xq{width:42%;float:right;padding:1% 0;}
	.hot-case .right .video-img .js ul .xq img{width:100%;}
	.hot-case .right .video-img .js ul li a{width:100%;}
    /*right small img*/
	.hot-case .right .small-img{width:22.4%;float:right;position:absolute;right:0;top:0;}
	.hot-case .right .small-img li{position:relative;margin-bottom:7%;background-color:rgba(255,255,255,0);border-style: solid;border-image-source: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);border-image-slice: 1;}
	.hot-case .right .small-img li.active{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}
/*	.hot-case .right .small-img li:hover{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}*/
	
	.hot-case .right .small-img li p{position:absolute;bottom:0;z-index:1;font-size:16px;color:#000;font-weight:bold;}
/*news-center*/
    /*company*/
	.news-sort .gsxw h2{font-size:20px;color:#000;padding-left:5%;background:url(../images/index/xw_zs.png) no-repeat left center;margin-bottom:3%;}
	.news-sort .gsxw h2 a{font-size:16px;color:#525252;font-weight:400;margin-left:5%;}
	.news-sort .gsxw{width:62%;float:left;}
	.news-sort .gsxw .gsxw-one{margin-bottom:3%;}
	.news-sort .gsxw .gsxw-one a{width:100%;}
	.news-sort .gsxw .gsxw-one .img{width:38.3%;float:left;border-radius:16px;overflow:hidden;}
	.news-sort .gsxw .gsxw-one .we{width:58%;float:right;}
	.news-sort .gsxw .gsxw-one .we h3{font-size:18px;color:#1a1a1a;margin:2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw .gsxw-one .we span{font-size:16px;color:#4d4d4d;}
	.news-sort .gsxw .gsxw-one .we p{margin-top:2%;font-size:16px;color:#4d4d4d;line-height:27px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.news-sort .gsxw ul li{padding:2.5% 0;border-top:1px solid #b9b9b9;}
	.news-sort .gsxw ul li a{width:100%;}
	.news-sort .gsxw ul li h3{width:72%;float:left;margin:0;font-size:16px;color:#1a1a1a;padding-left:8%;background:url(../images/index/xw_hx.png) no-repeat 2% center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw ul li span{width:19%;float:right;text-align:right;font-size:16px;color:#666;}
	/*industry*/
	.news-sort .hyxw h2{font-size:20px;color:#000;padding-left:10%;background:url(../images/index/xw_zs.png) no-repeat left center;margin-bottom:6%;}
	.news-sort .hyxw h2 a{font-size:16px;color:#525252;font-weight:400;margin-left:7%;}
	.news-sort .hyxw{width:34%;float:right;}
	.news-sort .hyxw ul li{background-image: linear-gradient(90deg, #eaeaea 0%, #f4f4f4 100%);border-radius: 27px;margin-bottom:4%;position:relative;}
	.news-sort .hyxw ul li a{width:72%;margin:0 14%;text-align:center;padding:3% 0;font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .hyxw ul li img{position:absolute;right:0;top:30%;display:none;}
	.news-sort .hyxw ul li:hover{background:#890000;}
	.news-sort .hyxw ul li:hover a{color:#fff;font-size:17px;}
	.news-sort .hyxw ul li:hover img{display:block;}
	.news-sort .hyxw ul li.active{background:#890000;}
	.news-sort .hyxw ul li.active a{color:#fff;font-size:17px;}
	.news-sort .hyxw ul li.active img{display:block;}
/*biaodan*/
    ::-webkit-input-placeholder { /* WebKit browsers */color: #FFFFFF;font-size: 16px;}
    ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #FFFFFF;font-size: 16px;}
    :-ms-input-placeholder { /* Internet Explorer 10+ */color: #FFFFFF;font-size: 16px;} 
	.form-bj{background:url(../images/index/biaodan_bj.jpg) no-repeat;padding:1.8% 0;}
	.biaodan .form .bt{width:58%;float:left;}
	.biaodan .form .bt input{width:44%;height:38px;font-size:16px;color:#333;padding:0 2%;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);}
	.biaodan .form .bt textarea{min-width:96%;max-width:96%;min-height:50px;max-height:50px;padding:1% 2%;font-size:16px;color:#333;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);margin-top:2%;}
	.biaodan .form .bt .name{float:left;}
	.biaodan .form .bt .tel{float:right;}
	.biaodan .form .ly{width:39%;float:right;position:relative;}
	.biaodan .form .ly h2{margin:0 0 3% 0;font-size:24px;color:#fff;}
	.biaodan .form .ly p{font-size:16px;color:#ccc;line-height:24px;padding-bottom:5%;background:url(../images/index/biaodan_hx.png) no-repeat left bottom;}
	.biaodan .form .ly button{position:absolute;right:0;bottom: -18%;padding:5% 16%;background:url(../images/index/biaodan_tj.png) no-repeat;background-size:100% auto;border:0;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*hot product*/
    .hot-pro-bj{background:url(../images/index/ztcp_bj.jpg) no-repeat;}
	.in-tit{text-align:center;background:url(../images/index/bt.png) no-repeat bottom center;}
	.in-tit h1{margin:2% 0;font-size:27px;}
	.hot-p{background-color:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f4f4f4 0%,#f3f0eb 100%);border-image-slice: 1;padding:1.5%;margin-top:2.1%;display:none;}
	.hot-p .tu{width:53.5%;float:left;}
    .hot-p .tu img{background-color:#fff;border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f0f0f0 0%, #eedfc5 100%);border-image-slice: 1;}
	.hot-p .wz{width:43%;float:right;position:relative;}
	.hot-p .wz .sbys{position:absolute;right:5%;top:39%;display:none;}
	.hot-p .wz .tit{margin-top:3%;background:url(../images/index/hotsales.png) no-repeat;background-position: 0 40%;position:relative;}
	.hot-p .wz .tit span{padding:2% 0 2% 8%;background:url(../images/index/ztcp_tb.png) no-repeat left center;background-size:6% auto;width:92%;display:block;font-size:15px;color:#282828;}
	.hot-p .wz .tit h2{padding:0.5% 0;margin:0.5% 0;font-size:24px;color:#282828;}
	.hot-p .wz .tit h2 a{ color:#282828;}
	.hot-p .wz .tit img{position:absolute;right:0;top:7%;width:27%;}
	.hot-p .wz ul{width:75%;}
	.hot-p .wz ul li{padding:4% 0 4% 21%;margin:4% 0;font-weight:bold;font-size:15px;}
	.hot-p .wz ul li.cn{background:url(../images/index/ztcp_nl2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz ul li.ry{background:url(../images/index/ztcp_ry2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz .zx{background:url(../images/index/ztcp_neibj.jpg) no-repeat left center;padding:1%;margin-top:3%;}
	.hot-p .wz .zx p{background-color: #ffffff;
	box-shadow: inset 0px 0px 9px 0px rgba(7, 7, 7, 0.21);border-radius: 20px 20px 0px 0px;padding:3% 5%;font-size:15px;color:#484848;line-height:24px;}
	.hot-p .wz .zx .wxh{font-size:15px;color:#1a1a1a;padding-left:10%;background:url(../images/index/ztcp_dh.png) no-repeat 5% center;background-size:13% auto;display:none;}
	.hot-p .wz .zx .wxh b{color:#a60000;font-size:18px;}
	.hot-p .wz .zx .zxzx{width:35%;float:right;text-align:center;font-size:15px;color:#fff;background-color:#960000;
	border-radius: 20px;padding:1.8% 0;display:none;}
	.hot-p .wz .zx .zxzx i{padding:1% 8%;background:url(../images/index/ztcp_zxzx.png) no-repeat left center;}
	.hot-pro  .hot-nav{margin:3% 0;}
	.hot-pro  .hot-nav li{width:16.6%;float:left;text-align:center;font-size:16px;color:#1a1a1a;font-weight:bold;cursor:pointer;}
	.hot-pro  .hot-nav li a{ color:#1a1a1a;}
	.hot-pro  .hot-nav li i.zuo{padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;display:none;}
	.hot-pro  .hot-nav li i.you{padding:0 10%;background:url(../images/index/ztcp_yy.png) no-repeat right center;}
	.hot-pro  .hot-nav .active .zuo{display:inline-block;padding:3.5% 10%;background:url(../images/index/ztcp_zy.png) no-repeat left center;}
/*cp sort*/
    .in-sort-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat bottom;padding-bottom:1.5%;}
	.smalltext{font-size:15px;color:#666;text-align:center;margin:1.6% 0;}
	.in-sort .sort .sort-nav{margin:2% -1.5% 7% -1.5%;}
	.in-sort .sort .sort-nav li{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav .ckqb{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav li a{width:100%;text-align:center;}
	.in-sort .sort .sort-nav li img{width:80%;margin:2% auto;opacity:0; transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li div{font-size:17px;color:#6a6a6a;margin:6% 0 4% 0;transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li span{width:32px;height:32px;line-height:32px;display:block;border-radius:50%;border:1px solid #6a6a6a;font-size:17px;color:#6a6a6a;margin:0 auto;}
	.in-sort .sort .sort-nav .ckqb b{display:block;width:76%;margin:0 12%;font-size:15px;color:#fff;background-image: linear-gradient(90deg,#b90000 0%,#850000 100%);border-radius:23px;padding:3% 0;}
	.in-sort .sort .sort-nav .ckqb:hover b{background:linear-gradient(90deg,#b90000 0%,#d15e25 100%);}
	.in-sort .sort .sort-nav li:hover div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li:hover span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li:hover img{transform:translate(0,-10%);opacity:1;}
	
	.in-sort .sort .sort-nav li.active div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li.active span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li.active img{transform:translate(0,-10%);opacity:1;}
/*product*/
	.pro{margin:0 -1%;display:none;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat 85% 100%;}
	.pro li a:hover{background:url(../images/index/cpzx_cpbj_hover.png) no-repeat 85% 95%;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li h3{width:90%;padding:3.5% 0 9% 10%;margin:0;font-size:16px;color:#2c2c2c;}
	.pro li a:hover h3{color:#fff;}
/*hot-case*/
    .case-tit-bj{background:url(../images/index/anli_btbj.jpg) no-repeat;}
	.hot-case-bj{background:url(../images/index/anli_bj.jpg) no-repeat;padding:3% 0;}
	.hot-case .left{width:18.7%;float:left;position:relative;}
	.hot-case .left img{width:100%;}
	.hot-case .left div{background:url(../images/index/anli_zuox.png) no-repeat;background-size:100% 100%;padding:11% 8% 11% 8%;width:78.4%;position:absolute;top:60%;}
	.hot-case .left div ul{margin-top:27.5%;}
	.hot-case .left div ul li{width:100%;font-size:16px;color:#fff;padding:8% 0;border-bottom:1px dashed #d6d6d6;text-align:center;cursor:pointer;}
	.hot-case .left div .alzx{border-radius:20px;border:1px solid #c2a06c;width:100%;padding:3.8% 0;font-size:15px;color:#fff;text-align:center;margin:10% 0;}
	.hot-case .left div ul li:hover{color:#ccc;font-size:15px;}
	.hot-case .left div ul li.active{color:#ccc;font-size:15px;}
/*right*/
	.hot-case .right{width:79%;float:right;position:relative;display:none;}
	.hot-case .right .video-img{position:relative;display:none;}
	.hot-case .right .video-img .tu{width:74.5%;}
	.hot-case .right .video-img .jdal{position:absolute;right:25.5%;top:0;}
	.hot-case .right .video-img .video{position:absolute;left:37.25%;top:35%;}
    /*down*/
	.hot-case .right .video-img .js{width:96%;padding:0 2%;background-image: linear-gradient(90deg,#880303 0%, #dab77f 100%);box-shadow: 0px 6px 0px 0px rgba(196, 186, 168, 0.43);border-radius: 0px 20px 0px 20px;border: solid 2px rgba(255, 255, 255, 0.44);margin-top:2%;}
	.hot-case .right .video-img .js h3{font-size:17px;color:#fff;margin:1.5% 0;width:50%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.hot-case .right .video-img .js h3 a{ color:#fff;}
	.hot-case .right .video-img .js ul{width:40%;float:right;margin-top:1%;}
	.hot-case .right .video-img .js ul .cl{width:49%;float:left;padding:1.4% 0 1.4% 8%;background:url(../images/index/anli_cl.png) no-repeat left center;background-size:10% auto;}
	.hot-case .right .video-img .js ul .cl a{font-size:17px;color:#fff;}
	.hot-case .right .video-img .js ul .xq{width:42%;float:right;padding:1% 0;}
	.hot-case .right .video-img .js ul .xq img{width:100%;}
	.hot-case .right .video-img .js ul li a{width:100%;}
    /*right small img*/
	.hot-case .right .small-img{width:22.4%;float:right;position:absolute;right:0;top:0;}
	.hot-case .right .small-img li{position:relative;margin-bottom:7%;background-color:rgba(255,255,255,0);border-style: solid;border-image-source: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);border-image-slice: 1;}
	.hot-case .right .small-img li.active{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}
/*	.hot-case .right .small-img li:hover{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}*/
	
	.hot-case .right .small-img li p{position:absolute;bottom:3%;z-index:1;font-size:15px;color:#fff;font-weight:bold;}
/*news-center*/
    /*company*/
	.news-sort .gsxw h2{font-size:20px;color:#000;padding-left:5%;background:url(../images/index/xw_zs.png) no-repeat left center;background-size:4% auto;margin-bottom:3%;}
	.news-sort .gsxw h2 a{font-size:16px;color:#525252;font-weight:400;margin-left:5%;}
	.news-sort .gsxw{width:62%;float:left;}
	.news-sort .gsxw .gsxw-one{margin-bottom:3%;}
	.news-sort .gsxw .gsxw-one a{width:100%;}
	.news-sort .gsxw .gsxw-one .img{width:38.3%;float:left;border-radius:16px;overflow:hidden;}
	.news-sort .gsxw .gsxw-one .we{width:58%;float:right;}
	.news-sort .gsxw .gsxw-one .we h3{font-size:16px;color:#1a1a1a;margin:2% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw .gsxw-one .we span{font-size:15px;color:#4d4d4d;}
	.news-sort .gsxw .gsxw-one .we p{margin-top:2%;font-size:15px;color:#4d4d4d;line-height:24px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.news-sort .gsxw ul li{padding:2.5% 0;border-top:1px solid #b9b9b9;}
	.news-sort .gsxw ul li a{width:100%;}
	.news-sort .gsxw ul li h3{width:72%;float:left;margin:0;font-size:15px;color:#1a1a1a;padding-left:8%;background:url(../images/index/xw_hx.png) no-repeat 2% center;background-size:5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw ul li span{width:19%;float:right;text-align:right;font-size:15px;color:#666;}
	/*industry*/
	.news-sort .hyxw h2{font-size:20px;color:#000;padding-left:10%;background:url(../images/index/xw_zs.png) no-repeat left center;background-size:7% auto;margin-bottom:6%;}
	.news-sort .hyxw h2 a{font-size:16px;color:#525252;font-weight:400;margin-left:7%;}
	.news-sort .hyxw{width:34%;float:right;}
	.news-sort .hyxw ul li{background-image: linear-gradient(90deg, #eaeaea 0%, #f4f4f4 100%);border-radius: 27px;margin-bottom:4%;position:relative;}
	.news-sort .hyxw ul li a{width:72%;margin:0 14%;text-align:center;padding:2.5% 0;font-size:16px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .hyxw ul li img{position:absolute;right:0;top:30%;display:none;}
	.news-sort .hyxw ul li:hover{background:#890000;}
	.news-sort .hyxw ul li:hover a{color:#fff;font-size:15px;}
	.news-sort .hyxw ul li:hover img{display:block;}
	.news-sort .hyxw ul li.active{background:#890000;}
	.news-sort .hyxw ul li.active a{color:#fff;font-size:15px;}
	.news-sort .hyxw ul li.active img{display:block;}
/*biaodan*/
    ::-webkit-input-placeholder { /* WebKit browsers */color: #FFFFFF;font-size:15px;}
    ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #FFFFFF;font-size:15px;}
    :-ms-input-placeholder { /* Internet Explorer 10+ */color: #FFFFFF;font-size:15px;} 
	.form-bj{background:url(../images/index/biaodan_bj.jpg) no-repeat;padding:1.8% 0;}
	.biaodan .form .bt{width:58%;float:left;}
	.biaodan .form .bt input{width:44%;height:34px;font-size:15px;color:#333;padding:0 2%;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);}
	.biaodan .form .bt textarea{min-width:96%;max-width:96%;min-height:50px;max-height:50px;padding:1% 2%;font-size:15px;color:#333;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);margin-top:2%;}
	.biaodan .form .bt .name{float:left;}
	.biaodan .form .bt .tel{float:right;}
	.biaodan .form .ly{width:39%;float:right;position:relative;}
	.biaodan .form .ly h2{margin:0 0 3% 0;font-size:18px;color:#fff;}
	.biaodan .form .ly p{font-size:15px;color:#ccc;line-height:24px;padding-bottom:5%;background:url(../images/index/biaodan_hx.png) no-repeat left bottom;}
	.biaodan .form .ly button{position:absolute;right:0;bottom: -18%;padding:5% 16%;background:url(../images/index/biaodan_tj.png) no-repeat;background-size:100% auto;border:0;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*hot product*/
    .hot-pro-bj{background:url(../images/index/ztcp_bj.jpg) no-repeat;}
	.in-tit{text-align:center;background:url(../images/index/bt.png) no-repeat bottom center;background-size:40% auto;}
	.in-tit h1{margin:2% 0;font-size:21px;}
	.hot-p{background-color:#fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f4f4f4 0%,#f3f0eb 100%);border-image-slice: 1;padding:1.5%;margin-top:2.1%;display:none;}
	.hot-p .tu{width:53.5%;float:left;}
    .hot-p .tu img{background-color:#fff;border-style: solid;border-width: 6px;border-image-source: linear-gradient(0deg,#f0f0f0 0%, #eedfc5 100%);border-image-slice: 1;}
	.hot-p .wz{width:43%;float:right;position:relative;}
	.hot-p .wz .sbys{position:absolute;right:5%;top:39%;display:none;}
	.hot-p .wz .tit{margin-top:3%;background:url(../images/index/hotsales.png) no-repeat;background-position: 0 40%;position:relative;}
	.hot-p .wz .tit span{padding:2% 0 2% 8%;background:url(../images/index/ztcp_tb.png) no-repeat left center;background-size:6% auto;width:92%;display:block;font-size:15px;color:#282828;}
	.hot-p .wz .tit h2{padding:0.5% 0;margin:0.5% 0;font-size:18px;color:#282828;}
	.hot-p .wz .tit img{position:absolute;right:0;top:7%;width:27%;}
	.hot-p .wz ul{width:75%;}
	.hot-p .wz ul li{padding:4% 0 4% 21%;margin:2% 0;font-weight:bold;font-size:13px;}
	.hot-p .wz ul li.cn{background:url(../images/index/ztcp_nl2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz ul li.ry{background:url(../images/index/ztcp_ry2.png) no-repeat left center;background-size:100% 100%;}
	.hot-p .wz .zx{background:url(../images/index/ztcp_neibj.jpg) no-repeat left center;padding:1%;margin-top:3%;}
	.hot-p .wz .zx p{background-color: #ffffff;
	box-shadow: inset 0px 0px 9px 0px rgba(7, 7, 7, 0.21);border-radius: 20px 20px 0px 0px;padding:3% 5%;font-size:14px;color:#484848;line-height:18px;}
	.hot-p .wz .zx .wxh{font-size:15px;color:#1a1a1a;padding-left:10%;background:url(../images/index/ztcp_dh.png) no-repeat 5% center;background-size:13% auto;display:none;}
	.hot-p .wz .zx .wxh b{color:#a60000;font-size:18px;}
	.hot-p .wz .zx .zxzx{width:35%;float:right;text-align:center;font-size:15px;color:#fff;background-color:#960000;
	border-radius: 20px;padding:1.8% 0;display:none;}
	.hot-p .wz .zx .zxzx i{padding:1% 8%;background:url(../images/index/ztcp_zxzx.png) no-repeat left center;}
	.hot-pro  .hot-nav{margin:3% 0;}
	.hot-pro  .hot-nav li a{ color:#1a1a1a;}
	.hot-pro  .hot-nav li{width:16.6%;float:left;text-align:center;font-size:14px;color:#1a1a1a;font-weight:bold;cursor:pointer;}
	.hot-pro  .hot-nav li i.you{padding:0 10%;background:url(../images/index/ztcp_yy.png) no-repeat right center;background-size:100% auto;}
/*cp sort*/
    .in-sort-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat bottom;padding-bottom:1.5%;}
	.smalltext{font-size:15px;color:#666;text-align:center;margin:1.6% 0;}
	.in-sort .sort .sort-nav{margin:2% -1.5% 7% -1.5%;}
	.in-sort .sort .sort-nav li{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav .ckqb{width:22%;float:left;position:relative;padding:0 1.5%;}
	.in-sort .sort .sort-nav li a{width:100%;text-align:center;}
	.in-sort .sort .sort-nav li img{width:80%;margin:2% auto;opacity:0; transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li div{font-size:15px;color:#6a6a6a;margin:6% 0 4% 0;transition:All 0.5s ease-in-out;position:absolute;left:0;right:0;}
	.in-sort .sort .sort-nav li span{width:27px;height:27px;line-height:27px;display:block;border-radius:50%;border:1px solid #6a6a6a;font-size:15px;color:#6a6a6a;margin:0 auto;}
	.in-sort .sort .sort-nav .ckqb b{display:block;width:76%;margin:0 12%;font-size:14px;color:#fff;background-image: linear-gradient(90deg,#b90000 0%,#850000 100%);border-radius:23px;padding:3% 0;}
	.in-sort .sort .sort-nav .ckqb:hover b{background:linear-gradient(90deg,#b90000 0%,#d15e25 100%);}
	.in-sort .sort .sort-nav li:hover div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li:hover span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li:hover img{transform:translate(0,-10%);opacity:1;}
	
	.in-sort .sort .sort-nav li.active div{transform:translate(0,-330%);font-weight:bold;color:#181818;}
	.in-sort .sort .sort-nav li.active span{border:1px solid #a40000;}
	.in-sort .sort .sort-nav li.active img{transform:translate(0,-10%);opacity:1;}
/*product*/
	.pro{margin:0 -1%;display:none;}
	.pro li{padding:0 1%;width:23%;float:left;margin-bottom:1.2%;}
	.pro li a{width:100%;background:url(../images/index/cpzx_cpbj.png) no-repeat 85% 100%;}
	.pro li a:hover{background:url(../images/index/cpzx_cpbj_hover.png) no-repeat 85% 95%;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li h3{width:90%;padding:3.5% 0 9% 10%;margin:0;font-size:14px;color:#2c2c2c;}
	.pro li a:hover h3{color:#fff;}
/*hot-case*/
    .case-tit-bj{background:url(../images/index/anli_btbj.jpg) no-repeat;background-size:100% 100%;}
	.hot-case-bj{background:url(../images/index/anli_bj.jpg) no-repeat;padding:3% 0;}
	.hot-case .left{width:18.7%;float:left;position:relative;}
	.hot-case .left img{width:100%;margin-top: -10%;}
	.hot-case .left div{background:url(../images/index/anli_zuox.png) no-repeat;background-size:100% 100%;padding:11% 8% 11% 8%;width:78.4%;position:absolute;top:60%;}
	.hot-case .left div ul{margin-top:27.5%;}
	.hot-case .left div ul li{width:100%;font-size:14px;color:#fff;padding:8% 0;border-bottom:1px dashed #d6d6d6;text-align:center;cursor:pointer;}
	.hot-case .left div .alzx{border-radius:20px;border:1px solid #c2a06c;width:100%;padding:3.8% 0;font-size:12px;color:#fff;text-align:center;margin:10% 0;}
	.hot-case .left div ul li:hover{color:#ccc;font-size:14px;}
	.hot-case .left div ul li.active{color:#ccc;font-size:14px;}
/*right*/
	.hot-case .right{width:79%;float:right;position:relative;display:none;}
	.hot-case .right .video-img{position:relative;display:none;}
	.hot-case .right .video-img .tu{width:74.5%;}
	.hot-case .right .video-img .jdal{position:absolute;right:25.5%;top:0;width:30%;}
	.hot-case .right .video-img .video{position:absolute;left:34%;top:35%;width:10%;}
    /*down*/
	.hot-case .right .video-img .js{width:96%;padding:0 2%;background-image: linear-gradient(90deg,#880303 0%, #dab77f 100%);box-shadow: 0px 6px 0px 0px rgba(196, 186, 168, 0.43);border-radius: 0px 20px 0px 20px;border: solid 2px rgba(255, 255, 255, 0.44);margin-top:2%;}
	.hot-case .right .video-img .js h3{font-size:15px;color:#fff;margin:1.5% 0;width:50%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.hot-case .right .video-img .js ul{width:40%;float:right;margin-top:1%;}
	.hot-case .right .video-img .js ul .cl{width:49%;float:left;padding:1.4% 0 1.4% 8%;background:url(../images/index/anli_cl.png) no-repeat left center;background-size:10% auto;display:none;}
	.hot-case .right .video-img .js ul .cl a{font-size:15px;color:#fff;}
	.hot-case .right .video-img .js ul .xq{width:56%;float:right;padding:1% 0;}
	.hot-case .right .video-img .js ul .xq img{width:100%;}
	.hot-case .right .video-img .js ul li a{width:100%;}
    /*right small img*/
	.hot-case .right .small-img{width:22.4%;float:right;position:absolute;right:0;top:0;}
	.hot-case .right .small-img li{position:relative;margin-bottom:7%;background-color:rgba(255,255,255,0);border-style: solid;border-image-source: linear-gradient(0deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);border-image-slice: 1;}
	.hot-case .right .small-img li.active{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width:2px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}
/*	.hot-case .right .small-img li:hover{position:relative;margin-bottom:5%;background-color:#808080;border-style: solid;border-width: 8px;border-image-source: linear-gradient(0deg,#d8b47d 0%, #890504 100%);border-image-slice: 1;}*/
	
	.hot-case .right .small-img li p{position:absolute;right:0;bottom:3%;z-index:1;font-size:13px;color:#fff;width:95%;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*news-center*/
    /*company*/
	.news-sort .gsxw h2{font-size:16px;color:#000;padding-left:5%;background:url(../images/index/xw_zs.png) no-repeat left center;background-size:4% auto;margin-bottom:3%;}
	.news-sort .gsxw h2 a{font-size:14px;color:#525252;font-weight:400;margin-left:5%;}
	.news-sort .gsxw{width:62%;float:left;}
	.news-sort .gsxw .gsxw-one{margin-bottom:3%;}
	.news-sort .gsxw .gsxw-one a{width:100%;}
	.news-sort .gsxw .gsxw-one .img{width:38.3%;float:left;border-radius:16px;overflow:hidden;}
	.news-sort .gsxw .gsxw-one .we{width:58%;float:right;}
	.news-sort .gsxw .gsxw-one .we h3{font-size:15px;color:#1a1a1a;margin:1% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw .gsxw-one .we span{font-size:14px;color:#4d4d4d;}
	.news-sort .gsxw .gsxw-one .we p{margin-top:2%;font-size:14px;color:#4d4d4d;line-height:18px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.news-sort .gsxw ul li{padding:2.5% 0;border-top:1px solid #b9b9b9;}
	.news-sort .gsxw ul li a{width:100%;}
	.news-sort .gsxw ul li h3{width:72%;float:left;margin:0;font-size:14px;color:#1a1a1a;padding-left:8%;background:url(../images/index/xw_hx.png) no-repeat 2% center;background-size:5% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .gsxw ul li span{width:19%;float:right;text-align:right;font-size:14px;color:#666;}
	/*industry*/
	.news-sort .hyxw h2{font-size:16px;color:#000;padding-left:10%;background:url(../images/index/xw_zs.png) no-repeat left center;background-size:7% auto;margin-bottom:6%;}
	.news-sort .hyxw h2 a{font-size:16px;color:#525252;font-weight:400;margin-left:7%;}
	.news-sort .hyxw{width:34%;float:right;}
	.news-sort .hyxw ul li{background-image: linear-gradient(90deg, #eaeaea 0%, #f4f4f4 100%);border-radius: 27px;margin-bottom:4%;position:relative;}
	.news-sort .hyxw ul li a{width:72%;margin:0 14%;text-align:center;padding:2% 0;font-size:15px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news-sort .hyxw ul li img{position:absolute;right:0;top:30%;display:none;}
	.news-sort .hyxw ul li:hover{background:#890000;}
	.news-sort .hyxw ul li:hover a{color:#fff;font-size:14px;}
	.news-sort .hyxw ul li.active{background:#890000;}
	.news-sort .hyxw ul li.active a{color:#fff;font-size:14px;}
/*biaodan*/
    ::-webkit-input-placeholder { /* WebKit browsers */color: #FFFFFF;font-size:15px;}
    ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #FFFFFF;font-size:15px;}
    :-ms-input-placeholder { /* Internet Explorer 10+ */color: #FFFFFF;font-size:15px;} 
	.form-bj{background:url(../images/index/biaodan_bj.jpg) no-repeat;padding:1.8% 0;}
	.biaodan .form .bt{width:58%;float:left;}
	.biaodan .form .bt input{width:44%;height:34px;font-size:15px;color:#333;padding:0 2%;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);}
	.biaodan .form .bt textarea{min-width:96%;max-width:96%;min-height:55px;max-height:55px;padding:1% 2%;font-size:15px;color:#333;border-radius:6px;border:1px solid #fff;background:rgba(255,255,255,0.5);margin-top:2%;}
	.biaodan .form .bt .name{float:left;}
	.biaodan .form .bt .tel{float:right;}
	.biaodan .form .ly{width:39%;float:right;position:relative;}
	.biaodan .form .ly h2{margin:0 0 3% 0;font-size:16px;color:#fff;}
	.biaodan .form .ly p{font-size:14px;color:#ccc;line-height:18px;padding-bottom:5%;background:url(../images/index/biaodan_hx.png) no-repeat left bottom;}
	.biaodan .form .ly button{position:absolute;right:0;bottom: -18%;padding:5% 16%;background:url(../images/index/biaodan_tj.png) no-repeat;background-size:100% auto;border:0;}

}

@media screen and (max-width: 768px) {
	/*nav*/
    nav{margin:3.5% auto;}
	nav ul{padding:0 2%;margin-top:3%;}
	nav ul li{width:25%;float:left;margin-bottom:3%;}
	nav ul li a{width:100%;text-align:center;}
	nav ul li div{border-right:1px solid #d8d8d8;}
	nav ul li.last div{border:0;}
	nav ul li img{width:60%;margin:0 20%;}
	nav ul li p{font-size:0.3rem;color:#000;margin-top:10%;}
	.hx{height:0.25rem;background-color: #f2f2f2;width:100%;}
/*hot product*/
	.hot-pro{padding:0 2%;margin-bottom:8%;}
	.hot-pro h1,.sj-pro h1,.sj-case h1,.sj-news h1{font-size:0.36rem;color:#1a1a1a;text-align:center;margin:5% 0 3% 0;padding-bottom:4%;background:url(../images/phone/bt.png) no-repeat bottom center;background-size:70% auto;}
	.hot-pro ul{margin-bottom:3%;}
	.hot-pro ul li{width:31.33%;float:left;margin:1.5% 1%;}
	.hot-pro ul li a{width:100%;padding:5% 0;border:1px dashed #d5d5d5;font-size:0.28rem;color:#1a1a1a;text-align:center;border-radius:6px;}
	.hot-pro ul li i{padding:0 8%;background:url(../images/phone/ztcp_y2.png) no-repeat left center;background-size:80% auto;}
	.hot-pro ul li.active a{font-weight:bold;}
	.hot-pro ul li.active i{background:url(../images/phone/ztcp_y.png) no-repeat left center;background-size:80% auto;}
	.zt-pro .tu{background:url(../images/phone/ztcp_bj.png) no-repeat;padding:4% 4% 0 4%;background-size:100% 100%;position:relative;}
	.zt-pro .tu img{background-color: #727272;border-style: solid;border-width:6px;border-image-source: linear-gradient(0deg,#f0f0f0 0%, #eedfc5 100%);border-image-slice:1;width:97%;}
	.zt-pro .tu .video{position:absolute;left:0;right:0;top:40%;margin:0 auto;width:12%;background:0;border:0;}
	.zt-pro .wz{padding:0 4%;position:relative;margin-top:3%;}
	.zt-pro .wz h2{width:50%;margin:0;padding:1% 0;padding-left:10%;background:url(../images/phone/ztcp_x.png) no-repeat left center;background-size:11% auto;}
	.zt-pro .wz h2 a{font-size:0.32rem;color:#282828;display:block;}
	.zt-pro .wz .zxzx{width:32%;position:absolute;top:0;right:3%;text-align:center;}
	.zt-pro{display:none;}
/*product*/
	.pro-center{padding:0 2%;}
	.pro li{padding:0 1%;width:48%;float:left;margin-bottom:3%;}
	.pro li a{width:100%;background:url(../images/products/cpbj.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li a:hover{background:url(../images/products/cpbj_hover.png) no-repeat;background-size:98% 75%;background-position:right bottom;}
	.pro li .tu{position:relative;}
	.pro li .tu:hover .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
	.pro li .tu,.pro li h3{width:94%;}
	.pro li .tu img{display:block;}
	.pro li .wz{padding-bottom:4%;}
	.pro li .wz h3{width:87%;padding:4% 6% 3% 7%;margin:0;font-size:0.27rem;color:#2c2c2c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:400;}
	.pro li a:hover h3{color:#fff;}	
	.pro li a:hover p{color:#fff;}		
	
	.sj-pro{background:url(../images/phone/cpzx_bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:8%;}
	.pro-nav{width:94%;padding:3.5% 2% 4.5% 2%;background:url(../images/phone/cpzx_navbj.png) no-repeat;background-size:100% 100%;margin-bottom:5%;}
	.pro-nav li{width:31.5%;font-size:0.27rem;color:#404040;float:left;border-right:1px solid #929292;text-align:center;}
	.pro-nav li.active{font-weight:bold;}
	.pro-nav li.last{border:0;}
	.pro-center{display:none;}
	.pro-center .more{width:60%;margin:0 20%;font-size:0.27rem;padding:1.8% 0;color:#666;text-align:center;border: solid 1px rgba(121,105,82,0.6);background-color:rgba(255,255,255,0.6);border-radius:32px;}
/*hot-case*/
	.sj-case{margin-bottom:6%;}
	.sj-case .tit,.sj-news .tit{position:relative;}
	.sj-case .tit a,.sj-news .tit a{position:absolute;right:2%;top:12%;width:16%;}
	.hot-case{padding:0 2%;}
	.hot-case .sj-ca .tu{position:relative;border-radius:0.2rem 0.2rem 0px 0px;overflow:hidden;}
	.hot-case .sj-ca .tu .zxdz{position:absolute;left:0;top:5%;width:25%;}
	.hot-case .sj-ca .tu h2{margin:0;font-size:0.3rem;color:#fff;position:absolute;bottom:2%;left:3%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:94%;}
	.hot-case .sj-ca .text{margin:0 1.5%;padding:3% 3% 3% 3%;border-radius: 0px 0px 20px 20px;border-right:1px solid #b8854a;border-left:1px solid #b8854a;border-bottom:1px solid #b8854a;}
	.hot-case .sj-ca .text p{font-size:0.25rem;color:#808080;line-height:0.42rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom:3%;}
	.hot-case .sj-ca .text span{font-size:0.24rem;color:#c1862d;display:block;width:27%;text-align:center;padding:0.5% 0;margin-right:3.5%;float:left;background:rgba(218,182,127,0.42);border-radius:0.3rem;}
	.swiper-pagination{text-align:center;font-size:0;bottom:2px!important;}
/*news-center*/
	.sj-news{padding:0 2%;margin-bottom:3%;}
	.sj-news .nav li{width:49%;padding:1.5% 0;float:left;font-size:0.27rem;color:#4d4d4d;text-align:center;border:1px solid;}
	.sj-news .nav li.active{background:#b90000;color:#fff;border:1px solid #b90000;}
	.sj-news .i-new{margin-top:2%;display:none;}
	.sj-news .i-new ul li{border-bottom:1px solid #d2d2d2;background:url(../images/phone/gsxw_xq.png) no-repeat right center;background-size:3.2% auto;}
	.sj-news .i-new ul li a{font-size:0.25rem;color:#4d4d4d;width:92%;padding:3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}