*{
    margin:0;
    padding:0;
    font-weight: normal;
    box-sizing: border-box;
}
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; }

.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}

/*1行文本省略号*/
.dot1{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*主体*/
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:20px;  line-height:35px; height:35px; padding: 0 5px; text-transform:capitalize;}
.hd-common-01 span{  display:block; text-align:center; font-size:14px; color:#666; font-weight:normal;}

.header{ position:fixed; width:100%; margin: 0 auto; padding:19px 0 20px; 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 .logo1{ display:block;}
.header .logo2{ display:none;}
.header .nav { float:right; width:770px; margin-top:9px;}
.header .nav ul{ width:630px; float:left;}
.header .nav ul li{ float:left; width:90px; text-align:center; line-height:30px; font-size:14px;}
.header .nav ul li a{ color:#fff; display:block;}
.header .nav ul li a:hover,
.header .nav ul li.current a{ color:#ff9c00;}
.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:30px; line-height:30px; background:url(../images/search_btn.gif) no-repeat center 8px; margin: 0 15px; 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:30px; line-height:30px; background:url(../images/nav-click.png) no-repeat center 8px; cursor:pointer;}

.header-com{ background:#fff;}
.header-com .logo1{ display:none;}
.header-com .logo2{ display:block;}
.header-com .nav .search .form{ background:url(../images/search-btn-2.png) no-repeat center 6px;}
.header-com .nav .nav-click{ background:url(../images/nav-click-2.png) no-repeat center 6px;}
.header-com .nav ul li a{ color:#000;}
.header-com .nav ul li a:hover,
.header-com .nav ul li.current a,
.header-com .nav .language a:hover{ color:#ff9c00;}
.header-com .nav .language a{ color:#000;}

.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%;}
.bottom .wel a{ color:#fff; margin:0 5px;}
.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; }

.fixed-right{ position:fixed; width:68px; right:0; bottom:50px; 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(../images/fixed-01.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(2){ background:url(../images/fixed-02.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(3){ background:url(../images/fixed-03.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(4){ background:url(../images/fixed-04.png) no-repeat center 10px;}
.fixed-right ul li:nth-child(1):hover{ background:url(../images/fixed-01-hover.png) no-repeat center 10px #ff9c00;}
.fixed-right ul li:nth-child(2):hover{ background:url(../images/fixed-02-hover.png) no-repeat center 10px #ff9c00;}
.fixed-right ul li:nth-child(3):hover{ background:url(../images/fixed-03-hover.png) no-repeat center 10px #ff9c00;}
.fixed-right ul li:nth-child(4):hover{ background:url(../images/fixed-04-hover.png) no-repeat center 10px #ff9c00;}
*/
.fixed-right ul li.back-to{ background:url(../images/fixed-04.png) no-repeat center 10px;}
.fixed-right ul li.back-to:hover{ background:url(../images/fixed-04-hover.png) no-repeat center 10px #ff9c00;}

.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(../images/online-qq.png) no-repeat 15px center; border-bottom:1px solid #eee;}

.fixed-right ul .li-02 .box{ width:250px; left:-290px; top:0; }
.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:#ff9c00; border:1px solid #ff9c00;}

.fixed-right ul .li-03 .box{ width:260px; left:-300px; top:0; text-align:center; }
.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 screen and (max-width: 1200px){
	.g-in{ width:100%;}

	.header{padding:14px 0 15px;}
	.header .logo{ float:left; }
	.header .nav { width: auto; margin-top:9px;}
	.header .nav ul{ float: none; width:100%; position:absolute; right:0; top:69px; z-index:9999; background:rgba(255,255,255,.95); padding:20px 0; display:none;}
	.header .nav ul li{ float: none; width:100%; line-height:3rem; font-size:1rem;}
	.header .nav ul li a{ color:#000;}
	
	.header-com .nav ul{}
	.header-com .nav ul li a{ color:#000;}

	.bottom .wel{ float: none; padding-left:0; font-size:.7rem;}
	.bottom .wel a{ display:none;}
	.bottom .links{ display:none;}

}

@media screen and (max-width: 640px){
	.header{padding:10px 0;}
	.header .logo{ height:40px; }
	.header .logo img{ height:40px; }
	.header .nav { margin-top:0px;}
	.header .nav ul{ top:52px; }
}