@charset "utf-8";
html,body{font-family: "Microsoft YaHei","Arial";}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;} 
/* ::-webkit-scrollbar-button {
    width: 1.0416666666666667vw;
    height: 1.0416666666666667vw;
}

::-webkit-scrollbar-button:vertical:single-button:start {  
    background:url(../images/scrollbar_top.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:vertical:single-button:end {
    background:url(../images/scrollbar_btm.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
   
}
::-webkit-scrollbar-button:horizontal:single-button:start {
    background:url(../images/scrollbar_top_hover.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:horizontal:single-button:end {
    background:url(../images/scrollbar_btm_hover.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
*/
:root {
    --mainColor: #011d7d;
    --fontColora: #aaaaaa;
    --fontColorb: #bbbbbb;
    --fontColorc: #cccccc;
    --fontColord: #dddddd;
    --fontColore: #eeeeee;
    --fontColorf: #ffffff;
    --fontColor3: #333333;
    --fontColor4: #444444;
    --fontColor5: #555555;
    --fontColor6: #666666;
    --fontColor8: #888888;
    --fontColor9: #999999;
    --lineColor: #042a12;
    --lineColors: #87d633;
}
.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.box_con {
    box-sizing: border-box;
    max-width: 1280px;
    margin: 0 auto;
}
.lg_1600{
    max-width: 1600px;
    margin: 0 auto;
}
.lg_1340{
    max-width: 1340px;
    margin: 0 auto;
}
/*头部样式*/
header{margin:0 auto;top:0;left:0;right:0;z-index: 99;transition: all .5s;background: rgba(255, 255, 288, 0.8);position: fixed;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);}
header .box_con{justify-content: space-between;align-items: center;}
header h1{width: 22%;line-height: 70px;}
header .head_right{width: 76%;justify-content: flex-end;align-items: center;}
.fixeds header{background: rgba(255, 255, 255, 0.9);}

.nav{transition: 0.75s ease-in-out;}
.nav ul li{line-height: 70px;position: relative;font-size: 20px;}
.nav ul li a{padding: 0 20px;display: block;color: var(--fontColor3);}
.nav ul li.active>a,
.nav ul li:hover>a{color: var(--mainColor);}
.nav ul li ul{position: absolute;top: 70px;left: 50%;margin-left: -70px;right: 0;margin: 0 auto;width: 140px;background: rgba(255, 255, 255, 0.9);;display: none;border-radius: 0 0 5px 5px;border-top: 2px solid var(--mainColor);}
.nav ul li ul li{line-height: 36px;text-align: center;}
.nav ul li:hover ul{display: block;margin-left: -70px;}
.nav ul li:hover ul li a{color:var(--fontColor3);padding: 5px;line-height: 22px;font-size: 16px;}
.nav ul li ul li a:hover{background: var(--mainColor);color: var(--fontColorf);}
.search{position: relative;}
.search span{display: block;padding: 0 20px;position: relative;cursor: pointer;}
.search span::before,
.search span::after{content: "";display: block;width: 1px;height: 14px;background: var(--fontColor3);position: absolute;top: 50%;margin-top: -7px;}
.search span::before{left: 0;}
.search span::after{right: 0;}
.search span img{display: block;}
.search .form{width: 0px;height: 40px;position: absolute;top: -10px;right: 60px;background: var(--fontColore);overflow: hidden;transition: 0.75s ease-in-out;}
.search .form input{width: 420px;line-height: 40px;border:none;float: left;text-indent: 1em;background: none;color:var(--fontColor3);}
.search .form button{background: var(--fontColorb);border:none;width: 60px;line-height: 40px;float: right;}
.search_active .search .form{width: 480px;transition: 0.75s ease-in-out;}
.search_active .nav{opacity: 0;transition: 0.75s ease-in-out;z-index: -1;}

header .head_right .tel{width: 16.448%;}
header .head_right .tel dl{align-items: center;justify-content: flex-end;}
header .head_right .tel dt{margin-right: 15px;}
header .head_right .tel dd p{font-size: 20px;line-height: 1.5;color:var(--fontColor3)}

/*底部样式*/
footer{margin: 0 auto;width:100%;background: var(--fontColore);height: 100%;border-top: 3px solid var(--mainColor);}

.foot_top{padding: 50px 0 0;}
.foot_top .lg_1600{border-bottom: 1px solid var(--fontColord);padding-bottom: 30px;}
.foot_top .box{justify-content: space-between;align-items: center;}
.foot_logo{width: 25%;}
.foot_nav{width: 72%;}
.foot_nav ul.box{justify-content:flex-end;}
.foot_nav ul li{margin-left: 50px;font-size: 20px;line-height: 1.5;color:var(--fontColor3);}
.foot_nav ul li a{display: block;color:var(--fontColor3);}

.foot_center{padding: 30px 0;}
.foot_center .box{justify-content: space-between;}

.foot_btm{border-top: 1px solid var(--fontColord);}
.foot_btm p{width: 100%;padding: 15px 0;font-size: 14px;line-height: 32px;color:var(--fontColor3);}
.foot_btm p a{display: inline-block;margin-left: 20px;}
.foot_left{width: 75%;}
.foot_left h3{font-size: 30px;font-weight: bold;color:#333;padding-bottom: 30px;}
.foot_left dl.box,
.foot_left dl dd.box{justify-content: flex-start;width: auto;}
.foot_left dl dd:last-child{margin-right: 0;}
.foot_left dl dd{margin-right: 40px;}
.foot_left dl dd span{width: 50px;height: 50px;margin-right: 15px;}
.foot_left dl dd p{min-width: 150px;}
.foot_left dl dd p em{display: block;font-size: 16px;line-height: 20px;color:var(--fontColor3);}
.foot_left dl dd p b{display: block;font-size: 16px;line-height: 30px;color: var(--fontColor3);}
.foot_right{width: 25%;}
.foot_right dl.box,
.foot_right dl dd.box{justify-content: flex-end;    align-items: flex-end;width: auto;}
.foot_right dl dd{padding-left: 30px;}
.foot_right dl dd p{display: inline-block;width: 20px;font-size: 14px;line-height: 18px;color:var(--fontColor3);}
.foot_right dl dd span{display: block;width: 120px;height: 120px;overflow: hidden;}

.section-wrap{ width:100%;height:100vh;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100vh; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section-1{ background-color:#337ab7}
.section-wrap .section-2{ background-color:#5cb85c}
.section-wrap .section-3{ background-color:#5bc0de}
.section-wrap .section-4{ background-color:#f0ad4e}
.section-wrap .section-5{ background-color:#d9534f;}
.section-wrap .section-6{ background-color:#d9534f;height:46vh !important;}


#fp-nav{ width:14px;position:fixed;right:3%;top:50%;z-index: 10;margin-top: -100px;}
#fp-nav li a{display: block;width:8px;height:20px;cursor:pointer;text-indent:-9999px;border-radius:3px;-webkit-border-radius:3px;margin-bottom:12px; background: var(--fontColorc);text-align:center; color:var(--fontColorf); cursor:pointer;}
#fp-nav li a.active{height: 40px; background:var(--mainColor)}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ 0%,100%{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ 0%,100%{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

/*banner样式*/
.banner{height: 100vh;}
.swiper-container-banner{height: 100%;position: relative;}
.swiper-container-banner .swiper-slide a{display: block;height: 100%;}
.swiper-container-banner .swiper-pagination-banner{text-align: center;position: absolute;z-index: 5;bottom: 13%;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 20px;height: 8px;border-radius: 3px;background: var(--fontColorc);opacity: 1;transition: ease-in 0.5s;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{width: 40px;background: var(--mainColor);transition: ease-in 0.5s;}

.box_title{text-align: left;}
.box_title h3{font-size: 56px;color: var(--fontColor3);font-weight: bold;text-transform: uppercase;padding-bottom: 20px;}
.box_title h4{font-size: 42px;color: var(--fontColor3);font-weight: bold;padding-bottom: 20px;}
.box_title h5{font-size: 22px;color: var(--fontColor3);}
.box_title span{display: block;width: 100%;height: 1px;background: var(--fontColord);position: relative;margin: 30px auto;}
.box_title span::after{content: "";display: block;width: 60px;height: 5px;background: var(--mainColor);position: absolute;top: -2px;left: 0;}

.more{width: 160px;line-height: 45px;border:1px solid var(--fontColor3);margin-top: 60px;text-align: center;}
.more a,
.more a em{display: block;text-align: center;}
.more a em::after{content: "";display: inline-block;width: 14px;height:12px;background: url(../images/more_icon.png) no-repeat;margin-left: 30px;}
.more:hover{background: var(--mainColor);}
.more:hover em{color:var(--fontColorf);}
.more:hover em::after{background: url(../images/jt_icon_01.png) no-repeat;}

.about_left{width:43.22925%;overflow: hidden;height: 100vh;transform: translateX(-100%);transition: ease-in 0.75s;}
.about_left img{width: 100%;height:100%;object-fit: cover;display: block;}
.about_right{width: 56.77085%;overflow: hidden;height: 100vh;transform: translateX(100%);transition: ease-in 0.75s;}
.about_item{flex-direction: column;justify-content: center;width: 31.19266%;background: url(../images/about_item_bg.jpg) no-repeat center; background-size: cover;padding: 5%;box-sizing: border-box;}
.about_item dl{border-bottom: 1px solid var(--fontColord);text-align: center;padding: 18% 0;}
.about_item dl dt{font-size: 60px;font-weight: bold;color: var(--mainColor);}
.about_item dl dd{font-size: 20px;color:var(--fontColor3);}
.about_content{flex-direction: column;width:68.80734%;padding: 20% 14% 5% 8%;box-sizing: border-box;}
.about_content p{font-size: 16px;line-height: 32px;color:#333;}

.fp-viewing-page2 .about_left{transform: translateX(0);transition: ease-in 0.75s;}
.fp-viewing-page2 .about_right{transform: translateX(0);transition: ease-in 0.75s;}

.news_content{flex-direction: column;padding: 20% 8% 5% 14%;box-sizing: border-box;height: 100%;}
.news_left{transform: translateX(-100%);transition: ease-in 0.75s;}
.news_right{justify-content: flex-start;transform: translateX(100%);transition: ease-in 0.5s;}
.news_right .item{width: 31.19266% !important;flex-direction: column;justify-content: center;background: rgba(255, 255, 255, 0.92);margin-right: 2.2%;padding: 0 30px;box-sizing: border-box;}
.news_right .item .date{font-size: 18px;line-height: 32px;color:var(--fontColor3);margin-bottom: 20px;}
.news_right .item .date img{margin-top: -4px;}
.news_right .item .pic{width: 100%;height: 180px;overflow: hidden;margin-bottom: 20px;line-height: 180px;}
.news_right .item .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.news_right .item .tit{font-size: 28px;font-weight: bold;line-height: 36px;color:var(--fontColor3);height: 72px;margin-bottom: 20px;}
.news_right .item .txt{font-size: 16px;line-height: 30px;color:var(--fontColor3);height: 90px;margin-bottom: 20px;}
.news_right .item .mores{line-height: 45px;margin-top: 30px;}
.news_right .item .mores a,
.news_right .item .mores a em{display: block;}
.news_right .item .mores a em::after{content: "";display: inline-block;width: 14px;height:12px;background: url(../images/more_icon.png) no-repeat;margin-left: 30px;}
.news_right .item .mores:hover a em{color: var(--mainColor);}
.news_right .item .mores:hover a em::after{transform: translateX(10px);transition: ease-in 0.5s;}

.fp-viewing-page3 .news_left{transform: translateX(0);transition: ease-in 0.75s;}
.fp-viewing-page3 .news_right{transform: translateX(0);transition: ease-in 0.75s;}

.product_content{flex-direction: column;padding: 20% 14% 5% 22%;box-sizing: border-box;height: 100%;}
.product_left{transform: translateX(100%);transition: ease-in 0.5s;}
.product_right{justify-content: flex-start;transform: translateX(-100%);transition: ease-in 0.5s;}
.product_right .item{flex-direction: column;justify-content: center;background: url(../images/product_item_bg.png) no-repeat center;background-size: cover;width: 23.8535% !important;margin-right:1.15%;transition: ease-in 0.5s;}
.product_right .item .pic{width: 100%;height: 410px;line-height: 410px;margin-bottom: 20px;opacity: 0;transition: ease-in 0.5s;}
.product_right .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.product_right .item .tct{padding: 0 30px;box-sizing: border-box;transition: ease-in 0.5s;}
.product_right .item .tct .num{font-size: 80px;font-weight: bold;line-height: 1.5;color:var(--fontColorf);opacity: 0.06;}
.product_right .item .tct .tit{font-size: 40px;font-weight: bold;color:var(--fontColorf);height: 104px;}
.product_right .item:hover{background: rgba(1, 29, 125, 0.8);transition: ease-in 0.5s;}
.product_right .item:hover .tct{transform: translateY(-90px);transition: ease-in 0.5s;}
.product_right .item:hover .pic{opacity: 1;transform: translateY(-90px);transition: ease-in 0.5s;}
.product_right .item .more{border:1px solid var(--fontColorf);width: 100%;}
.product_right .item .more a, .product_right .item.more a em{color: var(--fontColorf);}
.product_right .item .more a em::after{background: url(../images/jt_icon_01.png) no-repeat;}
.product_right .item .more:hover{background: var(--fontColorf);}
.product_right .item .more:hover a em{color:var(--mainColor);}
.product_right .item .more:hover a em::after{background: url(../images/jt_icon_02.png) no-repeat;}

.swiper-container-product,
.swiper-container-news{position: relative;width: 100%;height: 100%;}

.product_left .btns,
.news_left .btns{height: 50px;margin: 50px auto;width: 100%;}
.product_left .btns .swiper-button-next,
.product_left .btns .swiper-button-prev,
.news_left .btns .swiper-button-next,
.news_left .btns .swiper-button-prev{width: 50px;height: 50px;border: 1px solid var(--fontColor3);position: static;display: inline-block;margin:0 20px 0 0;}
.product_left .btns .swiper-button-next::after,
.product_left .btns .swiper-button-prev::after,
.news_left .btns .swiper-button-next::after,
.news_left .btns .swiper-button-prev::after{content: "";display: block;background: url(../images/more_icon.png) no-repeat center;width: 50px;height: 50px;}
.product_left .btns .swiper-button-prev::after,
.news_left .btns .swiper-button-prev::after{transform: rotate(180deg);}

.fp-viewing-page4 .product_left{transform: translateX(0px);transition: ease-in 0.75s;}
.fp-viewing-page4 .product_right{transform: translateX(0px);transition: ease-in 0.75s;}

.infor_item{margin: 20px auto;}
.infor_item ul li{font-size: 18px;line-height: 30px;color: var(--fontColor3);cursor: pointer;margin-right: 20px;padding-bottom: 10px;}
.infor_item ul li.active{color:var(--mainColor);border-bottom: 1px solid var(--mainColor);}
.infor_list .list_item{opacity: 0;transition: ease-in 0.5s;margin: 0 auto;}
.infor_list .list_item.active{opacity: 1;transition: ease-in 0.5s;}

.solution_right{justify-content: flex-start;background: url(../images/solution_left_bg.png) no-repeat center right;width: 63.4538%;transform: translateX(-100%);transition: ease-in 0.75s;background-size: cover;}
.solution_content{flex-direction: row;justify-content: space-between;align-items: center;padding: 5% 0% 5% 14%;box-sizing: border-box;height: 100%;}
.solution_right .more{border:1px solid var(--fontColorf);}
.solution_right .more a, .solution_right.more a em{color: var(--fontColorf);}
.solution_right .more a em::after{background: url(../images/jt_icon_01.png) no-repeat center;}
.swiper-container-solution{width: 64%;height: 100%;position: relative;overflow: hidden;}
.swiper-container-solution .swiper-slide{align-items: center;text-align: right;width: 100%;font-size: 58px;font-weight: bold;color: var(--fontColorf);padding-right: 150px;box-sizing: border-box;position: relative;justify-content: flex-end;}
.solution_left{transform: translateX(100%);transition: ease-in 0.75s;}
.solution_left .solution_content{flex-direction: row;justify-content: space-between;align-items: center;height: 100%;}
.solution_left .btns{margin: 50px auto;width: 100%;flex-direction: column;}
.solution_left .btns .swiper-button-next,
.solution_left .btns .swiper-button-prev{width: 50px;height: 50px;border: 1px solid var(--fontColorf);position: static;display: inline-block;margin:10px auto;}
.solution_left .btns .swiper-button-next::after,
.solution_left .btns .swiper-button-prev::after{content: "";display: block;background: url(../images/jt_icon_01.png) no-repeat center;width: 50px;height: 50px;}
.solution_left .btns .swiper-button-prev::after{transform: rotate(180deg);}
.swiper-pagination-solution{font-size: 30px;color: var(--fontColorf);}
.swiper-pagination-solution .swiper-pagination-current{font-size: 80px;font-weight: bold;color: var(--fontColorf);}

.fp-viewing-page5 .solution_left{transform: translateX(0px);transition: ease-in 0.75s;}
.fp-viewing-page5 .solution_right{transform: translateX(0px);transition: ease-in 0.75s;}


.bar{height: 490px;}
.bar .box{height: 100%;flex-direction: column;justify-content: center;}
.bar_wz{height: 100%;justify-content: center;}
.bar_wz h3{font-size: 48px;font-weight: bold;color: var(--fontColorf);}
.bar_wz p{font-size: 30px;color:var(--fontColorf);}
.crumbs{background: var(--fontColore);}
.crumbs_left{width: 80%;line-height: 70px;}
.crumbs_left ul li{font-size: 20px;color: var(--fontColor3);}
.crumbs_left ul li a{display: block;padding: 0 25px;color: var(--fontColor3);}
.crumbs_left ul li.active a,
.crumbs_left ul li:hover a{color:var(--fontColorf);background: var(--mainColor);}
.crumbs_right{width: 35%;line-height: 70px;}
.crumbs_right dl dt{margin-right: 10px;}
.crumbs_right dl{justify-content: flex-end;font-size: 14px;color:var(--fontColor9);}
.crumbs_right dl dd a{display: block;font-size: 14px;color:var(--fontColor9);}
.crumbs_right dl dd:last-child a{color: var(--fontColor3);}

.main_title{text-align: center;}
.main_title h3{font-size: 42px;font-weight: bold;color: var(--fontColor3);}
.main_title p{width: 20%;height: 1px;background: var(--fontColorb);margin:40px auto;position: relative;}
.main_title p::after{content: "";display: block;height: 5px;width: 80px;background: var(--mainColor);position: absolute;left: 0;right: 0;margin: -2px auto;}

.about_item1{padding: 100px 0;}
.about_item1 .main_title p{margin: 40px 0;width: 38%;}
.about_item1 .main_title p::after{right: auto;}
.about_item1 .mains_text{width: 88%;margin: 50px 0;height: 420px;overflow-y: auto;}

.about_item2,
.about_item4,
.about_item6,
.honors,
.news,
.case_con,
.contact_con{padding:80px 0}

.about_item2 .items{height:600px;}
.about_item2 .item{flex-direction: column;justify-content: flex-end;height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.4);padding: 30px;box-sizing: border-box;transition: ease-in 0.5s;}
.about_item2 .item em{display: block;width: 38px;height:38px;overflow: hidden;margin-bottom: 20px;}
.about_item2 .item h3{font-size: 24px;font-weight: bold;color:var(--fontColorf);margin-bottom: 20px;}
.about_item2 .item span{display: block;width: 30px;height: 2px;background: var(--fontColorf);margin-bottom: 20px;}
.about_item2 .item p{font-size: 16px;line-height: 30px;color: var(--fontColorf);height: 0;overflow: auto;transition: ease-in 1s;}
.about_item2 .item:hover{background: rgba(1, 29, 125, 0.6);transition: ease-in 0.5s;}
.about_item2 .item:hover p{transition: ease-in 1s;height: 265px;overflow-y: auto;}
.about_item3{height: 520px;padding:70px 0;box-sizing: border-box;}
.about_item3 .mains_text{margin: 0 0 0 auto;background: rgba(255, 255, 255, 0.9);padding: 40px;box-sizing: border-box;width: 50%;height: 370px;overflow-y: auto;}
.about_item4 .items_con{justify-content: space-between;}
.about_item4 .items_left{width: 64.553%;flex-wrap: wrap;align-content: space-between;}
.about_item4 .items_left .item{width: 48.555%;border:1px solid var(--fontColore);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);padding: 30px;box-sizing: border-box;margin-right: 2.89%;}
.about_item4 .items_left .item:nth-child(2n){margin-right: 0;}
.about_item4 .items_left .item h3{font-size: 24px;font-weight: bold;line-height: 1;color: var(--mainColor);margin-bottom: 10px;}
.about_item4 .items_left .item p{font-size: 16px;line-height: 20px;color: var(--fontColor3);height: 40px;overflow-y: auto;}
.about_item4 .items_right{width: 33.5821%;height:620px;overflow: hidden;}
.about_item5{padding: 250px 0 30px;}
.about_item5 .mains_text{background: var(--fontColorf);padding: 40px;box-sizing: border-box;box-shadow: 0 3px 10px rgba(1, 1, 1, 0.1);}
.about_item6 .items{flex-wrap: wrap;}
.about_item6 .items .item{width: 32.09%;border:1px solid var(--fontColore);padding: 30px;box-sizing: border-box;background: var(--fontColorf);margin-right: 1.85%;margin-bottom: 1.85%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);}
.about_item6 .items .item:nth-child(3n){margin-right: 0;}
.about_item6 .items .item h3{font-size: 24px;line-height: 26px;font-weight: bold;color: var(--mainColor);}
.about_item6 .items .item span{display: block;width: 100%;height: 1px;background: var(--fontColorc);margin: 25px auto;}
.about_item6 .items .item p{font-size: 16px;line-height: 28px;color: var(--fontColor3);}

.swiper-container-honors {position: relative;overflow: hidden;padding: 60px 0 120px;}
.swiper-container-honors .swiper-slide {width: 390px;height: 520px;line-height: 520px;text-align: center;background: var(--fontColorf);box-shadow: 0 8px 30px var(--fontColord);}
.swiper-container-honors .swiper-button-next,
.swiper-container-honors .swiper-button-prev{top: auto;bottom: 0;width: 60px;height: 60px;border-radius: 60px;text-align: center;line-height: 60px;border:1px solid var(--fontColord);box-sizing: border-box;}
.swiper-container-honors .swiper-button-next{right: 43%;}
.swiper-container-honors .swiper-button-prev{left: 43%;}
.swiper-container-honors .swiper-button-next::after,
.swiper-container-honors .swiper-button-prev::after{font-size: 20px;color: var(--fontColor3);font-weight: bold;}

.product_title{padding: 20px 0;font-size: 42px;font-weight: bold;color: var(--fontColor3);}
.product_items{flex-wrap: wrap;border-bottom: 1px solid var(--fontColore);border-top: 1px solid var(--fontColore);padding: 40px 0;}
.product_items .item{width: 18.508%;text-align: center;line-height: 60px;border: 1px solid var(--fontColorc);border-radius: 5px;font-size: 20px;color: var(--fontColor3);overflow: hidden;margin:0.84% 1.68% 0.84% 0;box-sizing: border-box;}
.product_items .item a{display: block;color: var(--fontColor3);}
.product_items .item:nth-child(5n){margin-right: 0;}
.product_items .item.active a,
.product_items .item:hover a{background: var(--mainColor);color:var(--fontColorf);}
.product_list .item{align-items: center;margin: 40px auto;position: relative;}
.product_list .item .pic{width: 67.912%;height:518px;overflow: hidden;border-radius: 5px;}
.product_list .item .pic img{width: 100%;height: 100%;display: block;}
.product_list .item .tct{width: 470px;height: 460px;background: var(--fontColorf);border-radius: 5px;overflow: hidden;padding: 40px;box-sizing: border-box;box-shadow: 0 5px 20px rgba(1, 1, 1, 0.08),0 5px 20px rgba(1, 1, 1, 0.08);position: absolute;top: 50%;margin-top: -230px;}
.product_list .item:nth-child(odd) .tct{right: 0px;z-index: 1;}
.product_list .item:nth-child(even) .tct{left: 0px;z-index: 1;}
.product_list .item .tct h3{font-size: 36px;font-weight: bold;color:var(--fontColor3);}
.product_list .item .tct span{display: block;width: 100%;height: 1px;background: var(--fontColore);margin: 30px auto;}
.product_list .item .tct p{font-size: 18px;line-height: 36px;color:var(--fontColor3);}

.product_top{padding: 40px 0;}
.product_top .product_pic{width: 47.762%;}
.product_top .product_pic .view{width: 100%;border:1px solid var(--mainColor);box-sizing: border-box;overflow: hidden;height:390px;line-height: 390px;text-align: center;border-radius: 5px;}
.product_top .product_pic .view .swiper-container{position: relative;}
.view .arrow-right,
.view .arrow-left{position: absolute;top: 50%;
	margin-top: -25px;
	width: 60px;
	height: 60px;
    background: var(--fontColore);
    opacity: 0.6;
    text-align: center;
    line-height: 60px;
	z-index: 10;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;border-radius: 5px;display: none;}
    .view:hover .arrow-right,
.view:hover .arrow-left{display: block;}
.view .arrow-left {left: 10px;}
.view .arrow-right {right: 10px;}
.view .arrow-right:hover,
.view .arrow-left:hover{background: var(--mainColor);color:var(--fontColorf);opacity: 1;}
.preview{width: 100%;height: 100px;overflow: hidden;margin-top: 30px;}
.preview .swiper-container .swiper-slide{width: 110px !important;height: 100px !important;margin-right: 21px;line-height: 100px;border: 1px solid var(--fontColord);box-sizing: border-box;}
.preview .swiper-container .swiper-slide.active-nav{border:1px solid var(--mainColor);box-sizing: border-box;}
.product_top .product_tct{width: 50%;background: #f3f4f8;padding: 30px;box-sizing: border-box;}
.product_top .product_tct h3{font-size: 38px;font-weight: bold;color:var(--fontColor3);border-bottom: 1px solid var(--fontColord);padding:20px 0 20px;position: relative;text-transform: uppercase;}
.product_top .product_tct h3::before{content: "";display: block;width: 3px;height: 50px;background: var(--mainColor);position: absolute;left: -30px;top: 20px;}
.product_top .product_tct p{font-size: 20px;line-height: 40px;padding: 20px 0 20px 20px;border-bottom: 1px solid var(--fontColord);position: relative;}
.product_top .product_tct p::before{content: "";display: block;width: 5px;height: 5px;border-radius: 2px;background: var(--mainColor);position: absolute;left: 0;top: 40px;}
.product_top .product_tct p b{display: block;font-size: 24px;font-weight: 550;color: var(--fontColor3);}
.product_top .product_tct p span{display: block;font-size: 16px;line-height: 30px;color: var(--fontColor6);}
.product_top .product_tct .pos{display: flex;flex-direction: row;justify-content: space-between;margin-top: 20px;background: url(../images/pos_ico.jpg) no-repeat left top;border-radius: 5px;}
.product_top .product_tct .pos a{width: 120px;text-align: center;line-height: 66px;font-size: 16px;color:var(--fontColorf);background: var(--mainColor);text-transform: uppercase;border-radius: 5px;}
.product_top .product_tct .pos small{display: flex;flex-direction: column;justify-content: center;width: 55%;padding-left: 70px;box-sizing: border-box;}
.product_top .product_tct .pos small span{font-size: 16px;color:var(--fontColor3);text-transform: uppercase;}
.product_top .product_tct .pos small strong{font-size: 28px;color:var(--mainColor);}
.wxgzh{position: relative;}
.wxgzh img{width: 120px;overflow: hidden;position: absolute;top: 66px;left: 0;right: 0;display: none;}
.wxgzh:hover img{display: block;}

/* .view .swiper-container .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;} */

.product_btm .product_bt{background: #f3f4f8;border-top: 1px solid #e3e5ee;border-bottom: 1px solid #e3e5ee;}
.product_btm .product_bt .lg_1280{flex-direction: row;justify-content: flex-start;}
.product_btm .product_bt li{line-height: 90px;font-size: 20px;color:var(--fontColor3);margin-right: 30px;cursor: pointer;position: relative;}
.product_btm .product_bt li.active{color:var(--mainColor);}
.product_btm .product_bt li.active::after{content:"";display: block;width: 100%;height: 3px;background: var(--mainColor);position: absolute;bottom: 0;left: 0;right: 0;}
.product_tst ul li{display: none;}
.product_tst ul li.active{display: block;}
.product_tst .mains_text{margin: 40px auto;}

.product_page ul li{width: 40%;float: left;box-sizing: border-box;padding: 15px;box-sizing: border-box;border-radius: 5px;background: #f3f4f8;transition: ease-in 0.5s;}
.product_page ul li a{display: flex;flex-direction: row;justify-content: space-between;align-items: center;color: var(--fontColor3);}
.product_page ul li span{display: inline-block;width: 20px;height: 8px;background: url(../images/jjtts_icon.png) no-repeat;transition: ease-in 0.5s;}
.product_page ul li:nth-child(2){width: 10%;margin: 0 5%;}
.product_page ul li:nth-child(2) span{width: 24px;height: 16px;background: url(../images/jjtts_icon2.png) no-repeat;}
.product_page ul li:nth-child(3) span{transform: rotate(180deg);}
.product_page ul li:hover{background: var(--mainColor);transition: ease-in 0.5s;}
.product_page ul li:hover a{color:var(--fontColorf);}
.product_page ul li:hover span{background-position: 0 -8px;transition: ease-in 0.5s;}
.product_page ul li:nth-child(2):hover span{background-position: 0 -16px;}

.mySwiper{position: relative;overflow: hidden;}
.mySwiper .swiper-slide{box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-between;align-items: center;;background: var(--fontColorf);height: 420px;position: relative;}
.mySwiper .swiper-slide .pic{width: 100%;height: 420px;overflow: hidden;border-radius: 5px;}
.mySwiper .swiper-slide .pic img{width: 100%;height:100%;object-fit: cover;display: block;}
.mySwiper .swiper-slide .tct{padding: 25px;box-sizing: border-box;width: 380px;height: 300px;border-radius: 5px;text-align: left;background: rgba(255, 255, 255, 0.8);position: absolute;left: 60px;}
.mySwiper .swiper-slide .tct span{font-size: 18px;line-height: 30px;color:var(--mainColor);font-weight: bold;}
.mySwiper .swiper-slide .tct h3{font-size: 22px;line-height: 34px;color:var(--fontColor3);text-transform: uppercase;margin: 15px auto;}
.news_banner .swiper-button-next,
.news_banner .swiper-button-prev{width: 60px !important;height:60px !important;border-radius: 60px;text-align: center;border:1px solid var(--fontColorb);top: auto !important;bottom: 90px;opacity: 1 !important;z-index: 3;}
.news_banner .swiper-button-next::after,
.news_banner .swiper-button-prev::after{font-size: 24px;font-weight: bold;color: var(--fontColor3);}
.news_banner .swiper-pagination{text-align: left;z-index: 2;bottom: 110px !important;font-weight: bold;color: var(--fontColor6);left: 360px;}
.news_banner .swiper-pagination .swiper-pagination-total{font-size: 16px;color: var(--fontColor6);}
.news_banner .swiper-pagination .swiper-pagination-current{font-size: 16px;color: var(--mainColor);}
/* .news_banner .swiper-button-disabled{opacity: 0 !important;} */
.news_banner .swiper-button-prev{left: 90px;}
.news_banner .swiper-button-next{left: 170px;right: auto;}
.news_banner .swiper-button-next:hover,
.news_banner .swiper-button-prev:hover{background: var(--mainColor);}
.news_banner .swiper-button-next:hover::after,
.news_banner .swiper-button-prev:hover::after{color:var(--fontColorf);}

.news_items{flex-wrap: wrap;margin-top: 50px;}
.news_items .item{width: 31.344%;border:1px solid var(--fontColore);box-sizing: border-box;margin-right: 2.97%;margin-bottom: 2.97%;transition: ease-in 0.5s;}
.news_items .item:nth-child(3n){margin-right: 0;}
.news_items .item .pic{width: 100%;height: 230px;line-height: 230px;text-align: center;overflow: hidden;border-radius: 5px;}
.news_items .item .pic img{width: 100%;height: 100%;object-fit: cover;display: block;transition: ease-in 0.5s;}
.news_items .item .tct{padding: 30px;box-sizing: border-box;background: #f8f8f8;}
.news_items .item .tct span{display: block;font-size: 16px;line-height: 30px;color:var(--fontColor3);}
.news_items .item .tct h3{font-size: 22px;line-height: 30px;color: var(--fontColor3);height: 60px;margin: 15px auto;}
.news_items .item .tct .more{margin-top: 30px;border-radius: 5px;}
.news_items .item:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);transition: ease-in 0.5s;}
.news_items .item:hover .tct h3 a{color:var(--mainColor);}
.news_items .item:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}
.news_items .item .tct .more:hover{background: var(--mainColor);}
.news_items .item .tct .more:hover em{color:var(--fontColorf);}
.news_items .item .tct .more:hover em::after{background: url(../images/jt_icon_01.png) no-repeat;}
.news_tit{border-bottom: 1px solid var(--fontColord);padding: 30px 0;}
.news_tit h3{font-size: 30px;line-height: 60px;font-weight: 600;color: var(--fontColor3);text-transform: uppercase;text-align: center;}
.news_tit p{text-align: left;font-size: 16px;line-height: 34px;color:var(--fontColor3);text-transform: uppercase;padding-top: 20px;}
.news_cons .main_text{margin: 30px auto;}
.news .main_text {margin: 30px auto;}

.lg_fy_con2{margin: 40px auto;}
.lg_fy_con2 dl{padding-top: 40px;border-top: 1px solid #cbcbcb;}
.lg_fy_con2 dl dt{float: right;font-size: 16px;color:#575757;width: 190px;border:1px solid #333;line-height: 50px;box-sizing: border-box;font-size: 16px;text-indent: 2em;background: url(../images/news_info_icon_03.jpg) 140px center no-repeat;border-radius: 5px;}
.lg_fy_con2 dl dt a,
.lg_fy_con2 dl dd a{display: block;color: var(--fontColor3);}
.lg_fy_con2 dl dd{float: left;width: 120px;line-height: 50px;text-align: center;background: #f0f0f2;margin-right: 10px;font-size: 16px;overflow: hidden;border-radius: 5px;}
.lg_fy_con2 dl dd:hover a{background: var(--mainColor) ;color:var(--fontColorf);}
.lg_fy_con2 dl dt:hover{background: var(--mainColor) url(../images/news_info_icon_03.png) no-repeat 140px center;border:1px solid var(--mainColor)}
.lg_fy_con2 dl dt:hover a{color:var(--fontColorf);}

.solution_con .items .item{margin: 60px auto;background: url(../images/solution_item_bg.jpg) no-repeat right;border-radius: 5px;overflow: hidden;transition: ease-in-out 0.5s;}
.solution_con .items .item .num{width: 15.1042%;flex-direction: column;justify-content: center;align-items: center;font-size: 120px;font-weight: bold;color:var(--fontColorc);opacity: 0.3;}
.solution_con .items .item .pic{width: 44.7917%;height: 460px;overflow: hidden;border-radius: 5px;text-align: center;line-height: 460px;}
.solution_con .items .item .pic img{display: block;width: 100%;height: 100%;object-fit: cover;transition: ease-in 0.5s;}
.solution_con .items .item .tct{width: 24.7396%;padding-left: 50px;box-sizing: border-box;flex-direction: column;justify-content: center;}
.solution_con .items .item .tct h3{font-size: 32px;font-weight: bold;color: var(--fontColor3);line-height: 1.5;padding-bottom: 30px;}
.solution_con .items .item .tct p{font-size: 16px;line-height: 34px;color: var(--fontColor3);height: 136px;}
.solution_con .items .item .tct .more{border-radius: 5px;margin-top: 30px;}

.solution_con .items .item:hover{background: url(../images/solution_item_bg2.jpg) no-repeat right;transition: ease-in-out 0.5s;}
.solution_con .items .item:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}
.solution_con .items .item:hover .tct h3,
.solution_con .items .item:hover .tct p{color:#fff;}
.solution_con .items .item:hover .tct .more{border:1px solid var(--fontColorf);}
.solution_con .items .item:hover .tct .more em{color: var(--fontColorf);}
.solution_con .items .item:hover .tct .more em::after{background: url(../images/jt_icon_01.png) no-repeat;}

.case_left{width: 23.135%;border:1px solid var(--fontColore);border-radius: 5px;padding: 20px;box-sizing: border-box;}
.case_left .case_title{font-size: 30px;font-weight: bold;color: var(--fontColor3);border-bottom: 1px solid var(--fontColord);padding-bottom: 20px;}
.case_left .items{margin: 20px auto 0;}
.case_left .items .item{font-size: 20px;color: var(--fontColor3);line-height: 32px;position: relative;padding: 10px 0;}
.case_left .items .item span{display: block;width: 16px;height:16px;position: absolute;right: 0;top: 15px;cursor: pointer;}
.case_left .items .item span::before,
.case_left .items .item span::after{content: "";display: block;width: 100%;height: 2px;background: var(--fontColor3);}
.case_left .items .item span::after{transform: rotate(90deg) translateX(-2px);}
.case_left .items .item.active>a,
.case_left .items .item:hover>a{color: var(--mainColor);display: block;width: 88%;}
.case_left .items .item.active>span::before,
.case_left .items .item:hover>span::before{background: var(--mainColor);}
.case_left .items .item.active>span::after{display: none;}
.case_left .items .item .items{display: none;}
.case_left .items .item.active .items{display: block;}
.case_left .items .item .items .item{font-size: 16px;line-height: 32px;padding:0 0 0 25px;position: relative;}
.case_left .items .item .items .item a{display: block;}
.case_left .items .item .items .item::before{content: "";display: block;width: 10px;height: 10px;border: 1px solid var(--fontColor3);position: absolute;left: 0;top: 11px;}
.case_left .items .item .items .item.active a{color: var(--mainColor);}
.case_left .items .item .items .item.active::before,
.case_left .items .item .items .item:hover::before{background: var(--mainColor);}

.case_right{width: 74.627%;margin-left: 30px;}
.case_right .items{flex-wrap: wrap;}
.case_right .items .item{width: 32%;border:1px solid var(--fontColore);padding: 20px;box-sizing: border-box;border-radius: 5px;margin: 0 2% 2% 0;}
.case_right .items .item:nth-child(3n){margin-right: 0;}
.case_right .items .item .pic{width: 100%;height: 250px;line-height: 250px;text-align: center;margin-bottom: 20px;border-radius: 5px;overflow: hidden;}
.case_right .items .item .pic img{width: 100%;height: 100%;display: block;object-fit: cover;transition: ease-in 0.5s;}
.case_right .items .item .tit{font-size: 20px;line-height: 32px;text-align: center;height:64px;}
.case_right .items .item .more{margin: 30px auto;}
.case_right .items .item:hover{background: var(--mainColor);}
.case_right .items .item:hover .tit,
.case_right .items .item:hover .tit a{color: var(--fontColorf);}
.case_right .items .item:hover .more{border:1px solid var(--fontColorf);}
.case_right .items .item:hover .more em{color: var(--fontColorf);}
.case_right .items .item:hover .more em::after{background: url(../images/jt_icon_01.png) no-repeat;}
.case_right .items .item:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}

.contact_top{position: relative;}
.contact_left{width: 540px;}
.contact_left .main_title p{margin: 30px 0;width: 30%;}
.contact_left .main_title p::after{right: auto;width: 40px;}
.contact_content{min-height: 400px;}
.contact_content .list_item .map{position: absolute;right: 0;bottom: 0;width: 55%;height:520px;overflow: hidden;border-radius: 5px;}
.contact_tab{margin-top: 50px;}
.contact_tab ul li{line-height: 50px;font-size: 24px;color: var(--fontColor3);padding: 0 30px;}
.contact_tab ul li.active{background: var(--mainColor);color: var(--fontColorf);}
.list_item{margin: 30px auto 0;width: 100%;display: none;}
.list_item.active{display: block;}
.list_item p{font-size: 20px;line-height: 26px;color: var(--fontColor3);padding: 10px 0;}

.contact_btm{background: url(../images/contact_btm_bg.jpg) no-repeat right;padding: 100px 0;}
.contact_btm .main_title p{margin: 30px 0 30px auto;width: 12%;}
.contact_btm .main_title p::after{right: 0;width: 40px;left: auto;}
.contact_btm .items{flex-wrap: wrap;margin: 70px auto 0;}
.contact_btm .items .item{width: 27.612%;margin:2% 2.5% 2% 4%;}
.contact_btm .items .item:nth-child(3n){margin-right: 0;}
.contact_btm .items .item dl dt{font-size: 26px;font-weight: bold;padding: 30px 0;border-bottom: 1px solid var(--fontColorc);color: var(--fontColor3);}
.contact_btm .items .item dl dd{font-size: 20px;line-height: 26px;padding: 20px 0 0;}
.contact_btm .items .item dl dd b{display: inline-flex;font-size: 18px;font-weight: 550;width: 62%;}

.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar ul{list-style: none;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:240px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:51px; left:0; width:380px;}
.right_bar li.rtbar_li4{ top:102px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.rtbar_li5{ position:absolute; top:204px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background:var(--mainColor); border-radius:5px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:var(--mainColor); opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:0px; left:-120px; padding-bottom:9px;}
.rtbar_shwx img{background-color:#FFF;width: 120px; }
.right_bar{display:none;}
.rtbar_shwx{top:0px;}