﻿@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: 12px 'Microsoft Yahei',Tahoma,Simsun;}
body{background-color:#f1f1f1;margin:0 auto; font: 12px 'Microsoft Yahei',Tahoma,Simsun;}
input,textarea,select,button,i{ font: 12px 'Microsoft Yahei',Tahoma,Simsun;}
*{ word-wrap: break-word; box-sizing:border-box;}
i,em{font-style: normal;}
b,h1,h2,h3{ font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style: none;}
a{text-decoration: none; color:#444;}
a:hover{text-decoration:none;}
a:link,a:visited{outline: none;}
img,a img{border:none;}
table{border-collapse:collapse;empty-cells:show}
*{ box-sizing:border-box;} 

.underline,.fontline,.unerline{text-decoration:underline;}
.through{text-decoration:line-through;}

/******width******/ 
.w-max{width:1200px;}
.w-min{width:200px;}
.w-mid{width:980px;} 
.w1000{width:1000px;}
.w100{width:100%;}
 
.ftnum{font-family:Arial;}

/******字体*****/
.ft12{font-size:12px;}  
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft24{font-size:24px;}
.ft26{font-size:26px;}
.ft30{font-size:30px;}

.zcolor{color:#459d36;}/*商城主题绿色*/
.c444{color: #444;}
.cfff{color:#fff;}
.c333{ color:#333;}
.c999{color:#999;}
.c666{color:#666;}
.cf60{color:#FF6600;}
.c000{color:#000;}
.c89{color:#898989;}
.cred{color:#FF0000;}
.cylow{color: #FF3300;}
.cblue{color: blue;}
.cgold{color: #FF6600;}
.cgreen{ color:#0b9619;}
.cd7{color:#d7d7d7;}
.cstress{color:#f03e3e;}/*用于价格,强调文字*/

.ti1{text-indent:1em;}
.ti2{text-indent:2em;}
.ftc{text-align:center;}
.textR{text-align:right;}
.ftleft{text-align:left;}
.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.block{ display:block;}
.textover {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.twoLine {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.imgBox img{ display:block; width:100%;}
/*****背景色*****/
.bgmcolor,.zbg{background:#459d36;}/*商城主题绿色*/
.bgfff,.bgwh{background:#fff;}
.bgf5{background:#f5f5f5;}
.bgcd{background:#cdcdcd;}/*灰色*/
.bgd7{background:#d7d7d7;}
.bgaf{background:#afafaf;}
.bgfb{background:#fbfbfc;}
.bgorange{background:#f97526;}
.bgstress{background:#f03e3e;}/*用于价格,强调文字*/
.opacity6,.bgtm{background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/*****边框*****/
.border{border:1px solid #d7d7d7;}
.bord7t{border-top:1px solid #d7d7d7;}
.bord7b{border-bottom:1px solid #d7d7d7;}
.bord7l{border-left:1px solid #d7d7d7;}
.bord7r{border-right:1px solid #d7d7d7;}

/******div层属性******/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}

.rela,.rel{position:relative;}
.abs{position:absolute;}
.fixd{position:fixed;}
.position00{top:0;left:0;}
.overflow{overflow:hidden;_zoom:1;}
.overflow_s{overflow:scroll;}
.overflow_a{overflow:auto;}
.nowrap{white-space:nowrap;}
.rowhidden{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}/*单行超出隐藏并显示3个点*/
.dib{ display:inline-block;}
.hide,.shide{display:none;}
.db{display:block;}
.di{display:inline;}
.dtable{display:table;}
.dtcell{display:table-cell;}
.dib{display:inline-block;*display:inline;*zoom:1;}

.bround5{border-radius:5px;}
.bround30{border-radius:30px;}
.bround50{border-radius:50%;}

/******纵向位置******/
.vertical{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}

/******间隔******/
.ct{margin:0 auto;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}

.mt,.mtop10{margin-top:10px;}
.mt30{ margin-top:30px;}
.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,.mtop20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.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;}

/******行高******/
.lh1{ line-height:1;}
.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;}
.lh32{line-height:32px;}

/*flex mode*/

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-pc {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-pj {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-pe {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-ac {
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-ae {
	-webkit-box-align: end;
	-moz-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flex-stretch {
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.flex-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.it1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
}

.it2 {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	min-width: 0;
}

.it3 {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	min-width: 0;
}

.it5 {
	-webkit-box-flex: 5;
	-moz-box-flex: 5;
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5;
	min-width: 0;
}

.it6 {
	-webkit-box-flex: 6;
	-moz-box-flex: 6;
	-webkit-flex: 6;
	-ms-flex: 6;
	flex: 6;
	min-width: 0;
}
.height100{ height:100%;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.header{ padding: 20px 0;}
.navList{ padding:29px 0 0 80px;}
.navList li{ float:left; display:inline; font-size:16px; margin:0 0 0 34px;}
.navList li a{ color:#fff;}
.navList li a:hover,.navList li.active a{ color:#c42d53!important;;}

.footer{ background:#3d3d3d;}
.footerBox{ padding:60px 0;}
.footerList{ float:left; display:inline; width:136px;}
.footerList dt{ font-size:16px; color:#ffffff; padding-bottom:20px;}
.footerList dd{ font-size:14px; padding-bottom:10px;}
.footerList dd a{ color:#fff;}
.footercopyType{ border-top:#384046 solid 1px; color:#ffffff;}