/*css reset*/
sub, sup {
font-size:75%;
line-height: 0;
position: relative;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
html { font-family:PingFang SC Light Regular,微软雅黑 Light,STHeitiSC-Light,PingFang SC,PingFang HK,"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; height:100%;}
body {  font-size: 1.3rem;  height: 100%;line-height: 1; color:#666; text-align:left;margin:0;　　/* 必要，否则纵向滚动条不会消失 */
　 　 height:100%; /* 必要，以便之后给container设置高度百分比 */ overflow-x:hidden; }
body.active{ overflow:hidden; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
img{border:0;margin: 0; padding: 0; }
.f-left{ float:left}
.f-right{ float:right}
.clear {clear:both;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.hide{ display:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
:focus {outline: 0;}
li{ list-style:none;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; font-size-adjust: inherit; font-stretch: inherit;}
.wrap{ max-width:1920px; margin:0 auto;}
.wrap-mask{ display:none;}
.inner{ width:1200px; margin:0 auto;}
#menuIcon,.column{display: none;}
/* header */
.header{ width:100%; height:84px;}
.logo{ float:left;width:171px; height:84px; line-height:84px; }
.logo a{ width:171px; height:84px; display:block; padding-left:25px;}
.logo img{ vertical-align:middle;}
.header-inner{ width:586px; float:right;}
.header-top{ padding-top:10px; height:32px; padding-bottom:6px; letter-spacing:0.5px;}
.header-link{ /*width:215px;*/ float:right; height:32px; width:163px;}
.header-link li{  float:left; position:relative; top:0; left:0; z-index:9999; }
.header-link li:nth-child(4),.header-link li:nth-child(5),.header-link li:nth-child(6){ display:none;}
.header-link li a{ width:100%; height:32px; line-height:32px; display:block;}
.header-link li a.wb{ width:24px; padding:0 6px;background:url(../images/wb.png) no-repeat center;}
.header-link li a.wx{ width:24px; padding:0 6px;background:url(../images/wx.png) no-repeat center;}
.header-link li a.wb:hover{ background:url(../images/wb_1.png) no-repeat center;}
.header-link li a.wx:hover{ background:url(../images/wx_1.png) no-repeat center;}
.header-link li .cb_ewm{ display:none; position:absolute; top:30px; left:-34px; width:107px; height:113px;z-index:99;}
.header-link li .cb_ewm img{ width:100%; height:auto;}
.header-link li a.cb{ color:#666; font-size:12px; line-height:32px; padding-right:20px; padding-left:8px; width:auto;}
.header-link li a.cb:hover{color:#0091db; }
.header-link li span{ color:#666; font-size:12px; line-height:32px;}
.header-link li a.cn{color:#0091db; font-size:12px; line-height:32px;}
.header-link li a.en{color:#666; font-size:12px; line-height:32px;}
.header-search{ float:right; height:30px; width:198px; border:#ddd solid 1px;}
.header-search input{ float:left; padding-left:10px; width:150px; padding-right:10px; height:30px; line-height:30px;}
.header-search a{ float:left; display:block; width:20px; height:100%; background:url(../images/search_btn.png) no-repeat center;padding-left: 0px;  }
.navBar {position:relative;z-index:1;padding-left:10px;height:36px;line-height:36px;}
.nav {position:relative;	width:100%; height:36px;}
.nav li{width:14.2857%; letter-spacing:1px;float:left;	position:relative;z-index:1;}
.nav li a {	display:block;	text-align:center;color:#666; font-size:14px; line-height:36px;}
.nav li a:hover,.nav li.at a{ color:#0091db;font-weight:bold;}
.nav .block {height:3px;width:14.2857%;background:#0091db;position:absolute;left:0;top:33px;overflow:hidden;}
/* nav */
.nav0{ display:none;}
/* footer */
.footer{ width:100%; height:45px; background:#505050; letter-spacing:0.5px;color:#bbb;}
.footer-left{ float:left; text-align:center; font-size:12px; line-height:12px; padding-left:14px;}
.footer-left li{ width:68px; text-align:center; float:left; padding-top:19px; }
.footer-left li a{ display:block; width:68px; height:12px;border-right:#3c3c3c solid 1px; color:#bbb;}
.footer-left li a.last{ border-right:none; border-left:#787878 solid 1px;}
.footer-right{ float:right; text-align:right; line-height:45px; font-size:12px;}
.footer-right a{ color:#bbb;}
.logo_hr{ display:none;}
@media screen and (max-width:1200px){
	.inner{ width:100%; margin:0 auto;}
	/* header */
	.header-inner { float: right; padding-right:3%;}
}
@media screen and (max-width:800px){
	


	.wrap-mask{ width:100%; z-index:999;height:100%;  top:0; left:0;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); position:fixed;}
	/* header */
	.header{height:45px;width:100%; background: url(../images/logo.png) no-repeat center  #fff; background-size:auto 70%; position:relative; top:0; left:0; }
	body.active .header{ position:fixed; z-index:99;}
	body.active .banner{ margin-top: 45px;}
	.header-inner{ display:none;}
	.logo{ display:none;}
	.logo_hr{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
	.column{ display:block;position:absolute; top:0; right:2%;vertical-align:middle; z-index:10;}
	 #menuIcon { position:absolute; top:13.5px;height:18px; display:block; vertical-align:middle; margin-left:3%; z-index:9; width:16px;}
	 #menuIcon img{ height:100%; position:absolute; top:0; left:0;}
	 #menuIcon img.close{-moz-transform: rotate(0); -ms-transform: rotate(0);-o-transform: rotate(0);-webkit-transform: rotate(0); transform: rotate(0);-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;  transition: all 0.3s ease; z-index:1; }
  	 #menuIcon img.close.active  {-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);       -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:2;  }
	 #menuIcon img.menu{  -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); 
    -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:2; }
	 #menuIcon img.menu.active  { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);   -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;z-index:1; }
	/* nav ipad端*/
	/*菜单*/
	.nav0{	 width:240px; height:auto; position:absolute;position: fixed;top: 45px;bottom: -1px;left:-1px; z-index:9999; background:#fff; -webkit-transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;-webkit-transform: translate3d(-240px, 0, 0);transform: translate3d(-240px, 0, 0); display:block; -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); overflow-y:auto;}
	.nav0.panel-active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
	.nav0 ul{ width:100%;}
	.nav0 li{ float:left; width:100%;padding:0; }

	.nav0 li a{line-height:50px; height:50px;font-size:1.8rem;display: block;color: #0091db;padding-left:10%; width:90%;text-align:left; }
	.nav0 li a span{ float:right; height:50px; text-align:right; display:inline-block; position:relative;}
	.nav0 li a span img{ width:30px; height:30px; vertical-align:middle;  -moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease; position:absolute; top:50%; right:20px; margin-top:-15px;}
	.nav0 li.nav_active a span img{  -moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	.nav0 li.nav_active a{ color:#fff; background:#0091db;}
	.nav0 li.nav_active .nav1 li a{background:#fff;color:#444; }
	.nav0 li.nav_active .nav1 li.nav_active1 a{color: #0091db;}
	.nav0 li.nav_active .nav1{ display:block; background:#fff;}
	.nav1{ display:none;background:#fff;}
	
	.nav1 li a{ color:#444; font-size:1.3rem; line-height:38px; height:38px;}

	.nav1 li.nav_active1 a{color: #fff; background:#0091db}
	.nav_link1{ width:100%; height:42px; line-height:42px; display:block; padding-top:15px; padding-bottom:15px;}
	.nav_link1 a{ display:block; width:43px; height:42px; float:left;}
	.nav_link1 a.nav_wx{ width:43px; padding:0 8px 0 0; margin-left:20px;background:url(../images/nav_wx.png) no-repeat center; background-size:43px 42px; position:relative;}
	.nav_link1 a.nav_wx.cb_css{ background:url(../images/nav_wx1.png) no-repeat center; background-size:43px 42px;}
	.nav_link1 a.nav_wb{ width:43px; padding:0 8px;background:url(../images/nav_wb.png) no-repeat center; background-size:43px 42px;}
	.nav_link1 a.nav_en{ width:43px; padding:0 4px;background:url(../images/nav_en.png) no-repeat center; background-size:43px 42px; display:none;}
	.nav_link1 a.nav_jr{ width:43px; padding:0 8px;background:url(../images/nav_tm.png) no-repeat center; background-size:43px 42px;}
	.nav_link1 a.nav_wx .cb_ewm{ display:none; position:absolute; top: -150px;left: -18px;width: 150px; height:auto;z-index:99;}
	.nav_link1 .cb_ewm img{ width:100%; height:auto;}	
	
	/* footer */
	.footer{ width:100%; height:54px;}
	.footer-left{ width:150px; padding-left:0; margin:0 auto; float:none;}
	.footer-left li {    padding-top: 10px;}
	.footer-left li a {    height: 1.3rem; font-size:1.3rem; line-height:1.3rem;}
	.footer-right{width:100%; text-align:center;line-height:1.2rem;font-size:1.1rem; padding-top:5px;}
	}
@media screen and (max-width:700px){
	.header-tel { display:none;}
	/* header */

	.header_shop{ top:17px; right:0;height:15px;}
	/* nav */
	.wrap-mask{  left:0;}


	/* footer */
	.footer-right{font-size:1.1rem; }
	}
@media screen and (max-width:600px){

	
	
	}
@media screen and (max-width:320px){
.footer-right {font-size: 0.9rem;}
	
	}