/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0;}
a{cursor:pointer;text-decoration:none;}
a:hover{}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
input:focus,textarea:focus,select:focus{ box-shadow:none; outline:0;}
/* clear float */
.clearboth{ clear:both;}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
	display: block;
	font-size: 0;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
body,input,textarea,select{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{min-width:1200px;}
p{ font-size:12px;}
.btncont a:active,.btn:active{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-o-transform:scale(.95);
	}
.btn:hover,.imglink:hover{ opacity:.9; -moz-opacity:.9; -o-opacity:.9; -webkit-opacity:.9; filter:alpha(opacity=90);}
.btncont a:hover{
	opacity:.9; 
	box-shadow:0 0 4px #CCC;
	-webkit-box-shadow:0 0 4px #CCC;
	-moz-box-shadow:0 0 4px #CCC;
	-o-box-shadow:0 0 4px #CCC;
	}
html body .brn{ border-right:none;}
/* */
.section{ width:1200px; margin:0 auto;}
.relative{ position:relative;}
.current{ z-index:1;}
.animating{ z-index:2;}
.fromLeft{ left:-100%;}
.fromRight{ left:100%;}
.texthover a:hover{
	text-decoration:underline;
	text-shadow:1px 1px 2px #999;
	-moz-text-shadow:1px 1px 2px #999;
	-o-text-shadow:1px 1px 2px #999;
	-webkit-text-shadow:1px 1px 2px #999;
	}
.hidden{ overflow:hidden;}
.gray{ background:#eff0f1;}
h2,h3,h4{ font-weight:normal;}
.chunk{ padding:35px 0 50px;}
/* */
.header{height:86px; background:#FFF;}
h1{ padding:18px 0; float:left;width:200px;height:50px; overflow:hidden;}
/*h1 a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(../img/logo.jpg);
	background-position: right 0;
	}*/
.nav a{
	float:left;
	display:block;
	width:90px;
	height:86px;
	line-height:86px;
	text-align:center;
	font-size:14px;
	color:#6f6e6e;
	}
.nav a.curr {background:#0f9576; color:#FFF;}	
.w930{ width:930px;}
.nav a:hover{ background:#0f9576; color:#FFF;}
.sharebtn{ padding:33px 0;}
.sharebtn a{
	margin-left:15px;
	float:left;
	height:20px;
	width:20px;
	background-image:url(../img/headerico.png);
	}
.s2{ background-position:0 center;}
.s3{ background-position:0 bottom;}
.s1:hover{background-position:right 0;}
.s2:hover{ background-position:right center;}
.s3:hover{ background-position:right bottom;}
#js-qrcode{position:absolute; top:86px; right:0; display:none; padding:10px; z-index:999; background:#eff0f1;}
em{ padding-left:2em;}
.banner{_zoom:1; }
.banner-img{ overflow:hidden; width:100%; overflow:hidden;}
.banner-img li{ position:relative; width:100%; margin-right:-100%; float:left;}
.banner-img img{ display:block; width:100%;}
.banner-btn{ position:absolute; z-index:9;}
.banner-btn li{ float:left; margin:0 4.5px; width:43px; height:3px; background:#FFF; cursor:pointer; _font-size:0;}
.banner-btn li.hover{ background:#0f9576;}
body{
	_position:relative;
	_overflow:hidden;
	_background-image:url(about:blank); /* for IE6 */ 
    _background-attachment:fixed; /*必须*/
	}
.sidebar{
	display:none;
	position:fixed;
	top:150px;
	_position:absolute;
    _top:expression(documentElement.scrollTop+150);
	width:93px;
	border:1px solid #DDD;
	border-bottom:none;
	z-index:9999;
	}
.sidebar li{text-align:center;}
.sidebar .nav-title{
	padding-top:40px;
	background-image:url(../img/sidebar.jpg);
	background-repeat:no-repeat;
	background-color:#EEE;	 
	font-size:14px;
	line-height:30px; 
	color:#574f4f;
	cursor:pointer;
	border-bottom:1px solid #DDD;
	}
.si1{ background-position:0 10px;}
.si2{ background-position:-93px 10px;}
.si3{ background-position:-186px 10px;}
.si4{ background-position:-279px 10px;}
.second-menu{ height:0; overflow:hidden;}
.sidebar a{
	display:block;
	height:29px;
	color:#574f4f;
	background:#FFF;
	font-size:12px;
	line-height:29px;
	border-bottom:1px solid #DDD;
	}
.sidebar a:hover{ background:#0f9576; color:#FFF;}
.footer{
	padding:55px 0 25px;
	height:452px;
	background:url(../img/footerbg.jpg) center 0;
	color:#FFF;
	}
.i1{ background:url(../img/tel.png) no-repeat 0 center;}
.i2{ background:url(../img/email.png) no-repeat 0 center;}
.i3{ background:url(../img/adress.png) no-repeat 0 center;}
.footinfol p{ margin-bottom:12px; padding-left:35px; font-size:14px; line-height:28px;}
.footinfor p{ text-align:center;}
.footinfor div{ float:left; margin-left:25px;}
.footer form{ margin:60px 0 120px;}
.footer form,.footer input,.footer textarea{ font-size:14px;}
.footer .textbox,.footer textarea{ background:none; color:#FFF; width:410px; padding:0 10px;  line-height:35px;}
.footer .textbox{ border:none;height:35px;}
.footer textarea{ border:1px solid #FFF; height:105px; max-height:105px; max-width:410px;}
.textboxcont div{ margin-bottom:15px; width:460px; border-bottom:1px solid #FFF; height:35px; line-height:35px;}
.w432{ width:432px;}
.ly{ height:35px; line-height:35px;}
.submit{
	position:absolute;
	right:0;
	bottom:-60px;
	width:145px;
	height:45px;
	background:#0f9576;
	border:none;
	border-radius:5px;
	color:#FFF;
	}
./* index */
.cfff{ color:#FFF; background:url(../img/whiteline.png) no-repeat center bottom;}
.headgroup{ text-align:center; margin-bottom:35px;}
.headgroup h2{ font-size:30px; font-family:"Times New Roman", Times, serif;}
.headgroup div{ position:relative; top:8px; font-size:14px;}
.index-case{
	background:url(../img/casebg.jpg) center 0;
	height:269px;
	}
.c000{ color:#363535; background:url(../img/blackline.png) no-repeat center bottom;}
.aboutinfo{ height:179px; position:relative; width:755px; color:#333;}
.aboutinfo p{font-size:14px; line-height:30px;}
.aboutinfo a{ position:absolute; left:0; bottom:0; padding:5px 10px;}
.button1 a{ font-size:12px; color:#333; border:1px solid #d7d7d7;}
.button1 a:hover,.button1 a.hover{ background:#0f9576; color:#FFF;border:1px solid #0f9576;}
.index-caselist{ width:1216px;}
.index-caselist li{
	float:left;
	margin-right:16px;
	border:1px solid #8b8d8f;
	}
.index-caselist a{
	display:block;
	padding:4px;
	background:#FFF;
	}
.bst-tab-select{ margin-bottom:25px; border-bottom:1px solid #e0dddd; text-align:center;}
.bst-tab-select span{ position:relative;top:5px; background:#eff0f1;}
.bst-tab-select a{ margin:0 4px; padding:5px 20px;}
.bst-tab-container{ overflow:hidden;}
.bst-tab-container .current{}
.bst-item{ position:relative; width:1300px; float:left; margin-right:-1300px; background:#eff0f1; overflow:hidden;}
.bst-item li{ float:left; margin:0 100px 18px 0; width:550px; height:113px; overflow:hidden;}
.bst-item div{ width:325px;}
.bst-item a{ display:block; color:#333;}
.bst-item a:hover{ background:#DDD;}
.bst-item img{ float:left;}
.bst-item h3{ margin-bottom:10px;}
.bst-item h3,.bst-item p{ font-size:14px;}
.bst-item span{ display:block; margin-bottom:15px; font-size:12px;}
.bst-item p{ color:#908f8f; line-height:20px; height:40px; overflow:hidden;}
.video{ position:relative; width:352px; height:224px;}
.parse{ position:absolute; width:100%; height:100%; background:url(../img/parse.png) no-repeat center center; cursor:pointer;}
.classlist li{ float:left; position:relative; width:204px;}
.classlist a{
	position:absolute; 
	display:block; 
	padding-top:54px; 
	width:100%; 
	height:170px; 
	font-size:22px; 
	color:#FFF; 
	text-align:center; 
	line-height:170px; 
	font-family:YouYuan;
	background-image:url(../img/cbg.png);
	}
.c1{ background-position:0 -30px;}
.c2{ background-position:-204px -30px;}
.c3{ background-position:-408px -30px;}
.c4{ background-position:-612px -30px;}
.classlist a:hover{ background-color:rgba(76,166,255,.6);}
/* inner */
.inner-banner{ border-top:1px solid #aba8a6;}
.inner-banner img{ width:100%;}
.contLeft{ position:relative; top:-75px; width:255px;}
.contLeft h3{
	padding:15px 20px;
	height:44px; 
	font-size:24px; 
	font-weight:bold; 
	color:#0f9576;
	background:rgba(255,255,255,.74);
	overflow:hidden;
	}
.contLeft h3 p{ color:#0f9576; font-weight:normal;}
.contLeft ul{
	box-shadow:1px 1px 6px #DDD,-1px 1px 6px #DDD;
	-moz-box-shadow:1px 1px 6px #DDD,-1px 1px 6px #DDD;
	-webkit-box-shadow:1px 1px 6px #DDD,-1px 1px 6px #DDD;
	-o-box-shadow:1px 1px 6px #DDD,-1px 1px 6px #DDD;
	}
.contLeft li{background:url(../img/contlefta.jpg) no-repeat 0 0 #EEE; }
.contLeft .nav-title{
	display:block;
	height:60px;
	line-height:60px;
	color:#696b71;
	font-size:14px;
	font-weight:bold;
	text-indent:65px;
	cursor:pointer;	
	}
.contLeft a{
	display:block;
	height:60px;
	line-height:60px;
	color:#696b71;
	font-size:14px;
	text-indent:65px;
	}
.second-menu a{height:30px;line-height:30px;}
.contLeft .nav-title:hover,.contLeft a:hover{ color:#0f9576; background:url(../img/disc.png) no-repeat 55px center;}
.contLeft li.curr a {color:#0f9576; background:url(../img/disc.png) no-repeat 55px center;}
.contRight{ padding-bottom:13px; width:918px;}
.contTitle{ position:relative; margin-bottom:13px; padding:15px 0 13px; color:#696b71; background:url(../img/conttitleborder.jpg) repeat-x 0 bottom;}
.contTitle h3{ height:40px; line-height:40px; font-size:20px; font-weight:bold;}
.sitemap{ position:absolute; right:0; bottom:20px; font-size:12px;}
.sitemap a{color:#696b71;}
.solutionCont{ border:1px solid #d8d6d6;}
.contText{ width:100%; overflow:hidden;}
.contText p{ font-size:14px; color:#333; line-height:30px;}
.contText img{ margin:13px 0; max-width:100%;}
.caselist{border-bottom:2px solid #dcdada;}
.caselist li{ border-bottom:1px solid #dcdada;}
.caselist a{ display:block; padding:25px 0;}
.caselist h4{ margin-bottom:20px; font-size:14px; font-weight:bold; color:#5a5a5a;}
.caselist .fl{ width:205px; height:119px; overflow:hidden;}
.caselist .fr{ position:relative; width:690px; height:119px;}
.caselist p{ line-height:20px; height:40px; color:#656668; overflow:hidden;}
.date{ position:absolute; left:0; bottom:0; font-size:12px; color:#99999b;}
.pages{ margin:40px 0 20px; text-align:center;}
.pages a{
	margin-right:-1px;
	padding:5px 10px;
	font-size:14px;
	color:#5a5a5a;
	border:1px solid #DDD;
	}
.pages a:hover,.pages a.hover{ background:#0f9576; color:#FFF;}
.productlist li{ margin-bottom:-1px; border:1px solid #CCC;}
.productlist a{ display:block; padding:10px 15px;}
.showico{ position:absolute; left:-3px; top:4px; width:67px; height:24px; background:url(../img/showico.png);}
.productlist h4{ height:35px; line-height:35px; font-size:14px; color:#666; font-weight:bold;}
.productlist h4 span{ color:#39F;}
.productlist .fr{ padding-top:17px;}
.productlist .fr img{ border:1px solid #CCC;}
.productlist a:hover{ background:#f7f7f7;}
.newstitle{ margin:20px 0 25px; padding-bottom:25px; color:#5a5a5a; text-align:center; border-bottom:1px solid #e1e1e1;}
.newstitle h3{ margin-bottom:15px; font-size:23px;}
.newsdate{ font-size:12px;}
.newslink{ margin-top:30px; font-size:14px;}
.newslink div{ margin-bottom:8px; height:28px; line-height:28px; }
.newslink span{ float:left; padding:0 43px 0 30px;color:#FFF;background:url(../img/newslink.jpg) no-repeat right 0 #475eaa;}
.newslink a{ padding-left:10px; display:block; width:500px; float:left; color:#3d3d3d; background:#dedede;}
.newnews{ border-bottom:1px solid #dcdada; padding:30px 0 5px; margin-bottom:5px;}
.newslist{ margin-bottom:30px;}
.newslist li{
	position:relative;
	padding-left:15px;
	width:490px; 
	height:30px; 
	line-height:30px; 
	background:url(../img/newsli.jpg) no-repeat 0 center;
	font-size:14px;
	}
.newslist a{ display:block; position:relative; color:#3d3d3d;}
.newslist span{ position:absolute; right:0; bottom:0; font-size:12px;}
.imgs{ margin:0 20px 15px 0;}
.imgs img{ border:1px solid #CCC;}
.imgcont{ margin-right:3px; width:342px; }
.imglist{height:235px; width:108px;}
.imglist img{ display:block; margin-bottom:3px; cursor:pointer;}
.prinfo{ color:#4d4d4d; line-height:30px;}
.prinfo span{ font-size:14px; color:#868383; }
.pinfo{ padding-bottom:75px;}
.pinfo p{ color:#868383; font-size:14px;}
.pinfo h3{ margin-bottom:18px; font-size:14px; color:#FFF; border-bottom:1px solid #8d8c8c;}
.pinfo h3 div{ width:106px; height:36px; text-align:center; line-height:36px; background:#8d8c8c;}
.links{ margin-top:20px;}
.links a{ padding:5px 18px; margin-right:7px; font-size:13px; color:#FFF;}
.pur{ background:#9f54a7;}
.gra{ background:#666;}
.tel{ margin-top:20px; padding:13px 0 0 50px; background:url(../img/tel.jpg) no-repeat; line-height:normal;}
.tel p{ font-size:13px; color:#686868;}
.tel strong{ font-size:26px; color:#d22626;}
/*animation*/
.duration a,.imghover img,#qrcode,.boxshadow li{
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.imghover a:hover img,.imgDemo img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.boxshadow li:hover{
	box-shadow:1px 1px 6px #CCC,1px -1px 6px #CCC,-1px 1px 6px #CCC,-1px -1px 6px #CCC;
	-moz-box-shadow:1px 1px 6px #CCC,1px -1px 6px #CCC,-1px 1px 6px #CCC,-1px -1px 6px #CCC;
	-webkit-box-shadow:1px 1px 6px #CCC,1px -1px 6px #CCC,-1px 1px 6px #CCC,-1px -1px 6px #CCC;
	-o-box-shadow:1px 1px 6px #CCC,1px -1px 6px #CCC,-1px 1px 6px #CCC,-1px -1px 6px #CCC;
	}
.moveFromTopFade {
	animation: moveFromTopFade .5s ease both;
	-webkit-animation: moveFromTopFade .5s ease both;
	-moz-animation: moveFromTopFade .5s ease both;
	-o-animation: moveFromTopFade .5s ease both;
	}
@keyframes moveFromTopFade {
	0% { opacity: 0; transform: translateY(-100%) scale(.9,1.1); }
	50% { opacity: 1; transform: translateY(10%) scale(1.1,.9); }
}
@-moz-keyframes moveFromTopFade {
	0% { opacity: 0; -moz-transform: translateY(-100%) scale(.9,1.1); }
	50% { opacity: 1; -moz-transform: translateY(10%) scale(1.1,.9); }
}
@-o-keyframes moveFromTopFade {
	0% { opacity: 0; -o-transform: translateY(-100%) scale(.9,1.1); }
	50% { opacity: 1; -o-transform: translateY(10%) scale(1.1,.9); }
}
@-webkit-keyframes moveFromTopFade {
	0% { opacity: 0; -webkit-transform: translateY(-100%) scale(.9,1.1); }
	50% { opacity: 1; -webkit-transform: translateY(10%) scale(1.1,.9); }
}