@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: #1855d5;
    --fontColorf:#ffffff;
    --fontColore:#eeeeee;
    --fontColord:#dddddd;
    --fontColor0:#000000;
    --fontColor3:#333333;
    --fontColor6:#666666;
    --fontColor8:#888888;
    --fontColor9:#999999;
    --lineColor: #C8A065;
}
/* a{color: var(--mainColor);} */

.lg_1280{max-width: 1280px;width: 100%;margin: 0 auto;display: flex;flex-wrap: nowrap;justify-content: space-between;flex-direction: column;}
/*头部样式*/
header{margin:0 auto;/*position: absolute;*/top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;padding: 21px 0;}
.head_con{flex-direction: row;}
header h1{max-width: 155px;line-height: 46px;}
header h1 img{display: block;}
.head_right{display: flex;}
.head_nav ul,
.head_tel dl{display: flex;}
.head_nav ul li {padding: 0 20px;position: relative;}
.head_nav ul li a{display: block;line-height: 46px;}
.head_nav ul li.active a,
.head_nav ul li:hover>a{color:var(--mainColor)}
.head_nav ul li::after{content: "";display: block;height: 3px;background: var(--mainColor);position: absolute;bottom: -21px;left: 0;right: 0;transition: all 0.5s;width: 0;}
.head_nav ul li.active::after,
.head_nav ul li:hover::after{width: 100%;}
.head_nav ul li dl{display: none;position: absolute;top: 46px;z-index: 33;background: var(--fontColorf);width: 150%;left: -25%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);}
.head_nav ul li dl dd a{color:var(--fontColor3);}
.head_nav ul li:hover dl{display: block;}
.head_nav ul li dl dd:hover a{color: var(--mainColor);font-weight: bold;}
.head_serch{padding: 0 0 0 20px;line-height: 46px;width: 30px;height: 46px;}
.head_serch dl{position: relative;}
.head_serch dl dt{cursor: pointer;}
.head_serch dl dd{position: absolute;top: 60px;right: 0;display: none;width: 300px;height: 36px;z-index: 99;}
.head_serch dl dd input{height: 36px;line-height: 36px;width: 100%;box-sizing: border-box;text-indent: 0.5em;}
.head_serch dl dd button{background: none;border:none;width: 50px;position: absolute;right: 1px;top: 8px;background: #dedede;line-height: 34px;}
.head_tel dl dt{padding: 0 20px;border-left:1px solid #d1d1d1;margin-left: 20px;}
.head_tel dl dt img{margin-top: 4px;}
.head_tel dl dd{color:#343434;text-align: left;}
.head_tel dl dd span{font-size: 16px;line-height: 16px;}
.head_tel dl dd p{font-size: 20px;line-height: 46px;}
.head_lang{line-height: 46px;margin-left:20px;padding-left: 20px;border-left:1px solid #d1d1d1;position: relative;height: 46px;}
.head_lang span{display: block;width: 34px;height: 34px;}
.head_lang p{position: absolute;width: 100px;top: 46px;background: var(--mainColor);padding: 0 10px;z-index: 22;left: 50%;margin-left: -50px;display: none;}
.head_lang p a{display: block;font-size: 14px;line-height: 30px;color:#fff;}
.head_lang:hover p{display: block;}

/*底部样式*/
footer{margin: 0 auto;background: url(../images/footer_bg.jpg) no-repeat top center;background-size: cover;width:100%;overflow: hidden;}
.foot_top{width: 100%;display: flex;justify-content: space-between;padding: 35px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.foot_tel dl{display: flex;}
.foot_tel dt{width: 50px;height: 50px;}
.foot_tel dd{color:var(--fontColorf);padding-left: 10px;}
.foot_tel dd span{display: block;font-size: 14px;line-height: 20px;}
.foot_tel dd b{display: block;font-size: 30px;line-height: 30px;}
.foot_cen{padding: 30px 0;display: flex;justify-content: space-between;}
.foot_cen .foot_nav{display: flex;width: 700px;}
.foot_cen .foot_nav dl{margin-right: 15px;width: 16.6%;}
.foot_cen .foot_nav dl:last-child{margin-right: 0;}
.foot_cen .foot_nav dl dt{font-size: 18px;line-height: 30px;color:var(--fontColorf);padding-bottom: 10px;}
.foot_cen .foot_nav dl dd{font-size: 14px;line-height: 26px;color:var(--fontColorf);opacity: 0.45;}
.foot_cen .foot_nav dl dd a,
.foot_cen .foot_nav dl dt a{color:var(--fontColorf);}
.foot_cen .foot_nav dl dd a{line-height: 18px;display: block;padding-bottom: 8px;}
.foot_cen .foot_nav dl dd:hover{opacity: 1;}

.foot_btm{border-top: 1px solid rgba(255, 255, 255, 0.25);}
.foot_btm p{padding: 10px 0;font-size: 14px;line-height: 30px;color:var(--fontColorf);opacity: 0.24;}
.foot_btm p a{color:var(--fontColorf);}
.foot_btm p:hover{opacity: 1;}

.foot_dz{border-left: 1px solid rgba(255, 255, 255, 0.25);padding-left: 30px;position: relative;max-width: 420px;}
.foot_dz::before,
.foot_ewm::before{content: "";display: block;height: 30px;width: 1px;background: var(--fontColorf);position: absolute;left: -1px;top: 0;}
.foot_dz dl dt{font-size: 18px;line-height: 30px;color:var(--fontColorf);padding-bottom: 10px;}
.foot_dz dl dd{padding-left: 40px;padding-bottom: 20px;}
.foot_dz dl dd:nth-child(2){background: url(../images/foot_dz.png) no-repeat;}
.foot_dz dl dd:nth-child(3){background: url(../images/foot_email.png) no-repeat;}
.foot_dz dl dd span{font-size: 18px;line-height: 30px;color:var(--fontColorf);display: block;}
.foot_dz dl dd p{font-size: 16px;line-height: 28px;color:var(--fontColorf);opacity: 0.6;}

.foot_ewm{width: 120px;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.25);padding-left: 30px;position: relative;}
.foot_ewm span{display: block;}
.foot_ewm p{font-size: 14px;line-height: 32px;color:var(--fontColorf);opacity: 0.5;}


/*banner样式*/
.banner {
    position: relative;
    height: 26.458333333333336vw;
}

.swiper-container-banner .swiper-slide a {
    display: block;
    height: 26.458333333333336vw;
}

.swiper-container-banner .swiper-button-prev {
    left: 8%;
}

.swiper-container-banner .swiper-button-next {
    right: 8%;
}

.swiper-container-banner .swiper-button-prev::after,
.swiper-container-banner .swiper-button-next::after {
    color: var(--fontColorf);
}

.box .box_title{text-align: center;}
.box .box_title h3{font-size: 34px;font-weight: bold;color:var(--fontColor3)}
.box .box_title p{font-size: 16px;line-height: 30px;color:var(--fontColor8);padding-top: 10px;}
.more{margin: 30px auto;}
.more a{display: block;width: 160px;line-height: 40px;text-align: center;font-size: 16px;color:var(--fontColorf);background: var(--mainColor);text-transform: uppercase;border-radius: 4px;}
.more a:hover{box-shadow: 5px 5px 5px rgba(24, 85, 213, 0.45);transition: all 0.5s;}

.product_list ul,
.case_list ul,
.news_list ul{display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}

.product_list ul li{padding: 20px;background: var(--fontColorf);max-width: 230px;margin-right: 1%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02);position: relative;transition: all 0.5s;}
.product_list ul li:last-child{margin-right: 0;}
.product_list ul li span{display: block;width: 190px;height: 220px;overflow: hidden;margin: 0 auto;}
.product_list ul li span img{transition: all 0.5s;}
.product_list ul li p{font-size: 18px;line-height: 30px;font-weight: bold;text-align: center;padding-top: 15px;}
.product_list ul li:hover p{color:var(--mainColor);}
.product_list ul li::before{content: "";display: block;width: 0;height: 2px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.product_list ul li:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);transition: all 0.5s;}
.product_list ul li:hover::before{background: var(--mainColor);width: 100%;transition: all 0.5s;}
.product_list ul li:hover span img{transform: scale(1.1);transition: all 0.5s;}

.case_list ul li{width: 25%;max-width: 290px;overflow: hidden;border-radius: 5px;position: relative;}
.case_list ul li span{display: block;width: 290px;height:530px;overflow: hidden;position: relative;}
.case_list ul li span::before{content: "";position: absolute;
    background: #fff;
    width: 20px;
    height: 100%;
    top: -10px;
    left: -60px;
    opacity: 0.3;
    z-index: 99999;
    transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    filter: blur(6px);
    -webkit-filter: blur(6px);
    animation: move 5s infinite ease;
    -webkit-animation: move 3s infinite ease;
}
.case_list ul li span img{object-fit: cover;}
.case_list ul li .tct{width: 100%;height: 100%;background: rgba(0, 25, 66, 0.2);position: absolute;top: 0;left: 0;right: 0;z-index: 33;padding: 40px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;transition: all 0.5s;}
.case_list ul li .tct em{display: flex;}
.case_list ul li .tct p{display: flex;flex-direction: column;align-items: left;font-size: 26px;font-weight: bold;color:var(--fontColorf);position: relative;width: 100%;padding-bottom: 30px;}
.case_list ul li .tct p::after{content: "";display: block;width: 40px;height:4px;border-radius: 2px;background: var(--fontColorf);position: absolute;left: 0;bottom: 0px;}
.case_list ul li:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);transition: all 0.5s;}
.case_list ul li:hover .tct{transition: all 0.5s;transform: translateY(100%);}
.case_list ul li:hover span img{transform: scale(1.1);transition: all 0.5s;}

.news_list ul{flex-wrap: wrap;justify-content: space-around;}
.news_list ul li{width: 46%;padding: 20px 30px;box-sizing: border-box;border:1px solid #c7c7c7;margin: 0 auto 50px;position: relative;}
.news_list ul li span{display: inline-block;font-size: 14px;line-height: 24px;color:var(--mainColor);background: #f0f5f9;position: absolute;top: -13px;padding: 0 15px;}
.news_list ul li span img{margin-top: -3px;}
.news_list ul li h3{font-size: 16px;line-height: 30px;color:var(--fontColor0);}
.news_list ul li p{font-size: 14px;line-height: 24px;color:var(--fontColor8);margin-top: 5px;}
.news_list ul li em{display: block;width: 25px;height: 25px;background: var(--mainColor);text-align: center;font-size: 30px;line-height: 20px;color:var(--fontColorf);position: absolute;right: -1px;bottom: -13px;}
.news_list ul li:hover{border:1px solid var(--mainColor);transition: all 0.5s;}
.news_list ul li:hover h3{color:var(--mainColor);}

.ggt{background: var(--mainColor);border-radius: 0 0 50px 0;display: flex;flex-wrap: nowrap;justify-content: space-between;padding: 30px 0;}
.ggt .lg_1280{flex-direction: row;}
.ggt_left,
.ggt_right{position: relative;width: 48%;}
.ggt_left span{display: block;position: absolute;top: -100px;left: -50px;}
.ggt_left p{line-height: 90px;background: var(--fontColorf);border-radius: 0 0 30px 0;margin-left: 200px;padding-left: 50px;font-size: 20px;color: var(--mainColor);}
.ggt_left p img{margin-top: -4px;}
.ggt_left p a{color:var(--mainColor)}
.ggt_right p span{display: inline-block;width: 60px;vertical-align: top;margin-top: 8px;padding-right: 10px;}
.ggt_right p em{font-size: 20px;line-height: 30px;color:var(--fontColorf);font-weight: 550;}
.ggt_right p{font-size: 0;color:var(--fontColorf);padding-top: 5px;}
.ggt_right p b{font-size: 28px;font-weight: bold;display: inline-block;width:25%;position: relative;}
.ggt_right p b::after{content: "";display: block;width: 15px;height: 6px;background: rgba(255, 255, 255, 0.3);border-radius: 0 0 3px 0;position: absolute;right: 15px;top: 20px;}
.ggt_right p b:last-child:after{display: none;}

@keyframes move {
    0% {
        left: -60px;
    }

    75% {
        left: 400px;
    }

    76% {
        opacity: 0;
    }

    100% {
        left: -60px;
        opacity: 0;
    }
}

.bar{height: 420px;display: flex;flex-direction: column;align-content: center;justify-content: center;}
.bar_txt{text-align: center;color:var(--fontColorf);}
.bar_txt h3{font-size: 46px;font-weight: bold;}
.bar_txt p{font-size: 20px;padding-top: 10px;opacity: 0.6;}

.crumbs{border-bottom: 2px solid var(--fontColord);padding: 15px 0;}
.crumbs .lg_1280{display: flex;flex-direction: row;}
.crumbs ul,
.crumbs dl{display: inline-flex;}
.crumbs ul li{font-size: 18px;line-height: 50px;color:var(--fontColor3);padding: 0 35px;}
.crumbs ul li a{display: block;}
.crumbs ul li.active,
.crumbs ul li:hover{background: var(--mainColor);color:var(--fontColorf);border-radius: 50px;}
.crumbs ul li.active a,
.crumbs ul li:hover a{color:var(--fontColorf);}

.crumbs dl dt,
.crumbs dl dd{line-height: 50px;padding-left: 10px;position: relative;}
.crumbs dl dt img{margin-top: -2px;}
.crumbs dl dd a{display: block;color:var(--fontColor9);}
.crumbs dl dd:last-child {padding-left: 25px;}
.crumbs dl dd:last-child a{display: block;color:var(--fontColor3);}
.crumbs dl dd::after{content: "";display: block;width: 6px;height: 10px;background: url(../images/jt_icon.png) no-repeat;position: absolute;right: -15px;top: 50%;margin-top: -5px;}
.crumbs dl dd:last-child:after{display: none;}

.boxs_tit{text-align: center;}
.boxs_tit h3{font-size: 38px;font-weight: bold;color:var(--fontColor3);}
.boxs_tit p{width: 60px;height: 1px;background: var(--mainColor);margin: 20px auto;}

.history_list{position: relative;}
.history_list .list_item{position: relative;padding: 30px 0;display: none;}
.history_list .list_item::before{content: "";display: block;height: 100%;width: 1px;background: var(--mainColor);position: absolute;left: 50%;margin-left: 0px;top: 0;visibility:initial}
.history_list::after{content: "";display: block;width: 30px;height: 5px;border-radius: 3px;background: var(--mainColor);left: 0;right: 0;margin: 0 auto;}
.history_list .list_item .left{float: left;margin-right: 3%;position: relative;}
.history_list .list_item .left::after{content: "";width: 16px;height: 16px;background: var(--mainColor);visibility:initial;position: absolute;border-radius: 3px;top: 20px;right: -68px;}
.history_list .list_item .right{float: right;text-align: left;margin-left: 3%;}
.history_list .list_item .right ul li{padding-left: 20px;position: relative;font-size: 16px;line-height: 24px;color: var(--fontColor3);padding-bottom: 15px;}
.history_list .list_item .right ul li::before{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);border-radius: 2px;position: absolute;left: 0;top: 10px;}
.history_list .list_item .left,
.history_list .list_item .right{width: 47%;max-width: 580px;}
.history_list .list_item .left span{display: inline-block;vertical-align: top;}
.history_list .list_item .left span:nth-child(1){max-width: 439px;height:272px;overflow: hidden;}
.history_list .list_item .left span:nth-child(2){font-size: 48px;color:var(--fontColor3);font-family: Arial, Helvetica, sans-serif;padding-left: 25px;}

.history_list .list_item:nth-child(even) .right{float: left;text-align: right;margin: 0 3% 0 0;}
.history_list .list_item:nth-child(even) .left{float: right;margin: 0 0 0 3%;}
.history_list .list_item:nth-child(even) .left span:nth-child(2){float: left;padding: 0 25px 0 0;}
.history_list .list_item:nth-child(even) .right ul li{padding: 0 20px 15px 0;}
.history_list .list_item:nth-child(even) .right ul li::before{right: 0;left: auto;}
.history_list .list_item:nth-child(even) .left::after{left: -68px;}
.lg_ckgd{width: 180px;margin: 30px auto;line-height: 60px;cursor: pointer;border:1px solid var(--fontColor3);font-size: 20px;color: var(--fontColor3);text-align: center;transition: ease-in 0.5s;}
.lg_ckgd:hover{background: var(--mainColor);border:1px solid var(--mainColor);color:var(--fontColorf);transition: ease-in 0.5s;}

.honor_list ul{display: flex;flex-wrap: wrap;justify-content: center;}
.honor_list ul li{width: 33.333%;text-align: center;}
.honor_list ul li span{display: block;max-width: 380px;margin: 0 auto;box-shadow: 5px 5px 20px rgba(1, 52, 79, 0.1), -5px -5px 10px rgba(1, 52, 79, 0.1);position: relative;}
.honor_list ul li span::before{content: "";position: absolute;
    background: var(--fontColorf);
    width: 20px;
    height: 100%;
    top: -10px;
    left: -60px;
    opacity: 0.3;
    z-index: 99999;
    transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    filter: blur(6px);
    -webkit-filter: blur(6px);
    animation: move 5s infinite ease;
    -webkit-animation: move 3s infinite ease;
}
.honor_list ul li p{font-size: 22px;line-height: 30px;color:var(--fontColor3);margin: 20px auto;}


.product_left{width: 270px;background: var(--fontColorf);box-shadow: 0 5px 40px rgba(10, 27, 108, 0.06);padding: 15px;box-sizing: border-box;}
.product_left h3{font-size: 28px;color:var(--fontColor3);padding: 20px 0;border-bottom: 1px solid var(--fontColord);}
.product_left ul{padding: 20px 0;border-bottom: 1px solid var(--fontColord);}
.product_left ul li{position: relative;padding-right: 20px;cursor: pointer;}
.product_left ul li a{display: block;font-size: 20px;line-height: 45px;color:var(--fontColor3);}
.product_left ul li.active a,
.product_left ul li:hover a{color: var(--mainColor);}
.product_left ul li::before,
.product_left ul li::after{content: "";display: block;width: 15px;height: 2px;background: var(--fontColor3);position: absolute;right: 0;top: 22px;}
.product_left ul li::after{transform: rotate(90deg);transition: ease-in 0.5s;}
.product_left ul li.active::after,
.product_left ul li:hover::after{opacity: 0;transition: ease-in 0.5s;}
.product_left ul li.active::before,
.product_left ul li:hover::before{background:var(--mainColor);}
.product_right{width: 970px;}
.product_item ul{display: flex;flex-wrap: wrap;}
.product_item ul li{width: 300px;background: var(--fontColorf);text-align: center;margin-right: 35px;margin-bottom: 30px;padding: 20px;box-sizing: border-box;transition: ease-in 0.5s;border-radius: 5px;}
.product_item ul li:nth-child(3n){margin-right: 0;}
.product_item ul li span{display: block;width: 255px;background: #f0f5f9;height: 265px;line-height: 265px;}
.product_item ul li p{font-size: 22px;color:var(--fontColor3);padding: 20px 0 0;}
.product_item ul li:hover{box-shadow: 0 5px 30px rgba(10, 27, 108, 0.1);transition: ease-in 0.5s;}

.product_top .product_pic{width: 610px;}
.product_top .product_pic .view{width: 610px;border:1px solid var(--mainColor);border-radius: 5px;box-sizing: border-box;overflow: hidden;height:390px;line-height: 390px;text-align: center;}
.product_top .product_pic .view .swiper-container{position: relative;height: 390px;}
.view .arrow-right,
.view .arrow-left{position: absolute;top: 50%;
	margin-top: -25px;
	width: 60px;
	height: 60px;
    border-radius: 5px;
    background: #eaeffb;
    text-align: center;
    line-height: 60px;
	z-index: 10;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;}
.view .arrow-left {left: 10px;}
.view .arrow-right {right: 10px;}
.view .arrow-right:hover,
.view .arrow-left:hover{background: var(--mainColor);color:var(--fontColorf);}
.preview{width: 610px;height: 100px;overflow: hidden;margin-top: 30px;}
.preview .swiper-container .swiper-slide{width: 110px !important;height: 100px !important;border-radius: 5px;margin-right: 15px;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: 640px;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;}
.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 .pos{display: flex;flex-direction: row;justify-content: space-between;margin-top: 65px;background: url(../images/pos_ico.jpg) no-repeat left top;}
.product_top .product_tct .pos a{width: 180px;text-align: center;line-height: 60px;font-size: 16px;color:var(--fontColorf);background: var(--mainColor);border-radius: 5px;}
.product_top .product_tct .pos small{display: flex;flex-direction: column;padding-left: 70px;}
.product_top .product_tct .pos small span{font-size: 16px;color:var(--fontColor3);}
.product_top .product_tct .pos small strong{font-size: 28px;color:var(--mainColor);}

.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 .product_tit{font-size: 38px;font-weight:bold;text-align:center;color:var(--fontColor3);padding-bottom: 20px;}

.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;}
.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;}

.case_item ul{display: flex;flex-wrap: wrap;}
.case_item ul li{width: 390px;margin: 0 55px 55px 0;border-bottom: 1px solid #e2e2e2;padding-bottom: 25px;transition: ease-in 0.5s;}
.case_item ul li:nth-child(3n){margin-right: 0;}
.case_item ul li span{display: block;width: 390px;height:250px;overflow: hidden;border-radius: 15px;}
.case_item ul li span::before{content: "";position: absolute;
    background: #fff;
    width: 20px;
    height: 100%;
    top: -10px;
    left: -60px;
    opacity: 0.3;
    z-index: 99999;
    transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    filter: blur(6px);
    -webkit-filter: blur(6px);
    animation: move 5s infinite ease;
    -webkit-animation: move 3s infinite ease;
}
.case_item ul li span img{object-fit: cover;transition: ease-in 0.5s;}
.case_item ul li p{margin-top: 25px;padding-left: 20px;position: relative;font-size: 24px;line-height: 30px;margin-right: 25px;transition: ease-in 0.5s;}
.case_item ul li p::before{content: "";display: block;width: 3px;height:20px;background: var(--mainColor);position: absolute;left: 0;top: 5px;}
.case_item ul li a{display: block;position: relative;}
.case_item ul li a::after{content: "";display: block;width: 25px;height: 25px;background: url(../images/jts_icon.png) no-repeat center;position: absolute;right: 0;bottom: 0;}
.case_item ul li:hover{border-bottom: 1px solid var(--mainColor);transition: ease-in 0.5s;}
.case_item ul li:hover span img{transform: scale(1.1);transition: ease-in 0.5s;}
.case_item ul li:hover p{color:var(--mainColor);transition: ease-in 0.5s;}


.download_tit{border-bottom: 3px solid var(--mainColor);text-align: center;}
.download_tit h3{font-size: 32px;color:var(--fontColor3);font-weight: bold;}
.download_item ul li{padding: 30px;border-bottom: 1px solid #e2e2e2;}
.download_item ul li a{display: flex;}
.download_item ul li p{width: 75%;font-size: 22px;color:var(--fontColor3);padding-left: 20px;position: relative;line-height: 40px;}
.download_item ul li p::before{content: "";display: block;width: 8px;height: 8px;border:1px solid #e2e2e2;border-radius: 8px;position: absolute;top: 15px;left: 0;}
.download_item ul li span{display: block;width:25%;text-align: right;font-size: 18px;color:var(--fontColor3);line-height: 40px;}
.download_item ul li span em{border:1px solid #e2e2e2;padding: 0 30px;margin-left: 10px;border-radius: 5px;display: inline-flex;align-items: center;}
.download_item ul li span em img{margin-left: 10px;width: 14px;height:14px;}
.download_item ul li:hover p{color:var(--mainColor);}

.news_cons .tit{text-align: center;border-bottom: 1px solid #cbcbcb;margin-bottom: 30px;}
.news_cons .tit h3{font-size: 34px;line-height: 36px;font-weight: bold;color:#111;}
.news_cons .tit p{font-size: 18px;line-height: 30px;color:var(--fontColor9);font-family: "Arial";padding: 20px 0;}
.news_cons .tit p span{padding: 0 15px;}

.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;border-radius: 5px;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;}
.lg_fy_con2 dl dt a,
.lg_fy_con2 dl dd a{display: block;}
.lg_fy_con2 dl dd{float: left;width: 120px;line-height: 50px;text-align: center;background: #f0f0f2;border-radius: 5px;margin-right: 10px;font-size: 16px;overflow: hidden;}
.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);}

.news_item ul{display: flex;flex-wrap: wrap;}
.news_item ul li{width: 390px;margin:0 55px 55px 0;background: #f8f8f8;border-radius: 10px;box-shadow: 5px 5px 20px rgba(1, 52, 79, 0.1), -5px -5px 10px rgba(1, 52, 79, 0.1);transition: all 0.5s;overflow: hidden;}
.news_item ul li:nth-child(3n){margin-right: 0;}
.news_item ul li .pic{width: 100%;height: 250px;overflow: hidden;}
.news_item ul li .pic img{width: 100%;height: 100%;object-fit: cover;transition: ease-in 0.5s;}
.news_item ul li .tct{padding: 20px;box-sizing: border-box;}
.news_item ul li .tct span{display: block;font-size: 16px;color: var(--fontColor0);line-height: 30px;}
.news_item ul li .tct span img{margin-top: -3px;}
.news_item ul li .tct p{font-size: 22px;line-height: 32px;color:var(--fontColor0);margin: 10px auto;height: 64px;}
.news_item ul li .tct em{display: block;font-size: 14px;line-height: 30px;color: var(--fontColor0);}
.news_item ul li .tct em img{transition: ease-in 0.5s;}
.news_item ul li:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}
.news_item ul li:hover .tct p{color:var(--mainColor);}
.news_item ul li:hover .tct em img{transform: translateX(260px);transition: ease-in 0.5s;}

.map{width: 100%;height: 790px;position: relative;}
.map .map_info{position: absolute;right: 40px;top: 50px;background: rgba(24, 85, 213, 0.8);width: 570px;height: 540px;padding: 60px 30px;box-sizing: border-box;}
.map .map_info dl dt{font-size: 36px;color:var(--fontColorf);font-weight: bold;}
.map .map_info dl dt::after{content: "";display: block;width: 90px;height: 3px;background: var(--fontColorf);margin: 30px 0;}
.map .map_info dl dd{font-size: 20px;line-height: 30px;color:var(--fontColorf);padding: 10px 0;}

.contact_bd{background: var(--fontColorf);width: 1200px;margin: -140px auto 0;padding: 40px;position: relative;z-index: 1;box-sizing: border-box;box-shadow: 0 10px 20px rgba(1, 52, 79, 0.1);border-radius: 0 0 10px 10px;}
.contact_bd h3{font-size: 32px;font-weight: bold;color:var(--fontColor3);}
.contact_bd dl{float: left;width: 350px;margin-right: 35px;}
.contact_bd dl:nth-child(3){margin-right: 0;}
.contact_bd dl dt{font-size: 20px;line-height: 40px;color:var(--fontColor3);margin-top: 20px;}
.contact_bd dl dt font{color:#e6010e;}
.contact_bd dl dd{position: relative;}
.contact_bd dl dd input{width: 100%;height: 60px;line-height: 60px;text-indent: 1em;border:1px solid #cfd8dc;border-radius: 5px;font-size: 18px;box-sizing: border-box;}
.contact_bd dl dd .img{position: absolute;top: 0;right: 0;}
.contact_bd dl dd input::placeholder{color:#cfd8dc;}
.contact_bd dl dd textarea{width: 100%;height: 180px;line-height: 30px;text-indent: 1em;border:1px solid #cfd8dc;border-radius: 5px;font-size: 18px;box-sizing: border-box;}
.contact_bd dl.dls{width: 100%;margin-right: 0;}
.contact_bd button{background: #1855d5;float: right;margin-top: 60px;line-height: 60px;width: 220px;background: var(--mainColor);text-align: center;font-size: 20px;color:var(--fontColorf);border:0;border-radius: 5px;}

.map .map_pic{width:100%;height: 100%;overflow: hidden;}
#allmap{transform: translateX(-30%);width: 150%;height: 100%;}