@charset "utf-8";
html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;}
body{ font-size:14px; color:#666666; overflow-x:hidden; background-color:#fff; font-family: "Microsoft Yahei",Helvetica, Arial, sans-serif;}
ul,li{ list-style:none;}
i,em,cite{font-style:normal; display: inline-block;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
img,input{ border:none; vertical-align:middle;}
a{ font-size:14px;  text-decoration:none; color:#666666;-ms-transition-duration: 0.4s; transition-duration: 0.4s;}
a:hover{ color:#167fef}
.wrap{ width:1200px; margin:0 auto; position:relative;}
.l{float:left;}.r{float:right;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.vcenter{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;text-align: center;margin: auto;}
table{border-collapse:collapse; border-spacing:0;border: 1px solid #e4e4e4;}
td,tr{border: 1px solid #e4e4e4;padding: 5px;}
/*图片放大*/
.img-plus {
    position: relative;
	overflow: hidden;
}
.img-plus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
}
.img-plus:hover:before {
    opacity: 1;
}
.img-plus,
.img-plus img{-webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.img-scale:hover,
.img-scale:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.gb{color:#1f1f1f;}
.cr{color:#ff0000;}
.wt{color:#fff;}
.gr{color:#808080;}
/*背景颜色*/
.bwhite{background-color:#fff;}
.bgray{background-color:#eee;}
.bdgray{background-color:#666;}
.bggray{background-color:#ddd;}
.bgorange{background-color:#fc6e51;}
.bgred{background-color:#f15252;}
.bgnone{background-color:transparent !important;}
/*格式化行高*/
.lh30{line-height:30px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh80{line-height:80px;}
.h30{height:30px;overflow:hidden;}
.h50{height:50px;overflow:hidden;}
.h60{height:60px;overflow:hidden;}
.h80{height:80px;overflow:hidden;}
/*浮动及清除*/
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
/*格式化宽度*/
.w10{width:10%;overflow:hidden;}
.w15{width:15%;overflow:hidden;}
.w20{width:20%;overflow:hidden;}
.w30{width:30%;overflow:hidden;}
.w33{width:33.33%;display:block;overflow:hidden;}
.w35{width:35%;overflow:hidden;}
.w40{width:40%;overflow:hidden;}
.w50{width:50%;overflow:hidden;}
.w55{width:55%;overflow:hidden;}
.w60{width:60%;overflow:hidden;}
.w65{width:65%;overflow:hidden;}
.w70{width:70%;overflow:hidden;}
.w80{width:80%;overflow:hidden;}
.w85{width:85%;overflow:hidden;}
.w90{width:90%;overflow:hidden;}
.w100{width:100%;display:block;overflow:hidden;}
/*指定paddiing*/
.ptb2{padding:2% 0;}
.ptb3{padding:3% 0;}
.ptb4{padding:4% 0;}
.ptb5{padding:5% 0;}
.pb3p{padding-bottom:3%;}
.plr10{padding:0 10%;}
/*指定margin*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb2p{margin-bottom:2%;}
.mb3p{margin-bottom:3%;}
.mt4{margin-top:4%;}
.mt10p{margin-top:10%;}
.mt20p{margin-top:20%;}
.mt30p{margin-top:30%;}
/*绘制直线*/
.line{border-bottom:1px solid #d4d4d4;}
.line_s{border-bottom:1px solid #444;}
.tline{border-top:1px solid #d4d4d4;}
.rline{border-right:1px solid #d4d4d4;}
.sline{width: 120px;height: 3px;background: #196bbd;display: block;margin: 20px auto;}
/*图片内阴影*/
.img-cover:before{content:"";position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.2) inset; opacity: 0; filter: alpha(opacity=0); content: ""; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.img-cover:hover:before{opacity: 1; filter: alpha(opacity=100);}

/*图片透明*/
.img-opacity{-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.img-opacity:hover{opacity: .9; filter: alpha(opacity=90);}

/*图片去色*/
.img-gray{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}