@charset "utf-8";

*{padding:0;margin:0;font-family: "微软雅黑";}
body{overflow-x: hidden;}
html{font-size:14px;}
body,html,ul,li,a,ol,dl,dt,dd,span,mark,h1,h2,h3,h4,h5,address{list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;float:left;}
#main{margin:0;padding:0;background:#fff;}

.wrapper{max-width:640px;width:100%;margin:0 auto;}
input {border: none;background: none;}
input, textarea {outline: 0;font-size: 14px;-webkit-appearance: none;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.clear{clear:both;float:none}
.pl {float: left;}
.pr {float: right;}
.hide{display:none;}
.show{display:block;}

img{width:100%;display:inline-block;}
header{max-width:640px;min-width:320px;width:100%;background:#f7f7f7;position:fixed;top:0;left:0;z-index:99998;}
.container{max-width:100%;}
.mobile,header nav{display:none;}
#ogo,.hide{width:100%;display:block;}
#logo{width:20%;display:inline-block;float:left;margin:2% 4% 2% 4%;}
.header p{float:left;font-size:1.3rem;margin:4.5% 0 0 0;}

#arrow{width:15%;max-width:70px;float:right;}
#arrow img{width:100%;display:none;}
#arrow img.arrowOne{display:block;}
.productList{border:none;}
/**导航**/
#nav{width:85%;height:100%;background:#111;position:fixed;top:0;left:-85%;left:;overflow-x:hidden;overflow-y:scroll;z-index:999999999;}
#nav ul{width:100%;float:left;display:block;}
#nav ul li a{width:100%;height:40px;color:#bebebe;font-size:16px;border-bottom:1px solid #2f3031;display:block;line-height:40px;float:left;}
#nav ul li span{margin-left:2%;background:rgba(0,0,0,.1);display:none;}
#nav ul li font{width:6px;height:6px;border:1px solid #ccc;display:block;float:left;border-radius:50%;margin:16px 5%;}
#nav ul li h3 mark{width:1em;height:3px;display:block;margin:18px 3% 0 0;float:right;background:#4a4a4a;position:relative;display:none;}
#nav ul li h3 i{width:1em;height:3px;display:block;float:right;background:#4a4a4a;position:absolute;left:0;top:0;transform:rotate(90deg);}
#nav ul li.hover h3 a{background:#584022;color:#FFF;}
#nav ul li.hover h3 font{border:1px solid #FFF;background:#584022;}

.nav img{max-width:6%;float:left;margin:3% 0 0 75%;}
.nav{width:100%;float:left;height:30px;position:absolute;top:0;left:0;z-index:9999;display:none;}

.subnav,.menunav{display:none;}
#nav ul li .subnav li font{width:10px;height:10px;border:none;border-radius:none;margin:15px 2% 0 5%;margin:15px 2% 0 12%;float:left;overflow:hidden;}
#nav ul li .subnav li font img{width:auto;height:100%;float:left;}
#nav ul li .subnav li span{display:block;float:left}

#nav ul li .menunav li font{margin:15px 4% 0 5%;margin:15px 4% 0 20%;}


/**分类**/
.mComprClass{width:100%;position:relative;float:left;}
.mComprClass h2{width:100%;height:1.5em;verflow:hidden;background:rgba(61,69,80,.8);float:left;overflow:hidden;}
.mComprClass h2 span{width:auto;color:#FFF;font-size:.6em;margin:.6em 0 .6em .6em;text-align:center;display:block;float:left;}
.mComprClass h2 a{width:6%;float:right;display:block;margin:0 5% 0 0;height:1.5em;}
.mComprClass h2 img{display:inline-block;margin-top:.5em;}

#wholeClass{width:100%;height:100%;position:absolute;top:2.3em;background:#000;display:none;text-align:center;z-index:9999;}
#wholeClass ul{width:100%;display:block;float:left;}
#wholeClass ul li a{width:100%;background:#FFF;font-size:.78em;display:block;text-align:left;text-indent:2em;padding:.8em 0;border-bottom:1px solid #d9d9d9;color:#888;}
#wholeClass ul li.hover a,#navPro ul li:hover a{background:#f0f0f0;}
#wholeClass ul li.btn_up a{background:#FFF;text-align:center;display:block;}
#wholeClass ul li.btn_up a img{width:10%;display:block;margin:0 auto;}

.mAboutContent{width:96%;margin:0 2% .6rem;float:left}
.mAboutContent img,.newShowCont img,.productAttInfoContent img{max-wdith:100%;height:auto;}

.newsListCont,.mobileShow{width:96%;float:left;margin-bottom:0;padding:0 2%;background:#f5f5f5;}
.mlistBack{padding:0;}
.newsListCont ol li time{width:100%;float:left;font-size:13px;color:#999;font-family:"方正中等线简体";margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
.newsListCont ol li{width:100%;float:left;margin:10% 0 0;padding:0 0 3px;border-bottom:1px solid #e5e5e5;}
.newsListCont li h3{margin:15px 0 10px;color:#333;}
.newsListCont li p{color:#888;}
.mobileMain{margin:0;padding:0;background:#f5f5f5;}
.newShowCont p.title {margin-top: 0;}
/**分页**/
.page{margin-top:30px;float:left;}
.page ul,.page ol{display:inline-block;margin:15px 0;}
.page ul li,.page ol li{float:left;width:32px;height:32px;margin:0 5px;overflow:hidden;}
.page ul li a,.page ul li span,.page ol li a,.page ol li span{width:30px;height:30px;line-height:30px;font-size:13px;}

.productList{background:#f5f5f5;border-top:none;padding-bottom:10px;float:left;}
.footer h4{width: 96%;font-size: .8em;text-align:center;padding:5% 2%;color:#666;border:1px solid #ccc;border-left:none;border-right:none;float:left;}
.footFix{width:100%;background:url(../images/indexProTopImg.jpg) repeat center top;background:#8c6c63;overflow:hidden;position:fixed;bottom:0;}
.footFix ul li{width:25%;max-width:160px;float:left;padding:2% 0;text-align:center;}
.footFix ul li mark{width:100%;text-alingn:center;color:#FFF;display:block;font-size:.8em;}
.footFix ul li img{width:100%;margin:0 auto;}
.footFix ul li:nth-child(2) img{width:22%;max-width:33px;}
.footFix ul li:nth-child(3) img{width:27%;max-width:41px;}
.footFix ul li:nth-child(1) img{width:33.5%;max-width:51px;}
.footFix ul li:nth-child(4) img{width:28%;max-width:42px;}
.footFix ul li a{width:100%;display:block;float:left;}
.mobileFoot{width:100%;float:left;}

.newShowTop{width:100%;height:auto;border-bottom:none;text-align:center;margin:0;padding:5% 0;}
.newShowTop h3{font-size:18px;}
.newShowTop h3 time{color:#888;margin-top:1%;font-size:12px;display:block;font-weight:100;}
.newShowCont p{margin:0;}

/**产品中心**/
.mOterTop h3{display:none;}
.mOterTop h5{width:100%;font-size:20px;text-align:center;margin:5% 0;float:left;}
.mOterTop h5 mark{font-size:.8em;color:#888;display:block;text-transform:uppercase;}

.mProCont{width:94%;padding:0 3%;float:left;margin-top:5%;}
.mProCont ol li{width:48%;float:left;margin-bottom:3%;}
.mProCont ol li.active{width:48%;float:right;}
.mProCont ol li h3{font-size:.8em;color:#666;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.mobileProShow,.mobileHonor,.mobileContact{width:94%;padding:0 3%;float:left;}
#aboutFlash h3{text-align:center;font-size:18px;color:#333;margin:5% 0;}
#aboutFlash span{width:10%;float:left;margin-top:18%;}
#aboutFlash span.next3{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
#aboutFlash span img{display:none;}
.aboutFlash{width:70%;float:left;margin:0 5%;overflow:hidden;}
.aboutFlash ul{width:400%;float:left;}
.aboutFlash ul li{width:25%;float:left;}

.mobileProShow ol{width:100%;float:left;margin:5% 0 0 0;}
.mobileProShow ol h3{font-size:16px;color:#333;float:left;width:100%;margin:0 0 3% 0;}
.mobileProShow ol li{width:100%;float:left;margin:1% 0;padding-bottom:3%;border-bottom:1px dotted #ccc;}
.mobileProShow ol li mark{float:left;width:20%;font-size:16px;color:#0089e1;}
.mobileProShow ol li span{float:left;width:80%;font-size:16px;color:#666;}
.mobileProShow ol img{width:100%;float:left;}

/**优势**/
.mAdv{padding:0 2%;width:96%;overflow:hidden;float:left;}

/**荣誉证书**/
.mobileHonor ol li{width:48%;float:left;margin:0 0 5% 0;}
.mobileHonor ol li mark{width:100%;height:10em;overflow:hidden;border:1px solid #ccc;float:left;padding:2px;}
.mobileHonor ol li a{width:100%;height:10em;display:-webkit-box;display:-ms-flexbox;display:flex-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;}
.mobileHonor ol li img{width:auto;max-width:100%;max-height:10em;margin:auto;display:block;}
.mobileHonor ol li.active{float:right;}
.mobileHonor ol li h3{width:100%;float:left;font-size:.8em;color:#666;text-align:center;margin-top:3%;}
.mobileHonor .more{width:30%;margin:3% 35% 5%;heihgt:auto;display:block;font-size:16px;float:left;background:#eee;text-align:center;color:#333;}

.bigImg{max-width:640px;min-width:320px;margin:0;position:fixed;left:0;top:15%;display:none;}
.bigImg img{width:100%;float:left;}

/** 合作伙伴 **/
.mPartner{margin:0 0 2em;}
.service{width:94%;overflow:hidden;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;margin:0 3%;float:left;box-sizing:border-box;}
.service ul li{float:left;width:50%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;box-sizing:border-box;}
.service ul li img{float:left;}

.mmore{width:100%;float:left;margin-bottom:6%;}
.mmore a,.mmore mark{width:35%;line-height:2em;margin:0 auto;transition:all 0.3s ease-in 0s;text-align:center;border-radius:2em;font-size:.8em;display:block;}
.mmore a:hover,.mmore mark{background:#0e679f;color:#FFF;}
.mmoretop{margin-top:;}
.mmoretop a,.mmoretop mark{background:#0e679f;color:#FFF;}

/**实景**/
.mobileReal section ol li{width:48%;float:left;text-align:center;margin-bottom:2%;}
.mobileReal section ol li.active{float:right;}
.mobileReal section ol li mark{height:9em;overflow:hidden;display:block;background:#000}
.mobileReal section ol li h3{font-size:.8em;line-height:1.8em}

/**联系我们**/
.mobileContact address{width:100%;font-size:.8em;color:#444;margin:0;line-height:2em;}
.mobileMap a{width:100%;float:left;text-align:center;line-height:2em;font-size:.8em;margin:2% 0 4%;}

/**首页页尾**/
.mIdexAbout{width: 94%;padding:0 3%;float: left;font-size: .8em;line-height: 2em;color: #6b6b6b;}

.indexEnd{float:left;margin:1em 0;padding:0 0 1em;background-color:#f2f0f0}
.indexEnd .WholeTop{margin:.5em 0;}
.address{width:94%;padding:0 3%;float:left;}
.address h3{font-size:1em;color:#333;margin:.5em 0;}
.address p{font-size:.8em;color:#9b9b9b;line-height:1.8em;}
.address p span{color:#686868;text-decoration:underline;}

.indexEnd h4{width:100%;padding:1em 0;margin:1em 0;font-size:0.6em;text-align:center;background:#f3f3f3;color:#9b9b9b;float:left;}
.indexEnd h4 a{color:#9b9b9b;}

/**首页**/
.WholeTop{width:94%;padding:0 3%;text-align:center;float:left;margin:2em 0 1em; }
.WholeTop h4{width:100%;float:left;}
.WholeTop h4 mark{display:block;padding:.15em .5em;font-family:Agency FB;color:#999;font-size:.6em;letter-spacing:2px;background:#FFF;text-transform:uppercase;}
.WholeTop h3{font-size:1.5em;line-height:1em;height:1em;font-weight:bold;text-align:center;color: #191007;margin:3% 0 1%;position:relative;}
.WholeTop h3:after{position: absolute;content: "";width: 1.5rem;height: 0.3rem;background: #eb5a18;top: .4em;right: 27.25%;}
.WholeTop h3:before{position: absolute;content: "";width: 1.5rem;height: 0.3rem;background: #eb5a18;top: .4em;left: 27.25%;}
.WholeTop h3 span{color:#0e679f;font-weight:bold;}
.WholeTop p{width:100%;float:left;text-align:center;color:#191007;margin-top:2px;font-size:.8em;}
.WholeTop p img{max-width:31px;margin:0;display:none;}


/**链接到内页**/
.mobileMore{width:100%;float:left;margin-top:8%;}
.mobileMore a{width:40%;height:2.5em;line-height:2.5em;font-size:.85em;color:#584022;border-radius:2em;border:1px solid #ccc;display:block;text-align:center;margin:0 auto;}

.mobileMainOne{height:auto;background:none;}

/**精品案例**/
.mCaseCont,.mCaseShow{width:94%;padding:0 3%;margin-top:5%;float:left;}
.mCaseCont ol li{margin:0 0 5% 0;}
.mCaseCont h3{width:100%;font-size:.8em;line-height:1.5em;text-align:center;}

.caseShowCont{border:none;margin:0;}
.caseShowCont p img{float:left;}

.mIndexCase{width:96%;padding:0 2%;float:left;text-align:center;}
.mIndexCase li{width:100%;margin:0 0 1rem;float:left;}
.mIndexCase li:last-child{margin:0;}
.mIndexCase li img{border:1px solid #ccc;float:left;}
.mIndexCase li h3{width:100%;float:left;font-size:.85em;margin:2px 0 0;color:#333;}

/**关于我们**/
.aboutBridfCont,.mobileHistory{width:94%;padding:0 3%;border:none;}
.aboutImg{margin:3% 0 8%;float:left;}
.aboutBriefing p{line-height:1.8em;font-size:.8em;color:#666;text-align:left;margin-bottom:5%;}

.mAboutOne{width:94%;padding:0 3%;}
.mAboutOne p{width:100%;float:left;font-size:.8em;line-height:2em;color:#6b6b6b;}

/**招聘**/
.recInfo{width:94%;padding:0 3%;float:left;}
.recInfo h3{width:100%;float:left;font-size:1em;font-size:#333;margin:10px 0 0;}
.recInfo h3.title{font-size:1.5em;font-size:#000;font-weight:bold;margin:0;}
.recInfo p{width:90%;float:left;font-size:.8em;color:#444;line-height:30px;margin:10px 0 0;}
.recInfo p.title{width:auto;display:inline-block;float:none;}
section{width:100%;float:left;}

/**服务内容**/
.mService{width:96%;margin:0 2%;}
.mService ul li{width:20%;margin-right:6.6%;float:left;}
.mService ul li p{text-align:center;font-size:14px;}
.mService ul li.active{margin:0;}
.HotlineTel{width:80%;line-height:2.4rem;line-height:2.4rem;display:block;border-radius:2.4rem;font-size:.8em;text-align:center;float:left;border:1px solid #999;margin:30px 10% 0;color:#191007;}
.mService .HotlineTel strong{color:#191007;font-size:18px;font-family: Arial;}

/**新闻**/
.newsIndex{width:96%;margin:0 2%;float:left;}
.newsIndex ol li{width:100%;float:left;border-bottom:1px solid #ccc;padding:0 0 .6rem;}
.newsIndex ol li a{width:100%;display:block;float:left;}
.newsIndex ol li img{width:30%;float:left;}
.newsIndex ol li .newsIndexCont{width:65%;float:right;}
.newsIndex ol li time{display:block;width:100%;font-size:.8em;color:#aaa;float:left;margin:.4rem 0;}
.newsIndex ol li h3{width:100%;font-size:.8em;color:#333;line-height:24px;float:left;}

@media screen and (max-width: 580px)
{
	#nav ul li a{font-size:15px;}
	.newsListCont li p{line-height:20px;}
	.mobileReal section ol li mark{height:8em;}
}
@media screen and (max-width: 450px)
{
	#nav ul li a{font-size:14px;}
	.nav img{max-width:6%;float:left;margin:2% 0 0 75%;}
	.newsListCont li p{line-height:20px;font-size:13px;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:14px;}
	.mobileReal section ol li mark{height:6.2em;}
}
@media screen and (max-width: 400px)
{
	#nav ul li a{font-size:13px;}
	.newsListCont li h3{font-size:14px;}
	.newsListCont li p{line-height:20px;font-size:.7em;}
	
	/**分页**/
	.ProCont ol li h3{font-size:12px;color:#666;text-align:center;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:13px;}
	.mobileReal section ol li mark{height:5.8em;}
	
	.mobileMore a{width:45%;font-size:.7em;}
}
@media screen and (max-width: 350px)
{
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:12px;}
	.mobileHonor ol li h3{font-size:12px;}
	.more{width:30%;margin:0 35% 5%;display:block;font-size:13px;}
	
	.mobileReal section ol li mark{height:4.8em;}
	.mobileMore a{width:60%;font-size:.6em;}
}