/* CSS reset for c_b */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}

table th , table td {padding:5px;}

fieldset , img {border:0;}

address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}

ol , ul {list-style:none;}

ception , th{text-align:left;}

h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%; font-weight:normal;}

q:before , q:after{content:'';}

abbr , acronym{border:0;}

body{font:14px/1.3 arial,helvetica,clean,sans-serif; background:#fff; width:100%;}

img{ max-width:100%;}



a{text-decoration:none;}



a, a:link, a:active, a:visited, a:hover

{

	color: #333;

	text-decoration: none;

}



/*文字排版*/

.f12 {font-size:12px;}

.f13 {font-size:13px;}

.f14 {font-size:14px;}

.f16 {font-size:16px;}

.f20 {font-size:20px;}

.f24 {font-size:24px;}

.f30 {font-size:30px;}

.fb {font-weight:bold;}

.fn {font-weight:normal;}

.t2 {text-indent:2em;}

.lh150 {line-height:150%;}

.lh180 {line-height:180%;}

.lh200 {line-height:200%;}

.unl {text-decoration:underline;}

.no_unl {text-decoration:none;}

.h_unl:hover{text-decoration:underline}



/*定位*/

.tl {text-align:left;}

.tc {text-align:center;}

.tr {text-align:right;}

.bc {margin-left:auto; margin-right:auto;}

.fl {float:left; display:inline;}

.fr {float:right; display:inline;}

.clear,.cl {clear:both;}

.cr {clear:right;}

.clearfix:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}

*html .clearfix {height:1%}

.Clearfix {display:block;}

.vm {vertical-align:center;}

.pr {position:relative;}

.pa {position:absolute;}

.abs-right {position:absolute;right:0;}

.zoom {zoom:1}

.hidden {visibility:hidden;}

.none {display:none;}



/*边框去除*/

.no_bt {border-top:none;}

.no_bb {border-bottom:none;}

.no_bl {border-left:none;}

.no_br {border-right:none;}



/*长度高度*/

.w10 {width:10px;}

.w20 {width:20px;}

.w30 {width:30px;}

.w40 {width:40px;}

.w50 {width:50px;}

.w60 {width:60px;}

.w70 {width:70px;}

.w80 {width:80px;}

.w90 {width:90px;}

.w100 {width:100px;}

.w200 {width:200px;}

.w300 {width:300px;}

.w400 {width:400px;}

.w500 {width:500px;}

.w600 {width:600px;}

.w700 {width:700px;}

.w800 {width:800px;}

.w {width:100%}

.h50 {height:50px;}

.h80 {height:80px;}

.h100 {height:100px;}

.h200 {height:200px;}

.h {height:100%}



/*边距*/

.m10 {margin:10px;}

.m15 {margin:15px;}

.m30 {margin:30px;}

.mt5 {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt15 {margin-top:15px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt50 {margin-top:50px;}

.mt100 {margin-top:100px;}

.mb5 {margin-bottom:5px;}

.mb10 {margin-bottom:10px;}

.mb15 {margin-bottom:15px;}

.mb20 {margin-bottom:20px;}

.mb30 {margin-bottom:30px;}

.mb50 {margin-bottom:50px;}

.mb100 {margin-bottom:100px;}

.ml5 {margin-left:5px;}

.ml10 {margin-left:10px;}

.ml15 {margin-left:15px;}

.ml20 {margin-left:20px;}

.ml30 {margin-left:30px;}

.ml50 {margin-left:50px;}

.ml100 {margin-left:100px;}

.mr5 {margin-right:5px;}

.mr10 {margin-right:10px;}

.mr15 {margin-right:15px;}

.mr20 {margin-right:20px;}

.mr30 {margin-right:30px;}

.mr50 {margin-right:50px;}

.mr100 {margin-right:100px;}

.p10 {padding:10px;}

.p15 {padding:15px;}

.p30 {padding:30px;}

.pt5 {padding-top:5px;}

.pt10 {padding-top:10px;}

.pt15 {padding-top:15px;}

.pt20 {padding-top:20px;}

.pt30 {padding-top:30px;}

.pt50 {padding-top:50px;}

.pt100 {padding-top:100px;}

.pb5 {padding-bottom:5px;}

.pb10 {padding-bottom:10px;}

.pb15 {padding-bottom:15px;}

.pb20 {padding-bottom:20px;}

.pb30 {padding-bottom:30px;}

.pb50 {padding-bottom:50px;}

.pb100 {padding-bottom:100px;}

.pl5 {padding-left:5px;}

.pl10 {padding-left:10px;}

.pl15 {padding-left:15px;}

.pl20 {padding-left:20px;}

.pl30 {padding-left:30px;}

.pl50 {padding-left:50px;}

.pl100 {padding-left:100px;}

.pr5 {padding-right:5px;}

.pr10 {padding-right:10px;}

.pr15 {padding-right:15px;}

.pr20 {padding-right:20px;}

.pr30 {padding-right:30px;}

.pr50 {padding-right:50px;}

.pr100 {padding-right:100px;}



/*其他*/

.curp{cursor:pointer};



/*原reset*/

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}





[class*="icon-"] {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-arrow-left:before {

	content: "\e600";

}

.icon-arrow-down:before {

	content: "\e601";

}

.icon-arrow-right:before {

	content: "\e602";

}

.icon-arrow-up:before {

	content: "\e603";

}

.icon-phone:before {

	content: "\e606";

}

.icon-house:before {

	content: "\e607";

}

.icon-search:before {

	content: "\e60a";

}

.icon-details:before {

	content: "\e604";

}

.icon-left:before {

	content: "\e605";

}





/* CSS Document */





.mian{width:100%; margin:0 auto;  overflow:hidden;}



.header , .content , .footer{width:100%; margin:0 auto; }





.footer{padding-bottom:40px; background-color:#327aca; text-align:center; font-size:14px; color:#fff; overflow:hidden;}

.toTop{overflow:hidden; border-bottom: 1px solid #FFF;}

.toTop .linkTop , .toTop .toPhone{padding-left:15%; width:35%; height:44px; line-height:44px; color:#fff; text-align:left;}

.toTop .linkTop{background:url(../images/totopico.png) no-repeat 10% center; background-size:10px auto;}

.toTop .toPhone{background:url(../images/toptopphone.png) no-repeat 10% center; background-size:20px auto; font-weight:bold;}

.ftNav{width:100%; height:92px; overflow:hidden; border-bottom:1px solid #fff; background-color:#0089d2;}

.ftNav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; border-top:1px solid #fff;}

.ftNav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}

.footer p{line-height:25px; padding-top:25px;}

.footer img{margin:10px; width:40%;}



/*分类标题*/

.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}

.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}

.CategoryList_Title .icon-details{margin-right:.5em;}





/*分类列表*/

.CategoryLista{}

.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125em;}

.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}

.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1em;}

.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}

.CategoryLista .icon-arrow-down{color:#f90;}

.CategoryLista > li > ul >li >ul{padding:0 1.125em;}

.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}



/*搜索*/

.searchSpan{position:relative; overflow:hidden; margin:.687em;}

.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:.75em; text-indent:.25em; width:99.9%; outline:none;}

.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}





/*底部浮动栏样式3*/

.social_nav3{height:55px; width:100%; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}

/*底部浮动社交导航/电话*/

.social_nav3 .social3{display:block; width:100%; height:55px; overflow:hidden;position:relative;}

.social_nav3 a{ height:55px; line-height:85px; font-size:13px; width:25%; float:left; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}

.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}

.social3{

	background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b)); 

	background-image: -webkit-linear-gradient(top, #32323a, #23232b); 

	background-image: -moz-linear-gradient(top, #32323a, #23232b); 

	background-image: -o-linear-gradient(top, #32323a, #23232b); 

	background-image: -ms-linear-gradient(top, #32323a, #23232b); 

	background-image: linear-gradient(top, #32323a, #23232b);}

.social3:before{ content:''; height:1px; width:100%; background:#000; border-bottom:1px solid #4b4c57; position:absolute; top:0; left:0;}

.social3:after{ content:''; height:1px; width:100%; background:#000; border-top:1px solid #4b4c57; position:absolute; bottom:0; left:0;}

.social3 b{width:1px; height:100%; background:#000; border-left:1px solid #4b4c57; position:absolute; top:0; right:0;}

/*底部社交-电话-动画*/

.social_nav3 span.tel{

	left:12.5%;

	margin-left:-16px;

	top:5px;

	height:30px;

	background-position:3px -49px;

	animation-name: telshow;

	animation-duration: 1.0s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: telshow;

	-webkit-animation-duration: 1.0s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: telshow;

	-o-animation-duration: 1.0s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes telshow {

	0% {transform: rotate(0deg)}

	5% {transform: rotate(-13deg)}

	10% {transform: rotate(0deg)}

	15% {transform: rotate(-13deg)}

	20% {transform: rotate(0deg)}

	25% {transform: rotate(-13deg)}

	100% {transform: roate(0deg)}

}

@-webkit-keyframes telshow {

	0% {-webkit-transform: rotate(0deg)}

	5% {-webkit-transform: rotate(-13deg)}

	10% {-webkit-transform: rotate(0deg)}

	15% {-webkit-transform: rotate(-13deg)}

	20% {-webkit-transform: rotate(0deg)}

	25% {-webkit-transform: rotate(-13deg)}

	100% {-webkit-transform: roate(0deg)}

}

@-o-keyframes telshow {

	0% {-o-transform: rotate(0deg)}

	5% {-o-transform: rotate(-13deg)}

	10% {-o-transform: rotate(0deg)}

	15% {-o-transform: rotate(-13deg)}

	20% {-o-transform: rotate(0deg)}

	25% {-o-transform: rotate(-13deg)}

	100% {-o-transform: roate(0deg)}

}

/*底部社交-微信-动画*/

.social_nav3 span.weichat{

	left:37.5%; margin-left:-16px; top:7px; background-position:1px -100px; background-repeat:no-repeat;

	animation-name: xshow;

	animation-duration: 2.5s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow;

	-webkit-animation-duration: 2.5s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow;

	-o-animation-duration: 2.5s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

/*底部社交-微博-动画*/

.social_nav3 span.weibo{left:62.5%; margin-left:-16px; top:10px;background-position:1px -150px; background-repeat:no-repeat;height:26px;}

.social_nav3 .line_1{	

	z-index:10;

	display:inline-block;

	width:5px;

	height:4px;

	border: 2px solid #ffb841;

	border-width: 2px 2px 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	top:9px;

	left:62.5%;

	margin-left:6px;

	animation-name: xshow2;

	animation-duration: 5s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow2;

	-webkit-animation-duration: 5s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow2;

	-o-animation-duration: 5s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

.social_nav3 .line_2{

	z-index:10;

	display:inline-block;

	width:8px;

	height:6px;

	border: 2px solid #ffb841;

	border-width: 2px 2px 0 0;

	border-radius:0 35px 0 0;

	position:absolute;

	top:6px;

	left:62.5%;

	margin-left:9px;

	animation-name: xshow;

	animation-duration: 5s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow;

	-webkit-animation-duration: 5s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow;

	-o-animation-duration: 5s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}

@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}

.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:87.5%; margin-left:-16px; height:24px; width:26px; top:8px;}

.social_nav3 .btn{ display:block; width:20px; height:55px; position:absolute; right:0;background-position:0 -786px; display:none;}

.social_nav3 .btn2{ display:block; width:20px; height:55px; position:absolute; right:0;background-position:0 -249px;  display:none;}



/*定位图片样式*/

.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {

    background-image: url(../images/skinsbar3.png);

    background-size: 32px 889px;}





html{padding-bottom:50px; background-color:#d2d2d2;}

.mian{width:100%; margin:0 auto; min-width:100%; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}

a{text-decoration:none;}



.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }

	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }

	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:-webkit-box; height:5px; background-color:rgba(51,51,51,0.5);   }

	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; -webkit-box-flex:1;font-size:0 }

	.focus .hd ul .on{ background:#FF4000;  }

	.focus .bd{ position:relative; z-index:0; }

	.focus .bd li img{ width:100%; }

	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }



/*页头*/

.header{position:relative; height:100px; overflow:hidden;}

.logoBox{position:absolute; left:10px; top:20px;}

.hdPhone{margin-left:120px; margin-top:26px; font-weight:bold;}

.hdPhone span{font-size:16px; color:#f49a2f;}

.hdPhone h5{font-size:14px; color:#0089d2;}

.hdPhone p{padding:2px 0 2px 14px; line-height:14px; font-size:16px; background:url(../images/hdphone_ico.png) no-repeat left center; background-size:12px auto;}

.hdPhone p a{color:#494949;}





.picScroll{ margin:10px auto; text-align:center;  }

	.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }

	.picScroll .bd li{ width:33%; float:left; font-size:14px; text-align:center;  }

	.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

	.picScroll .bd li img{ width:90px; height:142px;  background:#fff;  }





	.picScroll .hd{ height:40px; line-height:40px; border-bottom:2px solid #80BD6D; background:#f6f6f6;   overflow:hidden; text-align:left;  padding:0 10px;  }

	.picScroll .hd ul{ float:right; padding-top:16px;   }	

	.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 

	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 

	}

	.picScroll .hd .on{ background:#80BD6D;  }

	.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; overflow:hidden; margin:11px 5px 0 5px;  }

	.picScroll .next{ background-position:-34px -7px; }

	.picScroll .prevStop{ background-position:-6px -40px; }

	.picScroll .nextStop{ background-position:-34px -40px; }

/*导航栏*/

.dh_nav{background-color:#0089d2;}

.dh_nav ul{width:100%; height:92px; overflow:hidden; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.dh_nav li { float:left; width:33.3%; height:45px; line-height:45px; text-align:center; border-top:1px solid #fff;}

.dh_nav li a{ display:block; font-size:14px; color:#fff;position:relative;}

.dh_nav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}





.contTit{height:43px; background:#0089d2 url(../images/conttitbg.png) no-repeat left; background-size:auto 43px;}

.contTit a{display:block; height:43px; line-height:43px; padding-left:15px; font-size:16px; color:#fff; background:url(../images/conttitbg2.png) no-repeat right; background-size:auto 53px; margin-top:10px;}





/*产品中心*/

.cpzx{margin-top:6px; padding-bottom:18px; background-color:#f4f4f4;}

.cpzx ul{margin:0 auto; overflow:hidden;}

.cpzx li{ float:left; width:50%; height: 170px;}

.cpzx li .pro{margin:11px auto 0 auto; padding:0 8px;}

.cpzx li .pro a{ display:block; border:1px solid #ccc; border-bottom:none;}

.cpzx li h5{height:25px; line-height:25px; background-color:#0089d2; font-size:14px; font-weight:normal; text-align:center;overflow:hidden}

.cpzx li h5 a{color:#fff;}





/*联系*/

.phoneGg{padding:20px; background:#fff url(../images/phoneggbg.jpg) no-repeat right bottom; background-size:auto 130px;}

.phoneGg b{display:block; font-size:36px; color:#ff8b00;}

.phoneGg strong{font-size:14px; color:#505050;}

.phoneGg h5{font-size:16px; color:#0089d2;}

.phoneGg p{padding:12px 0 12px 28px; line-height:14px; font-size:22px; font-weight:bold; background:url(../images/phoneggico.png) no-repeat left center; background-size:21px auto;}

.phoneGg p a{color:#ff8b00;}



/*理由*/

.lyBox{background-color:#0089d2;}

.lyBox h4{padding:16px 0; font-size:18px; text-align:center; color:#fff;}

.lyBox h4 span{padding:6px 10px; margin-left:4px; display:inline-block; font-size:24px; background-color:#ffb400;}

.lyBox h4 b{position:relative; top:4px; line-height:20px; font-size:40px; font-family:Arial, Helvetica, sans-serif;}

.lyBox .lyCont{overflow:hidden;}

.lyCont dl{position:relative; float:left; width:50%; height:170px; border-top:2px solid #fff; text-align:center;}

.lyCont dl:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:170px; width:2px; background-color:#fff;}

.lyCont dl dt{height:54px; line-height:54px; font-size:45px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#80c4e9;}

.lyCont dl dd{padding:0 16px; font-size:14px; color:#fff;}





/*搜索框*/

.schBox{ margin:30px 15px; border:1px solid #006eb2; overflow:hidden; position:relative;}

.schBox .se1{ width:100%; height:25px; border:1px solid #fff; border-radius:3px 0 0 3px; text-indent:1em; font-family:Microsoft YaHei;}

.schBox .se2{position:absolute; right:0; top:0; width:44px; height:27px; line-height:27px; text-align:center; font-size:10px; background-color:#006eb2;color:#fff; border:none; cursor:pointer;}





/*全部产品*/

.pbcp{background-color:#ececec;}

.pbcp h4{background-image:url(../images/conttitbg2.png);}

.pbcp h4 a{padding-left:20px;}

.pbcp ul{overflow:hidden;}

.pbcp li{position:relative; float:left; width:50%;}

.pbcp li a{padding:0 4px; display:block; height:44px; line-height:44px; overflow:hidden; text-align:center; font-size:14px; color:#3c3c3c; border-bottom:1px solid #bdbdbd; border-top:1px solid #fff;} 

.pbcp li:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:170px; width:1px; background-color:#bdbdbd;}

.pbcp li:before{content:''; position:absolute; top:0; right:0px; z-index:9; height:170px; width:1px; background-color:#fff;}



.xdGg{position:relative;}

.xdGg span{position:absolute; left:13%; top:63%; font-size:20px; font-weight:bold; color:#0089d2;}



/*荣誉证书*/

.ryBox{margin-top:10px; padding-bottom:26px;}

.ryBox li{margin:16px 12px 0 0px; float:left; width:140px;}

.ryBox li img{border:1px solid #ccc;}

.ryBox li h5{margin-top:14px; font-size:14px; font-weight:normal; text-align:center;}

.ryBox li h5 a{color:#878787;}





/*客户见证*/

.khjzCont{}

.khjzCont dl{margin:16px; height:89px; overflow:hidden;}

.khjzCont dt{margin-right:14px;}

.khjzCont dd h5{margin-bottom:6px; font-size:16px;}

.khjzCont dd h5 a{color:#585858;}

.khjzCont dd p{line-height:16px; color:#797979;}





/*关于*/

.gyBox{}

.gyBox h4{position:relative;}

.gyBox h4 span{position:absolute; right:0; top:0; padding-left:30px; height:43px; line-height:20px; background:#0089d2 url(../images/gytitico.png) no-repeat left center; background-size:26px; color:#fff; font-weight:normal;}

.gyBox h4 span b{display:block; font-weight:bold; font-size:16px;padding-right:10px;}

.gyBox dt{}

.gyBox dl{margin:22px auto 43px auto; padding:0 14px;}

.gyBox dd .p{margin:18px 0 24px 0; font-size:14px; color:#7f7f7f;}

.gyBox dd .btnGd{display:block; height:32px; line-height:32px; text-align:center; font-size:16px; color:##000; background-color:#cccccc;}







.tabTitS{height:45px; line-height:45px;}

.tabTitS ul{overflow:hidden; background-color:#0089d2;}

.tabTitS ul li{float:left; width:50%; text-align:center; color:#fff; font-size:14px; font-weight:bold;}

.tabTitS ul li.on{background-color:#f49a2f;}





/*动态*/

.dtSpan{margin-bottom:14px;}



.dtBox{}

.dtBox dl{padding:14px; height:89px; overflow:hidden;}

.dtBox dt{margin-right:14px;}

.dtBox dd h5{display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#0089d2; line-height:20px; font-size:14px;}

.dtBox dd p{margin-top:5px; color:#606060; line-height:19px; font-size:12px; height:55px; overflow:hidden;}

.dtBox li{margin:0 14px; padding-left:14px; height:35px; line-height:35px; background:url(../images/dtliico.png) no-repeat left center; position:relative;border-bottom: 1px dashed #ccc;}

.dtBox li a{ color:#909090; display:block; width:258px; overflow:hidden;  white-space: nowrap;text-overflow: ellipsis; text-decoration: none;}

.dtBox li span{ color:#909090; position:absolute; right:10px; top:0; background:#fff;}





.footer{padding-bottom:40px; background-color:#327aca; text-align:center; font-size:14px; color:#fff; overflow:hidden;}

.toTop{overflow:hidden;}

.toTop .linkTop , .toTop .toPhone{padding-left:15%; width:35%; height:44px; line-height:44px; color:#fff; text-align:left;}

.toTop .linkTop{background:url(../images/totopico.png) no-repeat 10% center; background-size:10px auto;}

.toTop .toPhone{background:url(../images/toptopphone.png) no-repeat 10% center; background-size:20px auto; font-weight:bold;}

.ftNav{display: none; width:100%; height:92px; overflow:hidden; border-bottom:1px solid #fff; background-color:#0089d2;}

.ftNav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; border-top:1px solid #fff;}

.ftNav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}

.footer p{line-height:25px; padding-top:25px;}

.footer img{margin:10px; width:40%;}





/*解析背景-title*/



/*close hover样式*/



.clearfix:before, .clearfix:after {

    content: "";

    display: table;

}

.clearfix:after{

    clear: both;

}

.clearfix{

    *zoom: 1;/*ie6,7*/

}



#Font{width:20px; height:20px; float:left; border:0; margin-right:3px;}

.fontnormal{background:url(../images/webim_toolbar.gif) 0 -89px}

.fontover{background:url(../images/webim_toolbar.gif) 0 -109px}

.fonton{background:url(../images/webim_toolbar.gif) 0 -129px}



.bd-map {text-decoration: underline !important;}







/*公用*/

.pack{ margin-top:10px; padding:10px;}

.p10{ padding:10px;}

.siteMapPath {line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));

	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/

	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/

.siteMapPath:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/

	position:absolute;

	left:0;

	top:0;

	width:100%;

	border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/

.siteMapPath a{ text-decoration:none;}



#mainWrapper{ overflow:hidden; }

#Article h1{ text-align:center; font-weight:bold; font-size:18px;}

.summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em; margin-bottom:20px;}

#mainWrapper .nl{ margin-top:20px;}

#mainWrapper .nl li{height:40px; line-height:40px; margin:0 10px; border-bottom:1px dashed #ccc; position:relative;}

#mainWrapper .nl li a{  display:block; height:40px; padding-right:80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}

#mainWrapper .nl li .addTime{ display:block; width:67px; height:40px; position:absolute; top:0; right:0;}



.about_t{ display:block; text-align:center; color:#F00; font-size:24px; font-weight:bold; margin:20px 0;}

.about_t a{ color:#bbb; font-size:24px; text-decoration:none;}



/* 分页 */

#pages { padding:14px 0 10px; margin:0 auto; text-align:center; }

#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#666666; padding:0 20px; text-decoration:none;}

#pages a.a1 { width:56px; padding:0 }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:22px; line-height:22px; background:#0084cd; border:1px solid #0084cd; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/* 底 */

.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; }

.top_menu { display:-webkit-box; display: block; width: 100%; background: rgba(0, 132, 205, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0090ff), to(#0084cd)); }

.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1))); -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; }

.top_menu>li:first-child { background:none; }

.top_bar .top_menu>li>a { height:48px; line-height: 48px; display:block; text-align:center; color:#4f4d4f; text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-decoration:none; border-top: 1px solid #f9f9f9; -webkit-box-flex:1; }

.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }

.top_bar .top_menu>li>a img { margin: 2px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }

.top_bar li:first-child a { display: block; }



.shownews{ text-align:center; color:#333;}

.title{ font-size:16px; font-weight:bold;text-align:center; margin-top:30px;}

.time{ font-size:12px; text-align:center;}

.show{ text-align:left; padding:10px; font-size:14px; line-height:30px; color:#666;}





#dituContent{ border:none !important;}