.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;}
.fixdBox{ position:fixed; right:42px; bottom:30px; z-index:99; background:rgba(255,255,255,0.65);border-radius:25px; padding:10px; height:36px; overflow:hidden;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);box-shadow:0px 3px 12px rgba(0,0,0,0.1);}
.fixdBox a{ float:left; display:inline-block; height:36px; line-height:36px; padding:0 20px; color:#222;border-radius:25px; position:relative; z-index:9;text-align:center;}
.fixdBox a.hover,.fixdBox a:hover{ color:#fff;}
.fixdBox i{ width:88px; height:36px;line-height:35px; background:rgba(20,106,201,0.9);border-radius:25px; position:absolute; top:10px; left:238px;}

/*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:#000; opacity:0.4;}
.kvSwiper .swiper-pagination-bullet-active{ background:#146ac9; 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-next{ position:absolute; right:15px; top:; background:url(../img/home/kv_right.png) no-repeat center center; background-size:75%; width:28px; height:48px; left:auto; opacity:0.35;}
.kvPage .swiper-button-prev{ position:absolute; left:15px; top:; background:url(../img/home/kv_left.png) no-repeat center center; background-size:75%; width:28px; height:48px; right:auto;opacity:0.35;}
.kvPage .swiper-button-next:hover{right:11px;opacity:0.85;}
.kvPage .swiper-button-prev:hover{left:11px;opacity:0.85;}

.kvPage{ min-height:500px; position:relative; overflow:hidden;}
.kvSwiper .kv{ background-repeat:no-repeat; background-position:center top; width:100%; height:100%; display:block;}
.kvSwiper .kv .bg{ width:100%;object-fit:cover;}
.kvSwiper .kv .inner{ position:absolute; left:8%; top:50%; margin-top:-190px; text-align:left; font-size:13px; width:600px; color:#000;}
.kvSwiper .kv .inner .icon{ background:url(../img/home/kv_icon.png) no-repeat left center; width:127px; height:30px; background-size:90%; margin-bottom:12px;}
.kvSwiper .kv .inner h1{ font-size:45px; color:#222; margin-bottom:12px;}
.kvSwiper .kv .inner p{ line-height:28px; font-size:14px; margin-bottom:30px;}
.kvSwiper .kv .inner .btn,.newPage .tt .btn{ height:40px; line-height:42px; padding:0 50px 0 30px; border:1px solid #666; color:#222;border-radius: 25px; display:inline-block;
background:url(../img/home/kv_icon2.png) no-repeat 80% center; background-size:12px;}
.kvSwiper .kv .inner .btn:hover,.newPage .tt .btn:hover{background: rgba(20,106,201); color:#fff;border:1px solid  rgba(20,106,201);
background:rgba(20,106,201,0.9) url(../img/home/kv_icon3.png) no-repeat 83% center; background-size:12px;}


.videoBox{ position:absolute; left:8%; bottom:50px; cursor:pointer;}
.videoBox .txt{ height:45px; line-height:45px; font-size:14px; color:#444; position:absolute; left:52px; top:0; width:75px;}
.videoBox .iconImg{ position:relative; background:url(../img/home/video_icon2.png) no-repeat center center; background-size:100%; width:45px; height:45px;}
.videoBox .iconImg img{animation:xz infinite 5s linear; width:100%;}
@keyframes xz{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}



/*新闻*/
.newPage{background:#f4f4f4 url(../img/home/sy.png) no-repeat left bottom; background-size:100px; padding:120px 0 130px 7%; color:#000; position:relative;}
.newPage .title,.newPage .tt{ text-align:left; margin:0; width:auto; position:relative;}
.newPage .tt{ width:55%; padding:0px 0 60px 0;}
.newPage .tt .en,.serPage .tt .en{text-transform: uppercase; font-size:16px; margin-bottom:13px;}
.newPage .tt h1,.serPage .tt h1{ font-size:42px; margin-bottom:8px;}
.newPage .tt h2,.serPage .tt h2{ font-size:38px; font-weight:normal;margin-bottom:20px;}
.newPage .tt p,.serPage .tt p{line-height: 28px;font-size: 14px; margin-bottom: 30px;}
.newPage .tt .btn,.serPage .tt .btn{ height:40px; line-height:42px; padding:0 50px 0 30px; border:1px solid #444; color:#222;border-radius: 25px; display:inline-block; background:url(../img/home/kv_icon2.png) no-repeat 80% center; background-size:12px;}
.newPage .tt .btn1:hover{background:rgba(20,106,201); color:#fff;border:1px solid  rgba(20,106,201); background:rgba(20,106,201,0.9) url(../img/home/kv_icon3.png) no-repeat 82% center; background-size:12px;}
.proMain,.newPage .tt{ position:relative; z-index:9;}
.newPage .bPrev{position:absolute; right:130px; top:-60px;width:25px; height:25px; left:auto;}
.newPage .bNext{position:absolute; right:85px; top:-60px;width:25px; height:25px; left:auto;}
/*.newPage .swiper-button-prev{ position:relative; background:url(../img/global/icon3.png) no-repeat center center; background-size:65%; width:25px; height:25px; left:auto;}
.newPage .swiper-button-next{ position:relative; background:url(../img/global/icon4.png) no-repeat center center; background-size:65%; width:25px; height:25px; left:auto;}
.newPage .swiper-button-next.swiper-button-disabled, .newPage .swiper-button-prev.swiper-button-disabled{opacity: .35; cursor: auto; pointer-events: none;}*/
.newSwiper .swiper-slide{ cursor:pointer; width:440px; height:245px;background:rgba(255,255,255,0.65); position:relative;border-radius:8px;}
.newSwiper .swiper-slide:hover{ }




.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{ width:440px; height:245px; background:none;}
.newSwiper .swiper-slide:hover{}

.newSwiper .swiper-slide .inner{box-shadow: 6px 6px 20px rgb(0,0,0,0.03);border-radius:8px;overflow:hidden; background:rgba(253,253,253,1);}
.newSwiper .swiper-slide .inner:hover{box-shadow: 8px 8px 30px rgb(0,0,0,0.3);background:#1b6ac2;transform:scale(1.05);  color:#fff;}


.news{ padding:20px 30px 10px 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:16px; color:#000; margin:12px 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:120px;}
.news .txt .pic{ width:100px; height:62px; margin-left:-120px; float:left; overflow:hidden;border-radius: 4px; border:2px solid #fff;}
.news .txt .text{ line-height:24px;overflow: hidden; height:66px; font-size:13px; color:#888;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
	
.news .more{ padding-top:18px; text-align:right; padding-right:3px;font-size:12px;}
.news .more a{ color:#777; 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:rgba(20,106,201); background:#888; line-height:1px;}
.news .more1 a:hover{ color:#096bd7;}
.news .more1 a:hover i{ width:0;}

.newSwiper .swiper-slide .inner{  }
.newSwiper .swiper-slide .inner:hover{}
.newSwiper .swiper-slide .inner:hover .news .more a,
.newSwiper .swiper-slide .inner:hover .news .more a i,
.newSwiper .swiper-slide .inner:hover .news .other,
.newSwiper .swiper-slide .inner:hover .news h1,
.newSwiper .swiper-slide .inner:hover .news .txt .text{color:#fff;}

.newSwiper .swiper-slide .inner:hover .news .more a i{ background:#fff;}
.newSwiper .swiper-slide .inner:hover .news .other{border-bottom: 1px solid rgba(255,255,255,0.2);}

.news .txt .text,.newSwiper .swiper-slide .inner:hover .news .txt .text{-moz-transition:all 0s linear; -webkit-transition:all 0s linear; transition:all 0s linear;}


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





/*优势*/
.serPage{position:relative; width:100%; height:880px; background:#276bb6 url(../img/home/serPage.jpg) no-repeat left center;}
.serPage .inner{ position:absolute; left:30%; top:0; height:100%; width:70%;background:url(../img/home/serPage.png) no-repeat left center;}
.serPage .innPage{ padding:140px 100px 0 190px; position:relative; max-width:800px;}
.serPage .innPage .tt{ color:#fff;}
.serPage .tt{padding: 0px 0 60px 0; position:relative; z-index:9;}
.serPage .tt .btn{ color:#fff; border-color:rgba(255,255,255,0.75); background: url(../img/home/kv_icon3.png) no-repeat 80% center; background-size:12px;}
.serPage .tt .btn:hover{ background:#fff url(../img/home/kv_icon4.png) no-repeat 83% center;background-size:12px; color:#0d6bd1;}
.serPage .xxInfo{ width:420px; border-radius:12px; background:#fff; margin-bottom:40px; padding:30px 40px; background-position:92% 20px; background-repeat:no-repeat; background-image:url(../img/home/ser_icon2.png); background-size:110px; display:none;}
.serPage .xxInfo .bt{ font-size:22px; color:#000; margin-bottom:50px; font-weight:normal;}
.serPage .xxInfo ul{ width:280px; overflow:hidden;}

.serPage .xxInfo li{ float: left; width:50%; font-size:14px; line-height:36px;}
.serPage .ff2 li,.serPage .ff3 li{ width:90%;}
.serPage .ff2{background-image:url(../img/home/ser_icon1.png);}
.serPage .ff3{background-image:url(../img/home/ser_icon3.png);}

.tabBox{ position:absolute; left:-8px; top:308px;width:80px; height:80px; cursor:pointer;}
.tabBox i { background:rgba(60,60,60,0.17); width:80px; height:80px; position:absolute; left:0; top:0; display:inline-block;border-radius:100%;}
.tabBox b { background:rgba(60,60,60,0.62); width:70px; height:70px; position:absolute; left:5px; top:5px; display:inline-block;border-radius:100%;}
.tabBox span{ color:#fff; width:80px; height:42px; line-height:20px; display:inline-block; text-align:center; position:absolute; left:0; top:19px; font-size:15px;}
.tb2{top:450px; left:-10px;}
.tb3{top:590px;left:5px;}
.tbOn i{background:rgba(255,255,255,0.17);}
.tbOn b{background:rgba(19,98,190,0.58);}

@keyframes dot{
	0% {transform: translate(0,0);}
	50% {transform: translate(-8px,-4px);}
	100% {transform: translate(0);}
}
@-webkit-keyframes dot{
	0% {-webkit-transform: translate(0);}
	50% {-webkit-transform: translate(-8px,-4px);}
	100% {-webkit-transform: translate(0px);}
}
@keyframes dot2{
	0% {transform: translate(0,0);}
	50% {transform: translate(6px,-6px);}
	100% {transform: translate(0);}
}
@-webkit-keyframes dot2{
	0% {-webkit-transform: translate(0);}
	50% {-webkit-transform: translate(6px,-6px);}
	100% {-webkit-transform: translate(0px);}
}
.tb1{-webkit-animation:dot 5s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot 5s cubic-bezier(.36, .07, .19, .97) infinite;}
.tb2{-webkit-animation:dot2 5s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot2 5s cubic-bezier(.36, .07, .19, .97) infinite;}
.tb3{-webkit-animation:dot 8s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot 8s cubic-bezier(.36, .07, .19, .97) infinite;}

@keyframes xb{
	0% {transform: rotate(0deg);}
	50% {transform:rotate(60deg);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes xb{
	0% {-webkit-transform:rotate(0deg);}
	50% {-webkit-transform:rotate(60deg);}
	100% {-webkit-transform:rotate(0deg);}
}
.xb01{ position:absolute; left:12%; top:45%;  width:68px; height:82px;
-webkit-animation:dot 8s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot 8s cubic-bezier(.36, .07, .19, .97) infinite;}
.xb01 span{ display:block; width:100%; height:100%;background:url(../img/home/ser_01.png) no-repeat center center; background-size:88%;
-webkit-animation:xb 28s cubic-bezier(.36, .07, .19, .97) infinite; animation: xb 28s cubic-bezier(.36, .07, .19, .97) infinite;}

@keyframes xb2{
	0% {transform: rotate(0deg);}
	50% {transform:rotate(-60deg);}
	100% {transform: rotate(0deg);}
}
@-webkit-keyframes xb2{
	0% {-webkit-transform:rotate(0deg);}
	50% {-webkit-transform:rotate(-60deg);}
	100% {-webkit-transform:rotate(0deg);}
}
@keyframes dot3{
	0% {transform: translate(0,0);}
	50% {transform: translate(18px,10px);}
	100% {transform: translate(0);}
}
@-webkit-keyframes dot3{
	0% {-webkit-transform: translate(0);}
	50% {-webkit-transform: translate(18px,10px);}
	100% {-webkit-transform: translate(0px);}
}
.xb02{ position:absolute; right:12%; top:12%;  width:146px; height:146px;
-webkit-animation:dot3 8s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot3 8s cubic-bezier(.36, .07, .19, .97) infinite;}
.xb02 span{ display:block; width:100%; height:100%;background:url(../img/home/ser_02.png) no-repeat center center; background-size:88%;
-webkit-animation:xb2 28s cubic-bezier(.36, .07, .19, .97) infinite; animation: xb2 28s cubic-bezier(.36, .07, .19, .97) infinite;}

@keyframes dot4{
	0% {transform: translate(0,0);}
	50% {transform: translate(-168px,-80px);}
	100% {transform: translate(0);}
}
@-webkit-keyframes dot4{
	0% {-webkit-transform: translate(0);}
	50% {-webkit-transform: translate(-168px,-80px);}
	100% {-webkit-transform: translate(0px);}
}
.xb00{ position:absolute; right:8%; top:12%;  width:350px; height:342px;
-webkit-animation:dot4 20s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot4 20s cubic-bezier(.36, .07, .19, .97) infinite;}
.xb00 span{ position:absolute; display:block; width:100%; height:100%;background:url(../img/home/new_01.png) no-repeat center center; background-size:75%;
-webkit-animation:xb 28s cubic-bezier(.36, .07, .19, .97) infinite; animation: xb 28s cubic-bezier(.36, .07, .19, .97) infinite;}

.xb0{ position:absolute; right:50%; top:12%;  width:185px; height:185px;
-webkit-animation:dot 8s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot 8s cubic-bezier(.36, .07, .19, .97) infinite;}
.xb0 span{ position:absolute; display:block; width:100%; height:100%;background:url(../img/home/new_02.png) no-repeat center center; background-size:65%;
-webkit-animation:xb2 18s cubic-bezier(.36, .07, .19, .97) infinite; animation: xb2 18s cubic-bezier(.36, .07, .19, .97) infinite;}

.xb001{ position:absolute; left:24%; bottom:4%;  width:185px; height:185px; opacity:0.3;filter:5px;
-webkit-animation:dot 3s cubic-bezier(.36, .07, .19, .97) infinite; animation: dot 3s cubic-bezier(.36, .07, .19, .97) infinite;}
.xb001 span{ position:absolute; display:block; width:100%; height:100%;background:url(../img/home/new_02.png) no-repeat center center; background-size:65%;
-webkit-animation:xb2 8s cubic-bezier(.36, .07, .19, .97) infinite; animation: xb2 8s cubic-bezier(.36, .07, .19, .97) infinite;}

/*定制留资*/
.madePage{ background:#f7f7f7; padding:120px 0;}
.madePage .title{ width:880px;}
.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:120px; margin-right:29px; margin-top:12px;}
.formBox .mail{ width:180px;}
.formBox .company{ width:220px;}
.formBox .text{ width:260px;}
.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:#005dc4;}




.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:none;}
.kvSwiper .swiper-pagination-bullet,.kvSwiper .swiper-pagination-bullet-active,
.formBox .form .btn,.formBox .form .btn:hover,
.newSwiper .swiper-slide .inner,.newSwiper .swiper-slide .inner:hover,
.tbOn i,.tbOn b{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}

.kvSwiper .kv .inner .btn,.kvSwiper .kv .inner .btn:hover,.newPage .tt .btn,.newPage .tt .btn:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}


.w1920 .videoBox .txt{ font-size:15px; left:55px;}
.w1920 .newPage .tt .en, .w1920 .serPage .tt .en{ font-size:18px;}
.w1920 .newPage .tt p, .w1920 .serPage .tt p{font-size:15px; line-height:30px;}
.w1920 .newPage .tt .btn, .w1920 .serPage .tt .btn{font-size:13px;}
.w1920 .newPage .tt .btn:hover, .w1920 .serPage .tt .btn:hover,.kvSwiper .kv .inner .btn:hover{ box-shadow: 6px 6px 18px rgb(0,46,97,0.15);}
.w1920 .news .other{ font-size:14px;}
.w1920 .news h1{ font-size:18px;}
.w1920 .news .txt .text{ font-size:14px; text-align:left;}
.w1920 .tabBox span{ font-size:16px;}
.w1920 .serPage .xxInfo li{font-size:15px;}
.w1920 .title h2{ font-size:44px;}
.w1920 .title p{ font-size:15px;}
.w1920 .madePage .title{ width:960px;}
.w1920 .formBox .tip{ font-size:15px;}
.w1920 .formBox .input{ font-size:14px;}
.w1920 .formBox .input::placeholder{ font-size:13px;}
.w1920 .formBox .form .btn{ font-size:15px;}

/*0912*/
.news .txt .pic{ display:none;}
.news .txt{ padding-left:0;}
.newSwiper .swiper-slide{ height:245px;}
.news .txt .text{ height:44px;-webkit-line-clamp: 2;}
.newSwiper .swiper-slide .inner{ height:245px;}
.newSwiper .swiper-slide .innerBox{ margin-top:10px;}
.news{}
.news h1{ margin:13px 0;}
.newPage .bPrev{ width:50px;height:50px; background:rgba(20,106,201,0.65) url(../img/home/kv_left.png) no-repeat center center; background-size:10px; right:auto; left:-25px; top:100px;border-radius: 25px; z-index:19;-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0px 3px 12px rgb(0 0 0 / 10%); cursor:0;}
.newPage .bNext{ width:50px;height:50px; background:rgba(20,106,201,0.65) url(../img/home/kv_right.png) no-repeat center center; background-size:10px; left:auto; right:7%; top:100px;border-radius: 25px; z-index:19;-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); box-shadow: 0px 3px 12px rgb(0 0 0 / 10%); cursor:0;}

.newPage .bPrev:hover,.newPage .bNext:hover{ background-color:background:rgba(20,106,201,0.85);}
.serPage .inner .logo2{ position:absolute; right:0; bottom:-4%; width:100%; height:100%; background:url(../img/global/sy.png) no-repeat right bottom; background-size:68%;}
.serPage .innPage{ z-index:3;}
.serPage .xxInfo{ width:480px;}
.serPage .innPage{ padding-top:120px;}

.top{ opacity:0; right:-100px;}

.w1920 .newPage .tt{ width:880px;}

.w2560 .kvSwiper .kv{ background-size:cover;}