@charset "utf-8";
/* CSS Document */
/**
 * 
 * @authors Landry
 * @date    2014-03-28 10:16:50
 * @version $Id$
 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, menu, section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #6d6d6d;
}
a:active, a:visited {
	/*color: #0066ab;*/
}
input, select {
	vertical-align: middle;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a {
	outline: none;/* for Forefox */
	cursor: pointer;
}


/*大体架构
 ----------*/
body {
	font-family:Microsoft YaHei;
	width: 100%;
	font-size:12px;
	overflow-x:hidden;
}
/*.wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 1000px;
	_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
	overflow: hidden;
}
.box {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.main {
	width: 1538px;
	margin: 0 -270px;
	overflow: hidden;
	position: relative;
	background:url(../images/head.jpg) repeat-x left top;
}
*/

/*颜色值
 --------------*/
.orange {
	color: #ffe400;
}
.blue {
	color: #699BCC;
}
/*清楚文字内容
 --------------*/
.txtIndent {
	text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.seo, .hideImg {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.hideImg {
	overflow: hidden;
}
.hideImg img {
	width: 0;
	height: 0;
	overflow: hidden;
}
/*清除浮动
 --------------*/
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/*左浮动和右浮动
 --------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_r, .float_l {
	_display: inline;
}

/**头部代码**/
.header{width:277px;background:#FFF;position:fixed;top:0px;left:0px;z-index:99999;height:100%;border-right:1px solid #eaeaea;
transition: left 0s;
-moz-transition: left 0s;	/* Firefox 4 */
-webkit-transition: left 0s;	/* Safari 和 Chrome */
-o-transition: left 0s;	/* Opera */}
.headers{left:0px !important;/*transition: left 0.3s;
-moz-transition: left 0.3s;	
-webkit-transition: left 0.3s;	
-o-transition: left 0.3s;*/}
.header .logo_but{display:none;width:35px;height:34px;background:url(../images/logos.png) no-repeat;position:absolute;top:50%;right:12px;z-index:100; margin-top:-17px;}
.header .language{display:none;width:59px;position:absolute;bottom:26px;right:0px;z-index:100;}
.header .language a{width:59px;display:block;text-align:center;color:#666666;font-family:Arial;margin-bottom:20px;}
.header .head_logo{padding:78px 0 38px;text-align:center;}
.header .head_logo img{width:auto;}
.header .headul{width:277px;}
.header .headul li a,
.header .hulse li a{display:block;height:73px;}
.header .headul li p,
.header .hulse li p{color:#000000;font-size:15px;text-align:center;padding:18px 0 3px;}
.header .headul li span,
.header .hulse li span{display:block;color:#7e7e7e;font-family:Arial;text-align:center;}
.header .headul li:hover .nava1,
.header .headul li.active .nava1{background:url(../images/nava1.png) no-repeat 8px center #d58d12;}
.header .headul li:hover .nava2,
.header .headul li.active .nava2{background:url(../images/nava2.png) no-repeat 8px center #d58d12;}
.header .headul li:hover .nava3,
.header .headul li.active .nava3{background:url(../images/nava3.png) no-repeat 8px center #d58d12;}
.header .headul li:hover .nava4,
.header .headul li.active .nava4{background:url(../images/nava4.png) no-repeat 8px center #d58d12;}
.header .headul li:hover .nava5,
.header .headul li.active .nava5{background:url(../images/nava5.png) no-repeat 8px center #d58d12;}
.header .headul li:hover .nava6,
.header .headul li.active .nava6{background:url(../images/nava6.png) no-repeat 8px center #d58d12;}
.header .headul li:hover p,
.header .headul li:hover span,
.header .hulse li:hover p,
.header .hulse li:hover span,
.header .headul li.active p,
.header .headul li.active span{color:#FFF;}
.header .head{padding-top:44%;}
.header .headco{margin-left:0px !important;}
.header .head .driveform_1{display:block; position:relative;width:184px;padding:0;margin:0 auto;height:27px;}
.header .head .driveform_1 select{outline:none;position:absolute; left:0px; bottom: 27px; width:192px; display:none; z-index:9999;}
.header .head .driveform_1 .valbox{float:left;border:1px solid #595656;width:184px;height:27px;line-height:27px;outline:none;background:url(../images/selects.png) no-repeat 96% center #FFF;color:#595656;font-size:12px;padding-left:6px;font-family:SimSun;}
.header .head p{color:#595656;font-size:12px;font-family:SimSun;text-align:center;padding-top:18px;}
.header .headul li .shows,
.header .hulse li .shows{display:none;position:absolute;top:0px;left:277px;z-index:10;width:168px;height:100%;background:url(../images/blues.png) repeat;padding-top:221px;}
.header .headul li .shows a,
.header .hulse li .shows a{display:block;height:73px;line-height:73px;text-align:center;color:#FFF;font-size:15px;}
.header .headul li .shows a:hover,
.header .hulse li .shows a:hover{background:#23ac38;}
.header .headul li:hover .shows,
.header .hulse li:hover .shows{display:block;}
.header .strip{cursor:pointer;display:none;background:url(../images/hide.png) no-repeat;height: 30px;right: 17px;overflow: hidden;position: absolute;top: 27px;
width: 29px;z-index:10;}
.heade .strip{background:url(../images/hide.png) no-repeat;}
.header .sactive,
.heade .sactive{width:29px;background:url(../images/stop.png) no-repeat;right:17px;}

.heade{display:none;width:100%;position:fixed;top:0;left:0;z-index:9999;}
.heade .head_logo{background:#FFF;border-bottom:1px solid #c6c6c6;text-align:center;padding:10px 0;}
.heade .head_logo .logos{display:none;}
.heade .head_logo .smlogo{width:auto;margin-left:-45px;}
.heade .strip{cursor:pointer;height: 30px;right: 17px;overflow: hidden;position: absolute;top: 22px;width: 33px;z-index:10;}
.heade .head{display:none;}
.heade .headul li .shows{display:none;}
.heade .headul{background:#FFF;display:none;position:relative;z-index:9999;}
.heade .headul li > a{display:block;height:52px;border-bottom:1px solid #dddddd;padding-left:20px;background:url(../images/down_s.png) no-repeat 97% center;}
.heade .headul li p{color:#000000;font-size:14px;padding:18px 0 3px;}
.heade .headul li span{display:block;color:#7e7e7e;font-family:Arial;text-align:center;}
.heade .headul li .shows a{display:block;height:35px;line-height:35px;padding-left:20px;}
.heade .headul li .ase{background:url(../images/up_s.png) no-repeat 97% center;border:0;}
/**底部文件**/
.footer{width:100%;margin:0 auto;position:relative;}
.footers{margin:0 auto 56px auto;}
.footer .foot1{width:100%;background:#d22727;padding:11px 0;}
.footer .foot1 .foot1one{width:1005px;margin:0 auto;}
.footer .foot1 .foots{float:left;width:38.4%;background:url(../images/whit.png) no-repeat right center;padding-right:19px;position:relative;}
.footer .foot1 .foots p{color:#FFF;font-size:14px;line-height:32px;}
.footer .foot1 .foots span{color:#FFF;font-size:14px;display:inline-block;}
.footer .foot1 .foots a{display:inline-block;width:34px;height:34px;margin-right:18px;position:relative;top:13px;}
.footer .foot1 .foots .jiathis_button_tqq{background:url(../images/jiathis_button_tqq.png) no-repeat;}
.footer .foot1 .foots .jiathis_button_tsina{background:url(../images/jiathis_button_tsina.png) no-repeat;}
.footer .foot1 .foots .wechat{background:url(../images/wechat.png) no-repeat;}
.footer .foot1 .foots2{width:26.034%;padding-left:4.776%;}
.footer .foot1 .foots3{width:26.965%;background:none;text-align:right;padding:0;}
.footer .tops{position:absolute;right:360px;top:50%;z-index:10;display:block;width:50px;height:50px;background:url(../images/tops.png) no-repeat;margin-top:-25px;}
.footer .weis{display:none;width:123px;height:129px;position:absolute;top:-120px;right:-66px;z-index:10;background:url(../images/wei.png) no-repeat;}
.footer .weis img{width:115px;height:115px;margin:5px 4px 0 0;}
.footer .foot2{width:100%;background:#1d1d1d;padding-bottom:39px;}
.footer .foot2s{text-align:center;padding:34px 0 20px;}
.footer .foot2s a{color:#FFF;font-size:14px;width:106px;display:inline-block;text-align:center;background:url(../images/bai.jpg) no-repeat right center;}
.footer .foot2t{text-align:center;color:#FFF;}
.index-foot{position:fixed;bottom:0px;left:0px;z-index:9999;width:100%;background:url(../images/011.png) repeat;height:56px;line-height:56px;}
.index-foot .infoots{width:1005px;margin:0 auto;float:none;}
.index-foot div{float:left;}
.index-foot div p{color:#FFF;font-size:20px;float:left;background:url(../images/phone.png) no-repeat left center;padding-left:40px;}
.index-foot div p span{font-weight:bold;}
.index-foot div a{float:left;width:80px;height:36px;line-height:36px;display:block;border-radius:3px;padding-left:52px;margin:11px 0 0 22px;color:#353535;font-size:14px;}
.index-foot div .a1{background:url(../images/a11.png) no-repeat 20px center #FFF;}
.index-foot div .a2{background:url(../images/a22.png) no-repeat 20px center #FFF;}
.index-foot div .a3{background:url(../images/a33.png) no-repeat 20px center #FFF;}
.index-foot div .a1:hover{background:url(../images/a11s.png) no-repeat 20px center #d22727;color:#FFF;}
.index-foot div .a2:hover{background:url(../images/a22s.png) no-repeat 20px center #d22727;color:#FFF;}
.index-foot div .a3:hover{background:url(../images/a33s.png) no-repeat 20px center #d22727;color:#FFF;}
.index-foot .tops{float:right;width:36px;height:36px;display:block;background:url(../images/tops.png) no-repeat;padding:0;margin:11px 0 0 0;}
.header .hulse{display: block !important;}
.header .llse{display: none !important;}



@media screen and (max-width:1400px){
.header{left:-218px;}
.header .strip{display:block;width:33px;right: 13px;}
.header .head{ margin-left: -50px;}
.header .logo_but,
.header .language{display:block;}
.header .headul{display: none;}
}
@media screen and (max-width:1024px){
.header .headul li:hover .shows,
.header .hulse li:hover .shows{display: none;}
.header .headul li:hover span{color:#7e7e7e;}
.header .headul li:hover p,
.header .hulse li:hover p,
.header .headul li.active p{color:#000000;}
.header .headul li:hover span,
.header .hulse li:hover span,
.header .headul li.active span{color:#7e7e7e;}
.header .headul li:hover .nava1,
.header .headul li:hover .nava2,
.header .headul li:hover .nava3,
.header .headul li:hover .nava4,
.header .headul li:hover .nava5,
.header .headul li:hover .nava6{background:none;}
.header .hulse li.active p,
.header .hulse li.active span{color:#FFF;}
.header .headul li.active:hover .nava1{background:url(../images/nava1.png) no-repeat 8px center #d58d12;}
.header .headul li.active:hover .nava2{background:url(../images/nava2.png) no-repeat 8px center #d58d12;}
.header .headul li.active:hover .nava3{background:url(../images/nava3.png) no-repeat 8px center #d58d12;}
.header .headul li.active:hover .nava4{background:url(../images/nava4.png) no-repeat 8px center #d58d12;}
.header .headul li.active:hover .nava5{background:url(../images/nava5.png) no-repeat 8px center #d58d12;}
.header .headul li.active:hover .nava6{background:url(../images/nava6.png) no-repeat 8px center #d58d12;}
}
@media screen and (max-height:860px){
.header .head{padding-top: 3%;}
}
@media screen and (max-height:768px){
.header .head_logo{padding:35px 0;}
}
@media screen and (max-height:613px){
.header .head_logo{padding: 14px 0;}
}
@media screen and (max-width:640px){
.heade{display:block;}
.heade .logo_but,
.heade .language,
.heade .headul li span{display:none;}
.header .hulse,
.header{display: none;}

}