@import url("core.css");
@import url("../font-awesome/css/font-awesome.min.css");
@import url("animate.css");
@import url("common.css");

/*common*/
.w1440{width: 100%;max-width: 1400px;margin: 0 auto;}
.clear{clear: both;}
body{background-color: #fff;}
.to-big .img{overflow: hidden;}
.to-big .img img{transform: scale(1.0);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
.to-big:hover .img img{transform: scale(1.1);}

.backshow{background-repeat: no-repeat;background-position: center;background-size: cover;}
.h1_title{font-size: 40px;font-weight: 600;}
.h4_des{font-size: 18px;font-weight: normal;color: #777;line-height: 25px;}

.bounceOut1{visibility: visible;animation-duration: 1.5s;animation-delay: 0.1s;animation-name: bounceOut1;}

@keyframes bounceOut1{
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1);
        transform: scale3d(.1, .1, .1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
}
/**/


/*#banner_index*/
#banner_index img{width: 100%;}
#banner_index .banner_con{position: relative;}
#banner_index .banner_con .con{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
#banner_index .banner_tit{font-size: 45px;line-height: 55px;font-weight: bold;}
#banner_index ul{width: 435px;margin:40px 0 115px;overflow: hidden;}
#banner_index ul li{padding-left: 40px;float: left;width: 50%;background-position: left center;background-repeat: no-repeat;background-size: 25px auto;margin-bottom: 20px;}
#banner_index ul li:nth-child(1){background-image: url(../images/bans1.png);}
#banner_index ul li:nth-child(2){background-image: url(../images/bans2.png);}
#banner_index ul li:nth-child(3){background-image: url(../images/bans3.png);background-size: auto 35px;}
#banner_index ul li:nth-child(4){background-image: url(../images/bans4.png);}
#banner_index ul li b{font-size: 16px;display: block;margin-bottom: 5px;color: #009fa8;}
#banner_index ul li p{font-size: 14px;}
#banner_index .banner_tit{opacity: 0;transform: translateY(100px); transition: 0.5s all ease-out;-webkit-transition-delay: .3s; transition-delay: .3s;}
#banner_index  ul{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;-webkit-transition-delay: .7s; transition-delay: .7s;}
#banner_index  a{opacity: 0;transform: translateY(100px);transition: .5s all ease-out;}

#banner_index .swiper-slide-active  .banner_tit{opacity: 1;transform: translateY(0);}
#banner_index .swiper-slide-active  ul{opacity: 1;transform: translateY(0);}
#banner_index .swiper-slide-active  a{opacity: 1;transform: translateY(0);}
#banner_index .banner_con .con a{display: block;width: 210px;height: 45px;line-height: 45px;text-align: center;border:1px solid #777;color:#777;font-size: 14px;padding-right: 35px;background-image: url(../images/icon_bjt_b.png);background-repeat: no-repeat;background-size: 25px;background-position: 75%;}
#banner_index .banner_con .con a:hover{background-color: #009fa8;border-color: #009fa8;background-image: url(../images/icon_bjt_w.png);color:#fff}

@media(max-width:1440px){
    #banner_index .banner_tit{font-size: 35px;line-height: 40px;}
    #banner_index ul{margin:30px 0 80px}
}

@media(max-width:1100px){
    #banner_index .banner_tit{font-size: 24px;line-height: 30px;}
    #banner_index ul{display: none;}
    #banner_index .banner_con .con a{height: 35px;line-height: 35px;font-size: 13px;width: 160px;margin-top: 20px;}
}

@media(max-width:768px){
    #banner_index .banner_tit{font-size: 20px;line-height: 25px;}
    #banner_index .banner_con .con a{background-image: unset;height: 30px;line-height: 30px;font-size: 12px;width: 100px;padding-right: 0;}
}



/*#product_index*/
#product_index{padding:100px 0;background-color: #f1f1f1;}
#product_index .top{float: left;}
#product_index .h1_title{margin-bottom: 20px;}
#product_index .h4_des{margin-bottom: 45px;}
#product_index .product_cate{margin-bottom: 35px;float: left;}
#product_index .product_cate a{color: #333;font-size: 16px;font-weight: bold;display: inline-block;margin-right: 10px;padding:0px 15px;line-height: 30px;margin-bottom: 20px;}
#product_index .product_cate a:hover,#product_index .product_cate a.active{color: #fff;background-color: #009fa8;}


#product_index .product_box{overflow: hidden;}
#product_index .product_box .product_box_list{overflow: hidden;display: none;}
#product_index .product_box .product_box_list.active{display: block;}
#product_index .product_box_list a.left{float: left;width:56.5%;height: 652px;position: relative;background-color: #fff;}
#product_index .product_box_list a.left img{width: 100%;}
#product_index .product_box_list .right{float: right;width: 42%;height: 652px;}
#product_index .product_box_list .right a{background-color: #fff;float: left;width: 48%;margin-right: 4%;margin-bottom: 20px;position: relative;}
#product_index .product_box_list .right a:nth-child(2n){margin-right: 0%;}
#product_index .product_box_list .right a:nth-child(3),
#product_index .product_box_list .right a:nth-child(4)
{margin-bottom: 0%;}
#product_index .product_box_list .right a img{width: 100%;}
#product_index .product_box_list a .img{border-bottom: 1px solid #eee;}
#product_index .product_box_list a .tit{width:100%;font-size: 20px;font-weight: 500;position: relative;bottom: 0;left: 0;padding:20px;color: #009fa8;height: 65px;line-height: 25px;margin-bottom: 10px;}
#product_index .product_box_list a .tit p{color:#666;font-size: 14px;line-height: 24px;margin-top: 10px;height: 45px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
#product_index .product_box_list .right a .tit{font-size: 16px;padding: 10px 20px;}
#product_index .product_box_list .right a .tit p{font-size: 13px;line-height: 21px;height: 42px;}
#product_index .product_box_list .url{transition: all 0.5s ease;font-size: 14px;color: #000;background-color: #f1f1f1;display: inline-block;width: 150px;text-align: center;padding:10px 0;}
#product_index .product_box_list .left .url{margin: 0px 20px 20px;}
#product_index .product_box_list .right .url{margin: 0 20px 20px;}
#product_index .product_box_list a:hover .url{background-color: #009fa8;color: #fff;}


@media(max-width:1440px){
    .h1_title{font-size: 38px;line-height: 44px;}
    .h4_des{font-size: 16px;line-height: 24px;}
    
    #product_index .product_cate a{font-size: 15px;line-height: 24px;}
}

@media(max-width:1100px){
    .h1_title{font-size: 30px;line-height: 35px;}
    .h4_des{font-size: 15px;line-height: 22px;}
    
    #product_index {padding: 35px 0;}
    #product_index .h4_des{margin-bottom: 20px;}
    #product_index .product_cate{margin-top: 0px;margin-bottom: 20px;float: left;width: 100%;}
    #product_index .product_cate a{font-size: 15px;line-height: 22px;}
    #product_index .product_box_list a .tit{font-size: 18px;padding:15px;}
}

@media(max-width:900px){
    #product_index .product_box_list a.left{width: 100%;height: auto;position: relative;}
    #product_index .product_box_list .right{width: 100%;margin-top: 20px;height: auto;}
    #product_index .product_box_list a img{width: 100%;}
    #product_index .product_box_list a .tit{position: relative;}
    #product_index .product_box_list a .tit p,#product_index .product_box_list a:hover .tit p{opacity: 1;margin-bottom: 0;font-size: 12px;line-height: 18px;height: 50px;}
}

@media(max-width:768px){
    .h1_title{font-size: 26px;line-height: 30px;}
    .h4_des{font-size: 14px;line-height: 21px;}
    #product_index .product_cate a{font-size: 14px;line-height: 21px;margin-top: 10px;}
    #product_index .product_box_list a .tit{font-size: 16px;padding:10px;}
}








/*#adv_index*/
#adv_index{padding:100px 0;background-color: #f8f8f8;}
#adv_index .h1_title{margin-bottom: 20px;}
#adv_index .h4_des{margin-bottom: 145px;}
#adv_index .adv_box{display: flex;}
#adv_index .adv_box>div{flex:1}
#adv_index .adv_box .left,#adv_index .adv_box .right{padding-top: 30px;}
#adv_index .adv_box .left li{padding-right: 45px;padding-left: 70px;}
#adv_index .adv_box .right li{padding-right: 10px;padding-left: 110px;}
#adv_index .adv_box .adv_list li{margin-bottom: 60px;background-repeat: no-repeat;background-position: left top;background-size: 50px auto;}
#adv_index .adv_box .right li{background-position: 40px top;}
#adv_index .adv_box .left .adv_list li:nth-child(1){background-image: url(../images/adv_icon1.png);}
#adv_index .adv_box .left .adv_list li:nth-child(2){background-image: url(../images/adv_icon2.png);}
#adv_index .adv_box .left .adv_list li:nth-child(3){background-image: url(../images/adv_icon3.png);}
#adv_index .adv_box .right .adv_list li:nth-child(1){background-image: url(../images/adv_icon4.png);}
#adv_index .adv_box .right .adv_list li:nth-child(2){background-image: url(../images/adv_icon5.png);}
#adv_index .adv_box .right .adv_list li:nth-child(3){background-image: url(../images/adv_icon6.png);}
#adv_index .adv_box .adv_list li b{font-size: 24px;line-height: 24px;display: block;margin-bottom: 10px;}
#adv_index .adv_box .adv_list li.active b{color: #009fa8;}
#adv_index .adv_box .adv_list p{font-size: 14px;line-height: 18px;height: 85px;color: #828282;font-weight: normal;}
#adv_index .adv_box .center{position: relative;width: 540px;display: block;overflow: hidden;}
/* #adv_index .adv_box .center .img{position: absolute;z-index: 3;right: 0;top: 30px;width: 70%;}
#adv_index .adv_box .center .img:nth-child(1){right: 55%;z-index: 2;width: 45%;top:0;}
#adv_index .adv_box .center .img img{width: 100%;} */

#adv_index .center{height:600px;padding-top:160px;}
      #adv_index .center .swiper-container{overflow: unset;}
      #adv_index .center  .swiper-slide{transform: scale(1);position: relative;transition: 500ms;}

      #adv_index .center  .swiper-slide::after{content:"";display: block;position: absolute;top: 0;left:0;width:100%;height:100%;background-color: rgba(0,0,0,0.6);}

      #adv_index .center  .swiper-slide.swiper-slide-active{transform: scale(2.5);position: relative;top:0;z-index: 33;}

      #adv_index .center  .swiper-slide.swiper-slide-active::after{background-color: rgba(0,0,0,0);}

      #adv_index .center  .swiper-slide.swiper-slide-active:hover{top:-15px}

      #adv_index .center  .swiper-container .swiper-slide .img{
        transform-style: preserve-3d;
        -webkit-box-reflect: below 0.5vmin linear-gradient(transparent 0 90%, #bbb 120%);
      }
      #adv_index .center  .swiper-container .swiper-slide .img img {
          object-fit: cover;
      }

.transition {-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-ms-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;transition: 0.5s ease-out;}
.show11{-webkit-animation:show11 0.5s linear;-moz-animation: show11 0.5s linear;-ms-animation: show11 0.5s linear;-o-animation: show11 0.5s linear;animation: show11 0.5s linear;}
.transition11 {-webkit-animation:transition11 0.5s linear;-moz-animation: transition11 0.5s linear;-ms-animation: transition11 0.5s linear;-o-animation: transition11 0.5s linear;animation: transition11 0.5s linear;}
.show10{-webkit-animation:show10 0.5s linear;-moz-animation: show10 0.5s linear;-ms-animation: show10 0.5s linear;-o-animation: show10 0.5s linear;animation: show10 0.5s linear;}
.transition10 {-webkit-animation:transition10 0.5s linear;-moz-animation: transition10 0.5s linear;-ms-animation: transition10 0.5s linear;-o-animation: transition10 0.5s linear;animation: transition10 0.5s linear;}
.studio_lt{overflow: hidden;}

/**/
@-webkit-keyframes show11{
    0%{left:0px;}
    100%{z-index: 5;left:35%;width:65%; margin-top:50px}
  }		
  @keyframes show11{
    0%{left:0px;}
    100%{z-index: 5;left:35%;width:65%; margin-top:50px}
  }
  @media screen and (max-width:700px) {
  @-webkit-keyframes show11{
    0%{left:0px;}
    100%{z-index: 5;left:35%;width:65%; margin-top:30px}
  }		
  @keyframes show11{
    0%{left:0px;}
    100%{z-index: 5;left:35%;width:65%; margin-top:30px}
  }	
  }
  @-webkit-keyframes transition11{
    0%{left:0px;}
    49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0}
    50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0}
    100%{left:-55%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
  }		
  @keyframes transition11{
    0%{left:0px;}
    49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0}
    50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0}
    100%{left:-55%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
  }
  /**/
  @-webkit-keyframes show10{
    0%{left:-55%;width:45%;margin-top: 0px;}
    100%{z-index:5;left:0%;width:65%; margin-top:50px}
  }		
  @keyframes show10{
    0%{left:-55%;width:45%;margin-top: 0px;}
    100%{z-index: 5;left:0%;width:65%; margin-top:50px}
  }
  @media screen and (max-width:700px) {
  @-webkit-keyframes show10{
   0%{left:-55%;width:45%;margin-top:0px;}
    100%{z-index: 5;left:0%;width:65%; margin-top:30px}
  }		
  @keyframes show10{
    0%{left:-55%;width:45%;margin-top: 0px;}
    100%{z-index: 5;left:0%;width:65%; margin-top:30px}
  }	
  }
  @-webkit-keyframes transition10{
    0%{left:35%;width:65%;margin-top:50px}
    49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:50px;width:55%;}
    50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0;width:45%;}
    100%{left:0%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
  }		
  @keyframes transition10{
    0%{left:35%;width:65%;margin-top:50px}
    49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:50px;width:55%;}
    50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0;width:45%;}
    100%{left:0%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
  }
  @media screen and (max-width:700px) {
    @-webkit-keyframes transition10{
        0%{left:35%;width:65%;margin-top:50px}
        49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:50px;width:55%;}
        50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0;width:45%;}
        100%{left:0%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
    }		
    @keyframes transition10{
        0%{left:35%;width:65%;margin-top:50px}
        49%{left:155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:50px;width:55%;}
        50%{left:-155%;filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;margin-top:0;width:45%;}
        100%{left:0%;width:45%;margin-top:0;filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
    }
  }

#adv_index .adv_box .center .zindex0{ float:left; width:45%; position:relative; z-index:1;}
#adv_index .adv_box .center .zindex1{ float:right; width:65%; margin-left:-15%; position:relative; z-index:2; margin-top:50px;}
#adv_index .adv_box .center .zindex0 i{ width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:rgba(0,0,0,0.5); display:block}
#adv_index .adv_box .center .zindex1 i{ width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:rgba(0,0,0,0); display:block}
#adv_index .adv_box .center img{ display:block; width:100%; height:auto}
#adv_index .adv_box .center .on .zindex0{width:45%;}
#adv_index .adv_box .center .on .zindex1{width:65%;}
#adv_index .adv_box .center .on .zindex0:before{background:rgba(0,0,0,0);}
#adv_index .adv_box .center .on .zindex1:before{ background:rgba(0,0,0,0.5);}
.studio_tab{width:100%; display:inline-block;-webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    transition: all 0.8s linear;white-space:normal;vertical-align: top;}

@media(max-width:1440px){
    #adv_index .h4_des{margin-bottom: 100px;}
    #adv_index .adv_box .adv_list li{background-size: 40px auto;}
    #adv_index .adv_box .adv_list li b{font-size: 21px;}
    #adv_index .adv_box .adv_list p{font-size: 13px;}
}

@media(max-width:1100px){
    #adv_index{padding:35px 0}
    #adv_index .h4_des{margin-bottom: 25px;}
    #adv_index .adv_box .center{margin: 0 auto}

    #adv_index .adv_box{display: block;}
    #adv_index .adv_box .left{padding-top: 0;}
    #adv_index .adv_list{display: flex;}
    #adv_index .adv_box .adv_list li{flex:1;margin-bottom: 25px;}
    #adv_index .adv_box .adv_list li{background-size: 35px auto;}
    #adv_index .adv_box .adv_list li b{font-size: 18px;}
    #adv_index .adv_box .adv_list p{font-size: 12px;height: auto;}

    #adv_index .center{padding: 100px 0px 100px;height:auto;}
    #adv_index .center  .swiper-slide.swiper-slide-active{transform: scale(2.2);}
}

@media(max-width:768px){
    #adv_index .adv_box .adv_list li{background-size: 30px auto;}
    #adv_index .adv_box .adv_list li b{font-size: 16px;}
    #adv_index .adv_list{display: block;}
    #adv_index .adv_box .adv_list li{margin-bottom: 10px;padding-left: 45px;padding-right: 0;}
    #adv_index .adv_box .right li{background-position: 0px top;}
    #adv_index .adv_box .center{width: 100%;}
    
    #adv_index .center{padding: 50px 0px 50px;}
    #adv_index .center  .swiper-slide.swiper-slide-active{transform: scale(2);}
    
}


/*#app_index*/
#app_index{padding:100px 0}
#app_index .h1_title{margin-bottom: 20px;text-align: center;}
#app_index .h4_des{margin-bottom: 60px;text-align: center;}
#app_index .flex_box{width: 100%;}
#app_index .flex_box ul{display: flex;}
#app_index .flex_box ul li{position: relative;height: 582px;flex: 1;overflow: hidden;border-radius: 15px;margin-right: 5px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
#app_index .flex_box ul li:last-child{margin-right: 0;}
#app_index .flex_box ul li::after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);top: 0;left: 0;z-index: 1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
#app_index .flex_box ul li.active::after{background-color: rgba(0,0,0,0);}
#app_index .flex_box ul li.active{flex: 5.5;}
#app_index .flex_box ul li a{display: flex;justify-content: center;height: 100%;position: relative;}
#app_index .flex_box ul li img{height: 100%;}
#app_index .flex_box ul li .tit.close{z-index: 2;word-break: break-all;position: absolute;top: 175px;left: -165px;padding:20px;width: 400px;height: 50px;font-size: 20px;font-weight: 500;color: #fff;opacity: 1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transform: rotate(90deg);}
#app_index .flex_box ul li .con{z-index: 2;position: absolute;bottom:0;left: 0;background-color: rgba(0,0,0,0.5);padding: 25px 35px;opacity: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
#app_index .flex_box ul li .con .tit{font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 15px;}
#app_index .flex_box ul li .con p{font-size: 14px;line-height: 22px;color: #fff;font-weight: 300;margin-bottom: 30px;}
#app_index .flex_box ul li.active .tit.close{opacity: 0;}
#app_index .flex_box ul li.active .con{opacity: 1;}

@media(max-width:1440px){
    
}

@media(max-width:1100px){
    #app_index{padding:35px 0}
    #app_index .h4_des{margin-bottom: 20px;}
    #app_index .flex_box ul{display: block;overflow: hidden;}
    #app_index .flex_box ul li{height: 450px;overflow: hidden;margin-right: 2%;margin-bottom: 2%;float: left;width: 49%;}
    #app_index .flex_box ul li:nth-child(2n){margin-right: 0;}
    #app_index .flex_box ul li .con,#app_index .flex_box ul li.active .con{display: none;}
    #app_index .flex_box ul li.active .tit.close,#app_index .flex_box ul li .tit.close{opacity: 1;font-size: 16px;width: 100%;transform: unset;top: 0;left: 0;}
}

@media(max-width:768px){
    
}

@media(max-width:550px){
    #app_index .flex_box ul li{height: 200px;}
}


/*#recom_product*/
#recom_product{padding:150px 0;background-color: #f8f8f8;}
#recom_product .w1440{position: relative;}
#recom_product .w1440>a{position: absolute;width: 210px;height: 45px;line-height: 45px;text-align: center;right: 0;top:30px;border:1px solid #ccc;font-size: 14px;padding-right: 35px;background-image: url(../images/icon_bjt.png);background-repeat: no-repeat;background-size: 25px;background-position: 70%;}
#recom_product .w1440>a:hover{background-color: #fff;background-image: url(../images/icon_bjt_l.png);}
#recom_product .h1_title{margin-bottom: 20px;}
#recom_product .h4_des{margin-bottom: 70px;}
#recom_product .recom_box a{float: left;width: 23.5%;margin-right: 2%;}
#recom_product .recom_box a:nth-child(4){margin-right: 0%;}
#recom_product .recom_box .img img{width: 100%;}
#recom_product .recom_box a p{font-size: 14px;line-height: 22px;font-weight: 500;margin-top: 20px;text-align: center;}
#recom_product .recom_box a:hover{color: #009fa8;}

@media(max-width:1440px){
    #recom_product{}
}

@media(max-width:1100px){
    #recom_product{padding: 35px 0;}
    #recom_product .h4_des{margin-bottom: 20px;}
    #recom_product .w1440>a{position: relative;display: block;width: 150px;height: 35px;line-height: 35px;top: 0;margin-bottom: 15px;font-size: 14px;padding-right: 35px;}
    #recom_product .recom_box a{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    #recom_product .recom_box a:nth-child(5){margin-right: 2%;}
    #recom_product .recom_box a:nth-child(2n){margin-right: 0%;}
}

@media(max-width:768px){
    #recom_product{}
}


/*#about_index*/
#about_index{padding:100px 0 0;}
#about_index .h1_title{float: left}
#about_index .num_box{float: right;width: 750px;padding:25px;background-color: #009fa8;display: flex;}
#about_index .num_box .num_list{justify-content: center;display: flex;border-left: 1px solid rgba(255,255,255,0.5);}
#about_index .num_box .num_list:first-child{border-left: none;}
#about_index .num_box .num_list:nth-child(1){flex:1.05;}
#about_index .num_box .num_list:nth-child(2){flex:1.05;}
#about_index .num_box .num_list:nth-child(3){flex:1.1;}
#about_index .num_box .num_list:nth-child(4){flex:1.2;}
#about_index .num_box *{color: #fff;}
#about_index .num_box p{font-size: 14px;font-weight: 300;}
#about_index .num_box b{font-size: 50px;font-weight: 500;}
#about_index .num_box sub{font-size: 15px;position: relative;top: -6px;right: -2px;font-weight: 300;display: inline-block;text-align: left;}

#about_index .about_show{margin-top: 80px;position: relative;}
#about_index .about_show .swiper-slide img{width: 100%;display: block;}
#about_index .about_show .slide-bottom{position: absolute;left:0;right:0;margin:0 auto;bottom:0;z-index: 3;display: flex;height: 323px;}
#about_index .about_show .slide-bottom .list{padding:45px;flex:1;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
#about_index .about_show .slide-bottom .list::after{content: "";top:0;left:0;position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,0.7);transition: all 0.5 ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
#about_index .about_show .slide-bottom .list:nth-child(1){flex:2;background-image: url(../images/page-slide1.webp);}
#about_index .about_show .slide-bottom .list:nth-child(2){background-image: url(../images/page-slide2.webp);}
#about_index .about_show .slide-bottom .list:nth-child(3){background-image: url(../images/page-slide3.webp);}
#about_index .about_show .slide-bottom .list a {position: absolute;display: block;z-index: 5;background-repeat: no-repeat;background-size: 40px;}
#about_index .about_show .slide-bottom .list:nth-child(1) a{top: 50%;left: 50%;transform: translate(-50%,-20%);width: auto;}
#about_index .about_show .slide-bottom .list:nth-child(1) a img{width: 50px;}
#about_index .about_show .slide-bottom .list:nth-child(2) a{bottom: 20px;right: 40px;background-image: url(../images/icon_bjt_b.png);width: 40px;height: 20px;}
#about_index .about_show .slide-bottom .list:nth-child(3) a{bottom: 20px;right: 40px;background-image: url(../images/icon_bjt_b.png);width: 40px;height: 20px;}
#about_index .about_show .slide-bottom .list .tit{font-size: 30px;line-height: 36px;font-weight: 500;position: relative;z-index: 4;}
#about_index .about_show .slide-bottom .list p{font-size: 14px;line-height: 22px;margin-top: 15px;position: relative;z-index: 4;color: #777;}
#about_index .about_show .slide-bottom .list.active::after{background-color: rgba(4, 109, 114, 0.7);}
#about_index .about_show .slide-bottom .list.active *{color: #fff;}
#about_index .about_show .slide-bottom .list:nth-child(2).active a{background-image: url(../images/icon_bjt_w.png);}
#about_index .about_show .slide-bottom .list:nth-child(3).active a{background-image: url(../images/icon_bjt_w.png);}


@media(max-width:1440px){
    #about_index .num_box{width: 600px;}
    #about_index .num_box p{font-size: 13px;}
    #about_index .num_box b{font-size: 40px;}
    #about_index .num_box sub{font-size: 14px;}
    #about_index .about_show .slide-bottom{height: 240px;}
    #about_index .about_show .slide-bottom .list .tit{font-size: 26px;}
    #about_index .about_show .slide-bottom .list p{font-size: 13px;}
    #about_index .about_show .slide-bottom .list{padding:30px}
}

@media(max-width:1100px){
    #about_index{padding:35px 0 0;}
    #about_index .num_box{width: 100%;margin-top: 20px;}
    #about_index .num_box p{font-size: 12px;}
    #about_index .num_box b{font-size: 30px;}
    #about_index .num_box sub{font-size: 13px;}
    #about_index .about_show{margin-top: 20px;}
    #about_index .about_show .slide-bottom{position: relative;}
    #about_index .about_show .slide-bottom.w1440{padding: 0;}
    #about_index .about_show .slide-bottom .list{padding:15px}
    #about_index .about_show .slide-bottom .list .tit{font-size: 20px;}
    
}

@media(max-width:768px){
    #about_index .about_show .slide-bottom.w1440{display: block;height: auto;}
    #about_index .about_show .slide-bottom .list{width: 100%;}
    #about_index .about_show .slide-bottom .list p{width: 60%;}
    #about_index .about_show .slide-bottom .list:nth-child(1) a{top: 50%;left: 80%;transform: translate(-50%, -50%);}

    #about_index .num_box{display: block;overflow: hidden;}
    #about_index .num_box .num_list{border: 0;float: left;width: 50%;text-align: center;margin-bottom: 15px;}
    #about_index .num_box .num_list:nth-child(3), #about_index .num_box .num_list:nth-child(4){margin-bottom: 0;}
    #about_index .num_box b{font-size: 24px;}
}



/*#feed_index*/
#feed_index{padding:100px 0;background-color: #f8f8f8;}
#feed_index .h1_title{text-align: center;margin-bottom: 80px;}
#feed_index .feed{padding-bottom: 150px;position: relative;}
#feed_index .feed_list{background-color: #fff;border-radius: 15px;padding:30px 25px;}
#feed_index .feed_list p{font-size: 14px;line-height: 23px;}
#feed_index .feed_list b{font-size: 18px;margin-bottom: 10px;}
#feed_index .feed_list>p{margin-bottom: 30px;height: 160px;border-bottom: 1px solid #c7c7c7;}
#feed_index .feed_list>div{padding:20px;padding-left: 82px;background-repeat: no-repeat;background-position: left center;background-size: 70px 70px;}
#feed_index .feed .swiper-pagination{margin-top: 45px;width: 100%;text-align: center;left: 0;}
#feed_index .feed .swiper-pagination .swiper-pagination-bullet {background: #757575;opacity: 0.2;margin:0 4px;width: 10px;height: 10px;}
#feed_index .feed .swiper-pagination .swiper-pagination-bullet-active {background: #757575;opacity: 0.8;}

#feed_index .part{position: relative;}
#feed_index .part .swiper-button-black{background-size: 13px;opacity: 0.3;}
#feed_index .part .swiper-button-next{right: 110px;left: auto;}
#feed_index .part .swiper-button-prev{left: 110px;right: auto;}
#feed_index .part .img{display: flex;justify-content: center;align-items: center;background-color: #fff;height: 80px;border-radius: 15px;}
#feed_index .part .img img{max-height: 90%;max-width: 70%;}

@media(max-width:1440px){
    #feed_index .part .swiper-button-next{right: 0;}
    #feed_index .part .swiper-button-prev{left: 0;}
}

@media(max-width:1100px){
    #feed_index{padding:35px 0}
    #feed_index .h1_title{margin-bottom: 20px;}
    #feed_index .feed{padding-bottom: 45px;}
}

@media(max-width:768px){
    #feed_index .feed_list>p{height:150px;overflow-y: auto;padding-bottom: 10px;margin-bottom: 10px;}
    #feed_index .feed_list>div{padding-right: 0;}
    #feed_index .feed .swiper-pagination{margin-top: 15px;}
}

/*#news_index*/
#news_index{padding:65px 0 100px}
#news_index .h1_title{margin-bottom: 30px;}
#news_index .w1440:nth-child(2){}
#news_index .news-list-left{width: 360px;height: 583px;background-color: #f8f8f8;float: left;}

#news_index .news-list-left .img{height: 232px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#news_index .news-list-left .img img{height: 100%;width: auto;min-width: 100%;}
#news_index .news-list-left .con{padding:40px 20px;padding-bottom: 30px;overflow: hidden;}
#news_index .news-list-left .con .tit{font-size: 24px;line-height: 30px;font-weight: 600;margin-bottom: 15px;}
#news_index .news-list-left .con .des{font-size: 14px;line-height: 18px;color: #777;}
#news_index .news-list-left .con .time{font-size: 14px;line-height: 20px;margin-top: 70px;color: #ccc;font-weight: 300;}

#news_index .news-list-center{width: 680px;height: 583px;float: left;padding-left: 20px;padding-right: 35px;}
#news_index .news-list-center a{height: 145px;padding:18px 0;border-bottom: 1px solid #e1e1e1;overflow: hidden;display: block;}
#news_index .news-list-center a:nth-child(1){border-top: 1px solid #ccc;}
#news_index .news-list-center a .img{float: left;width: 26.5%;}
#news_index .news-list-center a .img img{width: 100%;}
#news_index .news-list-center a .con{float: left;width: 73.5%;padding-left: 25px;}
#news_index .news-list-center a .height{height: 85px;overflow: hidden;margin-bottom: 15px;}
#news_index .news-list-center a .tit{font-size: 18px;line-height: 21px;font-weight: bold;margin-bottom: 5px;}
#news_index .news-list-center a .des{font-size: 14px;line-height: 20px;color: #757575;font-weight: 400;}
#news_index .news-list-center a .time{font-size: 14px;color: #ccc;font-weight: 300;}


#news_index .news-list-right{width: 360px;height: 583px;background-color: #f8f8f8;float: right;padding:0 15px;padding-top: 30px;padding-bottom: 40px;}
#news_index .news-list-right .h4_title{float: left;font-size: 20px;font-weight: bold;}
#news_index .news-list-right>a{float: right;font-size: 14px;color: #777;padding-right: 35px;background-image: url(../images/icon_bjt.png);background-repeat: no-repeat;background-size: 25px;background-position: right 70%;padding-top: 5px;}
#news_index .news-list-right>a:hover{color: #009fa8;background-image: url(../images/icon_bjt_l.png);}


#news_index .news-list-right .know_box{margin-top: 25px;padding-top: 20px;border-top: 1px solid #ccc;}
#news_index .news-list-right .know_box .tit{font-size: 16px;line-height: 20px;font-weight: bold;margin-bottom: 6px;}
#news_index .news-list-right .know_box .des{font-size: 14px;line-height: 18px;color: #777;}
#news_index .news-list-right .know_box .con{margin-top: 23px;height: 80px;overflow: hidden;}
#news_index .news-list-right .know_box a:nth-child(1) .con{margin-top: 0;}


@media(max-width:1440px){
    #news_index .news-list-left{width: 25.7%;}
    #news_index .news-list-center{width: 48.5%;}
    #news_index .news-list-right{width: 25.8%;}
    #news_index .news-list-left .img img{min-width: unset;}
}

@media(max-width:1100px){
    #news_index{padding:35px 0;}
    #news_index .news-list-left{width: 25.7%;}
    #news_index .news-list-center{width: 74.3%;}
    #news_index .news-list-right{width: 100%;margin-top: 20px;height: auto;}
    #news_index .news-list-left .con{padding:15px;}
    #news_index .news-list-left .con .tit{font-size: 20px;line-height: 25px;}
    #news_index .news-list-left .con .des{font-size: 14px;line-height: 17px;}
    #news_index .news-list-left .con .time{margin-top: 20px;}
    #news_index .news-list-center a .tit{font-size: 16px;line-height: 20px;}
    #news_index .news-list-center a .des{font-size: 13px;}
    #news_index .news-list-right .know_box .tit{font-size: 15px;}
    #news_index .news-list-right .know_box .des{font-size: 13px;line-height: 17px;}
}

@media(max-width:768px){
    #news_index .news-list-left{width: 100%;height: auto;}
    #news_index .news-list-center{width: 100%;margin-top: 20px;height: auto;padding-left: 0;padding-right: 0;}
    #news_index .news-list-center a{height: auto;}
    #news_index .news-list-center a .con{padding-left: 10px;}
    #news_index .news-list-center a .tit{font-size: 14px;line-height: 17px;}
    #news_index .news-list-center a .des{font-size: 12px;line-height: 16px;}
    #news_index .news-list-center a .height{height: auto;}
    #news_index .news-list-right .know_box .tit{font-size: 14px;}
    #news_index .news-list-right .know_box .des{font-size: 12px;line-height: 16px;}
    #news_index .news-list-right .know_box .con{height: auto;}
}