@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_c8en7yzoxu9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_c8en7yzoxu9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_c8en7yzoxu9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_c8en7yzoxu9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_c8en7yzoxu9.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
.web-font{
    font-family:"webfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

html {-webkit-text-size-adjust:none;max-height:100%;font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.6rem;/*1.6 × 10px = 16px */}
body {position: relative;font-family: frutigernext,'webfont',Helvetica,sans-serif;line-height: 28px;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: none;}
h1 {margin-top: 0;font-size: 28px;line-height: 48px;}
h1.clr_topMn {margin-top: -12px;}
h1.center {margin-bottom: 10px;}
h2 {letter-spacing: 1px;font-size: 24px;}
h2.title {text-align: center;font-size: 28px;}
h3 {font-size: 18px;}
h3.Subtitle {color: #999;font-size: 14px;}
h4 {font-size: 16px;}
h6 {margin-top: 24px;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;font-family: 'webfont',Arial,Helvetica,sans-serif;}
.hover {cursor: pointer;cursor: hand;}
.center {text-align: center;}
body,html,ul {margin: 0;padding: 0;}
ul {list-style-type: none;}

.container {width: 100%!important;max-width: 1200px;}
.lg-container {margin: 0 auto;margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px;width: 100%!important;max-width: 1400px;}
.left {text-align: left!important;}
.fl,.f-l {float: left;}
.fr,.f-r {float: right;}
.clearfix{zoom:1;}
.clearfix:after, clearfix:before{display:table; content:'';}
.clearfix:after{clear:both;}
@-ms-viewport {width:auto!important;}

#harwar_preloader {position: absolute;top: 0;z-index: 999;margin-top: 81px;width: 100%;height: 100%;background-color: #000;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;transition: opacity .5s ease-out;}
.object {position: absolute;margin-right: 5px;margin-bottom: 5px;width: 10px;height: 10px;-webkit-border-radius: 50% 50% 50% 50%;-moz-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;background-color: #fff;}
 
@-webkit-keyframes ball-fall {0% {	opacity: 0;	-webkit-transform: translateY(-145%);	transform: translateY(-145%);}
	10% {	opacity: .5;}
	20% {	opacity: 1;	-webkit-transform: translateY(0);	transform: translateY(0);}
	80% {	opacity: 1;	-webkit-transform: translateY(0);	transform: translateY(0);}
	90% {	opacity: .5;}
	to {	opacity: 0;	-webkit-transform: translateY(145%);	transform: translateY(145%);}
}
@-moz-keyframes ball-fall {0% {	opacity: 0;	-moz-transform: translateY(-145%);	transform: translateY(-145%);}
	10% {	opacity: .5;}
	20% {	opacity: 1;	-moz-transform: translateY(0);	transform: translateY(0);}
	80% {	opacity: 1;	-moz-transform: translateY(0);	transform: translateY(0);}
	90% {	opacity: .5;}
	to {	opacity: 0;	-moz-transform: translateY(145%);	transform: translateY(145%);}
}
@-o-keyframes ball-fall {0% {	opacity: 0;	-o-transform: translateY(-145%);	transform: translateY(-145%);}
	10% {	opacity: .5;}
	20% {	opacity: 1;	-o-transform: translateY(0);	transform: translateY(0);}
	80% {	opacity: 1;	-o-transform: translateY(0);	transform: translateY(0);}
	90% {	opacity: .5;}
	to {	opacity: 0;	-o-transform: translateY(145%);	transform: translateY(145%);}
}
@keyframes ball-fall {0% {	opacity: 0;	-webkit-transform: translateY(-145%);	-moz-transform: translateY(-145%);	-o-transform: translateY(-145%);	transform: translateY(-145%);}
	10% {	opacity: .5;}
	20% {	opacity: 1;	-webkit-transform: translateY(0);	-moz-transform: translateY(0);	-o-transform: translateY(0);	transform: translateY(0);}
	80% {	opacity: 1;	-webkit-transform: translateY(0);	-moz-transform: translateY(0);	-o-transform: translateY(0);	transform: translateY(0);}
	90% {	opacity: .5;}
	to {	opacity: 0;	-webkit-transform: translateY(145%);	-moz-transform: translateY(145%);	-o-transform: translateY(145%);	transform: translateY(145%);}
}

.lazy-placeholder {position:relative;display: block;background-color: #ccc;background-image: url("../image/loading.gif");background-position: 50%;background-size: 100px;background-repeat: no-repeat;}
.lazy-placeholder>img{width:100%;height:100%;position:absolute;left:0;top:0;}
.lazy-loaded,.lazy-placeholder.over {width: auto!important;height: auto!important;background-image: none;}

#header {position: relative;top: 0;left: 0;width: 100%;}
#masthead {position: relative;top: 0;z-index: 900; padding: 20px 0 10px 0;width: 100%; height:80px; border-bottom: 1px solid #e5e5e5;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.1);-webkit-transition: all .4s cubic-bezier(.23,1,.32,1);-moz-transition: all .4s cubic-bezier(.23,1,.32,1);-o-transition: all .4s cubic-bezier(.23,1,.32,1);transition: all .4s cubic-bezier(.23,1,.32,1);}
#masthead.fixed {position: fixed;}
 
#logo {position: relative;float: left;overflow: hidden;}
#logo a {display: block;padding: 0; width:150px; height: 40px; background: url("../image/sprite.png") no-repeat -0px -195px;}

@media only screen and (max-width:767px) {
#logo { padding-left:0px;}
#logo a {display: block;padding: 0; width:128px; height: 40px; background: url("../image/logo_m.png") no-repeat;}
}

#brand{ float:left; margin-left:10px; margin-top:3px; padding-left:10px; height:30px; border-left:1px solid #DCDCDC; line-height:17px;font-size:13px; color:#666; }
#sprite {position: relative;float: right;height: 40px;}
#sprite div {position: relative;float: left;display: block;padding: 0;}
#sprite div a {display: block;cursor: pointer;}

.showing #subnav {position: fixed;overflow: visible\9;opacity: 1;transform: translateZ(0);}
#subnav {position: absolute;z-index: 899;overflow: hidden;width: 100%;opacity: 0;transition: all .4s cubic-bezier(.2,1,.2,1);transform: translate3d(0,-105%,0);}
#subnav>div {position: relative;}
.subnav_section {position: absolute;z-index: 90;margin-top: -105%\9;padding: 0;width: 100%;transition: all .4s ease;transform: translate3d(0,-105%,0);}
.subnav_section.open {z-index: 91;margin-top: 0\9;background-color: #f1f1f1;transform: translateZ(0);}
.subnav_con{ padding:10px; margin-top:10px;}
.subnav_con h3{ text-align:center;}
.vertical_line {border-right: 1px solid #d5d5d5;}

.nav {position: relative;float: left;margin-right: 50px;padding: 0;}
.showing .open {display: block;}
.nav>li {float: left;display: block;padding: 0 13px;}
.nav>li:first-child a span {display: block;padding-right: 18px;padding-left: 36px;border-radius: 5px;background-color: #eee;}
.nav>li:first-child a:hover span {background-color: #d01;color: #fff;}
.nav>li:first-child a:hover i {background: url("../image/sprite.png") no-repeat -103px -112px;}
.nav>li:first-child i {position: absolute;top: 12px;left: 14px;display: block;width: 14px;height: 14px;background: url("../image/sprite.png") no-repeat -103px -81px;}
.nav>li>a {position: relative;display: block;overflow: hidden;box-sizing: border-box;padding: 0;height: 46px;border-bottom: 2px solid transparent;color: #323232;text-decoration: none;line-height: 40px;cursor: pointer;transition: border-color .3s,color .3s;}
.nav>li.active>a,.nav>li.home>a,.nav>li>a:hover {border-bottom: 2px solid #cb3034;color: #e22835; background-color:#FFF;}


/**语言**/
#language{ padding:5px; margin:6px 1px 0 10px; width:110px;}
#language:hover{ padding:4px; border:1px solid #dcdcdc;background:#f8f8f8;}
#language a{width:100px; margin-bottom:5px; text-align:left;}
#language a:last-child{ margin-bottom:0px;}
#language a:hover{ color:#F00;}
#language a em{display:inline-block;width:28px;height:18px;margin-right:5px;margin-left:5px;margin-top:-3px;vertical-align:middle}
#language a.choose{ display:none;}
#language a.show{ display:block;}
#language a.show span.caret {display:none;}
#language a em.en{background:url("../image/en.png");}
#language a em.cn{background:url("../image/cn.png");}
#language a span.caret { float:right; margin-top:9px; margin-right:-5px; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;}


.show_more,.show_more>a {width: 25px;height: 56px;}
.show_more>a {display: block;}
.show_more>a:before,.show_more>a:hover:before {position: absolute;top: 8px;left: 8px;display: block;width: 25px;height: 25px;background: url("../image/sprite.png") no-repeat 0 -70px;content: "";}
.show_more>a:hover:before {background-position: 0 -105px;}
/**手机端导航**/
#mob_nav {position: fixed;top: 0;right: -100%;z-index: 888;overflow: auto;width: 100%;height: 100%;background: #fff;}
#header.open,#footer.open,.footer.open {position: fixed;left: -100%!important;}
#mob_nav.open {right: 0!important;box-shadow: -5px 0 10px rgba(0,0,0,.2);}
#header,#mob_nav {-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;-ms-transition: all .3s ease-in;}
#mob_nav ul li {padding: 0 20px;border-bottom: 1px solid #ddd;color: #333;font-size: 16px;line-height: 45px;}
#mob_nav ul li a {display: block;}
#mob_nav ul li.search {line-height: 57px;}
#mob_nav ul li.search .prev {float: left;}
#mob_nav ul li.search .prev a {color: #c00;}
#mob_nav ul li ul li:hover,#mob_nav ul li ul li ul li:hover {color: #fff;}
#mob_nav .title.active>ul>li>a:hover,#mob_nav .title.active a {color: #c00;}
#mob_nav .title.active>ul>li>a {color: #333;}
#mob_nav ul li ul {display: none;margin-right: -20px;margin-left: -25px;padding-right: 20px;padding-left: 25px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;color: #fff;}
#mob_nav .title.active>ul>li:hover>a,#mob_nav ul>li,#mob_nav ul>li:hover>a,li.has_more>ul>li a:hover,li.has_more a:hover,li.no_more a:hover,li.nomore>ul>li a:hover {color: #fff;}
#mob_nav ul li ul li:hover,#mob_nav ul li ul li ul li:hover {background-color: #c00;}
#mob_nav ul li ul li.title {color: #c00;}
#mob_nav ul>li>ul>li,#mob_nav ul li ul li.title {margin-right: -20px;margin-left: -25px;padding-right: 20px;padding-left: 25px;background-color: #dedede;}
#mob_nav ul>li>ul>li {border-bottom: 1px solid #aaa;}
#mob_nav ul li ul li ul li {margin-right: -20px;margin-left: -25px;padding-right: 20px;padding-left: 40px;background-color: #dedede;border-bottom-color: #aaa;}
.ul-block {display: block!important;}
@media only screen and (max-width:1023px) {
	#masthead {	padding: 10px 0; height:60px;}
	#mob_nav_close {	position: relative;	right: -16px;	float: right;	padding: 0 15px;	width: 50px;	height: 57px;	vertical-align: middle;	text-align: center;	cursor: pointer;}
	#mob_nav_close:before {	position: absolute;	top: 13px;	left: 15px;	width: 30px;	height: 30px;	background: url("../image/sprite.png") no-repeat -101px -42px;	content: "";}
	li.has_more a,li.no_more a {	position: relative;}
	li.has_more:hover,li.no_more:hover {	background-color: #c00;	color: #fff;}
}
 
/**页脚**/
#footer{background:#202020; margin-top:20px;}
#footer .row{ margin:0;}
#footer .foot_nav{width:70%; margin-top:20px; padding-top:10px; }
#footer .foot_nav ul{width:20%; float:left;}
#footer .foot_nav ul li{padding:5px; font-size:14px; height:32px; line-height:32px;}
#footer .foot_nav ul li a{color:#FFFFFF;}
#footer .foot_nav ul li.top{color:#ffffff; font-size:20px; margin-bottom:10px;}
#footer .follow{ width:340px;  margin-top:20px; padding-top:10px; }
#footer .follow .top{color:#ffffff; font-size:20px; margin-bottom:20px; height:30px; line-height:30px;}
#footer .follow .qrcode{width:340px; height:190px;text-align:center;}
#footer .follow .qrcode a{padding-top:160px; width:160px; height: 30px; line-height:30px; color:#CCC;}
#footer .follow .qrcode .qrcode_weibo {float:right; background: url("../image/sprite.png") no-repeat -6px -240px; }
#footer .follow .qrcode .qrcode_wechat {float:left; background: url("../image/sprite.png") no-repeat -6px -448px; }
#footer .follow .qrcode p{ color:#CCC;}
#footer .follow .qrcode div:first-child{ margin-left:20px;}
#footer .copyright{ border-top:#272828 1px solid; color:#474747; height:39px; line-height:39px; margin-top:20px; }
#footer .copyright a{color:#474747;}

/*@media only screen and (max-width:768px){#footer{ padding-top:60px;} }*/
/* mob-footer */
#mob-footer {width:100%;height:60px; margin-bottom:-60px; padding-top:6px; background: #1e1f24; position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;  }
#mob-footer a {display:block;float:left;width:25%;color: #fff; height:60px;}
#mob-footer a span {display:block;width:100%;text-align:center;font-size: 28px; height:28px;line-height: 28px;}
#mob-footer a h3 {display:block;width:100%; margin:0px; text-align:center;height:32px;line-height: 32px;}
@font-face {font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype');}
.iconfont {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/*侧栏*/
.tooler-item,.tooler-layer{background:url(../image/sprite.png) no-repeat;}
.tooler{position:fixed;right:1px;bottom:20%;z-index:999;}
.tooler-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s; background-color:#C3C3C3;}
.tooler-item:hover{ background-color:#FF0000;}
.tooler-item:hover .tooler-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.tooler-item-top{background-position:0 -870px;}
.tooler-item-top:hover{background-position:0 -932px;}
.tooler-item-wechat{background-position:0 -994px;}
.tooler-item-wechat:hover{background-position:0 -1056px;}
.tooler-item-wechat .tooler-layer{height:212px;background-position:0 -400px;}
.tooler-item-feedback{background-position:0 -620px;}
.tooler-item-feedback:hover{background-position:0 -682px;}
.tooler-item-contact{background-position:0 -746px;}
.tooler-item-contact:hover{background-position:0 -808px;}
.tooler-layer{position:absolute;right:50px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}