/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{position: relative; width: 100%; overflow: hidden}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
    cursor: default;
}

.banner .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; margin: 25% 0 0 10%;}
.banner .text h2{font-size: 60px; font-weight: bold; color: #da6113; margin-bottom: 20px; text-shadow: 1px 1px 2px #fff;}
.banner .text h3{font-size: 20px; color: #6f6f6f;}


.b_fix{position: absolute; bottom: 0; left: 50%; margin: 0 0 100px 0; z-index: 9; transform: translateX(-50%);}
.b_fix .ico{width: 30px; height: 40px; margin: 0 auto; animation: down 3s infinite; -webkit-animation: down 3s infinite;} 
.b_fix span{display: block; font-size: 16px; color: #fff; font-weight: bold; font-family: 'dincond-medium'; margin: 40px 0 0 0; transform: rotate(90deg);}

@keyframes down{
    0%{transform: translateY(0);}
    50%{transform: translateY(20px);}
    100%{transform: translteY(0);}
}


.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.index-title{position: relative; margin-bottom: 40px; z-index: 2;}
.index-title h4{font-size: 40px; color: #da6113; margin-bottom: 12px; font-family: 'DisneyEnglish-Bold';}
.index-title h2{font-size: 24px; color: #3d3d3d; margin-bottom: 30px;}
.index-title p{font-size: 20px; color: #262626; line-height: 2; padding-right: 20%;}

.a-link{position: relative; width: 280px; display: flex; align-items: center; margin-top: 60px; box-sizing: border-box; overflow: hidden; }
.a-link i{position: relative; font-size: 16px; color: #da6113; font-style: normal; line-height: 42px; z-index: 2; font-family: 'novecentowide-book';}
.a-link span{position: relative; display: inline-block; width: 60px; height: 1px; background: #da6113; margin-left: 10px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a-link span:before{content: ""; display: block; width: 5px; height: 5px; background: #da6113; border-radius: 50%; position: absolute; top: 0; right: 0; margin-top: -2px;}
.a-link span:after{content: ""; display: block; width: 21px; height: 21px; background: rgba(218,97,19, .3); border-radius: 50%; position: absolute; top: 0; right: 0; margin: -10px -8px 0 0;}
.a-link:hover span{width: 160px;}


/* 案例 */
.index-case{margin: 80px 0; margin-left: 12.5%; overflow: hidden;}
.index-case .case-container{padding-right: 30%; padding-bottom: 80px;}
.index-case .slick-list{overflow: visible}
.index-case .case-container .li{margin-right: 34px; border-radius: 12px; overflow: hidden;}
.index-case .case-container .li img{width: 100%;}

.index-case .case-container .slick-prev, .index-case .case-container .slick-next{top: 100%; margin-top: -20px; background: transparent;}
.index-case .case-container .slick-prev{margin-left: 20px;}
.index-case .case-container .slick-next{left: 0; margin-left: 60px;}

.index-case .case-container .slick-dots{margin: 0 0 0 10%; width: 80%; height: 1px; bottom: 18px; border-bottom: 1px solid #dedede;}
.index-case .case-container .slick-dots li{width: 25%; height: 1px; margin: 0; float: left;}
.index-case .case-container .slick-dots li button{width: 100%; height: 2px;}
.index-case .case-container .slick-dots li button:before{width: 0; height: 2px; margin: 0; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.index-case .case-container .slick-dots li.slick-active button:before{width: 100%; background: #da6113;}

/* 产品 */
.index-product{padding: 120px 0; background: #f3f2f5; position: relative;}

.product-text{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; margin-bottom: 40px;}
.product-text .li{width: 49%; padding: 70px 50px 64px 50px; background: #fff; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-text .li a{display: flex;}
.product-text .li .icon{margin-right: 20px; position: relative;}
.product-text .li .icon img{float: none; display: block; }
.product-text .li .icon img.on{opacity: 0; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-text .li .text h2{font-size: 20px; color: #000; font-weight: bold; margin-bottom: 10px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-text .li .text p{font-size: 14px; color: #515151; line-height: 1.8; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-text .li:hover{background: #da6113;}
.product-text .li:hover .icon img{opacity: 0;}
.product-text .li:hover .icon img.on{opacity: 1;}
.product-text .li:hover .text h2{color: #fff;}
.product-text .li:hover .text p{color: #fff;}

.product-con .product-list .li{margin: 0 10px; border-radius: 12px; overflow: hidden;}
.product-con .product-list .li h2{font-size: 18px; color: #333; font-weight: bold; padding: 32px 0 32px 30px; background: #fff;}
.product-con .product-list .li .img{background: #e8e8e8; position: relative; overflow: hidden;}
.product-con .product-list .li .img img{width: 100%; float: none; display: block; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-con .product-list .li .img .r{display: block; width: 40px; height: 40px; font-size: 14px; color: #333; background: #fff; text-align: center; line-height: 40px; border-radius: 50%; position: absolute; bottom: 30px; right: 30px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.product-con .product-list .li:hover .img img{transform: scale(1.1);}
.product-con .product-list .li:hover .r{background: #da6113; color: #fff;}


/* 简介 */
.index-about{padding: 170px 0 60px 0; background: url(../image/bg02.jpg) no-repeat;}

.about-container{display: flex; justify-content: space-between; align-items: start;}
.about-container .index-title{width: 48%; height: auto; position: sticky; top: 200px;}
.about-container .about-years{width: 52%;}
.about-container .about-years .li{margin-bottom: 60px;}
.about-container .about-years .li span{font-size: 100px; color: #262626; line-height: 1; font-weight: bold; font-family:Verdana, Geneva, Tahoma, sans-serif}
.about-container .about-years .li p{font-size: 18px; color: #333; margin-top: 20px;}
.about-container .about-years .home-select-inof-item.on span{color: #da6113;}

.about-map{display: flex; justify-content: right; position: relative;}
.about-map .index-title{position: absolute; bottom: 0; left: 0; margin-bottom: 8%;}
.about-map .index-title p{padding-right: 28%;}
.about-map .map-con{width: 75%}
.about-map .map-con img{width: 100%; float: none; display: block;}


/* 过渡 */
.index-mark{position: relative; background: url(../image/bg03.jpg) no-repeat center; overflow: hidden;}
.index-mark .mark-container{padding: 120px 0 120px 5%;}
.index-mark .mark-container img{float: none; display: block; margin-bottom: 30px;}
.index-mark .mark-container h2{font-size: 28px; color: #fff; font-weight: bold; margin-bottom: 10px;}


/* 新闻 */
.index-news{padding: 80px 0; background: url("../image/bg05.png") no-repeat right top;}
.index-news .news-margin{margin-left: 8%; overflow: hidden;}
.index-news .index-title .a-link{position: absolute; top: 0; right: 0; margin-top: 0; margin-right: 60px;}

.index-news .news-container{padding-right: 10%; position: relative; z-index: 5;}
.index-news .news-container .slick-list{overflow: visible;}
.index-news .news-container .news_list{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .6s; -webkit-animation-delay: .6s}
.index-news .news-container .news_list .li{max-height: 478px; margin-right: 36px; padding: 40px 30px 50px 30px; background: linear-gradient(#f3f2f5,#f3f2f5); border-radius: 8px; overflow: hidden; transition: all ease-out .5s; -webkit-transition: all ease-out .5s}
.index-news .news-container .news_list .li h6{font-size: 16px; color: #666; margin-bottom: 150px; padding-left: 30px; background: url("../image/icon06.png") no-repeat; font-family: 'DisneyEnglish-Bold'; transition: all ease .4s; -webkit-transition: all ease .4s}
.index-news .news-container .news_list .li h1{font-size: 22px; height: 79px; color: #5f5f5f; font-weight: bold; line-height: 1.8; margin-bottom: 100px; transition: all ease .4s; -webkit-transition: all ease .4s}
.index-news .news-container .news_list .li .cr{display: block; width: 120px; padding: 10px 0; }
.index-news .news-container .news_list .li .cr i{display: block; width: 100%; font-size: 14px; color: #5f5f5f; font-style: normal; position: relative; background: url("../image/icon07.png") no-repeat 60px;  z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}

.index-news .news-container .news_list .li:hover{background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.index-news .news-container .news_list .li:hover h6{color: #fff; background: url("../image/icon06-1.png") no-repeat;}
.index-news .news-container .news_list .li:hover h1{color: #fff;}
.index-news .news-container .news_list .li:hover .cr i{color: #fff; background: url("../image/icon07-1.png") no-repeat 60px}

.index-news .news-container .news_list .slick-prev, .index-news .news-container .news_list .slick-next{width: 50px; height: 50px; top: 0; margin-top: -80px; padding: 8px; border: 1px solid #999; border-radius: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;  z-index: 4;}
.index-news .news-container .news_list .slick-prev{left: 86%;}
.index-news .news-container .news_list .slick-next{left: 90%;}
.index-news .news-container .news_list .slick-prev:before{background: url("../image/ico14.png") no-repeat center; transition: all ease .3s; -webkit-transition: all ease .3s}
.index-news .news-container .news_list .slick-next:before{background: url("../image/ico15.png") no-repeat center; transition: all ease .3s; -webkit-transition: all ease .3s}

.index-news .news-container .news_list .slick-prev:hover{border: 1px solid #d65920; background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.index-news .news-container .news_list .slick-prev:hover:before{background: url("../image/ico14-1.png") no-repeat center}
.index-news .news-container .news_list .slick-next:hover{border: 1px solid #d65920; background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.index-news .news-container .news_list .slick-next:hover:before{background: url("../image/ico15-1.png") no-repeat center}