@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:var(--lineColor3);}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}

:root {
    --mainColor: #1d2088;
    --fontColor: #1e1e4c;
    --fontColora:#181414;
    --fontColorb:#bbbbbb;
    --fontColorc:#cccccc;
    --fontColord:#dddddd;
    --fontColore:#eeeeee;
    --fontColorf:#ffffff;
    --fontColor0:#000000;
    --fontColor1:#111111;
    --fontColor2:#222222;
    --fontColor3:#333333;
    --fontColor4:#444444;
    --fontColor5:#555555;
    --fontColor6:#666666;
    --fontColor7:#777777;
    --fontColor8:#888888;
    --fontColor9:#999999;
    --lineColor: #256ba7;
    --lineColor2: #eef2f6;
    --lineColor3: #e7ecf2;
}
a{color: var(--mainColor);}

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

.box_con {
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto;
}
.box_cons {
    padding: 0 120px;
    box-sizing: border-box;
}
/* img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
} */

/* header */
/* background: rgba(255, 255, 255, 0.96); */
header{position: fixed;top: 0;left: 0;right: 0;z-index: 9;transition: all 0.5s;}
.head_con{padding-top: 10px;padding-bottom: 10px;align-items: center;justify-content: space-between;}
header h1{max-width: 215px;}
header h1 img{max-width: 100%;}
header h1 .img1{display: block;}
header h1 .img2{display: none;}
.head_right{width: 82%;justify-content: flex-end;align-items: center;line-height: 81px;}
.head_right .head_nav{padding-right: 20px;}
.head_right .head_nav>ul>li{position: relative;}
.head_right .head_nav>ul>li>a{padding: 0 30px;font-size: 20px;color: var(--fontColorf);display: block;}
.head_right .head_nav>ul>li.active>a,
.head_right .head_nav>ul>li:hover>a{font-weight: bold;}

.head_right .head_nav>ul>li>ul{position: absolute;background: var(--fontColorf);border-radius: 0 0 10px 15px;width: 150%;left: -25%;height: 0;overflow: hidden;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.head_right .head_nav>ul>li>ul>li>a{line-height: 60px;font-size: 16px;color: var(--fontColor3);display: block;text-align: center;border-bottom: 1px solid var(--fontColord);}
.head_right .head_nav>ul>li:hover>ul{height: initial;}
.head_right .head_nav>ul>li>ul>li>a:hover{color: var(--mainColor);}
.head_right .search{position: relative;padding: 0 30px;margin-left: 20px;}
.head_right .search::after{content: "";display: block;width: 1px;height: 10px;background: var(--fontColorf);position: absolute;left: -20px;top: 50%;margin-top: -5px;}
.head_right .search .search_btn{width: 20px;height: 20px;background: url(../images/search_icon.png) no-repeat;cursor: pointer;}
.head_right .search .search_bd{position: absolute;top: 60px;right: 0;width: 200px;display: none;}
.head_right .search .search_bd input{width: 150px;height: 40px;line-height: 40px;border: none;float: left;padding-left: 10px;box-sizing: border-box;}
.head_right .search .search_bd button{width: 50px;line-height: 40px;border: none;background: var(--mainColor) ;float: right;}
.head_right .search .search_bd button::after{content: "";display: block;width: 20px;height: 20px;background: url(../images/search_icon.png) no-repeat;margin: 10px auto;}
.head_right .lang a{display: flex;align-items: center;;font-size: 20px;color: var(--fontColorf);}
.head_right .lang a::before{content: "";display: block;width: 20px;height: 20px;background: url(../images/lang_icon.png) no-repeat;margin-right: 10px;}

.drop_menu{width: 100%;position: fixed;left: 0;right: 0;top: 90px;background: rgba(255, 255, 255, 0.96);border-radius: 0 0 80px 80px;max-height: 730px;height: 0;overflow-y: auto;z-index: 2;}
.drop_menu ul{width: 30%;margin-top: 50px;}
.drop_menu ul li{padding: 0;width: 100%;border-bottom: 2px solid var(--fontColord);transition: all 0.5s;}
.drop_menu ul li a{font-size: 20px;color: var(--fontColor3);display: flex;width: 100%;justify-content: space-between;align-items: center;}
.drop_menu ul li a::after{content: '';display: block;width: 16px;height: 16px;background: url(../images/drop_menu_icon.png) no-repeat;transition: all 0.5s;}
.drop_menu ul li>ul{position: absolute;left: 37%;top: 0;width: 26.2%;display: none;}
.drop_menu ul li.active>ul{display: block;}
.drop_menu ul li ul>li>ul{position: absolute;left: 115%;top: 0;width: 100%;display: none;margin-top: 0;}
.drop_menu ul li ul li.active>ul{display: block;overflow-y: auto;padding-right: 20px;box-sizing: border-box;}
.drop_menu ul li:hover>a,
.drop_menu ul li.active>a{color: var(--mainColor);}
.drop_menu ul li:hover>a::after,
.drop_menu ul li.active>a::after{background-position: -16px 0;transition: all 0.5s;}
.drop_menu ul li.active{border-bottom: 2px solid var(--mainColor);transition: all 0.5s;}

.fixed header,
header:hover{background: rgba(255, 255, 255, 0.96);transition: all 0.5s;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.fixed header h1 .img1,
header:hover h1 .img1{display: none;}
.fixed header h1 .img2,
header:hover h1 .img2{display: block;}
.fixed header .head_right .head_nav>ul>li>a,
header:hover .head_right .head_nav>ul>li>a{color: var(--fontColor3);}
.fixed header .head_right .search .search_btn,
header:hover .head_right .search .search_btn{background-position: -20px 0;}
.fixed header .head_right .lang a,
header:hover .head_right .lang a{color: var(--fontColor3);}
.fixed header .head_right .lang a::before,
header:hover .head_right .lang a::before{background-position: -20px 0;}
.fixed header .head_right .search::after,
header:hover .head_right .search::after{background: var(--fontColor3);}
header .head_right .head_nav>ul>li:hover .drop_menu{height: auto;padding-bottom: 50px;}

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 0.5s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
.section-wrap .section .title p{ padding:0 4%;opacity:0}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
.section-wrap .section-6{ background-color:var(--mainColor);border-radius: 80px 80px 0 0;}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-455%);-webkit-transform:translateY(-455%);}
.section-btn{ width:14px;position:fixed;right:2%;top:45%;z-index: 9;}
.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:var(--lineColor);text-align:center; color:#fff;}
.section-btn li.on{ 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} }

.about .box_title,
.product .box_title,
.news .box_title{transform: translateX(35%);opacity: 0;transition: all 0.8s;}
.about_tct .about_tst{transform: translateX(50%);opacity: 0;transition: all 1s;}
.about_tct .about_items{transform: translateX(80%);opacity: 0;transition: all 1.25s;}
.about_tab{transform: translateX(100%);opacity: 0;transition: all 1.5s;}
.put-section-1 .about .box_title,
.put-section-2 .product .box_title{transform: translateX(0%);opacity: 1;transition: all 0.8s;}
.put-section-1 .about_tct .about_tst{transform: translateX(0%);opacity: 1;transition: all 1s;}
.put-section-1 .about_tct .about_items{transform: translateX(0%);opacity: 1;transition: all 1.25s;}
.put-section-1 .about_tab{transform: translateX(0%);opacity: 1;transition: all 1.5s;}

.product_items .item:nth-child(1){opacity: 0;transition: all 1s;}
.product_items .item:nth-child(2){opacity: 0;transition: all 1s;}
.product_items .item:nth-child(3){opacity: 0;transition: all 1s;}
.product_items .item:nth-child(4){opacity: 0;transition: all 1s;}
.put-section-2 .product_items .item:nth-child(1){opacity: 1;transition: all 1s;}
.put-section-2 .product_items .item:nth-child(2){opacity: 1;transition: all 1s;}
.put-section-2 .product_items .item:nth-child(3){opacity: 1;transition: all 1s;}
.put-section-2 .product_items .item:nth-child(4){opacity: 1;transition: all 1s;}

.technology .box_title{transform: translateY(100%); opacity: 0;transition: all 0.8s;}
.technology .technology_items .item{transform: translateY(100%); opacity: 0;}
.put-section-3 .technology .box_title{transform: translateY(0%); opacity: 1;transition: all 0.8s;}
.put-section-3 .technology .technology_items .item{transform: translateY(0%); opacity: 1;}
.put-section-3 .technology .technology_items .item:nth-child(1){transition: all 1s;}
.put-section-3 .technology .technology_items .item:nth-child(2){transition: all 1.5s;}
.put-section-3 .technology .technology_items .item:nth-child(3){transition: all 1.75s;}
.put-section-3 .technology .technology_items .item:nth-child(4){transition: all 2s;}

.news_tab .news_items .item .item_con .news_left{transform: scale(0);opacity: 0;transition: all 1s;}
.news_tab .news_items .item .item_con .news_right{transform: translateX(100%);opacity: 0; transition: all 2s;}
.put-section-4 .news .box_title{transform: translateX(0%);opacity: 1;transition: all 0.8s;}
.put-section-4 .news_tab .news_items .item .item_con .news_left,
.put-section-5 .news_tab .news_items .item .item_con .news_left{transform: scale(1);opacity: 1;transition: all 1s;}
.put-section-4 .news_tab .news_items .item .item_con .news_right,
.put-section-5 .news_tab .news_items .item .item_con .news_right{transform: translateX(0%);opacity: 1; transition: all 2s;}


/* banner */
.banner{height: calc(100vh);}
.myBanner{height: 100%;position: relative;overflow: hidden;}
.myBanner .swiper-slide a{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 130px;color: var(--fontColorf);box-sizing: border-box;}
.myBanner .swiper-slide h3{font-size: 48px;line-height: 2;transform: translateY(1000%);}
.myBanner .swiper-slide p{font-size: 18px;text-transform: uppercase;letter-spacing: 2px;line-height: 2;transform: translateY(1200%);}
.myBanner .swiper-slide video{width: 100%;height: 100%;object-fit: cover;}
.myBanner .swiper-slide-active h3{transform: translateY(0);transition: all 0.5s;}
.myBanner .swiper-slide-active p{transform: translateY(0);transition: all 0.9s;}
.myBanner .swiper-button{position: absolute;bottom: 88px;right: 120px;width: 200px;height: 88px;}
.myBanner .swiper-button-prev,
.myBanner .swiper-button-next{width: 77px;height: 88px;background: url(../images/banner_jt_01.png) no-repeat center;}
.myBanner .swiper-button-prev:hover,
.myBanner .swiper-button-next:hover{background: url(../images/banner_jt_02.png) no-repeat center;}
.myBanner .swiper-button-prev::after,
.myBanner .swiper-button-next::after{display: none;}
.myBanner .swiper-button-prev{transform: rotate(180deg);}
.myBanner .swiper-pagination-banner{color: var(--fontColorf);width: 50%;text-align: left;padding-left: 120px;position: absolute;bottom: 88px;z-index: 3;}
.myBanner .swiper-pagination-banner .swiper-pagination-total{font-size: 16px;opacity: 0.6;}
.myBanner .swiper-pagination-banner .swiper-pagination-current{font-size: 20px;}

/* footer */
footer{background: url(../images/footer_bg.jpg) no-repeat center bottom;background-size: cover;border-radius: 80px 80px 0 0;padding-top: 40px;position: relative;overflow: hidden;margin-top: -80px;}
footer .foot_top{padding: 30px 0;justify-content: space-between;align-items: center;}
footer .foot_top .foot_logo{max-width: 208px;}
footer .foot_top .foot_logo img{max-width: 100%;}
footer .foot_top .fwdh p{padding-left: 60px;background: url(../images/fwdh_icon.png) no-repeat left;color: var(--fontColorf);background-size: contain;}
footer .foot_top .fwdh p span{display: block;font-size: 14px;line-height: 1;}
footer .foot_top .fwdh p b{display: block;font-size: 32px;line-height: 1.5;}
footer .foot_center{justify-content: space-between;padding: 20px 0;}
footer .foot_center .foot_info{width: 300px;}
footer .foot_center .foot_info dl{width: 100%;padding-left: 45px;background: url(../images/foot_info_01.png) no-repeat left top;display: inline-flex;align-items: flex-start;color: var(--fontColorf);margin-bottom: 20px;}
footer .foot_center .foot_info dl:nth-child(2){background: url(../images/foot_info_02.png) no-repeat left top;}
footer .foot_center .foot_info dl dt{width: 85px;line-height: 2;font-size: 16px;}
footer .foot_center .foot_info dl dd{width: calc(100% - 130px);line-height: 2;}
footer .foot_center .foot_info dl dd span{line-height: 2;display: block;}
footer .foot_center .foot_nav{width: calc(100% - 660px);justify-content: center;}
footer .foot_center .foot_nav dl{width: calc(100% / 7);color: var(--fontColorf);}
footer .foot_center .foot_nav dl dt{font-size: 18px;line-height: 2;margin-bottom: 15px;}
footer .foot_center .foot_nav dl dd{font-size: 16px;}
footer .foot_center .foot_nav dl dd a{display: block;line-height: 28px;color: var(--fontColorf);opacity: 0.6;}
footer .foot_center .foot_think{width: 290px;}
footer .foot_center .foot_think input{background: none;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height: 34px;line-height: 34px;margin-bottom: 25px;font-size: 14px;color: var(--fontColorf);}
footer .foot_center .foot_think .foot_think1,
footer .foot_center .foot_think .foot_think3{display: inline-flex;justify-content: space-between;}
footer .foot_center .foot_think .foot_think1 input{width: 46%;}
footer .foot_center .foot_think .foot_think2 textarea{background: none;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height: 60px;width: 100%;margin-bottom: 25px;font-size: 14px;color: var(--fontColorf)}
footer .foot_center .foot_think .foot_think3 input{border:1px solid rgba(255, 255, 255, 0.3);border-radius: 5px 0 0 5px;width: 100px;padding-left: 10px;box-sizing: border-box;}
footer .foot_center .foot_think .foot_think3 .yzm{width: 90px;height: 34px;display: block;border-radius: 0 5px 5px 0;overflow: hidden;}
footer .foot_center .foot_think .foot_think3 input:last-child{border:none;font-size: 18px;font-weight: bold;color: var(--fontColorf);text-transform: uppercase;width: 60px;margin-left: 40px;padding-left: 0;}
footer .foot_btm{border-top: 1px solid rgba(102, 81, 81, 0.3);}
footer .foot_btm p{padding: 20px 0;color: var(--fontColorf);}
footer .foot_btm p a{color: var(--fontColorf);}
footer .foot_btm p span a{padding-left: 30px;position: relative;color: var(--fontColorf);}
footer .foot_btm p span a em{width: 120px;height: 120px;position: absolute;position: absolute;bottom: 20px;left: 0;right: 0;display: none;z-index: 3;}
footer .foot_btm p span a:hover em{display: block;}

/* 首页公共标题 */
.box_title{color: var(--fontColorf);}
.box_title h3{font-size: 48px;line-height: 1;position: relative;z-index: 1;}
.box_title h2{font-size: 100px;text-transform: uppercase;font-weight: 200;line-height: 1;margin-top: -30px;opacity: 0.2;}

.product .box_title,
.news .box_title{color: var(--mainColor);}
/* about */
.about,
.product,
.technology,
.news{min-height: 940px;padding: 110px 0;box-sizing: border-box;height: 100%;}

.about_tct{margin-top: 40px;color: var(--fontColorf);}
.about_tct .about_tst .about_tst_item{display: none;}
.about_tct .about_tst .about_tst_item.active{display: block;}
.about_tct .about_tst .about_tst_item .tit{font-size: 34px;font-weight: bold;}
.about_tct .about_tst .about_tst_item .txt{max-width: 720px;margin: 30px 0 45px;font-size: 16px;line-height: 2;width: 55%;}
.more{width: 140px;line-height: 50px;text-align: center;background: var(--mainColor);border-radius: 5px;font-size: 18px;text-transform: uppercase;font-weight: bold;}
.more a{display: block;color: var(--fontColorf);}
.about_tct .about_items{padding: 40px 0;}
.about_tct .about_items .item{margin-right: 90px;color: var(--mainColor);font-weight: 400;}
.about_tct .about_items .item p{font-size: 18px;}
.about_tct .about_items .item p b{font-size: 64px;margin-right: 15px;}
.about_tct .about_items .item span{font-size: 16px;color: var(--fontColor);}
.about_tct .about_items .item:last-child{margin-right: 0;}
.about_tct .about_tab ul li{padding: 0 30px;box-sizing: border-box;font-size: 22px;color: var(--mainColor);background: rgba(255, 255, 255, 0.6);border-radius: 10px;line-height: 70px;font-weight: 400;margin-right: 30px;cursor: pointer;}
.about_tct .about_tab ul li.active{background: var(--mainColor);color: var(--fontColorf);}

/*  */
.product_items{flex-wrap: nowrap;align-items: flex-start;margin-top: 20px;}
.product_items .item{width: 360px;background: url(../images/product_item_bg.png) no-repeat;background-size: contain;height: 360px;padding: 80px;box-sizing: border-box;text-align: center;position: relative;transition: all 0.5s;}
.product_items .item.active{width: 590px;padding: 140px;height: 590px;transition: all 0.5s;}
.product_items .item b{font-size: 180px;color: var(--lineColor);opacity: 0.06;line-height: 1;position: absolute;top: 80px;left: 0;right: 0;margin: 0 auto;z-index: 0;transition: all 0.5s;}
.product_items .item span{display: block;width: 70px;height: 70px;margin: 30px auto 0;}
.product_items .item span img{max-width: 100%;max-height: 100%;}
.product_items .item h3{font-size: 32px;color: var(--lineColor);line-height: 1;margin-bottom: 10px;}
.product_items .item em{font-size: 16px;color: var(--lineColor);opacity: 0.4;}
.product_items .item p{display: none;font-size: 16px;line-height: 24px;color: var(--fontColor);margin: 25px auto;}
.product_items .item.active p{display: -webkit-box;transition: all 0.5s;}
.product_items .item.active h3{color: var(--mainColor);font-size: 48px;font-weight: 500;transition: all 0.5s;}
.product_items .item.active em{color: var(--mainColor);opacity: 1;transition: all 0.5s;}
.product_items .item.active b{top: 140px;}
.product_items .item.active::after{content: "";display: block;width: 77px;height: 88px;background: url(../images/product_more.png) no-repeat;margin: 40px auto 0;}
.product_items .item:nth-child(1),
.product_items .item:nth-child(4){margin-top: 200px;}
.product_items .item.active:nth-child(1),
.product_items .item.active:nth-child(4){margin-top: 0px;}
.product_items .item:nth-child(odd){
	animation-name: rotation1;
	-webkit-animation-name: rotation1;	

	animation-duration: 4s;	
	-webkit-animation-duration: 4s;

	animation-timing-function: linear;	
	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;	

	visibility: visible !important;						
}
.product_items .item:nth-child(even){
	animation-name: rotation2;
	-webkit-animation-name: rotation2;	

	animation-duration: 6s;	
	-webkit-animation-duration: 6s;

	animation-timing-function: linear;	
	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;	

	visibility: visible !important;						
}
.product_items .item:hover{animation-name: none;-webkit-animation-name: none;}
@-webkit-keyframes rotation1 {
    from { -webkit-transform: rotate(0deg) translateX(10%) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(10%) rotate(-360deg); }
}
@keyframes rotation1 {
    from { transform: rotate(0deg) translateX(10%) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(10%) rotate(-360deg); }
}
@-webkit-keyframes rotation2 {
    from { -webkit-transform: rotate(0deg) translateX(-10%) rotate(0deg); }
    to   { -webkit-transform: rotate(-360deg) translateX(-10%) rotate(360deg); }
}
@keyframes rotation2 {
    from { transform: rotate(0deg) translateX(-10%) rotate(0deg); }
    to   { transform: rotate(-360deg) translateX(-10%) rotate(360deg); }
}

/* technology */
.technology{position: relative;padding: 0;}
.technology .box_title{text-align: center;position: absolute;left: 0;right: 0;margin: 140px auto 0;z-index: 2;}
.technology .technology_items{height: 100%;align-items: flex-end;}
.technology .technology_items .item{width: calc(100% / 4);height: 100%;padding: 40px;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.3);overflow: hidden;position: relative;}
.technology .technology_items .item a{display: inline-flex;height: 100%;flex-direction: column;justify-content: flex-end;text-align: center;color: var(--fontColorf);transform: translateY(200px);transition: all 0.5s;}
.technology .technology_items .item span{display: block;width: 114px;height: 124px;margin: 0 auto 20px;}
.technology .technology_items .item span img{max-width: 100%;}
.technology .technology_items .item:nth-child(1) span{background: url(../images/technology_items_icon_01.png) no-repeat;}
.technology .technology_items .item:nth-child(2) span{background: url(../images/technology_items_icon_02.png) no-repeat;}
.technology .technology_items .item:nth-child(3) span{background: url(../images/technology_items_icon_03.png) no-repeat;}
.technology .technology_items .item:nth-child(4) span{background: url(../images/technology_items_icon_04.png) no-repeat;}
.technology .technology_items .item h3{font-size: 32px;font-weight: 400;transition: all 0.5s;line-height: 1.5;}
.technology .technology_items .item em{font-size: 16px;line-height: 2;opacity: 0.4;text-transform: uppercase;display: block;}
.technology .technology_items .item em::after{content: "";display: block;width: 50px;height: 2px;background: var(--fontColorf);margin: 30px auto 0;opacity: 0;}
.technology .technology_items .item p{font-size: 18px;line-height: 34px;margin: 30px auto 45px;}
.technology .technology_items .item .more{margin: 100px auto;}
.technology .technology_items .item::before{content: "";display: block;width: 100%;height: 100%;background: rgba(29, 32, 136, 0.3);position: absolute;left: 0;right: 0;bottom: 0;transform: translateY(100%);transition: all 0.5s;}
.technology .technology_items .item:hover::before,
.technology .technology_items .item.active::before{transition: all 0.5s;transform: translateY(0);}
.technology .technology_items .item:hover a,
.technology .technology_items .item.active a{transform: translate(0);transition: all 0.5s;}
.technology .technology_items .item:hover h3,
.technology .technology_items .item.active h3{font-size: 40px;transition: all 0.5s;}
.technology .technology_items .item:hover .more,
.technology .technology_items .item.active .more{margin: 30px auto;}
.technology .technology_items .item:hover em::after,
.technology .technology_items .item.active em::after{opacity: 1;}

.technologys{height: 940px;}
.technologys .technology_items{box-sizing: border-box;}
.technologys .technology_items .item{opacity: 1;transform: translateY(0%);}
.technologys .technology_items .item:hover a,
.technologys .technology_items .item.active a{margin-top: -60px;}
.technologys .technology_items .item span{clip-path: none;position: relative;}
.technologys .technology_items .item span::after{content: "";display: block;background: url(../images/technology_items_icon_bg.png) no-repeat;width: 100%;height: 100%;top: 0;left: 0;right: 0;background-size: contain;}
.technologys .technology_items .item:hover span{clip-path: polygon(0% 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%);background: var(--fontColorf);}
.technologys .technology_items .item p{opacity: 0;transition: all 0.5s;}
.technologys .technology_items .item:hover p,
.technologys .technology_items .item.active p{opacity: 1;transition: all 0.5s;}
.technologys .technology_items .item:hover:nth-child(1) span,
.technologys .technology_items .item.active:nth-child(1) span{background:var(--fontColorf) url(../images/technology_items_icon_010.png) no-repeat;}
.technologys .technology_items .item:hover:nth-child(2) span{background:var(--fontColorf) url(../images/technology_items_icon_020.png) no-repeat;}
.technologys .technology_items .item:hover:nth-child(3) span{background:var(--fontColorf) url(../images/technology_items_icon_030.png) no-repeat;}
.technologys .technology_items .item:hover:nth-child(4) span{background:var(--fontColorf) url(../images/technology_items_icon_040.png) no-repeat;}


/*  */
.news_tab .news_tit{margin: -70px 0 50px;position: relative;width: 50%;float: right;z-index: 1;}
.news_tab .news_tit ul {text-align: right;}
.news_tab .news_tit ul li{display: inline-flex;padding: 0 40px;line-height: 50px;background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(29, 32, 136, 0.3);border-radius: 10px;font-size: 16px;color: var(--mainColor);margin-left: 20px;cursor: pointer;}
.news_tab .news_tit ul li.active{background: var(--mainColor);color: var(--fontColorf);}
.news_tab .news_items .item{display: none;}
.news_tab .news_items .item.active{display: block;}
.news_tab .news_items .item .item_con{justify-content: space-between;}
.news_tab .news_items .item .item_con .news_left,
.news_tab .news_items .item .item_con .news_right{max-width: 610px;width: 46%;}
.news_tab .news_items .item .item_con .news_left .pic{width: 100%;height: 330px;overflow: hidden;border-radius: 10px;}
.news_tab .news_items .item .item_con .news_left .pic img{max-width: 100%;max-height: 100%;object-fit: cover;transition: all 0.5s;}
.news_tab .news_items .item .item_con .news_left:hover .pic img{transform: scale(1.1);transition: all 0.5s;width: 100%;height: 100%;object-fit: cover;}
.news_tab .news_items .item .item_con .news_left .tct{padding: 20px;}
.news_tab .news_items .item .item_con .news_left .tct span,
.news_tab .news_items .item .item_con .news_right ul li span{display: block;padding-left: 25px;font-size: 18px;line-height: 24px;color: var(--fontColor3);background: url(../images/time_icon.png) no-repeat left;}
.news_tab .news_items .item .item_con .news_left .tct h3{font-size: 26px;line-height: 36px;color: var(--fontColor1);height: 72px;margin-top: 20px;}
.news_tab .news_items .item .item_con .news_left .tct p{font-size: 16px;line-height: 24px;color: var(--fontColor6);height: 48px;margin: 20px 0 5px;}
.news_tab .news_items .item .item_con .news_left .tct em{width: 38px;height: 44px;display: block;}
.news_tab .news_items .item .item_con .news_left .tct em img{max-width: 100%;max-height: 100%;}
.news_tab .news_items .item .item_con .news_right ul li{width: 100%;padding: 20px 30px;box-sizing: border-box;background: rgba(255, 255, 255, 0.8);border-radius: 10px;margin-bottom: 30px;transition: all 0.5s;}
.news_tab .news_items .item .item_con .news_right ul li:last-child{margin-bottom: 0;}
.news_tab .news_items .item .item_con .news_right ul li h3{font-size: 20px;color: var(--fontColor1);line-height: 30px;height: 60px;margin: 10px 0;}
.news_tab .news_items .item .item_con .news_right ul li em{font-size: 16px;font-weight: bold;text-transform: uppercase;color: var(--mainColor);display: block;line-height: 30px;}
.news_tab .news_items .item .item_con .news_right ul li:hover{box-shadow: 0 5px 10px rgba(29, 32, 136, 0.3);transform: translateY(10px);transition: all 0.5s;}

.gotops{opacity: 0;width: 40px;height: 40px;background: var(--lineColor);color: var(--fontColorf);text-align: center;line-height: 40px;position: fixed;bottom: 40px;right: 30px;z-index: 5;cursor: pointer;font-size: 20px;font-family: monospace;transform: rotate(-90deg);transition: all 0.5s;}
.gotops.toshow{opacity: 1;transition: all 0.5s;}


/* 内页 */
.bar{height: 640px;}
.bar .box_con{height: 100%;}
.bar .bar_tit{display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: flex-end;padding-bottom: 70px;box-sizing: border-box;}
.bar .bar_tit h3{font-size: 90px;color: var(--fontColorf);border-bottom: 1px solid rgba(255, 255, 255, 0.3);line-height: 1.8;}
.bar .bar_tit p{font-size: 20px;line-height: 36px;text-transform: uppercase;color: var(--fontColorf);line-height: 1;font-weight: 500;opacity: 0.6;padding-top: 30px;}
.bar .bar_tit dl{justify-content: flex-end;align-items: center;margin-top: -20px;position: relative;z-index: 1;}
.bar .bar_tit dl dt{background: url(../images/home_icon.png) no-repeat center;width: 20px;height: 20px;}
.bar .bar_tit dl dd a{display: block;font-size: 14px;line-height: 1.5;color: var(--fontColorf);margin-left: 5px;}

.main{padding: 0 0 0;}
.main_title{text-align: center;color: var(--fontColorf);}
.main_title h3{font-size: 52px;font-weight: 500;position: relative;z-index: 1;}
.main_title p{font-size: 100px;text-transform: uppercase;font-weight: 300;line-height: 1;opacity: 0.06;margin-top: -40px;}
.main_title span{display: block;font-size: 16px;line-height: 30px;margin-top: -50px;position: relative;z-index: 1;}
.about_one .main_title{text-align: left;}
.about_five .main_title{color: var(--mainColor);}

.about_one,
.about_two{padding: 110px 0 150px;}
.about_one_tab{justify-content: space-between;align-items: flex-end;margin: -60px auto 110px;min-height: 400px;}
.about_one_tab .about_one_tit{width: 50%;}
.about_one_tab .about_one_tit ul li a{display: inline-block;background: rgba(255, 255, 255, 0.5);font-size: 22px;color: var(--mainColor);line-height: 2;padding: 15px 35px;box-sizing: border-box;margin-top: 30px;border-radius: 15px;}
.about_one_tab .about_one_tit ul li.active a,
.about_one_tab .about_one_tit ul li:hover a{color: var(--fontColorf);background: var(--mainColor);}
.about_one_tab .about_one_tct{width: 50%;}
.about_one_tab .about_one_tct .about_one_item{display: none;}
.about_one_tab .about_one_tct .about_one_item.active{display: block;}
.about_one_tab .about_one_tct .about_one_item .tit{font-size: 36px;font-weight: bold;color: var(--fontColorf);line-height: 2;margin-bottom: 30px;}
.about_one_tab .about_one_tct .about_one_item .mains_text{max-height: 295px;overflow-y: auto;}
.about_one_items{justify-content: space-between;}
.about_one_items .item{width: auto;color: var(--fontColorf);padding-left: 20%;background: url(../images/about_one_items_ico.png) no-repeat 30%;}
.about_one_items .item:first-child{padding-left: 0;background: none;}
.about_one_items .item p{font-size: 18px;}
.about_one_items .item p b{font-size: 64px;font-weight: bold;display: inline-block;margin-right: 10px;}
.about_one_items .item span{display: block;font-size: 16px;line-height: 30px;}

.about_two_txt{font-size: 20px;line-height: 36px;color: var(--fontColorf);text-align: center;margin: 30px auto;font-weight: 500;}
.about_two_items{margin: 60px auto;}
.about_two_items .item{width: calc(100% / 3 - 37.66px);margin-right: 55px;margin-bottom: 60px;height: 410px;position: relative;}
.about_two_items .item:nth-child(3n){margin-right: 0;}
.about_two_items .item::after{content: '';display: block;width: 100%;height: 0%;background: rgba(255, 255, 255, 0.9);position: absolute;bottom: 0;left: 0;right: 0;border-radius: 25px;transition: all 0.5s;}
.about_two_items .item .tct{height: 100%;padding: 30px;box-sizing: border-box;position: relative;border: 2px solid var(--fontColorf);border-bottom: none;border-radius: 25px;color: var(--fontColorf);text-align: center;align-content: flex-start;z-index: 2;}
.about_two_items .item .tct::before,
.about_two_items .item .tct::after{content: "";display: block;width: 120px;height: 120px;border-bottom: 2px solid var(--fontColorf);position: absolute;bottom: 0;overflow: hidden;}
.about_two_items .item .tct::before{left: -2px;border-radius:0 0 0 25px;}
.about_two_items .item .tct::after{right: -2px;border-radius:0 0 25px 0;}
.about_two_items .item h3{width: 100%;font-size: 42px;opacity: 0.6;padding-top: 60px;margin-bottom: 30px;font-weight: 300;transition: all 0.5s;}
.about_two_items .item p{font-size: 24px;letter-spacing: 1.5px;font-weight: bold;transition: all 0.5s;}
.about_two_items .item span{display: block;font-size: 30px;position: absolute;left: 0;right: 0;bottom: -20px;font-weight: 300;transition: all 0.5s;}
.about_two_items .item.active::after,
.about_two_items .item:hover::after{height: 100%;transition: all 0.5s;}
.about_two_items .item.active .tct h3{color: var(--fontColor1);opacity: 1;padding-top: 35px;transition: all 0.5s;}
.about_two_items .item.active .tct p{color: var(--mainColor);transition: all 0.5s;}
.about_two_items .item.active .tct span{bottom: 50px;color: var(--fontColor1);font-size: 46px;font-weight: 500;transition: all 0.5s;}

.about_three_tab{width: 90%;margin: 0 auto;}
.about_three_tab .about_three_tit{margin-bottom: 60px;}
.about_three_tab .about_three_tit ul{justify-content: center;}
.about_three_tab .about_three_tit ul li a{display: block;font-size: 20px;color: var(--fontColorf);line-height: 2;margin: 0 20px;padding-bottom: 10px;}
.about_three_tab .about_three_tit ul li.active a{color: var(--mainColor);border-bottom: 1px solid var(--mainColor);}

.swiper-container-honor{position: relative;overflow: hidden;padding-bottom: 120px;}
.swiper-container-honor::after{content: "";display: block;border-top: 1px dashed var(--fontColorf);width: 75%;position: absolute;right: 190px;bottom: 30px;}
.swiper-container-honor .swiper-pagination-honor{position: absolute;bottom: 0;}
.swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet{background: none;opacity: 1;font-size: 30px;color: var(--fontColorf);width: auto;height: auto;font-weight: bold;line-height: 64px;}
.swiper-container-honor .swiper-pagination-honor .swiper-pagination-bullet-active{color: var(--mainColor);}
.swiper-container-honor .swiper-button-next,
.swiper-container-honor .swiper-button-prev{right: 0;top: auto;bottom: 0;display: block;width: 60px;height: 64px;background: var(--lineColor3);cursor: pointer;}
.swiper-container-honor .swiper-button-next::after,
.swiper-container-honor .swiper-button-prev::after{content: "";display: inline-block;width: 14px;height: 14px;background: url(../images/pages2_icon.png) no-repeat;margin: 25px 22px;}
.swiper-container-honor .swiper-button-prev{left: auto;right: 90px;}
.swiper-container-honor .swiper-button-next{transform: rotateY(180deg);}
.about_three_tab .about_three_items{display: none;}
.about_three_tab .about_three_items.active{display: block;}
.about_three_tab .about_three_items .item{width: calc(100%);text-align: center;color: var(--fontColorf);}
.about_three_tab .about_three_items .item:nth-child(4n){margin-right: 0;}
.about_three_tab .about_three_items .item .pic{width: 100%;max-height: 262px;overflow: hidden;}
.about_three_tab .about_three_items .item .pic img{max-width: 100%;}
.about_three_tab .about_three_items .item .tit{font-size: 20px;line-height: 30px;margin: 10px auto;}

.pages2{margin: 50px auto;position: relative;}
.pages2::after{content: "";display: block;border-top: 1px dashed var(--fontColorf);width: 55%;position: absolute;right: 190px;top: 50%;}
.pages2 .pages2_con{justify-content: space-between;align-items: center;}
.pages2 .pages2_con .pages2_left{width: 410px;position: relative;z-index: 1;}
.pages2 .pages2_con .pages2_left ul li a{display: block;font-size: 30px;color: var(--fontColorf);font-weight: 300;margin-right: 30px;}
.pages2 .pages2_con .pages2_left ul li.active a{color: var(--mainColor);font-weight: bold;}
.pages2 .pages2_con .pages2_right{width: 185px;justify-content: flex-end;}
.pages2 .pages2_con .pages2_right .pages2_prev a,
.pages2 .pages2_con .pages2_right .pages2_next a{display: block;width: 60px;height: 64px;background: var(--lineColor3);cursor: pointer;}
.pages2 .pages2_con .pages2_right .pages2_next{transform: rotateY(180deg);margin-left: 30px;}
.pages2 .pages2_con .pages2_right .pages2_prev a::after,
.pages2 .pages2_con .pages2_right .pages2_next a::after{content: "";display: inline-block;width: 14px;height: 14px;background: url(../images/pages2_icon.png) no-repeat;margin: 25px 22px;}
.pages2 .pages2_con .pages2_right .pages2_prev a:hover,
.pages2 .pages2_con .pages2_right .pages2_next a:hover{background: var(--mainColor);}
.pages2 .pages2_con .pages2_right .pages2_prev a:hover::after,
.pages2 .pages2_con .pages2_right .pages2_next a:hover::after{background-position: -14px 0;}

.pages{margin: 80px auto;}
.pages::after{border-top: 1px dashed var(--fontColorb);}
.pages .pages2_con .pages2_left{background: #f5f7fb;}
.pages .pages2_con .pages2_left ul li a{color: var(--fontColor3);}

.about_four{overflow: visible;max-height: 940px;box-sizing: border-box;}
.about_four .about_four_items{text-align: center;}
.about_four .about_four_items::-webkit-scrollbar{display: none;}
.about_four .about_four_items .item{justify-content: center;padding-bottom: 80px;color: var(--fontColorf);position: relative;margin: 30px auto;}
.about_four .about_four_items .item::before,
.about_four .about_four_items .item::after{content: "";display: block;width: 10px;height: 10px;border-radius: 10px;background: var(--fontColorf);position: absolute;left: 0;right: 0;top: 10px;margin: 0 auto;}
.about_four .about_four_items .item::after{width: 1px;height: 100%;background: var(--fontColorf);top: 30px;}
.about_four .about_four_items .item:nth-child(even){flex-direction: row-reverse;}
.about_four .about_four_items .item .year{min-width: 385px;text-align: right;font-size: 40px;font-weight: bold;line-height: 1;margin-right: 120px;}
.about_four .about_four_items .item .txt{min-width: 385px;text-align: left;font-size: 18px;line-height: 30px;}
.about_four .about_four_items .item:nth-child(even) .year{text-align: left;margin-right: 0px;margin-left: 120px;}
.about_four .about_four_items .item:nth-child(even) .txt{text-align: right;}
.about_four .about_four_items .item.active .year{font-size: 100px;}
.about_four .about_four_items .item.active::before{background: var(--mainColor);}


.swiper-container—team{position: relative;overflow: hidden;padding: 30px 0 80px;}
.swiper-container—team .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.85);
    width: 100%;
    max-width: 1100px;
    filter: blur(5px);
  }
.swiper-container—team .swiper-slide img{max-width: 240%;}
.swiper-container—team .swiper-slide-active,
.swiper-container—team .swiper-slide-duplicate-active{transform: scale(1);position: relative;z-index: 1;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);filter: blur(0);}
.swiper-container—team .swiper-button-next,
.swiper-container—team .swiper-button-prev{background: var(--lineColor2);width: 60px;height: 65px;z-index: 3;}
.swiper-container—team .swiper-button-next::after,
.swiper-container—team .swiper-button-prev::after{width: 14px;height: 14px;background: url(../images/pages2_icon.png) no-repeat;font-size: 0;}
.swiper-container—team .swiper-button-prev{left: 7%;}
.swiper-container—team .swiper-button-next{transform: rotateY(180deg);right: 7%;}
.swiper-container—team .swiper-button-next:hover,
.swiper-container—team .swiper-button-prev:hover{background: var(--mainColor);}
.swiper-container—team .swiper-button-next:hover::after,
.swiper-container—team .swiper-button-prev:hover::after{background-position: -14px 0;}

.swiper-pagination-team{text-align: center;position: absolute;bottom: 0;left: 0;right: 0;}
.swiper-pagination-team .swiper-pagination-bullet{width: 60px;height: 6px;border-radius: 6px;}
.swiper-pagination-team .swiper-pagination-bullet-active{background: var(--mainColor);}

.contact{padding: 90px 0 170px;max-height: 100%;}
.contact .contact_left{width: 550px;}
.contact .contact_left h3{font-size: 34px;line-height: 2;color: var(--fontColor3);}
.contact .contact_left span{display: block;font-size: 20px;color: var(--fontColor9);margin-top: 30px;}
.contact .contact_left span img{margin-right: 5px;margin-top: -5px;}
.contact .contact_left p{font-size: 22px;line-height: 2;color: var(--fontColor3);}
.contact .contact_left p b{font-size: 30px;color: var(--mainColor);}
.contact .contact_left dl{margin-top: 50px;}
.contact .contact_left dl dd{position: relative;}
.contact .contact_left dl dd span{display: inline-flex;margin-right: 30px;cursor: pointer;position: relative;background: var(--mainColor);width: 44px;height: 50px;align-items: center;margin-top: 0;}
.contact .contact_left dl dd span>img{width: 18px;height: 18px;margin-right: auto;}
.contact .contact_left dl dd em{display: none;width: 100px;height: 100px;overflow: hidden;position: absolute;bottom: 50px;left: 50%;margin-left: -60px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.contact .contact_left dl dd em img{max-width: 100%;}
.contact .contact_left dl dd:hover em{display: block;}    

.contact .contact_right{width: calc(100% - 580px);}
.contact .contact_right #allmap{width: 100%;height: 610px;}

.main_title{margin-bottom: 30px;}
.main_title ul li{width: calc(100% / 2 - 20px);margin-right: 40px;margin-bottom: 40px;text-align: center;}
.main_title ul li:nth-child(2n){margin-right: 0;}
.main_title ul li a{display: block;font-size: 34px;color: var(--fontColor3);background: var(--lineColor3);line-height: 90px;border-radius: 10px;}
.main_title ul li a::before{content: "";display: inline-flex;width: 19px;height: 19px;background: url(../images/download_tit_icon.png) no-repeat;margin-right: 10px;opacity: 0;}
.main_title ul li.active a,
.main_title ul li:hover a{background: var(--mainColor);color: var(--fontColorf);}
.main_title ul li.active a::before,
.main_title ul li:hover a::before{opacity: 1;}

.download_list .item{margin: 40px auto;width: 100%;background: var(--fontColorf);font-weight: bold;line-height: 1.5;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);border-radius: 8px;transition: all 0.5s;}
.download_list .item a{align-items: center;}
.download_list .item .time{width: 120px;background: var(--lineColor3);padding: 20px;box-sizing: border-box;border-radius: 8px;color: var(--mainColor);transition: all 0.5s;}
.download_list .item .time span{display: block;font-size: 28px;}
.download_list .item .time p{font-size: 18px;}
.download_list .item .txt{width: calc(100% - 350px);margin: 0 auto;font-size: 24px;color: var(--fontColor3);transition: all 0.5s;}
.download_list .item .mores{width: 110px;font-size: 14px;font-weight: 500;color: var(--fontColor3);transition: all 0.5s;}
.download_list .item .mores::after{content: "";display: inline-flex;width: 14px;height: 14px;background: url(../images/download_icon.png) no-repeat;margin-left: 8px;}
.download_list .item:hover{transform: translateY(5px);transition: all 0.5s;}
.download_list .item:hover .time{background: var(--mainColor);color: var(--fontColorf);transition: all 0.5s;}
.download_list .item:hover .txt{color: var(--mainColor);transition: all 0.5s;}
.download_list .item:hover .mores{color: var(--mainColor);transition: all 0.5s;}
.download_list .item:hover .mores::after{background-position: -14px 0;}

.news_list .item{padding: 20px;border-radius: 10px;background: var(--fontColorf);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);transition: all 0.5s;margin: 40px auto;}
.news_list .item a{align-items: center;}
.news_list .item .pic{max-width: 370px;max-height: 200px;overflow: hidden;border-radius: 8px;}
.news_list .item .pic img{max-width: 100%;transition: all 0.5s;}
.news_list .item .tct{width: calc(100% - 556px);margin: 0 auto;line-height: 1.5;}
.news_list .item .tct span{display: block;font-size: 18px;color: var(--fontColor9);}
.news_list .item .tct span img{opacity: 0.5;}
.news_list .item .tct h3{font-size: 24px;color: var(--fontColor3);margin: 10px 0;font-weight: bold;transition: all 0.5s;}
.news_list .item .tct p{font-size: 16px;color: var(--fontColor6);}
.news_list .item .mores{width: 96px;height: 106px;text-align: center;font-size: 16px;font-weight: bold;text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.5s;}
.news_list .item .mores::before{content: "";display: block;width: 14px;height: 14px;background: url(../images/pages2_icon.png) no-repeat;transform: rotateY(180deg);}
.news_list .item:hover{transform: translateY(5px);transition: all 0.5s;}
.news_list .item:hover .mores{background: var(--mainColor);color: var(--fontColorf);transition: all 0.5s;}
.news_list .item:hover .mores::before{background-position: -14px 0;}
.news_list .item:hover .tct h3{color: var(--mainColor);transition: all 0.5s;}
.news_list .item:hover .pic img{transform: scale(1.1);transition: all 0.5s;}

.news_cons{padding: 60px;box-sizing: border-box;background: var(--fontColorf);}
.news_titles{text-align: center;line-height: 1.5;border-bottom: 1px solid var(--fontColore);padding-bottom: 10px;}
.news_titles h3{font-size: 34px;font-weight: bold;color: var(--fontColor3);}
.news_titles p{font-size: 14px;color: var(--fontColor9);margin: 20px auto;}
.news_titles p span{margin: 0 10px;}

.product_page{border-top: 1px solid var(--fontColore);box-sizing: border-box;margin-top: 50px;}
.product_page ul{justify-content: space-between;padding: 30px;box-sizing: border-box;margin: 50px auto;background: var(--lineColor3);}
.product_page ul li a{display: inline-flex;align-items: center;;line-height: 60px;padding: 0 30px;color: var(--fontColor3);}
.product_page ul li a em{width: 9px;height: 17px;display: inline-flex;background: url(../images/jt_icon.png) no-repeat;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(../images/jt_icon2.png) no-repeat;}


.join_title{font-size: 36px;color: var(--fontColorf);font-weight: bold;line-height: 2;margin: 30px 0;}
.join{position: relative;}
.join::before{content: "";width: calc(50% + 70px);height: 920px;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);border-radius: 0 0 110px 0;}
.join_top{width: 50%;position: relative;z-index: 1;height: 970px;}
.join_top .mains_text{max-height: 265px;overflow-y: auto;}
.join_tab .join_tit{margin: 0 auto 30px;}
.join_tab .join_tit ul li{width: calc(100% / 3 - 22.33px);margin-right: 30px;text-align: center;cursor: pointer;line-height: 50px;background: rgba(255, 255, 255, 0.2);border-radius: 5px;border:1px solid rgba(255, 255, 255, 0.3);font-size: 16px;color: var(--fontColorf);font-weight: bold;}
.join_tab .join_tit ul li:nth-child(3n){margin-right: 0;}
.join_tab .join_tit ul li.active,
.join_tab .join_tit ul li:hover{background: var(--fontColorf);color: var(--mainColor);}
.join_tab .join_tct_item{display: none;}
.join_tab .join_tct_item .mains_text{max-height: 170px;overflow-y: auto;}
.join_tab .join_tct_item.active{display: block;}

.join_btm{margin: 0px auto 0px;position: relative;}
.join_btm::before{content: "";display: block;width: calc(100% + 340px);position: absolute;left: -170px;margin: 0 auto;top: 0;height: 100%;background: var(--fontColorf);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.join_btm .join_btm_con{position: relative;z-index: 1;padding: 30px 0;}
.join_btm .join_title{color: var(--fontColor3);}


.join_btm_tab{justify-content: space-between;}
.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;}
.join_btm_tab .join_btm_left ul li a{display: block;width: 100%;line-height: 50px;font-size: 16px;color: var(--fontColor3);background: var(--lineColor3);text-align: center;border-radius: 5px;}
.join_btm_tab .join_btm_left ul li.active a,
.join_btm_tab .join_btm_left ul li:hover a{background: var(--mainColor);color: var(--fontColorf);}
.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: var(--mainColor);font-weight: bold;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p{font-size: 16px;line-height: 36px;color: var(--fontColor3);margin: 10px auto 20px;}
.join_btm_tab .join_btm_right .join_btm_item .join_btm_tit p span{margin-right: 20px;}
.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: var(--lineColor3);padding: 20px;box-sizing: border-box;border-radius: 5px;margin: 30px auto;}

.products{padding-bottom: 150px;}
.product_con{justify-content: space-between;align-items: flex-start;}
.product_left{padding: 30px;box-sizing: border-box;background: var(--fontColorf);width: 320px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.product_left dl dt{font-size: 20px;color: var(--fontColor3);line-height: 2;}
.product_left dl dt font{color: var(--mainColor);}
.product_left dl dd{font-size: 16px;position: relative;background: var(--lineColor3);margin: 10px auto;}
.product_left dl dd input{background: var(--lineColor3);width: calc(100% - 50px);height: 50px;line-height: 50px;border:none;text-indent: 0.5em;}
.product_left dl dd button{background: var(--lineColor3);border:none;width: 50px;height: 50px;position: absolute;right: 0;top: 0;}
.product_left dl dd button::after{content: "";display: block;width: 20px;height: 20px;background: url(../images/search_icon.png) no-repeat;margin: 15px;background-position: -20px 0;}
.product_left>ul{margin: 30px auto;}
.product_left>ul>li{margin: 20px auto;}
.product_left ul li a{display: block;font-size: 26px;line-height: 36px;color: var(--fontColor3);}
.product_left ul li a span{display: block;width: 36px;height: 36px;float: right;position: relative;}
.product_left ul li a span::before,
.product_left ul li a span::after{content: "";display: block;width: 20px;height: 2px;background: var(--fontColor3);position: absolute;left: 0;right: 0;top: 17px;margin: 0 auto;}
.product_left ul li a span::after{transform: rotate(90deg);}
.product_left ul li ul{padding-left: 20px;display: none;}
.product_left ul li.active>ul{display: block;}
.product_left ul li ul li{margin: 10px auto;}
.product_left ul li ul li a{font-size: 20px;}
.product_left ul li ul li ul li a{font-size: 18px;}
.product_left ul li.active>a,
.product_left ul li:hover>a{color: var(--mainColor);}
.product_left ul li.active>a span::before{background: var(--mainColor);}
.product_left ul li.active>a span::after{display: none;}

.product_right{width: calc(100% - 380px);}
.product_right .product_list,
.product_right .product_tct{box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);background: var(--fontColorf);}
.product_right .product_list .item{width: calc(100% / 3);padding: 30px;box-sizing: border-box;text-align: center;border-bottom: 1px solid var(--fontColore);border-right: 1px solid var(--fontColord);}
.product_right .product_list .item:nth-child(3n){border-right:none;}
.product_right .product_list .item h3{font-size: 20px;line-height: 34px;color: var(--mainColor);}
.product_right .product_list .item p{font-size: 16px;line-height: 34px;color: var(--fontColor6);display: none;}
.product_right .product_list .item span{display: inline-flex;height: 200px;align-items: center;}
.product_right .product_list .item span img{ mix-blend-mode: multiply;max-width: 100%;max-height: 100%;width: auto;height: auto;}
.product_right .product_list .item:hover{background: url(../images/product_list_bg.jpg) no-repeat center;background-size: cover;}

.product_tct{padding: 40px;box-sizing: border-box;}
.product_tct_more a{display: block;font-size: 16px;text-align: center;background: var(--mainColor);color: var(--fontColorf);line-height: 60px;margin: 30px auto;}

.product_tct_page{}
.product_tct_page dl{align-items: center;justify-content: space-between;}
.product_tct_page dl dt{width: calc(80%);}
.product_tct_page dl dt a{display: block;font-size: 14px;line-height: 36px;color: var(--fontColor3);}
.product_tct_page dl dd{}
.product_tct_page dl dd a{display: inline-block;padding-right: 20px;background: url(../images/product_tct_page.png) no-repeat right;font-size: 14px;color: var(--fontColor3);line-height: 36px;}