@import url("common.css");
/* CSS Document */
.ind_banner{ position:relative}
.ind_banner .wap{ display:none}
.ind_banner img{ width:100%;}
.ind_banner .box{ z-index:10; position:absolute; width:100%; height:100%;  color:#fff; line-height:28px;}
.ind_banner .table{  width:100%; height:100%; display:table;}
.ind_banner .table-cell{ display:table-cell; vertical-align:middle;}
.ind_banner .txt{transition: all 0.3s ease; opacity:0}
.ind_banner h2{ display:block; font-size:40px;line-height:60px; font-weight:normal;}
.ind_banner h3{ display:block; font-size:28px; text-transform:uppercase; padding-top:20px; padding-bottom:30px;background:url(../images/column_icon_w80.png) no-repeat left bottom}
.ind_banner p{ max-width:520px; font-size:18px; padding:20px 0;; min-height:160px;}
.ind_banner .more{ color:#fff; position:relative; padding-left:55px;}
.ind_banner .more:before{ content:''; left:0; top:50%; position:absolute; width:40px; height:1px; background-color:#fff;}
.ind_banner .more:after{ content:''; left:0; top:50%; position:absolute; width:10px; height:1px; background-color:#d9092b;transition:all 0.3s ease;}
.ind_banner .more:hover{ color:#d9092b}
.ind_banner .more:hover:after{ width:40px;}
.ind_banner .slick-active .txt{transform:translate(0,-80px);opacity:1}
.ind_banner .slick-dots{ bottom:6%;}
.ind_banner .slick-dots li{ width:30px; height:14px;}
.ind_banner .slick-dots li button{ width:14px; height:14px; border:solid 2px #fff; border-radius:100px;}
.ind_banner .slick-dots li.slick-active button{ background-color:#fff}
.ind_banner .slick-dots li button:before{ display:none}

.ind_photo{ padding-top:6.8%; padding-bottom:3%;}
.ind_photo ul li{ float:left; width:46.952%; margin-right:6.096%;transition:all 0.3s ease;}
.ind_photo ul li:nth-child(even){ margin-right:0}


.ind_product{ padding-bottom:6.4%}
.ind_product .column_title{ display:none}
.ind_product .title{ padding:2.2% 0; font-size:18px; text-align:center;}

.ind_product .title ul li{ line-height:37px;  display:inline-block;}
.ind_product .title ul li a{position:relative;display:inline-block;}
.ind_product .title ul li b{ font-weight:normal; padding:0px 20px;}
.ind_product .title ul li.slick-current span:before,
.ind_product .title ul li.slick-current span:after{ content:''; position:absolute; border-color:#d9092b; border-width:1px;}
.ind_product .title ul li.slick-current span:before{ top:0;}
.ind_product .title ul li.slick-current span:after{ bottom:0}
.ind_product .title ul li.slick-current span.l:before,
.ind_product .title ul li.slick-current span.r:after{ width:8px; height:6px;}
.ind_product .title ul li.slick-current span.r:before,
.ind_product .title ul li.slick-current span.l:after{width:9px; height:7px;}
.ind_product .title ul li.slick-current span.l:before{ border-top-style:solid; border-left-style:solid;}
.ind_product .title ul li.slick-current span.l:after{  border-bottom-style:solid; border-left-style:solid;}
.ind_product .title ul li.slick-current span.r:before{ right:0; border-top-style:solid; border-right-style:solid;}
.ind_product .title ul li.slick-current span.r:after{ right:0;border-bottom-style:solid; border-right-style:solid;}
.ind_product .photo .wap{ display:none}

.ind_news .column_title{ margin-bottom:2.5%}
.ind_news .news{margin-bottom:0;}
.ind_news .news:after{ content:''; display:block; position:absolute; bottom:0; width:100%; height:1px; background-color:#e5e5e5}
.ind_news .list{ float:left; width:25%; padding-left:0.5%; padding-right:0.5%; padding-bottom:40px; padding-top:40px}
.ind_news .list a{ color:#000000; display:block; position:relative;}
.ind_news .list a:before{ content:''; position:absolute; z-index:5;}
.ind_news .list .pic{ overflow:hidden}
.ind_news .list .txt{ padding:3% 0}
.ind_news .list .txt h4{ padding:10px 0; font-size:16px;}
.ind_news .list .txt h4 i{ font-style:normal; display:none; padding-right:27px; margin-right:10px; background:url(../images/close.jpg) no-repeat right}
.ind_news .list .txt time{ color:#888888; display:block; padding-bottom:5%; font-size:14px;}
.ind_news .list .txt dl{ position:relative; padding-left:55px; font-size:15px;}
.ind_news .list .txt dl:before{ content:''; left:0; top:50%; position:absolute; width:40px; height:1px; background-color:#b7b7b7;}
.ind_news .list .txt dl:after{ content:''; left:0; top:50%; position:absolute; width:10px; height:1px; background-color:#231815;transition:all 0.3s ease;}
.ind_news .list a.latent:before{transition:all 0.3s ease; display:block;  width:100%; height:100%; background-color:rgba(255,255,255,0.8)}
.ind_news .list a.hover:before{display:block; width:108%; height:108%; left:-4%; top:-4%; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ind_news .list a.hover .txt dl:after{ width:40px; background-color:#231815l}
.ind_news .list a.hover .txt h4 i{ display:inline-block;}
.ind_news .list:hover{ z-index:10; position:relative}
.ind_news .list a:hover h4{ color:#d90a2b}
.ind_news .slick-dots{ position:relative; width:240px; bottom:-8px; margin:auto; background-color:#fff; z-index:50}
.ind_news .slick-dots li button{ width:14px; height:14px; border:solid 2px #ddd; border-radius:100px;}
.ind_news .slick-dots li.slick-active button{ background-color:#000; border-color:#000}
.ind_news .slick-dots li button:before{ display:none}
.ind_news .more{ text-align:center; display:none; padding-top:30px}
.ind_news .more a{ font-size:16px; display:inline-block; text-align:center; color:#fff; line-height:40px; width:50%;  background-color:#d9092b}
.ind_news .more a:hover{ background-color:#231815}
@media (min-width:750px){
.ind_product .title ul li{width:auto!important; float:none!important}
.ind_photo ul li:hover{transform:translate(0,-20px); box-shadow:0 10px 20px rgba(0,0,0,0.2)}
}
@media (max-width:1200px){
.ind_banner h2{ font-size:26px; line-height:40px;}
.ind_banner h3{ font-size:18px; padding:15px 0;}
.ind_banner p{ font-size:16px; min-height:inherit}
}
@media (max-width:1100px){
.ind_banner .slick-active .txt{transform:translate(0,-20px);}
}
@media (max-width:750px){
.ind_banner .pc{ display:none}
.ind_banner .wap{ display:block;}
.ind_banner p{ display:none;}
.ind_banner h2{ font-size:22px; }
.ind_banner h3{ font-size:16px; padding-top:0px; padding-bottom:10px; margin-bottom:10px; background-size:50px; margin-bottom:0}
.ind_banner .more{ font-size:14px;}
.ind_banner .slick-dots li button{ padding:0; height:5px; width:100%;background-color:rgba(255,255,255,0.3); border:none}
.ind_banner .slick-dots li.slick-active button{  background-color:#d9092b}

.ind_photo{ max-width: 100%;}
.ind_photo ul li{ float:none; width:100%; padding:2% 0; margin:0!important;}

.ind_product .column_title{ display:block}
.ind_product .title{ font-size:16px; padding:20px 0;}
.ind_product .title .slick-list{overflow: hidden;margin: 0 25px;}

.ind_product .photo .pc{ display:none}
.ind_product .photo .wap{ display:block;}
.ind_product .slick-arrow{ width:24px; height:24px; margin-top:3px; background:no-repeat center center;}
.ind_product .slick-prev{ left:0; background-image:url(../images/slick_prev.png)}
.ind_product .slick-next{ right:0; background-image:url(../images/slick_next.png)}
.ind_product .slick-prev:before,
.ind_product .slick-next:before{ display:none;}

.ind_news .list{ float:none; width:100%; padding-bottom:0; padding-top:10px;}
.ind_news .list .pic img{ width:100%}
.ind_news .list .txt{ padding-top:0;}
.ind_news .list .txt time{ padding-bottom:0}
.ind_news .list .txt dl{ display:none;}
.ind_news .list .txt h4{ font-size:16px;}
.ind_news .more{ display:block;}
.ind_news .slick-dots{ width:200px;}
}