@charset "utf-8";
*{box-sizing:border-box}
html {
	font-size: 62.5%;
}
body,h1,h2,h3,h4,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	font-family:'微软雅黑';
	font-size: 1.6rem;color:#333;
}
i{font-style:normal}
a{color:#333;}
ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
}
div,figure,figcaption {
	box-sizing: border-box;
}
.none {
	display: none;
}
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
header{max-width:64rem;margin:0 auto;position:relative}
header img{}
.topBox{position:absolute;width:100%;background:rgba(0,0,0,.3);height:25%;line-height:25%;font-size:3.6rem;z-index:999}
.logo{height:65%;position:absolute;left:2%;top:17%}
.logo-title{height:65%;position:absolute;left:13%;top:21%}
.navicon{color:#fff;position:absolute;right:3%;top:26%;height:43%}
.index-nav{position:absolute;top:100%;overflow:hidden;background:#000;right:0;display:none}
.index-nav li{padding:15px 20px;}
.index-nav a{font-size:20px;font-weight:400;color:#fff}


a.index-title{width:100%;margin:16px auto;height:auto;text-align:center;display:block;text-decoration:none;clear:both;overflow:hidden}
.index-title-txt{margin:0 auto 0 auto;display:block;text-align:center;}
.index-title-txt i:nth-child(2){font-size:26px;color:#505050;padding:0 12px;display:inline-block;line-height:31px;letter-spacing:3px}
.index-title-txt i:first-child,.index-title-txt i:last-child{display:inline-block;height:31px;width:50px;background:url(../images/line-left.png) no-repeat center 18px}
.index-title-txt i:last-child{background:url(../images/line-right.png) no-repeat center 18px}

.index-title p{font-size:14px;color:#737373;line-height:1em;margin:5px 0 0 0}
a.index-title:hover .index-title-txt i{color:#e5413f}

.shigong-box{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0 8px;}
.shigong{width:33.333%;box-sizing:border-box;text-align:center;}
.shigong a{display:block;box-shadow:0px 7px 30px #ccc;margin:0 8px 16px 8px;}
.shigong img{display:block;width:100%;height:85px;}
.shigong span{line-height:1.8}

.case-box{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;padding:0 8px;}
.case{width:50%;box-sizing:border-box;text-align:center;}
.case a{display:block;box-shadow:0px 7px 30px #ccc;margin:0 8px 16px 8px;}
.case img{display:block;width:100%;height:125px;}
.case span{line-height:1.8;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;display:block;padding:0 6px;}

.news-box{padding:0 16px;}

a.news {display:flex;margin:0 0 16px 0}
a.news:last-child{margin-bottom:0}
.news-left{flex-shrink:0;width:40%}
.news-left img{display:block;width:100%;height:100px;}
.news-right{flex-grow:1;margin-left:13px;overflow:hidden;position:relative;}
.news-right-title{color:#333;font-size:16px;line-height:1.8;
                  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.news-right-time{position:absolute;bottom:0;left:0;font-size:14px;color:#a09f9f;}
.news-right-hits{position:absolute;bottom:0;right:0;font-size:14px;color:#a09f9f;}
.news-right-hits i{margin-right:3px;}

.index-service{box-sizing:border-box;overflow:hidden}
.index-service a{display:block;float:left;width:31%;margin:0 3.5% 15px 0;border:1px solid #cccccc;padding:1px;text-align:center;color:#000;
                 background:url(../../images/s1.png) no-repeat center;background-size:100% 100%
}
.index-service a:nth-child(2){background:url(../../images/s2.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(3){background:url(../../images/s3.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(4){background:url(../../images/s4.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(5){background:url(../../images/s5.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(6){background:url(../../images/s6.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(7){background:url(../../images/s7.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(8){background:url(../../images/s8.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(9){background:url(../../images/s9.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(10){background:url(../../images/s10.png) no-repeat center;background-size:100% 100%}
.index-service a:hover{background:#dc321d;color:#fff;text-decoration:none}
.index-service a span{display:block;margin:16px auto;font-size:16px;}
.index-service1{margin:0 0 15px 0 !important}



.btnXhjj{position:absolute;left:10px;bottom:10px;background:#489d66;color:#fff;padding:5px 8px;}
.headerInfo{position:absolute;right:10px;bottom:6px;color:#fff;text-align:left;background:#489d66;opacity:1;font-size:12px;
            padding:5px 8px
}
#search {max-width:64rem;margin:2rem auto 0 auto;position:relative;height:2.9rem}
.searchKey {position:absolute;width:70%;left:3%;border:1px solid #cccccc;height:3rem;line-height:3rem;font-size:1.6rem;outline:none;text-indent:.5rem}
.btnOk {position:absolute;width:20%;right:3%;height:3.4rem;line-height:3.4rem;background:#ff0001;color:#fff;font-size:1.6rem;border:none}
.mainNav {max-width:64rem;margin:2rem auto 0 auto;padding:0 0.2rem}
.mainNav figure {float:left;width:25%;text-align:center;margin-bottom:1.5rem}
.mainNav figure a {color:#000}
.mainNav figure img {margin:0 auto;width:70%}
.mainNav figure figcaption {font-size:1.6rem;margin-top:0.8rem;}
.copyright {font-size:1.6rem;text-align:center;max-width:64rem;margin:0 auto 8px auto;color:#ff0000}
.footer {position:fixed;bottom:0}

.title{text-align:center;width:40%;background:url(../images/line1.png) repeat-x center;margin:0 auto}
.title a{color:#000;font-size:1.6rem;display:inline-block;background:#fff;padding:0 1.5rem}

.container{max-width:64rem;margin:0 auto}


.topA{position:fixed;top:0;height:44px;line-height:44px;width:100%;z-index:9999}
.topANave {max-width:64rem;margin:0 auto;background:#000;color:white;height:44px;line-height:44px;position:relative;}
.topANave h1{position:absolute;width:45%;left:27.5%;font-size:1.8rem;text-align:center;line-height:44px}
#btnBack {display:block;width:48px;height:100%;background:url(../images/icon-36x36-back.png) no-repeat center;top:0;position:absolute;}
/*#btnHome {display:block;width:48px;height:100%;background:url(../images/icon-36x36-home.png) no-repeat center;top:0;right:0;position:absolute;}*/
#btnHome {display:block;width:48px;height:100%;background:url(../images/navicon.png) no-repeat center;top:0;right:0;position:absolute;
          background-size:25px 14px
}

.content {max-width:64rem;margin:0 auto;line-height:2em;padding:10px;color:#53575E;font-size:1.6rem}
.content h2.article-title{color:#333;font-size:2.1rem}
.content img {width:100%;display:block;}
.page-title{text-align:center;width:50%;background:url(../images/line1.png) repeat-x center;margin:0 auto}
.page-title span{color:#000;font-size:2.1rem;display:inline-block;background:#fff;padding:0 1.5rem}

.list {max-width:64rem;margin:0 auto;}
.list figure {clear:both;overflow:hidden;position:relative;padding:16px 0;border-bottom:1px solid #e2e2e2}
.list figure a{display:block;overflow:hidden}
.news-img-box{float:left;width:30%;margin:0 auto;height:92px;object-fit:contain}
.news-img-box img {display:block;margin:0 auto;width:80%;height:92px;object-fit:contain}
.list figure figcaption {float:right;width:67%;}
.list figure figcaption h2 {
    font-weight: normal;font-size:1.6rem;
	border: none;
	padding: 0.5rem 0 .3rem 0;
    color:#333;font-weight:bold    
}
.list figure figcaption h3 {
	font-weight: normal;font-size:1.4rem;
	padding: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
    color:#656565
}

.index-yj{overflow:hidden}
.index-yj li{float:left;width:47%;margin-bottom:1.6rem}
.index-yj li:nth-child(2n+1){float:right}
.index-yj li img{height:134px;width:100%}
.index-yj li h1{font-size:1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:1.8;margin-top:5px}

.index-bottom{background:#313131;color:#8D8D8D;padding:16px 0;line-height:1.8;text-align:center;font-size:14px;}
.index-wx{width:19%;margin:8px auto;display:block;}

span.time{position:absolute;bottom:20px;font-size:14px;color:#a09f9f;}
span.view{position:absolute;bottom:20px;font-size:14px;color:#a09f9f;right:1.5rem;}

.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }

.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }

.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }

.top_menu li:first-child { background:none; }

.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }

.top_bar .top_menu>li.home { max-width:70px }

.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url('../images/home.png') no-repeat center center; background-size: 100% 100%; }

.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }

.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle;margin:0 auto }

.top_bar li:first-child a { display: block; }

/*分页样式*/
.page{
    padding: 10px 0 30px 0;
    overflow: hidden;
    text-align: center;
    background:#fff;
}
.page a,.page span{
    padding: 5px 10px;
    border: 1px solid #cccccc;
    font-size: 12px;
    display:inline-block;
    margin:0 2px;
    
}
.page a:hover{
    background: #dc321d;
    color: #ffffff;
    text-decoration:none;

}
.page a.current{
    background: #dc321d;
    color: #ffffff;
}
.topImg{display:block;width:100%;max-width:640px;margin:0 auto}
.btnLoad{width:50%;display:block;border-radius:25px;background:#eeeeee;padding:5px 0;text-align:center;margin:15px auto 15px auto;
         color:#656565;
}

.news-list-item{width:100%;height:70px;margin-bottom:32px}
.news-list-item-left{border-right:1px solid #e6e6e6;width:20%;overflow:hidden;float:left;padding:8px 0 16px 0;line-height:1.8}
.news-list-item-left i{font-style:normal;margin:0 auto;text-align:center;display:block;font-size:18px;}
.news-list-item-left span{margin:0 auto;text-align:center;display:block;font-size:14px;color:#979797}

.news-list-item-right{width:80%;overflow:hidden;float:right;padding:0 16px;line-height:1.8}
.news-list-item-right h1{font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:400}
.news-list-item-right p{font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
                        color:#979797
}

.jtcy{max-width:640px;margin:0 auto;overflow:hidden;}
.jtcy a{display:block;width:50%;overflow:hidden;position:relative;float:left;}
.jtcy a img{width:100%;}
.jtcy a span{position:absolute;left:20px;top:20px;color:#fff;font-size:18px;border-bottom:2px solid #fff}

#btnLoad{display:block;margin:0 auto;font-size:16px;border-radius:8px;padding:3px 26px;background:#eeeeee;color:#000;border:none}

.nav-container{display:none;position:absolute;top:25%;z-index:9999;left:0;right:0;background:rgba(0,0,0,.7);padding:16px}
.nav-container a{color:#fff}
.nav-item{margin-bottom:8px;overflow:hidden}
a.nav-item-parent{display:block;margin-bottom:2px;font-size:18px;}
.nav-item-children{display:block;margin:2px 0 0 11px;line-height:1.8}
.nav-item-children a{font-size:16px;display:block;margin:0 5px;float:left}

/*媒体查询，大于480px小于640px*/
@media (min-width: 480px) and (max-width: 640px) {

}

/*媒体查询，小于480px*/
@media (max-width: 480px) {


}

.case-ul{display:block;overflow:hidden;height:auto;background:#f4f7f8;width:100%;}
.case-ul li{width:100%;overflow:hidden}

.case1,.case2,.case1Down{width:50%;overflow:hidden;float:left;height:125px;}
.case1,.case1Down{position:relative;cursor:pointer;}
.case1 h3{position:absolute;left:22px;top:16px;font-size:16px;color:#333;
          overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;
}
.case1:hover h3{color:#b21820;text-decoration:none;transition:all 0.2s linear;
                
}
.case1 p,.case1Down p{position:absolute;left:22px;right:22px;top:46px;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
         color:#969696;font-size:12px;
}
.case1 i{position:absolute;bottom:2%;font-size:20px;left:8%;color:#d1d4d4}
.case1Down h3{position:absolute;left:22px;top:16px;font-size:16px;color:#333;
          overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.case1Down p{position:absolute;left:22px;right:22px;top:46px;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
         color:#969696;font-size:12px;
}

.case1Down i{position:absolute;top:2%;font-size:20px;left:8%;color:#d1d4d4}
.case1Down:hover h3{color:#b21820;text-decoration:none;transition:all 0.2s linear;}

.case2 img{display:block;width:100%;height:100%}
.case2 img:hover{transform:scale(1.1,1.1);transition:all 0.5s linear;}

a.case-more{display:block;margin:35px auto 45px auto;border:1px solid #b5b5b5;width:153px;height:43px;text-align:center;line-height:43px;
            border-radius:20px;
}

.product-flex{display:flex;flex-wrap: wrap;margin-top: 16px;}
.product-flex-item{width:50%;border-top: 1px solid #e2e2e2;box-sizing: border-box;text-align:center;padding:16px  0 10px 0}
.product-flex-item a{display:block}
.product-flex-item:nth-child(2n+1){border-right:1px solid #e2e2e2}
.product-flex-item-img{display:block;margin:0 auto;width:80%;height:120px;object-fit:contain}
.product-flex-item-img img{display:block;margin:0 auto;width:100%;height:120px;object-fit:contain}

a.xstz-more{display:block;margin:0 auto;font-size:16px;border-radius:8px;padding:3px 0;background:#eeeeee;color:#000;border:none;
            width:114px;text-align:center
}

.text-center{text-align:center}
.case-url{display:inline-block;margin:16px 0}
.case-url span{display:block;font-size:26px;letter-spacing:3px;color:#393939}
.case-url i{display:block;color:#e5e5e5;font-size:14px;}
.case-show{display:none}
.case-title{display:flex;flex-wrap:wrap}
.case-title a{width:50%;overflow:hidden;text-align:center;padding:12px 0;background:#00acac;color:#fff;box-sizing:border-box}
.case-title a:nth-child(1),.case-title a:nth-child(3){border-right:1px solid #ccc}
.case-title a:nth-child(1),.case-title a:nth-child(2){border-bottom:1px solid #ccc}
.case-title a.on{background:#ff0033}
.case-container{display:none;display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 1%}
.case-container a{display:block;width:46%;text-align:center;margin:16px 0 0 0}
.case-container a img{display:block;width:100%;height:130px;margin-bottom:3px;}

.fw-range-ul{display:flex;}
.fw-range-ul li{width:25%;overflow:hidden}
.fw-range-ul li a{display:block;width:100%;height:320px;position:relative;color:#fff;font-size:12px;}
.fw-range-ul li a img{position:absolute;width:100%;height:320px;}
.range-title{position:absolute;top:40px;font-size:13px;width:100%;text-align:center;line-height:1.8}
.range-content{position:absolute;top:110px;left:16px;right:16px;line-height:1.8;font-size:11px;}