#position{padding:15px 0;}
#position a{font-size: 14px;color: #333;position: relative;top: -1;}
#position a::after{content:">";display: inline-block;margin: 0 10px}
#position a:last-child::after{display: none;}
#position a:hover{color: #009fe6;}
.page_h2_title{font-size: 30px;line-height: 35px;font-weight: bold;text-align: center;text-transform: uppercase;}
.page_p_des{font-size: 16px;line-height: 27px;margin: 15px auto 80px;color: #676767;text-align: center;}


/*common-page-banner*/
#page_banner{background-size: cover;height:390px;width: 100%;background-position: center;background-repeat: no-repeat;position: relative;}
#page_banner .w1440{position: absolute;left: 0;right:0;margin:0 auto;top:50%;transform: translateY(-50%);}
#page_banner h1{text-transform: uppercase;font-weight: 500;margin-bottom: 25px;}
#page_banner hr{height: 4px;margin: 30px 0;}
#page_banner p{width: 400px;font-size:30px;line-height: 42px;color: #1a2a70;font-weight: 500;}

@media(max-width:1100px){
    #page_banner{height: 170px;background-position: 70%;}
    #page_banner p{width: 100%;font-size: 18px;}
}


/*company_profile*/
#company_profile{padding: 70px 0;}
#company_profile .h4_des{margin:20px 0 60px}
#company_profile .con{float: left;width: 50%;}
#company_profile .numbox{width: 100%;}
#company_profile .numbox b{font-size: 49px;color: #00a0e9;}
#company_profile .numbox sup,#company_profile .numbox sub{font-size: 38px;color: #00a0e9;}
#company_profile .numbox p{font-size: 18px;margin-top: 10px;}
#company_profile .img{float: right;width: 43%;position: relative;}
#company_profile .img img{width: 100%;display: block;}
#company_profile .img::after{content:"";background-image: url(../images/play.png);background-repeat: no-repeat;background-position: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

@media(max-width:1440px){
    #company_profile{padding:30px 0}
    #company_profile .numbox b{font-size: 30px;}
    #company_profile .numbox sub,#company_profile .numbox sup{font-size: 26px;}
    #company_profile .numbox p{font-size: 16px;}
}

@media(max-width:1100px){
    #company_profile .con{width: 100%;margin-bottom: 20px;}
    #company_profile .h4_des{margin-bottom: 20px;}
    .numbox li {margin-bottom: 10px;display: inline-block;width: 45%;text-align: center;}
    #company_profile .img{width: 100%;}
}

@media(max-width:768px){
    
    #company_profile .numbox b{font-size: 24px;}
    #company_profile .numbox sub,#company_profile .numbox sup{font-size: 20px;}
    #company_profile .numbox p{font-size: 14px;}
}




/*#honor*/
#honor{padding:120px 0;position: relative;;background-image: url(../images/honorback.webp);background-repeat: no-repeat;background-size: cover;}

#honor h2{text-align: center;}
#honor .h4_des{text-align: center;margin:20px auto 120px}

#honor .swibox{overflow: hidden;padding-top: 150px;position: relative;}
#honor .swiper-container{overflow: unset;}
#honor .swiper-wrapper .swiper-slide .img{transform: scale(1);transform-origin: bottom;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#honor .swiper-wrapper .swiper-slide.swiper-slide-active{z-index: 3;}
#honor .swiper-wrapper .swiper-slide.swiper-slide-active .img{transform: scale(1.5);z-index: 1;position: relative;}
#honor .swiper-slide img{display: block;width: 100%;}
#honor .swiper-button-prev{background-image: url(../images/swip.png);background-size: 44px auto;left: 80px;width: 45px;top: unset;bottom: 200px;}
#honor .swiper-button-next{background-image: url(../images/swin.png);background-size: 44px auto;right: 80px;width: 45px;top: unset;bottom: 200px;}


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

@media(max-width:1100px){
    #honor{padding:35px 0}
    #honor .h4_des{margin-bottom: 50px;}
}

@media(max-width:768px){
    #honor .swibox{padding-top:30%;padding-bottom: 50px;}
    #honor .swiper-button-prev{left:20px;bottom:30px}
    #honor .swiper-button-next{right:20px;bottom:30px}
}





/*#culture*/
#culture{padding: 100px 0;}

#culture h2{text-align: center;}
#culture .h4_des{text-align: center;margin:20px auto 40px}
#culture .cul-box{overflow: hidden;}
#culture .list{float: left;background-position: center;background-repeat: no-repeat;background-size: cover;padding:35px;position: relative;}
#culture .list:nth-child(1){width: 45%;margin-right: 1%;height: 517px;background-image: url(../images/cul1.webp);}
#culture .list:nth-child(2){width: 54%;height: 252px;background-image: url(../images/cul2.webp);margin-bottom: 1%;}
#culture .list:nth-child(3){width: 54%;height: 252px;background-image: url(../images/cul3.webp);}

#culture .list b{font-size: 30px;font-weight: 500;line-height: 35px;display: block;margin-bottom: 15px;color: #fff;position: relative;z-index: 1;}
#culture .list p{font-size: 16px;line-height: 24px;color: #fff;position: relative;z-index: 1;}
#culture .list:nth-child(3) b,#culture .list:nth-child(3) p{color: #333;}
#culture .list::after{content:"";-webkit-transition: all 0.6s ease;left:0;top:0;transition: all 0.6s ease;display: block;position: absolute;width: 100%;height: 100%;opacity: 0;background-image: linear-gradient(to bottom,#009fe6,#00c2ff);}
#culture .list:hover::after{opacity: 0.3;}


@media(max-width:1440px){
    #culture .list b{font-size: 24px;}
    #culture .list p{font-size: 15px;}
}

@media(max-width:1100px){
    #culture{padding:35px 0}
    #culture .h4_des{margin-bottom: 20px;}
}

@media(max-width:768px){
    #culture .list:nth-child(1),
    #culture .list:nth-child(2),
    #culture .list:nth-child(3)
    {width: 100%;height: auto;padding:15px}
    #culture .list b{font-size: 20px;}
    #culture .list p{font-size: 14px;}
}




/*#history*/

#history{background-image: url(../images/hisback.webp);background-repeat: no-repeat;
    background-size: cover;height: 100vh;}
#history .w1440{height: 100%;position: relative;}

.hisnum{border-left: 1px solid #aaa;position: absolute;top: 0;left: 0;width: 100px;height: 100%;display: flex;align-items: center;}
.hisnum .swiper-container{width: 100%;margin-left: -5px;}
.hisnum .swiper-slide{font-size: 16px;position: relative;}
.hisnum .swiper-slide div{font-size: 16px;display: inline-block;padding-left: 30px;}
.hisnum .swiper-slide.swiper-slide-thumb-active::before{content: "";border-radius: 50%;background-color: #009fe6;width: 10px;height: 10px;position: absolute;left: 0px;top:2px;}

.hisbox{padding-left: 150px;overflow: hidden;height: 100%;}

.hisbox>.swiper-container{height: 100%;}
.hisbox>.swiper-container>.swiper-wrapper>.swiper-slide{width: 100%;align-items: center;display: flex;}


.hisbox .box-list{width: 100%;}
.hisbox .h4_des{margin:25px 0 75px}

.hisbox .left{float: left;width: 30%;}
.hisbox .left .year{font-size: 130px;line-height: 135px;display: block;margin-bottom: 60px;}
.hisbox .left p{font-size: 16px;margin-top: 10px;}
.hisbox .left .yearm{font-size: 18px;color: #000;}


.hisbox .right{float: right;width: 62%;}
.hisbox .right img{display: block;width: 100%;}

@media(max-width:1440px){
    .hisbox .h4_des{margin:25px 0 45px}

    .hisbox .left .year{font-size: 100px;}
    .hisbox .left p{font-size: 14px;}
    .hisbox .left p b{font-size: 16px;}
}

@media(max-width:1100px){
    #history{height: calc(100vh - 60px);}
    .hisbox .h4_des{margin:20px 0;}


    .hisbox .left .year{font-size: 70px;}
    .hisbox .left p{font-size: 13px;}
    .hisbox .left p b{font-size: 15px;}
}

@media(max-width:800px){
    .hisbox{padding-left: 60px;}
    .hisnum{width: 80px;}
    .hisbox .left{width: 100%;margin-bottom: 20px;}
    .hisbox .left .year{font-size: 50px;line-height: 50px;}
    .hisbox .right{width: 100%;}
}

@media(max-width:508px){

    .hisbox .left .year{font-size: 50px;}
    .hisbox .left p{font-size: 12px;}
    .hisbox .left p b{font-size: 14px;}
}





/*#shehui*/
#shehui{padding:100px 0;}
#shehui .h1_title{text-align: center;}
#shehui .h4_des{text-align: center;width: 65%;margin:25px auto 45px;}


#shehui .shehui-box{display: flex;height: 515px;background-image: url(../images/shehui.webp);background-position: center;background-size: cover;}
#shehui .shehui-box .list{flex:1;text-align: center;padding:0 55px;padding-top: 200px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#shehui .shehui-box .list *{color: #fff;display: block;}
#shehui .shehui-box .list img{height: 49px;margin: 0 auto;}
#shehui .shehui-box .list b{margin:20px auto 30px;font-size: 26px;font-weight: 500;}
#shehui .shehui-box .list p{font-size: 16px;line-height: 25px;margin: 0 auto;opacity: 0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#shehui .shehui-box .list{}
#shehui .shehui-box .list:hover{background-color: rgba(0,0,0,0.4);padding-top: 120px;}


#shehui .shehui-box .list.active{background-color: rgba(0,0,0,0.4);}
#shehui .shehui-box .list.active p,#shehui .shehui-box .list:hover p{opacity: 1;transform: translateY(0);}

@media(max-width:1440px){
    #shehui .shehui-box .list b{font-size: 22px;}
    #shehui .shehui-box .list p{font-size: 15px;line-height: 25px;}
}

@media(max-width:1100px){
    #shehui{padding:35px 0}
    #shehui .h4_des{margin:20px auto;width: 100%;}

    #shehui .shehui-box{display: block;overflow: hidden;height: auto;background-position: 70%;}
    #shehui .shehui-box .list{float: left;width: 50%;}

    #shehui .shehui-box .list{padding-left: 30px;padding-right: 30px;}
    #shehui .shehui-box .list img{height: 42px;}
    #shehui .shehui-box .list b{font-size: 18px;}
    #shehui .shehui-box .list p{font-size: 14px;line-height: 25px;}
    #shehui .shehui-box .list:hover,#shehui .shehui-box .list{background-color: rgba(0,0,0,0.4);padding:30px}
    #shehui .shehui-box .list:hover p,#shehui .shehui-box .list p{opacity: 1;transform: translateY(0);}
}

@media(max-width:768px){
    #shehui .shehui-box .list{width: 100%;}
}




/*#part*/
#part{padding:100px 0;background-image:url(../images/partback.webp);background-position: center;background-size: cover;}
#part .h1_title{text-align: center;margin-bottom: 70px;}
#part .part-box{background-color: rgba(255,255,255,0.7);border-radius: 30px;padding:60px}
#part .part-box .list{float: left;width: 20%;height: 115px;display: flex;justify-content: center;align-items: center;}
#part .part-box .list img{max-width: 80%;max-height: 90%;}

@media(max-width:1440px){
    #part .part-box{padding:35px}
}

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

@media(max-width:768px){
    #part .part-box .list{height: 55px;}
}




/*#product-list*/
#product_list{padding-bottom: 80px;}
.pro_cate{margin: 0 auto;padding:20px 0 35px;}
.pro_cate ul {text-align: center;}
.pro_cate ul li{margin: 0 15px;display: inline-block;}
.pro_cate ul li a{font-size: 18px;color: #666;}
.pro_cate ul li a:hover,.pro_cate ul li.active a{color: #009fe6;border-bottom: 2px solid #009fe6;padding-bottom: 5px;}

.pro_box a{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;position: relative;top: 0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.pro_box a:nth-child(4n){margin-right: 0;}
.pro_box a .img img{width: 100%;display: block;}
.pro_box a b{font-size: 20px;line-height: 27px;height: 27px;overflow: hidden;margin: 10px 0;display: block;}
.pro_box a .des{font-size: 14px;line-height: 24px;height: 45px;overflow: hidden;color: #666;}

.pro_box a:hover{top: -10px;}


@media(max-width:1440px){
    .pro_box a b{font-size: 18px;line-height: 27px;}
.pro_box a .des{font-size: 13px;line-height: 24px;}
}

@media(max-width:1100px){
    #product_list{padding-bottom: 30px;}
    .pro_cate{display: none;}
    
    .pro_box{margin-top: 25px;}
    .pro_box a{width: 32%;}
    .pro_box a:nth-child(4n){margin-right: 2%;}
    .pro_box a:nth-child(3n){margin-right: 0%;}
    .pro_box a b{font-size: 16px;line-height: 25px;}
.pro_box a .des{font-size: 13px;line-height: 22px;}

}

@media(max-width:768px){
    .pro_box a{width: 49%;}
    .pro_box a:nth-child(3n){margin-right: 2%;}
    .pro_box a:nth-child(2n){margin-right: 0%;}
    .pro_box a b{font-size: 15px;line-height: 23px;}
.pro_box a .des{font-size: 12px;line-height: 21px;}
}


/*#product_detail*/
#product_detail{padding:50px 0;background-color: #eee;}
#product_detail .swiper-imgs{float: left;}

#product_detail .swiper-imgs{width: 45%;overflow: hidden;position: relative;}
#product_detail .swiper-imgs .swiper-thumbs{float: left;width: 17.5%;height: 100%;position: absolute;left: 0;top: 0;}
#product_detail .swiper-imgs .swiper-thumbs .swiper-slide{display: flex;align-items: center;width: 100%;justify-content: center;}
#product_detail .swiper-imgs .swiper-thumbs .swiper-slide img{max-width: 100%;max-height: 100%;}
#product_detail .swiper-imgs .swiper-bigs{float:right;width:78.5%}
#product_detail .swiper-imgs .swiper-bigs img{display: block;width: 100%;}


#product_detail .detail_con{float: right;width: 47%;}
#product_detail .detail_con b{font-size: 30px;font-weight: 500;color: #009fe6;}
#product_detail .detail_con .des{font-size: 16px;line-height: 28px;margin:30px 0 160px}
#product_detail .detail_con a{width: 190px;font-size: 14px;color: #333;height: 40px;line-height: 40px;display: inline-block;margin-right: 15px;text-align: center;
background-repeat: no-repeat;background-position: center;border: 1px solid #ccc;position: relative;padding-left: 30px;}
#product_detail .detail_con a:hover{background-image: linear-gradient(to right,#009fe6,#00c4e6);color: #fff;border-color:#009fe6;}
#product_detail .detail_con a img{position: absolute;left: 30%;top: 50%;transform: translate(-50%,-50%)}
#product_detail .detail_con a .img1{display: inline-block;}
#product_detail .detail_con a .img2{display: none;}
#product_detail .detail_con a:hover .img1{display: none;}
#product_detail .detail_con a:hover .img2{display: inline-block;}


@media(max-width:1440px){
    #product_detail .detail_con b{font-size: 24px;}
    #product_detail .detail_con .des{font-size: 14px;}
}
@media(max-width:1100px){
    #product_detail{padding:35px 0;}
    #product_detail .swiper-imgs{width: 100%;margin-bottom: 20px;}
    #product_detail .detail_con{width: 100%;}

    
    #product_detail .detail_con b{font-size: 20px;}
    #product_detail .detail_con .des{font-size: 13px;line-height: 24px;margin: 20px 0;}

    #product_detail .detail_con a{width: 100%;margin-top: 5px;}
}
@media(max-width:768px){}



/*#detail_box*/
#detail_box {padding:45px 0;}
#detail_box .detail_tit{font-size: 20px;font-weight: 500;padding:25px 15px;margin-bottom: 30px;display: inline-block;border-bottom: 3px solid #009fe6;}

#detail_box #product_table{margin-bottom: 110px;overflow-y: hidden;overflow-x: auto;}
#detail_box #product_table table{width: 100%;min-width: 800px;}
#detail_box #product_table table tr{border-bottom: 1px solid #e5e5e5;}
#detail_box #product_table table tr:nth-child(1){border-bottom: 0;}
#detail_box #product_table table td{padding:20px 10px;text-align: center;min-height: 40px;font-size: 16px;line-height: 26px;}
#detail_box #product_table table td:nth-child(1){width: 200px;}
.detail_show img{width: 100%;text-align: center;}


@media(max-width:1440px){

}
@media(max-width:1100px){
    #detail_box{padding:35px 0;}

    #detail_box .detail_tit{font-size: 18px;padding: 16px 12px;margin-bottom: 15px;}

    #detail_box #product_table{margin-bottom: 20px;}
}
@media(max-width:768px){}



/*#relate_product*/
#relate_product{padding:60px 0 160px;}
#relate_product h2{text-align: center;}

#relate_product .relate_box{display: flex;gap:15px;margin-top: 50px;}
#relate_product .relate_box a{display: block;flex:1;position: relative;top: 0;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#relate_product .relate_box a .img{width: 100%;}
#relate_product .relate_box a .img img{display: block;width: 100%;}
#relate_product .relate_box a b{width: 100%;display: block;font-size: 20px;font-weight: 500;margin-top: 20px;}
#relate_product .relate_box a:hover{top: -10px;color: #009fe6;}

@media(max-width:1440px){

}
@media(max-width:1100px){
    #relate_product{padding:35px 0;}
    #relate_product .relate_box{margin-top: 0;}
    #relate_product .relate_box {display: block;overflow: hidden;}
    #relate_product .relate_box a{float: left;width: 49%;margin-right: 2%;margin-top: 25px;}
    #relate_product .relate_box a:nth-child(2n){margin-right: 0;}

    #relate_product .relate_box a b{font-size: 16px;}
}
@media(max-width:768px){}


/*#contact*/
#page_contact{padding:80px 0;}
#page_contact h2.h1_title b{font-size: 30px;font-weight: 500;}
#page_contact h2.h1_title span{display: block;font-size: 13px;line-height: 13px;font-weight: 500;letter-spacing: 0.2px;}

#page_contact .contact-box{display: flex;margin-top: 35px;}
#page_contact .contact-box .left{width: 30%;background-image: linear-gradient(to right,#009fe6,#00c4e6);padding:50px 30px}
#page_contact .contact-box .left *{color: #fff;}

#page_contact .contact-box .left b{display: block;font-size: 20px;}
#page_contact .contact-box .left hr{width: 60px;height: 3px;display: block;margin-top: 20px;background-color: #fff;}
#page_contact .contact-box .left p{margin-top: 20px;font-size: 14px;}
#page_contact .contact-box .left p font{font-size: 18px;font-weight: 500;}


#page_contact .contact-box .right{width: 70%;}
#page_contact .contact-box .right img{display: block;width: 100%;}


#contact_form{padding:100px 0;}
#contact_form h2{text-align: center;}
#contact_form .contact_table{margin-top: 70px;}

#contact_form .contact_table label{display: block;margin-bottom: 15px;}
#contact_form .contact_table .input_box{float: left;width: 49%;}

#contact_form .contact_table .input_list label{margin-top: 21px;}
#contact_form .contact_table .input_box .input_list:nth-child(1) label{margin-top: 0;}
#contact_form .contact_table .input_list input{border: 1px solid #ccc;display: block;width: 100%;height: 40px;line-height: 40px;padding-left: 10px;}

#contact_form .contact_table .area_list{float: right;width: 49%;}
#contact_form .contact_table .area_list textarea{display: block;width: 100%;height: 320px;border: 1px solid #ccc;padding:10px;}


#contactSub{width: 160px;height: 40px;text-align: center;background-image: linear-gradient(to right,#009fe6,#00c4e6);display: block;margin:0 auto;margin-top: 60px;border: 0;color: #fff;font-size: 14px;}





@media(max-width:1440px){
    #page_contact .contact-box .left{padding:30px 20px}
}

@media(max-width:1100px){
    #page_contact{padding:30px 0;}
    #page_contact .contact-box{display: block;}
    #page_contact .contact-box .left{width: 100%;}
    #page_contact .contact-box .right{width: 100%;}

    #contact_form{padding:30px 0;}
    #contact_form .contact_table{margin-top: 25px;}

    #contact_form .contact_table .input_box{width: 100%;}
    #contact_form .contact_table .area_list{width: 100%;margin-top: 10px;}
    #contact_form .contact_table .input_list input{height: 35px;line-height: 35px;}
    #contact_form .contact_table .area_list textarea{height: 150px;}

    #contact_form .contact_table .input_list label{margin-top: 10px;}
    #contactSub{margin-top: 20px;}
}

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