@charset "utf-8";

.clear:after,.clear:before{content:"";display:block; clear: both;line-height:0; }
html {}
html,img,fieldset {border:0;}
html,body,form {margin:0;padding:0;}
@font-face {
	font-family:Tahoma_font;
	src: url('../fonts/tahoma.ttf');
}
@font-face {
    font-family:Fzxbsjw_font;
	src: url('../fonts/方正小标宋_GBK.ttf');
}

@font-face {
	font-family: tahoma;
	src: url("../fonts/tahoma.ttf");
}
@font-face {
	font-family: ZHSRXT;
	src: url("../fonts/ZHSRXT.ttf");
}
@font-face {
	font-family: FZXBSJW;
	src: url("../fonts/FZXBSJW.TTF");
}
@font-face {
	font-family:Tahoma_font;
	src: url('../fonts/tahoma.ttf');
}
@font-face {
	font-family:AdobeHeiti;
	src: url('../fonts/AdobeHeiti.otf');
}
body{
	font-family:'Tahoma_font';
}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:14px;font-weight:normal;}

ul,ol {margin:0;padding:0;}
dl,p  {margin:0;padding:5px 0;}

a, 
a:link {color:#000;text-decoration:none;}
a:active {}
a:hover { }
a:visited{}

/* 浮动元素 */
.rectbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.rectbox {clear:both;*display:inline-block;}
.rectbox .left {float:left;_display:inline;}
.rectbox .right {float:right;_display:inline;}


/*================ Form 元素统一 =================*/
	textare {overflow-y:visible}
	label {cursor:pointer;_cursor:default;}
	input[type="submit"] {cursor:pointer;}
	input[type="button"] {cursor:pointer;}
	input[type="reset"]  {cursor:pointer;}
	input.submit     {cursor:pointer;}
	input.button     {cursor:pointer;}
	input.reset      {cursor:pointer;}
	input.disabled   {cursor:default;}
	input[disabled]  {}
	input.readonly   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	input[readOnly]   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	*html input {
		direction:expression(function(sjd){
			if(document.readyState=="complete"){
				sjd.style.direction = "ltr";                                     /* 只 执行一次*/
				sjd.className += " "+sjd.type;                            /* 根据type 类型 添加 className，弥补IE6 无法使用 [type=""] 改用 input.type */
			}
		}(this));
		unicode-bidi:expression(function(sjd){
			if(document.readyState=="complete"){
				/* input  只读时 ie6 添加 className " readonly" */
				if(sjd.readOnly == true) {
					if(sjd.className.search(" readonly")==-1){sjd.className += " readonly";}
				} 
				else {if(sjd.className.search(" readonly")!=-1){sjd.className = sjd.className.replace(" readonly","")}
				} 
				/* input被禁用时 ie6 添加 className " disabled" */
				if(sjd.disabled == true) {
					if(sjd.className.search(" disabled")==-1){sjd.className += " disabled";}
				}
				else {if(sjd.className.search(" disabled")!=-1){sjd.className = sjd.className.replace(" disabled","")}
				} 
			}
		}(this));
	}
	

/* IE6 背景图缓存优化  IE6 fixed box hack */
*html html {direction:expression(function(el){
	el.style.direction = "ltr";
	try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
}(this))}


/************  
	常用 类 使用  
	----------------------------

	------ A 虚线 ------
	----------------------------
		a {outline:0;zoom:expression(function(sjd){sjd.style.zoom = "1";sjd.hideFocus=true;}(this))}


	------ :first-child{} ------
	----------------------------
		div:first-child{} ;
		div.first-child{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " first-child"}
		}(this))}
		
		.className:first-child{} 
		.className_first-child{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " className_first-child"}
		}(this))}
	----------------------------

	------ :hover{} ------------
	----------------------------
		div:hover{} ;
		div.hover{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' hover','')} };
		}(this))}
		.className:hover{} 
		.className_hover{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' className_hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' className_hover','')} };
		}(this))}

	----------------------------

	------ PNG图 ---------------
	----------------------------
	背景
	*html .className {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6bg")==-1){sjd.className += " ie6bg"}}(this));}
	前景
	*html .className img {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6img")==-1){sjd.className += " ie6img"}}(this));}
	
********************/

/* CSS Document
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> v1.0 | 20080212 */

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, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height:1;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*----------basic----------*/
 
.bt:hover,
.bt:hover * { cursor: pointer; text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }
    .bt:hover.lt,
    .bt:hover.lt * { opacity: 0.95; filter: alpha(opacity=95); }
    .bt:hover.gt,
    .bt:hover.gt * { opacity: 0.6; filter: alpha(opacity=60); }

.flex { display: flex;  }
    .flex.lt { width: 105%; }
    .flex.gt { width: 125%; }
.ht05 { height: 5px; }
.ht10 { height: 10px; }
.ht15 { height: 15px; }
.ht20 { height: 20px; }
.ht25 { height: 25px; }
.ht30 { height: 30px; }
.ht35 { height: 35px; }
.ht40 { height: 40px; }
.ht45 { height: 45px; }
.ht50 { height: 50px; }
.ht55 { height: 55px; }
.ht60 { height: 60px; }
.ht65 { height: 65px; }
.ht70 { height: 70px; }
.ht75 { height: 75px; }
.ht80 { height: 80px; }
.ht85 { height: 85px; }
.ht90 { height: 90px; }
.ht95 { height: 95px; }
.ht100 { height: 100px; }
.ht200 { height: 200px; }
.ht300 { height: 300px; }
.ht400 { height: 400px; }
.ht500 { height: 500px; }
.wh05 { display: inline-block; width: 5px; }
.wh10 { display: inline-block; width: 10px; }
.wh15 { display: inline-block; width: 15px; }
.wh20 { display: inline-block; width: 20px; }
.wh25 { display: inline-block; width: 25px; }
.wh30 { display: inline-block; width: 30px; }
.wh35 { display: inline-block; width: 35px; }
.wh40 { display: inline-block; width: 40px; }
.wh45 { display: inline-block; width: 45px; }
.wh50 { display: inline-block; width: 50px; }
.wh55 { display: inline-block; width: 55px; }
.wh60 { display: inline-block; width: 60px; }
.wh65 { display: inline-block; width: 65px; }
.wh70 { display: inline-block; width: 70px; }
.wh75 { display: inline-block; width: 75px; }
.wh80 { display: inline-block; width: 80px; }
.wh85 { display: inline-block; width: 85px; }
.wh90 { display: inline-block; width: 90px; }
.wh95 { display: inline-block; width: 95px; }
.wh100 { display: inline-block; width: 100px; }
.none { display: none; }
.hide { opacity: 0; filter: alpha(opacity=0); }
.ie-radius { border-radius: 5px; behavior: url(css/ie-css3.htc); }
.f_left { float: left; }
.f_right { float: right; }
/*----------custom----------*/









/*----------------------------头部   底部 ----------------------------*/


.wb_head{padding: 34px 50px 38px;border-bottom: 1px solid #ececec;}
.wb_logo{float: left;margin-top: 15px;}
.wb_logo_text span{font-size: 14px;color: #CCCCCC;}
.wb_header_right{float: right;}
.wb_nav{text-align: center;max-width: 1200px;margin: 0 auto;width: 98%;}
.wb_nav_on{font-weight: bold;}
.wb_nav ul{display: inline-block;}
.wb_nav ul li{float: left;height: 69px;line-height: 69px;margin: 0 60px;}
.wb_nav ul li:first-child{margin-left: 0;}
.wb_nav ul li a{font-size: 17px;color: #333333;line-height: 16px;}
.wb_nav ul li a:hover{font-weight: bold;}
.wb_nav_zw{margin: 16px 0 17px 63px;float: right;}
.wb_nav_zw a{font-size: 14px;color: #999999;line-height: 34px;padding: 0 30px;border: 1px solid #ECECEC;display: inline-block;border-radius: 25px;}




@font-face {
	font-family:AdobeHeiti;
	src: url('../fonts/AdobeHeiti.otf');
}
/*------------底部---------*/
.xs_wrap1550{width:90%;max-width:1550px;margin:0 auto;}
.xs_foot_top{padding:70px 0;position:relative;}
.xs_foot_top_left{float:left;}
.xs_foot_top_left ul li{width:398px;box-sizing:border-box;padding-left:8px;line-height:42px;height:42px;    display: inline-block;}
.xs_foot_top_left ul li i{display:inline-block;width:42px;height:42px;background:url(../../en/img/xs_foot_img1.png);margin-right:12px;}
.xs_foot_top_left ul li:nth-child(2) i{background:url(../../en/img/xs_foot_img2.png);}
.xs_foot_top_left ul li:nth-child(3) i{background:url(../../en/img/xs_foot_img3.png);}
.xs_foot_top_left ul li:nth-child(4) i{background:url(../../en/img/xs_foot_img4.png);}
.xs_foot_top_left ul li:nth-child(5) i{background:url(../../en/img/xs_foot_img5.png);}
.xs_foot_top_left ul li:nth-child(6) i{background:url(../../en/img/xs_foot_img6.png);}
.xs_foot_top_left ul li:nth-child(1),.xs_foot_top_left ul li:nth-child(2),.xs_foot_top_left ul li:nth-child(3){margin-bottom:45px;}
.xs_foot_top_left ul li span{display:inline-block;line-height:42px;color:#fff;font-family:'AdobeHeiti';font-size:16px;vertical-align: text-bottom;}
.xs_foot_top_rig{float:right;top:-30px;}
.xs_foot_ewm{width:148px;height:148px;box-sizing:border-box;border:1px solid #353535;position:absolute;right:4px;top:40px;padding:7px;}
.xs_foot_ewm img{width:100%;height:100%;display:block;}
.xs_foot_top_rig span{color:#a7a6a6;font-size:16px;margin-right:40px;}
.xs_fgx{width:100%;height:1px;background:#1d1d1d;font-size:16px;}
.xs_foot_bot_left{float:left;padding-left:12px;}
.xs_foot{width:100%;background:#141313;overflow: auto;}
.xs_foot_bot_left a{color:#fff;font-variant:small-caps;line-height:65px;}
.xs_foot_bot_left span{display:inline-block;height:13px;width:1px;background:#1d1d1d;margin:0 35px;line-height:65px;vertical-align: middle;}
.xs_foot_bot_rig{float:right;}
.xs_foot_bot_rig p{font-size:16px;color:#fff;line-height:65px;}
.xs_foot_bot_rig p span{color:#a7a6a6;font-family:'AdobeHeiti';margin-right:18px;}

.go_top{width:80px;height:80px;border-radius:5px;position:fixed;right:50px;bottom:150px;background:url(../../en/img/xs_gotop.jpg);z-index:9999;outline:none;border:none;display:none;}

/*------------底部完---------*/