/*-------------------------------------
author: smallboat        
time:20210910
-------------------------------------*/
/*reset*/
ul, ol,body, p, dl, dd, pre, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;list-style: none;}
/*form*/
a{text-decoration: none; color:inherit;}
img{border:none;}
:focus{outline:none;}
.clearfix:after { content: '\200B'; display: block; height: 0; clear: both;}
.clearfix{*zoom: 1;}

body{color:#333;font:14px/1.7 "\5FAE\8F6F\96C5\9ED1"; /*font-weight:lighter;*/}
.wrap{width:1200px;margin:0 auto;}
.head{padding:48px 0 22px}
.head .wrap{width:1330px}
.logo{float:left}
.logo img{max-height:100%}
.nav{display:inline-block;font-size:18px;vertical-align:middle}
.nav li{display:inline-block;position:relative;margin-right:32px}
.n-a{display:inline-block;padding:8px 0}
.n-a.cur:before,.n-a:before{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#000;transition:.3s}
.n-a.cur:before,.n-a:hover:before{right:0}
.head-r{float:right}
.seearch-box{display:inline-block;vertical-align:middle;margin-left:30px}
.s-text{display:none}
.i-phone,.i-user{display:inline-block;width:24px;height:24px;background:red}
.i-user{vertical-align:middle;margin-left:30px;background:url(../images/u1.png) no-repeat center}
.i-phone{display:block;background:url(../images/u2.png) no-repeat center}

.index-box{ position: relative;overflow: hidden; padding:110px 90px;max-width: 1920px;box-sizing: border-box;margin: 0 auto;}
.index-box .wrap{position: relative;}
.index-box-1{padding-top:140px;/* background: #eef0f3; */background-size:cover;}
.index-box-2{/* padding-bottom:60px; *//* background:url(../images/index-bj_03.jpg) no-repeat top; */}
.index-box-2 .wrap{/* margin-bottom:-90px; *//* padding-bottom:90px; *//* background:url(../images/index-bj_07.jpg) no-repeat bottom; */}
.index-box-3{/* background:#eef0f3; */background-size:cover; padding: 50px 0 190px;}
.index-box-4{background: #fff}
.index-f1{text-transform:uppercase;font-size:4rem;font-family:"微软雅黑";line-height:1.4;word-break:break-all; font-weight:normal; color:#5fb878;}
.index-f2{font-weight:lighter;font-size:30px}
.index-f2:after{display:block;margin-top:10px;width:8em;height:1px;background:#000;content:"";transition:.3s}
.index-ht-c .index-f2:after{margin:10px auto 0}
.index-ht-sm .index-f2:after{display: none}
.index-ht{margin-bottom:40px;font-size:30px}
.index-p{margin-bottom:30px;/* text-indent:2em; */font-size:2rem; /*font-weight:lighter;*/}
.index-word{padding-top:50px;width:100%}
.index-img{position:relative}
.b2{content:"";position: absolute;top:0;left:0;right:0;bottom: 0}
.index-box-1 .b2{background:url(../images/index-bj_01.jpg) no-repeat top;background-size:cover;}
.index-box-2 .b2{background: url(../images/index-bj_03.jpg) no-repeat top;/* background-size:cover */}
.index-box-3 .b2{background:url(../images/index-bj_09.jpg) no-repeat top;background-size:cover;}
.index-img-s{position:absolute;right:370px; bottom: 60px;transition:transform 5.1s 0s cubic-bezier(0, 0.4, 0.3, 1);}
.footer .wrap,.index-box-1 .wrap,.index-box-4 .wrap{display:flex;justify-content:space-between}
.index-box-3 .wrap{display:flex;flex-flow:row-reverse;justify-content:space-between}
.index-box-3 .index-img-s{right:auto;left:370px;bottom: 180px;}
.a-more{position: relative; display:inline-block;box-sizing:border-box;padding:0px 25px;border:1px solid #bfbfbf;border-radius:50px;text-align:center;font-size:14px;overflow: hidden;}
.a-more:before{content: "";position: absolute;left: 0;top:0;bottom:0;background: #edeff1;right: 0;width: 0;transition: .3s;}
.a-more:hover:before{width: 100%;}
.i-san:before{display:inline-block;width:12px;height:2px;background:#606060;content:"";vertical-align:middle}
.i-san:after{display:inline-block;margin-left:-8px;width:6px;height:6px;border-top:2px solid #606060;border-left:2px solid #606060;content:"";vertical-align:middle;transform:rotate(135deg)}
.i-san{position: relative; display:inline-block;margin-top:-1px;margin-left:10px;vertical-align:middle}
.a-more span{position: relative;vertical-align:middle;}
.index-ht-c{text-align:center}
.index-ht-p{margin:0 auto;width:53%;text-align:center;font-size:16px; font-weight:lighter;}
.index-product-box{margin-top:60px;height:527px;text-align:center;font-size:0}
.bx-viewport{height:630px!important}
.bx-controls-auto{display:none}
.index-box-2 .bx-wrapper{position:relative}
.index-box-2 .bx-next,.index-box-2 .bx-prev{position:absolute;top:50%;display:block;width:50px;height:50px;/* border:2px solid #ededed; */background: url(../images/next.png) no-repeat;font-size:0;transition:.3s;/* transform:rotate(45deg); */}
.index-box-2 .bx-next:hover,.index-box-2 .bx-prev:hover{border-color:#ccc}
.index-box-2 .bx-prev{left: -50px;/*border-top:0;border-right:none; */transform: rotate(-180deg);}
.index-box-2 .bx-next{right: -50px;/*border-bottom:0;border-left:none */}
.index-box-2 .product-dl{position:relative;display:inline-block;box-sizing:border-box;margin:0 11px;padding:45px 0 32px;width: calc((100% - 66px)/3);border:8px solid #fff;background: #f2f2f3;vertical-align:top;transition:.3s;}
.product-dl .a-more{position:absolute;right:35%;left:35%;display:none;box-sizing:border-box;padding:1px 20px;font-size:12px;line-height:1}
.product-dd1{margin-bottom:5px;font-weight:lighter;font-size: 22px;line-height: 1.4;min-height: 33px;}
.product-dd2{margin:0 auto 15px;/* width:9em; */font-size: 16px;font-weight:lighter;/* min-height: 36px; */}
.product-dt{min-height: 320px;}
.product-dl:nth-child(2) .product-dt {/*margin-top: -15px;margin-bottom: 15px;*/}
.product-dl:hover{padding-bottom:65px;box-shadow:0 0 0 1px #d1d1d1}
.index-new-box,.product-dl:hover .a-more{display:inline-block}
.index-new:nth-child(2){background-image:url(../images/index_022.png)}
.index-new:nth-child(3){background-image:url(../images/index_023.png)}
.index-new:nth-child(4){background-image:url(../images/index_024.png)}
.index-new{position:relative;display:inline-block;margin-left:20px;width:215px;height:270px;background:url(../images/index_02.png) no-repeat center;vertical-align:top;text-align:center;cursor:pointer}
.index-ht-sm .index-f1{/* margin-top:70px; */font-size:24px;}
.index-ht-sm .index-f2{font-size:18px}
.index-new .index-ht-sm {
    display: table-cell;
    height: 203px;
    vertical-align: middle;
    width: 100%;
}
.index-new .cirle-more {
    display: block;
    margin: -35px auto 0;
}
.index-box-4 .index-ht{display:inline-block;padding-top:22px}
.cirle-more{display:inline-block;overflow:hidden;margin:42px 0 0;width:43px;height:43px;border-radius:50%;background:#fff;white-space:nowrap}
.i-san{margin:8px auto}
.index-new:before{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(255 255 255 / .5);content:"";transition:.3s}
.cirle-more,.index-ht-sm{position:relative;z-index:1}
.index-new:hover:before{background:rgb(255 255 255 / 0);content:""}

.san-box{display:inline-block;width:14px;white-space:nowrap;overflow:hidden;margin-top:-2px}
.cirle-more .i-san{margin:8px 0 0 30px;transform:translateX(-61px)}
.san-box .i-san{transform:translateX(-16px)}
.a-more:hover .san-box .i-san1,.a-more:hover .san-box .i-san2,.index-new:hover .i-san1,.index-new:hover .i-san2{transition:transform 1s 0s cubic-bezier(.45,.12,.04,.96)}
.index-new:hover .i-san{transform:translateX(-14px)}
.a-more:hover .san-box .i-san{transform:translateX(0)}
.a-more:hover .a-more-w span{display:inline-block;transform:translateX(160%);transition:transform 1s 80ms cubic-bezier(.45,.12,.04,.96)}
.a-more:hover .a-more-w span::before{position:absolute;top:0;left:-160%;content:attr(data-mouse-hover-btn)}
.a-more-w{width:42px;overflow:hidden;display:inline-block}
.a-more-w span{transform:translateX(0)}
.index-box-1 .index-f1,.index-box-3 .index-f1{opacity:0;transform:translateX(70px)}
.index-box-1.fadeInUp .index-f1,.index-box-3.fadeInUp .index-f1{opacity:1;transform:translateX(0);transition:opacity 1.9s .2s,transform 1.5s .2s cubic-bezier(0,.4,.3,1)}
.index-box-1 .index-f2,.index-box-3 .index-f2{opacity:0;transform:translateX(70px)}
.index-box-1.fadeInUp .index-f2,.index-box-3.fadeInUp .index-f2{opacity:1;transform:translateX(0);transition:opacity 1.9s 1.2s,transform 1.5s 1.2s cubic-bezier(0,.4,.3,1)}
.index-box-1 .index-p,.index-box-3 .index-p{opacity:0;transform:translateX(70px)}
.index-box-1.fadeInUp .index-p,.index-box-3.fadeInUp .index-p{opacity:1;transform:translateX(0);transition:opacity 1.9s 2.2s,transform 1.5s 2.2s cubic-bezier(0,.4,.3,1)}
.index-box-1 .a-more,.index-box-3 .a-more{opacity:0;transform:translateX(70px)}
.index-box-1.fadeInUp .a-more,.index-box-3.fadeInUp .a-more{opacity:1;transform:translateX(0);transition:opacity 1.9s 3.2s,transform 1.5s 3.2s cubic-bezier(0,.4,.3,1)}

.index-box-2 .index-f1{opacity:0;transform:translateY(70px)}
.index-box-2.fadeInUp .index-f1{opacity:1;transform:translateY(0);transition:opacity 1.4s .7s,transform 1s .7s cubic-bezier(0,.4,.3,1)}
.index-box-2 .index-f2{opacity:0;transform:translateY(70px)}
.index-box-2.fadeInUp .index-f2{opacity:1;transform:translateY(0);transition:opacity 1.4s 1.7s,transform 1s 1.7s cubic-bezier(0,.4,.3,1)}
.index-box-2 .index-ht-p{opacity:0;transform:translateY(70px)}
.index-box-2.fadeInUp .index-ht-p{opacity:1;transform:translateY(0);transition:opacity 1.4s 2.7s,transform 1s 2.7s cubic-bezier(0,.4,.3,1)}


.footer{background: #f2f2f3;}
.footer-l{font-size:16px}
.f-tab{position:relative;display:inline-block;width:55px;padding:10px 0}
.footer-tab-t{width:400px;justify-content:space-between;border-bottom:1px solid #606060;display:flex}
.wx{position:absolute;top:100px;opacity:0;transition:.3s}
.f-tab:hover .wx,.cur .wx{opacity:1}
.f-tt{display:block;height:40px;font-size:0}
.f-tab:hover .f-tt:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-2px;background:#000}
.f-i1{background:url(../images/f1.png) no-repeat center}
.f-tab:hover .f-i1,.cur .f-i1{background-image:url(../images/f11.png)}
.f-i2{background:url(../images/f2.png) no-repeat center}
.f-tab:hover .f-i2,.cur .f-i2{background-image:url(../images/f21.png)}
.f-i3{background:url(../images/f3.png) no-repeat center}
.f-tab:hover .f-i3,.cur .f-i3{background-image:url(../images/f31.png)}
.f-i4{background:url(../images/f4.png) no-repeat center}
.f-tab:hover .f-i4,.cur .f-i4{background-image:url(../images/f41.png)}
.f-i5{background:url(../images/f5.png) no-repeat center}
.f-tab:hover .f-i5,.cur .f-i5{background-image:url(../images/f51.png)}
.f-i6{background:url(../images/f6.png) no-repeat center}
.f-tab:hover .f-i6,.cur .f-i6{background-image:url(../images/f61.png)}
.f-i7{background:url(../images/f7.png) no-repeat center}
.f-tab:hover .f-i7,.cur .f-i7{background-image:url(../images/f71.png)}
.f-i8{background:url(../images/f8.png) no-repeat center}
.f-tab:hover .f-i8,.cur .f-i8{background-image:url(../images/f81.png)}

.posr{position: relative;}
.br{display: block;}
.flexslider{position:relative;height:770px;/* overflow:hidden; */background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;text-align: center;}
.slides li{height:770px;overflow: hidden;}

.slides li img{position: relative;right: calc((1920px - 100vw) / 2);transition:transform 1.9s 0s cubic-bezier(.45,.12,.04,.96);transform:scale(1.05);max-height: 100%;/*  max-width: 100%;*/}
.slides li.flex-active-slide img{transition:transform 1.9s 0s cubic-bezier(.45,.12,.04,.96);transform:scale(1)}

.flex-control-nav{position:absolute;bottom: -40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;}
.flex-control-nav li a{display:block;margin:0 10px;width:31px;height:4px;background:#b2b2b2;font-size:0;cursor:pointer}
.flex-control-nav .flex-active{background:#000}
.flex-direction-nav{display: none} 
.slides {max-width: 1920px;overflow: hidden;margin: 0 auto;}
@media only screen and (min-width: 1921px){ .slides li img{width: 100%;/* max-height: 100%; */} .slides li img{position: static;}}
@media (max-width:1366px) and (min-width:769px){.wrap{box-sizing:border-box;padding:0 10px;width:100%}
.wrap{padding:0 10px;width:auto}
.head .wrap{width:auto}
.flexslider,.slides li{height: 500px;}
.slides li img{position: static;}
/* .pj-Carousel-item img{max-width:100%;max-height:100vh} */
.footer .wrap,.index-box-1 .wrap,.index-box-3 .wrap{display:block}
.index-word{padding:20px 20px;width:auto}
.index-box{padding:50px 30px}
.index-img-s{right:0}
.index-box-3 .index-img-s{left:auto;right:0}
.index-p{margin-bottom:20px}
.index-new {/* width: calc((100% - 50px)/2); */margin-bottom: 20px;background-size: cover;}
}
@media only screen and (max-width:768px){
.n-a-btn{position:absolute;top:12px;right:15px;display:block;padding:0!important;width:25px;height:20px;border:1px solid #4c4c4c!important;border-radius:2px}
.n-a-btn:before{display:block;margin:5px auto;width:75%;height:1px;background:#4c4c4c;box-shadow:0 4px #4c4c4c,0 8px #4c4c4c;content:""}
.wrap{box-sizing:border-box;padding:0 10px;width:100%}
.wrap{padding:0 10px;width:auto}
.head .wrap{width:auto}
.head{padding:10px}
.head-r{float:none}
.nav li{display:block;margin:0 20px}
.nav{position:absolute;top:47px;right:15px;z-index:4;display:none;border:1px solid #000;background:#fff;font-size:16px}
.logo{height:40px}
.index-box{padding:30px 0 30px}
.footer .wrap,.index-box-1 .wrap,.index-box-4 .wrap{display:block}
.index-f1{font-size:24px}
.index-f2{font-size:20px}
.index-box-1{padding-top:40px}
.index-word{padding:0 0 30px;width:auto;text-align:center}
.index-ht{margin-bottom:16px}
.index-f2:after{margin:10px auto}
.index-p{margin-bottom:20px}
.index-ht{text-align:center}
.a-more{display:block;padding:4px 10px}
.product-dl .a-more{display: block;position: static;margin: 0 20px;}
.index-img img{max-width:100%}
.index-img-s{position:static}
.index-img{text-align:center}
.index-img-b{display:none}
.index-ht-p{width:auto;font-size:14px}
.index-box-3 .wrap{display:block}
.index-box-4 .index-ht{display:block;padding:0;text-align:center}
.index-new{margin:0 4px 10px;width:46%;background-size:cover}
.index-new-box{display:block;text-align:center}
.wx{position:static;margin-top:6px;text-align:center;opacity:1}
.index-p{font-size:14px}
.index-product-box{margin-top:20px;height: 492px;}
.product-dd1{font-size:22px}
.product-dd2{font-size:16px}
.product-dt{height:250px;min-height:250px}
.product-dt img{max-height:100%}
.index-box-2 .product-dl{padding:25px 0 20px;width: 90%;}
.flexslider,.slides li{height:170px}
/* .pj-Carousel-item{height:auto} */
.flex-control-nav{bottom:-4px;display:flex;padding:0;justify-content:space-between}
.flex-control-nav li{margin:0 2px;height:8px;flex:1}
.flex-control-nav li a{width: 100%;margin:0}
.slides li img{max-width:100%;position: static;}

.bx-viewport{height: 492px!important;}
/* .flexslider,.slides li */
.index-box-2 .bx-next,.index-box-2 .bx-prev{display:none}
.footer-tab-t{display:inline-block;width:45%}
.footer-tab-t{width:100%;border:none}
.f-tab{padding:10px 0 0;width:45%}
.f-tab:hover .f-tt:after{display:none}
.cur .f-i1,.f-i1{background-image:url(../images/f11.png)}
.cur .f-i2,.f-i2{background-image:url(../images/f21.png)}
.cur .f-i3,.f-i3{background-image:url(../images/f31.png)}
.cur .f-i4,.f-i4{background-image:url(../images/f41.png)}
.cur .f-i5,.f-i5{background-image:url(../images/f51.png)}
.cur .f-i6,.f-i6{background-image:url(../images/f61.png)}
.br{display: inline-block;}
}