html{
    height: 100%;
}
body{
    font-size: 14px;
    font-family: 微软雅黑, 'Microsoft YaHei';
    min-width: 1320px;
    min-height: 100%;
    position: relative;
}
a{
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
img{
    vertical-align: middle;
    border: none;
}
input{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.clear{
    clear: both;
}

/*header*/
header{
    width: 100%;
    height: 162px;
    background-color: #0d0d0d;
    background-image: url('../images/headBg.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}
.headContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.logo{
    width: 100%;
    height: 110px;
    display: block;
    position: relative;
    text-align: center;
}
.logo a{
    width: 523px;
    height: 54px;
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.logo a img{
    max-width: 100%;
}
.headMenu{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.headMenu ul{
    height: 100%;
    margin-bottom: 0;
}
.headMenu ul li{
    font-size: 16px;
    float: left;
    line-height: 36px;
    position: relative;
    margin-right: 163px;
}
.headMenu ul li:after{
    width: 1px;
    height: 10px;
    background-image: url('../images/hLine.png');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    right: -86px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.headMenu ul li:last-child{
    margin-right: 0;
}
.headMenu ul li a{
    color: #e0c493;
    -webkit-transition: .4s;
       -moz-transition: .4s;
        -ms-transition: .4s;
         -o-transition: .4s;
            transition: .4s;
}
.headMenu ul li a:hover{
    color: #fff;
}

/*header*/

/*banner*/
.banner{
    width: 100%;
    height: auto;
    box-sizing: border-box!important;
    position: relative;
    overflow: hidden;
}
.banner .bd,
.banner .bd ul,
.banner .bd ul li{
    width: 100%;
    height: 100%;
}
.banner .bd ul li a{
    height: 100%;
    display: block;
}
.banner .bd ul li a img{
    width: 100%;
    height: 100%;
}
.banner > a{
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: block;
    font-size: 50px;
    font-family: "宋体";
    padding: 0 15px;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999999;
}
.banner > a.prev{
    left: 4%;
}
.banner > a.next{
    right: 4%;
}
.banner > a:hover{
    background-color: rgba(0,0,0,.8);
}
.banner:hover > a.prev{
    left: 2%;
    opacity: 1;
}
.banner:hover > a.next{
    right: 2%;
    opacity: 1;
}
.banner .hd{
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 28px;
    z-index: 99;
}
.banner .hd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
}
.banner .hd ul li{
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    box-sizing: content-box!important;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 6px;
    position: relative;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.banner .hd ul li.on{
    background-color: #780d0a;
}

/*banner*/

/* about */
.about{
    width: 100%;
    height: 652px;
    position: relative;
    overflow: hidden;
}
.aboutContent{
    width: 1200px;
    height: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.aboutContent > section{
    width: 50%;
    height: 100%;
    box-sizing: border-box!important;
    float: left;
    position: relative;
}
.aboLefBg{
    width: 960px;
    height: 100%;
    background-image: url('../images/aboLef.jpg');
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box!important;
    border-bottom: 1px solid #684e47;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.aboRigBg{
    width: 960px;
    height: 100%;
    background-image: url('../images/aboutImg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.aboLefInfo{
    width: 100%;
    height: 345px;
    position: absolute;
    top: 105px;
    left: 0;
    overflow: hidden;
}
.aboLefInfo h4{
    width: 58px;
    height: 146px;
    background-image: url('../images/aboutTit.png');
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 40px;
}
.aboLefInfo p{
    width: 425px;
    height: 100%;
    color: #4c4949;
    font-size: 14px;
    float: left;
    line-height: 38px;
    margin-top: -10px;
    overflow: hidden;
    text-align: justify;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    display: -webkit-box;
}
.yunImg{
    position: absolute;
    left: 10px;
    top: 505px;
}
.aboutMore{
    color: #333!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    font-family: "宋体";
    font-weight: bold;
    position: absolute;
    top: 540px;
    left: 206px;
}

/* about */

/* product */
.product{
    width: 100%;
    height: 890px;
    background-image: url('../images/proBg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}
.productCon{
    width: 1201px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.productCon > h3{
    width: 100%;
    height: 60px;
    background-image: url('../images/proTit.png');
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 104px;
    margin-bottom: 138px;
}
.prodsLists{
    width: 100%;
    height: 535px;
    overflow: hidden;
}
.prodsLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.prodsLists ul li{
    width: 296px;
    height: 260px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}
.prodsLists ul li:nth-child(1){
    width: 568px;
    height: 535px;
}
.prodsLists ul li:nth-child(3),
.prodsLists ul li:nth-child(5){
    margin-right: 0;
}
.prodsLists ul li img{
    width: 100%;
    height: 100%;
}
.proMb{
    width: 100%;
    height: 100%;
    background-color: rgba(72, 31, 17, 0.8);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
}
.prodsLists ul li:hover .proMb{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.proMb > span{
    max-width: 170px;
    height: 30px;
    box-sizing: border-box!important;
    border: 1px solid #9e948f;
    color: #f6f5fb;
    display: block;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: .4s;
       -moz-transition: .4s;
        -ms-transition: .4s;
         -o-transition: .4s;
            transition: .4s;
}
.proMb > span:hover{
    background: #9e948f;
    color: #fff;
}

/* product */

/* culture */
.culture{
    width: 100%;
    height: 394px;
    background-image: url('../images/culBg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.cultureCon{
    width: 1200px;
    height: 394px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cultureCon h3{
    width: 104px;
    height: 148px;
    background-image: url('../images/culTit.png');
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-left: 330px;
    margin-top: 68px;
    mr50px
}
.cultureCon p{
    width: 550px;
    height: 216px;
    color: #fff;
    font-size: 12px;
    float: left;
    margin-top: 75px;
    line-height: 42px;
    text-align: justify;
    writing-mode: vertical-rl;
}

/* culture */

/* news */
.news{
    width: 100%;
    height: 884px;
    background-image: url('../images/newsBg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.newsContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.newsContent h3{
    width: 100%;
    height: 60px;
    background-image: url('../images/newsTit.png');
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 54px;
    margin-bottom: 28px;
}
.newsLists{
    width: 1080px;
    height: 685px;
    box-sizing: border-box!important;
    border-top: 2px solid #ddd9d1;
    border-bottom: 2px solid #ddd9d1;
    margin: 0 auto;
    overflow: hidden;
}
.newsLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.newsLists ul li{
    width: 100%;
    height: 228px;
    box-sizing: border-box!important;
    border-bottom: 2px solid #e1dfda;
    overflow: hidden;
}
.newsLists ul li:last-child{
    border: none;
}
.newsTime{
    width: 95px;
    height: 100%;
    background: linear-gradient(#e1dcd7,#e1dcd7) right/2px 60px no-repeat;
    float: left;
    margin-right: 35px;
    overflow: hidden;
    text-align: center;
}
.newsTime b{
    color: #000;
    display: block;
    font-size: 46px;
    font-weight: bold;
    line-height: 38px;
    margin-top: 85px;
    margin-bottom: 4px;
}
.newsTime i{
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.newsImgs{
    width: 156px;
    height: 156px;
    border-radius: 90%;
    float: left;
    margin-top: 36px;
    margin-right: 74px;
    overflow: hidden;
}
.newsImgs img{
    width: 100%;
    height: 100%;
    border-radius: 90%;
}
.newsDesc{
    width: 710px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.newsDesc h4{
    width: 100%;
    color: #0c0406;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 52px;
    margin-bottom: 20px;
}
.newsDesc p{
    width: 100%;
    height: 44px;
    color: #808080;
    display: -webkit-box;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 24px;
    overflow: hidden;
}
.newsDesc span{
    width: 110px;
    height: 28px;
    box-sizing: border-box!important;
    border: 3px solid #c7c7c7;
    background: linear-gradient(#c7c7c7,#c7c7c7) left/0% 100% no-repeat;
    color: #0c0407;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
}
.newsTime b,.newsDesc h4{
    -webkit-transition: .4s;
       -moz-transition: .4s;
        -ms-transition: .4s;
         -o-transition: .4s;
            transition: .4s;
}
.newsImgs img,.newsDesc span{
    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
}
.newsLists ul li:hover .newsTime b{
    color: #680402;
}
.newsLists ul li:hover .newsImgs img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.newsLists ul li:hover .newsDesc h4{
    color: #680402;
}
.newsDesc span:hover{
    background: linear-gradient(#c7c7c7,#c7c7c7) left/100% 100% no-repeat;
}

/* news */

/* contacts */
.contacts{
    width: 100%;
    height: 570px;
    background-image: url('../images/contsBg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #680402;
    overflow: hidden;
}
.contactsCon{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.contactsTop{
    width: 100%;
    height: 236px;
    overflow: hidden;
}
.contactsTop ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.contactsTop ul li{
    width: 292px;
    height: 100%;
    float: left;
    margin-right: 10px;
    text-align: center;
    overflow: hidden;
}
.contactsTop ul li:last-child{
    margin-right: 0;
}
.contactsTop ul li > i{
    width: 70px;
    height: 70px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 62px;
    margin-bottom: 20px;
}
.contactsTop ul li > p{
    color: #fff;
    font-size: 14px;
}

.contactsBot{
    width: 100%;
    height: 304px;
    background: #780d0a;
    overflow: hidden;
}
.formBox{
    width: 240px;
    height: auto;
    margin-left: 46px;
    margin-top: 24px;
    float: left;
    overflow: hidden;
}
.formBox input{
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid #cccccc;
    box-sizing: border-box!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    outline: none;
}
input::-webkit-input-placeholder{
    color: #d1d0d0;
}
input:-moz-placeholder {
    color: #d1d0d0;
}
input::-moz-placeholder {
    color: #d1d0d0;
}
input:-ms-input-placeholder {
    color: #d1d0d0;
}
.formBox textarea{
    width: 100%;
    height: 108px;
    box-sizing: border-box!important;
    border: 1px solid #cccccc;
    background: transparent;
    color: #fff;
    display: inline-block;
    padding: 10px;
    margin-bottom: 18px;
    font-size: 14px;
    float: left;
    outline: none;
    resize: none;
}
textarea::-webkit-input-placeholder{
    color: #d1d0d0;
}
textarea::-moz-input-placeholder{
    color: #d1d0d0;
}
textarea:-ms-input-placeholder{
    color: #d1d0d0;
}
.tjBtn{
    width: 120px;
    height: 40px;
    background-color: #dfc493;
    color: #ffffff!important;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 40px;
    text-align: center;

    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
}
.tjBtn:hover{
    background-color: #f5c269;
}

.fotMap{
    width: 860px;
    height: 100%;
    float: right;
    overflow: hidden;
}


/* contacts */

/* footer */
#footer{
    width: 100%;
    height: auto;
    background: #000000;
    line-height: 43px;
    overflow: hidden;
}
.footerCon{
    width: 1200px;
    height: auto;
    line-height: 43px;
    margin: 0 auto;
    overflow: hidden;
}
.footerCon > p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.footerCon > p a{
    color: #fff!important;
}