@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*hot products*/
    .hot-pro-bj{background:url(../images/index/rxcp_bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:1.5%;}
	.hot{margin-top:2.5%;}
	.hot .tit{position:relative;}
	.hot .tit h1{font-size:34px;color:#1a1a1a;margin:0 0 1% 0;}
	.hot .tit h1 span{padding:0 3%;background:url(../images/index/hx.png) no-repeat center;}
	.hot .tit p,.hot .tit p a{font-size:18px;color:#4d4d4d;display:inline;}
	.hot .tit .zxbj{position:absolute;right:0;top:30%;}
	.box{padding:1%;margin:1.5% 0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.42);border-radius: 30px 0px 0px 30px;border:1px solid rgba(255, 255, 255,0.41);}
	.box ul{margin:-0.45% -0.5%;overflow:hidden;}
	.box ul li{width:32.33%;float:left;padding:0.45% 0.5%;}
	.box ul li .cp{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width:100%;}
	.box ul li a{width:100%;position:relative;overflow:hidden;}
	.box ul li:hover a .cp {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1); }
	.box ul li h2,.box ul li p,.box ul li span,.box ul li .xing{position:absolute;}
	.box ul li h2{top:12%;left:4.5%;font-size:24px;color:#fff;margin:0;}
	.box ul li p{font-size:16px;color:#fff;left:4.5%;top:31%;}
	
	.box ul li.big a{border-radius:30px 0px 0px 30px;}
	.box ul li.big h2{top:7.5%;left:4.5%;font-size:28px;color:#fff;}
	.box ul li.big p{font-size:18px;color:#fff;left:4.5%;top:19%;}
	.box ul li.big span{font-size:17px;color:#fff;left:4.5%;top:32%;padding:1.5% 14% 1.5% 4%;border-radius:4px;border:1px solid #fff;background:url(../images/index/rxcp_gd.png) no-repeat 85% center;}
	.box ul li.big .xing{top:5%;right:8%;}

/*product*/
    .in-pro-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat;background-size:100% 100%;padding:1.5% 0;}
	.in-tit{position:relative;text-align:center;}
	.in-tit h1{font-size:34px;color:#1a1a1a;margin:1% 0;}
	.in-tit h1 i{padding:0 3%;}
	.in-tit h1 i.zuo{background:url(../images/index/bt1.png) no-repeat center;}
	.in-tit h1 i.you{background:url(../images/index/bt2.png) no-repeat center;}
	.in-tit p{font-size:18px;color:#4d4d4d;}
	.in-pro .cont{background-image: linear-gradient(90deg, #e5eaef 0%, #f4f4f4 100%);box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 20px 20px 0px 0px;position:relative;padding:1.2% 2%;margin:1.5% 0;}
	.in-pro .cont b{font-size:19px;color:#404954;padding-right:1%;}
	.in-pro .cont span{font-size:18px;color:#7f7f7f;}
	.in-pro .cont a{position:absolute;top:4%;right:2%;padding:1% 0;font-size:19px;color:#404954;font-weight:bold;padding-left:3%;background:url(../images/index/cpzx_dh.png) no-repeat left center;}
	.in-pro .pro-down .gallery-top{width:75%;float:right;}
	.gallery-thumbs{width:23%;height:486px;background-image: linear-gradient(90deg,rgba(4, 171, 181, 0.98) 0%,rgba(4, 61, 116, 0.98) 100%),linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(255, 255, 255, 1) 100%);background-blend-mode:normal,normal;box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.45);float:left;}
	
	.menu {padding:25px 8%;width:84.5%;background-image:linear-gradient(0deg,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);height:432px;}
	.menu .list {font-size:20px;position: relative;width: 100%;height:auto!important;font-weight:bold;}
	.menu .list:after {content: "";padding:9px;position: absolute;right: 5%;top:15%;background:url(../images/product-detail/cdh_zk.png) no-repeat;background-size:100% auto;}
	.menu .list a {color:#333;display: block;height:100%;box-sizing: border-box;font-size:20px;font-weight:bold;padding:3.7% 0;}
	.menu .list a:hover {transition: 300ms all;}
	.menu .list .items {height: 0px;overflow: hidden;}
	.menu .list .items a {font-size:17px;color:#666;font-weight:400;}
	.menu .list .items a:hover {color: #808080;transition: 300ms all;}
	.menu .list:last-child {border-bottom: none;}
	.menu .swiper-slide-thumb-active:after {content: "";position: absolute;right: 5%;top:1%;padding:9px;display:block;background:url(../images/product-detail/cdh_sq.png);}
	.menu .swiper-slide-thumb-active > .items {display: block;padding: 0px;height: auto;color: #fff;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 200ms;clear: both;float: left;width: 100%;}
/*right*/
	.pro-down .gallery-top ul{margin:0 -1%;}
	.pro-down .gallery-top ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:1%;}
	.pro-down .gallery-top ul li a{width:100%;padding-bottom:4%;position:relative;}
	.pro-down .gallery-top ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.pro-down .gallery-top ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.pro-down .gallery-top ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.pro-down .gallery-top ul li div .mask p span {font-size:17px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.pro-down .gallery-top ul li:hover div .mask{display:block;}
	.pro-down .gallery-top ul li h4{font-size:18px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.pro-down .gallery-top ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.pro-down .gallery-top ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
    /*Add Arrows*/
	.pro-down .swiper-button-next{background:url(../images/index/cpzx_you.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;right:10%;}
	.pro-down .swiper-button-prev{background:url(../images/index/cpzx_zuo.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;left:10%;}

/*case*/
    .in-case-bj{background:url(../images/index/al_bj.jpg) no-repeat top center;padding-top:3.4%;}
	.in-case{position:relative;display:none;}
	.al-mtl{display:none;}
	.al-sll{display:none;}
	.al-qtl{display:none;}
	.al-tsj{display:none;}
	.al-xc .tu{width:49%;float:left;}
	.al-xc .tu img{width:100%;}
	.al-xc .tu iframe,.al-xc .tu video,.al-xc .tu embed{width:100%;height:386px;}
	.al-xc .wz{width:49%;float:right;}
	.al-xc .wz h2{margin:0 0 2.5% 0;}
	.al-xc .wz h2 a{font-size:30px;color:#fff;}
	.al-xc .wz ul{position:relative;margin-bottom:4%;}
	.al-xc .wz ul img{position:absolute;right:0;top:-25%;}
	.al-xc .wz ul li{width:80%;margin:0.35% 0;}
	.al-xc .wz ul li a{font-size:17px;color:#fff;padding:1% 0;}
	.al-xc .wz ul li a b{font-size:20px;}
	.al-xc .wz ul li a i{padding:0.5% 2.4%;}
	.al-xc .wz ul li.rx{background:url(../images/index/al_dh.png) no-repeat left center;}
	.al-xc .wz ul li.qz{background:url(../images/index/al_sj.png) no-repeat left center;}
	.al-xc .wz form input{height:40px;width:32%;border:1px solid #e5e5e5;background:rgba(98,87,75,0.65);border-radius:8px;padding:0 3%;margin-right:1.2%;font-size:16px;color:#fff;}
	.al-xc .wz form button{width:19.4%;padding:0;margin:0;font-size:16px;color:#fff;background-image: linear-gradient(90deg, rgba(217, 125, 17, 0.98) 0%, rgba(230, 158, 56, 0.98) 100%), linear-gradient(#002840, #002840);background-blend-mode: normal, normal;border-radius:8px;border: solid 1px #e5e5e5;height:42px;
    float:right;}
	input::-webkit-input-placeholder{color:#e6e6e6;}
    input::-moz-placeholder{color:#e6e6e6;}
    input:-moz-placeholder{color:#e6e6e6;}
    input:-ms-input-placeholder{color:#e6e6e6;}
	.al-xc .wz span{font-size:16px;color:#e6e6e6;margin-top:1.8%;display:block;}
	.fl-case{width:50%;position:absolute;right:1%;bottom:0;margin:0 -1%;}
	.fl-case li{width:31.33%;padding:0 1%;float:left;}
	.fl-case li a{border:4px solid #fff;width:97%;}
	.fl-case li:hover a{border:4px solid #d8c29c;width:97%;}
/*nav*/
	.in-case-bj .nav{margin:2% auto;}
	.in-case-bj .nav ul{margin:0 -2%;}
	.in-case-bj .nav ul li{width:21%;padding:0 2%;float:left;}
	.in-case-bj .nav ul li a{text-align:center;font-size:18px;color:#fff;background-color:#048fa2;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}
	.in-case-bj .nav ul li:hover a{text-align:center;font-size:18px;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}
	.in-case-bj .nav ul li.active a{text-align:center;font-size:18px;font-weight:bold;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}

/*news*/
    .in-news{margin-bottom:2%;}
	.in-news .down{margin-top:1%;}
	.in-news .down .left-news{width:66%;float:left;}
	.in-news h2{font-size:20px;color:#134889;margin-bottom:20px;margin-top:0;}
	.in-news .down .right-wd{width:30%;float:right;}
	.in-news h2 span{font-size:18px;color:#7f7f7f;font-weight:400;}
	.in-news h2 a{font-size:18px;color:#7f7f7f;float:right;}
	.left-news .nr .one{width:38.8%;float:left;}
	.left-news .nr .one h3{font-size:18px;color:#262626;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:5% 0;}
	.left-news .nr .one p{font-size:17px;color:#666;line-height:30px;margin-bottom:8%;}
	.left-news .nr .one a{width:60%;font-size:17px;text-align:center;color:#fff;padding:2% 0;background-image: linear-gradient(90deg,rgba(205, 90, 33, 0.98) 0%,rgba(207, 164, 90, 0.98) 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;border-radius:21px;}
	.left-news .nr .one a:hover{background-image: linear-gradient(90deg,#cd5a21 0%,#af1414 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;}
	.left-news .nr ul{width:57%;float:right;}
	.left-news .nr ul li{margin-bottom:1.8%;box-shadow: inset 0px -3px 4px 0px rgba(0,0,0,0.14);border-radius:10px;padding:0 3.5%;}
	.left-news .nr ul li a{width:100%;}
	.left-news .nr ul li span{font-size:17px;color:#262626;display:block;padding:4% 0;}
	.left-news .nr ul li span.wz{width:79%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.left-news .nr ul li span.sj{width:20%;float:right;text-align:right;}
	.left-news .nr ul li:hover span{color:#b95700;}
/*right-wd*/
	.right-wd dl{border-bottom:1px solid #cacaca;padding-bottom:2%;margin-top:5%;}
	.right-wd dl dt{font-size:18px;color:#262626;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:1% 0;font-weight:bold;}
	.right-wd dl dt i{padding:1.5% 5%;background:url(../images/index/xw_Q.png) no-repeat left center;}
	.right-wd dl dd{font-size:17px;color:#666;line-height:30px;margin:1.5% 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;padding:1% 0;}
	.right-wd dl dd i{padding:1% 5%;background:url(../images/index/xw_A.png) no-repeat left center;}

/*about*/
    .in-about-bj{background:url(../images/index/gsjjbj.jpg) no-repeat;padding:2% 0;}
	.in-about{position:relative;}
	.in-about h1{width:58%;margin:0;font-size:28px;color:#fff;padding-left:7.5%;}
	.in-about p{width:58%;margin-top:1.6%;font-size:17px;color:#fff;line-height:30px;margin-bottom:1.6%;padding-left:7.5%;}
	.in-about a{width:13%;border:1px solid #fff;text-align:center;font-size:16px;color:#fff;padding:0.75% 0;margin-left:7.5%;}
	.in-about img{position:absolute;right:0;top:0;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*hot products*/
    .hot-pro-bj{background:url(../images/index/rxcp_bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:1.5%;}
	.hot{margin-top:2.5%;}
	.hot .tit{position:relative;}
	.hot .tit h1{font-size:27px;color:#1a1a1a;margin:0 0 1% 0;}
	.hot .tit h1 span{padding:0 3%;background:url(../images/index/hx.png) no-repeat center;}
	.hot .tit p,.hot .tit p a{font-size:16px;color:#4d4d4d;display:inline;}
	.hot .tit .zxbj{position:absolute;right:0;top:30%;width:21%;}
	.box{padding:1%;margin:1.5% 0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.42);border-radius: 30px 0px 0px 30px;border:1px solid rgba(255, 255, 255,0.41);}
	.hot .tit .zxbj img{width:100%;}
	.box ul{margin:-0.45% -0.5%;overflow:hidden;}
	.box ul li{width:32.33%;float:left;padding:0.45% 0.5%;}
	.box ul li .cp{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width:100%;}
	.box ul li a{width:100%;position:relative;overflow:hidden;}
	.box ul li:hover a .cp {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1); }
	.box ul li h2,.box ul li p,.box ul li span,.box ul li .xing{position:absolute;}
	.box ul li h2{top:12%;left:4.5%;font-size:21px;color:#fff;margin:0;}
	.box ul li p{font-size:15px;color:#fff;left:4.5%;top:31%;}
	
	.box ul li.big a{border-radius:30px 0px 0px 30px;}
	.box ul li.big h2{top:7.5%;left:4.5%;font-size:24px;color:#fff;}
	.box ul li.big p{font-size:16px;color:#fff;left:4.5%;top:19%;}
	.box ul li.big span{font-size:15px;color:#fff;left:4.5%;top:32%;padding:1.5% 14% 1.5% 4%;border-radius:4px;border:1px solid #fff;background:url(../images/index/rxcp_gd.png) no-repeat 85% center;}
	.box ul li.big .xing{top:5%;right:8%;}

/*product*/
    .in-pro-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat;background-size:100% 100%;padding:1.5% 0;}
	.in-tit{position:relative;text-align:center;}
	.in-tit h1{font-size:27px;color:#1a1a1a;margin:1% 0;}
	.in-tit h1 i{padding:0 3%;}
	.in-tit h1 i.zuo{background:url(../images/index/bt1.png) no-repeat center;}
	.in-tit h1 i.you{background:url(../images/index/bt2.png) no-repeat center;}
	.in-tit p{font-size:16px;color:#4d4d4d;}
	.in-pro .cont{background-image: linear-gradient(90deg, #e5eaef 0%, #f4f4f4 100%);box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 20px 20px 0px 0px;position:relative;padding:1.2% 2%;margin:1.5% 0;}
	.in-pro .cont b{font-size:18px;color:#404954;padding-right:1%;}
	.in-pro .cont span{font-size:17px;color:#7f7f7f;}
	.in-pro .cont a{position:absolute;top:4%;right:2%;padding:1% 0;font-size:18px;color:#404954;font-weight:bold;padding-left:3%;background:url(../images/index/cpzx_dh.png) no-repeat left center;}
	.in-pro .pro-down .gallery-top{width:75%;float:right;}
	.gallery-thumbs{width:23%;height:412px;background-image: linear-gradient(90deg,rgba(4, 171, 181, 0.98) 0%,rgba(4, 61, 116, 0.98) 100%),linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(255, 255, 255, 1) 100%);background-blend-mode:normal,normal;box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.45);float:left;}
	
	.menu {padding:15px 8%;width:84.5%;background-image:linear-gradient(0deg,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);height:378px;}
	.menu .list {font-size:18px;position: relative;width: 100%;height:auto!important;font-weight:bold;}
	.menu .list:after {content: "";padding:9px;position: absolute;right: 5%;top:15%;background:url(../images/product-detail/cdh_zk.png) no-repeat;background-size:100% auto;}
	.menu .list a {color:#333;display: block;height:100%;box-sizing: border-box;font-size:18px;font-weight:bold;padding:3% 0;}
	.menu .list a:hover {transition: 300ms all;}
	.menu .list .items {height: 0px;overflow: hidden;}
	.menu .list .items a {font-size:17px;color:#666;font-weight:400;}
	.menu .list .items a:hover {color: #808080;transition: 300ms all;}
	.menu .list:last-child {border-bottom: none;}
	.menu .swiper-slide-thumb-active:after {content: "";position: absolute;right: 5%;top:1%;padding:9px;display:block;background:url(../images/product-detail/cdh_sq.png);}
	.menu .swiper-slide-thumb-active > .items {display: block;padding: 0px;height: auto;color: #fff;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 200ms;clear: both;float: left;width: 100%;}
/*right*/
	.pro-down .gallery-top ul{margin:0 -1%;}
	.pro-down .gallery-top ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:1%;}
	.pro-down .gallery-top ul li a{width:100%;padding-bottom:4%;position:relative;}
	.pro-down .gallery-top ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.pro-down .gallery-top ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.pro-down .gallery-top ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.pro-down .gallery-top ul li div .mask p span {font-size:16px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.pro-down .gallery-top ul li:hover div .mask{display:block;}
	.pro-down .gallery-top ul li h4{font-size:16px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.pro-down .gallery-top ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.pro-down .gallery-top ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
    /*Add Arrows*/
	.pro-down .swiper-button-next{background:url(../images/index/cpzx_you.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;right:10%;display:none;}
	.pro-down .swiper-button-prev{background:url(../images/index/cpzx_zuo.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;left:10%;display:none;}

/*case*/
    .in-case-bj{background:url(../images/index/al_bj.jpg) no-repeat top center;background-size:100% 55%;padding-top:3.4%;}
	.in-case{position:relative;display:none;}
	.al-mtl{display:none;}
	.al-sll{display:none;}
	.al-qtl{display:none;}
	.al-tsj{display:none;}
	.al-xc .tu{width:49%;float:left;}
	.al-xc .tu img{width:100%;}
	.al-xc .tu iframe,.al-xc .tu video,.al-xc .tu embed{width:100%;height:325px;}
	.al-xc .wz{width:49%;float:right;}
	.al-xc .wz h2{margin:0 0 2.5% 0;}
	.al-xc .wz h2 a{font-size:27px;color:#fff;}
	.al-xc .wz ul{position:relative;margin-bottom:4%;}
	.al-xc .wz ul img{position:absolute;right:0;top:-25%;width:20%;}
	.al-xc .wz ul li{width:80%;margin:0.35% 0;}
	.al-xc .wz ul li a{font-size:15px;color:#fff;padding:1% 0;}
	.al-xc .wz ul li a b{font-size:18px;}
	.al-xc .wz ul li a i{padding:0.5% 3.5%;}
	.al-xc .wz ul li.rx{background:url(../images/index/al_dh.png) no-repeat left center;}
	.al-xc .wz ul li.qz{background:url(../images/index/al_sj.png) no-repeat left center;}
	.al-xc .wz form input{height:36px;width:32%;border:1px solid #e5e5e5;background:rgba(98,87,75,0.65);border-radius:8px;padding:0 3%;margin-right:1.2%;font-size:15px;color:#fff;}
	.al-xc .wz form button{width:19.4%;padding:0;margin:0;font-size:15px;color:#fff;background-image: linear-gradient(90deg, rgba(217, 125, 17, 0.98) 0%, rgba(230, 158, 56, 0.98) 100%), linear-gradient(#002840, #002840);background-blend-mode: normal, normal;border-radius:8px;border: solid 1px #e5e5e5;height:38px;
    float:right;}
	input::-webkit-input-placeholder{color:#e6e6e6;}
    input::-moz-placeholder{color:#e6e6e6;}
    input:-moz-placeholder{color:#e6e6e6;}
    input:-ms-input-placeholder{color:#e6e6e6;}
	.al-xc .wz span{font-size:15px;color:#e6e6e6;margin-top:1.8%;display:block;}
	.fl-case{width:50%;position:absolute;right:1%;bottom:0;margin:0 -1%;}
	.fl-case li{width:31.33%;padding:0 1%;float:left;}
	.fl-case li a{border:4px solid #fff;width:97%;}
	.fl-case li:hover a{border:4px solid #d8c29c;width:97%;}
/*nav*/
	.in-case-bj .nav{margin:2% auto;}
	.in-case-bj .nav ul{margin:0 -2%;}
	.in-case-bj .nav ul li{width:21%;padding:0 2%;float:left;}
	.in-case-bj .nav ul li a{text-align:center;font-size:16px;color:#fff;background-color:#048fa2;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}
	.in-case-bj .nav ul li:hover a{text-align:center;font-size:16px;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}
	.in-case-bj .nav ul li.active a{text-align:center;font-size:16px;font-weight:bold;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:4.5% 0;}

/*news*/
    .in-news{margin-bottom:2%;}
	.in-news .down{margin-top:1%;}
	.in-news .down .left-news{width:66%;float:left;}
	.in-news h2{font-size:20px;color:#134889;margin-bottom:20px;margin-top:0;}
	.in-news .down .right-wd{width:30%;float:right;}
	.in-news h2 span{font-size:17px;color:#7f7f7f;font-weight:400;}
	.in-news h2 a{font-size:18px;color:#7f7f7f;float:right;}
	.left-news .nr .one{width:38.8%;float:left;}
	.left-news .nr .one h3{font-size:17px;color:#262626;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:5% 0;}
	.left-news .nr .one p{font-size:16px;color:#666;line-height:30px;margin-bottom:8%;}
	.left-news .nr .one a{width:60%;font-size:16px;text-align:center;color:#fff;padding:2% 0;background-image: linear-gradient(90deg,rgba(205, 90, 33, 0.98) 0%,rgba(207, 164, 90, 0.98) 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;border-radius:21px;}
	.left-news .nr .one a:hover{background-image: linear-gradient(90deg,#cd5a21 0%,#af1414 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;}
	.left-news .nr ul{width:57%;float:right;}
	.left-news .nr ul li{margin-bottom:3.5%;box-shadow: inset 0px -3px 4px 0px rgba(0,0,0,0.14);border-radius:10px;padding:0 3.5%;}
	.left-news .nr ul li a{width:100%;}
	.left-news .nr ul li span{font-size:16px;color:#262626;display:block;padding:4% 0;}
	.left-news .nr ul li span.wz{width:78%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.left-news .nr ul li span.sj{width:22%;float:right;text-align:right;}
	.left-news .nr ul li:hover span{color:#b95700;}
/*right-wd*/
	.right-wd dl{border-bottom:1px solid #cacaca;padding-bottom:2%;margin-top:5%;}
	.right-wd dl dt{font-size:17px;color:#262626;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:1.8% 0;font-weight:bold;}
	.right-wd dl dt i{padding:1.5% 5%;background:url(../images/index/xw_Q.png) no-repeat left center;background-size:75% auto;}
	.right-wd dl dd{font-size:16px;color:#666;line-height:30px;margin:1.5% 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;padding:1% 0;}
	.right-wd dl dd i{padding:1% 5%;background:url(../images/index/xw_A.png) no-repeat left center;background-size:75% auto;}

/*about*/
    .in-about-bj{background:url(../images/index/gsjjbj.jpg) no-repeat;padding:2% 0;}
	.in-about{position:relative;}
	.in-about h1{width:58%;margin:0;font-size:24px;color:#fff;padding-left:2%;}
	.in-about p{width:58%;margin-top:1.6%;font-size:16px;color:#fff;line-height:30px;margin-bottom:1.6%;padding-left:2%;}
	.in-about a{width:15%;border:1px solid #fff;text-align:center;font-size:15px;color:#fff;padding:0.75% 0;margin-left:2%;}
	.in-about img{position:absolute;right:2%;top:0;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*hot products*/
    .hot-pro-bj{background:url(../images/index/rxcp_bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:1.5%;}
	.hot{margin-top:2.5%;}
	.hot .tit{position:relative;}
	.hot .tit h1{font-size:24px;color:#1a1a1a;margin:0 0 1% 0;}
	.hot .tit h1 span{padding:0 3%;background:url(../images/index/hx.png) no-repeat center;}
	.hot .tit p,.hot .tit p a{font-size:15px;color:#4d4d4d;display:inline;}
	.hot .tit .zxbj{position:absolute;right:0;top:30%;width:21%;}
	.box{padding:1%;margin:1.5% 0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.42);border-radius: 30px 0px 0px 30px;border:1px solid rgba(255, 255, 255,0.41);}
	.hot .tit .zxbj img{width:100%;}
	.box ul{margin:-0.45% -0.5%;overflow:hidden;}
	.box ul li{width:32.33%;float:left;padding:0.45% 0.5%;}
	.box ul li .cp{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width:100%;}
	.box ul li a{width:100%;position:relative;overflow:hidden;}
	.box ul li:hover a .cp {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1); }
	.box ul li h2,.box ul li p,.box ul li span,.box ul li .xing{position:absolute;}
	.box ul li h2{top:12%;left:4.5%;font-size:18px;color:#fff;margin:0;}
	.box ul li p{font-size:15px;color:#fff;left:4.5%;top:31%;}
	
	.box ul li.big a{border-radius:30px 0px 0px 30px;}
	.box ul li.big h2{top:7.5%;left:4.5%;font-size:20px;color:#fff;}
	.box ul li.big p{font-size:15px;color:#fff;left:4.5%;top:19%;}
	.box ul li.big span{font-size:15px;color:#fff;left:4.5%;top:32%;padding:1.5% 14% 1.5% 4%;border-radius:4px;border:1px solid #fff;background:url(../images/index/rxcp_gd.png) no-repeat 85% center;background-size:15% auto;}
	.box ul li.big .xing{top:5%;right:8%;width:12%;}

/*product*/
    .in-pro-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat;background-size:100% 100%;padding:1.5% 0;}
	.in-tit{position:relative;text-align:center;}
	.in-tit h1{font-size:24px;color:#1a1a1a;margin:1% 0;}
	.in-tit h1 i{padding:0 3%;}
	.in-tit h1 i.zuo{background:url(../images/index/bt1.png) no-repeat center;}
	.in-tit h1 i.you{background:url(../images/index/bt2.png) no-repeat center;}
	.in-tit p{font-size:15px;color:#4d4d4d;}
	.in-pro .cont{background-image: linear-gradient(90deg, #e5eaef 0%, #f4f4f4 100%);box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 20px 20px 0px 0px;position:relative;padding:1.2% 2%;margin:1.5% 0;}
	.in-pro .cont b{font-size:16px;color:#404954;padding-right:1%;}
	.in-pro .cont span{font-size:15px;color:#7f7f7f;}
	.in-pro .cont a{position:absolute;top:4%;right:2%;padding:1% 0;font-size:16px;color:#404954;font-weight:bold;padding-left:3%;background:url(../images/index/cpzx_dh.png) no-repeat left center;background-size:15% auto;}
	.in-pro .pro-down .gallery-top{width:75%;float:right;}
	.gallery-thumbs{width:23%;background-image: linear-gradient(90deg,rgba(4, 171, 181, 0.98) 0%,rgba(4, 61, 116, 0.98) 100%),linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(255, 255, 255, 1) 100%);background-blend-mode:normal,normal;box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.45);float:left;}
	
	.menu {padding:10px 8%;width:84.5%;background-image:linear-gradient(0deg,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);}
	.menu .list {font-size:16px;position: relative;width: 100%;height:auto!important;font-weight:bold;}
	.menu .list:after {content: "";padding:9px;position: absolute;right: 5%;top:15%;background:url(../images/product-detail/cdh_zk.png) no-repeat;background-size:100% auto;}
	.menu .list a{color:#333;display: block;height:100%;box-sizing: border-box;font-size:16px;font-weight:bold;padding:2.4% 0;}
	.menu .list a:hover {transition: 300ms all;}
	.menu .list .items {height: 0px;overflow: hidden;}
	.menu .list .items a {font-size:15px;color:#666;font-weight:400;}
	.menu .list .items a:hover {color: #808080;transition: 300ms all;}
	.menu .list:last-child {border-bottom: none;}
	.menu .swiper-slide-thumb-active:after {content: "";position: absolute;right: 5%;top:1%;padding:9px;display:block;background:url(../images/product-detail/cdh_sq.png);}
	.menu .swiper-slide-thumb-active > .items {display: block;padding: 0px;height: auto;color: #fff;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 200ms;clear: both;float: left;width: 100%;}
/*right*/
	.pro-down .gallery-top ul{margin:0 -1%;}
	.pro-down .gallery-top ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:1%;}
	.pro-down .gallery-top ul li a{width:100%;padding-bottom:4%;position:relative;}
	.pro-down .gallery-top ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.pro-down .gallery-top ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.pro-down .gallery-top ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.pro-down .gallery-top ul li div .mask p span {font-size:16px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.pro-down .gallery-top ul li:hover div .mask{display:block;}
	.pro-down .gallery-top ul li h4{font-size:15px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.pro-down .gallery-top ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.pro-down .gallery-top ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
    /*Add Arrows*/
	.pro-down .swiper-button-next{background:url(../images/index/cpzx_you.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;right:10%;display:none;}
	.pro-down .swiper-button-prev{background:url(../images/index/cpzx_zuo.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;left:10%;display:none;}

/*case*/
    .in-case-bj{background:url(../images/index/al_bj.jpg) no-repeat top center;background-size:100% 54%;padding-top:3.4%;}
	.in-case{position:relative;display:none;}
	.al-mtl{display:none;}
	.al-sll{display:none;}
	.al-qtl{display:none;}
	.al-tsj{display:none;}
	.al-xc .tu{width:49%;float:left;}
	.al-xc .tu img{width:100%;}
	.al-xc .tu iframe,.al-xc .tu video,.al-xc .tu embed{width:100%;height:325px;}
	.al-xc .wz{width:49%;float:right;}
	.al-xc .wz h2{margin:0 0 2.5% 0;}
	.al-xc .wz h2 a{font-size:21px;color:#fff;}
	.al-xc .wz ul{position:relative;margin-bottom:1.5%;}
	.al-xc .wz ul img{position:absolute;right:0;top:-25%;width:20%;}
	.al-xc .wz ul li{width:80%;margin:0.35% 0;}
	.al-xc .wz ul li a{font-size:14px;color:#fff;padding:1% 0;}
	.al-xc .wz ul li a b{font-size:15px;}
	.al-xc .wz ul li a i{padding:0.5% 3.5%;}
	.al-xc .wz ul li.rx{background:url(../images/index/al_dh.png) no-repeat left center;background-size:6% auto;}
	.al-xc .wz ul li.qz{background:url(../images/index/al_sj.png) no-repeat left center;background-size:6% auto;}
	.al-xc .wz form input{height:30px;width:32%;border:1px solid #e5e5e5;background:rgba(98,87,75,0.65);border-radius:8px;padding:0 3%;margin-right:1.2%;font-size:15px;color:#fff;}
	.al-xc .wz form button{width:19.4%;padding:0;margin:0;font-size:15px;color:#fff;background-image: linear-gradient(90deg, rgba(217, 125, 17, 0.98) 0%, rgba(230, 158, 56, 0.98) 100%), linear-gradient(#002840, #002840);background-blend-mode: normal, normal;border-radius:8px;border: solid 1px #e5e5e5;height:32px;
    float:right;}
	input::-webkit-input-placeholder{color:#e6e6e6;}
    input::-moz-placeholder{color:#e6e6e6;}
    input:-moz-placeholder{color:#e6e6e6;}
    input:-ms-input-placeholder{color:#e6e6e6;}
	.al-xc .wz span{font-size:15px;color:#e6e6e6;margin-top:1.8%;display:block;}
	.fl-case{width:50%;position:absolute;right:1%;bottom:0;margin:0 -1%;}
	.fl-case li{width:31.33%;padding:0 1%;float:left;}
	.fl-case li a{border:4px solid #fff;width:97%;}
	.fl-case li:hover a{border:4px solid #d8c29c;width:97%;}
/*nav*/
	.in-case-bj .nav{margin:2% auto;}
	.in-case-bj .nav ul{margin:0 -2%;}
	.in-case-bj .nav ul li{width:21%;padding:0 2%;float:left;}
	.in-case-bj .nav ul li a{text-align:center;font-size:16px;color:#fff;background-color:#048fa2;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}
	.in-case-bj .nav ul li:hover a{text-align:center;font-size:16px;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}
	.in-case-bj .nav ul li.active a{text-align:center;font-size:16px;font-weight:bold;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}

/*news*/
    .in-news{margin-bottom:2%;}
	.in-news .down{margin-top:1%;}
	.in-news .down .left-news{width:66%;float:left;}
	.in-news h2{font-size:18px;color:#134889;margin-bottom:20px;margin-top:0;}
	.in-news .down .right-wd{width:30%;float:right;}
	.in-news h2 span{font-size:15px;color:#7f7f7f;font-weight:400;}
	.in-news h2 a{font-size:18px;color:#7f7f7f;float:right;}
	.left-news .nr .one{width:38.8%;float:left;}
	.left-news .nr .one h3{font-size:16px;color:#262626;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:5% 0;}
	.left-news .nr .one p{font-size:15px;color:#666;line-height:30px;margin-bottom:8%;}
	.left-news .nr .one a{width:60%;font-size:16px;text-align:center;color:#fff;padding:2% 0;background-image: linear-gradient(90deg,rgba(205, 90, 33, 0.98) 0%,rgba(207, 164, 90, 0.98) 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;border-radius:21px;}
	.left-news .nr .one a:hover{background-image: linear-gradient(90deg,#cd5a21 0%,#af1414 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;}
	.left-news .nr ul{width:57%;float:right;}
	.left-news .nr ul li{margin-bottom:3.5%;box-shadow: inset 0px -3px 4px 0px rgba(0,0,0,0.14);border-radius:10px;padding:0 3.5%;}
	.left-news .nr ul li a{width:100%;}
	.left-news .nr ul li span{font-size:15px;color:#262626;display:block;padding:4.5% 0;}
	.left-news .nr ul li span.wz{width:73%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.left-news .nr ul li span.sj{width:27%;float:right;text-align:right;}
	.left-news .nr ul li:hover span{color:#b95700;}
/*right-wd*/
	.right-wd dl{border-bottom:1px solid #cacaca;padding-bottom:2%;margin-top:5%;}
	.right-wd dl dt{font-size:16px;color:#262626;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:1.2% 0;font-weight:bold;}
	.right-wd dl dt i{padding:1.5% 5%;background:url(../images/index/xw_Q.png) no-repeat left center;background-size:75% auto;}
	.right-wd dl dd{font-size:15px;color:#666;line-height:30px;margin:1.5% 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;padding:1% 0;}
	.right-wd dl dd i{padding:1% 5%;background:url(../images/index/xw_A.png) no-repeat left center;background-size:75% auto;}

/*about*/
    .in-about-bj{background:url(../images/index/gsjjbj.jpg) no-repeat;padding:2% 0;}
	.in-about{position:relative;}
	.in-about h1{width:58%;margin:0;font-size:18px;color:#fff;padding-left:2%;}
	.in-about p{width:58%;margin-top:1.6%;font-size:15px;color:#fff;line-height:27px;margin-bottom:1.6%;padding-left:2%;}
	.in-about a{width:18%;border:1px solid #fff;text-align:center;font-size:15px;color:#fff;padding:0.75% 0;margin-left:2%;}
	.in-about img{position:absolute;right:2%;top:0;width:36%;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*hot products*/
    .hot-pro-bj{background:url(../images/index/rxcp_bj.jpg) no-repeat;background-size:100% 100%;padding-bottom:1.5%;}
	.hot{margin-top:2.5%;}
	.hot .tit{position:relative;}
	.hot .tit h1{font-size:18px;color:#1a1a1a;margin:0 0 1% 0;}
	.hot .tit h1 span{padding:0 3%;background:url(../images/index/hx.png) no-repeat center;}
	.hot .tit p,.hot .tit p a{font-size:14px;color:#4d4d4d;display:inline;}
	.hot .tit .zxbj{position:absolute;right:0;top:30%;width:25%;}
	.box{padding:1%;margin:1.5% 0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.42);border-radius: 30px 0px 0px 30px;border:1px solid rgba(255, 255, 255,0.41);}
	.hot .tit .zxbj img{width:100%;}
	.box ul{margin:-0.45% -0.5%;overflow:hidden;}
	.box ul li{width:32.33%;float:left;padding:0.45% 0.5%;}
	.box ul li .cp{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;width:100%;}
	.box ul li a{width:100%;position:relative;overflow:hidden;}
	.box ul li:hover a .cp {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1); }
	.box ul li h2,.box ul li p,.box ul li span,.box ul li .xing{position:absolute;}
	.box ul li h2{top:12%;left:4.5%;font-size:16px;color:#fff;margin:0;}
	.box ul li p{font-size:14px;color:#fff;left:4.5%;top:33%;}
	
	.box ul li.big a{border-radius:30px 0px 0px 30px;}
	.box ul li.big h2{top:7.5%;left:4.5%;font-size:17px;color:#fff;}
	.box ul li.big p{font-size:14px;color:#fff;left:4.5%;top:21%;}
	.box ul li.big span{font-size:14px;color:#fff;left:4.5%;top:35%;padding:1.5% 14% 1.5% 4%;border-radius:4px;border:1px solid #fff;background:url(../images/index/rxcp_gd.png) no-repeat 85% center;background-size:15% auto;}
	.box ul li.big .xing{top:5%;right:3%;width:12%;}

/*product*/
    .in-pro-bj{background:url(../images/index/cpzx_bj.jpg) no-repeat;background-size:100% 100%;padding:1.5% 0;}
	.in-tit{position:relative;text-align:center;}
	.in-tit h1{font-size:18px;color:#1a1a1a;margin:1% 0;}
	.in-tit h1 i{padding:0 3%;}
	.in-tit h1 i.zuo{background:url(../images/index/bt1.png) no-repeat center;background-size:70% auto;}
	.in-tit h1 i.you{background:url(../images/index/bt2.png) no-repeat center;background-size:70% auto;}
	.in-tit p{font-size:14px;color:#4d4d4d;}
	.in-pro .cont{background-image: linear-gradient(90deg, #e5eaef 0%, #f4f4f4 100%);box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 20px 20px 0px 0px;position:relative;padding:1.2% 2%;margin:1.5% 0;}
	.in-pro .cont b{font-size:15px;color:#404954;padding-right:1%;}
	.in-pro .cont span{font-size:14px;color:#7f7f7f;}
	.in-pro .cont a{position:absolute;top:4%;right:2%;padding:1% 0;font-size:14px;color:#404954;font-weight:bold;padding-left:3%;background:url(../images/index/cpzx_dh.png) no-repeat left center;background-size:15% auto;}
	.in-pro .pro-down .gallery-top{width:75%;float:right;}
	.gallery-thumbs{width:23%;background-image: linear-gradient(90deg,rgba(4, 171, 181, 0.98) 0%,rgba(4, 61, 116, 0.98) 100%),linear-gradient(0deg, rgba(0, 0, 0, 1) 0%,rgba(255, 255, 255, 1) 100%);background-blend-mode:normal,normal;box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.45);float:left;}
	
	.menu {padding:10px 8%;width:84.5%;background-image:linear-gradient(0deg,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);}
	.menu .list {font-size:15px;position: relative;width: 100%;height:auto!important;font-weight:bold;margin-bottom:2.1%!important;}
	.menu .list:after {content: "";padding:9px;position: absolute;right: 5%;top:5%;background:url(../images/product-detail/cdh_zk.png) no-repeat;background-size:100% auto;}
	.menu .list a{color:#333;display: block;height:100%;box-sizing: border-box;font-size:15px;font-weight:bold;padding:1.5% 0;}
	.menu .list a:hover {transition: 300ms all;}
	.menu .list .items {height: 0px;overflow: hidden;}
	.menu .list .items a {font-size:14px;color:#666;font-weight:400;}
	.menu .list .items a:hover {color: #808080;transition: 300ms all;}
	.menu .list:last-child {border-bottom: none;}
	.menu .swiper-slide-thumb-active:after {content: "";position: absolute;right: 5%;top:0;padding:9px;display:block;background:url(../images/product-detail/cdh_sq.png);}
	.menu .swiper-slide-thumb-active > .items {display: block;padding: 0px;height: auto;color: #fff;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 200ms;clear: both;float: left;width: 100%;}
/*right*/
	.pro-down .gallery-top ul{margin:0 -1%;}
	.pro-down .gallery-top ul li{width:31.33%;padding:0 1%;float:left;margin-bottom:1%;}
	.pro-down .gallery-top ul li a{width:100%;padding-bottom:4%;position:relative;}
	.pro-down .gallery-top ul li .tu{position:relative;border-radius:10px 10px 0px 0px;overflow:hidden;}
	.pro-down .gallery-top ul li div .mask{background-color:rgba(9,22,33,0.6);position:absolute;top:0;left:0;right:0;margin:0 auto;width:100%;height:100%;display:none;}
	.pro-down .gallery-top ul li div .mask p{border:1px solid #d9d9d9;width:80%;height:80%;margin:5% 10%;position:relative;}
	.pro-down .gallery-top ul li div .mask p span {font-size:14px;color:#d9d9d9;margin:0 auto;display:block;width:100%;text-align:center;position:absolute;top:40%;}
	.pro-down .gallery-top ul li:hover div .mask{display:block;}
	.pro-down .gallery-top ul li h4{font-size:14px;color:#4d4d4d;border-left:3px solid #2767a9;margin:2% 0 0 0;padding:0 3%;text-align:center;background:#fff;position:relative;z-index:1;}
	.pro-down .gallery-top ul li h4 p{width:100%;padding:3% 0;background:url(../images/products/cp_gd.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li:hover h4{background-image: linear-gradient(90deg, #043c74 0%, #13a2a2 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;color:#fff;}
	.pro-down .gallery-top ul li:hover h4 p{background:url(../images/products/cp_gd2.png) no-repeat 98% center;}
	.pro-down .gallery-top ul li a .yy{position:absolute;z-index:-1;right:-3%;bottom:0;}
    /*Add Arrows*/
	.pro-down .swiper-button-next{background:url(../images/index/cpzx_you.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;right:10%;display:none;}
	.pro-down .swiper-button-prev{background:url(../images/index/cpzx_zuo.png) no-repeat center;background-size:100% 100%;width:40px;height:120px;top:42%;left:10%;display:none;}

/*case*/
    .in-case-bj{background:url(../images/index/al_bj.jpg) no-repeat top center;background-size:100% 52%;padding-top:3.4%;}
	.in-case{position:relative;display:none;}
	.al-mtl{display:none;}
	.al-sll{display:none;}
	.al-qtl{display:none;}
	.al-tsj{display:none;}
	.al-xc .tu{width:49%;float:left;}
	.al-xc .tu img{width:100%;}
	.al-xc .tu iframe,.al-xc .tu video,.al-xc .tu embed{width:100%;height:325px;}
	.al-xc .wz{width:49%;float:right;}
	.al-xc .wz h2{margin:0 0 2.5% 0;}
	.al-xc .wz h2 a{font-size:16px;color:#fff;}
	.al-xc .wz ul{position:relative;margin-bottom:1.5%;}
	.al-xc .wz ul img{position:absolute;right:0;top:-25%;width:20%;display:none;}
	.al-xc .wz ul li{width:100%;margin:0.35% 0;}
	.al-xc .wz ul li a{font-size:13px;color:#fff;padding:1% 0;}
	.al-xc .wz ul li a b{font-size:14px;}
	.al-xc .wz ul li a i{padding:0.5% 3.5%;}
	.al-xc .wz ul li.rx{background:url(../images/index/al_dh.png) no-repeat left center;background-size:6% auto;}
	.al-xc .wz ul li.qz{background:url(../images/index/al_sj.png) no-repeat left center;background-size:6% auto;}
	.al-xc .wz form input{height:25px;width:31%;border:1px solid #e5e5e5;background:rgba(98,87,75,0.65);border-radius:8px;padding:0 3%;margin-right:1.2%;font-size:14px;color:#fff;}
	.al-xc .wz form button{width:19.4%;padding:0;margin:0;font-size:14px;color:#fff;background-image: linear-gradient(90deg, rgba(217, 125, 17, 0.98) 0%, rgba(230, 158, 56, 0.98) 100%), linear-gradient(#002840, #002840);background-blend-mode: normal, normal;border-radius:8px;border: solid 1px #e5e5e5;height:27px;
    float:right;}
	input::-webkit-input-placeholder{color:#e6e6e6;}
    input::-moz-placeholder{color:#e6e6e6;}
    input:-moz-placeholder{color:#e6e6e6;}
    input:-ms-input-placeholder{color:#e6e6e6;}
	.al-xc .wz span{font-size:15px;color:#e6e6e6;margin-top:1.8%;display:none;}
	.fl-case{width:50%;position:absolute;right:1%;bottom:0;margin:0 -1%;}
	.fl-case li{width:31.33%;padding:0 1%;float:left;}
	.fl-case li a{border:4px solid #fff;width:97%;}
	.fl-case li:hover a{border:4px solid #d8c29c;width:97%;}
/*nav*/
	.in-case-bj .nav{margin:2% auto;}
	.in-case-bj .nav ul{margin:0 -2%;}
	.in-case-bj .nav ul li{width:21%;padding:0 2%;float:left;}
	.in-case-bj .nav ul li a{text-align:center;font-size:15px;color:#fff;background-color:#048fa2;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}
	.in-case-bj .nav ul li:hover a{text-align:center;font-size:15px;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}
	.in-case-bj .nav ul li.active a{text-align:center;font-size:16px;font-weight:bold;color:#fff;background-color:#047795;box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.61);border-radius:24px;width:100%;padding:3.5% 0;}

/*news*/
    .in-news{margin-bottom:2%;}
	.in-news .down{margin-top:1%;}
	.in-news .down .left-news{width:66%;float:left;}
	.in-news h2{font-size:15px;color:#134889;margin-bottom:20px;margin-top:0;}
	.in-news .down .right-wd{width:30%;float:right;}
	.in-news h2 span{font-size:14px;color:#7f7f7f;font-weight:400;}
	.in-news h2 a{font-size:15px;color:#7f7f7f;float:right;}
	.left-news .nr .one{width:38.8%;float:left;}
	.left-news .nr .one h3{font-size:15px;color:#262626;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin:3.5% 0;}
	.left-news .nr .one p{font-size:14px;color:#666;line-height:24px;margin-bottom:5%;}
	.left-news .nr .one a{width:60%;font-size:14px;text-align:center;color:#fff;padding:2% 0;background-image: linear-gradient(90deg,rgba(205, 90, 33, 0.98) 0%,rgba(207, 164, 90, 0.98) 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;border-radius:21px;}
	.left-news .nr .one a:hover{background-image: linear-gradient(90deg,#cd5a21 0%,#af1414 100%),linear-gradient(#000000,#000000);background-blend-mode: normal, normal;}
	.left-news .nr ul{width:57%;float:right;}
	.left-news .nr ul li{margin-bottom:3.5%;box-shadow: inset 0px -3px 4px 0px rgba(0,0,0,0.14);border-radius:10px;padding:0 3.5%;}
	.left-news .nr ul li a{width:100%;}
	.left-news .nr ul li span{font-size:14px;color:#262626;display:block;padding:4.5% 0;}
	.left-news .nr ul li span.wz{width:65%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.left-news .nr ul li span.sj{width:34%;float:right;text-align:right;}
	.left-news .nr ul li:hover span{color:#b95700;}
/*right-wd*/
	.right-wd dl{border-bottom:1px solid #cacaca;padding-bottom:2%;margin-top:5%;}
	.right-wd dl dt{font-size:15px;color:#262626;margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:1.2% 0;font-weight:bold;}
	.right-wd dl dt i{padding:1.5% 5%;background:url(../images/index/xw_Q.png) no-repeat left center;background-size:75% auto;}
	.right-wd dl dd{font-size:14px;color:#666;line-height:24px;margin:1.5% 0;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;height:51px;padding:1% 0;}
	.right-wd dl dd i{padding:1% 5%;background:url(../images/index/xw_A.png) no-repeat left center;background-size:75% auto;}

/*about*/
    .in-about-bj{background:url(../images/index/gsjjbj.jpg) no-repeat;padding:2% 0;}
	.in-about{position:relative;}
	.in-about h1{width:58%;margin:0;font-size:16px;color:#fff;padding-left:2%;}
	.in-about p{width:58%;margin-top:1.6%;font-size:14px;color:#fff;line-height:27px;margin-bottom:1.6%;padding-left:2%;}
	.in-about a{width:21%;border:1px solid #fff;text-align:center;font-size:14px;color:#fff;padding:1% 0;margin-left:2%;}
	.in-about img{position:absolute;right:2%;top:8%;width:36%;}
}

@media screen and (max-width: 768px) {
	
}