@charset "utf-8";

body, html, div, p, span, button, input, textarea, select, form, label, iframe, img, ul, ol, li, dl, dt, dd, table, caption, tbody, thead, tr, th, td, h1, h2, h3, h4, h5, h6, a, i, em {margin:0; padding:0;  font-size:100%; border:0; outline:0;}
body {min-width:1044px; font-size:12px; line-height:1; font-family:Arial, 'Microsoft Yahei', '\5FAE\8F6F\96C5\9ED1', 'Hiragino Sans GB', '\5B8B\4F53'; -webkit-font-smoothing:subpixel-antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#444; background-color:#271910;}
li {list-style-type: none;}
img {border:0 none; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
button {cursor:pointer;}
a, a:hover {
    text-decoration: none;
    color: #000;
}
i {
    font-style: normal;
}
.clear {
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.container,.footer {clear:both; overflow:hidden;}
.grid {position:relative; margin:20px auto; width:1268px;}


/*** footer ***/
.fotNotice {color:#6d6d6d; line-height:100px; font-size: 18px}
.fotNotice span { margin-right:10px;}

.qrcode {background:url('../images/f-right.png') no-repeat left center;width:156px; height:148px; position:fixed; _position:absolute; bottom:260px; right:5px; z-index:9; padding-top: 169px}
.qrcode a{width:156px; height:37px; float: left;}
/***************幻灯**************/
.ban-bg-line{ width:1108; height:60px; background:url("../images/ban_bg.jpg") no-repeat center; margin: 30px auto; }
.ban-bg-line h2 {text-align: center; font-size: 22px;line-height: 60px;letter-spacing:8px;color: #8f754d}
.banner-three{ width:100%; height:527px; background:url("../images/ban_bg3.jpg") no-repeat center top;}
.three-box{ width:1200px; height:900px; margin:0 auto; }
.three-title{ width:100%; height:auto; text-align:center; overflow: hidden }
.three-title img{ margin-top:3%;}
.three-list{ width:48%; float:left; margin-top:2%;}
.three-list ul{ width:100%; text-align:left;}
.three-list ul li{ width:100%; height:auto; line-height:55px; font-size:16px;}
.three-list ul .li-title span{ padding:10px 30px; border-radius: 50px; font-size:18px; color:#fff; background:#CA7F58;}


.arrow-left-icon{ width:90px; height:90px; background:url('../images/arrow-icon.png') no-repeat; }
.arrow-right-icon{ width:90px; height:90px; background:url('../images/arrow-icon.png') no-repeat; background-position: -72px 0;}
header .banner-game { width: 1200px;  height: 490px; margin: 50px auto; }
header .banner-game .slide-carousel { margin-bottom: 20px;}
header .banner-game .slide-3d .desc { display: none;}
header .banner-game .slide-3d .item-list li { width: 100%;  height: 430px;  transition: all 0.5s ease-out; opacity: 0;    position: absolute; top: 0;  left: 0;}
header .banner-game .slide-3d .item-list li.item0 { transform: translate3d(-225px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item1 { transform: translate3d(0, 0, 0) scale(0.8); transform-origin: 0 50%;    opacity: 1;  z-index: 2;}
header .banner-game .slide-3d .item-list li.item2 { transform: translate3d(225px, 0, 0) scale(1);  transform-origin: 0 50%;    opacity: 1; z-index: 3;}
header .banner-game .slide-3d .item-list li.item3 { transform: translate3d(450px, 0, 0) scale(0.8); transform-origin: 100% 50%;    opacity: 1;  z-index: 2;}
header .banner-game .slide-3d .item-list li.item4 { transform: translate3d(675px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item5 { transform: translate3d(900px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item6 { transform: translate3d(1125px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item7 { transform: translate3d(1350px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item8 { transform: translate3d(1575px, 0, 0) scale(0.8);}
header .banner-game .slide-3d .item-list li.item9 { transform: translate3d(1800px, 0, 0) scale(0.8);}

.slide-carousel { width: 100%; height: 100%; position: relative;}
.slide-carousel .item-list { position: relative;  width: 65%;  height: 100%; }
.slide-carousel .item-list li .item-content { width: 70%;  height: 100%; margin-left:12%; }
.slide-carousel .item-list li .item-content a { display: block;  width: 100%;  height: 100%;}
.slide-carousel .item-list li .item-content a .cover-img { width: 100%;  height: 100%;}
.slide-carousel .indicator-list { width:50%;  height:35px;  position: absolute; text-align:center;  bottom: 0; left: 30%; margin-left: -63px;  z-index: 100;
}
.slide-carousel .indicator-list a { display: inline-block;  width: 41px;  height: 29px;  /*border: 2px solid #fff;*/  /*border-radius: 50%;*/  overflow: hidden;  /*background-color: #ccc;*/  background:url('../images/solid-list.png') no-repeat;  background-position: -35px 0;  /*margin-left: 5px;*/}
.slide-carousel .indicator-list a.selected {  background:url('../images/solid-list.png') no-repeat;  /*border-color: #ff6700;*/  /*background-color: #5fff92;*/}
.slide-carousel .controls { opacity: 100;}
.slide-carousel .controls a { cursor: pointer;  text-decoration: none;  width: 64px;  height: 82px;  position: absolute;  /*background-color: rgba(0, 0, 0, 0);*/
  /*color: #fff;*/  font-size: 35px;  padding-top: 25px;  z-index: 2;}
.slide-carousel .controls a:hover {  background-color: rgba(0, 0, 0, 0);}
.slide-carousel .controls .item-prev { top: 50%;  left: 0;  margin-top: -42px;}
.slide-carousel .controls .item-next { top: 50%;  right: 0;  margin-top: -42px;}
.slide-carousel .desc { height: 72px;  width: 100%;  position: absolute;  bottom: 0;  left: 0;  background-color: rgba(0, 0, 0, 0.6);  z-index: 99;}
.slide-carousel .desc strong { color: #fff;  font-size: 20px;  line-height: 72px;  margin-left: 20px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.slide-carousel:hover .controls { opacity: 1;  transition: opacity 0.5s ease;}



/*****************************/


.box {
    width: 1268px;
    height: auto;
    /*background: #F7F8FC;*/
    margin: 0 auto;
}

.box-list {
    width: 1268px;
    height: auto;
    margin: 0 auto;
    background: red;
}

    .box-list li {
        width: 25%;
        height: auto;
        float: left;
    }

.box-list-box {
    width: 310px;
    height: 300px;
    background: #d5c5a6;
    margin: 10px auto;
    position: relative;
}

.new {
    width: 83px;
    height: 82px;
    background: url('../images/int.png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
.hot {
    width: 83px;
    height: 82px;
    background: url('../images/int1.png') no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
.show-img-body {
    width: 100%;
    height: 160px;
}

.show-img-box {
    position: relative;
    cursor: pointer;
}

.show-img {
    width: 310px;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
}

    .show-img img {
        width: 310px;
        height: 160px;
    }

.show-ewm {
    width: 310px;
    height: 160px;
    background: rgba(000,000,000,.5);
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.show-img-box:hover .show-ewm {
    display: block;
}

.show-ewm span {
    width: 100%;
    height: 158px;
    margin-top: 13px;
    display: block;
    text-align: center;
}

    .show-ewm span img {
        border: 5px solid #fff;
        height: 129px;
        width: 129px;
        margin: 0 auto
    }

.title-box {
    width: 100%;
}

    .title-box .left {
        width: 100%;
        height: 80px;
        float: left;
        text-align: center;
    }

        .title-box .left span {
            display: block;
            margin: 0 auto;
        }

            .title-box .left span:first-child {
                margin-top: 5px;
                font-size: 22px;
                line-height: 40px;
                color: #270f01;
                font-weight: 600
            }

    .title-box .right {
        width: 100%;
        height: 80px;
        float: left;
    }



.banben {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .banben span {
        /*width: 104px;
        height: 38px;*/
        width: 131px;
        height: 39px;
        line-height: 38px;
        text-align: center;
        /*background: url('../images/banben.png') no-repeat center;*/
        background: url('../images/banben2.png') no-repeat center;
        display: block;
        margin: 0 auto;
        color: #9A6C30;
    }

.home-sub span {
    /*width: 104px;
    height: 38px;*/
    width: 131px;
    height: 39px;
    line-height: 38px;
    text-align: center;
    /*background: #F9761B;*/
    background: url('../images/banben3.png') no-repeat center;
    display: block;
    border-radius: 15px;
    margin: 0 auto;
    color: #FCFFFF;
    cursor: pointer;
}

    .home-sub span:hover {
        /*background: #9A6C30;*/
          cursor: pointer;
        transform: scale(1.1);
        -ms-transform:scale(1.1);     /* IE 9 */
        -moz-transform:scale(1.1);     /* Firefox */
        -webkit-transform:scale(1.1); /* Safari ºÍ Chrome */
        -o-transform:scale(1.1);
    }

.box-list span{font-size: 16px}
.fl-r-ewm span {
    position: absolute;
    left: 33%;
    display: block;
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 3px #000;
}