/*edit by Zenith   Date:2016-07-25*/
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 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
img{ max-width:100%;}
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: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }

/*主体*/
body{font-size:14px; color:#333; font-family:"Microsoft YaHei"}
a{color:#575757;}
a:hover{ color:#ff9c00;}
.wrapper{ position:relative; margin: 0 auto; width:100%; overflow:hidden;}
.wrap{ width:96%; margin: 0 auto; position:relative;}
.g-in{ width:1200px; margin: 0 auto;}

.hd-common-01{ vertical-align:middle;}
.hd-common-01 h1{ font-size:32px; color:#333; text-align:center; display:inline-block;}
.hd-common-01 h1 i{ display:inline-block; font-style:normal; font-size:38px;  line-height:35px; height:35px; padding: 0 5px; text-transform:capitalize;}
.hd-common-01 span{  display:block; text-align:center; font-size:30px; text-transform:uppercase; color:rgba(00,00,00,0.4); font-weight:normal; font-weight:bold}

.header{ position:fixed; width:100%; margin: 0 auto; padding:20px 0; z-index:99;}
.header .wechat{ position:relative; float:left; width:70px; cursor:pointer;}
.header .wechat span{ position:absolute; left:0; top:70px; display:none; z-index:99;}
.header .wechat span img{max-width: none;}
.header .wechat:hover span{ display:block;}
.header .logo{ float:left; }
.header .nav { float:right;}
.header .nav ul{ float:left;}
.header .nav ul li{ float:left; text-align:center; line-height:52px; font-size:14px; margin-right:50px}
.header .nav ul li a{ color:#fff; display:block;}
.header .nav ul li a:hover,.header .nav ul li a.current{ color:#ae0d15;}
.header .nav .language{ float:left;}
.header .nav .language a{ display:inline-block; line-height:30px; color:#fff; padding: 0 2px; text-transform:uppercase;}
.header .nav .language a:last-child{font-family:Arial;}

.header .nav  .search{ float:left; position:relative; }
.header .nav .search .form{  width:20px; height:52px; line-height:52px; background:url(search_btn.gif) no-repeat center center; margin-right: 30px; cursor:pointer;}
.header .nav .search form{ display:none; position:absolute; left:-190px; top:30px; width:200px; background:#fff; z-index:999;}
.header .nav .search form input{ display:inline-block; height:30px; line-height:30px; float:left; box-sizing:border-box; border:1px solid #eee;}
.header .nav .search form input[type="text"]{ width:160px; padding-left:10px;}
.header .nav .search form input[type="submit"]{ width:40px; text-align:center; background:#ff9c00; color:#fff; cursor:pointer;}
.header .nav .nav-click{ float:left; width:30px; height:52px; line-height:30px; background:url(nav-click.png) no-repeat center center; cursor:pointer;}

.header-com .nav .search .form{ background:url(search-btn-2.png) no-repeat center center;}
.header-com .nav .nav-click{ background:url(nav-click-2.png) no-repeat center center;}
.header-com .nav ul li a{ color:#000;}
.header-com .nav ul li a:hover,.header-com .nav ul li a.current,.header-com .nav .language a:hover{ color:#ae0d15;}
.header-com .nav .language a{ color:#000;}
.header-com .nav .nav-click-sj{ display:none; width:40px; height:60px; float:left; background:url(nav-click-2.png) center center no-repeat;}

.bottom{position:absolute; width:100%;  bottom:0px; right:0; z-index:99; background:rgba(0,0,0,0.5);  line-height:40px; height:40px; font-size:12px; }
.bottom .wel{ float:left; padding-left:2%; color:#fff}
.bottom .wel a{ color:#fff;}
.bottom .wel a:hover{  color:#ff9c00;}
.bottom .links{ float:right; padding-right:2%;}
.bottom .links a{ color:#fff; display:inline-block;}
.bottom .links a:hover{ color:#ff9c00; }
.bottom .jiathis_style_24x24{ float:right; padding-right:2%; margin-top:8px;}
.bottom .jiathis_style_24x24 a{ margin: 0 2px; }
.bottom .jtico_cqq{ background:url(qq.png) no-repeat center !important;}
.bottom .jtico_weixin{background:url(wechat.png) no-repeat center!important;}
.bottom .jtico_tsina{ background:url(sina.png) no-repeat center!important;}

.bottom1{ border-top:1px solid #eee; position:relative; width:100%;  line-height:40px; height:40px; color:#333; font-size:12px; }
.bottom1 a{ color:#333;}
.bottom1 .wel{ float:left; padding-left:2%;}
.bottom1 .wel a{ color:#333;}
.bottom1 .wel a:hover{  color:#ff9c00;}
.bottom1 .links{ float:right; padding-right:2%;}
.bottom1 .links a{ color:#333; display:inline-block;}
.bottom1 .links a:hover{ color:#ff9c00; }
.bottom1 .jiathis_style_24x24{ margin-top:8px;}
.bottom1 .jiathis_style_24x24{ float:right; padding-right:2%;}
.bottom1 .jtico_cqq{ background:url(qq2.png) no-repeat center !important;}
.bottom1 .jtico_weixin{background:url(wechat2.png) no-repeat center!important;}
.bottom1 .jtico_tsina{ background:url(sina2.png) no-repeat center!important;}

.fixed-right{ position:fixed; width:68px; right:0; bottom:10%; background:#222; color:#aaa;}
.fixed-right ul li{ width:68px; height:24px; padding-top:44px; border-bottom:1px solid #fff; font-size:12px; text-align:center; position:relative;}
.fixed-right ul li:hover{ color:#fff;}
.fixed-right ul li:nth-child(1){ background:url(fixed-01.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(2){ background:url(fixed-02.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(3){ background:url(fixed-03.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(4){ background:url(fixed-04.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(1):hover{ background:url(fixed-01-hover.png) no-repeat center 10px #ae0d15;}
.fixed-right ul li:nth-child(2):hover{ background:url(fixed-02-hover.png) no-repeat center 10px #ae0d15;}
.fixed-right ul li:nth-child(3):hover{ background:url(fixed-03-hover.png) no-repeat center 10px #ae0d15;}
.fixed-right ul li:nth-child(4):hover{ background:url(fixed-04-hover.png) no-repeat center 10px #ae0d15;}

.fixed-right ul li .box{  position:absolute; padding:20px 20px; background:#f8f8f8; left:0; display:none;}
.fixed-right ul .li-01 .box{ position:absolute; width:130px; left:-170px; top:0;  }
.fixed-right ul .li-01 .box a{ display:block; line-height:50px; font-size:14px; padding-left:30px; background:url(online-qq.png) no-repeat 15px center; border-bottom:1px solid #eee;}

.fixed-right ul .li-02 .box{ width:250px; left:-290px; top:-100px; }
.fixed-right ul .li-02 .box h3{ color:#fff; text-align:center; font-size:14px; color:#333; font-weight:100; line-height:40px;}
.fixed-right ul .li-02 .box input,.fixed-right ul .li-02 .box  textarea{ display:inline-block; box-sizing:border-box; width:250px; height:40px; padding-left:10px; margin-bottom:10px; border:1px solid #ddd;}
.fixed-right ul .li-02 .box  textarea{ padding-top:10px;}
.fixed-right ul .li-02 .box input[type="submit"]{ color:#fff; background:#ae0d15; border:1px solid #ae0d15;}

.fixed-right ul .li-03 .box{ width:330px; left:-370px; top:-50px; text-align:left; }
.fixed-right ul .li-03 .box p{ line-height:50px; font-size:24px; color:#333;}
.fixed-right ul .li-03 .box p span{ font-size:14px;}

@media (max-width:1200px) {
	.header{ padding:0}
	.header .logo img{ width:auto; height:50px; padding:5px 0}
	.header .nav ul{ display:none}
	.header .nav .search{ display:none}
	.header-com .nav .nav-click{ display:none}
	.header-com .nav .nav-click-sj{ display:block}
	.header .nav{ margin-top:0!important}
	.header .nav .language{ margin-top:15px; margin-right:10px}
	.fixed-right{ display:none}
}

.snav{ width:100%; height:100%; background:rgba(00,00,00,0.5); position:fixed; z-index:99; left:0; top:0; display:none;}
.snav .lt{ width:calc(100% - 200px); float:left; height:100%}
.snav .rt{ width:200px; height:100%; float:right; background:#fff}
.snav .rt h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.snav .rt li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.snav .rt li a { display:block; }
.snav .rt li a:hover,.m-nav .current a { color:#f9b655; }
.snav .rt .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }

@media (max-width:1200px) {
	.bottom1{ height:auto; padding:2%; box-sizing:border-box; text-align:center}
	.bottom1 .wel{ width:100%; box-sizing:border-box; float:none; padding:0; line-height:2; color:#fff}
	.bottom1 .links{ width:100%; box-sizing:border-box; float:none; padding:0; line-height:2}
	
}

.footer{ width:100%; background:#3f3a39; color:#fff}
.footer a{ color:#fff}
.footer .ft01{ width:100%; padding:25px 0;}
.footer .ft01 .nr{ width:1400px; margin:0 auto; font-size:16px}
.footer .ft01 .nr .lt{ float:left}
.footer .ft01 .nr .rt{ float:right}
.footer .ft01 .nr .rt span{ display:inline-block; vertical-align:top; margin-left:50px}
.footer .ft02{width:100%;}
.footer .ft02 .nr{ width:1400px; margin:0 auto; font-size:14px; color:rgba(255,255,255,0.5); padding:10px 0; border-top:1px solid #797575}
.footer .ft02 .nr a{ color:rgba(255,255,255,0.5)}
.footer .ft02 .nr .lt{ float:left}
.footer .ft02 .nr .rt{ float:right}
@media (max-width:1600px) {
	.footer .ft01 .nr{ width:1200px;} 
	.footer .ft02 .nr{ width:1200px;} 
}
@media (max-width:1200px) {
	.footer .ft01 .nr{ width:92%; font-size:14px; line-height:2}
	.footer .ft01 .nr .lt{ float:left; width:100%}
	.footer .ft01 .nr .rt{ float:left; width:100%}
	.footer .ft01 .nr .rt span{ display:block; margin:0; width:100%}
	.footer .ft02 .nr{ width:92%; font-size:12px; line-height:2; text-align:center}
	.footer .ft02 .nr .lt{ float:left; width:100%}
	.footer .ft02 .nr .rt{ float:left; width:100%}
}