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;
}

.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{
width:98%;
padding:5px 1%;
overflow:hidden;
}
.header img{
width:100%;
display:inline-block;
}

.menu{
float:right;
padding-top:12px;
padding-right:5px;
}
.menu img{
display:inline-block;
}

.top_nav { display: none; background-color:#0ba43b;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:#111111;
}
a.cd {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:center;
	line-height: 33px;
	background-color: #111111;
	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: #111111;
}
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: #111111;
	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: #111111;
	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{ width:100%; height:auto; display:block;position: relative;}
.TT .icon-angle-right {
    display: block;
    float: left;
    font-size: 1.5em;
    line-height: 35px;
	margin: 0;
    margin-right: 5px;
	border: 0;
    padding: 0;
    font-weight:100;
}
.icon-double-angle-right {
    font-size: 1.2em;
}


.TT h2{
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    background-color:#d3010a;
    height: 35px;
    line-height: 37px;
    overflow: hidden;
    padding: 0 10px;
	border: 0;
    margin: 0;
    font-size: 14px;
    font-weight:100;
}

.TT h2 img{ max-height:30px; margin:-3px 0px 0 0;}
.TT h2 a{ float:right; color:#fff; line-height:35px; font-size:12px;}

/*推荐产品*/
.TT .box_buttom {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #d3010a;
    display: block;
    height: 0;
    margin-left: -15px;
    position: absolute;
    top: 35px;
    width: 0;
    left: 5%;
}
.TT h2.position a{ float:none; font-size:14px;}

.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:#757575;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;
}

.service-box{ width:98%; height:auto; margin:0 auto;}
form input, form button{ font-family:"Hiragino Sans GB W3";}
.service-repair{ font-size:1.4em;}
.service-repair .service-title4{ font-size:1.1em;}
.service-repair p label{ display:inline-block; width:18%;}
.service-repair div,.service-repair p{ margin-bottom:8px;}
.service-repair div label{ display:inline-block; width:18%; padding:5px 0;}
.service-repair .service-register-from{ margin-left:0px;}
.service-repair-ipt1{ display:inline-block; width:80%; height:34px; border:1px solid #DCDCDC;
-moz-box-shadow:2px 1px #F5F5F5 inset; 
-webkit-box-shadow:2px 1px #F5F5F5 inset; 
-o-box-shadow:2px 1px #F5F5F5 inset;
}
.service-repair-ipt2{ width:75%; color:#000;}
.service-repair-ipt1 input{ width:100%; height:100%; background:none; border:none; text-indent:8px; color:#000000; padding:0 2px;}
.service-repair-txt{ width:98%; height:78px; padding:3px; border:1px solid #DCDCDC;
-moz-box-shadow:2px 1px #F5F5F5 inset; 
-webkit-box-shadow:2px 1px #F5F5F5 inset; 
-o-box-shadow:2px 1px #F5F5F5 inset;}
.service-repair .service-register-smt,.service-repair .service-register-rst{ margin-top:10px; margin-bottom:10px;}

span.form-required { color:#DF1B5D; padding-left:1px; }

.service-register-smt{ width:98%; height:42px; color:#fff; margin:30px auto 10px auto; font-weight:bold;
background:#006935;
border:1px solid #006935; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-o-border-radius:2px;}
.service-register-rst{ width:119px; height:42px; margin:75px 0 10px; background:none; font-weight:bold;
border:1px solid #A0A0A0; -moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;}
.service-register .service-register-smt,.service-register .service-register-rst{ margin-top:19px;}

.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:#333333;
	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;
}

@media screen and (max-width: 640px) {
#container{width:100%;}
.panels_slider{width:100%; height:100%;}
}