@charset "utf-8";
html,body{font-family: "思源黑体 CN";font-weight: 400;}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#e7ecf2;}
::-webkit-scrollbar {width:5px;height:10px;}
::-webkit-scrollbar-thumb {background:#dd3d0f;background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:#dd3d0f;} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}

a{color: #dd3d0f;}

.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    max-width: 1360px;
    margin: 0 auto;
}
.box_con2 {
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto;
}
.box_cons {
    padding: 0 100px;
    box-sizing: border-box;
}
/* 滤镜-图片变纯黑 */
.img-black{filter: brightness(0);}
/* 滤镜-图片变纯白 */
.img-white{filter: brightness(0) invert(1);}
img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* header */
header{position: fixed;z-index: 9;width: 100%;top: 60px;left: 0;right: 0;transition: all 0.5s;}
header h1{background: #fff;border-radius: 0 5px 5px 0;padding-left: 100px;box-sizing: border-box;width: 360px;display: inline-flex;align-items: center;box-shadow: 0 10px 20px rgba(0, 88, 106, 0.06);}
header h1 a{display: flex;line-height:56px;height:56px;align-items: center;}
.head_con{justify-content: space-between;}
.head_right{margin-left: 20px;background: rgba(51, 51, 51, 0.3);padding-right: 100px;width: calc(100% - 360px - 20px);box-sizing: border-box;border-radius: 5px 0 0 5px;align-items: center;justify-content: flex-end;box-shadow: 0 10px 20px rgba(0, 88, 106, 0.06);}
.head_nav{width: calc(100% - 220px);}
.head_nav ul{justify-content: space-between;margin:0;}
.head_nav ul li a{display: block;font-size: 20px;line-height: 56px;padding: 0 10px;box-sizing: border-box;color: #fff;font-weight: bold;margin: 0 30px;position: relative;transition: all 0.5s;}
.head_nav ul li a::after{content: "";display: block;width: 0%;height: 4px;background: #dd3d0f;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: all 0.5s;}
.head_nav ul li.active a,
.head_nav ul li:hover a{text-shadow:  0px 5px rgba(51, 51, 51, 0.8);transition: all 0.5s;}
.head_nav ul li.active a::after,
.head_nav ul li:hover a::after{width: 100%;transition: all 0.5s;}

.head_lange{padding: 0 40px;position: relative;}
.head_lange::before,
.head_lange::after{content: "";display: block;width: 1px;height: 20px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.head_lange::after{right: 0;left: auto;}
.head_lange a{font-size: 20px;font-weight: 400;color: #fff;}
.head_search{position: relative;padding: 0 40px;}

.search_btn{width: 30px;height: 30px;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;}
.search_bd{display: none;position: absolute;top: 44px;right: 0;}
.head_search form{width: 260px;background: #fff;height: 50px;display: inline-flex;}
.head_search form input{width: calc(100% - 50px);padding-left: 10px;box-sizing: border-box;border: none;background: none;}
.head_search form button{width: 50px;height: 50px;background: #dd3d0f;border: none;}

.fixed header{top: 0;transition: all 0.5s;}

footer{background: url(../footer_bg.jpg) no-repeat center;background-size: cover;}
.foot_top{align-items: flex-end;justify-content: space-between;padding: 90px 0 50px;}
.foot_logo{max-width: 330px;}
.foot_hot dl dt{width: 60px;height: 60px;border: 1px solid #bbb;margin-right: 20px;display: inline-flex;align-items: center;justify-content: center;border-radius: 5px;}
.foot_hot dl dt img{display: block;}
.foot_hot dl dd p{font-size: 14px;line-height: 20px;color: #bbb;}
.foot_hot dl dd b{font-size: 30px;font-weight: bold;color: #dd3d0f;line-height: 1.5;font-family: Arial;letter-spacing:-1px;}
.foot_nav{width: 62%;}
.foot_nav dl{max-width: 150px;margin-right: 20px;}
.foot_nav dl:last-child{margin-right: 0;}
.foot_nav dl dt{font-size: 18px;font-weight: bold;color: #333;line-height: 20px;padding-bottom: 20px;position: relative;}
.foot_nav dl dt::after{content: "";display: block;width: 20px;height: 1px;background: #00586a;position: absolute;bottom: 10px;}
.foot_nav dl:last-child dt::after{display: none;}
.foot_nav dl dt a{color: #333;}
.foot_nav dl dd a{display: block;font-size: 14px;line-height: 20px;color: #666;padding: 10px 0;}
.foot_info{width: 38%;}
.foot_info dl{justify-content: space-between;}
.foot_info dl dt{width: 120px;display:flex;flex-direction: column;}
.foot_info dl dt span{display: block;width: 120px;height: 120px;box-shadow: 0 5px 15px rgba(0, 88, 106, 0.06);}
.foot_info dl dt em{display: table-caption;font-size: 14px;line-height: 1;color: #333;width: 120px;text-align: center;}
.foot_info dl dd{width: 260px;}
.foot_info dl dd p{display: inline-flex;font-size: 14px;line-height: 24px;color: #333;}
.foot_info dl dd p span{display: block;width: calc(100% - 30px);}
.foot_btm{background: rgba(0, 88, 106, 0.06);margin-top: 50px;box-sizing: border-box;}
.foot_btm p{font-size: 14px;line-height: 20px;color: #666;}
.foot_btm p a{color: #666;}

/* banner */
.banner{position: relative;}
.banner .myBanner {height: 100vh;position: relative;overflow: hidden;}
.banner .swiper-slide a{display: block;height: 100%;transform: scale(1.2);transition: all 2s;}
.banner_btm{position: absolute;bottom: 40px;left: 0;right: 0;margin: 0 auto;}
.banner .swiper-slide-active a{transform: scale(1);transition: all 3s;}
.mySwiper .swiper-slide{cursor: pointer;}
.banner .swiper-slide-active video,
.mySwiper .swiper-slide video{width: 100%;height: 100%;object-fit: cover;}
.mySwiper .swiper-slide p{font-size: 16px;line-height: 26px;color: #fff;opacity: 0.8;margin-top: 20px;text-align: justify;}
.mySwiper .swiper-slide span{display: block;width: 40px;height: 4px;border-radius: 4px;background: rgba(255, 255, 255, 0.5);transition: all 0.5s;overflow: hidden;}
.mySwiper .swiper-slide span em{display: block;width: 0;height: 4px;background: #dd3d0f;transition: all 4s;}
.mySwiper .swiper-slide-thumb-active p{opacity: 1;}
.mySwiper .swiper-slide-thumb-active span{width: 100%;background: rgba(255, 255, 255, 1);transition: all 0.5s;}
.mySwiper .swiper-slide-thumb-active span em{width: 100%;transition: all 4s;}
.banner_scroll{position: absolute;right: -60px;bottom: 0px;z-index: 9;width: 18px;height: 28px;}
.banner_scroll span{display: block;font-size: 12px;color: #dd3d0f;width: 25px;line-height: 1;margin-left:-2px;}

/*  */
/*.recommend{padding: 80px 0;}*/
/*.recommend .title{padding-bottom: 50px;}*/
/*.recommend .title h3{font-size: 46px;line-height: 1.5;color: #333;font-weight: bold;}*/
/*.recommend .title h3 span{display: inline-flex;margin-left: 10px;}*/
/*.myRecommend{padding-bottom: 30px;overflow: visible;}*/
/*.myRecommend .swiper-slide{padding: 15px;box-sizing: border-box;background: #fff;box-shadow: 0 5px 15px rgba(0, 88, 106, 0.06);border-radius: 5px;}*/
/*.myRecommend .swiper-slide span{display: inline-flex;align-items: center;width: 100%;height: 210px;overflow: hidden;border-radius: 5px;background: #f8f9fc;}*/
/*.myRecommend .swiper-slide span img{width: 100%;transition: all 0.5s;}*/
/*.myRecommend .swiper-slide p{font-size: 14px;line-height: 30px;color: #666;padding-top: 10px;}*/
/*.myRecommend .swiper-slide h3{font-size: 20px;line-height: 30px;color: #333;font-weight: bold;padding-right: 30px;background: url(../jt_icon.png) no-repeat right;margin-bottom: 10px;}*/
/*.myRecommend .swiper-slide:hover h3{color: #dd3d0f;}*/
/*.recommend .swiper-button-prev,*/
/*.recommend .swiper-button-next{width: 40px;height: 40px;border: 1px solid #333;}*/
/*.recommend .swiper-button-prev::after,*/
/*.recommend .swiper-button-next::after{color: #333;font-size: 20px;font-weight: bold;}*/
/*.recommend .swiper-button-prev:hover,*/
/*.recommend .swiper-button-next:hover{background: #dd3d0f;border:1px solid #dd3d0f}*/
/*.recommend .swiper-button-prev:hover::after,*/
/*.recommend .swiper-button-next:hover::after{color: #fff;}*/
/*.recommend .box_con{position: relative;}*/
/*.recommend .swiper_btn{width: 130px;position: absolute;right: 0;top: -80px;z-index: 2;}*/
/*.myRecommend .swiper-slide:hover{background: #dd3d0f;transition: all 0.5s;}*/
/*.myRecommend .swiper-slide:hover span img{transform: scale(1.1);transition: all 0.5s;}*/
/*.myRecommend .swiper-slide:hover p,*/
/*.myRecommend .swiper-slide:hover h3{color: #fff;}*/
.recommend{padding: 80px 0;}
.recommend .title{padding-bottom: 50px;position: relative;z-index: 2;}
.recommend .title h3{font-size: 46px;line-height: 1.5;color: #333;font-weight: bold;position: relative;}
.recommend .title h3::before{content: "";display: block;width: 3px;height: 30px;background: #dd3d0f;position: absolute;left: -40px;top: 50%;margin-top: -20px;}
/* .recommend .title h3 span{display: inline-flex;margin-left: 10px;} */
.recommend_left,
.recommend_right{width: calc(100% / 2 - 20px);padding: 40px;box-sizing: border-box;margin-right: 40px;position: relative;border-radius: 4px;overflow: hidden;height: 420px;}
.recommend_right{margin-right: 0;}
.recommend_left_item{position: absolute;bottom: 40px;left:40px;right:40px;}
.recommend_left_item .item_con{width: calc(100% - 390px);display: inline-flex;flex-direction: column;justify-content: center;}
.recommend_left_item .item_con .tst{font-size: 16px;color: #030622;opacity: 0.7;}
.recommend_left_item .item_con .tit{font-size: 40px;font-weight: bold;color: #040721;margin: 10px 0 20px;}
.recommend_left_item .item_con .txt{font-size: 18px;color: #030622;opacity: 0.8;}
.recommend_left_item .item_img{width: 390px;display: flex;align-items: center;justify-content: center;}
.recommend_left_item .item_img img{height:100%;}

.myProduct{overflow: hidden;position: relative;}
.myProduct .swiper-button-prev,
.myProduct .swiper-button-next{width: 34px;height: 34px;border: 1px solid #333;border-radius: 4px;top: auto;bottom: 0px;right: 10px;z-index: 6;}
.myProduct .swiper-button-next.swiper-button-disabled,
.myProduct .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.myProduct .swiper-button-prev{left: auto;right: 60px;}
.myProduct .swiper-button-prev::after,
.myProduct .swiper-button-next::after{color: #333;font-size: 16px;font-weight: bold;}
.myProduct .swiper-button-prev:hover,
.myProduct .swiper-button-next:hover{background: #dd3d0f;border:1px solid #dd3d0f}
.myProduct .swiper-button-prev:hover::after,
.myProduct .swiper-button-next:hover::after{color: #fff;}
.myProduct .swiper-pagination-product{position: absolute;bottom: 0px;left: 10px;z-index: 3;font-size: 20px;color: #333;width: auto;}
.myProduct .swiper-pagination-product .swiper-pagination-current{font-size: 34px;font-weight: bold;}

.myApplications{overflow: hidden;position: absolute;height: 420px;top: 0;left: 0;right: 0;}
.myApplications .swiper-slide{position: relative;}
.myApplications .swiper-slide .slide_img{display: block;width: 100%;height: 100%;overflow: hidden;border-radius: 4px;}
.myApplications .swiper-slide .slide_img img{width: 100%;height: 100%;object-fit: cover;}
.myApplications .swiper-slide .slide_con{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.myApplications .swiper-slide .slide_con a{padding: 40px;box-sizing: border-box;display: flex;height: 100%;flex-direction: column;justify-content: center;background: rgba(0, 0, 0, 0.3);}
.myApplications .swiper-slide .slide_con h3{font-size: 34px;font-weight: bold;color: #fff;padding-top: 20px;}
.myApplications .swiper-slide .slide_con p{margin:20px 0;font-size: 18px;color: #fff;max-width: 380px;}
.myApplications .swiper-button-prev,
.myApplications .swiper-button-next{width: 34px;height: 34px;border: 1px solid #fff;border-radius: 4px;top: auto;bottom: 40px;right: 40px;z-index: 3;}
.myApplications .swiper-button-next.swiper-button-disabled,
.myApplications .swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.myApplications .swiper-button-prev{left: auto;right: 90px;}
.myApplications .swiper-button-prev::after,
.myApplications .swiper-button-next::after{color: #fff;font-size: 16px;font-weight: bold;}
.myApplications .swiper-button-prev:hover,
.myApplications .swiper-button-next:hover{background: #dd3d0f;border:1px solid #dd3d0f}
.myApplications .swiper-button-prev:hover::after,
.myApplications .swiper-button-next:hover::after{color: #fff;}
.myApplications .swiper-pagination-applications{position: absolute;bottom: 40px;left: 40px;z-index: 3;font-size: 20px;color: #fff;width: auto;}
.myApplications .swiper-pagination-applications .swiper-pagination-current{font-size: 34px;font-weight: bold;}

/* about */
.about_pic{max-height: 780px;text-align: center;}
.about_btm{text-align: center;padding: 100px 0;}
.about_btm h3{padding-top: 50px;font-size: 54px;color: #333;font-weight: bold;}
.about_btm h5{font-size: 44px;color: #333;font-weight: bold;padding: 20px 0;}
.about_btm p{padding-top: 30px;display: flex;align-items: center;justify-content: center;}
.about_btm p span{border: 1px solid #bbb;border-radius: 5px;display: inline-flex;width: 160px;line-height: 20px;padding: 10px;justify-content: center;align-items: center;margin: 0 20px;font-size: 14px;color: #333;cursor: pointer;}
.about_btm p span em img{display: block;margin-left: 10px;}
.about_btm p span:hover{background: #dd3d0f;color: #fff;border: 1px solid #dd3d0f;}
.about_btm p span:hover em{filter: brightness(0) invert(1);}
.videos{position: fixed;top: 0;left: 0;right: 0;width: 100%;height:100%;background: rgba(0, 0, 0, 0.5);z-index: 9;display: none;}
.videos .close{width: 40px;height: 40px;border: 2px solid #fff;border-radius: 50%;position: absolute;right: 0;cursor: pointer;}
.videos .close span{width: 25px;height: 3px;background: #fff;display: block;position: absolute;top: 50%;left: 0;right: 0;margin: -1px auto 0;transform: rotate(-45deg);}
.videos .close span:last-child{transform: rotate(45deg);}
.videos video{max-width: 1000px;width: 100%;height: 100%;max-height: 600px;object-fit: cover;margin-top: 100px;}

.more{width: 160px;line-height: 50px;text-align: center;margin-top: 50px;}
.more a{display: inline-flex;font-size: 14px;color: #333;justify-content: center;align-items: center;width: 100%;border: 1px solid #aaa;border-radius: 5px;}
.more a em{display: block;width: 18px;height: 18px;background: url(../jt2_icon.png) no-repeat;margin-left: 10px;}
.more:hover a{background: #dd3d0f;color: #fff;border: 1px solid #dd3d0f;}
.more:hover a em{filter: brightness(0) invert(1);}

.product_right{width: 68%;}
.tab_tit{margin-left: 20px;}
.tab_tit ul li{padding: 0 15px;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 16px;line-height: 40px;color: #999;border-radius: 5px;}
.tab_tit ul li:first-child{width: 110px;}
.tab_tit ul li.active{background: #dd3d0f;color: #fff;}
.tab_item{margin-top: 50px;}
.tab_item ul li{width: calc(100% / 3 );padding: 20px;box-sizing: border-box;border-radius: 5px;margin-bottom: 20px;border-bottom: 5px solid transparent;}
.tab_item ul li h3{font-size: 20px;line-height: 30px;font-weight: bold;color: #333;}
.tab_item ul li p{font-size: 16px;line-height: 30px;color: #999;}
.tab_item ul li span{display: block;width: 100%;height: 200px;overflow: hidden;border-radius: 5px;margin-top: 15px;}
.tab_item ul li span img{width: 100%;transition: all 0.5s;}
.tab_item ul li:hover{background: #fff;box-shadow: 0 10px 20px rgba(0, 88, 106, 0.06);border-bottom: 5px solid #dd3d0f;}
.tab_item ul li:hover span img{transform: scale(1.1);transition: all 0.5s;}

/*  */
.application{padding: 60px 0;}
.application .title h3{font-size: 46px;font-weight: bold;color: #fff;}
.application .title p{font-size: 16px;line-height: 30px;color: #fff;}
.application .tct{justify-content: space-between;align-items: flex-end;margin: 30px auto;}
.application .tct .txt{max-width: 800px;font-size: 18px;line-height: 34px;color: #fff;}
.application .tct .more{margin-top: 0;}
.application .tct .more a{background: #dd3d0f;border-color: #dd3d0f;color: #fff;}
.application .tct .more a em{filter: brightness(0) invert(1);}
.application_list{margin-top: 60px;position: relative;}
.myApplication{height: 900px;position: relative;overflow: hidden;}
.myApplication .swiper-slide{ height: calc((100% - 40px) / 2) !important;}
.myApplication .swiper-slide span{display: block;max-width: 660px;height: 330px;overflow: hidden;border-radius: 5px;margin-bottom: 20px;}
.myApplication .swiper-slide span img{transition: all 0.5s;width: 100%;height:100%;object-fit:cover;}
.myApplication .swiper-slide h3{font-size: 26px;line-height: 1.5;color: #333;font-weight: bold;}
.myApplication .swiper-slide p{font-size: 16px;line-height: 30px;color:#6d768a;}
.myApplication .swiper-slide:hover span{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.myApplication .swiper-slide:hover h3{color: #dd3d0f;}
.myApplication .swiper-slide:hover span img{transition: all 0.5s;transform: scale(1.1);}
.application_list .swiper-button-next,
.application_list .swiper-button-prev{width: 60px;height: 120px;border: 1px solid #b2b2b2;z-index: 2;border-radius: 5px;margin-top:-110px;}
.application_list .swiper-button-next{right: -80px;}
.application_list .swiper-button-prev{left: -80px;}
.application_list .swiper-button-next::after,
.application_list .swiper-button-prev::after{font-size: 24px;color: #b2b2b2;}
.application_list .swiper-button-next:hover,
.application_list .swiper-button-prev:hover{background: #dd3d0f;border: 1px solid #dd3d0f;}
.application_list .swiper-button-next:hover::after,
.application_list .swiper-button-prev:hover::after{color: #fff;}


/*  */
.news{padding: 60px 0 100px;position: relative;}
.news_left{width: 200px;}
.news_left .title h3{font-size: 46px;line-height: 1.5;color: #333;font-weight: bold;}
.news_left .title p{font-size: 16px;line-height: 30px;color: #999;}
.news_tit{margin-top: 20px;}
.news_tit ul li{font-size: 24px;line-height: 30px;font-weight: bold;color: #333;cursor: pointer;}
.news_tit ul li.active{color: #dd3d0f;}
.news_right{width: calc(100% - 200px);padding-left: 50px;box-sizing: border-box;}
.myNews{display: none;width: 100%;}
.myNews.active{display: block;}
.myNews .swiper-slide{max-width: 400px;}
.myNews .swiper-slide span{display: block;width: 100%;height: 210px;overflow: hidden;}
.myNews .swiper-slide span img{width: 100%;}
.myNews .swiper-slide p{font-size: 18px;line-height: 34px;color: #222;display: inline-flex;align-items: center;margin-top: 10px;}
.myNews .swiper-slide p img{margin-right: 10px;}
.myNews .swiper-slide h3{font-size: 24px;line-height: 36px;color: #333;font-weight: bold;}
.myNews .swiper-slide:hover span{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.myNews .swiper-slide:hover h3{color: #dd3d0f;}
.myNews .swiper-slide:hover span img{transform: scale(1.1);transition: all 0.5s;}

.content_cons{justify-content: space-between;align-items: center;height: 250px;}
.content_cons h3{font-size: 46px;font-weight: bold;color: #fff;}
.content_cons a{width: 260px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;border-radius: 5px;border: 1px solid #bbb;display: inline-flex;align-items: center;justify-content: center;}
.content_cons a em{display: block;width: 17px;height: 17px;background: url(../index_icon.png) no-repeat;margin-right: 20px;}
.content_cons a:hover{background: #dd3d0f;}


/* 内页 */
.bar{height: 680px;}
.bar_con{height: 100%;}
.bar_tit{width: 100%;height: 100%;display: inline-flex;flex-direction: column;justify-content: center;position: relative;}
.bar_tit h3{font-size: 56px;font-weight: bold;color: #fff;text-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.bar_tit p{font-size: 44px;font-weight: bold;color: #fff;opacity: 0.3;text-transform: uppercase;}
.bar_tit span{display: inline-flex;align-items: center;font-size: 16px;line-height: 34px;color: #fff;margin-top: 20px;}
.bar_tit span img{margin-right: 10px;}
.bar_tit dl{position: absolute;bottom: 60px;justify-content: flex-end;}
.bar_tit dl dt{margin-right: 5px;}
.bar_tit dl dd a{font-size: 14px;line-height: 26px;color: #fff;}

.nav{margin: -120px auto 60px;position: relative;z-index: 2;}
.nav ul li{width: 140px;line-height: 20px;text-align: center;background: rgba(255, 255, 255, 0.7);margin-right: 20px;border-radius: 5px;overflow: hidden;display: flex;align-items: center;}
.nav ul li a{font-size: 15px;color: #333;display: flex;align-items: center;justify-content: center;padding: 5px 0;width: 100%;height: 100%;box-sizing: border-box;}
.nav ul li.active a,
.nav ul li:hover a{background: #dd3d0f;color: #fff;}

.main{padding: 60px 0;}
.main_title{padding: 40px 0;}
.main_title h3{font-size: 42px;font-weight: bold;color: #333;margin-bottom: 20px;}
.main_title h4{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 20px;}

.main_title2{padding: 0 0 30px;}
.main_title2 h3{font-size: 36px;font-weight: bold;color: #101010;margin-bottom: 10px;}
.main_title2 p{font-size: 18px;color: #101010;line-height: 36px;}

.about_con{justify-content: space-between;}
.about_left{width: 51.5%;}
.about_right{width: calc(100% - 52%);padding-left: 75px;box-sizing: border-box;margin-top: -70px;}
.about_right .mains_text{font-size: 18px;line-height: 34px;color: #333;padding-right: 50px;height: 420px;overflow-y: auto;box-sizing: border-box;}

.about_right_item{margin-top: 40px;}
.about_right_item ul li{display: inline-flex;width: 100%;border-bottom: 1px solid #dcdee1;justify-content: space-between;padding: 20px 0;margin: 0 0 20px;align-items: flex-end;}
.about_right_item ul li p{display: inline-flex;flex-direction: column;align-items: flex-start;font-size: 16px;color: #333;line-height: 30px;}
.about_right_item ul li span{display: inline-flex;}
.about_right_item ul li span b{font-size: 64px;font-weight: bold;color: #dd3d0f;line-height: 1;}
.about_right_item ul li span sup{font-size: 14px;color: #dd3d0f;}
.about_right_item ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}

.culture_items{justify-content: space-between;}
.culture_items .item{max-width: 660px;overflow: hidden;margin: 0 0 20px 0;width: calc(100% / 2  - 10px);}
.culture_items .item .item_cons{width: 100%;height: 840px;position: relative;border-radius: 5px;overflow: hidden;transition: all 0.5s;}
.culture_items .item .item_cons .item_img{height: 100%;}
.culture_items .item .item_cons .item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.culture_items .item .item_cons .item_con{position: absolute;top: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;height: 100%;display: inline-flex;flex-direction: column;justify-content: flex-end;}
.culture_items .item .item_cons .item_con h3{font-size: 30px;font-weight: bold;color: #fff;padding-top: 20px;}
.culture_items .item .item_cons .item_con p{font-size: 22px;line-height: 28px;color: #fff;margin:10px 0 30px;height: 0;overflow: hidden;transition: all 0.5s;}
.culture_items .item .item_cons:hover{transform: translateY(-10px);transition: all 0.5s;}
.culture_items .item .item_cons:hover .item_con p{height: 112px;transition: all 0.5s;}
.culture_items .item:nth-child(1){height: 840px;}
.culture_items .item:nth-child(1) .item_cons .item_con{height: 410px;}
.culture_items .item:nth-child(2) .item_cons{margin: 0 0 20px 0;height: 410px;overflow: hidden;}
.culture_items .item:nth-child(2) .item_cons:last-child{margin-bottom: 0;}
.culture_items .item:nth-child(3) .item_cons,
.culture_items .item:nth-child(4) .item_cons{height: 470px;overflow: hidden;}
.culture_items .item .item_cons:hover .item_img img{transition: all 0.5s;}

.history{margin: 30px auto 100px;}
.history .preview{position: relative;padding-left: 230px;}
.history .preview::before{content: "";display: block;width: 200%;height: 1px;background:#aeb4c2;position: absolute;top: 160px;left: -50%;}
.history .preview .swiper-container{overflow: hidden;padding: 70px 0 50px;}
.history .preview .swiper-container .swiper-slide{font-size: 26px;line-height: 66px;color: #aeb4c2;position: relative;text-align: center;cursor: pointer;}
.history .preview .swiper-container .swiper-slide::before,
.history .preview .swiper-container .swiper-slide::after{content: "";display: block;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -45px;z-index: 2;}
.history .preview .swiper-container .swiper-slide::before{width: 38px;height: 38px;border:1px solid #aeb4c2;}
.history .preview .swiper-container .swiper-slide::after{width: 22px;height: 22px;background: #aeb4c2;margin: 8px auto;}
.history .preview .swiper-container .active-nav::after{background: #dd3d0f;}
.history .preview .swiper-container .active-nav::before{border:1px solid #dd3d0f;}
.history .preview .swiper-container .active-nav{font-size: 36px;color: #dd3d0f;font-weight: bold;}
.history .view {margin-top: 60px;position: relative;}
.history .view .box_con{justify-content: space-between;align-items: center;}
.history .view .swiper-container{width: calc(100% - 330px);overflow: hidden;}
.history .view .swiper-container .swiper-slide .history_tit{width: 260px;}
.history .view .swiper-container .swiper-slide .history_tit h3{font-size: 60px;color: #333;font-weight: bold;}
.history .view .swiper-container .swiper-slide .history_tit h3 span{font-size: 24px;}
.history .view .swiper-container .swiper-slide .history_tit h3::after{content: "";display: block;width: 30px;height: 4px;background: #dd3d0f;margin: 30px 0;}
.history .view .swiper-container .swiper-slide .history_tit p{font-size: 44px;color: #333;font-weight: bold;}
.history .view .swiper-container .swiper-slide .history_tct{width: calc(100% - 280px);max-height: 270px;overflow-y: auto;padding: 0 30px;box-sizing: border-box;}
.history .view .swiper-container .swiper-slide .history_tct .mains_text{height: 175px;overflow-y: auto;}
.history .view .arrow-left,
.history .view .arrow-right{display: inline-block;width: 50px;height: 50px;line-height: 48px;border: 1px solid #aeb4c2;text-align: center;font-size: 20px;color: #aeb4c2;font-family: monospace;}
.history .view .arrow-right{margin-right: 150px;}
.history .view .arrow-left{margin-right: 30px;}
.history .view .arrow-left:hover,
.history .view .arrow-right:hover{background: #dd3d0f;color: #fff;border:1px solid #dd3d0f;}

.honor{overflow: hidden;padding: 30px 0;}
.myHonor{width: 525px;height: 350px;position: relative;margin: 0 auto;}
.myHonor .swiper-slide{display: inline-flex;align-items: center;justify-content: center;background: url(../honor_bg.jpg) no-repeat center;background-size: cover;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.myHonor .swiper-slide img{transition: all 0.5s;}
.myHonor .swiper-slide-active{transform: scale(1);z-index: 3;}
.myHonor .swiper-slide-prev{transform: scale(0.8) translateX(80px);}
.myHonor .swiper-slide-next{transform: scale(0.8) translateX(-80px);}
.myHonor .swiper-button-next,
.myHonor .swiper-button-prev{width: 50px;height: 50px;background: rgba(255, 255, 255, 0.3) url(../jt3_icon.png) no-repeat center;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.myHonor .swiper-button-next::after,
.myHonor .swiper-button-prev::after{display: none;}
.myHonor .swiper-button-prev{transform: rotateY(180deg);left: -25px;}
.myHonor .swiper-button-next{right: -25px;}
.myHonor .swiper-button-next:hover,
.myHonor .swiper-button-prev:hover{background: rgba(215, 64, 12, 1) url(../jt3_icon.png) no-repeat center;}
.myHonor .swiper-slide:hover img{transform: scale(1.1);transition: all 0.5s;}

.product_con {justify-content: space-between;}
.product_left,
.product_right{width: 50%;}
.product_left .mains_text{height: 500px;overflow-y: auto;font-size: 18px;line-height: 32px;color: #333;padding-right: 35px;box-sizing: border-box;}


#certify {position: relative;width: 1200px;margin: 0 auto;overflow: hidden;}
#certify .swiper-container {padding-bottom: 0;}
#certify .swiper-slide {width: 320px;}
#certify .swiper-slide img{display:block;margin: 0 auto;}
#certify .swiper-slide p {padding-top: 0;text-align: center;color: #333;font-size: 26px;font-weight: bold;margin: 0;opacity: 0;padding: 20px 0;}
#certify .swiper-slide-active p{opacity: 1;}
.certify_cons{position: relative;}
.certify_cons .swiper-button-next,
.certify_cons .swiper-button-prev{width: 50px;height: 50px;background: rgba(255, 255, 255, 1) url(../jt_icon.png) no-repeat center;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.certify_cons .swiper-button-next::after,
.certify_cons .swiper-button-prev::after{display: none;}
.certify_cons .swiper-button-prev{transform: rotateY(180deg);left:0;}
.certify_cons .swiper-button-next{right: 0;}
.certify_cons .swiper-button-next:hover,
.certify_cons .swiper-button-prev:hover{background: rgba(215, 64, 12, 1) url(../jt3_icon.png) no-repeat center;}


.news_list{margin-bottom: 30px;}
.news_list .item{padding: 20px 0;border-bottom: 1px solid #edf1f4;;position: relative;}
.news_list .item::before{content: "";display: block;width: 200%;height: 100%;position: absolute;left: -50%;background: #fff;background-size: cover;top: 0;z-index: 1;transform: translateX(-300%);transition: all 1.5s;}
.news_list .item:hover::before{transform: translateX(0);transition: all 0.5s;}
.news_list .item a{align-items: center;padding: 15px 0;position: relative;z-index: 1;}
.news_list .item a::before{content: "";display: block;width: 200%;height: 100%;background: #fff;transform: t;}
.news_list .item .item_img{width: 370px;height: 240px;overflow: hidden;border-radius: 5px;}
.news_list .item .item_img img{transition: all 0.5s;}
.news_list .item .item_con{width: calc(100% - 370px);padding-left: 35px;box-sizing: border-box;}
.news_list .item .item_con span{font-size: 18px;line-height: 34px;color: #333;display: block;padding-left: 25px;background: url(../rl_icon.png) no-repeat left center;}
.news_list .item .item_con h3{font-size: 26px;line-height: 40px;color: #333;margin: 15px 0;}
.news_list .item .item_con p{font-size: 16px;line-height: 30px;color: #666;}
.news_list .item .item_con em{font-size: 14px;line-height: 30px;color: #333;display: inline-flex;margin-top: 20px;}
.news_list .item .item_con em font{background: url(../jt2_icon.png) no-repeat center;width: 30px;height: 30px;}
.news_list .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}
.news_list .item:hover .item_con h3,
.news_list .item:hover .item_con em{color: #dd3d0f;}
.news_list .item:hover  .item_con em font{background: url(../jt_icon.png) no-repeat center;}

/* 分页 */
.page_list ul {width: 100%;padding: 50px 0;justify-content: center;}
.page_list ul li{width: 60px;height: 60px;text-align: center;line-height: 58px;font-size: 20px;color: #333;margin: 0 5px;overflow: hidden;box-sizing: border-box;color: #333;}
.page_list ul li a{display: block;color: #333;border-radius: 10px;background: rgba(255, 255, 255, 1);box-sizing: border-box;height: 100%;}
.page_list ul li.active a,
.page_list ul li:hover a {background: #dd3d0f;color: #fff;}
.page_list ul li:first-child a,
.page_list ul li:last-child a{background: #fff url(../jt2_icon.png) no-repeat center;}
.page_list ul li:first-child a{transform: rotateY(180deg);}
.page_list ul li:first-child:hover a,
.page_list ul li:last-child:hover a{background: #dd3d0f url(../jt3_icon.png) no-repeat center;}

.news_conss{padding: 60px;box-sizing: border-box;background: #fff;}
.news_titles{text-align: center;line-height: 1.5;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.news_titles h3{font-size: 34px;font-weight: bold;color: #333;}
.news_titles p{font-size: 14px;color: #999;margin: 20px auto;}
.news_titles p span{margin: 0 10px;}

.product_page{border-top: 1px solid #eee;box-sizing: border-box;margin-top: 50px;}
.product_page ul{justify-content: space-between;padding: 30px;box-sizing: border-box;margin: 50px auto;background: #f6f6f6;}
.product_page ul li a{display: inline-flex;align-items: center;;line-height: 40px;padding: 0 30px;color: #333;}
.product_page ul li a em{width: 30px;height: 40px;display: inline-flex;background: url(../jt2_icon.png) no-repeat center;margin: 0 10px;}
.product_page ul li:nth-child(1) a em{transform: rotateY(180deg);}
.product_page ul li:nth-child(2) a em{width: 18px;height: 14px;background: url(../jt_icon2.png) no-repeat;}

.news_text{font-size: 14px;line-height: 28px;color: #999;text-indent: 2em;}

.myCultivate{position: relative;overflow: visible;}
.myCultivate .swiper-wrapper{align-items: center;}

.myCultivate{position: relative;padding: 50px 0 100px;overflow: hidden;margin: 30px auto 0;height: 500px;}
.myCultivate::after{content: "";display: block;width: 100%;height: 1px;background: #cbcbcb;position: absolute;bottom: 50px;left: 0;right: 0;}
.myCultivate .swiper-slide{position: relative;height: 350px;overflow: hidden;border-radius: 10px;}
.myCultivate .swiper-slide .swiper-slide-img{width: 100%;height: 100%;overflow: hidden;border-radius: 10px;}
.myCultivate .swiper-slide .swiper-slide-img img{width: 100%;height: 100%;object-fit: cover;}
.myCultivate .swiper-slide:nth-child(even){transform: translateY(0px);}
.myCultivate .swiper-slide:nth-child(odd){transform: translateY(50px);}
.myCultivate .swiper-slide .swiper-slide-text{height: 100%;background: url(../swiper-slide-text_bg.jpg) no-repeat center;background-size: cover;position: absolute;bottom: 0;left: 0;right: 0;padding: 25px 20px;box-sizing: border-box;display: inline-flex;flex-direction: column;justify-content: space-around;}
.myCultivate .swiper-slide .swiper-slide-text em{display: block;font-size: 24px;color: #d7400c;text-align: right;}
.myCultivate .swiper-slide .swiper-slide-text span{display: block;text-align: center;margin: 50px auto 30px;}
.myCultivate .swiper-slide .swiper-slide-text h3{font-size: 18px;line-height: 20px;font-weight: bold;color: #d7400c;text-align: center;}
.myCultivate .swiper-slide .swiper-slide-text h3::after{content: "";display: block;width: 30px;height: 1px;background: #d7400c;margin: 30px auto 0;}
.myCultivate .swiper-slide .swiper-slide-text p{font-size: 14px;line-height: 15px;color: #fff;display: none;}
/*.myCultivate .swiper-slide-active,*/
.myCultivate .swiper-slide:hover{height: 500px;transform: translateY(-20px) !important;transition: all 0.75s;}
/*.myCultivate .swiper-slide-active .swiper-slide-text,*/
.myCultivate .swiper-slide:hover .swiper-slide-text{background: linear-gradient(to bottom, rgba(215, 64, 12, 0), rgba(215, 64, 12, 1));transition: all 0.75s;}
/*.myCultivate .swiper-slide-active .swiper-slide-text em,*/
/*.myCultivate .swiper-slide-active .swiper-slide-text span,*/
.myCultivate .swiper-slide:hover .swiper-slide-text em,
.myCultivate .swiper-slide:hover .swiper-slide-text span{opacity: 0;transition: all 0.75s;}
/*.myCultivate .swiper-slide-active .swiper-slide-text h3,*/
/*.myCultivate .swiper-slide-active .swiper-slide-text p,*/
.myCultivate .swiper-slide:hover .swiper-slide-text h3,
.myCultivate .swiper-slide:hover .swiper-slide-text p{color: #fff;display: block;transition: all 0.75s;}
.myCultivate .myCultivate-button{width: 200px;position: absolute;bottom: 25px;left: 0;height: 50px;display: inline-flex;justify-content: space-between;background: #f5f7fb;z-index: 3;}
.myCultivate .myCultivate-button .swiper-button-prev,
.myCultivate .myCultivate-button .swiper-button-next{width: 50px;height: 50px;background: #fff url(../jt_icon.png) no-repeat center;background-size: 14px 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-radius: 10px;margin: 0 10px;transition: all 0.3s;position: static;}
.myCultivate .myCultivate-button .swiper-button-prev:hover,
.myCultivate .myCultivate-button .swiper-button-next:hover{background: #d7400c url(../jt3_icon.png) no-repeat center;}
.myCultivate .myCultivate-button .swiper-button-prev{transform: rotateY(180deg);}
.myCultivate .myCultivate-button .swiper-button-prev::after,
.myCultivate .myCultivate-button .swiper-button-next::after{display: none;}
.myCultivate .swiper-pagination-cultivate{width: 150px;display: inline-flex;justify-content: center;position: absolute;bottom: 40px;right: 0;z-index: 3;background: #f5f7fb;left: auto;font-size: 20px;text-align: center;}
.myCultivate .swiper-pagination-cultivate .swiper-pagination-current{color: #101010;padding: 0 10px;}
.myCultivate .swiper-pagination-cultivate .swiper-pagination-total{color:#999;padding: 0 10px;}


.join_one{background: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 60px;}
.join_one_img{width: 50%;}
.join_one_con{width:calc(100% - 50%);padding: 40px;box-sizing: border-box;}
.join_one_con .tit{font-size: 30px;font-weight: bold;color: #101010;}
.join_one_con .txt{font-size: 14px;line-height: 22px;color: #101010;margin: 15px 0 20px;border-bottom: 1px solid #cbcbcb;padding-bottom: 30px;}
.join_one_items{height: 250px;overflow-y: auto;padding-right: 30px;}
.join_one_items .join_one_item{border-bottom: 1px solid #cbcbcb;padding: 10px 0;}
.join_one_items .join_one_item .tst{font-size: 20px;line-height: 46px;color: #101010;padding-right: 30px;cursor: pointer;display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.join_one_items .join_one_item .tst span{display: block;width: 30px;height: 30px;background: url(../join_one_item_icon.png) no-repeat center;}
.join_one_items .join_one_item .mains_text{font-size: 14px;line-height: 24px;color: #101010;}
.join_one_items .join_one_item .tst.active {color: #dd3d0f;}
.join_one_items .join_one_item .tst.active span{transform: rotate(90deg);}

.join_two{padding: 80px 0;}
.join_two_tit{margin: -70px 0 40px;}
.join_two_tit ul{display: inline-flex;width: 100%;justify-content: flex-end;}
.join_two_tit ul li{margin-left: 30px;font-size: 20px;color: #333;line-height: 36px;cursor: pointer;}
.join_two_tit ul li.active{color: #dd3d0f;border-bottom: 2px solid #dd3d0f;}

.join_btm{margin: 40px auto 0;position: relative;}
.join_btm .join_btm_con{position: relative;z-index: 1;}
.join_btm .join_title{font-size: 36px;color: #333;font-weight: bold;line-height: 2;margin-bottom: 20px;}
.join_btm_tab{justify-content: space-between;display: none;}
.join_btm_tab.active{display: flex;}
.join_btm_tab .join_btm_left{width: 320px;max-height: 470px;overflow-y: auto;}
.join_btm_tab .join_btm_left ul{padding-right: 60px;}
.join_btm_tab .join_btm_left ul li{margin-bottom: 20px;border-radius: 10px;}
.join_btm_tab .join_btm_left ul li a{display: block;width: 100%;line-height: 20px;font-size: 15px;color: #333;background: #e7ecf2;text-align: center;border-radius: 5px;padding: 5px 0;}
.join_btm_tab .join_btm_left ul li.active a,
.join_btm_tab .join_btm_left ul li:hover a{background: #dd3d0f;color: #fff;}
.join_btm_tab .join_btm_right{width: calc(100% - 380px);}
.join_btm_tab .join_btm_right .join_btm_item{display: none;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit h3{font-size: 22px;line-height: 2;color: #dd3d0f;font-weight: bold;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p{font-size: 16px;line-height: 36px;color: #333;margin: 10px auto 20px;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p span{margin-right: 30px;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p span:last-child{margin-right: 0;}
.join_btm_tab .join_btm_right .join_btm_item .mains_text{max-height: 360px;overflow-y: auto;}
.join_btm_tab .join_btm_right .join_btm_item.active{display: block;}
.join_btm_more{background: #e7ecf2;padding: 20px;box-sizing: border-box;border-radius: 5px;margin: 30px auto;}

.join_two_item{margin: 80px auto 0;border-radius: 10px;overflow: hidden;}
.join_two_item dl{padding: 20px 40px;box-sizing: border-box;justify-content: space-between;align-items: center;}
.join_two_item dl dt{font-size: 26px;font-weight: bold;color: #fff;align-items: center;display: inline-flex;}
.join_two_item dl dt img{margin-right: 10px;}
.join_two_item dl dd{display: inline-flex;}
.join_two_item dl dd a{margin-left: 20px;}

.contact_form,
.contact_items{margin: 0 0 70px;}
.form_item{justify-content: space-between;margin-bottom: 30px;width: 100%;}
.form_item dl dt{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 10px;}
.form_item dl dt font{color: #f30b0b;}
.form_item dl dd{position: relative;overflow: hidden;border-radius: 5px;}
.form_item dl dd .yzm_img{width: 140px;height: 58px;line-height: 58px;display: inline-flex;align-items: center;position: absolute;right: 1px;bottom: 1px;overflow: hidden;border-radius: 5px;}
.form_item dl dd .yzm_img img{width: 100%;height: 100%;}
.form_item dl dd input{width: 100%;height: 60px;line-height: 60px;border: 1px solid #cbcbcb;border-radius: 5px;padding: 0 20px;box-sizing: border-box;background: none;}
.form_item dl{width: 100%;}
.form_item dl dd textarea{width: 100%;background: none;border: 1px solid #cbcbcb;border-radius: 5px;padding: 0 20px;box-sizing: border-box;}
.form_item1 dl{width: calc(100% / 3 - 27px);margin-right: 40px;}
.form_item1 dl:nth-child(3){margin-right: 0;}
.form_item2 dl{width: calc(100% / 4 - 30px);margin-right: 40px;}
.form_item2 dl:nth-child(4),
.form_item2 dl:last-child{margin-right: 0;}
.form_item:last-child dl:last-child{text-align: right;}
.btnn{max-width: 190px;width: 100%;line-height: 60px;text-align: center;font-size: 16px;color: #333;border: 1px solid #333;border-radius: 5px;background: none;}

.contact_item_top{justify-content: space-between;border-bottom: 1px solid #e5e5e5;padding-bottom: 40px;margin-bottom: 40px;}
.contact_item_top .item{width: auto;}
.contact_item_top .item p{font-size: 16px;color: #999;display: inline-flex;align-items: center;padding: 10px 0;}
.contact_item_top .item p img{margin-right: 10px;}
.contact_item_top .item h3{font-size: 36px;font-weight: bold;color: #d7400c;}
.contact_item_top .item span{display: block;font-size: 24px;color: #333;}

.contact_item_btm{justify-content: space-between;align-items: flex-end;}
.contact_item_btm_left p{font-size: 20px;color: #999;display: inline-flex;align-items: center;padding: 10px 0;}
.contact_item_btm_left p img{margin-right: 10px;}
.contact_item_btm_left span{display: block;font-size: 24px;color: #333;}
.contact_item_btm_right p{width: 120px;height: 120px;overflow: hidden;display: none;}
.contact_item_btm_right ul li{margin: 0 0 0 20px;position: relative;cursor: pointer;}
.contact_item_btm_right ul li span{display: inline-flex;align-items: center;justify-content: center;border-radius: 5px;overflow: hidden;width: 45px;height: 45px;background: #dd3d0f;}
.contact_item_btm_right ul li p{position: absolute;bottom: 45px;left: -50%;margin-left: -22px;}
.contact_item_btm_right ul li:hover p{display: block;}

.link_items .link_item{width: calc(100% / 4 - 23px);margin-right: 30px;margin-bottom: 40px;display: inline-flex;justify-content: center;align-items: center;background: #fff;border-radius: 5px;}
.link_items .link_item:nth-child(4n){margin-right: 0;}