/*
* @Author:liwen
* @Date:2016-01-01 00:00:00
* @E-mail:li3083@126.com
* @Last Modified by:liwen
* @Last Modified time:2020-08-14 12:36:07
*/

@charset "utf-8"; 
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote,article,aside,footer,header,nav,section{margin:0; padding:0;}
img,abbr{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:700;}
input,button,textarea,select,canvas{font-size:inherit; font-size:100%; font-family:inherit; vertical-align:top;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{-webkit-appearance:none;}
a,input,button,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
address,cite,dfn,em,code,var,caption,th{font-style:normal; font-weight:normal;}
article,aside,footer,header,nav,section{display:block;}
q:before,q:after{content:'';}
wbr:nth-of-type(n):after{vertical-align:middle; border-style:solid dashed dotted; text-decoration:underline; white-space:nowrap; background-size:contain cover;}
/* Basic */
*{word-wrap:break-word; outline:none;}
::selection{background:#F60; color:#fff;}
::-moz-selection{background:#F60; color:#fff;}

.clear:after,.Endtext:after{content:''; height:0; visibility:hidden; display:block; clear:both;}
.fl{float:left;}
.fr{float:right;}
img{max-width:100%; display:block; margin:0 auto;}
.border-box,input,button,textarea,.wrap,.mod-area,*:after,*:before,.HSlish li{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.none{display:none;}
.relative{position:relative;}
.red{color:#f00;}

html{font-size:38px; -webkit-text-size-adjust:none;}
body{font:14px/1.5 '微软雅黑','Microsoft YaHei'; background:#262626; color:#666;}
a:link,a:visited,a:active{text-decoration:none; color:#000;}
a:hover{ color:red;}
.swiper-container {width: 100%;height: 100%;}
.wrap{position: relative; width:1200px; margin:0 auto;}
.min-wrap{ min-width:1200px;}

/* ========================== 首页开始 ======================== */
.swiper-slide{ background-repeat: no-repeat; background-position: center center; background-size:cover; overflow: hidden;}
.swiper-pagination{ line-height:1px;}
.swiper-index .swiper-button-prev:after,.swiper-index .swiper-button-next:after{ color:#000; font-weight:bold; text-shadow: 0 0 6px rgba(255,255,255,0.6);}
.swiper-index .swiper-button-prev{ left:auto; right:50%; margin-right:600px; margin-top:-54px;}
.swiper-index .swiper-button-next{ left:50%; right:auto; margin-left:600px; margin-top:-54px;}
.scrollBtn{ width: 60px; position: fixed; left:50%; bottom:0; margin-left:-30px; overflow: hidden; font-size:12px; line-height:1; text-align:center; pointer-events:none; color: #FFF;}
.scrollBtn span{ display: block; position: relative; height:50px; overflow: hidden;}
.scrollBtn span:before{content:'';position:absolute;top:0;left:28px;width:3px;height:100%;background-color:#fff;-webkit-animation:screen-arrow 1.5s infinite ease;animation:screen-arrow 1.5s infinite ease;}
@-webkit-keyframes screen-arrow {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {-webkit-transform: translateY(100%);transform: translateY(100%);}}
@keyframes screen-arrow {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);}100% {-webkit-transform: translateY(100%);transform: translateY(100%);}}
.headTop{ position: fixed; z-index: 9; width: 100%; background:rgba(0,0,0,0.9); padding:15px 0; font-size:16px; line-height:42px; top:0; left:0;}
.logo{ float: left; width: 428px; font-size:13px; line-height:21px;}
.logo img{ float: left; margin-right:16px;}
.nav{ float: left;}
.nav li{ float: left;}
.nav li a{ display: block; padding:0 24px;}
.nav li.cur a{ color:#f00; font-weight:bold;}
.barNav{ float: right; font-size: 0.85em;}
.barNav li{ white-space:nowrap; float: left;}
.swiper-index .swiper-slide dt,.swiper-index .swiper-slide dd{ position: relative; width:100%; height:100%; left:0; top:0; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.swiper-index .swiper-slide dd{ display: none;}
.statistics{ position: absolute; width: 100%; left:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index: 2; text-align:center; padding:5px 0;}
.statistics ul{display: flex; justify-content: center;}
.statistics li{ width: 199px; border-left: 1px dotted #FFF; padding:0 0 4px;}
.statistics li:nth-of-type(1){ border-left:none;}
.statistics li div{ line-height:30px; padding-bottom:6px;}
.statistics li div b{ font-size:34px; font-weight:normal;vertical-align: top;}
.statistics li div em{ font-size:20px; display: inline-block; padding-left:6px; vertical-align: bottom; line-height:40px;}
.statistics li p{ font-size:14px; line-height:20px;}
.swiperText{ position: relative; padding-top:180px;}
.swiper-slide1 li:nth-of-type(1){ margin-top:20px;}
.swiper-slide1 li:nth-of-type(2){ margin-top:60px;}
.swiper-slide2 li:nth-of-type(2){ margin:35px auto;}
.swiper-slide3 li:nth-of-type(2){ margin: 25px auto 20px;}
.Hservice{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.Hmenu{ text-align:center; padding-top: 42px;}
.Hmenu dt{ font-size:48px; line-height:84px;}
.Hmenu dd{ font-size:26px; line-height:48px; color:#F00; text-shadow:1px 1px 0 rgba(0,0,0,0.2);}
.HSlish{ position: absolute; width: 1196px; height:100%; top:0; left:50%; margin-left:-599px; border-right: 1px solid rgba(255,255,255,0.13);}
.HSlish ul{height:100%;}
.HSlish li{ position: relative; width: 299px; padding:180px 20px 0; height:100%; border-left:1px solid rgba(255,255,255,0.13); float: left; display: flex; flex-direction: column;justify-content: center;}
.HSlish li a{ position: relative;}
.HSlish li img{ width: 100%; height:172px;border:4px solid #FFF;}
.HSlish li h6{ font-weight:normal; font-size:24px; line-height:54px; padding-top:10px; color:#FF0;}
.HSlish li p{font-size:14px; line-height:24px; color:#FFF; height:120px; overflow: hidden; color:#cacaca;}
.Hservice .Hmenu{ position: relative; padding-bottom:428px; pointer-events:none; z-index: 2;}
.HSlish li:before{ content:''; position: absolute; width: 100%; height:0; background:rgba(0,0,0,0.36); left:0; bottom:0;}
.HSlish li:hover:before{ height:100%;}
.HSlish li:hover div,.HSlish li:hover h6{ -webkit-transform:translateY(-16px); transform:translateY(-16px);}
.HSlish li:hover p{ -webkit-transform:translateY(-20px); transform:translateY(-20px);}

/* 首页关于我们 */
.Hambient{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%; text-align:center;}
.HAlish{ padding-top: 60px;}
.HAlish { overflow: hidden; padding-top: 30px;}
.HAlish li{ width: 270px; height:252px; float: left; padding-left:38px;}
.HAlish li:nth-of-type(4n+1){ padding-left:0;}
.HAlish li div{ overflow: hidden; border:4px solid #FFF;}
.HAlish li div,.HAlish li div img{ width: 262px; height:175px;}
.HAlish li a:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.HAlish li h6{ font-size:22px; font-weight:normal; line-height:48px; color:#000;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.HAlish li a:hover h6{ color:#0d125d; text-shadow: 0 0 6px rgba(255,255,255,0.5);}

/* 首页案例 */
.Hcase{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%; text-align:center;}
.gallery-top { width: 100%; background-color:rgba(255,0,0,0.8); height:288px; padding-top:12px;}
.gallery-thumbs {height: 48px;box-sizing: border-box; line-height:48px; font-size:18px;}
.gallery-thumbs .swiper-slide { width: 20%; height: 100%; background:rgba(255,0,0,0.8); border-radius:4px 4px 0 0; opacity: 0.8;}
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
.HClish{ width: 1090px; margin:0 auto;}
.HClish li{  width: 250px; height:240px; padding-left:30px;}
.HClish li div,.HClish li div img{ width: 242px; height:162px;}
.HClish li a h6{ color:#FFF;}
.HClish li a:hover h6{ color:#FF0;}

.Hpartner{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%; text-align:center;}
.HPlish{ padding:20px 0; overflow: hidden;}
.HPlish li{ position: relative; width: 224px; height:120px; float: left;  padding:10px;}
.HPlish li:nth-of-type(5n+1){ padding-left:0;}
.HPlish li:nth-of-type(5n+5){ padding-right: 0;}
.HPlish li a{ display: block; position: relative; overflow: hidden;}
.HPlish li img{ width: 224px; height:120px; border-radius:4px;}

.HPlish.cur li a:after{ content:''; position: absolute; width: 100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0;}
.HPlish li.cur a:after{ background:rgba(0,0,0,0); border:2px solid #FFF;}
.HPlish li a:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.Hcontact{ background-position:center center; background-repeat:no-repeat; background-size:100% 100%; text-align:center;}
.HMcontact{ color:#FFF; padding-bottom:30px;}
.Hmap{ width: 700px; height:420px; float: left; border:6px solid #00a0ff;}
#allmap img { max-width: inherit; display: inline;}
.HCinfo{ width: 450px; height:432px; float: right; text-align:left;}
.HCinfo dt{ font-size:54px; line-height:1.3; font-weight:normal; color:#fff;}
.HCinfo dd{ font-size: 16px; line-height:36px;}
.Hqrcode{ padding:24px 0 0 0;}
.Hqrcode img{ margin:0;}
/* ========================== 首页结束 ======================== */
/* 网站底部 */
.footer{ position: relative; width:100%; background-color:#262626; padding-bottom:40px; font-size:14px;}
.footer img{ margin:0;}
.footNav{ overflow:hidden; width:100%; padding:25px 0 12px; border-bottom:1px solid #404040; text-align:center;}
.footNav li{ width: 100px; font-size:15px; float:left; }
.footLogo{ float: left; padding-top:36px;}
.footInfo{ float: left; width: 600px; padding:30px 0 0 40px; float: left;}
.qrcode{ width: 378px; padding:80px 0 0 0; float: right; overflow: hidden;}
.qrcode li{ width: 86px; padding-left:40px; float: left; text-align:center; line-height:40px;}
.footInfo{ line-height:28px; color:#AAA;}
.footInfo dd{ padding: 16px 0 6px;}
.Hqrcode ul{ float: none; padding-top:24px; font-size: 16px;}
.Hqrcode ul li:nth-of-type(1){ padding-left:0;}

/* ==========================  墙体库  ======================== */
.screen{ position: relative; background:#EEE; box-shadow: 0 0 12px rgba(0,0,0,0.24); font-size:15px; line-height:24px; padding:20px 0 10px; z-index: 1;}
.screenDl{ position: relative; overflow: hidden; padding: 0 0 10px 68px;}
.screenDl dt{ position: absolute; left:0; top:0;}
.screenDl dd{ float: left; padding:0 0 2px 8px;}
.screen dd a{ display: inline-block; padding:0 6px; border-radius:3px;}
.screen dd.cur a{ background:#e62129; color:#FFF;}
.Plish{ padding:10px 0 24px; overflow: hidden;}
.Plish li{ width: 285px; height:344px; padding-top:4px; margin:20px 0 0 20px; float: left; line-height:24px;}
.Plish li:nth-of-type(4n+1){ margin-left:0;}
.Plish li a{ display: block; color:#666;}
.Plish li a:hover{ margin-top:-10px; color:red;}
.Plish li div{ border:1px solid #DDD; padding:2px; background:#FFF;}
.Plish li a:hover div{ border-color:#BBB;}
.Plish li div img{ width: 279px; height:186px;}
.Plish li h5,.Plish li h6{ width: 100%; height:26px; line-height:26px; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.Plish li h5{font-size:15px; margin-top:10px;}
.Plish li h6{ position: relative; font-size:18px; padding-bottom:15px; color:#000;}
.Plish li h6:after{ content:''; position: absolute; width: 100%; height:0; border-top: 1px dotted #DDD; height:7px; left:0; bottom:0;}
.Plish li p{ height:24px; font-size:13px; overflow: hidden; color:#999;}
/* 分页 */
.page{ text-align:center; clear:both; font-size:16px; line-height:24px;}
.page *{ border:1px solid #d9d9d9; background:#f6f6f6; display:inline-block; padding:5px 12px; margin-bottom:8px;}
.page b{ border:1px solid #dd1616; background:#F00; color:#fff;}
.page a b{ border:none; background:none; padding:0; color:#333; margin-bottom:0;}
.page a:hover{ background:#f0f0f0; border:1px solid #BBB; text-decoration:none; }

.Pmap{ width: 100%; height:480px; box-shadow: 0 0 12px #CCC;}
.PIpic{ width: 604px; float: left;}
.PIpic-top{ width: 600px; height:400px; border:2px solid #FFF; box-shadow:0 0 12px rgba(0,0,0,0.06);}
.PIpic-top .swiper-slide img{ width: 600px; height:400px;}
.PIpic-thumbs{ padding-top:12px;}
.PIpic-thumbs .swiper-slide{ overflow: visible;}
.PIpic-thumbs .swiper-slide img{ width: 292px; height:196px; border:1px solid #BBB; background-color:#FFF; padding:1px; opacity: 0.5;}
.PIpic-thumbs .swiper-slide-thumb-active img{ border-color: red; opacity: 1;}
.PIpic-thumbs .swiper-slide-thumb-active:after{ content:''; position: absolute; width: 0; height: 0; left:50%; bottom:100%; margin-left:-4px; border: 7px solid; border-color: transparent transparent red; border-top:none;}
.PIinfo{ position: relative; width: 522px; min-height:476px; padding-bottom:90px; background:#FFF; float: right; border:25px solid #FFF; box-shadow:0 0 12px rgba(0,0,0,0.06);}
.PIinfo:after{ content:''; position: absolute; width: 0; height: 0; left:-33px; top:8px; border: 8px solid; border-color: transparent #FFF transparent transparent; border-left:none;}
.PIinfo h1{ font-size:20px; line-height: 1.4; color:red; padding-bottom:10px;}
.PIinfo p{ font-size:15px; line-height:1.6; padding:3px 0;}
/* ==========================  墙体库结束  ======================== */

/* ==========================  案例  ======================== */
.menu{ margin:24px auto;}
.subNav{ overflow: hidden; background:#F0F0F0; font-size:17px; line-height:50px;}
.subNav li{ float: left; border-right:1px solid #FFF;}
.subNav li a{ display: block; padding:0 24px;}
.subNav li a:hover{ background-color:#DDD;}
.subNav li.cur a{ background:#464646; color:#FFF;}

.sunNav{ border-top:none; background:#FFF; overflow: hidden; padding:20px 12px; font-size:15px; line-height:30px;  box-shadow:0 0 12px rgba(0,0,0,0.06);}
.sunNav li{ float: left;}
.sunNav li a{ display: inline-block; padding:0 12px; border-radius:3px;}
.sunNav li.cur a{ background:red; color:#FFF;}

.banner{ height:300px; background-repeat:no-repeat; background-position: center 0;}

.Clish{ padding-top: 10px; overflow: hidden; margin-top: -5px;}
.Clish li{ width: 380px; height:314px; margin:0 0 0 30px; float: left; font-size: 18px; line-height:24px;}
.Clish li:nth-of-type(3n+1){ margin-left:0;}
.Clish li a{ display: block;}
.Clish li a:hover{ margin-top:-10px;}
.Clish li div{ border:1px solid #DDD; padding:2px; background:#FFF; overflow: hidden;}
.Clish li a:hover div{ border-color:#BBB;}
.Clish li div img{ width: 374px; height:250px;}
.Clish li h5{ height:45px; text-align:center; line-height:45px; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.area{ display: flex; justify-content: space-between;}
.Larea,.Rarea{ background:#FFF; box-shadow:0 0 12px rgba(0,0,0,0.06);}
.Larea{ width: 776px; padding:30px 40px 40px;}
.Rarea{ width: 280px; padding:30px 20px 20px; background:#FFF;}
.Larea h1{ font-size:30px; line-height:1.25; text-align:center; font-weight:normal; color:red;}
.Endtime{ line-height:32px; border-bottom:1px dotted #DDD; color:#999; padding:4px 0 0;}
.upDown{ color:#000; padding:12px 0 0; border-top:1px dotted #DDD; clear: both; line-height:24px;}
.upDown li{ height:24px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.Endtext {width:100%; overflow:hidden; margin:0 auto; padding:12px 0 16px; font-size:16px; line-height:1.7; text-align: justify;}
.Endtext p,.Endtext ul,.Endtext ol{ padding:6px 0;}
.Endtext table,.Endtext hr{ margin-top:12px; margin-bottom:12px;}
.Endtext ul li{list-style:disc outside none; margin-left:2em;}
.Endtext ol li{list-style:decimal outside none; margin-left:2em;}
.Endtext img{ display:inline; vertical-align: middle;}
.PupDown{ position: absolute; width: 100%; bottom: 0; left: 0;}
.Rmenu{ position: relative; font-size:18px; line-height:32px; color:#000; border-bottom:2px solid #e5e5e5; padding-bottom:4px;}
.Rmenu:after{ content:''; position: absolute; width: 72px; height:2px; left:0; bottom:-2px; background:red;}
.CRlish{ padding-top:10px;}
.CRlish li{ padding: 10px 0 0;}
.CRlish li a{ display: block;}
.CRlish li h5{ font-weight:normal; font-size: 16px; line-height:48px; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.CRlish li div{ border:1px solid #DDD; padding:1px; background:#FFF;}
.CRlish li a:hover div{ border-color:#BBB;}
.CRlish li div img{ width: 100%; height:184px;}
/* ==========================  案例结束  ======================== */
/* ==========================  新闻  ======================== */
.Lnews{ padding-bottom: 20px;}
.Lnews li{ border-bottom: 1px dotted #d6d6d6; padding:8px 0;}
.Lnews li a{ position: relative; display: block; padding:12px 0 12px 100px;} 
.Lnews li p{ position: absolute; width: 75px; height:64px; left:2px; top:15px; text-align:center; font-size:13px; color:#FFF; background:#AAA; border-radius:3px;}
.Lnews li p span{ display: block; font-size:26px; line-height:40px;}
.Lnews li h6{ font-weight:normal; font-size: 18px; line-height:30px; height:30px; overflow: hidden;}
.Lnews li div{ font-size:13px; line-height:17px; height:34px; color:#777;  word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; margin-top:2px;}
.NRlish li{ border-bottom:1px dotted #DDD; padding:15px 0;}
.NRlish li:last-of-type{ border-bottom: none;}
.NRlish li a{ display: block;}
.NRlish li h6{ font-size:16px; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.NRlish li div{ max-height: 60px; font-size:13px; line-height:18px; color:#777; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: box; box-orient: vertical; line-clamp: 3;  overflow: hidden; margin-top:5px;}
.NRlish li p{ position: relative; padding:0 0 0 24px; margin-top:4px; line-height:20px;}
.NRlish li p em{ position: absolute; width:18px; left:1px; top:1px; line-height:18px; vertical-align: top; background:#777 url('../images/Nmore.png') no-repeat; background-size:100% 100%; border-radius:100%;}
.NRlish li a:hover div{ color:#444;}
.NRlish li a:hover p em{ background-color:red;}
.NRlish li p span{ float: right; color:#999;}
/* ==========================  新闻结束  ======================== */
/* ==========================  关于我们  ======================== */
.bigArea{ padding:30px 40px 40px; background:#FFF; box-shadow:0 0 12px rgba(0,0,0,0.06);}
.contactMap{ width:1116px; height:600px; border:2px solid #DDD; margin-top:16px;}
.launch{ font-size:16px; padding: 20px 0 20px 200px;}
.launch li{ position: relative; padding: 0 0 16px 120px; overflow: hidden;}
.launchLabel{ position: absolute; left:0; top:0; width:114px; text-align:right; line-height:40px;}
.launchLabel em{ color:red; font-weight:bold;}
.launchStyle label{ position: relative; float: left; width:154px; margin-left:20px; font-size:14px; text-align:center; padding-top:110px;}
.launchStyle label:nth-of-type(1){ margin-left:0;}
.launchStyle label input{ vertical-align: middle; margin-right: 4px;}
.launchStyle img{ position: absolute; width:150px; height:100px; left:0; top:0; border:1px solid #DDD; padding:1px;}
.launchStyle input[type="checkbox"]:checked ~ span{ color:red;}
.launchStyle input[type="checkbox"]:checked ~ img{ border-color:red; background-color:#ffd0d0;}

.launch li select{appearance: none;-moz-appearance: none;-webkit-appearance: none;border: 1px solid #DDD;border-radius: 4px;line-height: 1.3;padding: 8px 28px 8px 10px;min-width: 245px; height:40px; background:#FFF url('../images/ico-select-down.png') no-repeat right center; margin-left:12px;}
.launch li select:nth-of-type(1){ margin-left:0;}
.Linput,.Ltextarea{ width:502px; height:40px; border: 1px solid #DDD;border-radius: 4px; padding: 8px 10px;}
.launchBtn input{ width:160px; height:50px; border:none; border-radius:4px; background-color:#666; font-size:20px; color:#FFF;}
.launchBtn input:nth-of-type(2){ margin-left:12px; background-color:#AAA;}
.Ltextarea{ height:80px;}

/* ==========================  关于我们结束  ======================== */
/* h会员 */
.memberArea table{ max-width:100%;}
.memberArea tr td:nth-of-type(1){ white-space: nowrap;}
.memberArea img{ display: inline; vertical-align: middle;}
.memberArea input{ vertical-align: middle;}
.memberArea input[type="text"],.memberArea input[type="password"],.memberArea textarea{ padding: 6px; border:1px solid #ddd; max-width:100%;}
.memberArea input[type="submit"],.memberArea input[type="button"],.memberArea input[type="reset"]{ padding: 8px 16px; border:none; background-color:#666; color:#FFF; border-radius:4px;}
/*修改主要色调*/
.header                 { color: #FFFFFF; font-weight: bold; background-color: #999; }
.header a               { color: #FFFFFF; }
.tableborder            { background: #F6F6F6; border: 1px solid #DDD ;} 
.tableborder td         { padding:8px 12px;}

/*分页样式*/
.epages{margin:3px 0;}
.epages *{vertical-align:middle;}
.epages a{padding:1px 4px 1px;border:1px solid #A6CBE7;margin:0 1px 0 0;text-align:center;text-decoration:none;}
.epages a:hover{border:#659B28 1px solid;background:#f3f8ef;text-decoration:none;color:#004c7d;}
.epages input{margin-bottom:0px;border:1px solid #659B28;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;}

.bg1{ background:#FBFBFB;}
.c_f,.c_f a{ color:#FFF;}
.pt1{ padding-top:8px;}
.pt2{ padding-top:32px;}
.pb1{ padding-bottom:28px;}
.pb2{ padding-bottom:8px;}
.pb3{ padding-bottom: 40px;}
.ptb1{ padding:24px 0;}
.mt1{ margin-top:72px;}
.mt2{ margin-top:24px;}




/* 动画 */
.active .statistics{ -webkit-animation:fadeIn 1s .2s ease both; animation:fadeIn 1s .2s ease both;}
.active .Hmenu dt{ -webkit-animation:fadeInDownBig 1s .2s ease both; animation:fadeInDownBig 1s .2s ease both;}
.active .Hmenu dd{ -webkit-animation:bounceIn 1s .7s ease both; animation:bounceIn 1s .7s ease both;}
.active .HSlish li:nth-of-type(1),.active .HSlish li:nth-of-type(3){ -webkit-animation:fadeInUp 1s 1s ease both; animation:fadeInUp 1s 1s ease both;}
.active .HSlish li:nth-of-type(2),.active .HSlish li:nth-of-type(4){ -webkit-animation:fadeInDown 1s 1s ease both; animation:fadeInDown 1s 1s ease both; }
.active .HIcase{ -webkit-animation:flipInX 1s 1s ease both; animation:flipInX 1s 1s ease both;}
.active .HPlish{ -webkit-animation:fadeInRight 1s 1s ease both; animation:fadeInRight 1s 1s ease both;}
.active.Hambient .HAlish{ -webkit-animation:fadeInLeft 1s 1s ease both; animation:fadeInLeft 1s 1s ease both;}
.active .Hmap{ -webkit-animation:bounceIn 1s 1s ease both; animation:bounceIn 1s 1s ease both;}
.active .HCinfo{ -webkit-animation:fadeInRight 1s 1.4s ease both; animation:fadeInRight 1s 1.4s ease both;}

body a,body a:hover *,.HSlish *,.HSlish li:hover:before{  -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.HSlish li:hover h6{-webkit-transition-delay:100ms; transition-delay:100ms; color:#FFF;}
.HSlish li:hover p{-webkit-transition-delay:200ms; transition-delay:200ms;}
.wapNav{ display: none;}

/* ==========================  wap版  ======================== */
@media screen and (max-width:640px){
	*{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
	body{ font-size: 0.3125rem;}
	.wrap{ width:100%;}
	.min-wrap{ min-width:100%;}
	.wapNav{ display: block;}

	/* ========================== 首页开始 ======================== */
	.swiper-index .swiper-button-prev{ left:28px; right:inherit; margin-right:0; margin-top:-0.375rem;}
	.swiper-index .swiper-button-next{ left:inherit; right:28px; margin-left:0; margin-top:-0.375rem;}
	.swiper-button-next:after, .swiper-button-prev:after{ font-size:0.625rem;}
	.scrollBtn{ display: none;}

	.headTop{ position: fixed; z-index: 9; width: 100%; height:1.25rem; background:rgba(0,0,0,0.9); padding:0.25rem 0; font-size:16px; line-height:42px; top:0; left:0;}
	.logo{ float: none; width: 100%; font-size:0.25rem; line-height:0.375rem; padding-left:0.375rem;}
	.logo img{ float: left; height:0.75rem;}

	.navArea{position: fixed; right:0; top:0; height:100%; width: 3.75rem; padding:0.375rem 0; background:#d22828; z-index: 99; box-shadow:0 0 0.25rem rgba(0,0,0,0.2) inset; display: none; float: none;}
	.navArea.cur{ display: block;}
	.nav{ width:100%; float: none; position: relative;}
	.nav li{ float: none; border-bottom:1px solid rgba(255,255,255,0.06);}
	.nav li a,.Rnav a{ width: 100%; line-height:0.875rem;}
	.nav li a{ padding:0 0 0 0.75rem; color:#FFF; font-size:0.40625rem; line-height:1.0625rem; border-bottom:1px solid rgba(0,0,0,0.1); text-align:left;}
	.navArea .navBg{ content:''; position: absolute; width: 7rem; height:100%; right:100%; top:0; background:rgba(0,0,0,0.7);}
	.navBtn{ position: absolute; width: 1.5rem; height:100%; top:0; right:0; background:url('../images/navBtn.png') no-repeat center center; background-size:0.6875rem auto;}
	.nav li.cur a{ color:#FF0; font-weight:normal; background:rgba(0, 0, 0, 0.06);}
	#fp-nav{ width:0.375rem; left:0; right:inherit;}
	.barNav{ position: absolute; left:0; bottom:0.375rem; float: none; padding: 0.125rem 0 0 0.625rem;}
	.barNav li{ padding:0;}
	.barNav li a{ display: inline-block; padding:0 0.125rem; font-size: 0.3125rem; color:rgba(255,255,255,0.8);}
	.swiper-index .swiper-slide dt{ display: none;}
	.swiper-index .swiper-slide dd{ display: block;}
	.statistics{ text-align:center; padding:0.075rem 0;}
	.statistics ul{flex-flow: row wrap;}
	.statistics li{ width: 33.33%; border-left: 1px dotted #FFF; margin-top: 0.125rem;}
	.statistics li:nth-of-type(3n+1){ border-left:none;}
	.statistics li div{ line-height:0.875rem; padding-bottom:0.09375rem;}
	.statistics li div b{ font-size:0.55rem;}
	.statistics li div em{ font-size:0.375rem; padding-left:0.09375rem; line-height:0.625rem;}
	.statistics li p{ font-size:0.25rem; line-height:0.35rem;}

	.swiperText{ position: absolute; width:84%; padding-top:0; left:8%; top:30%; -webkit-transform: translateY(-50%);}
	.swiper-banner-next,.swiper-banner-prev{ display: none;}
	.swiper-slide1 li:nth-of-type(2){ margin-top:0.75rem;}
	.swiper-slide2 li:nth-of-type(2){ margin:0.5rem auto;}
	.swiper-slide3 li:nth-of-type(2){ margin: 0.375rem auto;}

	.Hservice{ background-size:auto 110%;}

	.Hmenu{ padding-top: 0;}
	.Hmenu dt{ font-size:0.6875rem; line-height:1.5;}
	.Hmenu dd{ font-size:0.375rem; line-height:1.4; padding:0 0.5rem;}

	.HSlish{ position: relative; width: 9.5rem; height:9rem; padding:0.25rem 0 0.75rem; top:0; left:0; margin:0 auto; border-right: none;}
	.HSlish ul{height:100%;}
	.HSlish li{ position: relative; width: 50%; padding:0 0.1875rem 0; height:4rem; border-left:none; text-align:center;}
	.HSlish li a{ position: relative;}
	.HSlish li img{ width: 100%; height:2.90625rem; border:2px solid #FFF;}
	.HSlish li h6{ font-size:0.34375rem; line-height:0.625rem; padding-top:0.125rem; color:#FFF;}
	.HSlish li p{ display: none;}
	.Hservice .Hmenu{ padding:0; }
	

	/* 首页关于我们 */
	.Hambient{background-size:auto 105%;}
	.HAlish { padding: 0.375rem 0.1875rem 0;}
	.HAlish li{ width: 50%; height:3.9375rem; float: left; padding:0 0.1875rem;}
	.HAlish li:nth-of-type(4n+1){ padding-left:0.25rem;}
	.HAlish li div{ border-width:2px;}
	.HAlish li div,.HAlish li div img{ width: 100%; height:2.875rem;}
	.HAlish li h6{ font-size:0.375rem; line-height:2; }
	.HAlish li:nth-of-type(5),.HAlish li:nth-of-type(6),.HAlish li:nth-of-type(7),.HAlish li:nth-of-type(8){ display: none;}

	/* 首页案例 */
	.Hcase{ background-size:auto 100%;}
	.HIcase{ width:9.25rem; margin:0 auto;}
	.HIcase .swiper-button-prev{ left:0.125rem;}
	.HIcase .swiper-button-next{ right:0.125rem;}
	.HIcase .swiper-button-next:after,.HIcase .swiper-button-prev:after{ font-size: 0.5rem;}
	.gallery-top { width: 100%;  height:7.25rem; padding-top:0;}
	.gallery-thumbs {height: 0.75rem; line-height:0.75rem; font-size:0.3125rem;}
	.gallery-thumbs .swiper-slide { border-radius:0.0625rem 0.0625rem 0 0;}
	.HClish{ width: 8.5625rem;}
	.HClish li{  width: 50%; height:3.375rem; padding:0 0.1875rem;}
	.HClish li div,.HClish li div img{ width: 100%; height:2.375rem;}
	.HClish li a h6{ color:#FFF;}
	.HClish li a:hover h6{ color:#FF0;}
	/* 合作伙伴 */
	.Hpartner{  background-size:auto 100%; padding-top:0.375rem;}
	.HPlish{ width:9.46875rem; padding:0.3125rem 0 0; overflow: hidden; margin:0 auto;}
	.HPlish li{ position: relative; width: 3.15625rem; height:2.0rem;  padding:0 0.125rem;}
	.HPlish li img{ width: 3.15625rem; height:1.71875rem; border-radius:0.0625rem;}
	.HPlish li:nth-of-type(5n+1){ padding-left: 0.125rem;}
	.HPlish li:nth-of-type(5n+5){ padding-right: 0.125rem;}
	/* 联系我们 */
	.Hcontact{ background-size:auto 108%;}
	.Hcontact .Hmenu dd{ display: none;}
	.HMcontact{ color:#FFF; padding-bottom:30px;}
	.Hmap{ width: 9.5rem; height:5.5rem; margin:0 auto; float: none; border-width:0.09375rem; font-size: 12px;}
	.HCinfo{ position: relative; width: 9.25rem; height:auto; float: none; margin:0 auto; padding:0.5rem 0 0.8125rem;}
	.HCinfo dt{ font-size:0.84375rem; line-height:1.3; font-weight:normal; color:#fff;}
	.HCinfo dd{ font-size: 0.34375rem; line-height:1.7;}
	.Hqrcode{ position: absolute; padding:0; width:5.5rem; right:0; bottom:-0.625rem;}
	.Hqrcode img{ margin:0;}
	/* ========================== 首页结束 ======================== */
	/* 网站底部 */
	.footer{ padding: 0.25rem 0 0.625rem;}
	.footNav{ display: none;}
	.footLogo{ float: none; padding:0.5rem 0 0 0.5rem;}
	.footLogo img{ width:2.25rem;}
	.footInfo{ float: none; width: 100%; padding:0.375rem 0 0; font-size:0.28125rem; line-height:1.75; text-align:center;}
	.qrcode{ position: absolute; width: 5.5rem; right:0.5rem; top:0.375rem; padding:0; float: none; font-size: 0.3125rem;}
	.qrcode li{ width: 1.5625rem; margin-left:0.375rem; line-height:0.75rem; padding:0;}
	.qrcode li img{ width:100%; height:1.5625rem;}
	.qrcode li p{ width:100%; overflow: hidden; font-size:0.3125rem;}
	.qrcode li:nth-of-type(1){ margin-left:0;}
	.footInfo dd{ padding: 0.25rem 0.5rem 0;}
	.footInfo dd img{ margin:0 auto;}
	.Hqrcode ul{ position: relative; float: none; padding-top:0; top:0; right:0;}
	
	/* ==========================  墙体库  ======================== */
	.screen{ box-shadow: 0 0 0.1875rem rgba(0,0,0,0.24); font-size:0.28125rem; line-height:0.4375rem; padding:0.375rem 0.25rem 0.1875rem;}
	.screenDl{ padding: 0 0 0.125rem 1.25rem;}
	.screenDl dd{ padding:0 0 0.0625rem 0.125rem;}
	.screen dd a{ padding:0 0.09375rem; border-radius:0.0625rem;}

	.Plish{ padding:0.375rem 0.1875rem 0.25rem;}
	.Plish li{ width: 50%; height:6rem; padding:0 0.125rem; margin:0;}
	.Plish li a:hover{ margin-top:0;}
	.Plish li div{ padding:1px;}
	.Plish li div img{ width: 100%; height:3rem;}
	.Plish li h5,.Plish li h6{ height:0.53125rem; font-size:0.375rem; line-height:0.53125rem;}
	.Plish li h5{font-size:0.328125rem; margin-top:0.15625rem;}
	.Plish li h6{  height:0.75rem; padding-bottom: 0;}
	.Plish li h6:after{ content:''; position: absolute; width: 100%; height:0; border-top: 1px dotted #DDD; height:0.15625rem; left:0; bottom:0;}
	.Plish li p{ height:0.40625rem; line-height:0.40625rem; font-size:0.25rem; overflow: hidden; white-space:nowrap;}
	/* 分页 */
	.page{ font-size:0.34375rem; line-height:0.5rem; padding:0 0.125rem;}
	.page *{ padding:0.09375rem 0.25rem; margin-bottom:0.125rem;}

	.Pmap{ height:7.5rem; box-shadow: 0 0 0.1875rem #CCC;}
	.PIpic{ width: 9.375rem; float: none; margin:0 auto;}
	.PIpic-top{ width: 9.375rem; height:6.25rem; border:none; box-shadow:0 0 12px rgba(0,0,0,0.2);}
	.PIpic-top .swiper-slide img{ width: 9.375rem; height:6.25rem;}
	.PIpic-thumbs{ padding-top:0.25rem;}
	.PIpic-thumbs .swiper-slide img{ width: 100%; height:3.0625rem;}
	.PIpic-thumbs .swiper-slide-thumb-active:after{ margin-left:-0.0625rem; border-width: 0.125rem;}
	.PIinfo{ float: none; width: 9.375rem; min-height:inherit; padding-bottom:0; margin:0.375rem auto 0; border-width:0.375rem; box-shadow:0 0 0.1875rem rgba(0,0,0,0.06);}
	.PIinfo:after{ display: none;}
	.PIinfo h1{ font-size:0.46875rem; line-height: 1.4; padding-bottom:0.15625rem;}
	.PIinfo p{ font-size:0.34375rem; line-height:1.6; padding:0.0625rem 0;}
	/* ==========================  墙体库结束  ======================== */

	/* ==========================  案例  ======================== */
	.menu{ margin: 0; padding-bottom:0.125rem;}
	.subNav{ padding:0.28125rem 0.21875rem 0.25rem 0.125rem; overflow: hidden; background:none; font-size:0; line-height:0.8125rem; text-align:center;}
	.subNav li{ float: none; border-right:none; display:inline; vertical-align: top;}
	.subNav li a{ display: inline-block; padding:0 0.375rem; background-color:#DDD; margin:0.09375rem 0 0 0.09375rem; font-size:0.375rem; vertical-align: top;}
	.subNav li.cur a{ background:#464646; color:#FFF;}
	#Ncid182 li a{ font-size:0.3125rem; padding: 0 0.25rem;}

	.sunNav{ padding:0.3125rem 0.1875rem 0.25rem; font-size:0.34375rem; line-height:0.5625rem;  box-shadow:0 0 0.1875rem rgba(0,0,0,0.06); margin-bottom:0.25rem;}
	.sunNav li{ padding-bottom:0.0625rem;}
	.sunNav li a{ padding:0 0.25rem; border-radius:0.0625rem;}

	.banner{ height:2.25rem; background-size:auto 100%;}

	.Clish{ padding:0 0.1875rem 0.25rem; margin-top: 0;}
	.Clish li{ width: 50%; height:4rem; padding:0 0.125rem; margin:0;}
	.Clish li a:hover{ margin-top:0;}
	.Clish li div{ padding:1px;}
	.Clish li div img{ width: 100%; height:3rem;}
	.Clish li h5{ height:0.75rem; font-size: 0.34375rem; line-height:0.75rem; }

	.area{ display: block;}
	.Larea,.Rarea{ box-shadow:0 0 0.1875rem rgba(0,0,0,0.06); width: 100%; padding:0.25rem 0.5rem;}
	.Rarea{ margin-top: 0.375rem;}
	.Larea h1{ font-size:0.5rem; padding-top: 0.25rem;}
	.Endtime{ font-size:0.375rem; line-height:0.875rem; padding:0;}
	.Endtime span{ display: none;}
	.abcaaaaa{ min-width:16rem;}
	.upDown{ padding:0.3125rem 0; font-size:0.375rem; line-height:0.625rem;}
	.upDown li{ height:0.625rem;}

	.Endtext { overflow-x: auto; padding:0.1875rem 0 0.25rem; font-size:0.375rem;}
	.Endtext p,.Endtext ul,.Endtext ol{ padding:0.09375rem 0;}
	.Endtext table,.Endtext hr{ margin-top:0.1875rem; margin-bottom:0.1875rem;}
	.Endtext img{ height:auto;}

	.PupDown{ position: relative; bottom: inherit; left: inherit; margin-top:0.375rem;}

	.Rmenu{ font-size:0.5rem; line-height:0.75rem; padding-bottom:0.1875rem;}
	.Rmenu:after{ width: 2rem; }
	.CRlish{ padding-top:0.375rem; display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between;}
	.CRlish li{ width:4.3125rem; padding: 0; height:3.875rem;}
	.CRlish li h5{ font-size: 0.34375rem; line-height:0.75rem; }
	.CRlish li div img{ width: 100%; height:2.828125rem;}
	/* ==========================  案例结束  ======================== */
	/* ==========================  新闻  ======================== */
	.Lnews{ padding-bottom: 0.3125rem;}
	.Lnews li{ padding: 0;}
	.Lnews li a{ position: relative; display: block; padding:0.1875rem 0 0.25rem 1.75rem;} 
	.Lnews li p{ position: absolute; width: 1.5rem; height:1.3125rem; padding-top:0.21875rem; left:0.0625rem; top:0.3125rem; font-size:0.28125rem; line-height:1.75; border-radius:0.0625rem; color:#EEE;}
	.Lnews li p span{ display: block; font-size:0.4375rem; line-height:0.5rem; color:#FFF;}
	.Lnews li h6{ font-weight:normal; font-size: 0.421875rem; line-height:0.5625rem; height:0.5625rem;}
	.Lnews li div{ font-size:0.3125rem; line-height:0.4375rem; height:0.875rem; margin-top:0.0625rem;}
	.NRlish li{ padding:0.25rem 0;}
	.NRlish li h6{ font-size:0.421875rem;}
	.NRlish li div{ max-height: 1.3125rem; font-size:0.3125rem; line-height:0.4375rem; margin-top:0.0625rem;}
	.NRlish li p{ position: relative; padding:0 0 0 0.5rem; margin-top:0.0625rem; font-size:0.3125rem; line-height:0.5rem;}
	.NRlish li p em{ width:0.375rem; left:0; top:0.0625rem; line-height:0.375rem;}
	/* ==========================  新闻结束  ======================== */
	/* ==========================  关于我们  ======================== */
	.bigArea{ padding:0.5rem; box-shadow:0 0 0.1875rem rgba(0,0,0,0.06);}
	.contactMap{ width:100%; height:10rem; margin-top:0.25rem;}

	.launch{ font-size:0.375rem; padding: 0 0 0.3125rem;}
	.launch li{ padding: 0 0 0.25rem;}
	.launchLabel{ position: relative; display: block; width:100%; line-height:0.75rem; text-align:left;}
	.launchStyle label{ position: relative; float: left; width:2.8125rem; margin-left:0.28125rem; font-size:0.3125rem; padding-top:2rem;}
	.launchStyle label input{ vertical-align: middle; margin-right: 4px;}
	.launchStyle img{ position: absolute; width:100%; height:1.875rem;}

	.launch li select{border-radius: 4px; padding: 0.125rem 0.1875rem; min-width: 4.375rem; height:0.875rem; margin-left:0.25rem;}
	.Linput,.Ltextarea{ width:100%; height:0.875rem; border-radius: 0.0625rem; padding: 0.125rem 0.1875rem;}
	.launch li.launchBtn{ padding-top:0.125rem;}
	.launchBtn input{ width:4.375rem; height:1rem; border-radius:0.0625rem; font-size:0.4375rem;}
	.launchBtn input:nth-of-type(2){ margin-left:0.25rem;}
	.Ltextarea{ height:3rem;}

	/* ==========================  关于我们结束  ======================== */
	/* h会员  */
	.memberArea input[type="text"],.memberArea input[type="password"],.memberArea textarea,.memberArea input[type="file"]{ padding: 0.09375rem; max-width:6rem;}
	.memberArea input[type="submit"],.memberArea input[type="button"],.memberArea input[type="reset"]{ padding: 0.125rem 0.25rem;  border-radius:0.0625rem;}

	.pt1{ padding-top:0.125rem;}
	.pt2{ padding-top:0.375rem;}
	.pb1{ padding-bottom:0.4375rem;}
	.pb2{ padding-bottom:0.125rem;}
	.pb3{ padding-bottom: 0.625rem;}
	.ptb1{ padding:0.375rem 0;}
	.mt1{ margin-top:1.25rem;}
	.mt2{ margin-top:0.375rem;}


}

