@charset "UTF-8";

.head_banner{
    width: 100%;
    display: block;
    background:#d1d1d1;
    padding-bottom:1rem;
    padding-top: 5rem;
}
.head_banner img{
    width: 100%;
}
.head_banner .he_btn,.cont1 .he_btn,.cont-li .he_btn{
    width: 12.1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    background: #fb7025;
    display: block;
    margin:0.5rem auto 0;
    color: #fff;
}
.huanghb_about{width:94%;height:auto;margin:0 auto;padding:10px;box-sizing:border-box;overflow:hidden;position: relative;z-index: 5;}
.huanghb_about_l{width:38%;float:left;}
.huanghb_about_l img,.huanghb_why img{width:100%;}
.huanghb_about_r{width:60%;float:right;}
.huanghb_about_r h2{font-size:1.6rem;color:#000000;font-weight:normal;}
.huanghb_about_r p{font-size:1.4rem;color:#666666;}
.huanghb_about_r a{width:60%;height:30px;font-size:0.11rem;color:#fff;background:#fb7025;text-align:center;line-height:30px;display:block;}
.tuomao_select{
    width:100%;
    position:relative;
    margin-top: -3.6rem;
}
.tuomao_select > img{width:100%;}
.tuomao_selectmain{
    width:100%;
    position:absolute;
    left:0;
    top:4.2rem;
}
.tuomao_selectmain h2{
    font-size:1.6rem;
    text-align:center;
    margin:30px auto;
}
.tuomao_selectmain p{
    font-size:1.4rem;
    text-align:center;
    margin: 0.5rem 0;
    color: #000;
}
.tuomao_selectmain h3{
    font-size:1.8rem;
    text-align:center;
    margin:5px auto;
    color: #fb7025;
}
.tuomao_selectmain  p:last-child{
    width:90%;
    margin:0 auto;
}
.tuomao_selectmain  p span{
    font-size:1.5rem;
}
.tuomao_select a{
    width: 40%;
    height: 35px;
    background: #728fb1;
    position: absolute;
    bottom: 30px;
    left: 30%;
    display: block;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 35px;
}
.cont,.cont2{
    float: left;
    width: 100%;
    margin-top: 2rem;
}
.cont2{
    background: #f6f6f6;
    margin-top:0.5rem;
}
.cont1{
    width: 95%;
    margin: 0 2.5%;
    overflow:hidden;
}
.cont1 p:nth-of-type(1),.cont4 p:nth-of-type(1){
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    color: #000;
    z-index: 1;
}
.cont1 p:nth-of-type(1):before{
    content: "";
    width: 100%;
    height:1.6rem;
    background-image: url("../images/2.png");
    background-repeat: no-repeat;
    background-position:left -5px center;
    background-size:100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cont p:nth-of-type(2){
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: 0.6rem 0;
}
.cont .cont3{
    padding-top: 1.2rem
}
.cont .cont_p{
    text-align: center;
}
.cont .cont_p span{
    color: #fb7025
}
.cont1 ul li{
    float: left;
    width: 45%;
    line-height: 1.6rem;
}
.cont1 ul li p:nth-of-type(2){
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}
.cont1 ul li:nth-of-type(2){
    float: right;
}
.cont-bor{
    float: left;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-left: 0;
    border-right: 0;
    line-height: 2rem;
    margin: 1rem 0 0 0;
    color: #000;
}
.cont-btn{
    float: left;
    margin: 2rem 25% 4rem;
    width: 50%;
}
.cont4 p:nth-of-type(1):before{
    content: "";
    width: 100%;
    height:1.6rem;
    background-image: url("../images/6.png");
    background-repeat: no-repeat;
    background-position:left -5px center;
    background-size:100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cont .cont4 p:nth-of-type(2){
    text-align: center;
}
.cont4 p:nth-of-type(4){
    margin: 1.2rem 0
}
/*CSS3条纹*/
.stripes {
    height:1.7rem;
    width: 5.4rem;
    margin: 0 auto;
    -webkit-background-size: 1rem 1rem ;
    -moz-background-size: 1rem 1rem;
    background-size: 1rem 1rem; /* 控制条纹的大小 */
    text-align: center;
    line-height: 1.7rem;
    color: #000;
}
.angled-135 {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, rgba(230, 230, 230, .2)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(230, 230, 230, .2)),
    color-stop(.75, rgba(230, 230, 230, .2)), color-stop(.75, transparent),
    to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(230, 230, 230, .2) 25%, transparent 25%,
    transparent 50%, rgba(230, 230, 230, .2) 50%, rgba(230, 230, 230, .2) 75%,
    transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(230, 230, 230, .2) 25%, transparent 25%,
    transparent 50%, rgba(230, 230, 230, .2) 50%, rgba(230, 230, 230, .2) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(230, 230, 230, .2) 25%, transparent 25%,
    transparent 50%, rgba(230, 230, 230, .2) 50%, rgba(230, 230, 230, .2) 75%,
    transparent 75%, transparent);
}
.an-tp{
    width: 10.4rem;margin-top:1rem
}
.cont-li{
    width:90%;
    margin:-1rem 2rem;
}
.cont-li p{
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin:0.6rem 0;
}
.cont-li .con-fri{
    font-size: 1.7rem;
    color: #000;
    margin: 2rem 0 0 0;
}

/*lunbo*/
.hd_gc{
    width:100%;
    padding:5% 0;
    background:#f6f6f6;
    text-align: center;
    overflow: hidden;
}
.boniaos_casemain{width:100%;margin:40px auto 20px; overflow:hidden;position:relative;}
/*.hd_gc h2{*/
/*font-size:1.6rem;*/
/*color:#333;*/
/*}*/
.sun_tab{position: absolute;
    bottom: -6px;
    right: 0%;
    width: 70px;
    height: 20px;
}
.sun_tab ul li{width:8px;height:8px;float:left; vertical-align:middle;background:#4b3f35;border-radius:50%;line-height:12px;margin-top:6px;margin-right:5px;}
.sun_tab ul li.on{width:6px;height:6px;vertical-align:middle;background:#fff100;border-radius:50%;line-height:12px;margin-right:5px;border:2px solid #fff100;margin-top:5px;}
.sun_tab ul li.white{width:8px;height:8px;float:left; vertical-align:middle;background:#fff;border-radius:50%;line-height:12px;margin-top:6px;margin-right:5px;}
.sun_tab ul li.white.on{width:6px;height:6px;vertical-align:middle;background:#fff100;border-radius:50%;line-height:12px;margin-right:5px;border:2px solid #fff100;margin-top:5px;}
.boniaos_action2{width:25%;position:relative;float:left;height: auto; overflow:hidden;}
.tuomao_wt1 a.brtns{
    float: left;
    width: 40%;
    height: 35px;
    background: #fb7025;
    display: block;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 35px;}
@media screen and (min-width: 1px) and (max-width: 320px){
    .tuomao_selectmain {
        top: 3.2rem;
    }
    .tuomao_selectmain p {
        font-size: 1.2rem;
    }
    .tuomao_selectmain h3 {
        font-size: 1.6rem;
    }
}