@charset "utf-8";
/* CSS Document */

.banner-container { width:100%; height:640px; margin-top:106px; overflow:hidden; background:#a32924 }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 5em; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5 }
.carousel-inner > .item {width:100%;height:640px;}
/*.carousel-inner > .item > img { width:100%; height: calc(100vh - 106px)}*/
.carousel-indicators { bottom:50px }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0.7); border: 0 solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff }

.main-container {width:100%; height: 900px;overflow:hidden;display:flex;justify-content: center;align-items: center;flex-wrap:wrap}

.hot-a {background:url(../images/hotbg-1.jpg) center center no-repeat;background-size:100% 100%;}
.hot-b {background:url(../images/hotbg-2.jpg) center center no-repeat;background-size:100% 100%;}
.hot-c {background:url(../images/hotbg-3.jpg) center center no-repeat;background-size:100% 100%;}
.hot-d {background:url(../images/hotbg-4.jpg) center center no-repeat;background-size:100% 100%;}
.main-title { width:100%; margin:3vh 0 0 0; display:flex; justify-content: center;}

.main-box {width:1440px;display:flex}
.other-box {width:70%;display:flex;flex-wrap:wrap;flex-direction:row;padding-bottom:10vh}

#hotpic {width:700px;height:520px; margin:0 50px 100px 0;overflow:hidden;border-radius:5px;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.2)}

/* hotpic css */
.picScroll-left{ overflow:hidden; position:relative;  }

.picScroll-left .prev , .picScroll-left .next{ position:absolute; left:3%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.picScroll-left .next{ left:auto; right:3%; background-position:8px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ width:700px;height:440px;overflow:hidden;text-align:center; }
.picScroll-left .bd ul li .pic img{ width:700px; height:440px; display:block; transition: all .2s ease-in-out}
.picScroll-left .bd ul li .pic img:hover {transform: scale(1.2,1.2);}
.picScroll-left .bd ul li .title{ width:100%;line-height:80px;text-align:center;font-size:19px;  }

#news {width:670px;height:520px;float:left;overflow:hidden; z-index: 1;border-radius: 5px;padding: 15px; box-sizing: border-box;background-color: rgba(255,255,255,0.8);}
#news_title {width:100%;height:44px;float:left;margin-bottom:30px}
#news_title li {float:left;margin-left:10px}
#news_title li:last-child {margin-right:0}
#news_title li a {width:200px;height:44px;display:block;font-size:18px;text-align:center;line-height:44px;border-radius:3px;background:rgba(184, 169, 118, 1.0);color:#61422c}
#news_title li.actives a {background:#c00;color:#fff;}
.news_item , .news_list {width:100%;float:left;border-radius: 7px;}

.news_list {margin-bottom:5px;display: flex;justify-content: center;padding:10px 0;transition: all .2s ease-in-out}
.item_date {width:70px;height:70px;border-radius:35px;box-shadow:0 0 5px rgba(0,0,0,0.2);text-align:center;color:#8a7878;font-size:14px;margin:6px 30px 0 5px;float:left;background:#fff}
.item_date em {width:50px;height:28px;float:left;margin:10px 0 0 10px;display:block;border-bottom:1px solid #c4bbbb;line-height:28px}
.item_date b {width:50px;height:28px;float:left;line-height:28px;margin:0 0 0 10px;display:block;font-weight:500}
.item_con {width:620px;float:left;border-bottom:1px solid #ded9d9;padding-bottom:10px;color:#61422c;}
.item_con a {font-size:18px;color:#61422c;display:block}
.item_con b {font-size:16px}
.item_con span {font-size:14px;display:block;text-indent:0;padding-bottom:15px;margin-top:10px}

.news_list:hover {background:rgba(0,0,0,0.1);color:#999}
.item_con:hover {color:#77543b}

.business-unit {width:33.33%;position:relative}
.business-unit a {width:100%;overflow:hidden}
.business-unit a img {width:100%; transition: all .2s ease-in-out}
.business-unit a em {width:100%;display:none;position:absolute;top:0;left:0}

.company-unit {height:700px;width:1440px;display:flex;flex-wrap:wrap}
.company-unit-a {width:100%;height:60%;min-height:300px;background:rgba(255,255,255,0.5);border-radius:15px;display:flex}
.unit-a-item {width:50%;height:100%;display:flex;flex-wrap:wrap;align-items:center}
.unit-a-item-d {width:44%;height:40%;background:#000;margin:0 0 0 4%;background:#ce9c6a;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;padding:10px 0;}
.unit-a-item-t {width:90%;margin:0 auto}
.unit-a-item-t b {font-size:2em}

.unit-about {width:80%;color:#784318;line-height:2.5;text-indent:36px;font-size:18px;margin:0 10%;text-align:justify;font-size:16px}
.unit-a-item .more {flex:1;text-align:right;padding-right:10%}
.unit-a-item .more a {width:150px;height:32px;display:block;border-radius:6px;line-height:32px;text-align:center;background:#b37c44;color:#fff;float:right;transition: all .2s ease-in-out}
.unit-a-item .more a:hover {background:#c00;width:170px;}
.company-unit-b {width:100%;height:30%;min-height:150px;background:rgba(255,255,255,0.5);border-radius:15px;display:flex;align-items:center;overflow:hidden}
.unit-b-i {width:25%;height:50%}
.unit-b-i a {width:100%;height:100%;padding:10px;display:block;transition: all .2s ease-in-out;display:flex;align-items:center;flex-wrap:wrap}
.unit-b-i a:hover {background:rgba(255,255,255,.5)}
.unit-b-i a img {width:60px;margin-right:15px}
.unit-b-i a b {font-size:24px;font-weight:600;color:#5b4229;width:calc(100% - 80px);margin-top:-20px}
.unit-b-i a p {font-size:12px;color:#5b4229;width:calc(100% - 80px);margin-left:75px;margin-top:-50px}

.dj-pic {width:620px;height:480px;background:#efe1d4;overflow:hidden;border-radius:5px;margin-bottom:200px;margin-right:30px;margin-left:40px}
.dj-pic a {width:620px;height:480px;display:block;text-align:center;font-size:20px;color:#8f514c}
.dj-pic a img {width:590px;height:390px;margin:15px}

.dj-list {width:750px;height:500px;display:flex;flex-wrap:wrap;align-items:center}
.dj-list a {width:700px;padding:20px;background:#efe1d4;border-radius:5px;transition: all .2s ease-in-out}
.dj-list a b {color:#8f514c;font-size:18px;display:block;margin-bottom:10px}
.dj-list a span {color:#917d47;font-size:14px}
.dj-list a:hover {background:#f6eee8}

/* =====  ===== */
.other-box{ overflow: hidden; width: 1340px; height: 540px;  margin: 0 auto 100px;}
.other-box ul {display:flex;}
.other-box ul li{  height: 540px;  width: 100px }
.other-box ul .pic1{ background: url(../images/a1.jpg) center center no-repeat }
.other-box ul .pic2{ background: url(../images/a2.jpg) center center no-repeat }
.other-box ul .pic3{ background: url(../images/a3.jpg) center center no-repeat }
.other-box ul .pic4{ background: url(../images/a4.jpg) center center no-repeat }
.other-box ul .pic5{ background: url(../images/a5s.jpg) center center no-repeat }
.other-box ul .pic6{ background: url(../images/a5.jpg) center center no-repeat }
.other-box ul .pic7{ background: url(../images/a6.jpg) center center no-repeat }
.other-box ul li a {position:relative;width:740px;height:540px;display:block}
.other-box ul li a span {width:600px;height:auto;display:block;position:absolute;background:rgba(0,0,0,0.5);color:#eee;bottom:20px;left:120px;padding:10px;font-size:14px;display:none;line-height:2}
.txt{ background: #000; background: rgba(0, 0, 0, .5); height: 540px; width: 100px }
.txt p   { float: left; color: #fff }
.txt .p1 , .txt .p2 , .txt .p3 , .txt .p4 , .txt .p5 ,  .txt .p6 ,  .txt .p7 { font-size: 30px; padding: 35px 35px}