.header{
    height: 80px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    justify-content: space-between;
    z-index: 999;
    background: #fff;
    transition:all .4s;
}

.header_wrap{
    height:80px;
    position: relative;
    z-index: 100;
}
.header_wrap .logo_words{
    position: absolute;
    left:44%;
    top: 23px;
    z-index: 5;
}

.header .logo{
    flex:1;
}
.header .logo img{
    max-height: 50px;
}
.header .logo .img2{
    display: none;
}
.nav .nav_li{
    padding:0 28px;
}
.nav .nav_li:nth-child(4){
   
}
.nav .nav_li .nav1 a{
    color:#222;
    display: block;
    line-height:80px;
    position: relative;
    text-transform: capitalize;
    transition:all 0s;
    font-size:18px;
    white-space: nowrap;
   
}
.nav .nav_li .nav1 a i{
    font-size:10px;
    margin-left: 4px;
    vertical-align: middle;
}

.nav .nav_li .nav1 a:hover,.nav .nav_li.cur .nav1 a{
    color:var(--theme-color);
}
.nav .nav_li .nav2_wrap{
    display: none;
    position: absolute;
    top:0;
    background:#fff;
    left: -50%;
    width:200%;
    z-index: -1;
    padding:100px 60px 20px;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}
.nav .nav_li .nav2_wrap:after{
    content:'';
    display: block;
    width: 100%;
    height: 1px;
    top: 80px;
    left: 0;
    position: absolute;
    background: #eee;
}
.nav .nav_li .nav2{
    color:#3a3a3a;
    display: flex;
    flex-wrap: wrap;
    width: 1400px;
    margin:auto;
}
.nav .nav_li .nav2 a{
    padding:12px 15px;
    width: 50%;
    display: block;
}
.nav .nav_li .nav2 a h4{
    font-size:18px;
  
}
.nav .nav_li .nav2 a p{
    font-size:14px;
    color:#666;
}
.nav .nav_li .nav2 a:hover h4{
    color:var(--theme-color);
}
.nav .nav_li .nav2.nav2_product a{
    width: 25%;
}
.nav .nav_li .nav2.nav2_product .img img{
      width: auto;
    max-height: 140px;
}
.nav .nav_li .nav2.nav2_product .tit{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.nav .nav_li .nav2.nav2_product .tit h4{
    flex:1;
}
.nav .nav_li .nav2.nav2_product .tit i{
    font-size:12px;
}
.nav .nav_li .nav2.nav2_product .desc{
    font-size:14px;
}
.nav .nav_li .nav2.nav2_product a:hover .tit i{
    color:var(--theme-color);
}
.nav_info{
    height: 48px;
    align-items: center;
    justify-content: flex-end;
}
.nav_info .contact{
    position:relative;
}
.nav_info .contact a.btn{
    background:var(--theme-color);
    color:#fff;
   
    font-size:18px;
    width: 160px;
    height: 36px;
    display: flex;
    line-height: 36px;
    border-radius: 100px;
    text-align: center;
    transition:all .4s;
    justify-content: center;
    align-items: center;
}
.nav_info .contact a.btn i{
    font-size:10px;
    margin-left: 6px;
    
    display: block;
    transition:all .5s;
}
.nav_info .contact a.btn:hover{
    background: #333;
}
.nav_info .contact a.btn:hover i{
    transform: rotate(0deg);
}
.nav_info .contact .list{
    background: #fff;
    border-radius: 10px;
    position: absolute;
    width:160%;
    left: -30%;
    top:36px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    padding: 10px 20px;
    display: none;
    z-index: 2000;
}
.nav_info .contact .list .item a{
    display: block;
   
    font-size:14px;
    padding: 5px 0;
}
.nav_info .contact .list .item:first-child a{
    border-bottom: 1px dashed #ccc;
}
.nav_info .contact .list .item a:hover{
    color:var(--theme-color);
}
.nav_info .contact:hover .list{
    display: block;
}
.nav_info .search{
    margin-left:0%;margin-right: 2%;
}
.nav_info .search i{
    font-size:18px;
    cursor: pointer;
}

.layer_search{
    position: fixed;
    z-index: 998;
    background: #fff;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    padding-top: 160px;
}
.layer_search form{
    position: relative;
    width:800px;
    margin: auto;
}
.layer_search form input{
    outline: none;
    width:100%;
    height:70px;
    border:1px solid #aaa;
    border-radius: 100px;
    padding:0 40px 0 20px;
    background: transparent;
    margin:auto;
    font-size:20px;
}
.layer_search form input::placeholder{
    font-size:16px;
    color:#999;
}
.layer_search form button{
    outline: none;
    border:none;
    position: absolute;
    right: 20px;
    top: 12px;
    background: transparent;
    cursor: pointer;
}
.layer_search form button i{
    font-size:26px;
    color:#c5c5c5;
}
.layer_search form button i:hover{
    color:var(--theme-color);
}

.layer_search .close{
    right:10%;
    top: 120px;
    position: absolute;
}
.layer_search .close i{
    font-size:36px;
    display: block;
    transition:all .4s;
    cursor: pointer;
}
.layer_search .close i:hover{
    transform: rotate(180deg);
    color:var(--theme-color);
}

.nav_info .lang_box .lang img{
    margin-right: 6px;
    width: 15px;
    height: 15px;
}
.nav_info .lang_box .lang i{
    font-size:10px;
    margin-left: 3px;
    transform: rotate(180deg);
    transition:all .3s;
}
.nav_info .lang_box{
    position: relative;
    z-index: 100;
    margin:0 3%;
}
.nav_info .lang_box .lang{
    display: flex;
    align-items: center;
    height: 28px;
    cursor: pointer;
    transition:all 0s;
    font-size:14px;
}
.nav_info .lang_box .dlang{
    position: absolute;
    left: 0;
    top: 28px;
    width: 145px;
    background: #fff;
    padding:5px 15px 10px;
    display: none;
    border-radius: 3px;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
}
.nav_info .lang_box .dlang a{
    display: flex;
    align-items: center;
    color:#666;
}
.nav_info .lang_box .dlang a:hover{
    color:var(--theme-color);
}
.nav_info .lang_box .dlang a img{
    height: 16px;
    margin-right: 6px;
}
.nav_info .lang_box:hover .dlang{
    display: block;
}
.nav_info .lang_box:hover .lang i{
    transform: rotate(0deg);
}

.header.header_on{
    background:rgba(255,255,255,.9);
    backdrop-filter: saturate(180%) blur(6px);
}



/* banner */
.banner{
    position: relative;
    overflow: hidden;
}
.banner .item_img img{
    width: 100%;
    height:100vh;
    object-fit: cover;
}
.banner .item .item_con{
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    padding-bottom:36vh;
	text-align:center;
}
.banner .item .item_con .wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner .item .item_con .info{
    display: flex;
    flex-direction: column;
}
.banner .item .item_con .tit{
    font-size:52px;

    
    line-height:1.5;
}
.banner .item .item_con .tit span{
    color:var(--theme-color);
    display: block;
    line-height: 1;
}
.banner .item .item_con .desc{
    font-size:34px;
    margin: 10px 0 20px;
}




.banner .swiper-pagination{
    text-align: left;
    bottom:50px;
    left: 5%;
    width: auto;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    border-radius: 50%;
    background: #fff;
    margin:0 6px;
    opacity: 1;
    position: relative;
    opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--theme-color);
}

.banner_ico{
    position: absolute;
    left: 50%;
    bottom:20px;
    z-index: 30;
    width: 42px;
    height: 42px;
    border: 1px solid #000;
    transform: rotate(-45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: downico 2s ease-out infinite;
    color:#000;
    transition:all .6s;
    cursor: pointer;
    border-radius: 42px;
}
.banner_ico i{
    transform: rotate(-45deg);
    display: block;
    font-size:20px;
}
@keyframes downico{
	0%{bottom: 20px;}
	50%{bottom:50px;}
	100%{bottom:20px;}
}
.banner_ico:hover{
    border-color: var(--theme-color);
    background: var(--theme-color);
    color:#fff;
}






/* tit_box1 */

.tit_box1{
    padding:46px 0 54px;
}
.tit_box1_center{
    text-align: center;
}
.tit_box1 .tit h4{
    font-size:48px;
    line-height:1;
    text-transform: capitalize;
    
    display: inline-block;
    position: relative;
    z-index: 1;
}
.tit_box1 .tit h4:after{
    content:'';
    width: 210px;
    height: 16px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index:-1;
}

.tit_box2{
    padding:50px 0 30px;
}
.tit_box2 .tit{
    flex:1;
}
.tit_box2 .tit h4{
   color: #333;
    font-size: 46px;
  
    text-align: center;font-weight:bold
}
.tit_box2 .tit h4 em{
    color:var(--theme-color);
}
.tit_box2_fff .tit h4{
    color:#fff;
}
.tit_box2-center{
    text-align: center;
}

.tit_box3{
    margin-bottom:15px;
}
.tit_box3 .tit h4{
    font-size:18px;
   
    color:#000;
    line-height: 1;
    text-transform: uppercase;
}
.tit_box3 .tit p{
    font-size:14px;
    color:#666;
    margin-top: 10px;
    line-height: 1.4;
}

.tit_box3 .btn{
    margin-top: 22px;
}
.tit_box3 .btn a{
    font-size:14px;
    text-transform: uppercase;
    height: 42px;
    line-height: 38px;
    padding:0 14px;
    color:var(--theme-color);
    border:2px solid var(--theme-color);
    display: inline-block;
    border-radius: 100px;
    
    transition:all .4s;
}
.tit_box3 .btn a:hover{
    background: var(--theme-color);
    color:#fff;
}


.bg1{
    background:#f9f9f9;
    overflow: hidden;
}
.bg2{
    background:var(--theme-color);
}
.bg3{
    background: #f5f5f5;
}


.ww50{width:50%}

/* product */

.product_wrap{
    background:url("../image/bg1.png") no-repeat right top;
}
.product_con{
    margin:0 -5px;
}
.product_con .item{
    flex:1;
    padding:0 5px;
    transition:all .5s;
}
.product_con .item .item_img{
    position: relative;
}
.product_con .item .item_img .img{
    width: 100%;
    height: 350px;
    background-size: cover;
    background:url("../image/img_bg1.jpg") no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.product_con .item .item_img .img img{
   
    /* left: 51%; */
    width: 80%;
    /* bottom: 119px; */
    position: absolute;
    transition: all .5s;
    /* transform: translateX(-50%);*/
}
.product_con .item .item_img .desc_btn{
    transform: scale(0);
    transition:all .5s;
    position: absolute;
    right: 0;
    overflow: hidden;
}
.product_con .item .item_con{
    padding:0 10px;
    position: relative;
    transition:all .4s;
    padding-bottom: 55px;
}
.product_con .item .item_con .tit{
    font-size:38px;
    color:var(--theme-color);
   
}
.product_con .item .item_con .desc{
    font-size:22px;
    line-height: 1.3;
    height: 58px; text-align:center;
}
.product_con .item .item_con .ico{
    position: absolute;
    left: 10px;
 
    transition:all .4s;
}

.product_con .item.cur{
    flex:2.2;
}
.product_con .item.cur .item_con{
 
}
.product_con .item.cur .item_img .desc_btn{
    display: block;
    transform: scale(1);
    width: calc(50% + 20px);
    padding:50px 20px;
}
.product_con .item.cur .item_img .desc_btn .desc p{
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
}
.product_con .item.cur .item_img .desc_btn .desc p:before{
    border-style: solid;
    border-color: transparent;
    border-width: 6px 0 6px 6px;
    border-left-color: var(--theme-color);
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}


.product_con .item.cur .item_con .ico{
    left: calc(100% - 70px);
}
.product_con .item.cur .item_img .img img{
  position: absolute;
    /* height: 560px; */
    width: 40%;
    left: 35px;
    transform: translateX(0);
}

/* product_con_other */

.product_con_other{
   display: flex;
    justify-content: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 15px 0 50px 0;
    overflow: hidden;
}
.product_con_other a{
    display: block;
    padding:0 10px;
}
.product_con_other .item{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.product_con_other a:first-child{
    
}
.product_con_other .item .item_con{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    padding:70px;
    text-align: center;
    z-index: 10;
}
.product_con_other .item .item_con .tit{
    
}
.product_con_other .item .item_con .tit h4{
    font-size:42px;
    font-family: 'RobotoBold';
    line-height: 1;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.product_con_other .item .item_con .tit h4:after{
    content: '';
    width: 212px;
    height: 16px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    left:2px;
    bottom:-1px;
    z-index: -1;
}
.product_con_other a:last-child .item .item_con .tit h4:after{
    width:160px;
}
.product_con_other .item .item_con .desc{
    font-size:24px;
    margin-top: 20px;
}
.product_con_other .item .item_con .ico{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.product_con_other .item .item_con .ico i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:22px;
    transition:all .4s;
}

.product_con_other .item:hover .item_con .ico i{
    background:var(--theme-color);
    color:#fff;
}


/* solutions_wrap */

.solutions_wrap{
    background: url("../image/bg2.jpg") no-repeat center #eff0f1;
    overflow: hidden;
    position: relative;
    padding-bottom: 150px;
}
.solutions_wrap .tit_box1 .tit h4:after{
    right: 4px;
    bottom: 0px;
    width: 102px;
}


.product_wrap .tit{text-align:center}

.solutions_con{
    margin: 0 1% 0 0%;
}
.solutions_con .hd .item{
    width: 150px;
    height: 185px;
    border-radius: 5px;
    padding:20px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
    transition:all .4s;
    position: relative;
}
.solutions_con .hd .item.cur{
    background: var(--theme-color);
    color:#fff;
}

.solutions_con .hd .item img{
    width:70%
}

.solutions_con .hd .item.cur .ico img{
   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(5deg) brightness(180%) contrast(101%);
}
.solutions_con .hd .item .tit{
    line-height: 1.3;
    margin-top: 10px;
    transition:all 0s;
}
.solutions_con .bd{
    padding-top: 110px;
}
.solutions_con .bd .item_wrap{
    display: none;
}
.solutions_con .bd .item_wrap:first-child{
    display: block;
}
.solutions_con .bd .item{
    position: relative;
    z-index: 10;
}
.solutions_con .bd .item .item_con{
    width:48%;
    transition:all .4s;
}
.solutions_con .bd .item .item_con .tit{
    font-size:28px;
    font-family: 'RobotoBold';
}
.solutions_con .bd .item .item_con .desc{
    font-size:20px;
    padding:10px 0 75px;
}
.solutions_con .bd .item .item_img{
    position: absolute;
    right: -56px;
    bottom:-100px;
    transition:all .4s;
}
.solutions_con .bd .item_img_bg{
    position: absolute;
    right: 0;
    bottom: 0;
}




/* about */

.about_con{
   
}
.about_con .tit_box1 .tit h4{
    line-height: 1.3;
}
.about_con .tit_box1 .tit h4:after{
    bottom:70px;
    left: 0;
    width: 206px;
}
.about_con .desc{
    text-align: left;
    font-size:20px;
    margin-top: -20px;
}
.about_con .nums_list{
    margin:0 -40px;
    padding:60px 0 90px;
    justify-content: center;
}
.about_con .nums_list .item{
    padding:0 40px;
}
.about_con .nums_list .item .nums{
    font-size: 60px;
    font-family: 'RajdhaniSemiBold';
    line-height: 1.4;
}
.about_con .nums_list .item .nums span{
    font-size: 60px;
    line-height: 1;color: #eb6100;
}

.
 .more_box{
    justify-content: center; margin-bottom:80px;
}
 .more_box .more_style5 .txt{
    border:1px solid var(--theme-color);
}
.more_box .video_btn{
    background: #333;
    border-radius: 100px;
    height: 42px;
    padding:0 33px;
    display: flex;
    align-items: center;
    color:var(--theme-color);
    font-family: 'RobotoBold';
    margin-left: 10px;
    cursor: pointer;
    transition:all .4s;
}
.more_box .video_btn i{
    transform: rotate(180deg);
    margin-left: 5px;
    font-size:12px;
}
 .more_box .video_btn:hover{
    background: var(--theme-color);
    color:#fff;
}


/* services_con */

.service .tit_box1 .tit h4:after{
    bottom:6px;
    width: 371px;
}
.services_con{
    margin:0 -16px;
}
.services_con a{
    display: block;
    padding:0 16px;
    width: 25%;
}
.services_con .item{
    background: #f2f2f2;
    padding:50px;
    border-radius: 10px;
    
    height: 100%;
}
.services_con a:nth-child(2n) .item{
    background: #fff;
}
.services_con .item .item_img{
    display: flex;
    justify-content: center;
}
.services_con .item .item_img img{
    transition: all 1s;
}
.services_con .item .item_con{
    text-align: center;
    margin-top:30px;
}
.services_con .item .item_con .tit{
    font-size:36px;
    font-family: 'RobotoBold';
    line-height: 1.1;
    height:79px;
}
.services_con .item .item_con .desc{
    margin:10px 0 15px;
    height: 76px;
}
.services_con .item .item_con .btn{
    font-family: 'RobotoBold';
    font-size:14px;
    color:var(--theme-color);
    text-transform: uppercase;
    opacity: 0;
    transition: all .4s;
}
.services_con .item:hover .item_img img{
    transform: rotateY(360deg);
}
.services_con .item:hover .item_con .btn{
    opacity: 1;
}

.service_more{
    padding:60px 0 100px;
    text-align: center;
    display: block;
}
.service_more p{
    font-size:24px;
}
.service_more .btn{
    height: 45px;
    background: var(--theme-color);
    color:#fff;
    display: inline-block;
    padding:0 22px 0 28px;
    border-radius: 100px;
    line-height: 45px;
    font-family:'RobotoBold';
    font-size:14px;
    text-transform: uppercase;
    margin-top: 15px;
    transition:all .4s;
}
.service_more .btn i{
    margin-left: 15px;
    font-size: 18px;
}
.service_more .btn:hover{
    background: #333;
    color:var(--theme-color);
}


/* news */

.news{
   padding-bottom: 100px;
}
.news .tit_box1 .tit{
    flex:1;
}
.news .tit_box1 .tit h4:after{
    width: 108px;
}
.news .tit_box1 .more_style5 .txt{
    border:1px solid var(--theme-color);
}
.news_list_hd{
    flex:1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.news_list_hd .item{
    position: relative;
    display: block;
    height: 100%;
}
.news_list_hd .item h4{
    font-size:20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:100px 100px 20px 20px;
    color:#fff;
    background: linear-gradient(to top, rgba(0,0,0,.7), transparent);
}
.news_list_hd .item .img{
    height: 100%;
}
.news_list_hd .item .img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.news_list_hd .swiper-pagination{
    text-align: right;
    z-index: 10;
    left: auto;
    right: 20px;
    bottom:20px;
}
.news_list_hd .swiper-pagination span{
    opacity: 1;
    background: #fff;
}
.news_list_hd .swiper-pagination .swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.news_list_bd,.news_list_ft{
    padding-left: 40px;
    width: 25.92%;
}

.news_list_bd .img{
    overflow: hidden;
    border-radius: 10px;
}
.news_list_bd .tit{
    font-size:20px;
    line-height: 1.2;
    margin:20px 0 25px;
}
.news_list_bd .btn_time{
    margin-top: 35px;
    font-size:14px;
}
.news_list_bd .btn_time .btn{
    flex:1;
    text-transform: uppercase;
    font-family: 'RobotoBold';
}

.news_list_ft a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:1px solid #e7e7e7;
    border-radius: 10px;
    padding:30px;
    height: 100%;
}
.news_list_ft .time{
    font-size: 14px;
}
.news_list_ft .tit{
    font-size:20px;
    line-height: 1.2;
    margin:20px 0 30px;
}
.news_list_ft .img{
    border-radius: 10px;
    overflow: hidden;
}
.news_list_bd:hover .tit,.news_list_ft:hover .tit{
    color:var(--theme-color);
}


/*page_product_list */

.page_product_list_wrap{
    position: relative;
    margin-bottom: 90px;
}
.page_product_list{
    padding-bottom: 1px;
    overflow: hidden;
}
.page_product_list .item{
    display: block;
    background: #fff;
    border:1px solid #fff;
}
.page_product_list .item .item_img{
    padding:40px 40px 30px;
}
.page_product_list .item .item_con{
    padding:0 40px 50px;
}
.page_product_list .item .item_con .tit{
    font-size:20px;
    text-align: center;
    font-family: 'RobotoMedium';
    transition:all .4s;
}
.page_product_list .item .item_con .desc{
    font-size:14px;
    display: flex;
    margin:20px 0 0;
}
.page_product_list .item .item_con .desc span{
    flex:1;
    padding-top:30px;
    text-align: center;
}
.page_product_list .item .item_con .desc span:nth-child(1){
    background: url("../image/product_ico1.png") no-repeat center top;
}
.page_product_list .item .item_con .desc span:nth-child(2){
    background: url("../image/product_ico2.png") no-repeat center top;
}
.page_product_list .item .item_con .desc span:nth-child(3){
    background: url("../image/product_ico3.png") no-repeat center top;
}
.page_product_list .item .item_con .desc span:nth-child(4){
    background: url("../image/product_ico4.png") no-repeat center top;
}
.page_product_list .item:hover{
    border-color: var(--theme-color);
}
.page_product_list .item:hover .item_con .tit{
    color:var(--theme-color);
}
.page_product_list_wrap .swiper-button-prev,.page_product_list_wrap .swiper-button-next{
    width:50px;
    height:50px;
    border-radius: 50%;
    background: #fff;
    color:var(--theme-color);
    transition:all .4s;
}
.page_product_list_wrap .swiper-button-prev:after,.page_product_list_wrap .swiper-button-next:after{
    font-size:20px;
    font-weight: bold;
}
.page_product_list_wrap .swiper-button-prev:hover,.page_product_list_wrap .swiper-button-next:hover{
    background: var(--theme-color);
    color:#fff;
}


/* public_message */

.public_message_con{
    border-radius: 30px;
    background: #fff;
    margin-top: 70px;
    padding:70px;
}
.public_message_con .cover{
    width: 40%;
    height: 500px;
    background: #f6f6f6;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.public_message_con .cover img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.public_message_con .page_contact2_form{
    background: transparent;
}
.public_message_con .page_contact2_form .input_box .input input,.public_message_con .page_contact2_form textarea{
    border:1px solid #ddd;
}

.page_product_related{
    padding:70px 0 0;
}
.page_product_related_tit{
    font-size:40px;
    color:#333;
    text-align: center;
}


/* footer_message */

.footer_message{
    display: none;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.footer_message_con{
    width: 39.3%;
    padding-right: 10%;
}
.footer_message_con h4{
    font-size:56px;
    font-family: 'RobotoBold';
}
.footer_message_con p{
    font-size:14px;
    color:#888;
    font-family: 'RobotoLight';
}
.footer_message .form{
    flex:1;
}
.footer_message .form .input_box{
    margin:0 -10px;
}
.footer_message .form .input{
    padding:0 10px;
    flex:1;
}
.footer_message .form input,.footer_message .form textarea{
    border-radius: 200px;
    background: #fff;
    height: 45px;
    outline: none;
    border:none;
    font-size:14px;
    padding:10px 20px;
    width: 100%;
    line-height: 25px;
}
.footer_message .form textarea{
    margin-top: 20px;
    height: 100px;
    border-radius:26px;
}
.footer_message .form .button{
    justify-content: flex-end;
    margin-top: 15px;
}
.footer_message .form button{
    border:none;
    outline: none;
    width:140px;
    height: 45px;
    border-radius: 100px;
    background: var(--theme-color);
    color:#fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size:14px;
    transition:all .3s;
    font-family: 'RobotoBold';
}
.footer_message .form button:hover{
    background: var(--theme-color);
}

/* footer */

.footer{
    background:url("../image/footer_bg.jpg") no-repeat center #eaedf1;
    padding:70px 0 0;
}

.footer a:hover{
    text-decoration: underline;
    color:var(--theme-color);
}
.footer_con{
    
}
.f_menu_share_box{
    flex:1;
}
.f_menu_share_box .share{
    display: block;
    margin-top: 40px;
}
.f_menu_share_box .share h4{
    margin-bottom: 15px;
}
.f_menu_item{
    margin-right:70px;
}
.f_menu_item.f_tel_box{
    margin-right: 0;
}
.f_menu_item h4{
    margin-bottom: 8px;
}
.f_menu_item h4 a{
    font-size:20px;
    font-family: 'RajdhaniSemiBold';
}
.f_menu_item h5 a{
    font-size:14px;
    color:#777;
    white-space: nowrap;
}

.f_tel_box{
    width: 30%;
}
.f_tel_box .tel_list{
    gap:25px;
}
.f_tel_box .tel_list .item{
    display: flex;
}
.f_tel_box .tel_list .item i{
    color:var(--theme-color);
    margin-right: 5px;
}
.f_tel_box .tel_list .item .i_con h6{
    font-family: 'RobotoBold';
}
.f_tel_box .tel_list .item .i_con p{
    font-size:14px;
    color:#777;
}
.f_tel_box .tel_list .item .i_con p a{
    cursor: pointer;
}
.f_tel_box .tel_list .item .i_con span{
    font-size:14px;
    display: block;
    margin:5px 0 3px;
}

.footer_copyright{
    font-size:14px;
    padding:30px 0;
   
/*  display: flex;
    justify-content: center;*/
}
.footer_copyright a{
    margin-left:30px;
}

/* page_banner */

.page_banner{
    margin-top:80px;
    position: relative;
}
.page_banner .img img{
    width: 100%;
}
.page_banner_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
}
.page_banner_con .tit{
    font-size:54px;
    font-family: 'RobotoMedium';
    line-height: 1.2;
}
.page_banner_con .subtit{
    font-size:24px;
    margin-top: 10px;
}
.page_banner_con .pos{
    margin-top: 10px;
    font-family: 'RobotoLight';
}
.page_banner_con .pos a{
    padding: 0 3px;
}
.page_about_banner_con{
    padding-right: 13%;
    top: 24%;
    align-items:flex-end;
}
.page_about_banner_con .tit{
    color:#333;
}

.page_product_banner_con{
    position: absolute;
    left: 0;
    top:32%;
    width: 100%;
    text-align: center;
}
.page_product_banner_con .tit{
    font-size:56px;
    font-family: 'RobotoMedium';
    line-height: 1; color:#fff;
}
.page_product_banner_con .subtit{
    font-size:40px;
}
.page_product_banner_con a{
    width: 150px;
    height: 40px;
    border-radius: 100px;
    background: var(--theme-color);
    font-size:14px;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:25px auto 0;
    color:#fff;
    transition:all .4s;
}
.page_product_banner_con a:hover{
    background: #333;
}


.page_banner_menu{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.page_banner_menu .list{
    justify-content: center;
}
.page_banner_menu .list .item a{
    background: rgba(0,0,0,.6);
    height: 60px;
    border-left: 1px solid rgba(255,255,255,.2);
    padding:0 40px;
    display: flex;
    align-items: center;
    color:#fff;
    font-size:18px;
}
.page_banner_menu .list .item.cur a,.page_banner_menu .list .item:hover a{
    background: var(--subtheme-color);
}


.inner_pos{
    padding-top: 20px;
}
.inner_pos a{
    padding:0 4px;
}
.inner_pos a:first-child{
    padding-left: 0;
}
.inner_pos a:hover{
    color:var(--subtheme-color);
}



/* page_product_index */


.page_product_advantage{
    padding:160px 0 80px;
}
.page_product_index_tit{
    font-size:60px;
    font-family: 'RobotoBold';
    line-height: 1.1;
    text-align: center;
}
.page_product_advantage .j_list{
    
}
.page_product_advantage .j_list .item{
    width: 33.333%;
    padding:40px 60px 0;
}
.page_product_advantage .j_list .item .ico{
    width: 60px;
    height: 60px;
    margin:auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
}
.page_product_advantage .j_list .item .con{
    text-align: center;
}
.page_product_advantage .j_list .item .con h4{
    font-size:22px;
    font-family: 'RobotoMedium';
    margin:20px 0;
    line-height: 1.2;
}
.page_product_advantage .j_list .item .con p{
    line-height: 1.5;
}

.page_product_index_menu{
    margin:0 -10px;
    padding: 45px 0 110px;
}
.page_product_index_menu a{
    width: 50%;
    display: block;
    padding:10px;
}
.page_product_index_menu .item{
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.page_product_index_menu .item .item_con{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding:50px;
    text-align: center;
}
.page_product_index_menu .item .item_con .tit{
    font-size:40px;
    color:var(--theme-color);
    font-family: 'RajdhaniSemiBold';
    line-height: 1;
}
.page_product_index_menu .item .item_con .subtit{
    font-size:22px;
    margin-top: 10px;
}
.page_product_index_menu .item .item_con .ico{
    font-size:14px;
    font-family: 'RobotoBold';
    margin-top: 30px;
    text-transform: uppercase;
    transition:all .4s;
}
.page_product_index_menu .item .item_con .ico i{
    font-weight: bold;
    margin-left: 10px;
}
.page_product_index_menu .item .item_img .img img{
    width: 100%;
}
.page_product_index_menu a:nth-child(5){
    width: 100%;
}
.page_product_index_menu .item:hover .item_con .ico{
    color:var(--theme-color);
}

/* product_robot_list */

.page_product_robot_tit{
    font-size:24px;
    font-family: 'RobotoMedium';
    margin-bottom:20px;
}
.page_product_robot_list{
    padding-bottom: 100px;
}
.page_product_robot_list .list{
    margin:-6px;
}
.page_product_robot_list .list a{
    display: block;
    width: 33.33333%;
    padding:6px;
}
.page_product_robot_list .list .item{
    background: #fff;
    padding:30px;
    border-radius: 10px;
    height: 100%;
    border:1px solid #fff;
    transition:all .4s;
}
.page_product_robot_list .list .item .item_img{
    padding:0 50px;text-align:center;
}

.page_product_robot_list .list .item .item_img img{
   max-height:300px;
}


.page_product_robot_list .list .item .item_con{
    text-align: center;
    padding-top: 20px;
}
.page_product_robot_list .list .item .item_con .tit{
    font-size:20px;
    font-family: 'RobotoMedium';
}
.page_product_robot_list .list .item .item_con .desc{
    margin:15px 0 20px;
}
.page_product_robot_list .list .item .item_con .btn{
    text-transform: uppercase;
    font-size:14px;
    font-family: 'RobotoBold';
}
.page_product_robot_list .list .item:hover{
    border-color: var(--theme-color);
}
.page_product_robot_list .list .item:hover .item_con .tit,.page_product_robot_list .list .item:hover .item_con .btn{
    color:var(--theme-color);
}


/* page_products_robot_show */
.page_products_robot_show{
    padding-bottom: 80px;
}
.page_products_robot_show .list .item{
    gap:30px;
    margin-bottom: 30px;
}
.page_products_robot_show .list .item:nth-child(2n){
    flex-direction: row-reverse;
}
.page_products_robot_show .list .item .item_img{
    width: 35.8%;
    border-radius: 10px;
    overflow: hidden;
}
.page_products_robot_show .list .item .item_con{
    flex:1;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding:60px 80px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}
.page_products_robot_show .list .item .item_con .tit{
    font-size:48px;
    margin-bottom: 20px;
}
.page_products_robot_show .list .item .item_con .desc{
    font-size:18px;
}
.page_products_robot_show .list .item:nth-child(2n) .item_con{
    background: #333;
    color:#fff;
}


/* page_products_robot_specification */

.page_products_robot_specification .page_products_public_more{
    margin-top: 0;
    text-transform: capitalize;
    font-size:16px;
    font-family: 'RobotoMedium';
}
.page_products_robot_specification_content{
    padding: 40px 0 80px;
}
.page_products_robot_specification_content table{
    width: 100%;
    background: #f7f7f7;
}
.page_products_robot_specification_content table tr td{
    padding:15px 30px;
}
.page_products_robot_specification_content table tr:nth-child(2n){
    background: #fff;
}

/* page_products_accessory_show */

.page_products_accessory_show{
    padding: 155px 0 80px;
}

.page_products_accessory_show_img_swiper{
    width: 43.8%;
    height: 600px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.page_products_accessory_show_img_swiper .img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.page_products_accessory_show_img_swiper.img img{
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.page_products_accessory_show_img_swiper .swiper-pagination .swiper-pagination-bullet-active{
    background: var(--theme-color);
}

.page_products_accessory_show .content{
    flex:1;
    padding:30px 10% 0 0;
}
.page_products_accessory_show .content .tit{
    font-size:54px;
    font-family: 'RobotoMedium';
}
.page_products_accessory_show .content .desc{
    font-size:18px;
    margin:30px 0 70px;
}

.page_product_return{
    display: flex;
    justify-content: space-between;
    padding:80px 0;
}
.page_product_return .item{
    width: 600px;
    height: 600px;
    background: url("../image/return_bg.png") no-repeat center;
    background-size: 100% 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.page_product_return .item .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.page_product_return .item .img img{
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.page_product_return .item .con,.page_product_return .item .none{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
    color:#fff;
    transition:all .4s;
}
.page_product_return .item .con p,.page_product_return .item .none p{
    font-size:24px;
}
.page_product_return .item .con h4,.page_product_return .item .none h4{
    font-size:36px;
    text-transform: uppercase;
    font-family: 'RobotoMedium';
    margin:10px 0 20px;
}
.page_product_return .item .none h4{
    text-transform: capitalize;
}
.page_product_return .item .con span{
    font-size:14px;
    width: 150px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background: var(--theme-color);
    border-radius: 100px;
}
.page_product_return .item:hover .con,.page_product_return .item:hover .none{
    transform: scale(1.1);
}

/* page_ecology_index */

.page_ecology_index .list{
    margin:0 -20px;
	  align-content: center; /* 多行垂直居中 */
  justify-content: center; /* 水平居中 */
}
.page_ecology_index .list .item{
    padding:0 20px;
}
.page_ecology_index .list .item .img img{
    border-radius: 10px;
}
.page_ecology_index .list .item .tit{
    font-size:20px;
    text-align: center;
    margin-top: 20px;
}

/* page_ecology_index_swiper */

.page_ecology_index_swiper{
    padding: 40px 0;
   
    position: relative;
    overflow: hidden;
    display: none;
}
.page_ecology_index_swiper_Wrap .page_ecology_index_swiper:first-child{
    display: block;
}
.page_ecology_index_swiper .item{
    display: block;
    padding: 14px 20px;
    background: #fff;
    border:1px solid #fff;
}
.page_ecology_index_swiper .item .img{
    display: flex;
    justify-content: center;
}
.page_ecology_index_swiper .item .tit{
    text-align: center;
    margin-top:20px;
}
.page_ecology_index_swiper .swiper-button-next,.page_ecology_index_swiper .swiper-button-prev{
    background:var(--theme-color);
    width: 30px;
    height: 50px;
    color:#fff;
    opacity: .5;
}
.page_ecology_index_swiper .swiper-button-next:after,.page_ecology_index_swiper .swiper-button-prev:after{
    font-size:18px;
}
.page_ecology_index_swiper .swiper-button-prev{
    left: 0;
    border-radius: 0 10px 10px 0;
}
.page_ecology_index_swiper .swiper-button-next{
    right: 0;
    border-radius: 10px 0 0 10px;
}
.page_ecology_index_swiper .swiper-button-next:hover,.page_ecology_index_swiper .swiper-button-prev:hover{
    opacity: 1;
}
.page_ecology_index_swiper .item:hover{
    border-color: var(--theme-color);
}
.page_ecology_index_swiper .item:hover .tit{
    color:var(--theme-color);
}

/* page_ecology_index_partners */

.page_ecology_index_partners .list{
    margin:-10px;
    padding-bottom: 30px;
}
.page_ecology_index_partners .list .item_wrap{
    width:12.5%;
    padding:10px;
}


.page_ecology_index_partners .list .item_wrap2{
    width:20%;
    padding:10px;
}

.page_ecology_index_partners .list .item_wrap2 img{
    padding:0 30px 
}


.page_about3 .swiper-slide{text-align:center}

.page_ecology_index_partners .list .item{
    background:#fff;
    padding:10px;
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    border-radius: 10px;
}
.page_ecology_index_partners .list .item .img{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* page_become_form */

.page_become_form{
    width:660px;
    margin:auto;
    padding-bottom: 110px;
}
.page_become_form form{
    margin:0 -20px;
}
.page_become_form .input{
    width: 50%;
    padding:0 20px 20px;
}
.page_become_form .input.input_show{
    display: none;
}
.page_become_form .input h4{
    font-size:13px;
    color:#666;
    margin-bottom: 3px;
    text-align: left;
}
.page_become_form .input h4 i{
    color:var(--theme-color);
}
.page_become_form .input input,.page_become_form .input select,.page_become_form .input textarea{
    width: 100%;
    height: 50px;
    padding:10px;
    line-height: 28px;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:0 10px;
    outline: none;
    font-size:16px;
}
.page_become_form .input input::placeholder,.page_become_form .input textarea::placeholder{
    font-size:13px;
    color:#bbb;
}
.page_become_form .input select{
    font-size:13px;
    color:#bbb;
}
.page_become_form .input select option{
    padding:5px 10px;
    font-size:16px;
    color:#333;
}
.page_become_form .input select.cur{
    color:#333;
    font-size:16px;
}
.page_become_form .input textarea{
    height: 120px;
}
.page_become_form .input.input100{
    width: 100%;
}
.page_become_form .txt_btn{
    padding:10px 20px 0;
    width: 100%;
}
.page_become_form .txt_btn .txt{
    font-size:13px;
    color:#666;
    flex:1;
    display: block;
    text-align: left;
}
.page_become_form .txt_btn .button button{
    width: 140px;
    height: 45px;
    background: var(--theme-color);
    border-radius: 100px;
    border:none;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-size:16px;
    cursor: pointer;
    transition:all .4s;
}
.page_become_form .txt_btn .button button:hover{
    background: #333;
}

/* page_ecology_index_menu */

.page_ecology_index_menu{
    margin:-35px;
    padding-bottom: 100px;
}
.page_ecology_index_menu .item{
    
    width: 33.333%;
    padding:35px;
}
.page_ecology_index_menu .item a{
    background: #f7f7f7;
    border-radius:10px;
    padding:55px;
    display: block;
    text-align: center;
    height: 100%;
    transition:all .4s;
}
.page_ecology_index_menu .item .item_con{
    padding-top: 20px;
}
.page_ecology_index_menu .item .item_con .tit{
    font-size:36px;
    font-family: 'RobotoBold';
}
.page_ecology_index_menu .item .item_con .desc{
    margin-top:5px;
}
.page_ecology_index_menu .item .item_con .btn{
    width: 140px;
    height: 40px;
    border-radius: 100px;
    border:1px solid var(--theme-color);
    font-size:14px;
    margin:40px auto 0;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'RobotoBold';
    color:var(--theme-color);
    transition:all .4s;
}
.page_ecology_index_menu .item a:hover{
    box-shadow: 0 0 15px rgba(0,0,0,.08);
}
.page_ecology_index_menu .item a:hover .item_con .btn{
    background: var(--theme-color);
    color:#fff;
}

/* page_ecology_list_advantage */

.page_ecology_list_advantage .item{
    width: 25%;
    padding:40px 60px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.page_ecology_list_advantage .item .item_con{
    padding-top: 30px;
}
.page_ecology_list_advantage .item .item_con .tit{
    font-size:20px;
    color:var(--theme-color);
}
.page_ecology_list_advantage .item .item_con .desc{
    margin-top: 6px;
}
.page_ecology_list{
    padding:100px 0;
}
.page_ecology_list_advantage .item:hover{
    background: #f7f7f7;
}

.page_ecology_list .list{
    margin:-13px;
}
.page_ecology_list .list a{
    width: 20%;
    display: block;
    padding: 13px;
}
.page_ecology_list .list .item{
    padding:30px 50px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    transition:all .4s;
}
.page_ecology_list .list .item .img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_ecology_list .list .item .con h4{
    margin-top: 20px;
    text-align: center;
}
.page_ecology_list .list .item:hover .con h4{
    color:var(--theme-color);
}
.page_ecology_list .list .item:hover{
    border-color: var(--theme-color);
}

/* public_download */

.public_download .page_support_download_list{
    padding-bottom: 40px;
}
.public_download .page_support_download_list .list_item{
    padding-top: 0;
}
.public_download .page_support_download_list .list_item .list_wrap{
    display: block;
    padding-top: 0;
}
.public_download .page_support_download_list .list_item .list{
    padding-top: 0;
}

/* public_faq */

.public_faq{
    padding-bottom: 80px;
}
.public_faq .page_support_faq_list .list{
    padding-top: 0;
}



.page_products_public_more{
    display: inline-block;
    height: 40px;
    background:var(--theme-color);
    margin:40px 0 0;
    padding: 0 20px;
    line-height: 40px;
    color:#fff;
    transition:all .4s;
    border-radius: 100px;
    text-transform: uppercase;
    font-size:14px;
}
.page_products_public_more:hover{
    background: #333;
}




/* page_public_rml_series_retrieve */

.page_public_rml_series_retrieve{
    position: relative;
}
.page_public_rml_series_retrieve .j_bg{
    position: relative;
    z-index: 1;
}
.page_public_rml_series_retrieve .j_bg1{
    background: #999;
    height: 500px;
}
.page_public_rml_series_retrieve .j_bg:after{
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    z-index:2;
    background: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
}
.page_public_rml_series_retrieve .j_bg img{
    width: 100%;
}
.page_public_rml_series_retrieve .j_con{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color:#fff;
    z-index: 3;
}
.page_public_rml_series_retrieve .j_con .txt{
    font-size:24px;
}
.page_public_rml_series_retrieve .j_con .tit{
    font-size:54px;
    font-family: 'RobotoMedium';
    margin:20px 0 50px;
}
.page_public_rml_series_retrieve .j_con .btn{
    width: 150px;
    height: 44px;
    background: var(--theme-color);
    color:#fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    text-transform: uppercase;
    transition:all .4s;
}
.page_public_rml_series_retrieve .j_con .btn:hover{
    opacity: .7;
}


/* page_about1 */

.page_about_top{
    position: fixed;
    left: 0;
    top: 80px;
    background: #fff;
    width:100%;
    z-index: 10;
    border-top: 1px solid #e7e7e7;
    height: 75px;
}
.page_about_top_con{
    height: 75px;
}
.page_about_top_con .tit{
    font-size:24px;
    font-family: 'RobotoMedium';
    flex:1;
}
.page_about_top_con .menu .item{
    margin-left: 50px;
    cursor: pointer;
}
.page_about_top_con .menu .item.cur{
    color:var(--theme-color);
}


/* page_about1_wrap */

.page_about1_wrap{
    background: #f7f7f7;
    position: relative;
    padding-top: 100px;
    height: 940px;
}
.page_about1_img{
 position: absolute;
    left: 7%;
    top: 100px;
    width: 45%;
    height: 840px

}
.page_about1_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius:100px;
}
.page_about1{
    padding-left: 50%;
    position: relative;
}
.page_about1:after{
    content:'';
    display: block;
    background: url("/images/fontbg.jpg") no-repeat center;
    height: 136px;
    background-size: auto 100%;
    position: absolute;
    left:55%;
    bottom:-25%;
    width:850px;
}
.page_about1_con{
    padding-left: 100px;
}
.page_about1_con .tit{
    font-size:54px;
    font-family: 'RobotoMedium';
    padding-bottom: 20px;
}
.page_about1_con .con{
    height: 480px;
    font-size:18px;
    overflow-y: scroll;
    padding-right: 20px;
}

.pa_item  .item_wrap img{height:110px;}

/* page_about2_wrap */

.page_about2_wrap{
    background: url("../image/history_bg.png") no-repeat left center;
    padding-top: 100px;
}
.page_about2_con{
    flex:1;
    min-width: 0;
    padding:0 85px 0 110px;
}
.page_about2_con .tit_box2{
    padding:0 0 20px;
}
.page_about2_con .bd_wrap{
    background:#fff;
    width:980px;
    box-shadow: 0 -10px 15px rgba(0,0,0,.1);
    margin-top: 110px;
    padding:80px 80px 40px;
    position: relative;
    height: 400px;
    border-radius:10px;
}
.page_about2_con .bd .arrow{
    display: flex;
    position: absolute;
    left: 80px;
    bottom: 40px;
    width:calc(100% - 160px);
}
.page_about2_con .bd .swiper-button-next,.page_about2_con .bd .swiper-button-prev{
    border:1px solid #bfbfbf;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content:center;
    align-items: center;
    margin:0;
    opacity: 1;
    color:#666;
    margin-right: 20px;
    transition:all .3s;
    bottom: 25px;
    top: auto;
    background: #fff;
}
.page_about2_con .bd .swiper-button-prev{
    left: -10px;
}
.page_about2_con .bd .swiper-button-next{
    right: -20px;
}
.page_about2_con .bd .swiper-button-next:after,.page_about2_con .bd .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.page_about2_con .bd .swiper-button-next:hover,.page_about2_con .bd .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
    border-color: var(--theme-color);
}
.page_about2_con .bd .bd_tit{
      font-size: 75px;
    font-family: 'Arial';
    font-weight: bold;
    line-height: 1;
    position: absolute;
    right: 77px;
    top: 0;
    margin-top: -117px;
    z-index: 100;
}
.page_about2_con .bd .swiper-slide{
    visibility: hidden;
    opacity: 0;
}
.page_about2_con .bd .swiper-slide-active{
    visibility: visible;
    opacity: 1;
}
.page_about2_con .bd .item{
    margin-bottom: 5px;
}
.page_about2_con .bd .item .sub_tit{
    font-size:20px;
    width:120px;
	font-weight:bold;
    font-family: 'RobotoBold';
    line-height: 2;
}

.page_about2_con .bd .item .tit{
    font-size:18px;
    flex:1;
    min-width: 0;
    line-height: 2;
}

.page_about2_con .bd_wrap .ft{
    position: absolute;
    bottom:80px;
    left: 80px;
    width:calc(100% - 160px);
    padding:0 0 20px 80px;
}
.page_about2_con .bd_wrap .ft:after{
    content:'';
    position: absolute;
    left: 0;
    bottom:6px;
    display: block;
    width: 100%;
    background: #ddd;
    height: 1px;
}
.page_about2_con .bd_wrap .ft .tit{
    cursor: pointer;
}
.page_about2_con .bd_wrap .ft .tit:after{
    content:'';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border:2px solid #ccc;
    position: absolute;
    left: 12px;
    bottom:-20px;
    background: #fff;
}
.page_about2_con .bd_wrap .ft .swiper-slide-thumb-active .tit{
    color:var(--theme-color);
}
.page_about2_con .bd_wrap .ft .swiper-slide-thumb-active .tit:after{
    border-color: var(--theme-color);
}

.page_about2_img{
    width: 41.5%;
}
.page_about2_img img{
    border-top-left-radius: 100px;
}


/* page_about3_wrap */

.page_about3_wrap{
    background: #f7f7f7;
    padding-bottom:80px;
}
.page_about3{
    position: relative;
}
.page_about3_con{
    width: 31%;
    padding-right: 80px;
    position: relative;
    z-index: 9;
}
.page_about3_con:after{
    position: absolute;
    width:2000px;
    background:#f7f7f7;
    content:'';
    height: 100%;
    right: 0;
    top: 0;
    z-index: -1;
}
.page_about3_con .tit_box2{
    padding-bottom:10px;
}
.page_about3_con .desc p{
    margin-bottom: 10px;
}
.page_about3_list{
    flex:1;
    min-width: 0;
    padding-top: 130px;
}
.page_about3_list .item .con h4{
    font-size:18px;
    margin-top: 10px;
}
.page_about3 .arrow{
    display: flex;
    position: absolute;
    left: 0;
    bottom: 100px;
}
.page_about3 .swiper-button-next,.page_about3 .swiper-button-prev{
    position: static;
    border:1px solid #bfbfbf;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content:center;
    align-items: center;
    margin:0;
    opacity: 1;
    color:#666;
    margin-right:10px;
    transition:all .3s;
}
.page_about3 .swiper-button-next:after,.page_about3 .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.page_about3 .swiper-button-next:hover,.page_about3 .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
    border-color: var(--theme-color);
}


.page_about4_wrap{
    background: #333;
    padding: 80px 0;
	margin-top:40px;
}
.page_about4 .tit_box2{
    padding:0;
}
.page_about4 .tit_box2 .tit h4{
    color:#fff;
}
.page_about4_list{
    gap:70px;
    padding-top:40px;
}

.page_about4_list .img img{width:60%}
.page_about4_list .item{
    flex:1;text-align:center;
}
.page_about4_list .item .item_img {
    position: relative;
	left:25%;
    width: 146px;
    transition:all .4s;
}
.page_about4_list .item .item_img .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_about4_list .item .item_con{
    color:#fff;
    padding-top: 30px;
}
.page_about4_list .item .item_con .tit{
    font-size:34px;
    font-family: 'RobotoMedium';
}
.page_about4_list .item .item_con .desc{
    font-size:20px;
}

.page_about4_list .item:hover .item_img{
    transform: rotate(360deg);
}


.page_about1_con .tit h4{color: #333;
    font-size: 46px;
  
    font-weight: bold;}
.page_top_public_desc{
    padding:0px 10% 42px;
    font-size:22px;
    text-align: center;
}

/* page_application_desc */


.page_application_list .list{
    margin:-12px;
    padding-bottom: 50px;
}
.page_application_list .list a{
    width: 20%;
    padding:12px;
    display: block;
}
.page_application_list .list .item{
    background: #fff;
    border-radius: 5px;
    padding: 35px 35px 70px;
    position: relative;
    overflow: hidden;
}
.page_application_list .list .item .item_con .tit{
    font-size:20px;
    margin-top:35px;
    line-height: 1.3;
    height: 52px;
}
.page_application_list .list .item .item_con .desc{
    font-size:14px;
    color:#666;
    height: 68px;
}
.page_application_list .list .item .item_con .ico{
    width: 90px;
    height: 90px;
    position: absolute;
    right:-45px;
    bottom: -45px;
    background: #ddd;
    border-radius: 50%;
    transition:all .4s;
}
.page_application_list .list .item .item_con .ico i{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:18px;
    padding:4px 0 0 4px;
    color:#fff;
}
.page_application_list .list .item:hover .item_con .ico{
    background: var(--theme-color);
}


/* page_application_show */

.page_application_show{
    padding: 150px 0 75px;
}
.page_application_show .j_tit .ico{
    width: 90px;
    height: 90px;
    background: var(--theme-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_application_show .j_tit .ico img{
    filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(5deg) brightness(180%) contrast(101%);
}
.page_application_show .j_tit h1{
    font-size:54px;
    font-family: 'RobotoMedium';
    font-weight: normal;
    margin-left: 40px;
    line-height: 1.2;
}
.page_application_show .j_con{
    font-size:18px;
    padding-top: 25px;
}
.page_application_show .j_con iframe{
    width: 80%!important;
    margin:auto;
    height: 560px!important;
}
.page_application_show .j_btn{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.page_application_show .j_btn a{
    width: 150px;
    height: 40px;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color);
    color:#fff;
    font-size: 14px;
    border-radius: 100px;
    transition:all .4s;
}
.page_application_show .j_btn a:hover{
    background:#333;
}


/* public_recommended_products */

.public_recommended_products{
    padding:30px 0 50px;
}
.public_recommended_products_list .list{
    gap:13px;
    padding-top:10px;
}
.public_recommended_products_list .list .item{
    display: block;
    width: 25%;
    background: #fff;
    padding:30px 40px 50px;
    transition:all .4s;
    border-radius: 10px;
}
.public_recommended_products_list .list .item h4{
    font-size:20px;
    font-family: 'RobotoMedium';
    margin-top: 20px;
    text-align: center;
    transition:all .4s;
}
.public_recommended_products_list .list .item:hover{
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.public_recommended_products_list .list .item:hover h4{
    color:var(--theme-color);
}

/* public_cases_swiper */

.public_cases_swiper{
    padding-bottom: 100px;
    position: relative;
}
.public_cases_swiper .item{
    display: block;    
}
.public_cases_swiper .item .item_img{
    position: relative;
    border-radius: 10px;
    overflow: hidden;max-height: 235px;
}
.public_cases_swiper .item .item_img .img img{
    width: 80%;
}
.public_cases_swiper .item .item_img .con{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding:80px 40px 30px;
    background: linear-gradient(to top,rgba(235,97,0,.1),transparent);
    color:#fff;
}
.public_cases_swiper .item .item_img .con h4{
    font-size:24px;
    margin-bottom: 5px;
}
.public_cases_swiper .item .item_img .con p{
    font-family: 'RobotoLight';
}
.public_cases_swiper .item .item_btn{
    justify-content: flex-end;
    margin-top: 32px;
}
.public_cases_swiper .item .item_btn .btn{
    width: 140px;
    height: 40px;
    background: #333;
    border-radius: 100px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all .4s;
}
.public_cases_swiper .item .item_btn .btn:hover{
    background: var(--theme-color);
}
.public_cases_swiper .arrow{
    display: flex;
    position: absolute;
    right: 0;
    top:-90px;
    bottom: 100px;
}
.public_cases_swiper .swiper-button-next,.public_cases_swiper .swiper-button-prev{
    position: static;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: flex;
    justify-content:center;
    align-items: center;
    margin:0;
    opacity: 1;
    color:var(--theme-color);
    margin-right:10px;
    transition:all .3s;
    background: #fff;
}
.public_cases_swiper .swiper-button-next:after,.public_cases_swiper .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.public_cases_swiper .swiper-button-next:hover,.public_cases_swiper .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
    border-color: var(--theme-color);
}



/* product_detail */


.jy_pin_wrap{
    background: #f5f5f5;
    padding:80px 0 0;
}
.pd_detail_hd{
    padding-top:20px;
}
.pd_detail_hd .pics{
    width:46.875%;
}
.pd_detail_hd .pics .mySwiper2{
    width: 100%;
    height:490px;
    margin:0;
    overflow: hidden;
    border-radius:15px;
    position: relative;
}
.pd_detail_hd .pics .mySwiper2 .swiper-pagination-bullet-active{
    background: var(--theme-color);
}
.pd_detail_hd .pics .mySwiper2 .img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
}
.pd_detail_hd .pics .mySwiper2 .img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.pd_detail_hd .pics .mySwiper1_w{
    position: relative;
    padding-top: 10px;
}
.pd_detail_hd .pics .mySwiper{
    overflow: hidden;
}
.pd_detail_hd .pics .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
}
.pd_detail_hd .pics .mySwiper .swiper-slide .img{
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border:1px solid #fff;
    overflow: hidden;
    height:75px;
}
.pd_detail_hd .pics .mySwiper .swiper-slide.swiper-slide-thumb-active .img{
    border:1px solid var(--theme-color);
    
}
.pd_detail_hd .pics .mySwiper .swiper-slide .img img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.pd_detail_hd .pics .mySwiper1_w .swiper-button-next,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    opacity: 1;
    color:var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next:after,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:after{
    font-size:16px;
    font-weight: bold;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev{
    left: 0;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next{
    right: 0;
}
.pd_detail_hd .pics .mySwiper1_w .swiper-button-next:hover,.pd_detail_hd .pics .mySwiper1_w .swiper-button-prev:hover{
    background: var(--theme-color);
    color:#fff;
}


.pd_detail_hd .infos{
    flex: 1;
    padding:10px 0 0 5%;
    min-width: 0;
}
.pd_detail_hd .infos h1{
    font-size:42px;
    line-height: 1.2;
    font-weight: normal;
    font-family: 'RobotoMedium';
}
.pd_detail_hd .infos h5{
    font-family: 'RobotoMedium';
    margin-top: 20px;
}
.pd_detail_hd .infos .desc{
    color:#666;
    margin:10px 0 20px;
    font-family: 'RobotoLight';
}
.pd_detail_hd .infos .desc span{
    padding-left: 5px;
    font-family: 'HelveticaNeueBold';
}
.pd_detail_hd .infos .info p{
    margin-top: 10px;
}

.pd_detail_hd .infos .params p{
    line-height: 1.9;
}


.pd_detail_hd .infos .btns{
    margin-top:40px;
}
.pd_detail_hd .infos .btns .btn{
    align-items: center;
    text-transform: capitalize;
    margin-right:20px;
    font-family: 'RobotoBold';
    line-height: 1;
    display: flex;
    background: var(--subtheme-color);
    color:#fff;
    height: 45px;
    padding:0 30px;
    border-radius: 100px;
    cursor: pointer;
}
.pd_detail_hd .infos .btns .btn i{
    font-size:20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 6px;
    display: inline-block;
}
.pd_detail_hd .infos .btns .btn.btn2{
    background: var(--theme-color);
}
.pd_detail_hd .infos .btns .btn:hover{
    opacity: .8;
}


.pd_detail_intro{
    background: #fff;
    padding-bottom: 80px;
}

.pd_detail_intro_tit{
    padding:15px 0;
    background: var(--subtheme-color);
    text-align: center;
    margin-top:80px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 50;
}
.pd_detail_intro_tit .item{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    border-radius: 100px;
    background: var(--subtheme-color);
    color:#fff;
    font-size:18px;
    font-family: 'RobotoMedium';
    cursor: pointer;
}
.pd_detail_intro_tit .item.cur{
    background: var(--theme-color);
}

.pd_detail_intro_desc .desc{
    font-size:18px;
}
.pd_detail_intro_technical_parameters .desc{
    width: 900px;
    margin:auto;
}
.pd_detail_intro_technical_parameters .desc tr{
    height: 40px;
}
.pd_detail_intro_technical_parameters .desc tr td{
    line-height: 40px;
    padding:0 20px 0 50px;
}
.pd_detail_intro_technical_parameters .desc tr td:first-child{
    font-family: 'RobotoMedium';
}
.pd_detail_intro_technical_parameters .desc tr:nth-child(2n-1){
    background: #ccc;
}

.pd_detail_intro_technical_parameters{
    padding-bottom:60px;
}

/* product_detail */

.j_pd_detail{
    background: #e4e7ea;
    padding:80px 0 50px;
}
.j_pd_detail_con{
   padding-top: 60px;
}
.j_pd_detail_hd_img{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.j_pd_detail_hd .infos{
    flex: 1;
    padding:0 0 0 5%;
    min-width: 0;
}

.j_pd_detail_hd .infos h1{
    font-size:48px;
    line-height: 1.2;
    color:var(--theme-color);
    font-family: 'RobotoBold';
}

.j_pd_detail_hd .infos .desc{
    font-size:18px;
    margin:35px 0 50px;
}
.j_pd_detail_hd .infos .desc p{
    padding-left: 25px;
    position: relative;
    margin-bottom: 6px;
}
.j_pd_detail_hd .infos .desc p:before{
    content:'';
    display: block;
    width: 13px;
    height: 8px;
    background: url("../image/arrow.png") no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
}

.j_pd_detail_hd .infos .list{
    display: flex;
    margin:0 -16px;
}
.j_pd_detail_hd .infos .list .item{
    padding:0 16px;
}
.j_pd_detail_hd .infos .list .item .img{
    border-radius: 50%;
    border:2px solid var(--theme-color);
    overflow: hidden;
}


.j_pd_detail_hd .infos .btns{
    margin-top:100px;
}
.j_pd_detail_hd .infos .btns .btn{
    display: flex;
    align-items: center;
    height:45px;
    width: 240px;
    background: var(--subtheme-color);
    color:#fff;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 100px;
    transition:all .4s;
    font-family: 'RobotoBold';
}
.j_pd_detail_hd .infos .btns .btn i{
    color:#fff;
    font-size:20px;
    margin-right: 8px;
    transition:all .3s;
}
.j_pd_detail_hd .infos .btns .btn:hover{
    background: var(--theme-color);
}


/* pdd_tit_box */

.pdd_tit_box{
    text-align: center;
    padding: 60px 0 30px;
}
.pdd_tit_box .tit{
    font-size:45px;
    font-family: 'RobotoMedium';
    text-transform: uppercase;
    line-height: 1.2;
}
.pdd_tit_box .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc{
    font-size:18px;
}
.j_pd_detail_introduction .desc p{
    margin-bottom: 6px;
}
.j_pd_detail_introduction .list{
    position: relative;
    overflow: hidden;
    padding:80px 0 100px;
}
.j_pd_detail_introduction .list .item{
    border-radius: 15px;
    overflow: hidden;
}
.j_pd_detail_introduction .list .item .img img{
    width: 100%;
}
.j_pd_detail_introduction .list .arrow{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.j_pd_detail_introduction .list .swiper-button-next,.j_pd_detail_introduction .list .swiper-button-prev{
    position: initial;
    height:40px;
    width: 40px;
    border-radius: 50%;
    background: #bbb;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    margin-top: 0;
    margin:0 10px;
}
.j_pd_detail_introduction .list .swiper-button-next:after,.j_pd_detail_introduction .list .swiper-button-prev:after{
    font-size:18px;
    font-weight: bold;
}
.j_pd_detail_introduction .list .swiper-button-next:hover, .j_pd_detail_introduction .list .swiper-button-prev:hover{
    background: var(--theme-color);
}


/* page_support_list */

.page_support{
    padding-top: 60px;
}
.page_support_list{
    flex:1;
    min-width: 0;
    padding-right: 60px;
}
.page_support_list .page_news_list .list{
    margin:0 -12px;
}
.page_support_list .page_news_list .list a{
    padding:0 12px;
}
.page_support_list .page_news_list .list .item{
    background: transparent;
}
.page_support_list .page_news_list .list .item .img{
    border-radius: 10px;
}
.page_support_list .page_news_list .list .item .con{
    padding: 20px 0 30px;
}
.page_support_list .page_news_list .list .item .time{
    margin-top: 10px;
}


/* page_support_download_list */

.page_support_download_list{
    padding-bottom: 80px;
}
.page_support_download_list .list_item{
    padding:50px 0;
    border-bottom: 1px solid #666;
}
.page_support_download_list .list_item .menu{
    line-height: 1;
    transition:all .4s;
    cursor: pointer;
}
.page_support_download_list .list_item .menu h4{
    font-size:54px;
    font-family: 'RobotoMedium';
    flex:1;
    line-height: 1;
}
.page_support_download_list .list_item .menu i{
    font-size:36px;
    transform: rotate(45deg);
    transition:all .4s;
}
.page_support_download_list .list_item .menu:hover{
    color:var(--theme-color);
}
.page_support_download_list .list_item .menu.cur i{
    transform: rotate(0deg);
}
.page_support_download_list .list_item .list_wrap{
    padding-top: 20px;
    display: none;
}
.page_support_download_list .list_item .list{
    margin:-12px;
    padding-top: 20px;
}
.page_support_download_list .list_item .list a{
    width: 33.333%;
    padding:12px;
}
.page_support_download_list .list_item .list .item{
    background: #fff;
    padding:30px 40px 20px;
    transition:all .4s;
    border-radius: 10px;
}
.page_support_download_list .list_item .list .item h4{
    font-size:24px;
    line-height: 1.3;
    height: 94px;
}
.page_support_download_list .list_item .list .item .name_btn{
    margin-top: 30px;
}
.page_support_download_list .list_item .list .item .name_btn .name{
    flex:1;
    font-size:14px;
}
.page_support_download_list .list_item .list .item .name_btn i{
    font-size:30px;
}
.page_support_download_list .list_item .list .item:hover{
    background: var(--theme-color);
    color:#fff;
}


/* page_support_cases_list */

.page_support_cases_list{
    padding-bottom:100px;
}
.page_support_cases_list .list{
    margin:-12px;
}
.page_support_cases_list .list a{
    width: 33.333%;
    padding:12px;
}
.page_support_cases_list .list .item .item_img{
    border-radius: 10px;
    overflow: hidden;
	    min-height: 300px;
    background: #fff;
}
.page_support_cases_list .list .item .item_con{
    padding:20px 0;
}
.page_support_cases_list .list .item .item_con .time{
    color:#666;
    font-size:14px;
    line-height: 1;
}
.page_support_cases_list .list .item .item_con .tit{
    font-size:20px;
    line-height: 1.4;
    margin-top: 10px;
    height: 56px;
}
.page_support_cases_list .list .item .item_con .tag{
    height: 32px;
    border:1px solid #666;
    padding:0 15px;
    display: inline-block;
    border-radius: 100px;
    margin: 10px 10px 0 0;
    font-size:14px;
    transition:all .4s;
    line-height: 30px;
}
.page_support_cases_list .list .item:hover .item_con .tit{
    color:var(--theme-color);
}
.page_support_cases_list .list .item .item_con .tag:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}


/* page_support_faq */

.page_support_faq{
    padding:70px 0 100px;
}
.page_support_faq_menu{
    justify-content: center;
    
    border-bottom: 1px solid #666;
}
.page_support_faq_menu .item{
    font-size:20px;
    margin: 0 36px;
    padding-bottom: 20px;
    cursor: pointer;
    font-family:'RobotoMedium';
    position: relative;
}
.page_support_faq_menu .item:after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    width: 100%;
    height: 5px;
    background: var(--theme-color);
    border-radius: 100px;
    transition:all .4s;
}
.page_support_faq_menu .item.cur:after,.page_support_faq_menu .item:hover:after{
    transform: scale(1);
}

.page_support_faq_list .list{
    display: none;
    padding-top: 15px;
}
.page_support_faq_list .list:first-child{
    display: block;
}
.page_support_faq_list .list .item{
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}
.page_support_faq_list .list .item .tit{
    cursor: pointer;
    transition:all .4s;
}
.page_support_faq_list .list .item .tit h4{
    font-size:24px;
    flex:1;
    min-width: 0;
    line-height: 1;
    padding-right: 20px;
}
.page_support_faq_list .list .item .tit i{
    font-size:30px;
    line-height: 1;
    transform: rotate(45deg);
    transition:all .4s;
}
.page_support_faq_list .list .item .desc{
    padding-top: 20px;
    font-size:18px;
    display: none;
}
.page_support_faq_list .list .item .tit.cur i{
    transform: rotate(0deg);
}
.page_support_faq_list .list .item:hover .tit{
    color:var(--theme-color);
}

/* page_news */

.page_latest_news{
    padding-bottom: 60px;
}
.page_latest_news .item{
    gap:20px;
}
.page_latest_news .item_con{
    background: #fff;
    border-radius: 20px;
    padding: 50px;
    width: 36%;
}
.page_latest_news .item_con .time{
    font-size:14px;
    color:#999;
}
.page_latest_news .item_con .time span{
    color:var(--theme-color);
}
.page_latest_news .item_con .tit{
    font-size:24px;
    line-height: 1.5;
    margin:20px 0 30px;
    transition:all .4s;
}
.page_latest_news .item_con .desc{
    color:#666;
    line-height: 1.8;
}
.page_latest_news .item_img{
    flex:1;
    border-radius: 20px;
    overflow: hidden;
}
.page_latest_news .item_img img{
    width: 100%;
}
.page_latest_news .item:hover .item_con .tit{
    color:var(--theme-color);
}

/* page_menu_public */

.page_menu_public{
    margin:0 0 40px;
}
.page_menu_public .item{
    margin-right: 20px;
}
.page_menu_public .item a{
    display: block;
    height:36px;
    line-height: 34px;
    border:1px solid #666;
    padding: 0 20px;
    border-radius: 100px;
    font-family: 'RobotoMedium';
}
.page_menu_public .item a:hover{
    border-color: var(--theme-color);
    color:var(--theme-color);
}
.page_menu_public .item.all a,.page_menu_public .item.cur a{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}

.page_news_tit .menu{
    display: flex;
    align-items: center;
}
.page_news_tit .menu a{
    font-size:18px;
    display: block;
    font-family: 'MontserratLight';
    margin-left: 100px;
    position: relative;
}

.page_news_tit .menu a:after{
    content:'';
    width: 0;
    height: 2px;
    background: var(--theme-color);
    display: block;
    position: absolute;
    left: 0;
    bottom:-17px;
    transition:all .3s;
}
.page_news_tit .menu a.cur,.page_news_tit .menu a:hover{
    color:var(--theme-color);
}
.page_news_tit .menu a:hover:after,.page_news_tit .menu a.cur:after{
    width: 100%;
}

.page_news_list{
   padding-bottom:100px;
}
.page_news_list .list{
    margin:-20px -20px 0;
}
.page_news_list .list a{
    padding: 20px;
    width: 33.33%;
    display: block;
}
.page_news_list .list .item{
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.page_news_list .list .item .img{
    overflow: hidden;
    background: #f5f5f5;
}
.page_news_list .list .item .img img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.page_news_list .list .item .con{
    padding:30px 30px 40px;
}
.page_news_list .list .item .con span{
    color:#777;
    font-size:14px;
}
.page_news_list .list .item .con h4{
    font-size:20px;
    line-height: 1.3;
    transition:all .3s;
    height: 78px;
}
.page_news_list .list .item .con p{
    font-size:16px;
    color:#666;
    margin-top: 5px;
}
.page_news_list .list .item .time{
    margin-top: 50px;
    color:#999;
    font-size:14px;
}
.page_news_list .list .item .time span{
    color:var(--theme-color);
}
.page_news_list .list .item:hover .con h4{
    color:var(--theme-color);
}
.page_news_list .list .item:hover:after{
    width: calc(100% - 50px);
}



.no_banner_pos{
    padding:20px 0 0;
}
.no_banner_pos a:last-child{
    color:var(--theme-color);
}

/* page_news_detail */


.page_news_detail{
    padding:140px 0 80px;
}

.page_news_detail_hd{
    flex:1;
    min-width: 0;
    padding-right: 65px;
}
.page_news_detail_hd .go_back{
    width: 140px;
    height: 50px;
    background: #222;
    color:#fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:all .4s;
}
.page_news_detail_hd .go_back i{
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    transform: rotate(180deg);
    color:#333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-right: 10px;
    transition:all .4s;
}
.page_news_detail_hd .go_back:hover{
    background: var(--theme-color);
}
.page_news_detail_hd .go_back:hover i{
    color:var(--theme-color);
}

.page_news_detail_hd h1{
    font-size:36px;
    font-family: 'RobotoMedium';
    line-height: 1.2;
    margin-top: 50px;
    font-weight: normal;
}
.page_news_detail_hd .info{
    margin-top:50px;
    font-size:14px;
    color:#999;
}
.page_news_detail_hd .info .time{
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.page_news_detail_hd .info .time i{
    margin-right: 6px;
    font-size:18px;
}
.page_news_detail_hd .info .tag{
    color:#999;
    border:1px solid #bbb;
    height: 30px;
    padding:0 20px;
    border-radius: 100px;
    margin-right: 15px;
    line-height: 28px;
}
.page_news_detail_hd .info .tag:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}
.page_news_detail_hd .content{
    padding:45px 0 20px;
    min-height: 20vh;
    font-size:18px;
}


.page_news_detail_bd{
    width: 300px;
}
.page_news_detail_bd .search{
    margin-bottom: 40px;
}
.page_news_detail_bd .search input{
    height: 48px;
    width: 100%;
    background: #fff;
    outline: none;
    border:none;
    border-radius: 10px;
}
.page_news_detail_bd .search button{
    width: 100%;
    height: 48px;
    background: var(--theme-color);
    color:#fff;
    border-radius: 10px;
    outline: none;
    border:none;
    margin-top: 10px;
    font-family:'RobotoMedium';
    text-transform: uppercase;
    font-size:16px;
    transition: all .4s;
    cursor: pointer;
}
.page_news_detail_bd .search button:hover{
    opacity: .7;
}
.page_news_detail_bd .recent_posts .item_img{
    border-radius: 10px;
    overflow: hidden;
}
.page_news_detail_bd .recent_posts .item_img img{
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.page_news_detail_bd .recent_posts{
    padding-bottom:30px;
}
.page_news_detail_bd .recent_posts a{
    margin-bottom: 20px;
}
.page_news_detail_bd .recent_posts .item_con{
    flex:1;
    min-width: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page_news_detail_bd .recent_posts .item_con .tit{
    font-size:15px;
    line-height: 1.4;
    transition:all .4s;
}
.page_news_detail_bd .recent_posts .item_con .time{
    font-size:14px;
    color:#666;
    padding-bottom:7px;
}
.page_news_detail_bd .recent_posts a:hover .item_con .tit{
    color:var(--theme-color);
}

/* page_contact */


.page_contact{
    padding-top:80px;
}
.page_contact_hd{
    padding-top: 30px;
}
.page_contact_hd_img{
    flex:1;
    min-width: 0;
    padding-right: 6%;
}
.page_contact_hd_form{
    width: 47%;
}
.page_contact_hd_form .page_become_form form{
    margin:0 -10px;
}
.page_contact_hd_form .page_become_form .input{
    padding:0 10px 20px;
}

/* page_contact_bd */

.page_contact_bd{
    padding-bottom: 80px;
}
.page_contact_bd .list{
    margin:0 -35px;
}
.page_contact_bd .item_wrap{
    padding:0 35px;
    width: 33.333%;
}
.page_contact_bd .item{
    background: #f5f5f5;
    padding:40px;
    border-radius: 5px;
    height: 100%;
}
.page_contact_bd .item h4{
    font-size:18px;
    font-family: 'RobotoMedium';
    margin-bottom: 20px;
}
.page_contact_bd .item p{
    padding:0 0 0 30px;
    position: relative;
    line-height: 1.3;
    margin-top: 10px;
}
.page_contact_bd .item p:before{
    content:'';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top:2px;
}

.page_contact_bd .item2{
    background: #f5f5f5;
    padding:40px;
    border-radius: 5px;
    height: 100%;
}
.page_contact_bd .item2 h4{
    font-size:24px;
    font-family: 'RobotoMedium';
    margin-bottom: 20px;color: #eb6100;
}
.page_contact_bd .item2 p{
    padding:0 0 0 30px;
    position: relative;
    line-height: 1.3;
    margin-top: 10px;
}
.page_contact_bd .item2 p:before{
    content:'';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top:2px;
}


.page_contact_bd .item p:nth-child(2):before{
    background:url("../image/contact_ico1.png") no-repeat left center;
}
.page_contact_bd .item p:nth-child(3):before{
    background:url("../image/contact_ico2.png") no-repeat left center;
}
.page_contact_bd .item p:nth-child(4):before{
    background:url("../image/contact_ico3.png") no-repeat left center;
}


.page_contact_bd .item2 p:nth-child(2):before{
    background:url("../image/contact_ico2.png") no-repeat left center;
}
.page_contact_bd .item2 p:nth-child(3):before{
    background:url("../image/contact_ico3.png") no-repeat left center;
}
.page_contact_bd .item2 p:nth-child(4):before{
    background:url("../image/contact_ico3.png") no-repeat left center;
}


.page_contact_ft{
    position: relative;
}
.page_contact_ft .info{
    width: 315px;
    border-radius: 10px;
    background: #fff;
    padding:20px;
    position: absolute;
    right: 330px;
    top:80px;
    box-shadow: 0 0 20px rgba(235,97,10,.2);
}
.page_contact_ft .info .info_item{
    display: none;
}
.page_contact_ft .info .info_item:first-child{
    display: block;
}
.page_contact_ft .info h4{
    font-family: 'RobotoMedium';
    font-size:18px;
    color:var(--theme-color);
    padding-bottom: 5px;
}
.page_contact_ft .info p{
    font-size:14px;
    margin-top: 5px;
}
.page_contact_ft .marks{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.page_contact_ft .marks .mark{
    position: absolute;
}
.page_contact_ft .marks .mark_style1{
    width: 24px;
    height: 30px;
    cursor: pointer;
}

.page_contact_ft .marks .mark1{
    right: 295px;
    top: 210px;
}
.page_contact_ft .marks .cur:after{
    position: absolute; 
    left: -3px;
    bottom: 2px;
    background:var(--theme-color);
    border-radius: 50%;
    -webkit-animation: living 3s linear infinite;
    z-index: -1;
    content:'';
    display: block;
    width: 30px;
    height: 30px;
}
.page_contact_ft .marks .mark2{
    right: 270px;
    top: 220px;
}
.page_contact_ft .marks .mark3{
    right: 289px;
    top: 337px;
}
.page_contact_ft .marks .mark31{
    right: 200px;
    top: 290px;
}
.page_contact_ft .marks .mark_style2{
    width: 34px;
    height: 34px;
    border-radius:50%;
    background: var(--theme-color);
    z-index: 0;
}
.page_contact_ft .marks .mark4{
    left:252px;
    top: 250px;
}
.page_contact_ft .marks .mark5{
    left: 820px;
    top: 190px;
}
.page_contact_ft .marks .mark6{
    left: 830px;
    top: 440px;
}
.page_contact_ft .marks .mark7{
    left: 480px;
    top: 600px;
}
.page_contact_ft .marks .mark8{
    right: 250px;
    top: 595px;
}
.page_contact_ft .marks .mark_style2:after{
    position: absolute; 
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background:var(--theme-color);
    border-radius: 50%;
    -webkit-animation: living 3s linear infinite;
    z-index: -1;
    content:'';
    display: block;
    width: 34px;
    height: 34px;
}
@keyframes living{
	0%{transform: scale(1); opacity: 0.6;}
	50%{transform: scale(2);opacity: 0;}
	100%{transform: scale(1);opacity: 0.6;}
}


.page_contact_btns{
    justify-content: center;
    gap: 80px;
    margin:70px 0 100px;
}
.page_contact_btns a{
    border:2px solid var(--theme-color);
    height: 50px;
    border-radius: 100px;
    font-family: 'RobotoBold';
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:var(--theme-color);
    text-transform: uppercase;
    transition:all .4s;
}
.page_contact_btns a:hover{
    background: var(--theme-color);
    color:#fff;
}

.about_contact{
    padding: 60px;
}

/* page_become_hd */

.page_become_hd{
    padding-top: 20px;
}
.page_become_hd_img{
    width: 45%;
    padding-right: 30px;
}
.page_become_hd_img img{
    border-radius: 10px;
    overflow: hidden;
}
.page_become_hd_con{
    flex:1;
    border-radius: 10px;
    background: #f7f7f7;
    padding:70px;
}
.page_become_hd_con .tit{
    font-size:48px;
}
.page_become_hd_con .desc{
    font-size:18px;
    padding-top: 10px;
}

.page_contact .page_product_advantage{
    padding-top: 60px;
}

.page_become_bd_tit{
    padding-bottom:30px;
}


.page_contact_find_tab{
    padding-bottom: 80px;
}
.page_contact_find_tit .tit_box2 .tit p{
    font-size:20px;
    line-height: 1.8;
    margin-top: 20px;
}
.page_contact_find_tab_tit{
    justify-content: center;
    padding:40px 0 60px;
}
.page_contact_find_tab_tit .txt{
    font-size:16px;
    font-family: 'RobotoMedium';
    padding-right: 20px;
}
.page_contact_find_tab_tit .list{
    display: flex;
}
.page_contact_find_tab_tit .list .item{
    height: 38px;
    margin:0 10px;
    line-height: 36px;
    border:1px solid #333;
    padding:0 30px;
    border-radius: 100px;
    font-family: 'RobotoMedium';
    text-transform: uppercase;
    cursor: pointer;
    transition:all .4s;
}
.page_contact_find_tab_tit .list .item:hover{
    border-color: var(--theme-color);
    color:var(--theme-color);
}
.page_contact_find_tab_tit .list .item.cur{
    background: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
}
.page_contact_find_tab_map .item{
    display: none;
}
.page_contact_find_tab_map .item:first-child{
    display: block;
}
.page_contact_find_tab_con{
    margin:40px 100px 20px;
    background: #f5f5f5;
    padding:40px 100px;
}
.page_contact_find_tab_con .tit{
    font-size:24px;
    font-family:'RobotoMedium';
}
.page_contact_find_tab_con .list{
    padding-top:20px;
}
.page_contact_find_tab_con .list .item_wrap{
    display: none;
}
.page_contact_find_tab_con .list .item_wrap:first-child{
    display: block;
}
.page_contact_find_tab_con .list .item{
    display: flex;
    flex-wrap: wrap;
    margin:0 -40px;
}
.page_contact_find_tab_con .list .item span{
    width: 25%;
    padding:0 40px 5px;
    display: block;
    text-align: left;
    font-family: 'RobotoMedium';
    cursor: pointer;
}
.page_contact_find_tab_con .list .item span:hover{
    color:var(--theme-color);
}
.page_contact_find_tab_con .list .item span.cur{
    text-decoration: underline;
    color:var(--theme-color);
}
.page_contact_find_form{
    display: none;
}





.page_search{
    padding:150px 0 80px;
}

/* page_contact2 */

.page_contact2{
    padding-bottom:100px;
}
.page_contact2_info{
    width: 50%;
    padding-right: 120px;
}
.page_contact2_info .tit{
    padding-top: 20px;
}
.page_contact2_info .tit h4{
    font-size:40px;
    color:#333;
    font-family: 'MontserratExtraBold';
}
.page_contact2_info .tit p{
    color:#333;
    line-height: 2;
    margin-top: 20px;
}
.page_contact2_info .con h4{
    color:#053c8a;
    font-family: 'MontserratSemiBold';
    margin:30px 0 10px;
    font-size:20px;
}
.page_contact2_info .con p{
    margin-bottom: 10px;
    display: flex;
    font-family: 'MontserratLight';
    font-size:14px;
}
.page_contact2_info .con p span{
    background: #053c8a;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border:4px solid #e6ebf3;
    margin-right: 10px;
}
.page_contact2_info .con p span i{
    font-size:10px;
    color:#fff;
}

.page_contact2_form{
    flex:1;
    min-width: 0;
}
.page_contact2_form .tit h4{
    font-size:40px;
    color:#3a3a3a;
    font-family: 'MuliBlackMOD';
}
.page_contact2_form .tit p{
    color:#666;
}
.page_contact2_form .form{
    padding-bottom:80px;
}
.page_contact2_form .input_box{
    display: flex;
    margin:0 -10px;
}
.page_contact2_form .input_box .input{
    margin:0 0 20px;
    flex:1;
    padding:0 10px;
}
.page_contact2_form .input_box .input input,.page_contact2_form textarea{
    width: 100%;
    border:none;
    outline: none;
    height: 54px;
    padding:10px 20px;
    line-height: 34px;
    border:1px solid #eee;
}
.page_contact2_form textarea{
    height: 120px;
}
.page_contact2_form .form p{
    
}
.page_contact2_form .form .button{
    margin-top: 30px;
}
.page_contact2_form .form .button button{
    width: 200px;
    margin:auto;
    height:50px;
    background:var(--theme-color);
    border:none;
    outline: none;
    color:#fff;
    font-size:16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100px;
}
.page_contact2_form .form .button button i{
    font-size:22px;
    margin-left: 10px;
}
.page_contact2_form .form .button button:hover{
    background: var(--subtheme-color);
}

/* page_equ_panel1 */

.page_equ_panel1_wrap{
    background: #f5f5f5;
}
.page_equ_panel1 .desc{
    font-size:18px;
    margin:35px 0;
}
.page_equ_panel1 .list{
    margin:0 -34px;
    padding-bottom: 80px;
}
.page_equ_panel1 .list .item{
    flex:1;
    padding:0 34px;
}
.page_equ_panel1 .list .item .img img{
    border-radius: 30px;
}
.page_equ_panel1 .list .item .tit{
    font-size:18px;
    text-align: center;
    padding-top: 15px;
}

.page_equ_panel2_wrap{
    padding-bottom: 80px;
}
.page_equ_panel2_con{
    padding:40px 0 20px 0;
    position: relative;
}
.page_equ_panel2_con .item img{
    border-radius: 20px;
}

/* page_solution */

.page_solution{
    padding:80px 0;
}
.page_solution_menu{
    width: 280px;
}
.page_solution_menu .menu{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.page_solution_menu .menu_tit{
    font-size:20px;
    font-family: 'RobotoMedium';
    text-transform: capitalize;
    background: var(--subtheme-color);
    height: 55px;
    color:#fff;
    display: flex;
    align-items: center;
    padding:0 20px;
}
.page_solution_menu .menu_list .item{
    border-bottom: 1px solid #ddd;
    padding:14px 20px;
}
.page_solution_menu .menu_list .item:last-child{
    border-bottom: none;
}
.page_solution_menu .menu_list .item .hd a{
    font-family: 'RobotoMedium';
    flex:1;
    min-width: 0;
}
.page_solution_menu .menu_list .item .hd i{
    cursor: pointer;
    font-size:12px;
    transform: rotate(180deg);
    line-height: 1;
    font-weight: bold;
    transition:all .4s;
}
.page_solution_menu .menu_list .item .bd{
    display: none;
    padding-top: 6px;
}
.page_solution_menu .menu_list .item .bd a{
    font-size:14px;
    color:#666;
    padding-top:5px;
}
.page_solution_menu .menu_list .item .bd a i{
    margin-right:8px;
}

.page_solution_menu .menu_list .item.cur .hd i,.page_solution_menu .menu_list .item .hd i:hover{
    transform: rotate(0deg);
}
/*.page_solution_menu .menu_list .item.cur .bd{*/
/*    display: block;*/
/*}*/
.page_solution_menu .menu_list .item .hd a:hover,.page_solution_menu .menu_list .item .bd a:hover{
    color:var(--theme-color);
}

.page_solution_menu .menu_news{
    margin-top: 30px;
}
.menu_news_list a{
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
    padding:14px 20px 14px 28px;
}
.menu_news_list a:before{
    content:'';
    display: block;
    width: 4px;
    height: 4px;
    background: var(--subtheme-color);
    border-radius: 50%;
    position: absolute;
    left: 18px;
    top:26px;
}
.page_solution_list{
    flex:1;
    min-width: 0;
    padding-left: 40px;
    margin:-15px;
}
.page_solution_list .list a{
    display: block;
    width: 33.333%;
    padding:15px;
}
.page_solution_list .list .item{
    background: #fff;
    border-radius: 15px;
    padding:20px;
    position: relative;
    overflow: hidden;
}
.page_solution_list .list .item:after{
    content:'';
    display: block;
    width: 100%;
    height: 4px;
    background: var(--subtheme-color);
    left: 0;
    bottom: 0;
    position: absolute;
}
.page_solution_list .list .item .con{
    padding:15px 0 0;
    text-align: center;
}
.page_solution_list .list .item .con h4{
    font-family:'RobotoMedium';
}
.page_solution_list .list .item .con p{
    font-size:14px;
    color:#666;
    margin:5px 0 15px;
}
.page_solution_list .list .item .con span{
    font-size: 14px;
    text-transform: uppercase;
    color:#2d2d2d;
    font-family: 'RobotoBold';
}
.page_solution_list .list .item .con span i{
    margin-left: 6px;
}
.page_solution_list .list .item:hover:after{
    background: var(--theme-color);
}
.page_solution_list .list .item:hover span{
    color:var(--theme-color);
}
/* return */

.return_page{
    margin-top: 60px;
    position: relative;
}
.return_page i{
    color:var(--theme-color);
    font-size:18px;
    margin-right: 6px;
}
.return_page a:hover{
    text-decoration: underline;
    color:var(--theme-color);
}

.ind_pad{
    padding:80px 0 90px;
}
.info_ly{background: #fff;padding-left: 4%;padding-right: 4%;display: flow-root;}
.info_ly h2{text-align: center;margin-bottom: 20px;}
.info_ly .inp{width: 49.3%;height: 52px;line-height: 52px;background: #f6f6f6;display: block;float: left;margin-bottom: 16px;text-indent: 22px;}
.info_ly .inp:nth-child(2n){float: right;}
.info_ly .inp2{width: 100%;}
.info_ly textarea{height: 150px;background: #f6f6f6;text-indent: 22px;padding-top: 16px;width: 100%;display: block;}
.info_ly .sub{height: 52px;line-height: 52px;background:var(--theme-color);width: 100%;text-align: center;color: #fff;display: block;margin-top: 16px;text-transform: uppercase;border:none;cursor:pointer;}






.cpsp{width: 1060px; margin: 0 auto;max-width: 94%; margin-top:240px; text-align:center}
.pcsp_title{padding: 65px 0 60px;}
.pcsp_title p{font-size: 16px; line-height: 28px;text-align:center ;padding: 0 140px; color: #333;}
.pcsp_title ul{overflow: hidden;padding-top: 0px;}
.pcsp_title li{float: left; width: 25%;text-align: center; }
.pcsp_title h2{font-size: 48px; color: #333333;}
.pcsp_title h2 b{font-size: 16px;}
.pcsp_title h3{margin-top: 25px; font-size: 16px; color: #333;}

.cpsp{padding-bottom: 5px;}
.cpsp_nr{width: 1060px; margin: 0 auto;position: relative; max-width: 94%;}



.ystd{width: 1600px;margin: 0 auto;max-width: 94%; padding-bottom: 50px; }
.cpscboxa{background: #fff; height:334px;border-radius: 20px; box-shadow:0 0 10px rgba(0, 0, 0, .1); text-align: center; padding: 0px 50px 0 50px;margin: 5px;transition: All 0.4s ease-in-out;}
.cpscboxa span{display: block; position: relative; width: 104px;height: 104px;margin: 0 auto;}
.cpscboxa  img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: All 0.4s ease-in-out;}
.cpscboxa h2{font-weight: bold; font-size: 24px;color: #333333; line-height: 68px;}
.cpscboxa p{font-size: 16px; line-height: 28px;color: #757575;}
.ystd_nr{position: relative;overflow: hidden;}
.ystd_nr .swiper-button-next{background: url(../image/d6.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.ystd_nr  .swiper-button-next:hover{background: url(../image/d3.png) no-repeat center center rgba(235,97,0,.78);}
.ystd_nr  .swiper-button-prev{background: url(../image/d5.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.ystd_nr  .swiper-button-prev:hover{background: url(../image/d4.png) no-repeat center center rgba(235,97,0,.78);}

.cpscboxa:hover{background: #eb6100;}
.cpscboxa:hover h2{color: #fff;}
.cpscboxa:hover p{color: #fff;}
.cpscboxa:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}



.fwzc{width: 1200px; margin: 0 auto; max-width: 94%;}
.cpsc{padding-bottom: 100px;}
.cpsc_title h2{color: #333; font-size: 46px; padding: 75px 0 65px;text-align: center;}


.xgal{width: 1200px; margin: 0 auto; max-width: 94%; padding-bottom: 100px;}
.xgal_nr ul{overflow: hidden; margin-left: -25px; padding-bottom: 58px;font-size: 0;text-align: center;}
.xgal_nr li{width: 25%; padding:0 0 20px 25px;display: inline-block;}
.xgal_nr a:hover span{color: #fff !important;}
.xgal_nr a:hover p:before{bottom: 0;}



.hyyy_tp{overflow: hidden;height: 280px;}
.hyyy_tp img{width: 100%; height: 100%; object-fit: cover;}


.hyyybox p{text-align: center;
    font-size: 16px;
    height: 47px;
    line-height: 93px;
    background: #f4f5f8;
    position: relative;}
.hyyybox{border-radius: 10px; overflow: hidden;background: #fff;}
.hyyybox.hyyybox1 p{background: #fff;}
.hyyybox p:before{position: absolute; width: 100%; height: 80px;content: ""; left: 0;bottom: -80px;background: #eb6100;transition: All 0.6s ease-in-out;opacity: 0;}
.hyyy_tp img{width: 100%;transition: all .8s ease 0s;}
.hyyybox span{display: block; position: relative;z-index: 10; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: All 0.4s ease-in-out;top:10px}
.hyyy_nr a:hover span{color: #fff !important;}
.hyyy_nr a:hover p:before{bottom: 0;opacity: 1;}
.hyyy_nr a:hover img{ transform: scale(1.1);}
.hyyy_nr a:hover span{color: #fff !important;}
.xgal_nr a:hover p:before{bottom: 0;opacity: 1;}
.xgal_nr a:hover img{transform: scale(1.1);}
.hyyy_nr .swiper-button-next{background: url(../image/d6.png) no-repeat center center rgba(255,255,255,.8);width: 60px;height: 60px; margin-top: -70px; right: 20vw;border-radius: 50%;transition: All 0.4s ease-in-out;}
.hyyy_nr .swiper-button-next:hover{background: url(../image/d3.png) no-repeat center center rgba(1,119,235,.78);}
.hyyy_nr .swiper-button-prev{background: url(../image/d5.png) no-repeat center center rgba(255,255,255,.8);width: 60px;height: 60px; margin-top: -70px; left: 20vw;border-radius: 50%;transition: All 0.4s ease-in-out;}
.hyyy_nr .swiper-button-prev:hover{background: url(../image/d4.png) no-repeat center center rgba(1,119,235,.78);}



.yycj_nr{padding-bottom: 50px;}
.yycj_nr ul{text-align: center; padding-bottom: 48px;}
.yycj_nr li{display: inline-block; padding: 0 9px;}
.yycjbox{display: block;text-align: center; width: 213px;height: 174px;background: #f4f5f8;border: 1px solid #eb6100;border-radius: 10px; padding-top: 37px;transition: All 0.4s ease-in-out;}
.yycjbox span{display: block; margin: 0 auto; position: relative;width: 61px; height: 61px;}
.yycjbox p{font-size: 16px; color: #333; margin-top: 13px;}
.yycjbox img{max-height: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.yycjbox:hover{background: #eb6100;}
.yycjbox:hover p{color: #fff;}
.yycjbox:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.btn5{display: block; text-align: center; font-size: 14px; color: #eb6100;border: 1px solid #eb6100; line-height: 44px;width: 207px;border-radius: 23px; margin: 0 auto;transition: All 0.4s ease-in-out;}
.btn5 b{padding-left: 5px;transition: All 0.4s ease-in-out;}
.btn5:hover{color: #fff;background: #eb6100;}
.btn5:hover b{padding-left: 15px;}

.bj2{background: #f4f5f8; }

.cpny_top{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow:0 0 10px rgba(0, 0,0, .2);box-shadow:0 0 10px rgba(0, 0, 0, .2); background: #fff; z-index: 10;width: 100%; top: 0; left: 0;transition: All 0.4s ease-in-out;}
.cpny_top.on{position: fixed;}
.cpnytopbox{overflow: hidden; width: 1200px; margin: 0 auto;max-width: 94%;}
.pcny_left{float: left;}
.pcny_left h2{font-weight: bold; font-size: 18px; color: #eb6100; line-height: 80px;}
.cpny_right{float: right;}
.cpny_right ul{overflow: hidden; margin-right: -68px;}
.cpny_right li{float: left;font-size: 14px; line-height: 80px; padding-right: 68px;}
.cpny_right li span{color: #333;cursor: pointer;}
#loutiNav li span.active{color: #eb6100;}
#loutiNav span:hover{color: #eb6100;}
#loutiNav{    position: fixed;
    left: 0;
    top: 80px;
    background: #fff;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #e7e7e7;
    height: 75px;}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 23px !important;
    color: #333;
}




.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px; margin-top:30px}


.btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}





.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}


.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,
.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}


.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}

.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}





.smart{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.smart .con{width: 100%;height: auto;text-align: center;}
.smart .con h2{color: #FFFFFF;font-size: 56px;margin-bottom: 10px;}
.smart .con h4{color: #FFFFFF;font-size: 18px;text-transform: uppercase;font-family: "ME";}
.smart .numbox{ width: 100%;height: auto;font-size: 0;text-align:center}
.smart .numbox li{cursor: pointer;display: inline-block;margin-right: 5%; vertical-align: top;width: auto;}
.smart .numbox li:nth-child(4){margin-right: 0;}
.smart .numbox li .ico{width: 20px;height: auto;margin-bottom: 10px;}
.smart .numbox li .ico .img2{display: none;}
.smart .numbox li h6{font-size: 45px;font-family: "ME";color: #FFFFFF;}
.smart .numbox li:last-child{margin-right: 0;}
.smart .numbox li p{font-size: 18px;color: #FFFFFF;}
.smart .numbox li:hover .ico .img1{display: none;}
.smart .numbox li:hover .ico .img2{display: block;}
.smart .numbox li:hover h6{color: #ff6600;}


@media only screen and (max-width:1680px) {
.smart .con h2{font-size: 54px;}
.smart .con h4{font-size: 16px;}
.smart .numbox li h6{font-size: 36px;}
.smart .numbox li{margin-right:6.5%;}
}

@media only screen and (max-width:1550px) {
	.smart .numbox li{margin-right:4.5%;}
}
@media only screen and (max-width:1440px) {
.smart .con h2{font-size: 50px;}
.smart .con h4{font-size: 15px;}
.smart .numbox li p{font-size: 16px;}
.smart .numbox li h6{font-size: 34px;}
	.smart .numbox li{margin-right:3%;}
}
@media only screen and (max-width:1280px) {
.smart .con h2{font-size: 40px;}
.smart .numbox li p{font-size: 14px;}
.smart .numbox li h6{font-size:24px;}
	.smart .numbox li{margin-right:1.5%;}
}
@media only screen and (max-width:1024px) {
.smart .con h2{font-size: 35px;}
.smart .con h4{font-size: 14px;}
.smart .numbox li p{font-size: 14px;}
.smart .numbox li h6{font-size:20px;}
.smart .numbox{display: block;}
.smart .numbox li{width: 50%;margin-bottom: 40px;padding: 0; padding: 0 2%;margin-right: 0;}
}
@media only screen and (max-width:720px) {
.smart .con h2{font-size: 25px;}
.smart .numbox li p{font-size: 12px;}
.smart .numbox li .ico{width: 18px;margin:0 auto;}
}


.td-space{width: 100%;height: auto;padding:85px 0 48px 0;}
.t-space{padding-top: 168px;}

.videoo .list a {width:50% !important}





/* index */
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-item {position: relative;overflow: hidden;}
.index-banner-item .text {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;}
.index-banner-item .title-1{font-family: 'Manrope-Bold';line-height: 70px;}
.index-banner-item .title-2 { margin-top: 1%;}
.index-banner-swiper .swiper-slide .title-1,
.index-banner-swiper .swiper-slide .title-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .swiper-slide .title-2 {transition-delay: .4s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2 {transform: translateY(0px);opacity: 1;}


.index-banner-swiper .banner-pagination {bottom: 5%;}
.index-banner-swiper .banner-pagination span{width: 50px;height: 4px;border-radius: 0;background: #fff;opacity: .5;}
.swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 5%;z-index: 11;font-size: 0;text-align: center;}
.scroll-center {margin: auto;text-align: center;position: relative;display: inline-block;vertical-align: middle;}
.scroll-center::after {content: '';width: 640%;height: 1px;position: absolute;left: 120%;top: 50%;opacity: .4;background: #fff;}
.scroll-center .scroll-1 {font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;position: relative;}
.scroll-center .scroll-1::before {content: '';width: 1px;height: 40px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: .5;}
.scroll-center .scroll-1::after {content: '';width: 1px;height: 20px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: 1;z-index: 11;}
.number-prevnext {text-align: center;position: absolute;font-size: 0;right: 9%;top: 50%;margin-top: -12.5px;}
.number-prevnext::before {content: '';width: 200%;height: 1px;position: absolute;left: 110%;top: 50%;opacity: .4;background: #fff;}
.number-prevnext .number-1 {display: inline-block;vertical-align: middle;font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;margin-right: 10px;}
.swiper-banner-prev,.swiper-banner-next {width: 10px;height: 17px;display: inline-block;vertical-align: middle;margin-left: 28px;cursor: pointer;}
.swiper-banner-prev:hover ,.swiper-banner-next:hover {opacity: .5;}
.swiper-banner-prev {background: url('../image/l1.png') center no-repeat;background-size: 100%;}
.swiper-banner-next {background: url('../image/r1.png') center no-repeat;background-size: 100%;}
.left-pagination {position: absolute;left: 9%;top: 50%;transform: translateY(-50%);z-index: 11;}
.left-pagination::before {content: '';width: 250%;height: 1px;position: absolute;right: 105%;top: 50%;opacity: .4;background: #fff;}
.left-pagination .rline {height: 1px;position: absolute;left: 105%;top: 50%;opacity: .4;background: #fff;width: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.index-banner-swiper .banner-pagination span::after {content: '';width:27px;height:27px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 4s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 4s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}


.nav2_product .img{text-align:center}


  /* 轮播容器 - 100%高度 */
        .media-carousel {
            position: relative;
            width: 100%;
            height: 100vh;
            min-height: 500px;
            overflow: hidden;
            background: url(/images/bannerbg.jpg) no-repeat center center / cover;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        /* 顶部渐变层 - 新增样式 */
        .top-gradient {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 250px;
            background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.4) 50%, transparent 100%);
            z-index: 25;
            pointer-events: none;
        }
        
        /* 轮播包装 */
        .carousel-wrapper {
            width: 100%;
            height: 100%;
        }
        
        /* 轮播项 */
        .carousel-item {
            width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* 媒体内容 */
        .media-content {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        /* 图片样式 */
        .media-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 视频容器 */
        .video-container2 {
            width: 100%;
            height: 100%;
            position: relative;
        
        }
        
        /* 视频元素 */
        .media-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* 内容覆盖层 */
        .content-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.1);
            z-index: 10;
        }
		
		.content-overlay .tt{color:#eb6100}
        
        /* 内容容器 */
        .content-container {
            max-width: 1200px;
            width: 90%;
            padding: 30px;
            color: white;
            text-align: center;
        }
        
        /* 标题样式 */
        .content-title {
            font-size: 4.5rem;
            font-weight: 800;
            margin-bottom: 25px;
            text-shadow: 0 2px 15px rgba(0, 0, 0, 0.7);
            line-height: 1.2;
            transform: translateY(20px);
            opacity: 0;
            transition: transform 0.8s ease, opacity 0.8s ease;
            letter-spacing: 1px;
        }
        
        .content-title span {
            color: #eb6100;
        }
        
        /* 描述文本 */
        .content-desc {
            font-size: 1.5rem;
            margin-bottom: 40px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            transform: translateY(20px);
            opacity: 0;
            transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s;
            line-height: 1.6;
            font-weight: 300;
        }
        
        /* 按钮样式 */
        .content-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 16px 40px;
            background: #eb6100;
            color: white;
            text-decoration: none;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 50px;
            transition: all 0.3s ease;
            transform: translateY(20px);
            opacity: 0;
            transition: transform 0.8s ease 0.4s, opacity 0.8s ease 0.4s, background 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border: 2px solid transparent;
        }
        
        .content-btn:hover {
            background: transparent;
            border-color: #eb6100;
            transform: translateY(-5px);
        }
        
        .content-btn i {
            margin-left: 12px;
            font-size: 1rem;
            transition: transform 0.3s ease;
        }
        
        .content-btn:hover i {
            transform: translateX(5px);
        }
        
        /* 分页器样式 - 修改部分 */
        .carousel-pagination {
            position: absolute;
            bottom: 40px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            z-index: 20;
            /* 添加横线装饰 */
            padding: 15px 0;
        }
        
        /* 新增横线装饰 */
        .pagination-line {
            position: absolute;
            bottom: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, 0.2);
            z-index: -1;
        }
        
        .pagination-bullet {
            position: relative;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            margin: 0 8px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .pagination-bullet-active {
            background: #eb6100;
            transform: scale(1.3);
            box-shadow: 0 0 10px rgba(233, 69, 96, 0.7);
        }
        
        /* 导航按钮 */
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            z-index: 20;
            transition: all 0.3s ease;
            opacity: 0.7;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .carousel-nav:hover {
            opacity: 1;
            background: rgba(233, 69, 96, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        
        .nav-prev {
            left: 40px;
        }
        
        .nav-next {
            right: 40px;
        }
        
        /* 指示箭头 */
        .indicator-arrow {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255, 255, 255, 0.8);
            font-size: 2.5rem;
            animation: bounce 2s infinite;
            z-index: 20;
            opacity: 0.8;
        }
        
        /* 动画效果 */
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateX(-50%) translateY(0);
            }
            40% {
                transform: translateX(-50%) translateY(-20px);
            }
            60% {
                transform: translateX(-50%) translateY(-10px);
            }
        }
        
        /* 视频控制条 */
        .video-controls {
            position: absolute;
            bottom: 10vh;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            align-items: center;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 30px;
            padding: 10px 20px;
            z-index: 30;
            backdrop-filter: blur(5px);
        }
        
        .control-btn {
            background: none;
            border: none;
            color: white;
            font-size: 1.4rem;
            cursor: pointer;
            margin: 0 10px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .control-btn:hover {
            background: rgba(255, 255, 255, 0.1);
        }
        
        /* 进度条 */
        .video-progress {
            width: 200px;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
            margin: 0 15px;
            position: relative;
            overflow: hidden;
        }
        
        .progress-filled {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: #eb6100;
            width: 0%;
        }
        
        /* 动画激活状态 */
        .animate-active .content-title,
        .animate-active .content-desc,
        .animate-active .content-btn {
            transform: translateY(0);
            opacity: 1;
        }
        
        /* 公司标志 */
        .company-logo {
            position: absolute;
            top: 30px;
            left: 40px;
            z-index: 30;
            color: #333; /* 深色字体 */
            font-size: 2rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            text-shadow: 0 1px 2px rgba(255,255,255,0.5);
        }
        
        .company-logo i {
            color: #eb6100;
            margin-right: 10px;
            font-size: 2.5rem;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .content-title {
                font-size: 3.8rem;
            }
            
            .content-desc {
                font-size: 1.3rem;
            }
        }
        
        @media (max-width: 992px) {
            .content-title {
                font-size: 3.2rem;
            }
            
            .carousel-nav {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }
            
            .nav-prev {
                left: 25px;
            }
            
            .nav-next {
                right: 25px;
            }
        }
        
        @media (max-width: 768px) {
            .content-title {
                font-size: 2.5rem;
            }
            
            .content-desc {
                font-size: 1.1rem;
                margin-bottom: 30px;
            }
            
            .content-btn {
                padding: 14px 30px;
                font-size: 1rem;
            }
            
            .carousel-nav {
                width: 45px;
                height: 45px;
                top: auto;
                bottom: 30px;
            }
            
            .company-logo {
                top: 20px;
                left: 20px;
                font-size: 1.6rem;
            }
            
            .company-logo i {
                font-size: 2rem;
            }
            
            .top-gradient {
                height: 100px;
            }
        }
        
        @media (max-width: 576px) {
            .content-title {
                font-size: 2rem;
            }
            
            .content-container {
                padding: 20px;
            }
            
            .content-btn {
                padding: 12px 25px;
            }
            
            .indicator-arrow {
                display: none;
            }
            
            .carousel-pagination {
                bottom: 25px;
                padding: 10px 0;
            }
            
            .video-controls {
                padding: 8px 15px;
            }
            
            .video-progress {
                width: 150px;
            }
            
            .control-btn {
                font-size: 1.2rem;
                margin: 0 8px;
            }
            
            .company-logo {
                font-size: 1.4rem;
                top: 15px;
                left: 15px;
            }
            
            .company-logo i {
                font-size: 1.8rem;
            }
            
            .top-gradient {
                height: 80px;
            }
        }
        
        @media (max-height: 700px) {
            .content-title {
                font-size: 2.8rem;
            }
            
            .content-desc {
                font-size: 1.1rem;
                margin-bottom: 20px;
            }
            
            .content-container {
                padding: 20px;
            }
        }
        
        @media (max-height: 600px) {
            .content-title {
                font-size: 2.2rem;
            }
            
            .content-btn {
                padding: 12px 25px;
                font-size: 0.95rem;
            }
            
            .carousel-pagination {
                bottom: 20px;
            }
        }
		
		
		

.z_wave{     position: absolute;
    left: 50%;
    transform: translate(-50%) translateY(10vw);
    bottom: -4vw;
    z-index: 1;
    transition: ease 2s;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index: -1;position: absolute;width: 19vw;height: 19vw; background:#eb6100;border-radius: 45%;animation: rotate 6s linear infinite;// mix-blend-mode: multiply;}
.z_wave .wave1 { background: #eb6100;transform: translate(-20%, 0) rotate(0deg); opacity: .8; width: 17vw;height: 17vw; animation: rotate1 6s linear -4s infinite;border-radius: 65%;}
.z_wave .wave2 { background: #eb6100;transform: translate(20%, 0) rotate(0deg);animation: rotate2 8s linear -2s infinite;width:15vw;height: 15vw;border-radius: 30%;}
.z_wave .icon{ position: absolute;     left: 32%;
    bottom: 24%; z-index: 2;}

@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);
    }100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);
    }
}

@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);
    }100% {
        transform: translate(20%, 0%) rotate(360deg);
    }
}


 .video-button {
            display: inline-block;
            padding: 12px 24px;
            background-color: #eb6100; /* 红色背景，可根据公司品牌色调整 */
            color: white;
            font-family: 'Microsoft YaHei', sans-serif;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            border-radius: 30px;
            border: none;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .video-button:hover {
            background-color: #c0392b; /* 悬停时颜色变深 */
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }
        
        .video-button:active {
            transform: translateY(1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }
        
        .video-button::after {
            content: "▶";
            margin-left: 8px;
            font-size: 16px;
        }
	.video-wrapper {
  cursor: pointer;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99992;
}
.video-container {
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  text-align:center;
    background: none;
}



.video-container video {
  
  height: auto;
  border: 8px solid #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
  


 /* 悬浮联系栏样式 */
        .contact-bar {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(12px);
            border-radius: 16px;
            padding: 15px 10px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.18);
            z-index: 1000;
            transition: all 0.4s ease;
        }
        
        .contact-item {
            width: 50px;
            height: 50px;
            margin: 10px 5px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.4rem;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }
        
        .contact-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
        }
        
        .contact-item::after {
            content: attr(data-tooltip);
            position: absolute;
            right: 60px;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 8px 15px;
            border-radius: 6px;
            font-size: 0.9rem;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
            font-weight: 500;
        }
        
        .contact-item:hover::after {
            opacity: 1;
        }
        
        .phone { background: linear-gradient(135deg, #25D366, #128C7E); }
        .wechat { background: linear-gradient(135deg, #09BB07, #2AAB29); }
        .douyin { background: linear-gradient(135deg, #000000, #666); }
        .xiaohongshu { background: linear-gradient(135deg, #FF2442, #FF2D55); }
        .email { background: linear-gradient(135deg, #EA4335, #BB001B); }
        
        /* 联系信息弹窗 */
        .contact-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2000;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }
        
        .contact-modal.active {
            opacity: 1;
            pointer-events: all;
        }
        
        .contact-content {
            background: white;
            padding: 30px;
            border-radius: 20px;
            text-align: center;
            max-width: 350px;
            width: 90%;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
            transform: translateY(20px);
            transition: transform 0.4s ease;
            position: relative;
        }
        
        .contact-modal.active .contact-content {
            transform: translateY(0);
        }
        
        .contact-title {
            font-size: 1.5rem;
            color: #333;
            margin-bottom: 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }
        
        .contact-info {
            font-size: 1.2rem;
            color: #222;
            margin: 20px 0;
            padding: 15px;
            background: #f9f9f9;
            border-radius: 10px;
            word-break: break-all;
        }
        
        .contact-desc {
            color: #666;
            font-size: 1rem;
            margin: 15px 0;
            line-height: 1.6;
        }
        
        .action-btn {
            background: #4A6EE0;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 30px;
            font-size: 1rem;
            cursor: pointer;
            margin-top: 10px;
            transition: all 0.3s ease;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        
        .action-btn:hover {
            background: #3A5BC7;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(58, 91, 199, 0.4);
        }
        
        .action-btn.copy {
            background: #6c757d;
        }
        
        .action-btn.copy:hover {
            background: #5a6268;
        }
        
        .qrcode-image {
            width: 200px;
            height: 200px;
            background: #f5f5f5;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #eee;
        }
        
        .qrcode-image img {
            max-width: 100%;
        }
        
        .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            color: #888;
            font-size: 1.5rem;
            cursor: pointer;
            transition: color 0.3s;
        }
        
        .close-btn:hover {
            color: #333;
        }
        
        /* 内容卡片 */
        .content-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-top: 40px;
        }
        
        .card {
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 30px;
            text-align: left;
            transition: all 0.4s ease;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }
        
        .card:hover {
            transform: translateY(-10px);
            background: rgba(255, 255, 255, 0.2);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
        }
        
        .card h3 {
            font-size: 1.5rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            color: #fff;
            gap: 12px;
        }
        
        .card h3 i {
            font-size: 1.8rem;
            background: linear-gradient(135deg, #ff9966, #ff5e62);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .card p {
            line-height: 1.7;
            opacity: 0.9;
            color: #e0e0e0;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .contact-bar {
                right: 15px;
                padding: 10px 5px; display:none;
            }
            
            .contact-item {
                width: 45px;
                height: 45px;
                font-size: 1.2rem;
                margin: 8px 4px;
            }
            
            h1 {
                font-size: 2.2rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
            
            .content-cards {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 480px) {
            .contact-bar {
                flex-direction: row;
                top: auto;
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%);
                width: auto;
                padding: 8px 15px;
                border-radius: 50px;
            }
            
            .contact-item::after {
                top: auto;
                bottom: 100%;
                right: 50%;
                transform: translateX(50%) translateY(-10px);
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            .contact-content {
                padding: 20px 15px;
            }
        }
        
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .card:nth-child(1) { animation: fadeIn 0.6s 0.2s both; }
        .card:nth-child(2) { animation: fadeIn 0.6s 0.4s both; }
        .card:nth-child(3) { animation: fadeIn 0.6s 0.6s both; }
        
        /* 波浪装饰 */
        .wave {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
            z-index: -1;
        }
        
        .wave svg {
            position: relative;
            display: block;
            width: calc(100% + 1.3px);
            height: 100px;
        }
        
        .wave .shape-fill {
            fill: rgba(255, 255, 255, 0.05);
        }
		
	
.about-four {
font-size: 0;
padding: 75px 0;
}

.about-four .ny-wrap {
margin-top: 45px;
}

.about-four li {
padding: 1px;
display: inline-block;
vertical-align: bottom;
overflow: hidden;
transition: all 0.5s;
}

.about-four li:hover img {
transform: scale(1.05);
}

.about-four li img {
height: 100%;
transition: all 0.5s;
}

.about-four li:nth-child(1) {
width: 31.66%;
height:35vh;
}

.about-four li:nth-child(2) {
width: 36.875%;
height:35vh;
}

.about-four li:nth-child(3) {
width: 31.25%;
height:35vh;
}

.about-four li:nth-child(4) {
width: 26.510%;
height:35vh;
}

.about-four li:nth-child(5) {
width: 24.114%;
height:35vh;
}

.about-four li:nth-child(6) {
width: 28.437%;
height:35vh;
}

.about-four li:nth-child(7) {
width: 20.625%;
height:35vh;
}

	
.about-four li:nth-child(8) {
width: 20.625%;
height:35vh;
}
.about-four li:nth-child(9) {
width:24.114%;
height:35vh;
}
.about-four li:nth-child(10) {
 width: 26.510%;
height:35vh;
}
.about-four li:nth-child(11) {
 width: 28.437%;
height:35vh;
}

.about-five .ny-wrap {
margin-top: 47px;
}

.about-five .swxt-font h4 {
margin-top: 16px;
}

.about-five .swiper-pagination {
display: none;
}

@media (max-width: 1919px) {
.about-two li {
margin-bottom: 20px;
}
}

@media (max-width: 1679px) {
.about-one {
padding: 60px 7.5% 45px;
}

.abtw-box p {
margin-top: 8px;
}

.about-two .ny-right {
top: 18px;
}
}

@media (max-width: 1459px) {
.about-one .ny-wrap h4 span {
font-size: 56px;
}

.about-one {
padding: 60px 7.5% 60px;
margin-top: -60px;
}

.abon-dec {
line-height: 28px;
}

.about-one .ny-wrap img {
margin-top: 12px;
}

.about-two {
padding: 60px 0 0;
margin-bottom: -60px;
}

.about-two .ny-wrap {
margin-top: 35px;
}

.abtw-box img {
width: 55px;
}

.abtw-box .ny-txt {
padding-left: 20px;
}

.about-two .ny-right {
top: 0;
}

.about-two li {
margin-bottom: 18px;
}

.about-three {
padding: 120px 0 60px;
}

.abth-top h4 {
font-size: 48px;
}

.about-three .ny-wrap {
margin: 40px 0 0;
}

.abth-bot {
padding: 10px 88px 0;
}

.about-four {
padding: 60px 0;
}

.about-five .ny-wrap,
.about-four .ny-wrap {

}
}

@media (max-width: 1259px) {
.about-one .ny-wrap h4 {
font-size: 36px;
}

.about-one .ny-wrap h4 span {
font-size: 44px;
}

.about-one .ny-wrap img {
width: 45px;
margin-top: 10px;
}

.about-one {
padding: 40px 9.5% 20px;
}

.about-two {
padding: 50px 0;
margin-bottom: 0px;
}

.about-two li {
margin-bottom: 10px;
}

.about-three {
padding: 50px 0;
}

.abth-top h4 {
font-size: 34px;
}

.about-four {
padding: 50px 0;
}
}

@media (max-width: 991px) {
.about-one {
padding: 20px 20px 10px;
margin-top: -30px
}

.about-one .ny-wrap h4 {
font-size: 26px;
}

.about-one .ny-wrap h4 span {
font-size: 38px;
}

.about-one .ny-wrap img {
width: 40px;
margin-top: 7px;
}

.about-one .ny-wrap ul {
margin: 32px 0 34px;
}

.abtw-box img {
width: 42px;
}

.abtw-box .ny-txt {
padding-left: 0;
}

.abtw-box p {
height: 26px;
}

.abtw-box .ny-txt {
transform: translateY(12px);
}

.about-two li {
margin-bottom: 14px;
}

.abth-top h4 {
font-size: 26px;
}

.abth-bot .swiper-slide h4 {
padding-top: 18px;
font-size: 22px;
}
}

@media (max-width: 767px) {
.about-one li {
width: 100%;
margin-bottom: 20px;
}

.about-one .ny-wrap h4 {
font-size: 22px;
}

.about-one .ny-wrap h4 span {
font-size: 30px;
}

.about-one .ny-wrap img {
margin-top: 2px;
}

.about-one .ny-wrap p {
font-size: 16px;
}

.about-one .ny-wrap ul {
margin: 26px 0 2px;
}

.about-one {
padding: 30px 20px 20px;
}

.about-two {
padding: 45px 0 0;
}

.about-two .ny-left {
width: 100%;
}

.about-two .ny-right {
position: relative;
margin-top: 22px;
}

.abtw-box {
width: 100%;
}

.abtw-box p {
height: auto;
}

.abth-top .swiper-slide {
width: 100% !important;
}

.abth-top p {
height: auto;
line-height: 26px;
}

.abth-bot .swiper-pagination-bullet {
background-color: #fff;
}

.abth-bot .abth-line::before,
.abth-bot .abth-line::after {
left: 32px;
}

.abth-bot .swiper-pagination {
display: block;
}

.about-three .ny-wrap {
margin: 35px 0 0;
}

.about-four {
padding: 45px 0;
}

.about-five .swiper-pagination {
display: block;
bottom: 0 !important;
}

.about-five .swiper-container {
padding-bottom: 30px;
}
}



  
        .list.forview {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            margin-top: 30px;
        }
        
        .item.forlist {
            display: flex;
            flex-direction: column;
            background: white;
            border-radius: 12px;
            padding: 35px 30px;
            text-decoration: none;
            color: #333;
            transition: all 0.4s ease;
            border: 1px solid #f0f0f0;
            position: relative;
            overflow: hidden;
            height: 100%;
        }
        
        .item.forlist:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(255, 102, 0, 0.15);
            border-color: #ffd9c0;
        }
        
        .item.forlist:hover .icon-container {
            transform: scale(1.1);
            background: linear-gradient(135deg, #ff7b36, #ff5e00);
        }
        
        .icon-container {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #ff9d5c, #ff6600);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px;
            transition: all 0.4s ease;
        }
        
        .icon-container i {
            font-size: 36px;
            color: white;
        }
        
        .no {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #333;
            position: relative;
            padding-left: 10px;
        }
        
        .no::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 22px;
            background: #ff6600;
            border-radius: 2px;
        }
        
        .desc {
            font-size: 16px;
            line-height: 1.8;
            color: #666;
            flex-grow: 1;
        }
        
        .item.forlist::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 4px;
            background: linear-gradient(to right, #ff6600, #ff9d5c);
            transition: width 0.6s ease;
        }
        
        .item.forlist:hover::after {
            width: 100%;
        }
        
        footer {
            text-align: center;
            margin-top: 60px;
            color: #888;
            font-size: 16px;
            padding-top: 20px;
            border-top: 1px solid #f0f0f0;
        }
        
        @media (max-width: 1200px) {
            .list.forview {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .list.forview {
                grid-template-columns: 1fr;
            }
            
            .container {
                padding: 30px 20px;
            }
            
            h1 {
                font-size: 32px;
            }
        }
		
		
	.yyou{    width: 1440px;
    margin: 0 auto;}
	
	
	
	 .news-heading {
            font-size: 28px;
            color: #222;
            font-weight: 600;
        }
        
        .news-list {
            display: flex;
            flex-direction: column;
               gap: 38px;
    margin-top: 30px;
        }
        
        .news-item {
            display: flex;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); padding:12px;
			
        }
        
        .news-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .news-image-container {
            flex: 0 0 280px;
            height: 180px;
            overflow: hidden;
        }
        
        .news-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .news-item:hover .news-image {
            transform: scale(1.03);
        }
        
        .news-content {
            flex: 1;
            padding: 20px;
            display: flex;
            flex-direction: column;
        }
        
        .news-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #222;
            transition: color 0.2s ease;
        }
        
        .news-item:hover .news-title {
            color: #eb6100;
        }
        
        .news-summary {
            flex: 1;
            color: #555;
            margin-bottom: 15px;
            line-height: 1.5;
        }
        
        .news-date {
            color: #7f8c8d;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
        
        .news-date::before {
            content: "📅";
            margin-right: 6px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .news-item {
                flex-direction: column;
            }
            
            .news-image-container {
                flex: 0 0 auto;
                width: 100%;
                height: 200px;
            }
            
            .news-content {
                padding: 15px;
            }
        }
		
		
	 .subtitle {
            color: #7f8c8d;
            font-size: 1.2rem;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        .video-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 40px;
        }
        
        .video-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            border: 1px solid #eaeaea;
        }
        
        .video-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
        }
        
        .thumbnail {
            position: relative;
            height: 220px;
            overflow: hidden;
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.5s ease;
        }
        
        /* 遮罩效果 */
        .thumbnail::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
            opacity: 0.6;
            transition: opacity 0.4s ease;
        }
        
        .video-card:hover .thumbnail::after {
            opacity: 0.4;
        }
        
        .video-card:hover .thumbnail img {
            transform: scale(1.1);
        }
        
        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            opacity: 0.9;
            z-index: 2;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .play-btn:hover {
            background: #fff;
            transform: translate(-50%, -50%) scale(1.1);
            opacity: 1;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        .play-btn i {
            color: #ff6a00;
            font-size: 24px;
            margin-left: 4px;
        }
        
        .video-info {
            padding: 20px;
        }
        
        .video-title {
            font-size: 1.25rem;
            margin-bottom: 12px;
            font-weight: 600;
            color: #2c3e50;
            line-height: 1.4;
            height: 30px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .video-meta {
            display: flex;
            justify-content: space-between;
            color: #7f8c8d;
            font-size: 0.95rem;
            border-top: 1px solid #eaeaea;
            padding-top: 12px;
        }
        
        .category {
            color: #ff6a00;
            font-weight: 500;
        }
        
        .view-count {
            display: flex;
            align-items: center;
        }
        
        .view-count i {
            margin-right: 5px;
            color: #ff6a00;
        }
        
        .footer {
        
            margin-top: 20px;
            color: #222;
            width: 100%;
        }
        
        .load-more {
            background: #ff6a00;
            color: white;
            border: none;
            padding: 14px 35px;
            font-size: 1.1rem;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(255, 106, 0, 0.3);
        }
        
        .load-more:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(255, 106, 0, 0.4);
            background: #ff7e5f;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .video-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            h1 {
                font-size: 2.4rem;
            }
        }
        
        @media (max-width: 576px) {
            .video-grid {
                grid-template-columns: 1fr;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .thumbnail {
                height: 200px;
            }
        }
		
		
		
		

.c-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s
}

.c-modal.show {
  opacity: 1;
  visibility: visible
}

.c-modal.show .c-modal-container {
  transform: scale(0.7)
}

.c-modal-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  cursor: pointer
}

.c-modal-container {
  max-width: 92%;
  max-height: 92%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
  transform: scale(.88);
  transition: transform .3s
}

.c-modal-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  opacity: .9;
  transition: opacity .3s, transform .3s;
  color: #ddd;
}

.c-modal-close img {
  width: 40px;
}

.c-modal-close:hover {
  opacity: 1;
  transform: rotate(180deg)
}

.c-modal-main {
  position: relative;
  z-index: 0;
  display: none
}

.c-modal-main.active {
  display: block
}

.c-modal-main.videobox {
  width: 800px;
  padding-bottom: 56.25%;
  max-width: 100%
}

.c-modal-main.videobox .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

/*.c-modal-main.contactbox {width:520px;max-width:100%;background:url(../image/modal-bg01.jpg) no-repeat 50%/cover}*/
/*.c-modal-main.contactbox {width:1000px;max-width:100%;background:#DC0011;}*/
.c-modal-main.contactbox {
  width: 1000px;
  max-width: 100%;
  background: url(../image/modal-bg01.jpg) no-repeat 50%/cover;
}

.c-modal-main.contactbox .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  padding: 14px;
  background: none
}

.c-modal-main.contactbox .bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid hsla(0, 0%, 100%, .3)
}

/*.c-modal-main.contactbox .main {color:#faf3e7;padding:44px 60px 40px;position:relative;z-index:1}*/

.c-modal-main.contactbox .main {
  color: #faf3e7;
  padding: 80px 74px 74px 74px;
  position: relative;
  z-index: 1
}

.c-modal-main.contactbox .main .tc_top {
  display: flex;
  justify-content: space-between;
}

.c-modal-main.contactbox .main .tc_top .tc_left {
  width: 520px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h1 {
  font-family: hb;
  font-size: 54px;
  line-height: 72px;
  margin-bottom: 44px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h2 {
  font-family: hb;
  font-size: 34px;
  line-height: 45px;
  margin-bottom: 8px;
}

.c-modal-main.contactbox .main .tc_top .tc_left .h3 {
  margin-top: 12px;
  font-family: hm;
  font-size: 24px;
  line-height: 32px;
}

.c-modal-main.contactbox .main .tc_top .tc_right {
  width: 258px;
}

.c-modal-main.contactbox .main .tc_top .tc_right img {
  width: 100%;
  margin-bottom: 130px;
}

.c-modal-main.contactbox .main .tc_top .tc_right .btn {
  width: 100%;
  line-height: 66px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 20px;
  font-family: hr;
  display: block;
  color: #fff;
  transition: all 0.5s
}

.c-modal-main.contactbox .main .tc_top .tc_right .btn:hover {
  background-color: #fff;
  border-color: transparent;
  color: #000;
}


.c-modal-main.contactbox .tit {
  font-size: 28px
}

.c-modal-main.contactbox .text {
  font-size: 36px;
  margin-bottom: 10px
}

.c-modal-main.contactbox .form {
  border: 2px solid #fff;
  background-color: #fff
}

.c-modal-main.contactbox .ps {
  font-size: 18px;
  color: #fff;
  padding-left: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../image/suo.png);
  background-size: auto 18px;
  margin-top: 14px;
}

.c-modal-main.contactbox .iconfont {
  color: #bcbcbc;
  line-height: 44px;
  width: 46px;
  text-align: center;
  font-size: 30px
}

.c-modal-main.contactbox .submit {
    border: none;
    outline: none;
    background: #e60012;
    padding: 0;
    /* left: 50px; */
    width: 150px;
    height: 62px;
    background-size: 20px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    right: 43%;
    top: 41.5%;
}

.c-modal-main.contactbox .input {
 
  height: 72px;
  width:308px;
  line-height: 1.5;
  border: none;
  padding: 0 20px;
  outline: none;
  color: #000;
  font-size: 23px;
  background: none
}

.c-modal-main.contactbox::-moz-placeholder {
  color: #aaa
}

.c-modal-main.contactbox::-webkit-input-placeholder {
  color: #aaa
}

.c-modal-main.contactbox:-ms-input-placeholder {
  color: #aaa
}

.c-modal-main.contactbox .info {
  font-size: 14px;
  margin-top: 8px;
  padding-right: 25%;
  position: relative
}

.c-modal-main.contactbox .tel {
  color: #FFFFFF;
  margin-top: 80px;
  font-size: 42px;
  line-height: 50px;
  font-family: gilroy-semibold;
}

.c-modal-main.contactbox .ewm {
  width: 80px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -40px
}

@media only screen and (max-width:640px) {
  .c-modal-main.contactbox .main {
    padding: 36px 26px;
  }

  .c-modal-main.contactbox .bg {
    padding: 10px
  }

  .c-modal-main.contactbox .tit {
    font-size: 17px
  }

  .c-modal-main.contactbox .text {
    font-size: 24px;
    margin-bottom: 16px
  }

  .c-modal-main.contactbox .form {
    border: 3px solid #fff
  }

  .c-modal-main.contactbox .iconfont {
    line-height: 36px;
    width: 30px;
    font-size: 20px
  }

  .c-modal-main.contactbox .submit {
    width: 60px;
    height: 36px;
    font-size: 13px
  }

  .c-modal-main.contactbox .input {
    width: calc(100% - 90px);
    height: 36px;
    padding: 0 8px;
    font-size: 14px
  }

  .c-modal-main.contactbox .info {
    font-size: 12px;
    margin-top: 8px;
    padding: 0
  }

  .c-modal-main.contactbox .tel {
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.3
  }

  .c-modal-main.contactbox .ewm {
    display: none
  }
}