@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,b,strong,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;font-family:"微软雅黑";}
body,html,input{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}
	h2{font-size:26px;}
	h3{font-size:18px; }
	h4{font-size:16px;}
	h5{font-size:14px;}
	h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#222;}
a{outline:none;}/* 在 FF 中 */ 
a{blr:expression(this.onFocus=this.blur());}/* 在 IE 中 */
a:hover{text-decoration:underline;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray,a.gray{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}.grey{ color:#ccc;}
select optgroup{color:#CAC8BB;}
header{ display:block}

/*通用样式*/
.hidden{display:none;}
.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.main{display:inline-block;}
/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}
.clear,.main{display:block;}

.f12{font-size: 12px}
	.f14{font-size: 14px}
	.f16{font-size: 16px}
	.f18{font-size:18px}
	.f20{font-size:20px}
.lh20{line-height: 20px}
	.lh22{line-height: 22px}
	.lh24{line-height: 24px}
	.lh26{line-height: 26px}
	.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}
	.bk6{height: 6px}
	.bk8{height: 8px}
	.bk10{height: 10px}
	.bk15{height: 15px}
	.bk20{height: 20px}
	.bk30{height: 30px}
.row-2 li{ float:left; width:50%}
	.row-3 li{ float:left; width:33%}
	.row-4 li{ float:left; width:25%}
	.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}
	.text-l{text-align: left}
	.text-r{text-align: right}
.fl{float: left}
	.fr{float: right}
.pr{ position:relative}
	.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
	.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
	.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
	.col-auto{overflow:hidden;_zoom:1;_float:left;}
	.col-right{float:right}
/* CSS Document */

.mb10{ margin-bottom:10px!important;}
	.mb20{ margin-bottom:20px!important;}
	.mb30{ margin-bottom:30px!important;}
.mt10{ margin-top:10px!important;}
	.mt20{ margin-top:20px!important;}
	.mt30{ margin-top:30px!important;}
.mr10{ margin-right:10px!important;}
	.mr20{ margin-right:20px!important;}
	.mr30{ margin-right:30px!important;}
.ml10{ margin-left:10px!important;}
	.ml20{ margin-left:20px!important;}
	.ml30{ margin-left:30px!important;}
.form{}
.span1{ width:10%;}
	.span2{ width:20%;}
	.span3{ width:30%;}
	.span4{ width:40%;}
	.span5{ width:50%;}
	.span6{ width:60%;}
	.span7{ width:70%;}
	.span8{ width:80%;}
	.span9{ width:90%;}
/* 头部导航 Start */

#header {width: 100%; min-width:1100px; height:140px; margin:0px auto; border-bottom:5px solid #aac5f0;}
#header .header {width: 1100px;margin: 0px auto; }
#header .header .logo { width:auto; float: left; padding-top:20px; }
#header .header .phone{ float:right; font-family:"微软雅黑"; padding-top:10px;}
#header .header .phone b { width:auto; color: #666666; font-weight:300; font-size:12px;  }
#header .header .phone span { width:auto; font-size:40px; color:#0758d7; font-family:"黑体"; font-weight:bolder; }
#header .header .headerRight{ width:800px; float:right; position:relative; }
.nav { height:100%; width:auto; float:right; margin:0 auto; font-family:"微软雅黑"; line-height:36px; position:absolute; top:66px; right:0px; }
.nav ul { height:100%; width:100%; float:left; font-size:14px; border-top:3px solid #f2f2f2;}
.nav ul li { height:100%; width:auto; float:left; position:relative; display:block; text-align:center; margin:0px 20px; padding-top:12px; margin-top:-3px; border-top:3px solid #f2f2f2; }
.nav ul li.ahover,
.nav ul li:hover { border-top:3px solid #0171d7; }
.nav ul li.ahover a{ color:#0171d7; }
.nav ul li>a { height:100%; width:auto; float:right; color:#000; text-decoration:none;} 

/*#Nav LI.s {display: inline; float: left; width: 8px; color: #517b55; line-height: 35px; height: 35px; text-align: center}*/
.nav-box .multiUl LI BLOCKQUOTE { width:114px; display: none; z-index: 201; left:-28px; position: absolute; top: 48px; height: auto; border-radius:10px; background:#f2f2f2;}
.nav-box .multiUl LI BLOCKQUOTE .ChildNavIn {padding-right: 0px; padding-left: 0px; overflow: hidden; width: 100%; color: #dee6e9; height: auto; text-align: center; }
.nav-box .multiUl LI BLOCKQUOTE .ChildNavIn a{ display: block; float: left; width: 100%; color: #0a67d1; line-height: 24px; border-bottom: #ddd 1px solid; text-align: center; font-size:12px;  line-height:36px;}
.nav-box .multiUl LI BLOCKQUOTE a:hover {background: #0a67d1; color: #fff!important; text-decoration:none;}
.nav-box .multiUl #TopNavDept {}
.nav-box .multiUl #TopNavDept BLOCKQUOTE {display: none; left: -254px}
.nav-box .multiUl #TopNavDept BLOCKQUOTE .ChildNavIn {background: #1b453b; width: 1100px}
/* 头部导航 End */

/* Banner Start */
#banner { height:400px; width:100%; min-width:1100px;  margin:0px auto; overflow:hidden;  }
#banner .banner { height:400px; width:1100px; margin:0px auto; border-bottom:1px solid #fff; padding:0px 0px 0px 0px;}
/* Banner End */

/* 主体 Start */
#mainBox { height:auto; width:100%; min-width:1100px; margin:0px auto; overflow:hidden; /*background-color:#fcfcfc; background:url(../images/mainbg.png) repeat-y center;*/ }

/* 主体 End */

/* 底部 Start */
#footer { width:100%; min-width:1100px; margin:0 auto; overflow:hidden;}
#footer .footerUp{ width:auto; padding:50px 0px; margin:0 auto; background:#171717; overflow:hidden;}
#footer .footerUp .footer{ width:1100px; margin:0px auto; }
#footer .footerUp .footer .footer-product{ width:170px; float:left; }
#footer .footerUp .footer .footer-contact{ width:450px; padding-left:50px; }
#footer .footerUp .footer .footer-contact .icon{ width:24px; height:24px; float:left; }
#footer .footerUp .footer .footer-contact .icon-location{ background:url(../images/icon-location.png) 0px 6px no-repeat;}
#footer .footerUp .footer .footer-contact .icon-phone{ background:url(../images/icon-phone.png) 0px 6px no-repeat;}
#footer .footerUp .footer .footer-contact .phone{ font-size:30px;}
#footer .footerUp .footer .footer-wechat{ width:auto; float:right; padding-left:30px; }
#footer .footerUp .footer dl{ color:#fff; font-size:14px; font-family:"微软雅黑"; line-height:28px;}
#footer .footerUp .footer dl dt{ margin-bottom:10px; }
#footer .footerUp .footer dl dd{ color:#777777;}
#footer .footerUp .footer dl a{ color:#777777;}
/*#footer .footer ul { height:40px; width:50%; float:left;}
#footer .footer ul li { height:40px; width:auto; float:left; line-height:40px;color:#f3f3f3;}
#footer .footer ul li span { height:auto; width:40px; float:left; text-align:center;}
#footer .footer a { color:#fff;}*/
#footer .footerDown{ width:auto;margin:0px auto; background:#343434; overflow:hidden; }
#footer .footerDown .footer{ width:1100px; padding:20px 0px;  margin:0px auto; background:url(../images/logo-footer.png) left no-repeat; color:#777777; overflow:hidden;  }
#footer .footerDown .footer .copyright { float:left; text-align:left; text-indent:70px;}
#footer .footerDown .footer .techSupport { float:right; text-align:right;}
#footer .footerDown .footer a{ color:#777;}
/* 底部 End */

/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ width:100%; height:100%; display:block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/* online service start */
*body {
    background-attachment: fixed;
    background-image: url(about:blank); /* 必须地，防抖动 */
}
.online{ right:0;top:220px;width:190px;height:auto;position:fixed; font-size:12px; z-index:9999;}
.online_default {display:block;/*right:0;top:220px;cursor:pointer;position:fixed;*/
	float: right;
	height: 50px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	top: 200px;
	cursor: pointer;
	right: 0px;
/* 兼容IE6不支持 fixed */
_position: absolute;
_right: auto;
_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 0)||0)-(parseInt(this.currentStyle.marginBottom, 0)||100)));

}
.online_hover{display:none;/*left:0;width:190px;position:absolute;height:auto;float:right; display: none;*/
	float: right;
	height: auto;
	overflow: hidden;
	width: 190px;
	position: fixed;
	top: 200px;
	cursor: pointer;
/* 兼容IE6不支持 fixed */
right: 0px;
_position: absolute;
_right: auto;
_left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||0));
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 100)||100)-(parseInt(this.currentStyle.marginBottom, 100)||100)));
}
online_hover img{ width:10px; height:10px; float:left;}
	.default_type{ background:url(../images/online_default.png) no-repeat;width:30px;height:151px;}
	.online_hover_left{float:left;}
	.online_hover_right{ width:160px; height:auto; overflow:hidden; float:left;}
	.online_txt_top{ width:160px; height:15px; background:url(../images/online_hover.png) no-repeat top left ; overflow:hidden;}
	.online_txt{ width:150px; height:auto; padding-left:10px; overflow:hidden; line-height:28px; background:url(../images/online_hover_m.png) repeat-y left;}
	.online_txt_bottom{ width:160px; height:15px; background:url(../images/online_hover.png) no-repeat bottom left ;overflow:hidden;}
/* end online service */


.to_top {
	background: url("../images/gotop.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 50px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	bottom: 20px;
	cursor: pointer;
	right: 20px;
	_position: absolute;
	_right: auto;
 _left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.feedback{
background: url("../images/feedback.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 25px;
	overflow: hidden;
	width: 50px;
	position: fixed;
	bottom: 5px;
	cursor: pointer;
	right: 20px;
	_position: absolute;
	_right: auto;
 _left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
 _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}


/*下面是对联广告的css代码*/
.duilian{top:60px;position:absolute; width:102px; overflow:hidden; display:none; z-index:999;}
.duilian_left{ left:5px;}
.duilian_right{right:5px;}
.duilian_con{border:#CCC solid 1px; width:100px; height:auto; max-height:450px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}

/*弹窗样式*/
.modal {
display: none;
width: auto;
border: solid 10px rgba(207,207,207,0.3);
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
z-index: 9999!important;
}

.modal { -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */
background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: padding; /* Firefox 3.6 */
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-background-clip: content; /* Firefox 3.6 */ -webkit-background-clip: content; /* Safari 4? Chrome 6? */
background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ } 

.modal a.close-modal {position: absolute;top: -22px;right: -22px;display: block;width: 30px;height: 30px;text-indent: -9999px;background: url(../images/close.png) no-repeat 0 0;}

.modal-spinner {display: none;width: 64px;height: 64px;position: fixed;top: 50%;left: 50%;margin-right: -32px;margin-top: -32px;background: url(../images/spinner.gif) #111 no-repeat center center;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;}
/*返回顶部*/
#elevator_item {width: 60px;height: 100px;position: fixed;right: 0px;bottom: 5px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;}
#elevator_item.off {opacity: 0;visibility: hidden}
#elevator {display: block;width: 60px;height: 50px;background: url(../images/icon_top.png) center center no-repeat;background-color: #444;background-color: rgba(0,0,0,.6);border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;margin-bottom: 10px}
#elevator:hover {background-color: rgba(0,0,0,.7)}
#elevator:active {background-color: rgba(0,0,0,.75)}
#elevator_item .qr {display: block;width: 60px;height: 40px;border-radius: 2px;box-shadow: 0 1px 3px rgba(0,0,0,.2);cursor: pointer;background: url(../images/icon_code.png) center center no-repeat;background-color: #444;background-color: rgba(0,0,0,.6)}
#elevator_item .qr:hover {background-color: rgba(0,0,0,.7)}
#elevator_item .qr:active {background-color: rgba(0,0,0,.75)}
#elevator_item .qr-popup {width: 170px;height: 200px;background: #fff;box-shadow: 0 1px 8px rgba(0,0,0,.1);position: absolute;left: -180px;bottom: 0;border-radius: 2px;display: none;text-align: center}
#elevator_item .qr-popup .code-link {display: block;margin: 10px;color: #777}
#elevator_item .qr-popup .code {display: block;margin-bottom: 10px}
#elevator_item .qr-popup .arr {width: 6px;height: 11px;background: url(../images/code_arrow.png) 0 0 no-repeat;position: absolute;right: -6px;bottom: 14px}




#main{ min-width:1100px; }
#main .main{ width:1100px; height:auto; margin:0px auto; }

.porduct{ width:1100px; height:620px; margin:0px auto; overflow:hidden; }
.porduct .porductLeft{ width:272px; height:600px; float:left; background: url(../images/index-product.png) center bottom no-repeat; margin-top:10px;}
.porduct .porductLeft ul{ width:210px; height:auto; margin:60px 0px 0px 40px; overflow:hidden; background: url(../images/index-product-ul.png) center center repeat-y; padding:10px 0px; }
.porduct .porductLeft ul li{ line-height:40px; width:190px; text-indent:30px; font-size:14px;  }
.porduct .porductLeft ul li:hover,
.porduct .porductLeft ul li.hover{ background:#eb690a;}
.porduct .porductLeft ul li:hover a,
.porduct .porductLeft ul li.hover a{ color:#fff;}
.porduct .porductLeft ul li a{ width:100%; display:block; text-decoration:none; }
.porduct .porductRight{ width:800px; float:right; }
.porduct .porductRight .subject{ width:auto; margin:0px auto; clear:both; padding-top:10px;  }
.porduct .porductRight .subject .title{ width:aut; float:left;}
.porduct .porductRight .subject .title b{ font-size:60px; font-weight:300; color:#eb690a;  }
.porduct .porductRight .subject .title span{font-size:18px; font-weight:100; color:#eb690a; margin-left:-15px; }
.porduct .porductRight .subject .title Strong{font-size:24px; font-weight:300; color:#0758d7; margin-left:20px;}
.porduct .porductRight .subject .search{ width:300px; float:right; margin-top:30px; padding-right:25px; }
.porduct .porductRight .subject .search form{ margin:10px auto; width:90%; border-radius:8px; background:#dedede;  overflow:hidden; }
.porduct .porductRight .subject .search form .keywords{ width:80%; float:left; background:none; height:30px; border:none; text-indent:10px; outline:none; }
.porduct .porductRight .subject .search form .submit{ width:20%; float:right; height:32px; background:url(../images/sidesearch.png) 0px -4px no-repeat; border:none; cursor:pointer; outline:none;}
.porduct .porductRight .list{width:auto; margin:0px auto; clear:both; padding-top:30px; padding-bottom:0px; height:210px; width:780px; overflow:hidden; }
.porduct .porductRight .list ul{ float:left; }
.porduct .porductRight .list ul li { width:240px; height:210px; float:left; margin:0px 16px 30px 6px;}
.porduct .porductRight .list ul li span { width:240px; height:204px; float:left;}
.porduct .porductRight .list ul li span img { width:240px; height:180px;}
.porduct .porductRight .list ul li span p { height:196px; width:100%; text-align:center; padding-top:8px; font-family:"微软雅黑"; }
.porduct .porductRight .list ul li span p a { color:#333; font-size:14px; font-weight:300; }

.process{ width:auto; height:514px; margin:0px auto; background: url(../images/index-process.png) center center no-repeat;}
.process .phone{ width:40%; float:left; color:#fff; font-size:22px; }
.process .phone img{ width:248px; margin-top:150px;}
.process .phone p{ width:auto; text-align:left; display:inline-block; font-size:18px; font-weight:200; padding:10px 0px; border-bottom: 1px solid #444c51;}
.process .phone p.tel{ border-bottom:none;}
.process .phone span{ width:auto; float:left; font-size:14px; padding-top:10px; text-indent:0px;}
.process .phone b{ width:auto; float:left; font-size:24px; text-indent:30px;}
.process .step{ width:60%; float:left; }
.process .step ul{ margin-top:100px;}
.process .step ul li{ width:220px; float:left; color:#fff;}
.process .step ul li b{ width:28px; float:left; font-size:22px; border-bottom:2px solid #eb690a; padding-bottom:10px; margin-right:12px; }
.process .step ul li p{ width:100px; float:left;}
.process .step ul li p strong{ display:block; font-weight:100; line-height:14px; font-size:12px; color:#777777;}
.process .step ul li p span{ display:block; line-height:40px; font-size:14px; font-weight:bold; }
.process .step ul li p i{ width:10px; height:2px; border-bottom:2px solid #eb690a; display:block;}
.process .step ul li:nth-child(1){ margin-top:60px; margin-bottom:0px;}
.process .step ul li:nth-child(2){ margin-top:30px; margin-bottom:30px;}
.process .step ul li:nth-child(3){ margin-top:0px; margin-bottom:60px;}
.process .step ul li:nth-child(4){ margin-top:60px; margin-bottom:0px;}
.process .step ul li:nth-child(5){ margin-top:30px; margin-bottom:30px;}
.process .step ul li:nth-child(6){ margin-top:0px; margin-bottom:60px;}

.special{ width:auto; height:600px; margin:0px auto; }
.special .left{ width:60%; height:100%; float:left; overflow:hidden; background: url(../images/index-special-img.png) 180px 100px no-repeat;}
.special .left ul{}
.special .left ul li{ padding-left:60px; background: url(../images/index-special-icon-2.png) left top no-repeat; margin:20px 0px 80px 0px; }
.special .left ul li h4{}
.special .left ul li h4 b{ font-weight:300; line-height:30px; font-size:30px; color:#0758d7;}
.special .left ul li h4 span{ font-weight:300; line-height:26px; font-size:12px; color:#0758d7;}
.special .left ul li h5{ font-size:14px; font-weight:600; color:#333; }
.special .left ul li:nth-child(1){ margin-left:250px; background: url(../images/index-special-icon-1.png) no-repeat;}
.special .left ul li:nth-child(2){ margin-left:0px;}
.special .left ul li:nth-child(3){ margin-left:40px; margin-top:120px; }
.special .left ul li:nth-child(4){ margin-left:250px;}
.special .right{ width:40%; float:left; overflow:hidden; padding-top:60px;}
.special .right .title{ width:auto; display:block; float:right; clear:both; }
.special .right .title b{ width:32px; display:inline-block; line-height:28px; font-size:30px; font-weight:200;}
.special .right .title span{ width:auto; display:inline-block; font-size:80px; line-height:80px; color:#eb690a; font-family:Verdana, Geneva, sans-serif;  }
.special .right .title p{ width:auto; display:inline-block; }
.special .right .title p em{ display:block; line-height:12px; font-size:10px; font-weight:100; color:#9f9f9f;}
.special .right .title p strong{ display:block; font-size:30px; }
.special .right .content{ width:100%; display:block; float:left; clear:both; border-top:3px solid #e8e8e8; margin-top:30px; }
.special .right .content h3{ float:left; font-size:24px; color:#eb690a; padding:30px 0px 30px 0px; display:block;  }
.special .right .content p{ float:left; display:block; font-size:16px; padding:4px 0px; color:#555555; }
.special .right .content p.specialBanner{ width:550px; height:92px; margin-top:28px; background: url(../images/index-special-banner.png) no-repeat;}
.special .right .content p.specialBanner b{ display:block; text-indent:90px; color:#fff; padding-top:14px; font-size:14px;}
.special .right .content p.specialBanner span{ display:block; text-indent:90px; color:#fff; font-size:24px; }

.effect{ width:auto; height:328px; margin:0px auto; background: url(../images/index-effect.png) center center no-repeat; overflow:hidden; }
.effect .phone{ padding-top:0; padding-left:80px; color:#fff; font-size:22px; }
.effect h1{ font-size:32px; color:#eb690a; padding:50px 0px 20px 0px; text-align:center;}
.effect h2{font-size:20px; color:#eb690a; padding:0px 0px 20px 0px; text-align:center; font-weight:300; }
.effect .step{}
.effect .step ul{ width:800px; margin:0px auto; border-top:3px solid #eb690a; margin-top:50px; }
.effect .step ul li{ width:130px; float:left; margin-top:-22px; text-align:center;  }
.effect .step ul li b{ height:40px; width:40px; line-height:40px; margin:0px auto; background:#eb690a; border-radius:50%; clear:both; display:block; color:#fff; font-size:18px; }
.effect .step ul li span{ color:#eb690a; clear:both; font-size:14px; margin-top:10px; display:block; }

.case{ width:auto; height:auto; margin:0px auto; overflow:hidden; clear:both; }
.case h1{ padding:60px 0px; text-align:center; font-size:30px; font-family:"微软雅黑"; color:#eb690a;}
.case ul{ width:100%; margin:0px auto; overflow:hidden; }
.case ul li{ width:33.3%; float:left; }
.case ul li .box{ width:auto; height:350px; margin:4px; border:3px solid #e9e9e9; }
.case ul li .box img{ width:100%; height:240px;}
.case ul li .box b{ display:block; width:auto; text-align:left; font-size:16px; padding:15px 15px;}
.case ul li .box p{ padding:0px 15px 0px 15px; height:40px; overflow:hidden; text-align:left; color:#666666; line-height:20px; }
.case ul li .box a{ text-decoration:none;}
.case .btn{ width:197px; height:42px; display:block; margin:40px auto ;background: url(../images/index-case-btn.png) no-repeat; color:#fff; text-indent:40px; text-decoration:none; font-size:14px; line-height:42px; }

.company{ width:auto; height:655px; margin:0px auto; background: url(../images/index-company.png) repeat-x; overflow:hidden; clear:both; }
.company h1{ padding:60px 0px; text-align:center; font-size:30px; font-family:"微软雅黑"; color:#fff;}
.company .description{ width:800px; height:130px; margin:0px auto 40px auto; font-size:14px; color:#fff;  }
.company .description p{ text-indent:2em; line-height:24px; }
.company ul{ width:100%; margin:0px auto; overflow:hidden; }
.company ul li{ width:20%; float:left; }
.company ul li .box{ width:auto; height:280px; margin:6px; border:6px solid #e9e9e9; }
.company ul li .box img{ width:100%; height:100%;}

.news{width:auto; height:auto; margin:30px auto; overflow:hidden; clear:both;}
.news .left{ width:260px; height:327px; float:left; background: url(../images/index-news.png) no-repeat; color:#fff; }
.news .left b{ font-size:36px; padding:80px 0px 0px 30px; display:block; }
.news .left span{ display:block; font-size:24px; padding-left:30px; font-family:"微软雅黑"; }
.news .left a{ color:#fff; padding:8px 15px; border:1px solid #fff; border-radius:5px; clear:both; display:inline-block; margin-top:30px; margin-left:30px; text-decoration:none;}
.news .middle{ width:510px; height:auto; float:left;}
.news .middle ul{ width:100%; margin:0px auto; overflow:hidden; }
.news .middle ul li{ width:100%; float:left; border-bottom:1px dashed #ddd; }
.news .middle ul li p{ width:auto; float:left; padding:10px; }
.news .middle ul li p span{ font-size:36px; color:#0758d7; display:block; clear:both; line-height:40px; padding-top:4px;  }
.news .middle ul li p em{ font-size:12px; color:#0758d7; display:block; clear:both; line-height:16px;  }
.news .middle ul li p b{ font-size:16px; color:#0758d7; display:block; clear:both; padding:10px 0px 6px 0px; font-weight:300; }
.news .middle ul li p strong{ font-size:12px; color:#929292; display:block; clear:both; font-weight:100; }
.news .middle ul li p a{ text-decoration:none;}
.news .right{ width:300px; height:auto; float:right;}
.news .right .title{ width:100%; display:block; overflow:hidden; }
.news .right .title p{ width:auto; float:left;}
.news .right .title p span{ font-size:24px; display:block; clear:both; }
.news .right .title p b{ font-size:12px; display:block; clear:both; color:#939292; }
.news .right .title a{ width:auto; float:right; color:#939292; font-size:12px; text-decoration:none; font-family:"微软雅黑"; padding-top:34px;}
.news .right ul{ width:100%; margin:0px auto; overflow:hidden; margin-top:10px; }
.news .right ul li{ width:100%; float:left; border-bottom:1px dashed #ddd; padding:8px 0px; line-height:24px; }
.news .right ul li b{ font-weight:300;}
.news .right ul li b i{ background:#000; color:#fff; padding:0px 2px; font-style:normal; font-weight:300; border-radius:2px; margin-right:10px;  }
.news .right ul li p{}
.news .right ul li p i{ background:#0758d7; color:#fff; padding:0px 2px; font-style:normal; font-weight:300; border-radius:2px; margin-right:10px; }
.news .right ul li a{ text-decoration:none; }
.flink{}
.flink ul{}
.flink ul li{ float:left; padding:5px 15px; line-height:30px; }
.flink ul li:nth-child(1){ padding-top:0px; padding:0px;}
.flink ul li a:hover{ color:#eb690a;}



#mainBox .mainBox{ width:1100px; height:auto; margin:0px auto; overflow:hidden;}
/* 主体-左侧 */
#mainBox .mainBox .left{height:auto; width:24%; float:left;}
	.left .side { height:auto; width:100%; float:left; width:270px;}
	.left .side h3{height:auto; width:100%; color:#003f98; font-size:18px ; text-align:center; font-weight:600; border-bottom:4px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-top:25px; line-height:36px; background:#f2f6f7; overflow:hidden;}
	.left .side li{ height:auto; width:270px; color:#222; font-size:14px ; font-weight:600;  margin-top:10px; line-height:36px;background:#f2f6f7; text-indent:76px;}
	.left .side li a{ display:block; text-decoration:none; font-weight:100;}
	.left .side li a span{ padding-left:15px; font-family:'黑体';}
	.left .side .on{ color:#fff; font-weight:600; background:#003f98;}
	.left .side .on a{ color:#fff;}
	.left .side .sidebox { height: auto; width:100%; border-radius:3px; background:#f2f6f7; margin-top:40px; }
	.left .side .sidebox h3{ border-bottom:2px solid #003f98; line-height:36px; text-indent:10px; color:#003f98;}
	.left .side .sidebox p { padding:0px 10px;  color:#666; text-align:left; line-height:30px;}

	.sideCommon{ width:260px; height:auto; padding:0 0 8px; text-align:left; overflow:hidden; }
	.sideCommon .sideCommonCont{background:#f9f9f9; border:4px #e4e4e4 solid; border-radius:10px;}
	.sideCommon .sideCommonContList{padding:10px 0 20px 12px;}
	.sideCommon .sideCommonCont h2{ font-family:"Microsoft YaHei";clear:both;height:50px;background:#eb690a; border-top-left-radius:10px;border-top-right-radius:10px;}
	.sideCommon .sideCommonCont h2 b{ display:block;padding:17px 0 0 56px; line-height:18px;height:24px; overflow:hidden; font-size:18px;
	background:url(../images/product_logo.png) 11px 14px no-repeat;}
	.sideCommon .sideCommonCont h2 span{ display:block; text-transform:uppercase;padding:0 0 0 50px; line-height:16px; text-transform:uppercase; font-size:16px; font-weight:100; color:#93accf; font-family:Didot;}
	.sideCommon .sideCommonCont h2 a,.sideCommonCont h2 a:hover{ color:#fff;}
	.sideCommon .sideCommonCont h3{clear:both;margin:0 0 4px;padding:0 0 0 35px;height:29px; line-height:29px;font-size:14px;background:url(../images/product_list_bg.png) left top no-repeat; clear:both;}
	.sideCommon .sideCommonCont h3 a,.sideCommonCont h3 a:hover{ color:#fff; text-decoration:none;}
	.sideCommon .sideCommonCont ul{padding:3px 0 10px;}
	.sideCommon .sideCommonCont .listText li{ line-height:36px;height:36px;padding:0 0 0 12px; vertical-align:top; overflow:hidden; background:url(../images/product_list_li.gif) no-repeat 22px 14px; }
	.sideCommon .sideCommonCont .listText li.hover,
	.sideCommon .sideCommonCont .listText li:hover{background:url(../images/product_list_bg.png) left 4px no-repeat;}
	.sideCommon .sideCommonCont .listText li a{color:#eb690a; font-size:14px; display:block;padding:0 0 0 24px; }
	.sideCommon .sideCommonCont .listText li.hover a,
	.sideCommon .sideCommonCont .listText li a:hover{ color:#fff; text-decoration:none;}
	.sideCommon .sideCommonCont .listImg {}
	.sideCommon .sideCommonCont .listImg a{ display:block; width:100%; text-align:center; line-height:30px; overflow:hidden;}
	.sideCommon .sideCommonCont .listImg a img{ width:184px; height:148px; border:2px solid #eee; margin-top:10px; float:left; display:block;}
	
	.sideCommon .sideCommonCont .lst{ background:none;}
	.sideCommon .sideCommonCont p{ line-height:24px;}
	.sideCommonContList .hotline{ width:100%; overflow:hidden; color:#0359a7; font-size:18px; font-family:"微软雅黑"; padding:10px 0px;}
	.sideCommonContList .hotline span{ font-size:14px;}

/* 主体-右侧 */
#mainBox .mainBox .right{height:auto; width:73%; float:right; color:#000; font-size:12px;}
	/* 主体-右侧-当前位置 */
	.right .website{ width:100%; height:40px; border-bottom:1px dashed #ddd; line-height:40px; overflow:hidden; padding-top:20px;}
	.right .website .title{ width:40%; height:auto; float:left; font-size:18px; color:#0758d7; font-weight:bold;font-family:"微软雅黑";}
	.right .website .site{width:60%; height:auto; float:right; text-align:right;}
	.right .website .site em{ color:#fcfcfc;}
	
	/* 主体-右侧-分类标题 */
	.right .category{ width:100%; height:auto; float:left; line-height:40px; background:#ddd; border-radius: 5px; margin-top:10px;}
	.right .category b{ text-indent:10px; color:#0359a7; font-size:16px;}
	.right .category span{ }

	/* 主体-右侧-文章 */
	.right .article .title{ width:100%; height:50px; width:100%; text-align:center; line-height:50px; font-family:"微软雅黑"; font-size:20px; color:#222; padding:20px 0px 10px 0px;}
	.right .article .author{ width:100%; text-align:center; color:#222;}
	.right .article .cut-line{ width:100%; height:10px; float:left; border-bottom:4px solid #f2f6f7;}
	.right .article .content{ width:100%; line-height:28px; color:#222; font-size:14px; margin-top:20px; }

	/* 主体-右侧-列表 */
	.lists{ /*margin-top:15px;*/ padding:10px 0px; line-height:30px; background:#fff; border-radius: 10px; border: 1px solid #f2f6f7; overflow:hidden;}
	/* 文字列表(标题+时间) */
	.lists ul{padding:0; margin:0; width:100%;}	
	.lists ul li{ padding:0; margin:0; height:34px; line-height:34px; font-size:14px; text-indent:24px; display:block;}
	.lists ul li{ border-bottom:#e7e7e7 1px dashed;background:url(../images/icon-dot.png) no-repeat 10px 16px; overflow:hidden; }
	.lists ul li span{width:85%; float:left; text-align:left; font-size:14px; color:#000; }
	.lists ul li b{width:15%; float:left;text-align:right; font-size:12px; color:#999; font-weight:100;margin-left:-10px;}	
	.lists ul li a:hover{ color:#003f98;}
	
	/* 图文列表（上下） */
	.lists .img-up{width:25%; height:220px; float:left; text-align:center; padding:0px 0px 5px 0px;}
	.lists .img-up .img{ width:180px; height:120px; margin:0px auto; background:#f2f2f2; }
	.lists .img-up .img a img{width: 180px; height: 120px;}
	.lists .img-up .img img{width: 180px; height: 120px;}
	.lists .img-up .text{width:150px; height:auto; display:block; margin:auto;line-height:22px; overflow:hidden; padding-top:4px;}
	.lists .img-up a:hover{ color:#003f98;}
	
	/* 图文列表（左右） */
	.lists .img-left{width:100%; height:auto; float:left; display:block; padding:15px 0px 15px 0px; border-bottom:1px dashed #ddd;}
	.lists .img-left .img{ width:35%; height:auto; float:left; display:inline; text-align:center;}
	.lists .img-left .img img,.lists .img-left .img a img{ /*max-width: 170px; max-height: 170px; expression(this.width > 170 ? 170 : true); height: expression(this.height > 160 ? 160 : true);*/ width:250px; height:160px; padding:3px;}
	.lists .img-left .text{width:60%; float:left; margin-left:20px; }
	.lists .img-left .text h3{ font-size:14px; font-weight:bold; color:#000; }
	.lists .img-left .text p{ height:auto; overflow: hidden; line-height:32px;padding:0; margin:0; font-size: 12px;}
	.lists .img-left a:hover{ color:#003f98;}
	.lists .img-left a{ color:#009;}

/* 分页 Start */
.page{ width:auto; display:block;clear:both; height:40px; text-align:center;line-height:40px; color:#333; font-size:14px; }	
.page a{ color:#369; padding:4px 10px; margin:0px 4px; background:#d30b07; color:#fff;}
.page a:hover{  text-decoration:none;background:#fff; color:#d30b07;}
.page .current{background:#fff; color:#d30b07; padding:4px 10px; margin:0px 4px;}
/* 分页 End */

/* 上下页 Start */
.pre-next{ width:100%; height:auto; float:left; margin:40px 0px 20px 0px; line-height:28px; font-size:14px; text-align:left;}
.pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;}
/* 上下页 End */