@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,i,b{margin: 0; padding: 0;font: 14px 'Microsoft Yahei',Tahoma,Simsun;}
body{background-color:#ffffff;min-width: 1200px;margin:0 auto; }
@media screen and (max-width:640px) {
}
*{ word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
em{font-style: normal;}
ul,ol,li,dl,dt,dd{list-style: none;}
a{text-decoration: none; color:#444;}
a:hover{text-decoration:none; color:#248DCC;}
a:link,a:visited{outline: none;}
img,a img{border:none;}
table{border-collapse:collapse;empty-cells:show}
.overflow{overflow:hidden;_zoom:1;}
.fznum{font-family:Arial;}
.fz0{
    font-size: 0;
}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz24{font-size:24px;}
.fz26{font-size:26px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
.fz32{font-size: 32px;}
.fz44{font-size: 44px;}
.zcolor{color:#459d36;}
.c444{color: #444;}
.cfff{color:#fff;}
.c333{ color:#333;}
.c999{color:#999;}
.caaa{color: #aaaaaa;}
.c666{color:#666;}
.cf60{color:#FF6600;}
.c000{color:#000;}
.cfe0{color: #fe0000;}
.c89{color:#898989;}
.cred{color:#FF0000;}
.cylow{color: #FF3300;}
.cblue{color: blue;}
.cgold{color: #FF6600;}
.cgreen{ color:#0b9619;}
.ti1{text-indent:1em;}
.ti2{text-indent:2em;}
.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.hide{display:none;}
.tac{text-align:center;}
.tr{text-align:right;}
.ftleft{text-align:left;}
.w-max{width:1200px; margin: 0 auto}
.w-min{width:200px;}
.w-mid{width:980px;}
.w1000{width:1000px;}
.w100{width:100%;}
.ct{margin:0 auto;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}
.ml{margin-left:10px;}
.mr{margin-right:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom: 30px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.lh1{ line-height:1;}
.lh2{ line-height:2;}
.lh12{line-height:12px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.rel{position:relative;}
.abs{position:absolute;}
.fixd{position:fixed;}
.ovh{overflow:hidden;}
.ovs{overflow:scroll;}
.ova{overflow:auto;}
.db{display:block;}
.di{display:inline;}
.dn{display:none}
.dtable{display:table;}
.dtcell{display:table-cell;}
.dib{display:inline-block;*display:inline;*zoom:1;}
.bgwh{background:#fff;}
.zbg{background:#459d36;}
.bgf5{background:#f5f5f5;}
.bgtm{background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.nowrap{white-space:nowrap;}
.rowhidden{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bord7{border:1px solid #d7d7d7;}
.bord7t{border-top:1px solid #d7d7d7;}
.bord7b{border-bottom:1px solid #d7d7d7;}
.bbdot{border-bottom: 1px dotted #e5e5e5}
.bord7l{border-left:1px solid #d7d7d7;}
.bord7r{border-right:1px solid #d7d7d7;}
.bround50{border-radius:50%;}
.vertical{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.fontline{text-decoration:underline;}
.mlday{margin-left:10px;color: #f40;}
.unerline{text-decoration:underline;}
.hline{text-decoration: underline;color:#F30;font-weight: bold;}
.through{text-decoration:line-through;}
.textover{ overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.price{font-weight:bold;color:#FF6600;}
.shide,div.shide{width: 1px;height: 1px;overflow: hidden;position: absolute;line-height: 0;font-size: 0;background: none;border: none;padding: 0;margin: 0;}
.pointer{cursor:pointer;}
.rela{position:relative;}
.hide_submit{width: 1px;height: 1px;border: none;background: none;position: absolute;}
.yellowbg{background-color:#FF6600;color: #FFF;}
.gimg{display: inline-block;text-align:center;vertical-align:middle;*display:block;*font-family:Arial;}
.gimg img{vertical-align: middle;display: none;}
input[type="text"],input[type="submit"],input[type="number"],input[type="tel"]{
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.w10{
    width: 10%;
}
.w15{
    width: 15%;
}
.w20{
    width: 20%;
}
.w25{
    width: 25%;
}
.w30{
    width: 30%;
}
.w40{
    width: 40%;
}
.w50{
    width: 50%;
}
.w60{
    width: 60%;
}
.w70{
    width: 70%;
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.w100{
    width: 100%;
}
.PVertical{
    font-size: 0;
}
.PVertical:after{
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.pt50{
    padding-top: 50px;
}
/* 头部start */
.inlinB{
	display: inline-block;
}
.w1200{
  width: 1200px;
  display: block;
  margin: 0 auto;
}
.top{
	width: 100%;
	height: 40px;
	background-color: #e6e6e6;
  line-height: 40px;
  padding: 0 30px;
  min-width: 1200px;
}
.top >div{
  color: #666;
}
.top >div >a{
	display: inline-block;
	margin-left: 30px;
	margin-top: 8px;
}
.top a.orgenClass:hover{
  color: #FF8500;
}
.top a.orgenClass b{
  font-weight: bold;
}
.top .icom_iphone{
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-top: -2px;
}
.ty_upIco .icon-shang{
  width: 23px;
  height: 20px;
  display: inline-block;
  background-image: url(../templets/default/images/xia.png);
  background-size: 100% 100%;
  vertical-align: middle;
	margin-left: 5px;
	/* transition: 1s ease; */
	display: inline-block;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg)
	
}
.ty_upIco:hover .icon-shang{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* Internet Explorer */
	-moz-transform:rotate(0deg); /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg)
}
.mfs{
	position: relative;
}
.mfs::after{
	content:"";
	display: block;
	position: absolute;
	right: -15px;
	top: -5px;
	width: 32px;
	height: 20px;
	background-image: url(../templets/default/static/images/mf.png);
	background-repeat: no-repeat;
}
/* 头部end */
/* 导航start */
.headBox{
	padding: 30px 30px 0 30px;
	height: 80px;
  position: relative;
  min-width: 1200px;
  background-color: #ffffff;
}
.headBox .logo{
	width: 300px;
	position: relative;
}
.headBox .logo a>img{
	margin-top: -26px;
}
.headBox .logo span{
	border: 1px solid #707070;
	height: 25px;
	width: 90px;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	border-radius: 2px;
	position: absolute;
	top: 6px;
	right: -30px;
}
.headBox .logo span::before{
	content:"";
	display: block;
	position: absolute;
	top: 3px;
	left: -13px;
	width: 1px;
	height: 19px;
	background-color: #707070;
}
.headBox .navBox{
	margin-left: 30px;margin-top: -8px;
}
.headBox .navBox >ul >li{
  float: left;
  margin-left: 50px;
}
.headBox .navBox >ul >li:hover .inlinB>a{
  color: #FF8500;
  border-bottom: 1px solid #FF8500;
}
.headBox .navBox .inlinB{
	height:62px;
}
.navBoxTab h3{
  font-size: 14px;
  font-weight: 800;
  /* text-align: center; */
  font-size: 15px;
  margin-bottom: 22px;
}
.navBoxTab h3>a{
  border-bottom: 1px solid rgb(204, 204, 204);
  padding: 5px 10px 10px 0;
}
.navBoxTab h3 a:hover{
  color: #FF8500;
}
.navBoxTab ul li{
	line-height: 30px;
  /* margin-right: 50px; */
}
.navBoxTab ul li>a{
  color: #666;
  font-size: 14px;
}
.navBoxTab ul li>a:hover{
  color: #FF8500;
}

.navBoxTab2>ul{
	margin-right: 30px;
}
.navBoxTab2>ul:last-child,.navBoxTab2 > ul:last-child li{
  margin-right: 0;
}
.navBoxTab2>ul>li>a>img.hots{
    vertical-align: baseline;
    margin-left: 5px;
}
.headBox .navBox .inlinB .navBoxTab,.navBoxTab1,.navBoxTab2,.navBoxTab3{
	display: none;
	top: 132px;
	padding: 18px 30px 30px 30px;
	z-index: 2;
  background-color: #fff;
  box-shadow: 0 18px 20px rgba(0,0,0,.1);
}
.headBox .navBox .inlinB:hover .navBoxTab,.inlinB:hover .navBoxTab1,.inlinB:hover .navBoxTab2,.inlinB:hover .navBoxTab3{
	display: block;
	position: absolute;
  top: 84px;
  background-color: #fafafa;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: nowrap;
}
.headBox .navBox>ul >li>a,.headBox .navBox>ul >li>div>a,.headBox .navBox>div>a{
	line-height: 41px;
	display: inline-block;
	text-align: center;
	/* padding: 0 5px; */
  border-bottom: 1px solid #fff;
  font-size: 16px;
}
.headBox .navBox>ul >li>a:hover,.headBox .navBox>ul >li>div>a:hover,.headBox .navBox>div:hover>a,.headBox .navBox>ul>li.active>a,.headBox .navBox>ul>li.active>div>a{
	color: #FF8500;
	transition: .5s ease;
	border-bottom: 1px solid #FF8500;
}
/* 导航end */
/* 登录start */
.longin>a{
	line-height: 41px;
	background-color: #FF8500;
	padding: 4px 20px;
	font-weight: 800;
	color: #fff;
}
.longin>a:first-child{
	background-color: #01a6ff;
	margin-right: 5px;
}
/* 登录end */
@media screen and (max-width: 1450px) {
    .headBox .navBox > ul > li > div > a{

    }
    .headBox .navBox >ul >li{
        margin-left: 25px;
    }
    .headBox .navBox{
        margin-left: 10px;
    }
}
@media screen and (max-width: 1350px) {
    .headBox .navBox > ul > li > div > a{

    }
    .headBox .navBox >ul >li{
        margin-left: 20px;
    }
    .headBox .navBox{
        margin-left: 20px;
    }
}
@media screen and (max-width: 1250px) {
    .headBox .navBox > ul > li > div > a{

    }
    .headBox .navBox >ul >li{
        margin-left: 10px;
    }
    .headBox .navBox{
        margin-left: 10px;
    }
}