@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ color: #555; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.mr0{ margin-right:0 !important; float:right !important;}
img{max-width: 100%;height: auto}

.pcshow{display: block;}
.sjshow{display: none}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
*{color: #666}
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
a {  color: #666; text-decoration:none; transition: all 0.3s ease 0s; }
a:hover { text-decoration:none; color: #4bace0; }
area {  anything:expression(this.onfocus=this.blur);  }
s{text-decoration: none}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in{width:1280px;margin:0 auto;*zoom:1;} .g-in:after{content:"\20";display:block;height:0;clear:both;}
@media screen and (max-width: 1280px){
	.g-in{width: 100%}
}
.header{background-attachment: fixed;background-size: cover}
.logonav2.fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 99;display: none;border-bottom: 1px solid #68a0e7;background: #fff}
.logo_nav{padding: 18px 0}
.logo{float: left;width: 208px;height: 46px}
.logo img{height: 100%;width: auto}
.nav{float: right;line-height: 46px;height: 46px}
.nav li{float: left;font-size: 16px;color: #fff;padding: 0 26px;position: relative;padding-bottom: 7px}
.nav li a{color: #fff;display: block;transition: none}
.nav li.lang{font-size: 14px}
.nav li.lang a{display: inline-block;padding: 0 2.5px}
.nav li.lang a.on{color: #0054ff}
.nav .secNav{position: absolute;left: 0;right: 0;top: 53px;background: #fff;text-align: center;display: none}
.nav .secNav dd a{display: block;color: #333;font-size: 14px;padding: 4px 0;line-height: 25px}
.nav .secNav dd a:hover{background: #ccc;color: #000}
.slogan{margin-top: 22%;text-align: center;}
.slogan h4{font-size: 48px;font-weight: normal;line-height: 60px;margin: 0 5%;color: #fff}
.slogan p{font-size: 20px;margin: 5%;color: #fff}
.slogan a.m{display: inline-block;width: 213px;height: 48px;border: 1px solid #fff;line-height: 48px;font-size: 14px;color: #fff;}
.slogan a.m:hover{background: #fff;border-color: #fff;color: #333}



.logonav.fixed li a{color: #333}
.logonav.fixed li.on>a{background: url(base_nav_1.png) repeat-x 0 bottom;}


@media screen and (max-width: 1000px){
	.nav li{font-size: 14px;padding: 0 18px}
}

@media screen and (max-width: 850px){
	.sjshow{display: block;}
	.pcshow{display: none}
	
	.logo_nav{height: 40px;padding-top: 10px}
	.logo{height: 30px;width: auto;margin-left: 2%;padding-top: 5px;float: none;}

	.menu_btn{height: 40px;width: 40px;background: url(menu.png);background-size: cover;position: absolute;right: 2%;top: 12px}
	.menu_btns{height: 40px;width: 40px;background: url(menus.png);background-size: cover;position: absolute;right: 2%;top: 12px}

	.nav{float: none;background: rgba(0,0,0,0.7);height: auto;margin-top: 2%;z-index: 99;position: relative;padding: 2% 0;display: none}
	.logonav2 .nav{background: #fff}
	.logonav2 .nav .lang{color: #333}

	.nav li{float: none}
	.nav .secNav{position: relative;top: 0;text-align: left;background: none;padding-left: 5%;}
	.nav .secNav dd a{color: #fff}

	.logonav2 .nav .secNav dd a{color: #333}

	.slogan h4{font-size: 30px;line-height: 40px}
	.slogan p{font-size: 16px;margin: 8% 5%}
	.slogan a.m{width: 178px;height: 38px;line-height: 38px}

	.slogan{margin-top: 25%;}
}

@media screen and (max-width: 640px){
	.slogan h4{font-size: 20px;line-height: 36px}
	.slogan a.m{width: 140px;height: 28px;line-height: 28px}
}

.footer{padding-top: 45px;background: #f8f8f8}
.ft-1{padding-bottom: 50px}
.ft-nav{float: left;}
.ft-nav dl{float: left;width: 180px}
.ft-nav dt a{display: block;font-size: 16px;color: #333;margin-bottom: 18px}
.ft-nav dd a{display: block;font-size: 12px;color: #666;line-height: 27px}
.ft-search{float: left;width: 200px;position: relative;}
.ft-search input[type="text"]{width: 180px;padding-left: 20px;height: 25px;border-radius: 15px;border: 1px solid #d3d3d3}
.ft-search input[type="submit"]{width: 12px;height: 12px;background: url(ft_ico_1.png) no-repeat;position: absolute;right: 11px;top: 8px;cursor: pointer;}
.ft-qrcode{float: right;text-align: center;}
.ft-qrcode span{display: block;line-height: 26px}

.ft-2{height: 90px;line-height: 90px;border-top: 1px solid #dedede}
.ft-copyright{float: left;}
.ft-ibw{float: right;}

.goTop{width: 44px;height: 44px;position: fixed;right: 0;bottom: 0;z-index: 999;background: url(top.png);display: none;cursor: pointer;}

@media screen and (max-width: 1280px){
	.footer{padding: 0 2%;padding-top: 5%}
	.ft-1{padding-bottom: 5%}
	.ft-nav dl{width: 20%;text-align: center;}
	.ft-nav{float: none}
	.ft-nav dt a{margin-bottom: 1%;font-size: 14px;}
	.ft-search{float: none;margin: 4% auto}
	.ft-qrcode{float: none;text-align: center;}
	.ft-qrcode li{display: inline-block;margin: 0 2%}
}

@media screen and (max-width: 750px){
	.ft-2{line-height: 25px;height: auto;padding: 2% 0;text-align: center;}
	.ft-copyright{float: none}
	.ft-ibw{float: none}
}

.right{position: fixed;right: 2%;top: 35%;z-index: 99}
.right li{width: 60px;height: 60px;margin-bottom: 2px;position: relative;background:rgba(51,51,51,.5) url(qq.png) no-repeat center center;}
.right li a{display: block;width: 60px;height: 60px;}
.right li:nth-child(2){background:rgba(51,51,51,.5) url(weixin.png) no-repeat center center;} 
.right li div{position: absolute;right: 65px;top: 0;width: 150px;display: none}
.right li div.p{width: 150px;text-align: center;height: 45px;line-height: 45px;color: #fff;background: #167bc9;font-size: 14px}
.right li:hover div{display: block;}
@media screen and (max-width: 750px){
	.right{display: none}
}