@charset "utf-8";
/* CSS Document */
body,html{margin:0;font-family:MicrosoftYaHei;position:relative;overflow-x:hidden;}
dl,dd{margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;cursor:pointer;display:block;}
p{margin:0;}
button:focus {outline: none;}
input:focus,textarea:focus {outline:none;}
.clearfix{clear:both!important;}
.clearfix:before,.clearfix:after{display: table;content:" ";clear: both;}
img{display:block;}
.top .right .up .search .sea form{height:100%;}
@media screen and (min-width: 1380px)  {
	.sjd{display:none!important;}
    .container{max-width:1380px;min-width:1380px;width:100%;margin:0 auto;}
/*top*/
	.top-bj{background:#f8f8f8;border-bottom:2px solid #68b3c5;padding-top:0.4%;position:relative;}
	.top{position:relative;overflow:hidden;padding-bottom:0.4%;}
	.top .sx{position:absolute;left:14%;top:12%;}
	.top .logo{width:10.5%;float:left;}
	.top .right .up{width:85;}
	.top .right .up a{font-size:15px;color:#596066;position:absolute;right:27%;width:20%;top:10%;}
	.top .right .up a i{padding:0.8% 8%;background:url(../images/tf/dh.png) no-repeat left center;}
	.top .right .up a b{font-size:18px;color:#3d3d3d;}
	.top .right .up .search{width:21%;position:absolute;right:0;top:6%;padding-left:3%;background:url(../images/tf/ss.png) no-repeat left center;}
	.top .right .up .search .sea{height:32px;}

	.top .right .up .search .sea input{padding:0;border:0;height:100%;background:rgba(202,202,202,0.4);width:62%;padding:0 5%;font-size:15px;color:#000;}
	.top .right .up .search .sea button{width:28%;border:0;background-image: linear-gradient(-52deg,rgba(21, 139, 146, 0.98) 0%, rgba(0, 102, 108, 0.98) 100%), linear-gradient(#056b71,#056b71);background-blend-mode: normal, normal;height:100%;float:right;font-size:14px;color:#fff;}
	.top .right ul{position:absolute;right:0;width:85%;bottom:-2.5%;margin:0 -1.33%;overflow:hidden;}
	.top .right ul li{width:14%;padding:0 1.33%;float:left;text-align:center;}
	.top .right ul li a{font-size:17px;color:#1a1a1a;width:90%;margin:0 5%;padding:10% 0;}
	.top .right ul li a:hover{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius: 20px 20px 0px 0px;font-weight:bold;color:#fff;}
	.top .right ul li.active a{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius: 20px 20px 0px 0px;font-weight:bold;color:#fff;}
/*xl*/
	.navigation-down{position:absolute;bottom:-2px;left:0px;width:100%;z-index:9999;}
	.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(31,55,73,0.94);position:absolute;top:0px;padding:1.5% 0;}
    .navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;width:1380px;position:relative;overflow:hidden;}
	.navigation-down-inner .row{margin:0 -2.5%;}
	.navigation-down-inner .row .sort{width:45%;float:left;padding:0 2.5%;margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl{background-color:rgba(23,30,30,0.3);border-radius:20px;padding:4% 6%;}
	.navigation-down-inner .row .sort dl dt{border-bottom:2px solid rgba(255,255,255,0.2);margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl dt a{font-size:19px;color:#fff;font-weight:bold;text-align:center;padding-bottom:3%;}
	.navigation-down-inner .row .sort dl dd{width:33.33%;float:left;}
	.navigation-down-inner .row .sort dl dd a{font-size:17px;color:#d9d9d9;width:100%;text-align:center;width:100%;padding:5% 0;margin:1.5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.navigation-down-inner .row .sort dl dd:hover a{color:#fff;}
	.navigation-down-inner .row .sort dl dd span{padding:0.5% 10%;background:url(../images/tf/hot.png) no-repeat center;}
	.navigation-down-inner .row .other{font-size:17px;color:#ccc;padding:0 2.5%;}
	.navigation-down-inner .row .other .p1{width:55%;float:left;padding:0.75% 0 0.75% 5%;}
	.navigation-down-inner .row .other .p2{width:39%;float:right;position:relative;padding:0.75% 0;}
	.navigation-down-inner .row .other p i{padding:0.8% 2.5%;background:url(../images/tf/24dh.png) no-repeat left center;margin-right:0.8%;}
	.navigation-down-inner .row .other p b{color:#fff;}
	.navigation-down-inner .row .other .p2 a{font-size:18px;color:#fff;font-weight:bold;width:35%;padding:1% 0;text-align:center;background-color: #ac3333;border-radius:19px 19px 20px 20px;position:absolute;top:10%;right:13%;}
	
    #solution{display:none;}
/*bread*/
	.bread {padding:1.2% 0;}
	.bread a{font-size:16px;color:#e6e6e6;display:inline-block;}
	
/*xg-case*/
	.xq-tit{width:100%;position:relative; padding: 0 0 1% 0;}
	.xq-tit b{font-size:24px;color:#1a1a1a;padding-right:1.5%;padding-bottom:1%;background:url(../images/news-detail/btzs.png) no-repeat left bottom;}
	.xq-tit a{font-size:18px;color:#7f7f7f;position:absolute;right:0;top:30%;font-weight:400;}
	
	.xg-case ul{margin:3% -0.15% 0 -0.15%;}
	.xg-case ul li{width:33.03%;padding:0 0.15%;float:left;margin:0.2% 0;}
	.xg-case ul li a{width:100%;position:relative;border-radius:6px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);overflow:hidden;}
	.xg-case ul li .mask{margin:0;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0) 100%);height:40%;transition:All 0.5s ease-in-out;}
	.xg-case ul li div h3{margin:0;position:absolute;width:100%;bottom:10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:18px;color:#fff;}
	.xg-case ul li:hover a .mask{height:100%;width:100%;background:rgba(0,0,0,0.4);transform:translate(0,0);}
	.xg-case ul li:hover a .mask h3{bottom:45%;}
   
/*gs-news*/
	.gs-news ul{margin:0 -2%;}
	.gs-news ul li{width:46%;padding:0 2%;float:left;border-bottom:1px solid #d4d4d4;}
	.gs-news ul li a{width:95%;padding:3.5% 0 3.5% 5%;background:url(../images/news-detail/xgxw.png) no-repeat left center;position:relative;}
	.gs-news ul li span{font-size:17px;color:#262626;}
	.gs-news ul li .wz{width:80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.gs-news ul li .sj{position:absolute;right:0;top:30%;width:20%;text-align:right;}
	
/*message*/
	.zx-liuyan{position:relative;margin-top:2%;}
	.message{width:72.5%;padding:2.5% 3.5% 5% 3.5%;background-image: linear-gradient(0deg,#f5f5f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 0px 10px 0px rgba(34, 24, 21, 0.27);border-radius:30px;position:relative;z-index:1;margin-top:3%;}
	.message h2{font-size:24px;color:#c67b2b;position:relative;margin:0 0 3% 0;}
	.message span{font-size:18px;color:#cb782e;position:absolute;right:0;bottom:0;}
	.message form .up{margin-bottom:2%;}
	.message form .up div{width:45%;}
	.message form .up div.name{float:left;}
	.message form .up div.tel{float:right;}
	.message form .up div label{width:100%;display:block;font-size:17px;color:#1a1a1a;margin-bottom:4%;}
	.message form .up div input{width:94%;height:40px;border-radius: 10px;border:1px solid #9f9f9f;padding:0 3%;font-size:17px;color:#1a1a1a;}
	.message form div label{font-size:17px;color:#1a1a1a;width:100%;display:block;margin-bottom:2%;}
	.message form .lytext textarea{max-width:96%;min-width:96%;min-height:80px;max-height:100px;padding:0;border-radius:10px;border:1px solid #9f9f9f;font-size:17px;color:#1a1a1a;padding:1.5%;font-family: MicrosoftYaHei;}
	.message form button{width:45%;margin:0 25%;background:url(../images/product-detail/zxly_tj.png) no-repeat center;background-size:100% 100%;border:0;padding:3.7% 0;position:absolute;bottom:-9%;}
	.zx-liuyan .hq{position:absolute;right:0;bottom:6.5%;z-index:-1%;}
	
/*footer*/
	.footer a{color:#fff;}
	.footer a:hover{color:#ddd;}
	.footer-bj{background:#3a3a3a;padding:1.5% 0 1.5% 0;}	
	.footer dl{padding:0;float:left;}
	.footer dt{color:#fff;font-size:17px;font-weight:bold;}
	.footer dt a{color:#fff;padding-bottom:12px;font-size:17px;font-weight:bold;}
	.footer dd{font-size:16px;color:#ccc;}
	.footer dd a{color:#ccc;padding:10px 0;font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.f-cpzx{width:14%;}
	.f-cptj{width:14%;}
	.f-jqal{width:16%;}
	.foot-lx{width:32%;}
	.foot-lx dd{padding:10px 0;}
	.foot-lx dd a{display: initial;}
	.foot-lx dd a:hover{color:#fff;}
	.foot-lx dt{position:relative;padding-bottom:12px;}
	.foot-lx dt .qq{background:url(../images/tf/qq.png) no-repeat center;padding:5% 6%;position:absolute;top:-25%;left:18%;}
	.footer .gzh,.footer .wxh{width:12%;text-align:center;margin-top:3%;}
	.footer .gzh .wxgzh,.footer .wxh .wxgzh{font-size:16px;color:#fff;margin-top:6%;}
	.footer .gzh img,.footer .wxh img{width:66%;margin:0 17%;}
	.footer .links{margin:2.4% 0 0.5% 0;text-align:center;}
	.footer .links span,.footer .links a{color:#fff;font-size:15px;}
	.footer .links a,.copyright div a{display: inline;}
	.footer .links a:hover{color:#ccc;}
	
	.copyright{padding:0.75% 0;background:#696969;text-align:center;}
	.copyright div,.copyright div a{color:#fff;font-size:14px;}
	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
	.sjd{display:none!important;}
	.container{width:98%;margin:0 auto;padding:0 1%;}
/*top*/
	.top-bj{background:#f8f8f8;border-bottom:2px solid #68b3c5;padding-top:0.4%;position:relative;}
	.top{position:relative;overflow:hidden;padding-bottom:0.4%;}
	.top .sx{position:absolute;left:14%;top:12%;}
	.top .logo{width:10.5%;float:left;}
	.top .logo img{width:100%;}
	.top .right .up{width:85%;}
	.top .right .up a{font-size:15px;color:#596066;position:absolute;right:29%;width:24%;top:10%;}
	.top .right .up a i{padding:0.8% 8%;background:url(../images/tf/dh.png) no-repeat left center;}
	.top .right .up a b{font-size:18px;color:#3d3d3d;}
	.top .right .up .search{width:24%;position:absolute;right:0;top:6%;padding-left:3%;background:url(../images/tf/ss.png) no-repeat left center;}
	.top .right .up .search .sea{height:32px;}
	.top .right .up .search .sea input{padding:0;border:0;height:100%;background:rgba(202,202,202,0.4);width:62%;padding:0 5%;font-size:15px;color:#000;}
	.top .right .up .search .sea button{width:28%;border:0;background-image: linear-gradient(-52deg,rgba(21, 139, 146, 0.98) 0%, rgba(0, 102, 108, 0.98) 100%), linear-gradient(#056b71,#056b71);background-blend-mode: normal, normal;height:100%;float:right;font-size:14px;color:#fff;}
	.top .right ul{position:absolute;right:0;width:85%;bottom:-2.5%;margin:0 -1.33%;overflow:hidden;}
	.top .right ul li{width:14%;padding:0 1.33%;float:left;text-align:center;}
	.top .right ul li a{font-size:16px;color:#1a1a1a;width:90%;margin:0 5%;padding:10% 0;}
	.top .right ul li a:hover{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius: 20px 20px 0px 0px;font-weight:bold;color:#fff;}
	.top .right ul li.active a{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius: 20px 20px 0px 0px;font-weight:bold;color:#fff;}
/*xl*/
	.navigation-down{position:absolute;bottom:-2px;left:0px;width:100%;z-index:9999;}
	.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(31,55,73,0.94);position:absolute;top:0px;padding:1.5% 0;}
    .navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;width:1170px;position:relative;overflow:hidden;}
	.navigation-down-inner .row{margin:0 -2.5%;}
	.navigation-down-inner .row .sort{width:45%;float:left;padding:0 2.5%;margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl{background-color:rgba(23,30,30,0.3);border-radius:20px;padding:4% 6%;}
	.navigation-down-inner .row .sort dl dt{border-bottom:2px solid rgba(255,255,255,0.2);margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl dt a{font-size:18px;color:#fff;font-weight:bold;text-align:center;padding-bottom:3%;}
	.navigation-down-inner .row .sort dl dd{width:33.33%;float:left;}
	.navigation-down-inner .row .sort dl dd a{font-size:16px;color:#d9d9d9;text-align:center;width:100%;padding:5% 0;margin:1.5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.navigation-down-inner .row .sort dl dd:hover a{color:#fff;}
	.navigation-down-inner .row .sort dl dd span{padding:0.5% 10%;background:url(../images/tf/hot.png) no-repeat center;}
	.navigation-down-inner .row .other{font-size:16px;color:#ccc;padding:0 2.5%;}
	.navigation-down-inner .row .other .p1{width:55%;float:left;padding:0.75% 0 0.75% 5%;}
	.navigation-down-inner .row .other .p2{width:39%;float:right;position:relative;padding:0.75% 0;}
	.navigation-down-inner .row .other p i{padding:0.8% 2.5%;background:url(../images/tf/24dh.png) no-repeat left center;margin-right:0.8%;}
	.navigation-down-inner .row .other p b{color:#fff;}
	.navigation-down-inner .row .other .p2 a{font-size:17px;color:#fff;font-weight:bold;width:35%;padding:1% 0;text-align:center;background-color: #ac3333;border-radius:19px 19px 20px 20px;position:absolute;top:10%;right:13%;}
    #solution{display:none;}
	
/*bread*/
	.bread {padding:1.2% 0;}
	.bread a{font-size:15px;color:#e6e6e6;display:inline-block;}
	
/*xg-case*/
	.xq-tit{width:100%;position:relative;}
	.xq-tit b{font-size:21px;color:#1a1a1a;padding-right:1.5%;padding-bottom:1.5%;background:url(../images/news-detail/btzs.png) no-repeat left bottom;background-size:100% auto;}
	.xq-tit a{font-size:17px;color:#7f7f7f;position:absolute;right:0;top:30%;font-weight:400;}
	
	.xg-case ul{margin:3% -0.15% 0 -0.15%;}
	.xg-case ul li{width:33.03%;padding:0 0.15%;float:left;margin:0.2% 0;}
	.xg-case ul li a{width:100%;position:relative;border-radius:6px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);overflow:hidden;}
	.xg-case ul li .mask{margin:0;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0) 100%);height:40%;transition:All 0.5s ease-in-out;}
	.xg-case ul li div h3{margin:0;position:absolute;width:100%;bottom:10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:17px;color:#fff;}
	.xg-case ul li:hover a .mask{height:100%;width:100%;background:rgba(0,0,0,0.4);transform:translate(0,0);}
	.xg-case ul li:hover a .mask h3{bottom:45%;}
/*gs-news*/
	.gs-news ul{margin:0 -2%;}
	.gs-news ul li{width:46%;padding:0 2%;float:left;border-bottom:1px solid #d4d4d4;}
	.gs-news ul li a{width:95%;padding:3.5% 0 3.5% 5%;background:url(../images/news-detail/xgxw.png) no-repeat left center;background-size:3.5% auto;position:relative;}
	.gs-news ul li span{font-size:16px;color:#262626;}
	.gs-news ul li .wz{width:77%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.gs-news ul li .sj{position:absolute;right:0;top:30%;width:22%;text-align:right;}
	
/*message*/
	.zx-liuyan{position:relative;margin-top:2%;}
	.message{width:72.5%;padding:2.5% 3.5% 5% 3.5%;background-image: linear-gradient(0deg,#f5f5f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 0px 10px 0px rgba(34, 24, 21, 0.27);border-radius:30px;position:relative;z-index:1;margin-top:3%;}
	.message h2{font-size:21px;color:#c67b2b;position:relative;margin:0 0 3% 0;}
	.message span{font-size:16px;color:#cb782e;position:absolute;right:0;bottom:0;}
	.message form .up{margin-bottom:2%;}
	.message form .up div{width:45%;}
	.message form .up div.name{float:left;}
	.message form .up div.tel{float:right;}
	.message form .up div label{width:100%;display:block;font-size:16px;color:#1a1a1a;margin-bottom:4%;}
	.message form .up div input{width:94%;height:40px;border-radius: 10px;border:1px solid #9f9f9f;padding:0 3%;font-size:16px;color:#1a1a1a;}
	.message form div label{font-size:16px;color:#1a1a1a;width:100%;display:block;margin-bottom:2%;}
	.message form .lytext textarea{max-width:96%;min-width:96%;min-height:80px;max-height:100px;padding:0;border-radius:10px;border:1px solid #9f9f9f;font-size:17px;color:#1a1a1a;padding:1.5%;font-family: MicrosoftYaHei;}
	.message form button{width:40%;margin:0 30%;background:url(../images/product-detail/zxly_tj.png) no-repeat center;background-size:100% 100%;border:0;padding:3.5% 0;position:absolute;bottom:-9%;}
	.zx-liuyan .hq{position:absolute;right:0;bottom:6.5%;z-index:-1%;width:22%;}
/*footer*/
	.footer a{color:#fff;}
	.footer a:hover{color:#ddd;}
	.footer-bj{background:#3a3a3a;padding:1.5% 0 1.5% 0;}	
	.footer dl{padding:0;float:left;}
	.footer dt{color:#fff;font-size:16px;font-weight:bold;}
	.footer dt a{color:#fff;padding-bottom:12px;font-size:17px;font-weight:bold;}
	.footer dd{font-size:15px;color:#ccc;}
	.footer dd a{color:#ccc;padding:10px 0;font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.f-cpzx{width:14%;}
	.f-cptj{width:14%;}
	.f-jqal{width:16%;}
	.foot-lx{width:32%;}
	.foot-lx dd{padding:10px 0;}
	.foot-lx dd a{display: initial;}
	.foot-lx dd a:hover{color:#fff;}
	.foot-lx dt{position:relative;padding-bottom:12px;}
	.foot-lx dt .qq{background:url(../images/tf/qq.png) no-repeat center;padding:5% 6%;position:absolute;top:-25%;left:18%;}
	.footer .gzh,.footer .wxh{width:12%;text-align:center;margin-top:3%;}
	.footer .gzh .wxgzh,.footer .wxh .wxgzh{font-size:15px;color:#fff;margin-top:6%;}
	.footer .gzh img,.footer .wxh img{width:66%;margin:0 17%;}
	.footer .links{margin:2.4% 0 0.5% 0;text-align:center;}
	.footer .links span,.footer .links a{color:#fff;font-size:14px;}
	.footer .links a,.copyright div a{display: inline;}
	.footer .links a:hover{color:#ccc;}
	
	.copyright{padding:0.75% 0;background:#696969;text-align:center;}
	.copyright div,.copyright div a{color:#fff;font-size:14px;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
	.sjd{display:none!important;}
	.container{width:96%;margin:0 auto;padding:0 2%;}
/*top*/
	.top-bj{background:#f8f8f8;border-bottom:2px solid #68b3c5;padding-top:0.4%;position:relative;}
	.top{position:relative;overflow:hidden;padding-bottom:0.4%;}
	.top .sx{position:absolute;left:14%;top:0;}
	.top .logo{width:10.5%;float:left;}
	.top .logo img{width:100%;}
	.top .right .up{width:85%;}
	.top .right .up a{font-size:14px;color:#596066;position:absolute;right:31%;width:24%;top:10%;}
	.top .right .up a i{padding:0.8% 8%;background:url(../images/tf/dh.png) no-repeat left center;background-size:80% auto;}
	.top .right .up a b{font-size:15px;color:#3d3d3d;}
	.top .right .up .search{width:24%;position:absolute;right:0;top:6%;padding-left:4%;background:url(../images/tf/ss.png) no-repeat left center;background-size:10% auto;}
	.top .right .up .search .sea{height:27px;}
	.top .right .up .search .sea input{padding:0;border:0;height:100%;background:rgba(202,202,202,0.4);width:62%;padding:0 5%;font-size:14px;color:#000;}
	.top .right .up .search .sea button{width:28%;border:0;background-image: linear-gradient(-52deg,rgba(21, 139, 146, 0.98) 0%, rgba(0, 102, 108, 0.98) 100%), linear-gradient(#056b71,#056b71);background-blend-mode: normal, normal;height:100%;float:right;font-size:14px;color:#fff;}
	.top .right ul{position:absolute;right:0;width:85%;bottom:-2.5%;margin:0 -1.33%;overflow:hidden;}
	.top .right ul li{width:14%;padding:0 1.33%;float:left;text-align:center;}
	.top .right ul li a{font-size:15px;color:#1a1a1a;width:90%;margin:0 5%;padding:7% 0;}
	.top .right ul li a:hover{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius:14px 14px 0px 0px;font-weight:bold;color:#fff;}
	.top .right ul li.active a{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius:14px 14px 0px 0px;font-weight:bold;color:#fff;}
/*xl*/
	.navigation-down{position:absolute;bottom:-2px;left:0px;width:100%;z-index:9999;}
	.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(31,55,73,0.94);position:absolute;top:0px;padding:1.5% 0;}
    .navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;width:960px;position:relative;overflow:hidden;}
	.navigation-down-inner .row{margin:0 -2.5%;}
	.navigation-down-inner .row .sort{width:45%;float:left;padding:0 2.5%;margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl{background-color:rgba(23,30,30,0.3);border-radius:20px;padding:4% 6%;}
	.navigation-down-inner .row .sort dl dt{border-bottom:2px solid rgba(255,255,255,0.2);margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl dt a{font-size:16px;color:#fff;font-weight:bold;text-align:center;padding-bottom:3%;}
	.navigation-down-inner .row .sort dl dd{width:33.33%;float:left;}
	.navigation-down-inner .row .sort dl dd a{font-size:15px;color:#d9d9d9;text-align:center;width:100%;padding:5% 0;margin:1.5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.navigation-down-inner .row .sort dl dd:hover a{color:#fff;}
	.navigation-down-inner .row .sort dl dd span{padding:0.5% 10%;background:url(../images/tf/hot.png) no-repeat center;}
	.navigation-down-inner .row .other{font-size:16px;color:#ccc;padding:0 2.5%;}
	.navigation-down-inner .row .other .p1{width:66%;float:left;padding:0.75% 0 0.75% 0;}
	.navigation-down-inner .row .other .p2{width:33.5%;float:right;position:relative;padding:0.75% 0;}
	.navigation-down-inner .row .other p i{padding:0.8% 3%;background:url(../images/tf/24dh.png) no-repeat center;background-size:65% auto;margin-right:0.8%;}
	.navigation-down-inner .row .other p b{color:#fff;}
	.navigation-down-inner .row .other .p2 a{font-size:15px;color:#fff;font-weight:bold;width:25%;padding:1% 0;text-align:center;background-color: #ac3333;border-radius:19px 19px 20px 20px;position:absolute;top:10%;right:2%;}
    #solution{display:none;}
	
/*bread*/
	.bread {padding:1.2% 0;}
	.bread a{font-size:15px;color:#e6e6e6;display:inline-block;}
   
/*xg-case*/
	.xq-tit{width:100%;position:relative;padding: 0 0 1% 0;}
	.xq-tit b{font-size:18px;color:#1a1a1a;padding-right:1.5%;padding-bottom:1.5%;background:url(../images/news-detail/btzs.png) no-repeat left bottom;background-size:100% auto;}
	.xq-tit a{font-size:16px;color:#7f7f7f;position:absolute;right:0;top:30%;font-weight:bold;}
	
	.xg-case ul{margin:3% -0.15% 0 -0.15%;}
	.xg-case ul li{width:33.03%;padding:0 0.15%;float:left;margin:0.2% 0;}
	.xg-case ul li a{width:100%;position:relative;border-radius:6px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);overflow:hidden;}
	.xg-case ul li .mask{margin:0;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0) 100%);height:40%;transition:All 0.5s ease-in-out;}
	.xg-case ul li div h3{margin:0;position:absolute;width:100%;bottom:10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:15px;color:#fff;}
	.xg-case ul li:hover a .mask{height:100%;width:100%;background:rgba(0,0,0,0.4);transform:translate(0,0);}
	.xg-case ul li:hover a .mask h3{bottom:45%;}
/*gs-news*/
	.gs-news ul{margin:0 -2%;}
	.gs-news ul li{width:46%;padding:0 2%;float:left;border-bottom:1px solid #d4d4d4;}
	.gs-news ul li a{width:95%;padding:3.5% 0 3.5% 5%;background:url(../images/news-detail/xgxw.png) no-repeat left center;background-size:3.5% auto;position:relative;}
	.gs-news ul li span{font-size:15px;color:#262626;}
	.gs-news ul li .wz{width:72%;display:block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.gs-news ul li .sj{position:absolute;right:0;top:30%;width:27%;text-align:right;}
/*message*/
	.zx-liuyan{position:relative;margin-top:2%;}
	.message{width:72.5%;padding:2.5% 3.5% 5% 3.5%;background-image: linear-gradient(0deg,#f5f5f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 0px 10px 0px rgba(34, 24, 21, 0.27);border-radius:30px;position:relative;z-index:1;margin-top:3%;}
	.message h2{font-size:18px;color:#c67b2b;position:relative;margin:0 0 3% 0;}
	.message span{font-size:14px;color:#cb782e;position:absolute;right:0;bottom:0;}
	.message form .up{margin-bottom:2%;}
	.message form .up div{width:45%;}
	.message form .up div.name{float:left;}
	.message form .up div.tel{float:right;}
	.message form .up div label{width:100%;display:block;font-size:14px;color:#1a1a1a;margin-bottom:4%;}
	.message form .up div input{width:94%;height:36px;border-radius: 10px;border:1px solid #9f9f9f;padding:0 3%;font-size:14px;color:#1a1a1a;}
	.message form div label{font-size:14px;color:#1a1a1a;width:100%;display:block;margin-bottom:2%;}
	.message form .lytext textarea{max-width:96%;min-width:96%;min-height:70px;max-height:90px;padding:0;border-radius:10px;border:1px solid #9f9f9f;font-size:14px;color:#1a1a1a;padding:1.5%;font-family: MicrosoftYaHei;}
	.message form button{width:40%;margin:0 30%;background:url(../images/product-detail/zxly_tj.png) no-repeat center;background-size:100% 100%;border:0;padding:3.5% 0;position:absolute;bottom:-7%;}
	.zx-liuyan .hq{position:absolute;right:0;bottom:6.5%;z-index:-1%;width:22%;}
/*footer*/
	.footer a{color:#fff;}
	.footer a:hover{color:#ddd;}
	.footer-bj{background:#3a3a3a;padding:1.5% 0 1.5% 0;}	
	.footer dl{padding:0;float:left;}
	.footer dt{color:#fff;font-size:15px;font-weight:bold;}
	.footer dt a{color:#fff;padding-bottom:12px;font-size:15px;font-weight:bold;}
	.footer dd{font-size:14px;color:#ccc;}
	.footer dd a{color:#ccc;padding:10px 0;font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.f-cpzx{width:13%;}
	.f-cptj{width:13%;}
	.f-jqal{width:16%;}
	.foot-lx{width:34%;}
	.foot-lx dd{padding:10px 0;}
	.foot-lx dd a{display: initial;}
	.foot-lx dd a:hover{color:#fff;}
	.foot-lx dt{position:relative;padding-bottom:12px;}
	.foot-lx dt .qq{background:url(../images/tf/qq.png) no-repeat center;background-size:75% auto;padding:5% 6%;position:absolute;top:-25%;left:24%;}
	.footer .gzh,.footer .wxh{width:12%;text-align:center;margin-top:6%;}
	.footer .gzh .wxgzh,.footer .wxh .wxgzh{font-size:14px;color:#fff;margin-top:6%;}
	.footer .gzh img,.footer .wxh img{width:76%;margin:0 12%;}
	.footer .links{margin:2.4% 0 0.5% 0;text-align:center;}
	.footer .links span,.footer .links a{color:#fff;font-size:13px;}
	.footer .links a,.copyright div a{display: inline;}
	.footer .links a:hover{color:#ccc;}
	
	.copyright{padding:0.75% 0;background:#696969;text-align:center;}
	.copyright div,.copyright div a{color:#fff;font-size:13px;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
	.sjd{display:none!important;}
	.container{width:98%;margin:0 auto;padding:0 1%;}
/*top*/
	.top-bj{background:#f8f8f8;border-bottom:2px solid #68b3c5;padding-top:0.4%;position:relative;}
	.top{position:relative;overflow:hidden;padding-bottom:0.4%;}
	.top .sx{position:absolute;left:14%;top:0;}
	.top .logo{width:10.5%;float:left;}
	.top .logo img{width:100%;}
	.top .right .up{width:85%;}
	.top .right .up a{font-size:13px;color:#596066;position:absolute;right:31%;width:29%;top:5%;}
	.top .right .up a i{padding:0.8% 8%;background:url(../images/tf/dh.png) no-repeat left center;background-size:70% auto;}
	.top .right .up a b{font-size:15px;color:#3d3d3d;}
	.top .right .up .search{width:24%;position:absolute;right:0;top:0;padding-left:4%;background:url(../images/tf/ss.png) no-repeat left center;background-size:10% auto;}
	.top .right .up .search .sea{height:25px;}
	.top .right .up .search .sea input{padding:0;border:0;height:100%;background:rgba(202,202,202,0.4);width:62%;padding:0 5%;font-size:13px;color:#000;}
	.top .right .up .search .sea button{width:28%;border:0;background-image: linear-gradient(-52deg,rgba(21, 139, 146, 0.98) 0%, rgba(0, 102, 108, 0.98) 100%), linear-gradient(#056b71,#056b71);background-blend-mode: normal, normal;height:100%;float:right;font-size:13px;color:#fff;}
	.top .right ul{position:absolute;right:0;width:85%;bottom:-2.5%;margin:0 -1.33%;overflow:hidden;}
	.top .right ul li{width:14%;padding:0 1.33%;float:left;text-align:center;}
	.top .right ul li a{font-size:13px;color:#1a1a1a;width:90%;margin:0 5%;padding:5% 0;}
	.top .right ul li a:hover{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius:10px 10px 0px 0px;font-weight:bold;color:#fff;}
	.top .right ul li.active a{background-image: linear-gradient(90deg,#043c74 0%,#179998 100%);border-radius:10px 10px 0px 0px;font-weight:bold;color:#fff;}
/*xl*/
	.navigation-down{position:absolute;bottom:-2px;left:0px;width:100%;z-index:9999;}
	.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(31,55,73,0.94);position:absolute;top:0px;padding:1.5% 0;}
    .navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;width:738px;position:relative;overflow:hidden;}
	.navigation-down-inner .row{margin:0 -2.5%;}
	.navigation-down-inner .row .sort{width:45%;float:left;padding:0 2.5%;margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl{background-color:rgba(23,30,30,0.3);border-radius:20px;padding:4% 6%;}
	.navigation-down-inner .row .sort dl dt{border-bottom:2px solid rgba(255,255,255,0.2);margin-bottom:1.5%;}
	.navigation-down-inner .row .sort dl dt a{font-size:14px;color:#fff;font-weight:bold;text-align:center;padding-bottom:3%;}
	.navigation-down-inner .row .sort dl dd{width:33.33%;float:left;}
	.navigation-down-inner .row .sort dl dd a{font-size:13px;color:#d9d9d9;text-align:center;width:100%;padding:5% 0;margin:1.5% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.navigation-down-inner .row .sort dl dd:hover a{color:#fff;}
	.navigation-down-inner .row .sort dl dd span{padding:0.5% 10%;background:url(../images/tf/hot.png) no-repeat center;background-size:100% auto;}
	.navigation-down-inner .row .other{font-size:14px;color:#ccc;padding:0 2.5%;}
	.navigation-down-inner .row .other .p1{width:100%;float:left;padding:0.75% 0 0.75% 0;}
	.navigation-down-inner .row .other .p2{width:33.5%;float:right;position:relative;padding:0.75% 0;display:none;}
	.navigation-down-inner .row .other p i{padding:0.8% 3%;background:url(../images/tf/24dh.png) no-repeat center;background-size:45% auto;margin-right:0.8%;}
	.navigation-down-inner .row .other p b{color:#fff;}
	.navigation-down-inner .row .other .p2 a{font-size:15px;color:#fff;font-weight:bold;width:25%;padding:1% 0;text-align:center;background-color: #ac3333;border-radius:19px 19px 20px 20px;position:absolute;top:10%;right:2%;}
    #solution{display:none;}
	
/*bread*/
	.bread {padding:1.2% 0;}
	.bread a{font-size:0.24rem;color:#e6e6e6;display:inline-block;}
   
/*xg-case*/
	.xq-tit{width:100%;position:relative;padding: 0 0 1% 0;}
	.xq-tit b{font-size:16px;color:#1a1a1a;padding-right:1.5%;padding-bottom:1.5%;background:url(../images/news-detail/btzs.png) no-repeat left bottom;background-size:100% auto;}
	.xq-tit a{font-size:15px;color:#7f7f7f;position:absolute;right:0;top:30%;font-weight:bold;}
	
	.xg-case ul{margin:3% -0.15% 0 -0.15%;}
	.xg-case ul li{width:33.03%;padding:0 0.15%;float:left;margin:0.2% 0;}
	.xg-case ul li a{width:100%;position:relative;border-radius:6px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);overflow:hidden;}
	.xg-case ul li .mask{margin:0;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0) 100%);height:40%;transition:All 0.5s ease-in-out;}
	.xg-case ul li div h3{margin:0;position:absolute;width:100%;bottom:10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;color:#fff;}
	.xg-case ul li:hover a .mask{height:100%;width:100%;background:rgba(0,0,0,0.4);transform:translate(0,0);}
	.xg-case ul li:hover a .mask h3{bottom:40%;}
/*gs-news*/
	.gs-news ul{margin:0 -2%;}
	.gs-news ul li{width:46%;padding:0 2%;float:left;border-bottom:1px solid #d4d4d4;}
	.gs-news ul li a{width:95%;padding:3.5% 0 3.5% 5%;background:url(../images/news-detail/xgxw.png) no-repeat left center;background-size:3.5% auto;position:relative;}
	.gs-news ul li span{font-size:14px;color:#262626;}
	.gs-news ul li .wz{width:70%;display:block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.gs-news ul li .sj{position:absolute;right:0;top:27%;width:30%;text-align:right;}
/*message*/
	.zx-liuyan{position:relative;margin-top:2%;}
	.message{width:72.5%;padding:2.5% 3.5% 5% 3.5%;background-image: linear-gradient(0deg,#f5f5f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 0px 10px 0px rgba(34, 24, 21, 0.27);border-radius:30px;position:relative;z-index:1;margin-top:3%;}
	.message h2{font-size:15px;color:#c67b2b;position:relative;margin:0 0 3% 0;}
	.message span{font-size:13px;color:#cb782e;position:absolute;right:0;bottom:0;}
	.message form .up{margin-bottom:2%;}
	.message form .up div{width:45%;}
	.message form .up div.name{float:left;}
	.message form .up div.tel{float:right;}
	.message form .up div label{width:100%;display:block;font-size:14px;color:#1a1a1a;margin-bottom:4%;}
	.message form .up div input{width:94%;height:32px;border-radius: 10px;border:1px solid #9f9f9f;padding:0 3%;font-size:14px;color:#1a1a1a;}
	.message form div label{font-size:14px;color:#1a1a1a;width:100%;display:block;margin-bottom:2%;}
	.message form .lytext textarea{max-width:96%;min-width:96%;min-height:60px;max-height:90px;padding:0;border-radius:10px;border:1px solid #9f9f9f;font-size:14px;color:#1a1a1a;padding:1.5%;font-family: MicrosoftYaHei;}
	.message form button{width:50%;margin:0 25%;background:url(../images/product-detail/zxly_tj.png) no-repeat center;background-size:100% 100%;border:0;padding:4% 0;position:absolute;bottom:-7%;}
	.zx-liuyan .hq{position:absolute;right:0;bottom:6.5%;z-index:-1%;width:22%;}
/*footer*/
	.footer a{color:#fff;}
	.footer a:hover{color:#ddd;}
	.footer-bj{background:#3a3a3a;padding:1.5% 0 1.5% 0;}	
	.footer dl{padding:0;float:left;}
	.footer dt{color:#fff;font-size:14px;font-weight:bold;}
	.footer dt a{color:#fff;padding-bottom:12px;font-size:14px;font-weight:bold;}
	.footer dd{font-size:13px;color:#ccc;}
	.footer dd a{color:#ccc;padding:10px 0;font-size:13px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.f-cpzx{width:19%;}
	.f-cptj{width:19%;}
	.f-jqal{width:22%;}
	.foot-lx{width:40%;}
	.foot-lx dd{padding:10px 0;}
	.foot-lx dd a{display: initial;}
	.foot-lx dd a:hover{color:#fff;}
	.foot-lx dt{position:relative;padding-bottom:12px;}
	.foot-lx dt .qq{background:url(../images/tf/qq.png) no-repeat center;background-size:75% auto;padding:5% 6%;position:absolute;top:-15%;left:24%;}
	.footer .gzh,.footer .wxh{width:12%;text-align:center;margin-top:6%;display:none;}
	.footer .gzh .wxgzh,.footer .wxh .wxgzh{font-size:14px;color:#fff;margin-top:6%;}
	.footer .gzh img,.footer .wxh img{width:76%;margin:0 12%;}
	.footer .links{margin:2.4% 0 0.5% 0;text-align:center;}
	.footer .links span,.footer .links a{color:#fff;font-size:12px;}
	.footer .links a,.copyright div a{display: inline;}
	.footer .links a:hover{color:#ccc;}
	
	.copyright{padding:1.5% 0;background:#696969;text-align:center;}
	.copyright div,.copyright div a{color:#fff;font-size:12px;}
}

@media screen and (max-width: 768px) {
	.pcd{display:none!important;}
	a{display:block;}
	html {font-size:100px;}
/*	body{overflow-x:hidden;}*/
	@media(max-width:768px){ html { font-size:100px; } }
	@media(max-width:640px){ html { font-size:85.33px; } } 
	@media(max-width:540px){ html { font-size:72px; } }
	@media(max-width:480px){ html { font-size:64px; } } 
	@media(max-width:445px){ html { font-size:60px; } }
	@media(max-width:414px){ html { font-size:55.2px; } }   
	@media(max-width:375px){ html { font-size:50px; } } 
	@media(max-width:360px){ html { font-size:48px; } }   
	@media(max-width:320px){ html { font-size:42.67px; } }
	
/*sj-top*/
	.sj-top{padding:0 1%;background:#262626;position:fixed;top:0;z-index:9998;width:98%;height:1rem;}
	.sj-top .cent{width:48%;position:absolute;top:35%;left:39%;}
	.sj-top .cent a{font-size:0.25rem;color:#88bedd;float:left;}
	.sj-tb{height:1rem;}
	.sj-top .logo{width:38%;margin:0 auto;position:absolute;top:24%;left:1%;}
	.sj-nav{color:#fff;width:9%;position:absolute;right:0;top:30%;}
	.sj-nav img{max-width:70%;min-width:55%;}
	/*nav-sub css*/
	.sj-top .sj-nav-sub {position: absolute;top: 0%;width:0;right: 0;height:7rem;background:rgba(26, 26, 26, 1);z-index:1500;overflow:hidden;}
	.sj-top .sj-nav-sub ul {width:94%;height: auto;margin:0;padding:0 3%;word-wrap:break-word;list-style:none;}
	.sj-top .sj-nav-sub ul li {width: 100%;height:0.54rem;float: none;border-top:1.5px solid #4d4d4d;list-style:none;margin:0;padding:6% 0;word-wrap:break-word;}
	.sj-top .sj-nav-sub ul li a{font-size:0.27rem;}
	.sj-top .sj-nav-sub li:first-child {background: rgba(0,0,0,0.1);border-top: none;transition: all .5s ease-in;}
	.sj-top .sj-nav-sub li a {display: block;width: 100%;line-height:0.5rem;color:#fff;text-align: center;font-family: helvetiac;font-weight: 500;text-decoration:none;}
	.test {width:100%;height:100%;position: fixed;top: 0;left:0;background-color: rgba(0,0,0,.4);z-index: 10;display: none;}
	.f-what{padding:6% 2%;text-align:center;display: grid;margin-top:2%;}
	.f-what span{font-size:0.27rem;color:#fff;}
	.f-what span i{padding:2% 8%;background:url(../images/foot-sjd-whatsapp.gif) no-repeat left center;background-size:75% auto;}
	.f-what b{font-size:0.27rem;color:#fff;display:block;margin-top:5%;}
	.f-online span{width:82%;margin:5% 9% 0 9%;background:#cf3449;border-radius:8px;font-size:0.3rem;text-align:center;padding:5% 0;display:block;color:#fff;}
	
	#closeBtn{height:0.9rem!important;position:relative;}
	#closeBtn img{width:15%;position:absolute;top:30%;left:0;right:0;margin:0 auto;}
	
	/*bread*/
	.bread {padding:1.2% 0;display:flex;}
	.bread a{font-size:0.25rem;color:#e6e6e6;display:inline;}
	
	/*xg-case*/
	.xq-tit{width:100%;position:relative;display:block;margin:2% 0;}
	.xq-tit b{font-size:0.27rem;color:#1a1a1a;padding-right:1.5%;padding-bottom:2%;background:url(../images/news-detail/btzs.png) no-repeat left bottom;background-size:20% auto;display:block;}
	.xq-tit a{font-size:0.25rem;color:#7f7f7f;position:absolute;right:0;top:5%;font-weight:bold;display:block;}
	.xg-case{margin-top:2%;}
	.xg-case ul{margin:3% -0.5% 0 -0.5%;overflow:hidden;}
	.xg-case ul li{width:49%;padding:0 0.5%;float:left;margin:0.5% 0;}
	.xg-case ul li a{width:100%;position:relative;border-radius:6px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.31);overflow:hidden;}
	.xg-case ul li .mask{margin:0;position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0) 100%);height:40%;transition:All 0.5s ease-in-out;}
	.xg-case ul li div h3{margin:0;position:absolute;width:100%;bottom:10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:0.24rem;color:#fff;}
/*gs-news*/
	.gs-news ul{margin:0 -2%;overflow:hidden;}
	.gs-news ul li{width:96%;padding:0 2%;float:left;border-bottom:1px solid #d4d4d4;}
	.gs-news ul li a{width:95%;padding:3.5% 0 3.5% 5%;background:url(../images/news-detail/xgxw.png) no-repeat left center;background-size:3.5% auto;position:relative;}
	.gs-news ul li span{font-size:0.25rem;color:#262626;}
	.gs-news ul li .wz{width:70%;display:block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.gs-news ul li .sj{position:absolute;right:0;top:30%;width:30%;text-align:right;}
/*message*/
	.zx-liuyan{position:relative;margin-top:4%;}
	.message{width:93%;padding:2.5% 3.5% 5% 3.5%;background-image: linear-gradient(0deg,#f5f5f5 0%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0px 0px 10px 0px rgba(34, 24, 21, 0.27);border-radius:30px;position:relative;z-index:1;margin-top:3%;}
	.message h2{font-size:0.25rem;color:#c67b2b;position:relative;margin:0 0 3% 0;}
	.message span{font-size:0.21rem;color:#cb782e;position:absolute;right:0;bottom:0;}
	.message form .up{margin-bottom:2%;}
	.message form .up div{width:100%;}
	.message form .up div.name{float:left;}
	.message form .up div.tel{float:right;}
	.message form .up div label{width:100%;display:block;font-size:0.25rem;color:#1a1a1a;margin:2% 0;}
	.message form .up div input{width:94%;height:0.6rem;border-radius: 10px;border:1px solid #9f9f9f;padding:0 3%;font-size:0.25rem;color:#1a1a1a;display:block;background:#fff;}
	.message form div label{font-size:0.25rem;color:#1a1a1a;width:100%;display:block;margin-bottom:2%;}
	.message form .lytext textarea{max-width:97%;min-width:97%;min-height:1rem;max-height:2rem;border-radius:10px;border:1px solid #9f9f9f;font-size:0.25rem;color:#1a1a1a;padding:1.5%;font-family: MicrosoftYaHei;background:#fff;}
	.message form button{width:50%;margin:0 auto;background:url(../images/product-detail/zxly_tj.png) no-repeat center;background-size:100% 100%;border:0;padding:5% 0;position:absolute;bottom:-6%;left:0;right:0;}
	.zx-liuyan .hq{position:absolute;right:0;bottom:6.5%;z-index:-1%;width:22%;display:none;}
	
/*foot-btn*/
    .sj-footer{position:fixed;left:0;right:0;bottom:0;z-index:100;}
	.sj-footer .f-row{position:relative;border-radius:54px;overflow:hidden;background-image: linear-gradient(0deg,#c8d7e5 0%, #e6ecf3 100%);}
	.sj-footer .f-ty{float:left;width:25%;text-align:center;padding:1.5% 0;}
	.sj-footer .f-ty img{width:34%;margin:0 33%;}
	.sj-footer .f-ty p{font-size:0.27rem;color:#4d4d4d;}
	.sj-footer .sy a{border-right:1px solid #cacaca;}
	.sj-footer .f-dh{background:#373c45;border-radius:54px;width:38%;position:absolute;right:0;top:0;height:100%;}
	.sj-footer .f-dh{align-items:center;display:-webkit-flex;justify-content:center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align:center;padding-left:10%;}	
	.sj-footer .f-dh b{font-size:0.27rem;color:#fff;display:block;}
	.sj-footer .f-dh p{font-size:0.25rem;color:#fff;}
	.f-row .dh-q{position:absolute;right:37%;top:5%;width:15%;}	
	.sj-db{height:1.1rem;}	
	
}