.moreBtn{ height:32px; line-height:32px; border:1px solid #fff;border-radius: 5px; font-size:12px; padding:0 50px 0 25px; background: url(../img/global/icon.png) no-repeat 77% center; display: inline-block; color:#fff;opacity:0.75}
.moreBtn:hover{ background:#ae2629 url(../img/global/icon.png) no-repeat 82% center;border:1px solid #ae2629; opacity:1; color:#fff;}
.title{ padding:0 0 60px 0; text-align:center; width:800px; margin:0 auto;}
.title h2{ font-size:32px; color:#000; margin-bottom:20px;}
.title p{ font-size:14px; line-height:28px; color:#666;}
body{ overflow-x:hidden; background:#f7f7f7;}

/*kv*/
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff;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;}
.kvSwiper .swiper-pagination-bullet{ background:#fff; opacity:0.4;}
.kvSwiper .swiper-pagination-bullet-active{ background:#ad0003; opacity:0.95; width:15px; border-radius: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}

.kvPage .swiper-button-prev{  background:url(../img/home/left.png) no-repeat center center; background-size:58%; width:60px; height:60px; opacity:0;}
.kvPage .swiper-button-next{  background:url(../img/home/right.png) no-repeat center center; background-size:58%; width:60px; height:60px;opacity:0;}

.kvPage:hover .swiper-button-prev{opacity:0.5;}
.kvPage:hover .swiper-button-prev:hover{opacity:0.95;}
.kvPage:hover .swiper-button-next{opacity:0.5;}
.kvPage:hover .swiper-button-next:hover{opacity:0.95;}

.kvPage .swiper-button-prev,.kvPage .swiper-button-next{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

.kvPage{ height:935px;height:885px; background:#fff; overflow:hidden; width:100%;}
.kvSwiper .kv{ background-repeat:no-repeat; background-position:center top; width:100%; height:100%; display:block;}

.kvSwiper .swiper-slide{ position:relative;}
.kvSwiper .swiper-slide a{ display:block; width:100%; height:100%; }
.kvSwiper .swiper-slide .title{ position:absolute; left:20%; width:60%; top:43%; margin-top:-80px; color:#fff; font-size:15px; z-index:9;text-shadow:5px 2px 18px rgba(0,0,0,0.1);}
.kvSwiper .swiper-slide .title h1{ font-size:65px; font-weight:bolder; margin-bottom:20px;}
.kvSwiper .swiper-slide .title p{ color:#fff; font-size:16px; line-height:28px; text-shadow:5px 2px 18px rgba(0,0,0,0.1);}

/*产品推荐*/
.proPage,.newPage{background:#f7f7f7; padding:140px 0 180px 160px; overflow:hidden; box-sizing:border-box;}
.proPage .title,.newPage .title{ text-align:left; margin:0; width:auto;}
.proSwiper .swiper-slide,.newSwiper .swiper-slide{ width:380px; height:460px; border-radius:8px;box-shadow: 6px 6px 20px rgb(0,0,0,0.12); float:left;}
.proSwiper .swiper-slide:hover,.newSwiper .swiper-slide:hover{box-shadow: 8px 8px 30px rgb(0,0,0,0.18);}
.proSwiper,.newSwiper{ padding-right:40px;}
.proMain{ position:relative;}
.proMain .swiper-button-prev{ position:absolute; right:130px; top:-30px; background:url(../img/global/icon3.png) no-repeat center center; background-size:75%; width:25px; height:25px; left:auto;}
.proMain .swiper-button-next{ position:absolute; right:85px; top:-30px; background:url(../img/global/icon4.png) no-repeat center center; background-size:75%; width:25px; height:25px; left:auto;}
.swiper-button-next:after,.swiper-button-prev:after{ display:none;}
.proPage .proInfo{ position:relative; width:100%; height:100%; overflow:hidden;border-radius:8px; cursor: pointer; border:1px solid #rgba(255,255,255,0.5);}
.proPage .proInfo .zz{ position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../img/home/zz.png) no-repeat center bottom;}
.proPage .proInfo .txt{ position:absolute; left:30px; bottom:30px;}
.proPage .proInfo .txt span{ color:#fff; background:url(../img/home/icon.png) no-repeat right center; padding-right:20px; font-size:15px;}
.proPage .proInfo a{ display:block;}

/*新闻*/
.newPage{padding:180px 0 190px 160px; overflow:hidden;}
.newSwiper .swiper-slide{width:440px; height:260px; background:#fff; cursor:pointer;}
.news .other{ text-align:left;}
.newPage .inner .title{ text-align:center; color:#000; padding:0px 0 60px 0;}
.newPage .inner .title h1{ font-size:24px; margin-bottom:20px;}
.newPage .inner .title p{ font-size:13px; color:#666;}
.newPage .inner .title p .date{font-family:HELVETICANEUELTPRO-THEX; margin-right:20px;}
.newSwiper .swiper-slide{ box-shadow: 6px 6px 20px rgb(0,0,0,0.03);}
.newSwiper .swiper-slide:hover{box-shadow: 8px 8px 30px rgb(0,0,0,0.08);}
.news{ padding:30px;}
.news .other{ padding:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,0.1); font-size:13px; color:#999;}
.news .other .date{ margin-right:20px; font-family:HELVETICANEUELTPRO-THEX;}
.news h1{ font-size:18px; color:#000; margin:18px 0; line-height:30px;overflow: hidden; height:30px; text-align:left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}	
.news .txt{ padding-left:100px;}
.news .txt .pic{ width:85px; margin-left:-100px; float:left; overflow:hidden; border-radius: 4px;}
.news .txt .pic img{border-radius: 4px;}
.news .txt .text{ line-height:22px;overflow: hidden; height:66px; font-size:13px;text-align:left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
	
.news .more{ padding-top:10px; text-align:right; padding-right:3px;font-size:12px;}
.news .more a{ color:#999; position:relative; display:inline-block; height:26px; line-height:26px;}
.news .more a i{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ad0003; line-height:1px;}
.news .more a:hover{ color:#ad0003;}
.news .more a:hover i{ width:0;}


.news .more a i,.news .more a:hover i,
.proSwiper .swiper-slide,.newSwiper .swiper-slide,.proSwiper .swiper-slide:hover,.newSwiper .swiper-slide:hover{-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}


/*关于*/
.aboutPage{ position:relative; width:100%; background:#fff; height:980px; overflow:hidden;}
.aboutPage .left{ width:50%; height:100%; float:left; background:url(../img/home/about.jpg) no-repeat center center;}
.aboutPage .right{ position:absolute; right:0; top:0; width:50%; height:100%;}
.aboutPage .inner{ position:relative; width:100%; height:100%; display:table;}
.aboutPage .inner .info{padding:0 100px;display: table-cell; vertical-align: middle;}
.aboutPage .inner .info h2{ font-size:32px; color:#000; margin-bottom:35px;}
.aboutPage .inner .info p{ font-size:14px; line-height:28px; color:#666; padding-bottom:38px;}
.aboutPage .moreBtn{ border:1px solid #000; background: url(../img/global/icon2.png) no-repeat 77% center; color:#000; opacity:0.6;}
.aboutPage .moreBtn:hover{ background:#ae2629 url(../img/global/icon.png) no-repeat 82% center;border:1px solid #ae2629; opacity:1; color:#fff;}


/*优势*/
.superPage{ position:relative; width:100%; height:980px;}
.superPage .bg{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;background:url(../img/home/super_bg.jpg) no-repeat center center;}
.superPage .bgPic{position:absolute; left:0; top:0; width:100%; height:100%; display:none; }
.superPage .bp01{background:url(../img/home/super_bg.jpg) no-repeat center center;}
.superPage .bp02{background:url(../img/home/super_bg2.jpg) no-repeat center center;}
.superPage .bp03{background:url(../img/home/super_bg3.jpg) no-repeat center center;}
.superPage .bp04{background:url(../img/home/super_bg4.jpg) no-repeat center center;}
.superPage .inner{position:absolute; left:0; top:50%; width:100%; height:650px; margin-top:-325px; z-index:5; overflow:hidden; height:100%; top:0; margin-top:0;}
.superPage .item{ float:left; width:25%; height:100%; background:url(../img/home/line.png) no-repeat right center; color:#fff; display:table;}
.superPage .none{ background:none;}
.superPage .item .info{ padding:0 50px;display: table-cell; vertical-align: middle;}
.superPage .item h3{ font-family:HELVETICANEUELTPRO-THEX; font-size:48px; margin-bottom:25px;}
.superPage .item p{ color:rgba(255,255,255,0.75); line-height:28px; font-size:14px; padding-bottom:20px; height:105px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; overflow:hidden;}

.w1920 .superPage .bg,.w1920 .superPage .bgPic{background-size:cover;}



/*定制留资*/
.madePage{ background:#f7f7f7; padding:120px 0;}
.formBox{ width:100%; height:190px; background:#fff;position:relative; z-index:3;border-radius:10px;}
.formBox .inner{ padding:50px 60px 70px 60px;  }
.formBox .input{ height:48px; line-height:48px; background:#f7f7f7; border:0;border-radius:8px; text-indent:15px; font-size:12px; color:#000; width:210px; margin-right:29px; margin-top:12px;}
.formBox .mail{ width:270px;}
.formBox .company{ width:330px;}
.formBox .input::placeholder{ color:#bbbbbb; font-size:12px;}
.formBox .tip{ color:#999; font-size:12px;text-indent:15px;}
.formBox .lable{ float:left;}
.formBox .form{ overflow:hidden;}
.formBox .form .btn{height:48px; line-height:48px; background:#3a3737; color:#fff; font-size:12px; text-align:center;border-radius:8px;box-shadow: 2px 2px 5px rgb(0,0,0,0.15); width:160px; float:left; margin-top:28px; cursor:pointer;}
.formBox .form .btn:hover{ background:#ad0003;}



.proPage .proInfo img{-moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}
.proPage .proInfo:hover img{
	-webkit-transform: scale(1.2); transform: scale(1.2);
	-moz-transition:all 8s linear; -webkit-transition:all 8s linear; transition:all 8s linear;
}
.proPage .proInfo .txt{ padding-right:20px;}
.proPage .proInfo .txt span{ padding-right:25px; background-position:95% center;}
.proPage .proInfo:hover .txt span{-webkit-animation:you 0.8s infinite linear; animation:you 0.8s infinite linear;}

@keyframes you{
	0% { background-position:95% center;}
	50% { background-position:100% center;}
	100% { background-position:95% center;}
}

@-webkit-keyframes you{
	0% { background-position:95% center;}
	50% { background-position:100% center;}
	100% { background-position:95% center;}
}







.kvSwiper .swiper-pagination-bullet,.kvSwiper .swiper-pagination-bullet-active,
.formBox .form .btn,.formBox .form .btn:hover{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}