@charset "UTF-8";


@font-face {
    font-family:'setFont' ;
    src: url('../font/setFont.ttf'),

    }

/****************** banner /******************/ 
.HomeBan{position: relative;overflow: hidden;background: #000;}
.HomeBan .swiper-container{overflow: visible;}
.HomeBan .ul li a img{display: block;width: 100%;}
.HomeBan .ul li a img.wap{ display:none;}

.HomeBan .swiperBox{position: relative;}
.HomeBan .BanBtn{width: 150px;opacity: 0;height: 100%;position: absolute;top: 0;transition:all .4s ease-out;z-index: 99;}
.HomeBan .BanBtn:hover{opacity: 1;}
.HomeBan .BanBtn1{right: 2%;}
.HomeBan .BanBtn2{left: 2%;}
.HomeBan .swiper-button-next, 
.HomeBan .swiper-button-prev{width: 52px;height: 52px;margin-top:-26px;}
.HomeBan .swiper-button-next, 
.HomeBan .swiper-container-rtl .swiper-button-prev{background: url(../images/hb_btn2.png) center no-repeat;right: 0;}
.HomeBan .swiper-button-prev, 
.HomeBan .swiper-container-rtl .swiper-button-next{background: url(../images/hb_btn1.png) center no-repeat;left: 0;}

.HomeBan .swiper-button-next:hover, 
.HomeBan .swiper-container-rtl .swiper-button-prev:hover{opacity: 1;}
.HomeBan .swiper-button-prev:hover, 
.HomeBan .swiper-container-rtl .swiper-button-next:hover{opacity: 1;}

.HomeBan .swiper-pagination{height: 0;bottom: 40px!important;}
.HomeBan .swiper-pagination-bullet{opacity: 1;width: 40px;height: 3px;background: #fff;border-radius:0;position: relative;line-height: 0;}
.HomeBan .swiper-pagination-bullet:after{position: absolute;height: 100%;content: '';right: 0;top: 0;width: 0;background: #5d3939;transition:all .05s ease-out;}
.HomeBan .swiper-pagination-bullet-active:after{width: 100%;transition:all 3.5s ease-out;left: 0;right: auto;}

.HomeBan .ul li.swiper-slide-next{transition: all 1s ease-in-out!important;opacity: .2;}
.HomeBan .ul li.swiper-slide-prev{transition: all 1s ease-in-out!important;opacity: .2;}
.HomeBan .ul li.swiper-slide-active{transition: all 1s ease-in-out!important;opacity: 1;}
/****************** banner 结束/******************/ 
/****************** 关于我们 /******************/
.index_about .list .htit{margin-bottom:10px}
.htit{padding-bottom:20px;border-bottom:1px solid #ddd}
.htit h2{font-family:'setFont';color: #5d3939;font-size:32px;line-height:35px;display:inline-block;float:left;font-weight: bold;}
.htit h2::after {content: "";background: url(../images/product-1.png)no-repeat; width: 15px;height: 18px;position: absolute;}
.htit p{color:#8e8e8e;font-size:16px;padding:15px 0 0 10px;text-transform:uppercase;display:inline-block;float:left}
.index_about{width:100%;background:url(../images/ibg.jpg) no-repeat top center;background-size:1920px 700px;height: 600px;padding-top:103px;padding-bottom: 175px;margin-top: 60px;}

.index_about .list{width:517px;padding:35px;background:#fff;box-shadow:#aaa 2px 2px 6px 2px;position:absolute;top:0;right:50px;z-index:90}
.index_about .list .htit{margin-bottom:10px}
.index_about .list .text{color:#474747;font-size:15px;line-height:30px}
.more{color:#666;font-size:15px;text-align:center;width:120px;line-height:35px;border:1px solid #ddd}
.index_about .list .more{margin:0 0 0 auto}
.more:hover{background:#464646;}
.more:hover a{color:#fff;}

.index_about .pic_box{width:640px;height:420px;position:absolute;right:0;top:355px;z-index:70}
.index_about .pic_box .pic{width:640px;height:420px;line-height:420px;text-align:center;overflow:hidden}
.index_about .pic_box .pic img{transition:all .8s;-ms-transform:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-o-transition:all .8s}
.index_about .pic_box .pic:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}
.index_about .left{width:636px;height:473px;overflow:hidden;position:absolute;left:0;top:190px;z-index:80}
.index_about .left .index_about_slide{width:636px;height:473px}
.index_about .left .index_about_slide .bd ul li{float:left;width:636px;height:473px}
.index_about .left .index_about_slide .bd ul li .img_box{width:636px;height:473px;line-height:473px}
.index_about .left .index_about_slide .hd{display:block;width:100%;max-width:1920px;text-align:center;position:absolute;bottom:30px;left:0;right:0;z-index:88}
.index_about .left .index_about_slide .hd ul{display:inline-block;padding:7px 20px;border-radius:30px;background:rgba(0,0,0,.5)}
.index_about .left .index_about_slide .hd ul li{float:left;width:10px;height:10px;border:1px solid #fff;border-radius:10px;margin:0 5px;text-indent:9999px;overflow:hidden}
.index_about .left .index_about_slide .hd ul li.on{background:#fff}
.index_about .list2{width:1200px;display:block;background:url(../images/ibg2.jpg) no-repeat center top;background-size:1200px 155px;position:absolute;left:50px;bottom:0}
.index_about .list2 .text_box{padding:20px 300px 30px 195px}
.index_about .list2 .text_box .text{color:#474747;font-size:16px;line-height:30px}
.index_about .list2 .text_box .text2{color:#b1b1b1;font-size:14px;line-height:25px}

/****************** 关于我们 结束 /******************/
/****************** 经典工程  /******************/
.box2{margin-top:70px;overflow: hidden;}
.casett{background:url(../images/baozhi1.png) 38% 50% no-repeat;color:#323232;font-size:20px;text-align:center;text-transform:uppercase}
.casett p{padding-top:15px}
.c4 .bannern{width:100%;position:relative;margin-top:60px}
.c4 .bannern .list2{position:relative;width:146%;left:50%;margin-left:-73%;padding-bottom:90px}
.c4 .bannern .list2 .slick-arrow{text-align:center;cursor:pointer;z-index:8;position:absolute;bottom:0;font-size:0;border:none;outline:0}
.c4 .bannern .list2 .slick-prev{display:inline-block;width:44px;height:42px;left:48%;background:url(../images/left1.png) center 0 no-repeat}
.c4 .bannern .list2 .slick-next{display:inline-block;width:38px;height:42px;display:inline-block;left:49.61%;background:url(../images/right1.png) center 0 no-repeat;margin-top:200px}
.c4 .bannern .list2 li{margin:0 45px;outline:0}
.c4 .bannern .list2 li a.img img{width:100%;outline:0}
.c4 .bannern .list2 li{margin-top:38px}
.c4 .bannern .slick-center{margin-top:-30px!important}
.c4 .bannern .list2 .slick-center img{height:481px}
.c4 .bannern .list2 img{height:380px}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-initialized .slick-slide{display:block}
@media screen and (max-width:1700px){
.c4 .bannern .list2 .slick-next{left:49.85%;}
}
@media screen and (max-width:1500px){
.c4 .bannern .list2 .slick-next{left:49.99%;}
}
@media screen and (max-width:1280px){
.c4 .bannern .list2 .slick-next{left:50.39%;}
}

/****************** 经典工程 结束 /******************/
/****************** 产品中心 /******************/
.g_pro {margin-top:50px;height:auto;position: relative;}
 h2 {  display: flex; flex-direction: column; align-items: center; font-size: 40px;color: #000000; text-align: center; font-weight: normal; position: relative;}
 h2 a {color:#000000;}
 h2 b { background: #fff; width: 130px; height: 57px;  z-index: 2; font-size: 32px; text-transform: uppercase; font-family:'setFont';color: #5d3939;}
 h2 b::after{content:"";background: url(../images/product-1.png)no-repeat; width: 15px;height: 18px; position: absolute;}
 h2 i::before {content: "";width: 300px;height: 30px; border-top: 1px solid #e0e0e0;display: block;margin-top: -27px;}
 h2 i {font-size:16px;display: block;color:#dedede;}

.g_pro .hd {border-bottom: 3px solid #dfdfdf; height: 100px;margin-bottom: 30px;}
.g_pro .hd li {position:relative;float:left;width:133px;height:50px;line-height:50px;}
.g_pro .hd li a {display:block;height:50px;line-height:50px; text-align:center;font-size:20px;color:#383838;padding-top:30px;}
.g_pro .hd li a::after { width: 0; height: 4px; position: absolute;bottom: -53px; left: 50%; transform: translateX(-50%); transition: width 0.5s,left 0.5s;background-color: #5d3939; content: "";}
.g_pro .hd li:hover a::after { width: 130px;}
.g_pro .hd li:hover a,.g_pro .hd .on a {color:#5d3939;}
.g_pro .hd li em {position:absolute; left: 50%;
    transform: translateX(-50%);
top:0;width:48px;height:50px;}
.g_pro .hd .fl01 {background:url(../images/fl9.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl01:hover,.g_pro .hd .on .fl01 {background:url(../images/fl9h.png) no-repeat;background-size: 88%;}

.g_pro .hd .fl02 {background:url(../images/fl4.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl02:hover,.g_pro .hd .on .fl02 {background:url(../images/fl4h.png) no-repeat;background-size: 88%;}

.g_pro .hd .fl03 {background:url(../images/fl1.png) no-repeat;}
.g_pro .hd .fl03:hover,.g_pro .hd .on .fl03 {background:url(../images/fl1h.png) no-repeat}
.g_pro .hd .fl04 {background:url(../images/fl2.png) no-repeat;}
.g_pro .hd .fl04:hover,.g_pro .hd .on .fl04 {background:url(../images/fl2h.png) no-repeat}
.g_pro .hd .fl05 {background:url(../images/fl3.png) no-repeat;}
.g_pro .hd .fl05:hover,.g_pro .hd .on .fl05 {background:url(../images/fl3h.png) no-repeat}
.g_pro .hd .fl06 {background:url(../images/fl8.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl06:hover,.g_pro .hd .on .fl06 {background:url(../images/fl8h.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl07 {background:url(../images/fl5.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl07:hover,.g_pro .hd .on .fl07 {background:url(../images/fl5h.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl08 {background:url(../images/fl6.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl08:hover,.g_pro .hd .on .fl08 {background:url(../images/fl6h.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl09 {background:url(../images/fl7.png) no-repeat;background-size: 88%;}
.g_pro .hd .fl09:hover,.g_pro .hd .on .fl09 {background:url(../images/fl7h.png) no-repeat;background-size: 88%;}

.g_pro .bd{position: relative;}
.g_pro .bd li {overflow:hidden;position:relative;float:left;width:32%;height: 360px;margin-right: 2%;margin-bottom:40px; border: 1px solid #f0f0f0; box-sizing: border-box;}
.g_pro .bd li:nth-child(3n){margin-right:0;}
.g_pro .bd li a{display: block;overflow: hidden;}
.g_pro .bd li a:nth-child(2){margin-top:10px;}
.g_pro .bd li img {width: 100%;transition:all 0.3s linear 0s;height: 287px;}
.g_pro .bd li:hover img {transform:scale(1.2);}

.g_pro .bd .lastli {margin-right:0;}
.g_pro .bd li em {position:absolute;left:0;height:61px;line-height:61px;text-align:center;overflow:hidden;font-size:18px;color:#666;width:100%;background: #d6d6d6;font-style: normal;transition: all 0.3s;}

/* 第二层 */
.g_pro .bd li .content_a{position:absolute;left:0;width:100%;top:0;height:100%;background:rgba(0,0,0,0.3);opacity:0;transition:2000ms ease-out;}
.g_pro .bd li .content_a .con{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);}
.g_pro .bd li .content_a .con a{transform:translateY(25px);opacity:0;}
.g_pro .bd li .content_a .con a{width:42px;height:42px;display:block;margin:0 auto;background:url(../images/index-item01-add.png) no-repeat center center/cover;margin-top:-70px;transition:500ms ease-out;}
.g_pro .bd li:hover .content_a .con a{transform:translateY(0px);opacity:1;}
.g_pro .bd li:hover .box{opacity:0;}
.g_pro .bd li:hover .content_a{opacity:1;}

/* 第一层 */
.g_pro .bd li a.kt-19881{position: relative;height: 61px;}
.g_pro .bd li a.kt-19881::after{content:"";width:100%;height:0;position: absolute;background:rgba(93, 57, 57, 0.6);bottom:0;transition:height .5s ease;}
.g_pro .bd li:hover a.kt-19881 em{background: none;z-index: 999;color:#fff;transition-duration: 1s;}
.g_pro .bd li:hover a.kt-19881::after{height:100%;}

.g_pro .rolling-btn { position: relative; top: -516px;}
.g_pro .rolling-btn span{ font-size: 50px; color: #333; font-family: 宋体;transition: all .3s;font-weight: bold;}
.g_pro .rolling-btn .prev{ float: left; margin-left: -60px; }
.g_pro .rolling-btn .prev:hover{ color: #5d3939; margin-left: -65px;}
.g_pro .rolling-btn .next{ float: right; margin-right: -60px; }
.g_pro .rolling-btn .next:hover{ color: #5d3939; margin-right: -65px;}

.g_pro .more_1{width:100%;display: flex;}
.g_pro .more_1 a{
  display: inline-block;
  margin:0 auto;
  width: 155px;
  height: 50px;
  line-height: 50px; font-size: 20px;cursor: pointer;text-align: center;   text-decoration: none;outline: none;
  border: none;
  border-radius: 10px;
  box-shadow: 1px 2px 3px 2px #bfbfbf
}
.g_pro .more_1 a:hover {background:rgba(0,0,0,.1);}
.g_pro .more_1 a:active {background:rgba(0,0,0,.1);box-shadow: 0 5px ;transform: translateY(4px);}

/****************** 产品中心 结束 /******************/
/****************** 优势  /******************/
#bogger{min-height:750px;background: url(../images/indadv_01.jpg) no-repeat;margin-top: -40px;}

.global-inner{margin:0 auto;position:relative;z-index:10}
.global-inner p {  display: flex; flex-direction: column; align-items: center; font-size: 40px;color: #000000; text-align: center; font-weight: normal; position: relative;}
.global-inner p a {color:#000000;}
.global-inner p b {position: relative;  width: 170px; height: 57px;  z-index: 2; font-size: 32px; text-transform: uppercase; font-family:"setFont";color: #fff;}
.global-inner p b em { background: url(../images/product-1.1.png)no-repeat;position: absolute; width: 15px;height: 18px; right: -7px; top: 8px;}
.global-inner p b::after{content:""; position: absolute;  width: 87px;
    height: 30px;border-bottom:1px solid #fff;}
.global-inner p b::before{content:""; position: absolute;  width: 87px;
        height: 30px;border-bottom:1px solid #fff;transform:translateX(-100px);}

/* p i::before {content: "";width: 300px;height: 30px; border-top: 1px solid #e0e0e0;display: block;margin-top: -27px;} */
.global-inner p i {font-size:16px;display: block;color:#dedede;}

.global-inner:after,.global-inner:before{content:'';display:table;clear:both}

.wow{animation-delay:.1s;animation-duration:1.2s}
.ind-sec-tit{font-size:35px;line-height:40px;color:#333;text-align:center}
.ind-sec2-box{width:100%;overflow:hidden;background:#f8f8f8;position:relative;padding:116px 0 110px}
.ind-sec2-box .sec2-doc{width:955px;max-width:100%;margin:26px auto 0;font-size:16px;line-height:28px;color:#333;text-align:center}
.ind-advant-box{width:100%;overflow:hidden;background:no-repeat center center;background-size:cover;padding:80px 0 136px}
.ind-advant-box .ind-sec-tit{color:#fff}
.advant-list li { width: 18.5%;float: left;padding-right: 1.87%;margin-top: 96px}
.advant-list li:nth-child(5){padding:0; }


.advant-list .item-inner{border:solid 1px #b2b2b2;padding:40px 17px 36px;text-align:center;transition-duration: 0.5s;}
.advant-list .item-inner:hover{transform:translate(0px,-50px);animation: youshi 2s linear infinite alternate ;}
@keyframes youshi {

    0% {
        background: rgba(93,57,57,.1);
    }
    25% {
        background:rgba(55,56,73,0.5);
    }
    50% {
        background:rgba(183,79,51,0.5);
    }
    75% {
        background:rgba(20,14,12,0.5);
    }
    100% {
        background:rgba(93,57,57,.5);
    }
}

.advant-list .icon{max-width:100%;height:74px;display:block;margin:0 auto}
.advant-list .tit{max-width:100%;overflow:hidden;display:inline-block;vertical-align:top;font-size:18px;line-height:1.56em;color:#fff;padding-bottom:14px;border-bottom:solid 2px #e6e6e6;margin-top:26px}
.advant-list .tit span{width:100%;height:1.56em;display:block;overflow:hidden}
.advant-list .doc{height:60px;overflow:hidden;font-size:14px;line-height:20px;color:#ccc;margin-top:26px;text-align:left}
.advant-list .tel{height:60px;font-size:23px;line-height:1em;color:#fff;margin-top:26px}



/****************** 优势 结束 /******************/
/****************** 新闻  /******************/
.newsList li{height:auto;overflow:hidden;width:32%;vertical-align:top;position:relative;margin-right: 2%;float:left;}
.newsList li:nth-child(3){margin-right:0;}
.newsList a:link,.newsList a:visited{color:#686868}
.newsList .bodr{border:1px solid #dfdfdf;height:375px;position:relative;overflow:hidden;}
.newsList .txts{display:block;position:absolute;left:0;right:0;top:0;height:100%;padding:0 45px;transition:.4s;-webkit-transition:.4s}
.newsList .txts .sy{margin-bottom:15px;padding-top:50px;font-size:14px}
.newsList .txts .nowti{font-size:20px;color:#464646;line-height:1.5;overflow:hidden;height:60px}
.newsList .txts .tx{line-height:30px;height:90px;overflow:hidden;font-size:14px;margin-top:10px}
.newsList .txts .date{position:absolute;left:45px;bottom:40px;font-size:14px}
.newsList .pic{height:100%;transform:scale(1.2);-webkit-transform:scale(1.2);opacity:0;transition:.6s;-webkit-transition:.6s;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:rgba(101,190,186,1);position:relative}
.newsList .pic img{height:100%;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);position:absolute}
.newsList .pic .cover{background:rgba(0,0,0,.3);opacity:0}
.newsList li:hover .pic{transform:scale(1);-webkit-transform:scale(1);opacity:1}
.newsList li:hover .pic .cover{opacity:1}
.newsList li:hover .bg{background:red}
.newsList li:hover .txts .nowti,.newsList li:hover a{color:#fff}
.newsList li:hover .txts{top:28%;background:rgba(0,0,0,.5)}
.ixmore{display:block;width:34px;height:34px;border:2px solid #fff;position:absolute;right:45px;top:40px;transform:translateX(-30px);-webkit-transform:translateX(-30px);opacity:0;transition:.4s .1s;-webkit-transition:.4s .1s}
.ixmore .ico{background-image:url(../images/CgI9Fli2P1uEcxEdAAAAAJ3vNCE205.png)}
.newsList li:hover .ixmore{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
.bodr .ico{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center center;transition:.3s;-webkit-transition:.3s;position:relative}
/* @media screen and (max-width:768px){
    .newsList .txts .sy {margin-bottom: 10px;padding-top: 20px;}
    .newsList .txts { padding: 0px 15px;}
    .newsList .txts .nowti { font-size: 16px;height: 50px;}
    .newsList .bodr {height: 260px;}
}
@media screen and (max-width:500px){ 
    .newsList li:hover .pic{transform: scale(1.7);}
    .newsList li{width:100%;    margin-top: 15px;}
    .newsList .bodr {height: 190px;}
    .newsList .txts .date { bottom: 5px;}
    .newsList .txts {padding: 0px 10px; }
    .newsList .txts .sy { margin-bottom: 10px; padding-top: 15px;}
    .ixmore { width: 28px; height: 28px;}
}
@media screen and (max-width:425px){
    .newsList li:hover .pic{transform: scale(1.6);}

}
@media screen and (max-width:320px){
    .newsList li:hover .pic{transform: scale(1.2);}
} */
/****************** 新闻 结束 /******************/