@charset "UTF-8";
/**
深圳市国人在线信息技术有限公司
http://www.36099.com
**/
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, picture {display: block;}
::-moz-selection{background:#f4d622; color:#fff; text-shadow:none;}
::selection{background:#f4d622; color:#fff; text-shadow:none;}
/*input:focus{-moz-outline-style:none; border:0px;}*/
:focus{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img,input,select{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
img{vertical-align:middle;max-width: 100%;max-height: 100%;}
input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
b,em,i{display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
html{overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{font-family: "Microsoft Yahei","微软雅黑","helvetica","arial",sans-serif; color:#333;  font-size: 12px; line-height: 1.5; background: #ffffff;}
a{color:#666; text-decoration:none; cursor:pointer; outline: 0 none;-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;transition: color .2s;}
a:hover{color:#f4d622; text-decoration:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.com-width{width:1200px; margin: 0 auto;}
.a-box {
    display: block;
    width: 100%;
    height: 100%;
}
.clear {
  clear: both;
}
/*返回顶部*/
#to-top{display: inline-block; width: 50px; height: 50px;border-radius: 5px; background: #ccc url(../images/top_icon.png) no-repeat center;text-align: center; text-decoration: none; line-height: 30px; z-index: 999;
  right: 20px;/*margin-left: 620px;*/opacity: 0.5;
  -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
#to-top:hover{opacity: 1;}

.browsehappy {
    padding: 8px 0;
    background: #FBE3E4;
    color: #8A1F11;
    text-align: center;
}

.browsehappy a {
    color: #8A1F11;
    text-decoration: underline;
    font-weight: bold;
}
.o-a{width: 1200px; margin: 0 auto}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.mt70{ margin-top: 70px; }
.mt60{ margin-top: 60px; }
.mt50{ margin-top: 50px; }
.mt40{ margin-top: 40px; }
.mt30{ margin-top: 30px; }
.mt25{ margin-top: 25px; }
.mt20{ margin-top: 20px; }
.mt10{ margin-top: 10px; }
.mt8{ margin-top: 8px; }
.mb70{ margin-bottom: 70px; }
.mb50{ margin-bottom: 50px; }
.mb40{ margin-bottom: 40px; }
.mb30{ margin-bottom: 30px; }
.mb25{ margin-bottom: 25px; }
.mb20{ margin-bottom: 20px; }
.mb10{ margin-bottom: 10px; }
.mb8{ margin-bottom: 8px; }

.bg-ffffff{background: #fff !important;}
.bg-dedc4c{background: #dedc4c !important;}
.bg-4cde91{background: #4cde91 !important;}
.bg-4c86de{background: #4c86de !important;}
.bg-252525{background: #252525 !important;}
.bg-fe000d{background: #fe000d !important;}

.c-333{color:#333 !important;}
.white,.white a{color:#fff !important}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.border-bot{border-bottom: 1px solid #e0e0e0;}

.com_width{width: 1200px;margin-left: auto;margin-right: auto;}
.in_width{width: 1120px;margin-left: auto;margin-right: auto;}
/*------------------------------------------------------------*/
/*媒体查询*/

@media (max-width: 1280px) and (min-width: 1079.5px){
}

/*------------------------------------------------------------*/

@media (max-width: 1079.5px) and (min-width: 767.5px){
}

/*------------------------------------------------------------*/


@media (max-width: 767.5px){
/*    .header {
        height: 60px;
    }*/

}