@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px;}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.footer{ width:100%; position:fixed; bottom:0px;}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#666}
* { box-sizing: border-box;}
.fl {float:left}
.fr {float:right}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}


.all{position:relative;z-index:10;right:0;background:#fff url(../images/baby_bg.gif)}
#wrapper{margin:0 auto;width:100%;max-width:640px}

/*头部*/
header{height: 0.79rem; position: relative; width: 100%; z-index: 9999}
header h1{}
header a{display:block; color:#fff;}
header h2{display:inline-block;margin-left:1.5625%; width:83.87%; text-align:center; font-size:18px; color:#fff;}

.header{width:100%;height:0.79rem;position:relative;z-index:9999;}
.head{background: #585858 none repeat scroll 0 0; box-shadow: 0 0 2px rgba(9, 2, 4, 0.55); height: 50px; line-height: 50px; max-width: 640px; min-width: 320px; position: fixed; top: 0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 99;}

.logo{display:inline-block; height:auto; padding-top:5px; text-align:left; float:left; margin-left:2%;font-family: "微软简魏碑";font-size:0.25rem;}
.logo img{ display:inline; height:40px;}




/*导航*/
nav {
	width:220px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	z-index:2
}
.fixed {
	width:220px;
	height:100%;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}

.btn-nav{cursor:pointer;position:absolute;right:0;top:0%;width:16.13%;line-height:none;color:#e84774;background:url(../images/nav.png) no-repeat right center;background-size:auto 36%;height:100%;margin-right:1.5625%}
nav{display:block;position:absolute;top:50px;right:0;z-index:1;width:18em; height:100%;background:#333;}
nav>ul{width:96%;height:auto;margin:0 auto}
nav .panel-son{width:100%;font-style:normal; font-size:12px; font-weight:normal;font-variant:normal;background:url(../images/nav_line.png) no-repeat center bottom}
nav .panel-son>a{display:block;color:#fff;text-align:center;line-height:3;font-size:1.1em}



.naver{
    float:right;
    font-size: 16px;
    cursor: pointer;
    _height:100%;
    color:#fff;
    padding-left:20px;
    padding-right:10px;
  
}
.naver-text{
    *margin-right:10px;
}
.naver-icon{
    display: inline-block;
    margin:8px 0 0 10px;
    height: 38px;
    width:27px;
    background:url(nav.png) no-repeat right center;
	background-size:auto 50%;
    position: relative;
    vertical-align: top;
    *vertical-align: middle;
    *margin:0 0 0 10px;
}

.naver-sub{
    display: none;
    position: absolute;
    top:50px;
    right:0;
    background:#333;
    padding: 14px;
    width:170px;
    clear: both;
}
.naver-sub ul{
    clear: both;
    position: relative;
    overflow: hidden;
    *zoom:1;
}
.naver-sub li{
    position: relative;
    height: 34px;
    line-height: 34px;
    border-bottom:1px solid #585858 ;
    font-size: 14px;
    vertical-align: middle;
	text-align:center;
    bottom:-1px;
    overflow: hidden;
}
.naver-sub a{
    display: block;
    padding:0 20px;
    *padding:0 10px;
    color:#fff;
}
.naver-sub a:before{
    width:5px;
    height:5px;
    position: absolute;
    top:16px;
    left:3px;
    content: ' ';
}



/****广告位****/
.banner{ margin-top:50px;}
.swfra {display:block; width:100%; text-align:center; position:absolute;left:0;bottom:5%}
.swiper-pagination {padding:0; margin:0; display:inline-block; text-align:center!important; bottom:-.05rem!important;background:rgba(255,255,255,.39); padding:0 3%; position:relative!important}
.swiper-pagination {background:0 0}
.swiper-pagination-bullet {border-radius:0; width:.15rem!important; height:.15rem!important; background-color:#ecca34; opacity:1!important;background:#fff}
.swiper-pagination-bullet-active {background:#80746b}
.swiper-pagination-bullet {margin:0 .05rem!important}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-pagination{position:absolute;text-align:right;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;bac/kground:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;}.
swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}

@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}



.more_i{ width:100%; float:left; padding:3% 0 3% 0 ; border-top:1px solid #f39800; margin-top:1% }
.more_i span{ float:left; font-size: 0.24rem; font-weight:bold; color:#f39800; line-height:1.2; padding:0  1% 0 3.75%;}
.more_i a{ float:right;color:#7e7e7e; font-size: 0.2rem; padding:0 3.75% 0 0 ; }

.casei{width:100%;height:auto;overflow:hidden;margin:0 auto; }
.casei li{width:100%;height:auto; margin: 0 auto;overflow:hidden}

.case_i{ width:100%;  margin:0 auto;  padding:0 ;}

.honor_i{  margin:0 auto; width:100%; padding:0 ; }


.honor_i_c{ margin:0 auto; padding:0 0 1% 0;
	 width:100%; 
}
.honor_i_c ul li{ position:relative; 
	width: 44.21875%; 
	float: left;
	text-align: center;
	margin: 1%  0% 1% 3.75%;
}
.honor_i_c ul li img{ width:280px; height:120px;}
.honor_i_c ul li label{ position:absolute; right:0; top:0; width:34.2756%;}
.honor_i_c ul li span{ display:block; color:#1c1c1c; font-size:0.2rem;overflow: hidden;white-space: nowrap; padding:4% 0 0 0;text-overflow:ellipsis;}
.honor_i_h{ margin:0 auto; padding:0  0 2% 0;
	 width:93.75%; 
}
.honor_i_h ul li{ position:relative; 
	width: 32.5%; 
	float: left;
	text-align: center;
	margin: 1.5%    0 0 0.55%;
}
.honor_i_h ul li span{ display:block; color:#000000; font-size:0.2rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; text-align: center;
	margin: 2%   0.5% 0 0.5%;
}


.case_i_c{ padding:1% 0 1% 0; overflow:hidden; height:auto;}
.case_i_c ul li{padding:2.2% 0 2.2% 0; width:100%; display:block; float:left; }
.case_i_c ul li:nth-child(even){ background:#eee;}
.case_i_c ul li a{ float:left; width:90%;color:#282828; border-left:0.03rem solid #f39800 ; margin-left:3.75%; }
.case_i_c ul li h2{ float:left; margin-left:1.5%; line-height:1.3;
	
	font-size: 0.20rem;
	font-weight: normal;
	width: 96%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.case_i_c ul li span{ float:left; line-height:1.5; color:#24222f;
	
	font-size: 0.22rem;
	font-weight: normal;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

/****首页公司简介****/
.about{ width:95%; margin:0px auto; overflow:hidden;}
.aboutl{ width:45%; margin:0px auto; overflow:hidden; float:left;}
.aboutl img{ width:190px; height:100%;}
.aboutr{ width:50%; line-height:22px; float:right;}




/****首页经典案例****/

.casebox { width: 100%; overflow: hidden; margin: 0.2rem auto;}

/*****首页 新闻资讯*****/

.index_news{ width:100%; padding:5% 0 1%; position:relative; border-top:#eaeaea solid 1px;}
.index_news01{ width:93.75%; margin:0 auto;}
.index_news02{ background:#308604; margin-top:5%;}
.index_news02 dl{ overflow:hidden;}
.index_news02 dl dt{ float:left; width:26.7%; height:100%; text-align:center; height:1rem; background:#f4f4f4;}
.index_news02 dl dt img{ height:100%; display:inline; padding:0; margin:0;}
.index_news02 dl dd{ float:left; width:69%; padding-left:3%; color:#fff0e4; font-size:0.19rem;}
.index_news02 dl dd span{line-height:0.4rem; color:#fff; overflow:hidden; font-size:0.22rem;display: inline-block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.alltit{ color:#868686; font-size:0.19rem; text-align:center; text-transform:uppercase; line-height:0.24rem;}
.alltit01{ background:url(../images/tit01.jpg) no-repeat bottom center; background-size:9% auto; font-weight:bold; color:#000; font-size:0.28rem; padding-bottom:2.1%;}
.alltit01 span{ color:#308604;}

.allmore{ width:37.5%; margin:4% auto; 0}
.allmore a{ background:#fff; border:#e0e0e0 solid 1px; display:block; text-align:center; line-height:0.4rem; height:0.4rem; border-radius:0.2rem; color:#8b8b8b;}


.index_news03{}
.index_news03 ul li{ border-bottom:#a7a7a7 dotted 1px; padding-right:8%; background:url(../images/n02.png) no-repeat 98% center; background-size:2.5% auto;}
.index_news03 ul li a{ color:#696969; display:block; line-height:0.54rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.21rem;}


/****页脚版权部分****/
.bottom{ width:100%; text-align:center; background:#585858; overflow:hidden; padding:30px 20px;}
.bottom .logo{ text-align:center;}
.bottom h3{ font-size:20px; color:#fff; padding-bottom:20px;}
.bottom p{ font-size:12px; color:#fff; margin:0 0 05px;}