/* 首页大图 */
.banner{ max-height: 785px; overflow: hidden; }
.banner img{max-width: 100%; width: ; }
.banner .swiper-container{
  --swiper-theme-color: #ffffff;
  --swiper-navigation-color: #ffffff;
  --swiper-navigation-size: 42px;
}
.ani{ animation-timing-function: ease-out; }
.banner .swiper-wrapper{ transition-timing-function: ease-out; }
.banner .swiper-button-prev{ left: 30px; opacity: 0.7; outline: none; }
.banner .swiper-button-next{ right: 30px; opacity: 0.7; outline: none;}
.banner .swiper-pagination-bullet{ opacity: .5; background-color: #FFFFFF; }
.banner .swiper-pagination-bullet-active{ opacity: 1; }
@media screen and (max-width: 768px){
  .banner .swiper-container{
    --swiper-navigation-size: 26px;
  }
}


/* 标题 ==================== */
.i_title{ text-align: center; }
.i_title h2{ font-size: 48px; font-weight: bold; color: #333333; line-height: 50px; padding-bottom: 20px;}
.i_title i{ font-size: 18px; display: inline-block; position: relative; color: #333;  }
.i_title i::after,
.i_title i::before{ display: block; content: ""; width: 50px; height: 1px; background-color: #974400; position: absolute; top: 50%; transform: translateY(-50%);  }
.i_title i::after{right: -80px;}
.i_title i::before{left: -80px;}
@media screen and (max-width: 1440px){
  .i_title h2{ font-size: 42px; line-height: 44px;}
}
@media screen and (max-width: 1240px){
  .i_title h2{ font-size: 38px; line-height: 40px;}
}
@media screen and (max-width: 1024px){
  .i_title h2{ font-size: 36px; line-height: 38px; }
  .i_title i{ font-size: 16px;line-height: 16px; }
  /* .i_title i::after, .i_title i::before{width: 35px;} */
}
@media screen and (max-width: 768px){
  .i_title h2{ font-size: 32px; line-height: 34px; }
  .i_title i{ font-size: 13px; line-height: 13px; }
  .i_title i::after, .i_title i::before{ width: 35px; }
  .i_title i::after{ right: -60px; }
  .i_title i::before{ left: -60px; }
}
@media screen and (max-width: 480px){
  .i_title h2{ font-size: 26px; line-height: 28px; padding-bottom: 15px;}
}



/* 案例 ================ */
.index_case{ padding: 90px 0 90px;}
.index_case .caseTab{padding: 40px 0; text-align: center;}
.index_case .caseTab a{ display: inline-block; padding: 0 35px; border-right: 1px solid #ccc; font-size: 18px; line-height: 18px; position: relative;}
.index_case .caseTab a:last-child{ border-right: 0;}
.index_case .caseTab a::after{ display: block; content: ''; height: 2px; width: calc(100% - 70px); position: absolute; bottom: -13px; left: 35px; background-color: #974400; opacity: 0; }
.index_case .caseTab a.cur{ color: #974400; font-weight: bold; }
.index_case .caseTab a.cur::after{ opacity: 1; }
.index_case .caseTab a:last-child.cur::after{ opacity: 0; }
.index_case .caseBox{ padding-top: 10px; }
.index_case .caseBox ul{ margin: 0 -6px; display: none; }
.index_case .caseBox ul.cur{ display: flex; }
.index_case .caseBox ul li{ width: 33.33%; padding: 0 6px; margin-bottom: 10px; }
.index_case .caseBox ul li a{}
.index_case .caseBox ul li .pic{padding-bottom: 60%;}
.index_case .caseBox ul li .pic img{height: auto; transition: 1s;}
.index_case .caseBox ul li:hover .pic img{ transform: translate(-50%,-50%) scale(1.15); }
.index_case .caseBox ul li .txt{padding: 15px 0; text-align: center; font-size: 18px; font-weight: bold; }
.index_case .caseBox ul li:hover .txt{ color: #974400; }
.index_case .caseBox ul li .txt p{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.index_case .caseBox ul li .txt span{ display: block; padding-top: 5px; color: #974400; }

.index_case .more{ width: 100%; text-align: center; margin-top: 30px; }
.index_case .more a{ display: inline-block; background-color: #974400; color: #FFFFFF; font-size: 18px; padding: 7px 17px;}
.index_case .more a span{ font-size: 16px; }

@media screen and (max-width: 1240px){
  
}
@media screen and (max-width: 1024px){
  .index_case{padding: 60px 0;}
  .index_case .caseBox ul li .txt{font-size: 16px;}
  .index_case .caseBox ul li .txt span img{width: 18px;}
}
@media screen and (max-width: 768px){
  .index_case{padding: 60px 0 40px;}
  .index_case .caseTab{padding: 30px 0;}
  .index_case .caseTab a{font-size: 16px; line-height: 16px;}
  .index_case .caseBox ul li{width: 50%;}
}
@media screen and (max-width: 480px){
  .index_case{padding: 60px 0 40px;}
  .index_case .caseTab{padding: 25px 0;}
  .index_case .caseTab a{ padding: 0 10px; }
  .index_case .caseTab a::after{width: calc(100% - 20px); left: 10px;}
  .index_case .caseBox ul{ margin: 0 -3px; }
  .index_case .caseBox ul li{ padding: 0 3px; width: 100%;}
  .index_case .caseBox ul li .txt{ font-size: 15px; padding: 10px 0; margin: 0 10px;}
  .index_case .caseBox ul li .txt span img{width: 16px;}
}



/* 解决方案 ==================== */
.index_service{ background: url(../images/serbg.jpg) no-repeat center; background-size: cover; padding: 110px 0; }
.index_service .serbox{ margin: 0 -12px; }
.index_service .service{ margin-top: 60px; padding: 12px; }
.index_service .swiper-wrapper{ padding-bottom: 30px; }
.index_service .swiper-slide{height: 100%;}
.index_service ul{ align-items: stretch;  }
.index_service ul li{ height: 100%; }
.index_service ul li a{display: block; background-color: #FFFFFF; padding: 50px 10px; height: 100%; width: 100%; box-shadow: 0 0 5px 3px rgba(0,0,0,0.2); }
.index_service ul li .icon{ margin: 0 auto; width: 95px; height: 95px; border-radius: 100px; border: 2px solid #974400; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; transition: 0.3s;}
.index_service ul li .icon img{ max-width: 80%; }
.index_service ul li .tit{ padding: 50px 0; text-align: center; }
.index_service ul li .tit h3{ font-size: 48px; line-height: 48px; font-weight: normal; color: #974400; border-bottom: 1px solid #999; display: inline-block; padding: 0 20px; padding-bottom: 20px; }
.index_service ul li .tit p{font-weight: bold; font-size: 18px; color: #974400; padding-top: 20px; }
.index_service ul li .txt{ font-size: 18px; line-height: 30px; color: #666; padding: 0 20px;}
.index_service ul li .txt p{  }
@media screen and (min-width: 1025px){
  .index_service .swiper-wrapper{ padding-bottom: 0px; }
  .index_service .swiper-pagination{display: none;}
  .index_service ul li:hover a{ background-color: #974400; }
  .index_service ul li:hover .icon{ border-color: #FFFFFF; overflow:hidden; transform: rotateY(180deg); }
  .index_service ul li:hover .icon img{ filter: drop-shadow(#fff 0 100px); transform: rotate(360deg) translateY(-100px); }
  .index_service ul li:hover .tit h3{ color: #FFFFFF; border-bottom-color: #FFFFFF; }
  .index_service ul li:hover .tit p{ color: #FFFFFF; }
  .index_service ul li:hover .txt{ color: #FFFFFF; }
}
@media screen and (max-width: 1640px){
  .index_service ul li .tit{ padding: 30px 0; }
  .index_service ul li .tit h3{ font-size: 42px; line-height: 42px; padding-bottom: 15px;}
  .index_service ul li .tit p{padding-top: 15px;}
  .index_service ul li .txt{ padding: 0 10px; }
  .index_service ul li .txt{ font-size: 16px; }
}
@media screen and (max-width: 1440px){
  .index_service ul li .txt{line-height: 20px; font-size: 15px; }
  .index_service ul li .txt p{margin: 5px 0;}
}
@media screen and (max-width: 1240px){
  .index_service{padding: 90px 0;}
  .index_service ul li a{padding: 35px 10px;}
  .index_service ul li .icon{width: 80px; height: 80px;}
  .index_service ul li .icon img{max-width: none; max-height: 42px;}
  .index_service ul li .tit h3{ font-size: 34px; line-height: 34px; }
  .index_service ul li .tit p{font-size: 16px;}
}
@media screen and (max-width: 1024px){
  .index_service{ padding: 70px 0; }
  .index_service .service{ margin-top: 50px; }
  .index_service ul li{ }
  .index_service ul li:nth-child(2){ width: 66.66%; text-align: center; }
  .index_service ul li .tit h3{ font-size: 26px; }
}
@media screen and (max-width: 768px){
  .index_service{ padding: 60px 0 40px; }
  .index_service .service{ margin-top: 30px; }
  .index_service ul li .icon{width: 70px; height: 70px; }
  .index_service ul li .icon img{ max-height: 35px; }
}
@media screen and (max-width: 640px){
  .index_service ul li:nth-child(2){ text-align: left; }
  .index_service ul li:nth-child(3){ text-align: center; }
}
@media screen and (max-width: 480px){
  .index_service{ padding: 60px 0 20px; }
  .index_service .service{ margin-top: 20px; }
  .index_service ul li{ text-align: center; }
  .index_service ul li a{ padding: 35px 5px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.2); }
  .index_service ul li:nth-child(2){ text-align: center; }
  .index_service ul li .tit{padding: 20px 0 15px; }
  .index_service ul li .tit h3{font-size: 24px; line-height: 24px; padding-bottom: 10px;}
  .index_service ul li .tit p{ padding-top: 10px;font-size: 15px; }
  .index_service ul li .txt p{font-size: 13px; text-align: left; }
}



/* 产品展示 ================== */
.index_product{ position:relative; }
.index_product .i_title h2 a{ color: #FFFFFF; }
.index_product .i_title i{ color: #FFFFFF; }
.index_product .i_title i::after, .index_product .i_title i::before{ background-color: #FFFFFF;}
.index_product .big_picture ul li{ position:relative;height:820px; }
.index_product .big_picture ul li .bg_pic{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:cover; }
.index_product .index_pro_nav{ position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%); }
.index_product .index_pro_nav .top_hd{ padding:22px 60px;margin-bottom:6px;width:380px;background:rgba(151, 68, 0, 0.7);color:#fff;text-align:center;  margin-top: 30px; }
.index_product .index_pro_nav .top_hd h5{ font-size:36px;font-weight:bold;white-space:nowrap;color:inherit; }
.index_product .index_pro_nav .top_hd span{ font-size:12px;text-transform:uppercase;filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25; }
.index_product .index_pro_nav .top_hd p{ font-size:18px;padding-top:5px; }
.index_product .index_pro_nav li{padding:30px 60px;margin-bottom:6px;width:380px;background:rgba(0, 0, 0, 0.8) 75% center;color:#fff;position:relative}
.index_product .index_pro_nav li span{ background:url(../images/line.png) no-repeat right center;background-size:100% 100%;width:58px;height:60px;display:inline-block;color:#e5e5e5;font-size:36px;font-family:Arial;font-weight:lighter;position:absolute;bottom:0;left:60px; }
.index_product .index_pro_nav li .rt_text{margin-left:95px}
.index_product .index_pro_nav li .rt_text .img{ width:70px; height:70px; line-height: 70px; position:absolute; left: 35px; top:50%; text-align:center; margin-top: -35px; }
.index_product .index_pro_nav li .rt_text em{ font-size:16px;font-style:normal;color:#fff;opacity: 1;padding-top: 5px;display: block; }
.index_product .index_pro_nav li .rt_text h5{ font-size:18px;padding-top:0px;font-weight:bold;color:#fff; }
.index_product .index_pro_nav li.on,
.index_product .index_pro_nav li:hover{ transition:.8s ease;width:580px;background:rgba(151, 68, 0, 0.8) url(../images/jt.png) no-repeat 85% center; }
.index_product .index_pro_nav li.on .img,
.index_product .index_pro_nav li:hover .img{ transition:.5s ease;left:75px; }
.index_product .index_pro_nav li.on .rt_text,
.index_product .index_pro_nav li:hover .rt_text{ margin-left:145px;transition:0.6s ease; }
@media screen and (max-width: 1440px){
  .index_product .big_picture ul li{ height: 800px; }
}
@media screen and (max-width: 1024px){
  .index_product .index_pro_nav .top_hd h5{ font-size: 36px; line-height: 42px; }
  .index_product .index_pro_nav li .rt_text{ margin-left: 60px; }
  .index_product .index_pro_nav li .rt_text .img{ width: 50px; height: 50px; line-height: 50px; margin-top: -25px; }
  .index_product .index_pro_nav li .rt_text .img img{ height: 40px; }
  .index_product .index_pro_nav li.on, .index_product .index_pro_nav li:hover{width: 500px;}
  .index_product .index_pro_nav li.on .rt_text, .index_product .index_pro_nav li:hover .rt_text{ margin-left: 110px;}
}
@media screen and (max-width: 768px){
  .index_product .big_picture ul li{height: 750px;}
  .index_product .index_pro_nav .top_hd{width: 340px;padding: 22px 30px;}
  .index_product .index_pro_nav .top_hd h5{font-size: 32px;}
  .index_product .index_pro_nav li{width: 340px;}
}
@media only screen and (max-width:480px){
.index_product .index_pro_nav{left:50%;width:100%;transform:translate(-50%,-50%)}
.index_product .big_picture ul li{height: 630px}
.index_product .index_pro_nav .top_hd,.index_product .index_pro_nav li{padding:18px 3%;width:100%;box-sizing:border-box}
.index_product .index_pro_nav .top_hd h5{font-size:24px;line-height: 28px;}
.index_product .index_pro_nav li span{left:20px;width:50px;height:50px;font-size:26px}
.index_product .index_pro_nav li .rt_text h5{font-size:16px}
.index_product .index_pro_nav li.on, .index_product .index_pro_nav li:hover{width: 100%; background-position: 95% center;}
.index_product .index_pro_nav li.on .rt_text, .index_product .index_pro_nav li:hover .rt_text{margin-left: 90px;}
.index_product .index_pro_nav li .rt_text{margin-left: 90px;}
.index_product .index_pro_nav li .rt_text .img{left: 25px;}
.index_product .index_pro_nav li .rt_text em{ padding-top: 10px; }
}



/* 公司简介 ====================== */
.index_about{ padding: 100px 0; }
.index_about .ab_data{ padding-top: 75px; padding-bottom: 70px; }
.index_about .ab_data ul{ align-items: stretch; }
.index_about .ab_data ul li{ width: 25%;  }
.index_about .ab_data ul li .circle{ margin: 0 auto;  background-color: #FFFFFF; padding: 6px; width: 170px; height: 170px; box-shadow: 0px 4px 5px 3px rgba(0,0,0,0.26); border-radius: 50%; }
.index_about .ab_data ul li .circle2{ background-color: #974400; width: 158px; height: 158px; border-radius: 50%; display: flex; flex-wrap: wrap;flex-direction: column; align-items: center; justify-content: center; }
.index_about .ab_data ul li .circle2 .num{font-size: 48px; line-height: 48px; font-weight: bold; color: #FFFFFF;  }
.index_about .ab_data ul li .circle2 .txt{font-size: 18px; color: #FFFFFF; padding-top: 5px;}
.index_about .ab_data ul li .text{text-align: center; margin-top: 40px; }
.index_about .ab_data ul li .text h5{font-size: 18px;font-weight: bold; color: #974400;}
.index_about .ab_data ul li .text p{font-size: 16px;padding-top: 5px; color: #333333;}

.index_about .about{ align-items: stretch; }
.index_about .about .left{ width: 42%; }
.index_about .about .left .text{ font-size: 18px; text-align: justify;}
.index_about .about .left .text p{ margin-bottom: 20px; line-height: 30px; text-align: justify; }
.index_about .about .left .more{ text-align: right; }
.index_about .about .left .more a{ display: inline-block; background-color: #974400; color: #FFFFFF; font-size: 18px; padding: 7px 17px;}
.index_about .about .left .more a span{ font-size: 16px; }
.index_about .about .right{ width: 55%; }

.index_about .ab_horon{ padding-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.index_about .ab_horon ul{width: calc(100% - 280px); }
.index_about .ab_horon h3{ width: 100%; font-size: 18px; font-weight: normal; line-height: 30px; padding-bottom: 20px; padding-top: 20px; padding-left: 65px; background: no-repeat center left / 55px; }
.index_about .ab_horon ul li{width: 33.33%; }
.index_about .ab_horon ul li p{ padding: 15px 0; margin: 10px 0; background: no-repeat center left; padding-left: 65px; }
.index_about .ab_horon .year{ width: 280px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.index_about .ab_horon .year .y{font-size: 134px; line-height: 104px; font-weight: bold; color: #974400; font-family: '思源黑体 CN'; font-style: italic; }
.index_about .ab_horon .year .txt{ font-style: italic; padding-left: 30px; padding-top: 10px;}
.index_about .ab_horon .year .txt span{ font-size: 18px; display: block; padding-left: 10px; }
.index_about .ab_horon .year .txt p{ font-size: 48px; line-height: 48px; margin-top: 15px; color: #000000;  }
@media screen and (max-width: 1240px){ 
  .index_about{ padding: 90px 0; }
  .index_about .ab_data{ padding-top: 60px; padding-bottom: 60px; }
}
@media screen and (max-width: 1024px){
  .index_about{ padding: 70px 0; }
  .index_about .ab_data ul li .circle{ width: 150px; height: 150px; }
  .index_about .ab_data ul li .circle2{ width: 138px; height: 138px; }
  .index_about .ab_data ul li .text{ margin-top: 30px; }
  .index_about .ab_data ul li .circle2 .num{font-size: 36px;line-height: 36px;}
  
  .index_about .about{ flex-direction: column-reverse; }
  .index_about .about .left{width: 100%; margin-top: 30px;}
  .index_about .about .left .more{text-align: left; margin-top: 30px; }
  .index_about .about .right{width: 100%;}
  
  .index_about .ab_horon{ padding-top: 30px; }
  .index_about .ab_horon ul{width: calc(100% - 240px);}
  .index_about .ab_horon ul li p{ height: 50px; }
  .index_about .ab_horon .year{width: 240px;}
  .index_about .ab_horon .year .y{ font-size: 100px; line-height: 80px;}
  .index_about .ab_horon .year .txt p{ font-size: 38px; line-height: 38px; margin-top: 10px;}
}
@media screen and (max-width: 768px){
  .index_about .ab_data ul li .circle{ width: 120px; height: 120px; }
  .index_about .ab_data ul li .circle2{ width: 108px; height: 108px; }
  .index_about .ab_data ul li .circle2 .num{font-size: 30px;line-height: 30px;}
  
  .index_about .about .left .text p{font-size: 16px; margin-bottom: 15px;}
  .index_about .about .right iframe{height: 400px!important;}
  
  .index_about .ab_horon{align-items: flex-start; padding-top: 50px;}
  .index_about .ab_horon{ flex-direction: column-reverse;  align-items: flex-start;}
  .index_about .ab_horon ul{width: 100%;}
  .index_about .ab_horon ul{width: 100%; margin-top: 20px; }
  .index_about .ab_horon h3{font-size: 16px;padding-bottom: 15px; line-height: 26px;}
  .index_about .ab_horon ul li{width: 50%;}
  .index_about .ab_horon .year{justify-content: flex-start; width: 100%;}
  .index_about .ab_horon .year .y{ font-size: 70px; line-height: 50px; }
  .index_about .ab_horon .year .txt{ padding-top: 0; padding-left: 20px; }
  .index_about .ab_horon .year .txt p{font-size: 26px; line-height: 26px;}
}
@media screen and (max-width: 580px){
}
@media screen and (max-width: 480px){
  .index_about{ padding: 60px 0;}
  .index_about .ab_data{padding: 40px 0 30px;}
  .index_about .ab_data ul li{width: 50%; margin-bottom: 20px;}
  .index_about .ab_data ul li .text{ margin-top: 20px; }
  .index_about .ab_data ul li .text h5{ font-size: 16px; }
  .index_about .ab_data ul li .text p{ font-size: 14px; }
  
  .index_about .about .left .text p{font-size: 14px; line-height: 24px;}
  .index_about .about .left .more{ margin-top: 20px;}
  .index_about .about .left .more a{font-size: 14px; }
  .index_about .about .right iframe{ height: 300px!important; }
  
  .index_about .ab_horon h3{font-size: 14px;padding-bottom: 10px;padding-top: 10px; line-height: 22px; margin-bottom: 10px;}
  .index_about .ab_horon ul li{font-size: 14px;}
  .index_about .ab_horon ul li p{ margin: 5px 0; }
}



/* 四大优势 =============== */
.index_yousi{padding-top: 120px; background: url(../images/yousi_bg.jpg) no-repeat top center / cover; overflow: hidden; }
.index_yousi .row{ padding-top: 80px; }
.index_yousi .item{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; min-height: 430px; position: relative; }
.index_yousi .item .pic{ width: 50%; height: 100%; background: no-repeat center  / cover; padding-right: 15px; box-sizing: content-box; position: absolute; left: 0; top: 0; }
.index_yousi .item .pic img{ display: none; }
.index_yousi .item .content{ display: flex; align-items: center; justify-content: flex-end; }
.index_yousi .item .content .text{ width: 50%; padding-left: 65px; padding-right: 20px; }
.index_yousi .item .content .text h3{ font-size: 48px; color: #974400; font-weight: bold; padding-bottom: 25px; margin-bottom: 50px; border-bottom: 1px solid #cacaca; }
.index_yousi .item .content .text ul{ padding-left: 5px; }
.index_yousi .item .content .text ul li{ font-size: 16px; line-height: 24px; padding-bottom: 12px; color: #333333; }

.index_yousi .item:nth-child(2n) .pic{ right: 0; left: auto;  }
.index_yousi .item:nth-child(2n) .content{ display: flex; align-items: center; justify-content: flex-start; }
.index_yousi .item:nth-child(2n) .content .text{ padding-left: 20px; padding-right: 55px; }

@media screen and (max-width: 1440px){
  .index_yousi{padding-top: 100px;}
  .index_yousi .item .content .text h3{font-size: 42px; margin-bottom: 40px;}
}
@media screen and (max-width: 1240px){
  .index_yousi{padding-top: 90px;}
  .index_yousi .item{ min-height: 380px;}
  .index_yousi .item .content .text h3{font-size: 36px; }
}
@media screen and (max-width: 1024px){
  .index_yousi{padding-top: 70px;}
  .index_yousi .row{padding-top: 50px;}
  .index_yousi .item{ min-height: 340px;}
  .index_yousi .item .content .text h3{font-size: 30px; margin-bottom: 30px; }
  .index_yousi .item .content .text ul li{font-size: 15px; padding-bottom: 8px;}
}
@media screen and (max-width: 768px){
  .index_yousi .item .content .text h3{font-size: 24px; padding-bottom: 15px; margin-bottom: 20px;}
  
  .index_yousi .item .content .text{ padding-left: 40px; padding-right: 0;}
  .index_yousi .item:nth-child(2n) .content .text{ padding-left: 0; padding-right: 40px; }
}
@media screen and (max-width: 640px){
  .index_yousi{padding-top: 60px;}
  .index_yousi .row{padding-top: 40px;}
  .index_yousi .item{ min-height: auto; padding-bottom: 10px;}
  .index_yousi .item .pic{ position: static; width: 100%; padding-right: 0;}
  .index_yousi .item .pic img{ display: block; width: 100%; }
  .index_yousi .item .content .text{width: 100%; padding-left: 0; padding: 20px 0;}
  .index_yousi .item:nth-child(2n) .content .text{padding-right: 0;}
  .index_yousi .item .content .text h3{font-size: 22px;}
}
@media screen and (max-width: 480px){
  .index_yousi .item .content .text h3{font-size: 20px;}
  .index_yousi .item .content .text ul li{font-size: 14px; line-height: 22px;}
}



/* 合作伙伴 */
.index_cooperate{ padding: 110px 0 80px; }
.index_cooperate ul{ padding-top: 50px; }
.index_cooperate ul li{ width: 20%; transition: 0.2s; opacity: 0.75; }
.index_cooperate ul li:hover{ box-shadow: 0 0 3px 5px rgba(0,0,0,0.02); transform: scale(1); opacity: 1; }
.index_cooperate ul li a{ display: block; }
.index_cooperate ul li .pic{ padding-bottom: 50%; }
.index_cooperate ul li .pic img{ max-width: 98%; }
.index_cooperate .more{ text-align: center; padding-top: 50px;}
.index_cooperate .more a{ display: inline-block; width: 150px; height: 45px; border: 1px solid #666; background: url(../images/icon_right.png) no-repeat center; }
.index_cooperate .more a:hover{ border-width: 1px; }
@media screen and (max-width: 1240px){
  .index_cooperate{padding: 90px 0 70px;}
  .index_cooperate ul{padding-top: 40px;}
}
@media screen and (max-width: 1024px){
  .index_cooperate{ padding: 80px 0 60px; }
  .index_cooperate .more{padding-top: 30px;}
}
@media screen and (max-width: 768px){
  .index_cooperate{ padding: 60px 0; }
}
@media screen and (max-width: 480px){
  .index_cooperate{ padding: 60px 0 50px; }
  .index_cooperate ul li{width: 33.33%;}
  .index_cooperate .more a{height: 35px; width: 120px;}
}



/* 新闻动态 */
.index_news{ padding: 90px 0 100px; background-color: #f7f7f7; }
.index_news .newsTab{ border-bottom: 1px solid #e5e5e5; margin: 35px 0; display: flex; align-items: center; justify-content: space-between; }
.index_news .newsTab ul{ display: flex; align-items: stretch; }
.index_news .newsTab ul li{ color: #333333; font-size: 18px; margin-bottom: -2px; border-bottom: 2px solid #e5e5e5; padding: 10px 5px; margin-right: 30px; }
.index_news .newsTab ul li:last-child{ margin-right: 0; }
.index_news .newsTab ul li.cur{ border-bottom: 2px solid #974400; color: #974400; font-weight: bold; }
.index_news .newsTab a.more{ color: #333333; font-size: 18px; }
.index_news .news_c{ height: ;overflow: hidden;}
.index_news .news-l{ width:49%;height: ;overflow: hidden; position: relative; float: left; }
.index_news .news-l dt img{ width:100%;height:auto; }
.index_news .news-l dd{position: absolute; bottom:0; left: 0; width:100%; height: ;background:rgba(151, 68, 0, 0.8); overflow: hidden; box-sizing: border-box;padding: 40px 40px;}
.index_news .news-l dd h3{ font-size: 18px; color:#fff; line-height: 24px;}
.index_news .news-l dd h3 a{ color:#fff;}
.index_news .news-l dd p{padding-top: 20px; font-size: 16px; line-height: 24px; color:#fff; }
.index_news .news-l dd p a{ color:#fff;}
.index_news .news-r{ width:49%; overflow: hidden; float: right; }
.index_news .news-r dl{ overflow: hidden; margin-bottom: 24px; display: flex; align-items: center; flex-direction: row-reverse; }
.index_news .news-r dl:last-child{ margin-bottom: 0; }
.index_news .news-r dt{ float: right; width: 52%; overflow: hidden; position: relative; z-index: 1;  }
.index_news .news-r dt .picScale{ display: block; padding-bottom: 51%; overflow: hidden;}
.index_news .news-r dt img{ width: 100%;height: auto; }
.index_news .news-r dd{ float: left; background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); overflow: hidden; position: relative; left: 3%; z-index: 2; width:48%; padding: 20px 20px 20px 30px; }
.index_news .news-r dd i{display: block; font-size: 16px; color:#333333; font-family: Arial; text-transform: uppercase;}
.index_news .news-r dd p{ padding: 15px 0 25px; font-size: 18px; line-height: 25px; color:#333333; }
.index_news .news-r dd a{display: block;}
@media screen and (max-width: 1440px){
  .index_news .news-r dd{padding: 15px 20px 15px 30px;}
  .index_news .news-r dd p{padding: 10px 0 20px;}
  
}
@media screen and (max-width: 1240px){
  .index_news{ padding: 70px 0 80px; }
  .index_news .news-l{width: 100%;}
  .index_news .news-r{width: 100%; margin-top: 30px;}
  .index_news .news-r dl{width: 103%; margin-left: -3%;}
  .index_news .news-r dd{padding: 45px 20px 45px 30px;}
}
@media screen and (max-width: 1024px){
  .index_news .news-l dd{padding: 25px;}
  .index_news .news-l dd p{padding-top: 10px;}
}
@media screen and (max-width: 768px){
  .index_news{padding: 60px 0 ;}
  .index_news .news-r dd{padding: 25px 20px 25px 30px;}
}
@media screen and (max-width: 640px){
  .index_news .news-r dl{width: 100%; margin-left: 0; flex-wrap: wrap;}
  .index_news .news-r dt{width: 100%;}
  .index_news .news-r dd{width: 100%;left: 0; padding: 20px 15px;}
  .index_news .news-r dd p{padding-bottom: 10px; font-size: 16px;}
  .index_news .news-r dd i{font-size: 14px;}
}






@media screen and (max-width: 1240px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 480px){}


//
//                       _oo0oo_
//                      o8888888o
//                      88" . "88
//                      (| -_- |)
//                      0\  =  /0
//                    ___/`---'\___
//                  .' \\|     |// '.
//                 / \\|||  :  |||// \
//                / _||||| -:- |||||- \
//               |   | \\\  - /// |   |
//               | \_|  ''\---/''  |_/ |
//               \  .-\__  '-'  ___/-. /
//             ___'. .'  /--.--\  `. .'___
//          ."" '<  `.___\_<|>_/___.' >' "".
//         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
//         \  \ `_.   \_ __\ /__ _/   .-` /  /
//     =====`-.____`.___ \_____/___.-`___.-'=====
//                       `=---='
//
//
//     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//
//           佛祖保佑       永不宕机     永无BUG
//