@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-family:'宋体', 'microsoft yahei',Arial;text-align:center; background:#fff; color:#222;}
ul,li,p,img,a img,dl,dd,dt{margin:0; padding:0; border:none;}
*{margin:0; padding:0; border:none;}
html,body{font-size:62.5%;}
a:link,a:visited{color: #7b0603;text-decoration: none; }
a:hover,a:active{color: #7b0603;text-decoration: none;}
li{ list-style:none;}
i{font-style: normal;}
/* Cy */
.clear_b{ clear:both;  height:0;height:none; line-height:0;line-height:none;}
.float_l{ float:left;}
.float_r{ float:right;}
.margin_b_20{ margin-bottom:20px;}



/*统一重点class*/
.mediaWidth{width:100%;max-width:640px;min-width:320px; margin:0 auto;text-align: left;font-family: 'microsoft yahei'}
.mediaPadding{padding: 0 1.5625%;}
.bg1{background: url(../images/bg1.jpg) repeat}
/**/
.bigColumn_T{text-align: center;padding-top:4.6rem;padding-bottom: 3.1rem;}
.bigColumn_T img{width:100%;display: block;margin: 0 auto;}


/*==============代码正式开始==============*/
.banner{}
.banner img{width: 100%;display: block;}

.introductionBox{background: #362f57;padding:10px 0;overflow: hidden;font-size:1.4rem;color: #fff;line-height: 200%;}
.introductionBox .con{vertical-align: middle;display: table;}
.introductionBox p{text-indent: 2em;display: table-cell;padding-left: 10px;}
.introductionBox span{color: #ffe036;}
.introductionBox .img{width:14%;display: table-cell;vertical-align: middle;}
.introductionBox img{width:100%;vertical-align: middle;}


.column_txt{font-size: 1.6rem;line-height: 190%;text-align: center;padding: 0 1.5625%;}


.item01{padding-bottom:4rem;}
.item01 .column_txt{padding-bottom:3.6rem;}
.item01 .itemCon{background: url(../images/item1_bg1.jpg) repeat;padding: 10px;}
.item01 .con{background: #fbfbfb;text-align: right;position: relative;line-height: 100%}
.item01 .con .img1{position: absolute;right: 59.1%;bottom: 0;width: 39.2%;}
.item01 .con .img2{width: 59.1%;display: block;float: right;}


.item02{background: #1f1c2f;}
.item02 .column_txt{color: #e1dfe3;padding-bottom:4rem;}
.item02 .itemCon{position: relative;}
.item02_bg1{display: block;width: 100%;}
.item02_img1,.item02_img2{width: 33.4375%;position: absolute;}
.item02_img1{left: 21.88%;top: 0}
.item02_img2{left: 38.59375%;top:49%;}

.item03{}
.item03 .column_txt{padding-bottom:3.6rem;}
.item03 .itemCon{text-align: center;}
.item03 .itemCon img{width: 93.75%;}


.item04{position: relative;}
.item04_bg{width: 100%;display: block;}
.item04 .itemCon{width:100%;text-align: center;position: absolute;left: 0;top: 42%;}
.item04 .itemCon .p1{font-size: 1.8rem;color: #fff;line-height: 180%;margin-bottom: 2rem;}
.item04 .itemCon .p1 a{font-size: 1.8rem;color: #ffd28c;font-weight: bold;}
.item04 .itemCon .p2 img{width: 38.59375%;}


.item05{}
.item05 .itemCon{position: relative;}
.item05 .item05_bg{display: block;width: 100%;}
.item05 .txt{width:43.75%;padding:8px 6.5625%;font-size: 14px;line-height:180%;color:#555;background: url(../images/item05_bg2.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top:44%;}


.item06{position: relative}
.item06 .item06_bg{display: block;width: 100%}
.item06 .itemCon{position: absolute;left: 0;top: 34.2%;width:93.75%;padding-left: 3.125%;}
.item06 .itemCon img{width: 100%;display: block;}

#RollBox_01 .btn{display: none;}
#RollBox_01 {width: 100%}



.item07{position: relative;text-align: center;}
.item07 .item07_bg{display: block;width:100%;margin: 0 auto}
.item07 .itemCon{width: 96.875%;position: relative;margin: 0 auto}
.item07 .itemCon li{width: 44%;float: left;padding: 0 3%;font-size: 12px;color: #cdb17f;line-height: 160%}
.item07 .dl_1{position: absolute;top: 20%;left: 17.2%;width: 66%;}
.item07 .dl_2{position: absolute;top:80%;left: 17.2%;width: 66%;}



/*===========  480 ===========*/
@media screen and (min-width:480px)  and (max-width:660px) {
    html,body{font-size:53.5%;}/* 14变12px*/

    .bigColumn_T{padding-top: 4.4rem;padding-bottom: 3rem;}
    .introductionBox{line-height:160%;}
    .column_txt{line-height: 160%;}

    .item04 .itemCon .p1{line-height: 160%;font-size: 1.8rem;}
    .item04 .itemCon .p1 a{font-size: 1.6rem;}
    .item05 .txt{font-size:12px;line-height: 160%;width: 46%;}
}


/*===========  320 ===========*/
@media screen and (max-width:479px) {
    html,body{font-size:53.5%;}/* 14变12px*/

    .bigColumn_T{padding-top: 4.4rem;padding-bottom: 3rem;}
    .introductionBox{line-height:140%;}
    .column_txt{line-height: 150%;}

    .item04 .itemCon .p1{line-height: 150%;font-size: 1.6rem;}
    .item04 .itemCon .p1 a{font-size: 1.6rem;}
    .item05 .txt{font-size: 11.6px;line-height: 140%;width: 62%;top: 35%;}

    .item07 .itemCon{width: 100%;overflow: hidden;}
    .item07 .itemCon li{line-height: 140%;font-size: 11px;}
}



@media screen and (max-width:400px) {
    .item07 .item07_bg{width: 104%;margin-left: -2%;}
    .item07 .itemCon li{line-height: 140%;font-size: 10.6px;}
    .item07 .dl_1,.item07 .dl_2{left: 14%;width: 72%;}

}
@media screen and (max-width:380px) {
    .item04 .itemCon .p1{font-size: 1.4rem;}
}
@media screen and (max-width:355px)
{
.item07 .itemCon{width: 100%;overflow: hidden;}
.item07 .item07_bg{width: 110%;margin-left: -5%;}
.item07 .itemCon li{width:48%;padding: 0 1%;font-size: 10px;line-height: 140%;}
.item07 .dl_1,.item07 .dl_2{left: 14%;width: 72%;}
}