/*   重置样式  star  */

*, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html{font-size:60px;}

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, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button { margin: 0; padding: 0 }

body{ font-family:Microsoft YaHei, Helvetica, STHeiTi, sans-serif; color:#575757; background-color: #fff;font-size:0.22rem;outline: 0;max-width: 640px; min-width: 320px; width: 100%; margin:auto;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400}

caption, th { text-align: left }

fieldset{ border: none;}

ul{list-style:none;}

li { list-style: none }

ins { text-decoration: none }

del { text-decoration: line-through }

input, button, textarea, select, optgroup, option {-webkit-appearance: none; border: none; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0 }

button { -webkit-appearance: none; border: none;  }

a { -webkit-touch-callout: none; text-decoration: none }

:focus { outline:none }

em, i { font-style: normal }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 }

input[type=submit] { -webkit-appearance: none }

p{line-height: 0.29rem;}

.fl{float:left;}

.fr{float:right;}

.hidd{ overflow:hidden}

.block{ display:block;}

.none{ display:none;}

img{max-width: 100%;margin: 0 auto;border: none;}

/*   重置样式  end  */

/*top_firsttel*/

.top_firsttel{

     max-width:640px;

	min-width:320px;

	width:100%;

       padding: 1.5% 0;

    background-color: #C00;

    position: fixed;

    top: 0;



    z-index: 99;

    width: 100%;

}

.top_firsttel p{

    text-align: center;

    color: #fff;

}

.top_firsttel a{

    color: #fff;

}

/*-----header----*/

.top_header{

    position: relative;/*padding-top:12%;*/

}

.top_header img{

    display: block;

    width: 100%;

}

.top_header a{

    display: block;

    position: absolute;

    width: 25%;

    height: 62%;

    bottom: 19%;

    right: 5%;

}

/*-----top_nav------*/

.top_nav{

    margin-top: .05rem;

}

.top_nav ul{

    overflow: hidden;

    width: 100%;

}

.top_nav li{

    float: left;

    text-align: center;

    height: .6rem;

    width: 24.5%;

    background-image: url(../images/navbar_bg.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.top_nav li.have_mleft{

    margin-left: .66%;

}

.top_nav li.have_mtop{

    margin-top: .66%;

}

.top_nav ul li a {

    font-size: .3rem;

    color: #fff;

    display: block;

    line-height: .6rem;

    cursor: pointer;

}

.top_nav ul li.selected a{

    color: #FFF100;

    font-weight: 700;

}

/*-----------------door_banner-------------------------*/

.banner{margin: .15rem auto;}

.banenr a，.banenr a img{display: block;}

/*top_moveleft*/

.top_moveleft{

    overflow: hidden;

    margin-top: .15em;

    border: 1px solid #E4E4E4;

}

.top_moveleft>img{

    float: left;

    width: 6%;

}

.slidebox {

    width: 90%;

    text-align: left;

    overflow: hidden;

    float: right;

    border-left: none;

    height: .35rem;

    line-height: .35rem;

}

.slidelists li {

    float: left;

    height: .35rem;

    line-height: .35rem;

    overflow: hidden;

    margin-right: 30px;

}

.slidelists li a {

    float: left;

    font-size: .22rem;

    color: #D42C2C;

    white-space: nowrap;

}

/*same_btn*/

.same_btn a,.same_btn img{

    display: block;

    width: 100%;

}

.same_mtop{

    margin-top: .1rem;

}

/*floor_five*/

.samep_bg{

    width: 100%;

    height: 8px;

    background-image: url(../images/samep_bg.jpg);

}

.msg_five{

    width: 34%;

}

.msg_six{

    width: 36%;

}

.floor_five,.floor_six{margin-top: .15rem;}

.same_tltle{

    padding: 4% 0;

    background-color: #2183EB;

}

.same_tltle h3{

    font-size: .3rem;

    text-align: center;

    font-weight: 700;

    color: #fff;

}

.five_msg{

    padding: 0 2%;

    margin-top: 2%;

    overflow: hidden;

}

.five_msg li{

    float: left;

    line-height: .45rem;

}

.five_msg li a{

    display: block;

    text-align: center;

    font-size: .22rem;

    color: #fff;

}

.five_msg li.have_mleft{

    margin-left: .5%;

}

.five_msg li.have_mtop{

    margin-top: .5%;

}

.half_width{

    width: 49.75%;

}

.two_width{

    width: 36%;

}

.three_width{

    width: 63.5%;

}

.four_width{

    width: 47.5%;

}

.five_width{

    width: 52%;

}

.six_width{

    width: 43.5%;

}

.seven_width{

    width: 56%;

}

.color_one{

    background-color: #72ADEB;

}

.color_two{

    background-color: #E1822C;

}

.color_three{

    background-color: #B87869;

}

.color_four{

    background-color: #DB7077;

}

.color_five{

    background-color: #995243;

}

.color_six{

    background-color: #59AFA9;

}

.color_seven{

    background-color: #E29B59;

}

/*-----------floor_six---------*/

.will_right{

    float: right;

}

.will_left{

    float: left;

}

.six_img{

    margin-top: 3%;

    padding: 0 8%;

}

.six_img li a{

    position: relative;

    display: block;

}

.six_img li a span{

    display: block;

    font-size: .22rem;

    background: rgba(255, 255, 255, 0.7);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    color: #3F3F3F;

    text-align: center;

    padding:0.12rem 0;

}

.six_img:after{

    display: table;

    content: '';

    clear: both;

}

.six_img li{

    width: 48%;

}

#sixprev,#sixnext{

    width: .16rem;

    height: .37rem;

    margin-top: -.08rem;

    background-size: 100% 100%;

}

#sixprev{

    background-image: url(../images/six_prev.png);

}

#sixnext{

    background-image: url(../images/six_next.png);

}

.six_list .six-container{padding-bottom: 4%;}

/*---------------------floor_seven---------------------*/

.floor_seven{

    margin-top:.15rem;

}

.seven_title{

    padding: 0 3%;

}

.regist_box{

    background-image: url(../images/regist_box.jpg);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.regist_box h3{

    font-size: .3rem;

    text-align: center;

    line-height: .66rem;

    color: #fff;

    font-weight: 100;

}

.six_form{

    width: 100%;

    padding: .25rem 0;

    margin-top: .05rem;

}

.new_submit{

    overflow: hidden;

    width: 70%;

    margin: 0 auto;

}

.new_submit input{

    display: block;

    float: left;

    border: 0;

    outline: none;

    width: 45%;

    height: .55rem;

    line-height: .55rem;

    color: #fff;

    font-size: .28rem;

    text-align: center;

    background-color: #D0741F;

    margin: 0 auto;

}

.new_submit input.commit-btn{

    background-color: #2183EB;

}

.new_submit input.new_reset{

    margin-left: 10%;

}

.six_form p{

    margin-top: .2rem;

}

.six_form ul{

    width: 85%;

    margin: 0 auto;

}

.six_form ul li{

    overflow: hidden;

    font-size: .26rem;

    color: #858383;

    padding: .05rem;

}

.six_form ul li span{

    width: 30%;

    text-align: right;

    float: left;

    height: .6rem;

    line-height: .6rem;

    color: #2E2E2E;

}

.six_form ul li input{

    width:65%;

    padding-left: .1rem;

    background-color: #fff;

    outline: none;

    border: 1px solid #D1D1D0;

    font-size: .24rem;

    color: #858383;

    margin-left: .5%;

    float: left;

    height: .6rem;

    line-height: .6rem;

}

.six_form ul li select{

    float: left;

    width: 65%;

    height: .6rem;

    line-height: .6rem;

    font-size: .24rem;

    color: #858383;

    background-color: #fff;

    outline: none;

    border: 1px solid #D1D1D0;

    padding-left: .1rem;

    margin-left: .5%;

}

.six_form ul li select option{

    font-size: .24rem;

}

/*----------floor_footer----------*/

.floor_footer{padding:4% 0 23%;background:#47221a}

.floor_footer img{display:block;}

.footermsg{margin-top:3%}

.footermsg p{text-align:center;color:#fff}

.footer-nav{overflow:hidden;background-color:#582915;position:fixed;bottom:0;max-width:640px;width:100%;z-index:99;}

.footer-nav li{float:left;width:33.3%;padding:3% 0}

.footer-nav li a{display:block;overflow:hidden;color:#fff; font-size: 0.26rem;}

.footer-nav li a img{display:inline-block;vertical-align:middle;width:40%}



/*main css*/

.pos{margin: 2% auto;background: #ddc6b4;padding: 2% 2% 3%;}

.pospic{display: inline-block;position: relative; top:.07rem; width: 0.44rem;}

.pos a{display: inline-block;line-height: 0.41rem; font-size: 0.32rem;color: #323232;font-weight: bold;}

.pos a span{border-bottom: 1px solid #ba5c14;display: inline-block;padding-bottom: 1%;}

/*b1*/

.b1_part0{padding: 3%; background: url(../images/b1_bg.jpg) center no-repeat;background-size: 100% 100%;}

.b1_part0>img{display: block;}

.b1_part0 p{font-size: 0.24rem;line-height: 0.32rem; color: #f90005;margin:3% auto 2%;text-indent: 2em;}

.b1_part1{background: #f3f3f3;padding: 2%;margin: 2% auto;}

.b1_part1 ul{overflow: hidden;}

.b1_part1 ul li{float: left;width: 48%;margin: 1%;}

.b1_part1 ul li img{display: block;}

.b1_part2{margin: 2% auto;}

.bp2{position: relative;}

.bp2>img{display: block;width:100%;}

.bp2 p{position: absolute;bottom: 0;left: 0;width: 100%;min-height: 22%;padding: 2% 3%; font-size: 0.22rem;text-indent: 2em;color: #fff;background: rgba(0,0,0,0.6);}

.b1_part3 ul li{position: relative;}

.b1_part3 ul li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 23%;padding: 3%;text-align: center;background: rgba(255,255,255,0.6);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  }

.bp4{overflow: hidden;margin: 2% auto; border-top: 1px dashed #c8c8c8;padding-top: 2%;}

.bp4p{font-size: 0.24rem;color: #323232;float: left;width: 57%;padding:0 2%; }

.bp4pic{display:block;width: 43%; float: right;}

/*b2*/

.b2{margin: 2% auto 0;}

.b2u{background: #f3f3f3;padding:3%;}

.b2 ul li{margin: 2% auto; border-bottom: 1px dashed #c8c8c8; display: block;height: 0.35rem;position: relative; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-right: 15%;}

.b2 ul li:last-child{border-bottom: none;margin-bottom: 0;}

.b2 ul li span{color: #e60012;font-size: 0.22rem;}

.b2 ul li a{display: block;position: absolute;right: 0;top: 0;width:15%; height: 100%;color: #e60012;font-size: 0.22rem;}

.b2 .more{background: #cccccc;font-size: 0.24rem;text-align: center; border-radius: 0.1rem;color: #000000;padding:2%;margin: 3% auto 0;display: block;width: 80%;}

.b2pic{display: block;}