@charset "utf-8";

/* CSS Document */


.mainw {
    width: 1130px;
    height: 240px;
    margin: 15px auto 0px;
    background: #fff;
    padding-bottom: 15px;
}

.mainwa {
    overflow: hidden;
    height: 46px;
    background: url(../images/bj24_1.jpg) no-repeat center 0px;
    padding: 0px 21px;
}

.mainwa li {
    float: left;
    _display: inline;
    cursor: pointer;
    text-align: center;
    width: 135px;
    height: 42px;
    line-height: 46px;
}

.mainwa li.mainwa1 {
    float: right;
    font-size: 14px;
    color: #999;
    width: auto;
    line-height: 46px;
}

.mainwa li.mainwa1 a {
    color: #999;
}

.mainwa li.mainwa1 a:hover {
    color: #49b0af;
}

.mainwa_on {
    font-size: 16px;
    color: #333;
}

.mainwa_off {
    font-size: 20px;
    color: #49b0af;
    border-bottom: 4px solid #49b0af;
    font-weight: bold;
}

.mainwa_box_block {
    display: block;
}

.mainwa_box_on {
    display: none;
}

.mainwb {
    position: relative;
    width: 1130px;
    height: 184px;
    margin: 10px auto 0px;
}

.mainwba {
    position: absolute;
    left: -23px;
    float: left;
    width: 23px;
    height: 108px;
    background: url(../images/left_1.png) no-repeat 0px 0px;
    margin: 16px 0px 0px;
    cursor: pointer;
}

.mainwbb {
    position: relative;
    float: left;
    overflow: hidden;
    width: 1130px;
    padding-right: 10px;
}

.mainwbb ul li {
    overflow: hidden;
    _display: inline;
    float: left;
    width: 152px;
    margin-left: 9px;
}

.mainwbb ul li h2 {
    width: 150px;
    height: 190px;
}

.mainwbb ul li h2 img {
    width: 150px;
    height: 190px;
}

.mainwbb ul li h3 {
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    height: 29px;
    line-height: 29px;
    margin: 5px 0px 0px;
	font-weight:bold;
	
}

.mainwbb ul li h3 a {
    color: #d60f0f;
}

.mainwbb ul li h3 a:hover {
	color: #000;
}

.mainwbb ul li p {
    overflow: hidden;
    font-size: 13px;
    text-align: left;
    height: 190px;
    line-height: 28px;
}

.mainwbc {
    position: absolute;
    right: -23px;
    float: left;
    width: 23px;
    height: 108px;
    background: url(../images/right_1.png) no-repeat 0px 0px;
    margin: 16px 0px 0px;
    cursor: pointer;
}

.mainx {
    overflow: hidden;
    float: left;
    width: 410px;
}

.mainxb {
    overflow: hidden;
    width: 410px;
    line-height: 28px;
    margin: 20px auto 0px;
}

.mainxb img {
    max-width: 100%;
}

.mainxb p {
    text-indent: 2em;
}

.mainxb a {
    color: #b39652;
}

.mainxb a:hover {
    color: #b39652;
}


@media only screen and (min-width:0px) and (max-width:850px) {

	
    .mainw {
        width: 100%;
        margin: 5% auto 0px;
    }
    .mainwa {
        background: #fbfbfb;
        padding: 0px;
    }
    .mainwa li {
        width: 50%;
    }
    .mainwa li.mainwa1 {
        display: none;
    }
    .mainwb {
        width: 230px;
        margin: 3% auto 0px;
    }
    .mainwbb {
        width: 220px;
        padding-right: 10px;
    }
.mainwbb ul li {
    overflow: hidden;
    _display: inline;
    float: left;
    width: 102px;
    margin-left: 5.4px;
}

.mainwbb ul li h2 {
    width: 100px;
    height: 140px;
}

.mainwbb ul li h2 img {
    width: 100px;
    height: 140px;
}



    .mainx {
        float: none;
        width: 100%;
    }
    .mainxb {
        width: 100%;
        line-height: 28px;
        margin: 3% auto 0px;
    }
    .mainy {
        width: 94%;
        margin: 5% auto 0px;
    }
    .mainz {
        width: 97%;
        margin: 1% auto 0px;
    }
    .mainz ul li {
        width: 47%;
        text-indent: 15px;
        margin: 1% 1.5% 0px;
        padding: 0px;
        border-bottom: 1px dotted #d6d6d6;
    }
    .container {
        width: 100%;
    }


 



}



@media only screen and (min-width:375px) and (max-width:413px) {
    .mainwb {
        width: 340px;
    }
    .mainwba {
        left: -16px;
    }
    .mainwbb {
        width: 330px;
    }
    .mainwbc {
        right: -16px;
    }




}

@media only screen and (min-width:414px) and (max-width:767px) {
    .mainwb {
        width: 340px;
    }
    .mainwbb {
        width: 330px;
    }



}

@media only screen and (min-width:768px) and (max-width:850px) {
    .mainwb {
        width: 670px;
        margin: 3% auto 0px;
    }
    .mainwbb {
        width: 660px;
        padding-right: 10px;
    }
}