@charset "UTF-8";
body, blockquote, ul, ol, input, textarea, button, select, a, h1, i, b, small, em, h2, h3, h4, h5, img, table, fieldset, button, div, p, img, span, li, dl, dt, dd, font, label, pre, nav, video, audio, embed, tr, th, td, form{margin: 0;padding: 0;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block;}
html, body{width: 100%;height: 100%;font-family: "微软雅黑","Microsoft YaHei","黑体";font-size: 100px;color: #333;font-weight: normal;}
ul, ol{list-style: outside none none;}
/*苹果手机兼容性*/input{cursor: pointer;-webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button{cursor: pointer;-webkit-appearance: none;}
input, textarea, button, select{outline: none;-webkit-outline: none;-moz-outline: none;-ms-outline: none;}
*:focus{outline: none;-webkit-outline: none;-moz-outline: none;-ms-outline: none;}
a{text-decoration: none;-webkit-text-decoration: none;-moz-text-decoration: none;-ms-text-decoration: none;-webkit-tap-highlight-color:transparent; color:#696969}
a:hover{outline: none;text-decoration: none;-webkit-text-decoration: none;-moz-text-decoration: none;-ms-text-decoration: none;}
h1, i, b, small, em, h2, h3, h4, h5{font-weight: normal;}
i, b, small, em{font-style: normal;}
img{border: none;}
input, button, textarea, select{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;*zoom: 1;}
.clearfixs:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;*zoom: 1;}
.fl{float: left;}
.fr{float: right;}
.w-00{width: 100%;}
.h-00{height: 100%;}
.mar-auto-0{margin: 0px auto;}
.over-hidden{overflow: hidden;-webkit-overflow: hidden;-moz-overflow: hidden;-ms-overflow: hidden;}
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pos-r{position: relative;}
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #000;/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 14px;}

body{background:#f0f0f0; color:#696969}
/*头部*/
.header-top-main{width: 100%;height: auto;position: relative; background:#ffffff; border-bottom:1px solid #e5e5e5}
.header-top-main h4{margin:0px; padding:10px 5px}
.header-top-main small{font-weight: 400;line-height: 1;color: #777; padding:0px 5px 10px; display: block; font-size:14px}

/*首页模块*/
.col-xs-2 {
    width: 16% !important;
}
.ind-model{padding:0.3rem 10px 0;width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: auto;  }
.icon_con{border:1px dotted #cccccc; border-radius:4px; padding:5px !important;margin:0.333333% ;text-align: center}
.icon_con span{font-size:12px; display: block; width:100%;}
.icon_con i{font-size:24px; }
.icon_red{background:#e0624d; }
.icon_epy{background:#d8d8d8; }
.icon_red i,.icon_red span{color:#ffffff}
.icon_epy i,.icon_epy span{color:#ffffff}
.icon_gray i,.icon_gray span{color:#aaaaaa}
 


/*首页尾部*/
.footer{width: 100%;height: auto; position: absolute; bottom: 0px;padding-bottom:0px} 
.footer h4{margin:0px; padding:10px 5px; font-size:14px;background:#ffffff; border-top:1px solid #e5e5e5;height:36px }
.footer span{color: #000000;  padding:0px 5px; font-weight: bold;}
.footer  .icon_con{border:1px dotted #cccccc; border-radius:2px; padding:0px 5px !important;margin-right:10px ;margin-left:5px ;text-align: center;display: inline-block} 
.footer .icon_con i{font-size:18px; }
.footer .text{ line-height: 30px;display: inline-block}


/*首页按钮*/

.wrap{widht:100%;height:100%;background: url(../images/bg.jpg) center no-repeat;background-size:cover;-ms-behavior: url(../images/backgroundsize.min.htc);behavior: url(backgroundsize.min.htc); position: relative;}
.btnG{position: absolute;top:15%;left:48%;}
.w-logo{width:281px;height:157px;margin-bottom: 50px; background: url(../images/logo.png) no-repeat;}
.w-btn{display: block;width:190px;height:50px;line-height: 50px;font-size:22px;color:#fff;background:#fe992d;
    background: -webkit-linear-gradient(left, #ffa032 , #fc851d);
    background: -o-linear-gradient(right, #ffa032 , #fc851d);
    background: -moz-linear-gradient(right, #ffa032 , #fc851d);
    background: linear-gradient(to right, #ffa032 , #fc851d); 
    border-radius: 5px;margin-bottom: 10px;border:2px solid #fe992d;margin-left:40px;}
.w-btn:hover,.w-btn:focus, .w-btn:active{text-decoration: none;color:#fff;}
.w-btn1:hover,.w-btn3:hover{background: #ffa843;
   background: -webkit-linear-gradient(left, #ffa843  20%, #f57710);
   background: -o-linear-gradient(right , #ffa843 20%, #f57710);
   background: -moz-linear-gradient(right, #ffa843 20% , #f57710);
   background: linear-gradient(to right, #ffa843 20% , #f57710); 
}
.w-btn2{background:#fff;border:2px solid #ffa843;color:#fe992d;text-align: center;}
.w-btn2:hover,.w-btn2:focus,.w-btn2:active{border:2px solid #fe8421;color:#fe8421;background:#fff5ec;}
.w-btn3{text-align: center;color:#fff5ec;}
/*.w-btn3:hover, .w-btn3:focus, .w-btn3:active{color:#fff5ec;}*/
.w-icon{display:block;width:23px;height:41px;float: left;margin:5px 10px 0 35px;}
.w-icon-man{background: url(../images/man.png) no-repeat;}
.w-icon-woman{background: url(../images/woman.png) no-repeat;}
.w-icon-search{width:27px;margin: 3px 10px 0 25px;background: url(../images/search.png) no-repeat center;}
.w-footer{color:#fff;position: absolute;bottom:14%;left:48%;width:280px;text-align: center;}

/* Extra small devices (phones, 1024px and down) */
@media only screen and (max-width: 1000px) {
.wrap{width:100%;height:100%;background: url(../images/bg.jpg) no-repeat 14% center;position: relative;background-size:cover; }
.btnG{width:100%;position: absolute;top:10%;left: 0%;margin-left: 0px;}
.w-logo{width:281px;height:157px;margin:0 auto;margin-bottom: 40px; background: url(../images/logo.png) no-repeat center;}
.w-btn{display: block;width:190px;height:50px;line-height: 50px;font-size:22px;color:#fff;background:#fe992d;
    background: -webkit-linear-gradient(left, #ffa032 , #fc851d);
    background: -o-linear-gradient(right, #ffa032 , #fc851d);
    background: -moz-linear-gradient(right, #ffa032 , #fc851d);
    background: linear-gradient(to right, #ffa032 , #fc851d); 
    border-radius: 5px;margin:0 auto;margin-bottom: 10px;border:2px solid #fe992d;}
.w-btn:hover,.w-btn:focus, .w-btn:active{text-decoration: none;color:#fff;}
.w-btn1:hover,.w-btn3:hover{background: #ffa843;
   background: -webkit-linear-gradient(left, #ffa843  20%, #f57710);
   background: -o-linear-gradient(right , #ffa843 20%, #f57710);
   background: -moz-linear-gradient(right, #ffa843 20% , #f57710);
   background: linear-gradient(to right, #ffa843 20% , #f57710); 
}
.w-btn2{background:#fff;border:2px solid #ffa843;color:#fe992d;text-align: center;}
.w-btn2:hover,.w-btn2:focus,.w-btn2:active{border:2px solid #fe8421;color:#fe8421;background:#fff5ec;}
.w-btn3{text-align: center;color:#fff5ec;}
/*.w-btn3:hover, .w-btn3:focus, .w-btn3:active{color:#fff5ec;}*/
.w-icon{display:block;width:23px;height:41px;float: left;margin:2px 10px 0 35px;}
.w-icon-man{background: url(../images/man.png) no-repeat;}
.w-icon-woman{background: url(../images/woman.png) no-repeat;}
.w-icon-search{width:27px;margin: 2px 10px 0 25px;background: url(../images/search.png) no-repeat center;}
.w-footer{color:#fff;position:absolute;bottom: 6%;left:0; width:100%;text-align: center;}

}