@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; font:18px/1.5 'Microsoft Yahei'; color:#222; background:#FFF;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre,a{margin:0;padding:0;}
a{ color:#666; text-decoration:none; border:0 none; outline:none;}
img{ border:0 none; padding:0; margin:0; vertical-align: top;}
ul,li{list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.center{ text-align:center;}
html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;	word-wrap: break-word;}
.mainbox{height: 100%;margin: 0 auto;max-width:640px;position: relative;width: 100%;z-index:8;}
.mainboxbg{position:fixed; height:100%; width:100%; top:0; display:none; z-index:9; lter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.6; background:#000;}
body{overflow-x:hidden; height: 100%;margin: 0 auto;max-width: 640px;position: relative;width: 100%;z-index: 8; }
.mr1{ margin-right:1px;}
.mt16{ margin-top:16%;}

/*nav*/
.nav{width:40%; height:100%; padding-top:5%; position:fixed; right:0px; display:none; top:0; z-index:100; background:#222;}
.nav li{text-align:center}
.nav li a{display:block; width:100%; padding:3% 0; color:#fff;}
.nav li a:hover{ text-decoration:none; color:#0081cc;}

/*header*/
#header{vertical-align:middle; position:relative; z-index:10; background:#222; border-bottom:#0081cc solid 3px;}
#header #logo{width: 82.5%;display:inline;float:left;margin: 3%;}
#header #logo img{ width:100%; height:auto;}
#header .flbox{ float:right; display:inline; width:6.25%; cursor:pointer; margin-top:5.7%; margin-right:3%;}
#header .flbox img{ width:100%; height:auto;}
/* banner */
.slideBox{position:relative; max-width:640px; max-height:300px;}
.slideBox img{max-width:640px;  max-height:300px; overflow:hidden; width:100%; height:auto;/* 设置焦点图最大宽度 */}
.slideBox .hd{ position:absolute; right:3%; bottom:3%; height:auto; z-index:100;}
.slideBox .hd li{display:inline; float:left; background:#FFF; -webkit-border-radius:8px; border-radius:8px; text-indent:-9999px; overflow:hidden;  width:8px; height:8px; background-size:100%; margin-left:8px;}
.slideBox .hd li.on{ background:#cac802; background-size:100%; -webkit-border-radius:100px;}
.slideBox .bd{ position:relative; z-index:0;border:0 none; }
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{vertical-align:top; width:100%; max-height:300px; /* 图片宽度100%，达到自适应效果 */}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:40%;  width:45px; height:45px; background:url(../img/l_btn.png) no-repeat; outline:none; background-size:100%;}
.slideBox .next{ left:auto; right:0; background:url(../img/r_btn.png) no-repeat; background-size:100%;}
/*首页关于我们*/
.in_about{ padding:3% 3%; overflow:hidden; clear:both;}
.in_about_img{ width:26.56%; float:left; overflow:hidden; margin:0 3% 1% 0;}
.in_about_img img{ width:100%; height:auto;}
.in_about_tt{ color:#0081cc; font-size:100%;}
.in_about_tt i{ width:0.6%; margin-right:2%;}
.in_about_tt a{color:#0081cc; font-size:100%;}
.in_about_txt{ font-size:70%; line-height:1.8; margin-top:1%;}

.bg01{ background:#292929; padding:4% 0 10% 0; position:relative;}
.ttbg{ height:32px; line-height:32px; width:98%; padding: 0 1%;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; left: 0;bottom: 0;background:#0081cc; z-index: 3; position: absolute;text-align: center;color:#fff; font-size:88%;}
.inexcp{ background: url(../img/cpbg.jpg) center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 20px;}
.inexcp .indextt{ margin: 0 10px; }
.cpzslist{ padding-right: 10px; overflow:hidden; }
.cpzslist li{ display: inline; float: left; text-align:center; width: 50%; margin-top: 10px; }
.cpzslist li a{ display: block;overflow: hidden; margin-left: 10px;}
.cpzslist li a .imgpic img{width: 100%}
.imgautolist li .imgbox{ display: block; background:#333;  overflow: hidden; position: relative; }
.imgautolist li .imgpic{vertical-align: middle;display:table; text-align: center; width: 100%; height: 100%}
.imgautolist li .imgpic span{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.imgautolist li a img{ width: 100%; display:table; vertical-align: middle;}
.title_bg{ background:url(../img/tt.png) center no-repeat; text-align:center; line-height:40px; color:#0081cc; font-size:120%;}
.title_bg i{ font-style:normal; color:#0081cc; margin-left:5px;}
.bg01 .in_more01{ background:#0081cc; color:#FFF; width:24%; text-align:center; padding:1.5% 2%; position:absolute; bottom:-3%; left:37%;font-size:90%;}
.in_more01 a{ color:#FFF; display:block;}
/*首页新闻资讯*/
.in_news_box{ padding:5% 0 10% 0; position:relative;}
.in_news_box .in_more02{ background:#292929; color:#FFF; width:24%; text-align:center; padding:1.5% 2%; position:absolute; bottom:-3%; left:37%;font-size:90%;}
.in_more02 a{ color:#FFF; display:block;}
.news{ padding:2% 3%; background:#FFF}
.news li{ padding:4% 0; border-bottom:#ccc dashed 1px; overflow:hidden; clear:both;}
.page_time_box{ border:#222 solid 1px; width:16%; overflow:hidden; float:left; display:inline; text-align:center; margin-left:2%;}
.page_time_day{ color:#222; overflow:hidden; font-size:170%;}
.page_time_ny{ color:#FFF; line-height:2; overflow:hidden; background:#222; width:100%; display:block; border:0 none; font-size:75%;}
.page_new_con_box{ width:78%; overflow:hidden; float:right; display:inline; color:#666; font-size:70%; line-height:1.8;}
.page_new_con_box a{ color:#222; font-size:130%; line-height:1.8; white-space:nowrap;}
.page_new_con_box p{overflow:hidden;text-overflow:ellipsis; width:100%; }
/*首页经典案例*/
.in_case_box{ background:#f3f3f3; padding:5% 0 0 0;}

#slideBox1{max-width:640px; max-height:260px; position:relative; margin-top:1.5%;}
#slideBox1 img{ margin:auto; height:auto; min-height:260px; max-height:260px; overflow:hidden;}
#slideBox1 li span{ position:absolute; left:0; bottom:0; width:96%; background:rgba(0,0,0,0.8); text-align:left; padding:3% 2%; color:#ccc; font-size:80%; white-space:nowrap;}
#slideBox1 li span a{ color:#FFF; font-size:150%; line-height:1.6; white-space:nowrap;}
/*底部*/
.foc{ position:fixed; z-index:10000; bottom:0; width:100%; max-width:640px; clear:both; background:#FFF;}
.foc span{width:33.17%; text-align:center; background:#222; cursor:pointer; margin-top:1px;}
.foc span img{ width:100%; height:auto; overflow:hidden;}
/*版权*/
.copy{ margin-top:20px;background:#292929; text-align:center; color:#FFF; line-height:2.5; font-size:85%; clear:both;}


.page_nav{background:#292929; font-size:90%; line-height:1.6; overflow:hidden; clear:both; border-bottom:#0081cc solid 1px; zoom:1; padding:2% 0;}
.page_nav li a{ margin:1.2% 1.2% 1.2% 1.2%; float:left; display:inline; background:#444; border-radius:5px; padding:0.8% 2.8%; color:#FFF;}
.page_nav li a.on{ background:#0081cc; color:#fff; }

/*about*/
.xingxi{margin:3% 3% 4% 3%; line-height:1.6; overflow:hidden; clear: both; font-size:88%;}
.author{text-align:center; font-size:80%; padding:0.5% 0 1.3% 0; border-bottom:#aaa dashed 1px; color:#333;}
.xingxi img{width:100%; margin:4% 0; max-width:640px;}
/*翻页*/
.pageListNav{margin:20px 0; width:100%; position:relative; z-index:9999;text-align:center; overflow:hidden; font-size:90%; clear:both;}
.pageListNav a{display:inline-block; color:#FFF; background:#222; text-align:center; text-decoration:none; border:#222 solid 1px; padding:0 2%; border-radius:4px;}
.pageListNav .first{float:left; margin:0 auto;}
.pageListNav span{display:inline-block; overflow:hidden; vertical-align:middle}
.pageListNav span select{position:relative;top:0px;width:65px;height:22px;border:0;color:#000;font-size:1.1em; borbackground:none; text-align:center;}
.con_fy1{text-align:right; margin-top:5%; font-size:90%; overflow:hidden; clear:both; padding:2% 0; color:#333; border-top:#aaa dashed 1px;}
.con_fy1 a{ color:#333;}





.lylb{margin-top:10px; margin-bottom:15px; line-height:21px;}
.lylb dt{background:#76A605; height:25px; line-height:25px; padding:0 10px; font-size:12px; color:#FFF;}
.lylb dd{border:2px #A4C658 solid; padding:5px; margin-top:1px;}
.lylb dd.hf{color:#FF9000;}

.lytj { background: url("../img/tj.gif") no-repeat; border: medium none; cursor: pointer; height: 26px; letter-spacing: 1px;  text-align: center; vertical-align: middle; width: 61px;}
.lycz { background: url("../img/cz.gif") no-repeat; border: medium none; cursor: pointer; height: 26px; letter-spacing: 1px;  text-align: center; vertical-align: middle; width: 61px;}

.intxt{width:250px; height:24px; line-height:24px; border:1px solid #121312; background:#FFFFFF; }
.bor{width:250px; height:150px; line-height:24px; border:1px solid #121312; background:#FFFFFF; }








/*****************响应式布局设置*****************/
@media screen and (max-width:320px){
body{ font-size:12px;}
}

@media screen and (min-width:320px) and (max-width:360px){
body{ font-size:14px;}
}
@media screen and (min-width:360px) and (max-width:480px){
body{ font-size:16px;
}

@media screen and (min-width:480px) and (max-width:640px){
body{ font-size:16px;}
}

@media all and (min-width:640px){
body{width:640px;margin:0 auto;}
body{ font-size:18px!important;}
}
/*分页样式*/
.pglist {
	padding: 25px 0;
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
}
.pglist a {
	color: #fff;
	padding: 0 12px;
	margin: 0 5px;
font-/weight: bold;
	background: #ea7724;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 32px;
	height: 32px;
	padding-bottom: 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pglist .hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a:hover {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
.pglist a.current {
	display: inline-block;
	color: #fff;
	background: #23201d;
}
/*屏蔽uc广告*/
#uc_recommend_ad {
	display: none !important;
}
iframe[src*="ucweb.com"] {
	display: none !important;
}
/*end*/
.pages_zm{padding:70px 0;font-size:14px;text-align:center; overflow:hidden; clear:both;}
.pages_zm ul{display:inline-block;margin:0 auto;padding:0}
.pages_zm ul li{float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:30px;background:#fff;border:1px solid #cfcfcf; }
.pages_zm ul li a{float:left;color:#555;display:block}
.pages_zm ul li:hover{text-decoration:none;color:#fff;border:1px #08954c solid;background-color:#08954c}
.pages_zm ul li:hover a{color:#fff}
.pages_zm ul li:hover a:hover{color:#fff;text-decoration:none}
.pages_zm ul li.thisclass{background-color:#08954c;color:#fff;border:1px #08954c solid}
.pages_zm ul li.thisclass a{color:#fff}
.pages_zm .pageinfo{line-height:30px;padding-left:5px;}
.pages_zm strong{font-weight:400}