html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}


.clear{ clear:both}

.header_top{ width:100%; height:60px; background:url(//www.hqwx.com/images/header_bg.jpg) repeat-x center 0;}
.thea_ul{ width:1000px; height:60px; margin: 0 auto; background:url(//www.hqwx.com/images/header_bg.jpg) repeat-x center 0;}
.logo{ width:320px; height:60px; float:left}
.phone{ width:205px; height:60px; float:right; background:url(//www.hqwx.com/images/phone.jpg) no-repeat}
.login{ float:left;width:330px; height:60px; line-height:58px; font-family:"΢ÈíÑźÚ" }
.login a{ color:#0080e3; margin:0 8px;font-size:14px; text-decoration:underline}
.login a:hover{ color:#e34500;}
#loginwin,#loginwon{ display:none;}



body{
    height: 1550px;
    min-height: 1550px;
    max-height: 1950px;
    background-color: #f27b0c;
}

.banner {
    background: url("../images/bg_1.png") top center no-repeat;
    height: 360px;
}
.main .guize{
    background: url('../images/guize.png') center no-repeat;
    height: 157px;
    width: 900px;
    margin: 33px auto 0;
    position: relative;
}
.main .guize .xize{
    position: absolute;
    margin-top: 45px;
    margin-left: 140px;
}
.main .guize p {
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
}
.free_class {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.free_class .ul_bg {
 margin-left: 12px;
    height: auto;
}
.free_class {
    margin-top: 26px;
    height: auto;
    min-height: 625px;
    max-height: 1200px;
    z-index: 6;
}

.free_class ul {
    background: url(../images/bg_3.png) top left repeat-y;
    width: 988px;
    height: auto;
    min-height: 509px;
    max-height: 1200px;
    display: table;
    margin: 0 auto;
    padding-left: 10px;
    overflow: hidden;
}
.free_class ul li{
    background-color: #ffffff;
    width: 281px;
    box-shadow: 0 1px 0 #cccccc;
    float: left;
    margin: 1px 1px 26px 30px;
    cursor: pointer;
    border-radius: 31px;
    /*height: 62px;*/
    /*line-height: 56px;*/

}
.free_class ul li span{
    display: block;
    float: left;

}

.free_class .fr_n{
    font-family: "\5B8B\4F53";
    background-color: #e14e45;
    width: 215px;
    line-height: 22px;
    float: left;
    padding: 3px;
    font-size: 18px;
    color: #ffffff;
    height: 56px;
    border-radius: 31px;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    text-align: center;
    position: relative;
    vertical-align: middle;
    top: 50%\0;
    height: 41px\0;
    padding-top: 15px\0;
    top: 50%\9\0;
    height: 41px\9\0;
    padding-top: 15px\9\0;
    -ms-transform: translateY(-50%);
}
.free_class .fr_c{
    background: url("../images/btn.png?v");
    width: 62px;
    height: 62px;
    margin-left: -4px;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px;
    background-color: #ffffff;

}

.free_class .fc1 {
    background: url('../images/bg_2.png') top center no-repeat;
    width: 1020px;
    height: 61px;
    position: relative;
    margin: 0 auto;
}
.free_class .fc3 {
    margin-left: 12px;
}
.free_class .fc3bg {
    background: url(../images/bg_4.png) top left repeat-y;
    width: 998px;
    height: 58px;
    position: relative;
    margin: 0 auto;
}
.bottom_top {
    background-color: #f27b0c;
    width: 100%;
    height: 0;
}
.bottom {
    background: url('../images/bg_bottom.png') center no-repeat;
    height: 225px;
    margin-top: -81px;
    z-index: 7;
}
.free_big {
    background: url("../images/big_free.png") center no-repeat;
    height: 185px;
    width: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
}
.free_big p {
    width:30px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: 452px;
    margin-top: 10px;
}

.free_little{
    position: fixed;
    z-index: 998;
    bottom: 0px;
    display: none;
}
.company a {
    color: #3e3e3e;
    text-decoration: none;

}