html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; background-color:#FFFFFF; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

a{
color:#666666;
text-decoration:none;
}
.blank_8{
width:100%;
height:8px;
font-size:1px;
}
.blank_12{
width:100%;
height:12px;
font-size:1px;
}
img{
border:none;
}

h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.area{
width:100%;
height:30px;
line-height:30px;
font-size:14px;
color:#FFFFFF;
background-color:#2381d4;
overflow:hidden;
margin-bottom:5px;
}

html{ height:100%;}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #333333;background-color:#FFFFFF;}
.home{height:100%;}
.homeiphone_full{height:100%;}
.homeiphone_app{height:116.85%;}

#container{ width:640px; height:auto; margin:auto; position:relative;}

.header { overflow:hidden; width:94%; padding:5px 3% 5px 3%; }
.header h1{ float:left; width:18%; margin:0; padding:0;}
.header h1 img{ display:block; width:100%;}
.header h2{ margin:0; padding:0; float:left; margin-left:3%; font-size:1.6em; color:#499113; margin-top:3%; width:79%;}
.header h2 p{ font-weight:normal; margin-top:0.5em; color:#333; font-size:14px;}

.menu{
float:right;
padding-top:12px;
padding-right:5px;
}
.menu img{
display:inline-block;
}

.top_nav { display: none; background-color:#499113;overflow:hidden; }
.top_nav ul {margin:0; padding:0; list-style:none; }
.top_nav li {float:left; width:100%;background-color:#268819;}

.top_nav li a { color: #ffffff; display: block; font-size:14px; border-bottom: 1px solid #ffffff; text-align:center; width:100%; height:42px; line-height:42px; }
.top_nav li:active{ background-color:#268819;}

.top_nav li:last-child a{ border-bottom:none;}

.isub{
width:100%;
background-color:#ededed;
overflow:hidden;
}
.isub ul{
margin:0;
padding:0;
list-style:none;
}
.isub ul li{
width:100%;
height:30px;
float:left;
line-height:30px;
border-bottom:1px solid #b9b9b9;
text-align:center;
}
.isub ul li.cur{
background-color:#444444;
}
.isub ul li.cur a{
color:#ffffff;
}

.nav{
width:100%;
height:60px;
background-color:#0079d1;
}
a.cd {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height: 33px;
	background-color: #499113;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9F1FF;
}
a.cd:hover {
	color:#ffffff;
	text-decoration: none;
}
a.cd_home {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height: 33px;
	background-color: #499113;
}
a.cd_home:hover {
	color:#ffffff;
	text-decoration: none;
}
a.cd_xia {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height: 33px;
	background-color: #499113;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9F1FF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9F1FF;
}
a.cd_xia:hover {
	color:#ffffff;
	text-decoration: none;
}
a.cd_xia_home {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height: 33px;
	background-color: #499113;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9F1FF;
}
a.cd_xia_home:hover {
	color:#ffffff;
	text-decoration: none;
}


.panels_slider {width: 100%; height:auto; margin:0; padding:0;}
.panels_slider img {max-width: 100%; display: block;}

.dh{width:98%; margin: auto; padding:10px 0 15px 0;}
.dh ul{width:100%; margin:0; padding:0;list-style:none;}
.dh li{width: 30.33%;margin:5px 1.5%;background: #268819;float: left;text-align: center;padding:13px 0;color: #fff;overflow: hidden;border-radius:2px}
.dh li a{color:#fff}
.dh li i{width: 100%;}
.dh li span{width: 100%;line-height: 15px;padding-top:6px;display: block;}
.dh ul .h200{height:200px;padding-top: 60px;background:#72a93d;}
.dh ul .w200{width:63.5%;background:#72a93d;}

.in{
width:100%;
}
.banner{
width:100%;
padding-bottom:1px;
}
.banner img{
width:100%;
display:inline-block;
}
.con_slider{ background-color:#FFFFFF;border-bottom:1px solid #FFFFFF;}
.con_swipe{ width:100%; margin:0 auto; overflow:hidden; position:relative}
.swipe{width:100%;position:relative;z-index:1;-webkit-perspective:1000;-webkit-backface-visibility:hidden;overflow:hidden;}
.swipe ul{ margin:0; padding:0;list-style:none;overflow:hidden;}
.swipe li{ display:block;  float:left;}
.swipe li div{text-align:center; overflow:hidden; width:100%;margin:0 auto;}
.swipe li div img{ width:100%;}
.swipe li div a{ display:inline-block; }

#position{text-align:center;font-size:32px;color:#ccc;display:block;width:100%; text-align:center;}
#position em{display:inline-block;padding:0 1%;font-style:normal;font-family:sans-serif}
#position em.on{color:#ffaa15}
.point{height:22px; line-height:22px; position:relative; position:absolute; bottom:0; left:0; z-index:1; width:100%; margin:0 auto;}

.clear{ clear:both; height:0; overflow:hidden;}

.TT{ overflow: hidden; width: 100%;  text-align: center; padding-top:15px;}
.TT h2{ font-size: 1.2rem; color: #499113; margin:0; padding:0;}
.TT h2 a{ color: #499113}
.TT p{margin:0; padding:0; font-size: 1rem; color: #d2d2d2; margin-top: 0.2rem; font-family: Arial; text-transform: uppercase}
.TT i{ background: url("images/title_line.png") no-repeat center; width: 100%; height: 3px; background-size: 100%; display: block; margin-top: .25rem;}

article{ overflow: hidden; width: 100%; margin-top: 5%; text-align: center}

a.More{margin: .2rem auto;text-align: center;font-size: .9rem;color: #499113;border: 1px solid #499113;padding: .5rem;width: 20%;text-transform: uppercase;border-radius: 5px;display: block;}

.jsfw { overflow:hidden; width:100%; background:url(images/bg01.jpg) repeat center; margin-top:10px; padding-top:10px;}
.jsfw .title{ display:block; width:100%;}
.jsfw .menu{ overflow:hidden; width:100%; margin:0; padding:0; padding-bottom:0.5em; margin-bottom:0.8em;}
.jsfw .menu li{ float:left; width:25%; text-align:center; font-size:16px; color:#fff; line-height:2em; padding:1em 0; position:relative}
.jsfw .menu li:nth-child(1){ background-color:#01b540}
.jsfw .menu li:nth-child(2){ background-color:#06aa3f}
.jsfw .menu li:nth-child(3){ background-color:#08a23a}
.jsfw .menu li:nth-child(4){ background-color:#41b868}
.jsfw .menu li img{ display:none; position:absolute; width:0.7em; left:50%; bottom:-0.3em; margin-left:-0.35em; }
.jsfw .menu li.on{ background-color:#b5b5b5}
.jsfw .menu li.on img{ display:block}
.jsfw .jsBox{ overflow:hidden; width:90%; margin:0 auto; background-color:#fff; padding:2% 0 1% 0; margin-bottom:1.7em;}
.jsfw .jsList{ overflow:hidden; width:100%;}
.jsfw .jsList p{ padding:10px; text-align:justify; font-size:18px; line-height:30px; color:#666; margin:0;}
.jsfw .jsList p img{
width:100%;
display:block;
}


.liuyan { overflow:hidden; width:100%; padding-bottom:2.5em; border-bottom:1px solid #ccc;}
.liuyan h2{ text-align:center; font-size:1.2em; color:#333; margin-bottom:0.5em;}
.liuyan p{ text-align:center; font-size:1em; color:#3f3e3e; margin-bottom:0.5em;}
.liuyan h3{ font-size:1.7em; color:#fff; text-align:center; width:88%; margin:0 auto; padding:0.5em 0; background-color:#499113; margin-bottom:0.8em;}
.liuyan h3 em{ font-size:0.9em}
.liuyan .ph{ display:block; text-align:center; font-size:2.5em; color:#499113; font-weight:bold; margin-bottom:1em;}
.liuyan .ph img{ width:0.8em; margin-right:0.3em}
.liuyan>input{ display:block; width:62%; margin:0 auto; margin-bottom:0.5em; height:3.5em; border:1px solid #999; line-height:3.5em; color:#666; font-size:1em; padding-left:18%;}
.liuyan .comp{ background:url(images/ly01.png) no-repeat left center; background-size:18%;}
.liuyan .name{ background:url(images/ly02.png) no-repeat left center; background-size:18%;}
.liuyan .phone{ background:url(images/ly03.png) no-repeat left center; background-size:18%;}
.liuyan .time{ background:url(images/ly04.png) no-repeat left center; background-size:18%;}
.liuyan .text{ background:url(images/ly05.png) no-repeat left center; background-size:18%;}
.liuyan .btn{ overflow:hidden; width:80%; margin:0 auto}
.liuyan .btn input{ display:block; float:left; width:49%; font-size:1em; color:#fff; background:#8EBA3E; background-size:cover;text-align:center;border:none;height:3.7em; line-height:3em;}
.liuyan .btn a{ display:block; float:right; width:49%; font-size:1em; color:#fff; background:url(images/ly06.png) no-repeat center top; background-size:cover; padding:1.25em 0; text-align:center}

.tjcp{ margin:0; padding:10px 0 0 0; list-style:none;}
.tjcp li{ float:left; text-align:center; width:46%;margin:5px 2% 0px 2%; background-color:#FFFFFF;}
.tjcp li div{ width:98%; height:98%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; border:1px solid #dedede;box-shadow:0px 0px 3px 1px #dedede; background-color:#fff;}
.tjcp li div img{max-width:100%; max-height:100%; display:block; margin:0 auto; vertical-align:middle;}
.tjcp li p{ height:30px; overflow:hidden; line-height:30px; color:#000; margin:0; padding:0;}

.cpfl{
margin:0;
padding:10px 0 0 0;
list-style:none;
}
.cpfl .icon-caret-right {
    color: #014da1;
    display: block;
    float: left;
    font-size: 1.4em;
    line-height: 43px;
	height:43px;
	background:url(images/i.gif) center center no-repeat;
	width:34px;
}
.cpfl li{ float:left; width:45%; margin:0px 2% 10px 2%; border:1px solid #c8c8c8; border-radius:5px 5px 5px 5px; background-image:-webkit-linear-gradient(top,#ffffff, #eeeeee);background-image:linear-gradient(top,#ffffff,#eeeeee);}
.cpfl li a img{ max-height:46%; margin:-2px 5px 0 10px;}
.cpfl li a{ display:block; color:#000; height:43px; line-height:43px; overflow:hidden; font-size:14px;  }


.roll{
width:100%;
padding:2% 0;
overflow:hidden;
}
.roll ul{
margin:0;
padding:0;
list-style:none;
}
.roll ul li{
width:50%;
float:left;
height:auto;
}
.roll ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.roll ul li span img{
width:98%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px #cfcfcd solid;
display:block;
}
.roll ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.honor{
width:100%;
padding:10px 0 2% 0;
overflow:hidden;
}
.honor ul{
margin:0;
padding:0;
list-style:none;
}
.honor ul li{
width:50%;
float:left;
height:auto;
}
.honor ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.honor ul li span img{
width:98%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px #ccc solid;
display:block;
}
.honor ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.nynav{overflow:hidden; padding:0; margin:0; list-style:none; margin-bottom:2%;}
.nynav li{ float:left; width:48%; margin:10px 1% 0 1%; text-align:center; height:34px; line-height:34px; background:#499113;border-radius:5px;}
.nynav li a{ color:#ffffff; font-size:15px; display:block;}
.nynav  .nuw{ background:#e74e41;}
.nynav #nylm{ width:47%; margin:10px 0 0 2%;}

.impervious{
border: 1px solid #e7e7e7;
padding: 5px;
margin:2% 0;
}
.impervious_t{
height:20px;
line-height:20px;
}
.impervious_t{
	font-size:14px;
	display:inline;
	font-weight: bold;
}

.impervious_txt{
line-height:18px;
overflow:hidden;
}

.news{
width:98%;
height:auto;
padding:1%;
overflow:hidden;
}
.news ul{
margin:0;
padding:0;
list-style:none;
}
.news ul li{
width:100%;
height:30px;
border-bottom:1px dashed #cfcfcd;
float:left;
line-height:30px;
float:left;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
.qing{ overflow:hidden; display:block; clear:both; padding-top:10px;}
.cplb{ clear:both;
  margin:0 10px;
  -moz-column-count:2; /* Firefox */  /**把 div 元素中的文本划分为三列。**/
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;  
  -webkit-column-width:50%; /**column-width 属性规定列的宽度。**/
  -moz-column-width:50%;
  -o-colum-width:50%;
  colum-width:50%;  
  -webkit-column-gap:10px; /**column-gap 属性规定列之间的间隔。**/
  -moz-column-gap:10px;
  -o-column-gap:10px;
  column-gap:10px;
  padding:0;
}
.cplb li{
  background:#fff;
  display:inline-block; /**行内块元素。（CSS2.1 新增的值）**/
  width:100%;
  position: relative;
  margin:0 0 10px;
}
.cpltu{ display:block; border-bottom:1px solid #d0d0d0;}
.cpm{ display:block; padding:10px 5px; text-align: center; font-size:14px; color:#000; line-height:18px; background-color:#cecece;white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;}

.article{
width:98%;
margin:0 auto;
height:auto;
overflow:hidden;
}
.A_T{
width:100%;
padding:20px 0 15px 0;
font-weight:bold;
font-size:16px;
text-align:center;
}
.A_D{
width:100%;
text-align:center;
color:#777777;
}
.A_O{
width:100%;
line-height:20px;
padding:8px 0;
overflow:hidden;
}
.A_O img{
width:100%;
display:inline-block;
}
.A_PN{
width:100%;
border-top:1px solid #cccccc;
padding:8px 0;
overflow:hidden;
line-height:20px;
}

.cases{
width:100%;
padding:2% 0;
overflow:hidden;
}
.cases ul{
margin:0;
padding:0;
list-style:none;
}
.cases ul li{
width:33%;
float:left;
height:auto;
}
.cases ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.cases ul li span img{
width:98%;
display:block;
}
.cases ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.footer{
width:100%;
padding:10px 0 60px 0;
text-align:center;
background-color:#5e5e5e;
color:#FFFFFF;
line-height:22px;
}

.tool{
	position: fixed;
	bottom: 0;
	background-color:#499113;
	width: 100%;
	height:50px;
	z-index: 9999;
	_bottom:auto;
	_width: 100%;
	_position: absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	
}

.tl{
width:100%;
text-align:center;
height:50px;
}
.tl a{
width:100%;
height:50px;
line-height:50px;
display:block;
color:#ffffff;
text-decoration:none;
}

.addRess{ overflow: hidden; width: 100%; background: #5e5e5e; padding-bottom: 3.5rem;}
.addRess dl{ overflow: hidden; padding:1%; width: 98%;}
.addRess dl dt{ width: 25%; float: left; margin:0; padding:0;}
.addRess dl dt img{ display: block; width: 100%;}
.addRess dl dd{ width: 72%; float: right;margin:0; padding:0;}
.addRess dl dd h3{ font-weight: normal; font-size: 1rem; color: #fff;}
.addRess dl dd h3 a{ color: #fff; font-weight: bold}
.addRess dl dd p{ font-size: .85rem; color: #fff; line-height: 1.5rem;}
.addRess dl dd p a{ color: #666}
.addRess dl dd p:first-of-type{ margin-top: .3rem;}

.footer_tool { overflow:hidden; width:100%; position: fixed; left:0; bottom:0; background-color:#9fc582; z-index:100}
.footer_tool a{ display:block; width:33%; float:left; text-align:center; font-size:1em; color:#fff; padding:1.2em 0; background:#499113; background-size:cover; margin-right:0.333333333%}
.footer_tool img{ display:inline-block; width:20%; margin-bottom:-6px; margin-right:0.5em}

@media screen and (max-width: 640px) {
#container{width:100%;}
.panels_slider{width:100%; height:100%;}
}