@charset "utf-8";

.inBox1{background:#f7f9fa url("../images/inBox1.png");background-repeat:no-repeat;background-position: center;padding: 112px 0 100px;overflow: hidden;}
.inBox1 .Con{width: 535px;float: right;line-height: 1.8; padding: 0; text-align: left;}
.inBox1 .Tit{font-size: 30px; color: #692B07;margin-bottom:40px;}
.inBox1 .info{white-space: normal; word-wrap: break-word; word-break: normal; overflow: hidden;font-size: 14px;}
.inBox1 .info span{font-weight: bold;font-family:' 微软雅黑'; color: #333333;}

.inBox1 .num{padding-top:20px;overflow: hidden;}
.inBox1 .num li{float: left;text-align: center;}
.inBox1 .num li.li1 .p1{text-align: left;}
.inBox1 .num li.li1,.inBox1 .num li.li2{margin-right:80px;}
.inBox1 .num .p1{font-size: 48px;color: rgba(105, 43, 7, 1);}
.inBox1 .num .p2{color: rgb(153, 153, 153); font-size: 14px;line-height: 26px;}

.inBox1 .more{padding-top: 60px;}
.inBox1 .more a{display: block;width: 160px;line-height: 50px;height: 50px; border-style: solid; background: #fff; transition: all .3s;font-size: 14px;border: 1px #ccc solid;border-radius: 5px;text-align: center;color: #a9a9a9;}
.inBox1 .more a span{color: rgba(222, 222, 222, 1);padding-left: 14px;font-family:  'icomoon'}
.inBox1 .more a:hover{border: 1px #692b07 solid;}
.inBox1 .more a:hover,.inBox1 .more a:hover span{color: #692b07;}


.inNew{background: url("../images/inNew.jpg") no-repeat;background-size: 100% 100%;background-position: center;padding: 98px 0;}
.inNew .inT{font-size: 30px; color: #692B07;text-align: center;}
.inNew .inT i{background: #692B07;height: 1px;line-height: 1px;overflow: hidden;display: inline-block;width: 38px;margin: 35px 0}

.inNewNav span{font-size: 16px;width: 100px;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;margin: 0 10px;color: #b3b3b3;display: inline-block;cursor: pointer;}
.inNewNav span.active{background: #692b07;color: #fff;}


.inNewBoxW{ position:relative; overflow:hidden;height:280px;padding: 27px 0 60px;}
.inNewBoxW .inNewBox{position:absolute;width:100%;}
.inNewBoxW ul{float: left;}


.fenye{float:left;overflow: hidden;}
.fenye ul{margin-bottom: 35px;}
.fenye,.inNewBoxW ul{width:1150px;}
.holder{text-align: center;float: left; width: 100%;}
.jp-current{color: #692B07;font-weight: bold;}
.holder ,.holder a{font-size: 14px;cursor: pointer;margin: 0 10px;}


.inNewBoxW ul li{width: 31.3%;margin: 0 1%;box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; overflow: hidden; background: #fff;float: left}
.inNewBoxW img{height: 185px;width: 100%;}

.inNewBoxW .con{padding: 15px;}
.inNewBoxW .con .tit{font-size: 16px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;width: 100%;display: block;line-height: 1.2}
.inNewBoxW .con .info{font-size: 12px;line-height: 26px; color: #878787; white-space: normal;height: 78px;line-height: 26px;overflow: hidden;margin: 14px 0 10px;}
.inNewBoxW .con .time{line-height: 1.5; color: #999; display: inline-block; font-size: 14px;}


.indexBanner{position: relative;width: 100%;overflow: hidden}
.indexBanner .swiper-slide{background-size: cover!important;background-position: center!important;}
.indexBanner .banner_bg{display: block;width: 100%;visibility: hidden;}

.indexBanner .swiper-slide{background-size: auto 100%!important;background-size: cover!important;background-position: right center!important;}
.indexBanner .txt{position: absolute;top:0;width: 100%;height: 100%;text-align: center;}
.indexBanner .table{display: table;width: 100%;height: 100%;}
.indexBanner .cell{display: table-cell;vertical-align: middle;text-align: center}
.indexBanner .banner1_txt1{margin-bottom: 10px;}

.indexBanner .swiper-pagination{position: absolute;width: 100%;bottom: 20px;left: 0;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination .bullet{width: 10px;height:10px;border-radius: 5px;background: #ddd;overflow: hidden;display: inline-block;margin:0 5px;transition: .5s all; -webkit-transition:.5s all;cursor: pointer;}
.indexBanner .swiper-pagination .bullet_active{background: #fff;width: 34px;}

.indexBanner .txtCon{background: url("../indexBanner/txtCon.png") no-repeat;background-size: 100% 100%;background-position: center;display: inline-block;width: 350px;padding:50px 10px 30px 80px;font-weight: bold;margin-top: -100px;}
.indexBanner .banner1_txt1{font-size: 46px;color: rgb(105, 43, 7);}
.indexBanner .banner1_txt2{font-size: 18px;color: rgb(75, 75, 75);padding-top:10px;}

.swiper-button-next,
.swiper-button-prev{width: 26px;height:48px;opacity:1;}
.swiper-button-prev{left: 50px;}
.swiper-button-next{left:auto;right: 50px;}

.swiper-button-next{background: url("../indexBanner/bannerBtn_r.png") no-repeat;background-size: 100% 100%;background-position: center;}
.swiper-button-prev{background: url("../indexBanner/bannerBtn_l.png") no-repeat;background-size: 100% 100%;background-position: center;}


.indexBanner .banner2 {vertical-align: top}
.indexBanner .banner2 .txtCon{background: url("../indexBanner/inbanner4_txt.png") no-repeat;background-size: 100% 100%;background-position: center;display: inline-block;width:320px;padding:80px 60px;font-weight: bold;margin-top:20px;}
.indexBanner .banner2 .banner1_txt1{font-size: 36px;}
.indexBanner .banner2 .banner1_txt2{font-size: 14px;line-height: 1.3}


@media screen and (max-width:1200px) {

    .indexBanner .swiper-pagination{bottom: 10px;}
    .indexBanner .swiper-slide{background-position: center!important;}
    .swiper-button-prev,.swiper-button-next{width: 20px; height: 34px; margin-top: -10px;}
    .swiper-button-prev{left:5px;}
    .swiper-button-next{left:auto;right:5px;}

    .indexBanner .txtCon{width:200px;padding:40px 10px 20px 35px;font-weight: bold;margin-top: -100px;}
    .indexBanner .banner1_txt1{font-size: 18px;color: rgb(105, 43, 7);}
    .indexBanner .banner1_txt2{font-size: 12px;color: rgb(75, 75, 75);padding-top:4px;}

    .indexBanner .banner2 .txtCon{width:220px;padding:35px 40px;margin-top:20px;}
    .indexBanner .banner2 .banner1_txt1{font-size:16px;}
    .indexBanner .banner2 .banner1_txt2{font-size: 12px;font-weight: 300}




    .inBox1 { background: #f7f9fa;padding:30px 0 30px;}
    .inBox1 .Tit { font-size:25px; margin-bottom:20px; }
    .inBox1 .Con{width: 100%;}
    .inBox1 .num{padding-top:80px;}
    .inBox1 .num li{width: 32.2%;}
    .inBox1 .num .p1 { font-size: 26px;text-align: center!important;}
    .inBox1 .num li.li1, .inBox1 .num li.li2 { margin-right:1.5%;text-align: center;}
    .inBox1 .num .p2{font-size: 12px;line-height: 1.2}
    .inBox1 .more { padding-top:20px;position: relative;}
    .inBox1 .more a {width:80px; line-height:30px; height: 30px; border-style: solid; background: #fff; transition: all .3s; font-size: 12px;position: absolute;top:-140px;left: 0}
    .inBox1 .more a span {padding-left: 6px;}

    .inNew { padding:40px 10px 30px; }
    .inNew .inT { font-size: 25px; }
    .inNew .inT i { margin: 20px 0;}
    .inNewNav span { font-size: 14px; width:80px; height:40px; line-height:40px;    margin: 0 5px;}
    .fenye{ width:33%!important;}
    #fenye_1,#fenye_2{margin-right: 0.5%;}
    .inNewBoxW ul{width: 100%}
    .inNewBoxW {margin: 27px 0 20px; padding: 0;overflow: hidden;box-sizing: border-box}
    .inNewBoxW ul li{width: 100%;margin-bottom: 20px;margin-right: 0;border-radius: 0}
    .fenye ul{margin-bottom: 10px;min-height: auto!important;}
    .inNewBoxW .con .info{line-height: 20px;height: 40px;}
    .inNewBoxW .img{display: none;}



}