@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;} */

.lg_1260{max-width: 1260px;margin: 0 auto;}
.lg_1660{max-width: 1660px;margin: 0 auto;}

/*头部样式*/
header{margin:0 auto;position: fixed;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;background: #fff;}
header h1{line-height: 80px;}
header .head_right ul{text-align: right;}
header .head_right ul li{display: inline-block;vertical-align: text-top;line-height: 80px;font-size: 16px;position: relative;padding:0 20px;overflow: hidden;transition-delay: 1s;}
header .head_right ul li a{display: block;position: relative;z-index: 2;transition-delay: 0.5s;color:#333;}
header .head_right ul li::before{content: "";display: block;height:80px;width: 100%;background: #002c80;position: absolute;bottom: 0;left: 0;right: 0;margin:0 auto;border-radius: 50px 50px 0 0;transform: translateY(80px);transition: all 1s;}
header .head_right ul li:hover::before,
header .head_right ul li.active::before{transform: translateY(0);transition: all 1s;}
header .head_right ul li:hover,
header .head_right ul li.active{transition-delay: 1s;}
header .head_right ul li:hover a,
header .head_right ul li.active a{color:#fff;transition-delay: 0.5s;}

/*底部样式*/
footer{margin: 0 auto;width:100%;overflow: hidden;}
.foot_top{background: #192436;}
.foot_top .foot_left{width: 730px;}
.foot_top .foot_left dl{display: inline-block;vertical-align: top;width: 105px;margin-right: 20px;}
.foot_top .foot_left dl dt{font-size: 16px;font-weight: bold;line-height: 36px;color:#fff;padding-bottom: 10px;margin-bottom: 15px;}
.foot_top .foot_left dl dt::after{content: "";display: block;width: 20px;height: 2px;background: #ff5317;}
.foot_top .foot_left dl dd{font-size: 14px;line-height: 20px;padding-bottom: 15px;}
.foot_top .foot_left dl dt a,
.foot_top .foot_left dl dd a{color:#fff;}
.foot_top .foot_left dl dt a:hover,
.foot_top .foot_left dl dd a:hover{text-decoration: underline !important;}
.foot_top .foot_left dl dd{opacity: 0.38;}
.foot_top .foot_right{width: 490px;}
.foot_con{width: 270px;}
.foot_con h3{font-size: 24px;line-height: 36px;font-weight: bold;color:#fff;padding-bottom: 10px;margin-bottom: 15px;}
.foot_con h3::after{content: "";display: block;width: 40px;height: 2px;background: #ff5317;}
.foot_con p{font-size: 14px;line-height: 20px;color: #fff;padding-bottom: 15px;}
.foot_con p span{display: inline-block;vertical-align: top;width: 205px;}
.foot_ewm{margin-top: 65px;}
.foot_ewm p em{font-size: 14px;line-height: 14px;display: inline-block;vertical-align: middle;width: 20px;color:#fff;opacity: 0.45;}
.foot_btm{background: #111927;}
.foot_btm p{font-size: 14px;line-height: 30px;color:#fff;text-align: center;padding: 10px 0;}
.foot_btm p a{color:#fff;margin: 0 15px;}


.lg_wrap{padding-top: 80px;}

.box .box_title{font-size: 24px;color:#333;line-height: 40px;}
.box .box_title::before{content: "";display: block;width: 40px;height:3px;background: #0042ff;margin-bottom: 5px;}

/*banner样式*/

.swiper-container-banner{height: 39.47916666666667vw;position: relative;overflow: hidden;}
.swiper-container-banner .swiper-slide a{display: block;height: 39.47916666666667vw;}
.swiper-container-banner .swiper-bg{width: 165px;height:380px;background: rgba(0, 88, 255, 0.73);position: absolute;left: auto;right: 0;top: 50%;margin-top: -190px;z-index: 33;border-radius: 165px 0 0 165px;}
.swiper-container-banner .swiper-bg .swiper-pagination-banner{background: rgba(2, 31, 79, 1);width: 40px;padding: 8px 0;border-radius: 40px;margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;margin-top: -60px;height:120px;overflow: hidden;box-sizing: border-box;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{display: block;width: 20px;height:20px;margin: 10px auto;border:1px solid #fff;border-radius: 20px;background: none;opacity: 1;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet::after{content: "";display: block;width: 14px;height:14px;background: #fff;border-radius: 14px;margin: 3px;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{background: #0058ff;border:1px solid #0058ff}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{background: #0058ff;}

.product{background: url(../images/product_bg_02.jpg) no-repeat left bottom;}
.product_item ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 22px;}
.product_item ul li{max-width: 405px;max-height:300px;overflow: hidden;border-radius: 5px;}
.product_item ul li img{transition: all 1s;width: 100%;}
.product_item ul li:hover img{transition: all 1s;transform: scale(1.1);}
.product_hot ul{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 15px;}
.product_hot ul li{background: #f0f2f5;padding: 20px;border-radius: 5px;overflow: hidden;transition: all 1s;}
.product_hot ul li h4{font-size: 18px;line-height: 36px;font-weight: bold;color:#002c80;text-transform: uppercase;}
.product_hot ul li em{display: inline-block;width: 75px;line-height: 30px;background: #fff;font-size: 12px;color:#002c80;font-family: "Arial";text-transform: uppercase;text-align: center;border-radius: 30px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 15px auto;}
.product_hot ul li span{display: block;width: 164px;height:164px;margin: 0 auto;transition: all 1s;}
.product_hot ul li:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);transition: all 1s;}
.product_hot ul li:hover span{transform: translateY(-10px);transition: all 1s;}
.product_hot ul li em:hover{background: #002c80;color:#fff;}

.solution .box_title{color: #fff;text-align: center;}
.solution .box_title::before{background: #fff;margin: 0 auto 5px;}
.solution_list ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 22px;}
.solution_list ul li{overflow: hidden;max-height:400px;overflow: hidden;position: relative;border-radius: 10px;}
.solution_list ul li span{display: block;border-radius: 10px;max-width: 398px;max-height: 400px;overflow: hidden;}
.solution_list ul li p{position: absolute;bottom: 0;left: 0;right: 0;font-size: 18px;line-height: 60px;color:#fff;background: rgba(0, 0, 0, 0.65);text-align: center;transition: all 1s;}
.solution_list ul li span img{transition:  all 1s;width: 100%;}
.solution_list ul li:hover span img{transition:  all 1s;transform: scale(1.1);}
.solution_list ul li:hover p{line-height: 100px;transition: all 1s;transition-delay: 0.5s;}

.about{height: 33.802083333333336vw;}
.about .box_title{color:#fff;}
.about .box_title::before{background: #fff;}
.about_left{width: 32.29166666666667vw;}
.about_left .text span{display: block;font-size: 18px;font-weight: bold;font-family: "Arial";color:#fff;line-height: 36px;text-transform: uppercase;margin: 10px auto;}
.about_left .text b{display: block;font-size: 90px;font-weight: bold;color:#fff;font-family: "Arial";}
.about_left .text p{font-size: 14px;line-height: 24px;color:#fff;text-align: justify;margin: 10px auto 30px;}
.about_left .text em{display: inline-block;width: 135px;line-height: 45px;text-align: center;font-size: 14px;text-align: center;color:#fff;border:1px solid #fff;border-radius: 45px;font-family: "Arial";text-transform: uppercase;transition: width 1s;}
.about_left .text em:hover{transition: width 1s;width: 180px;}
.about_right{width: 38.4375vw;height:33.802083333333336vw;overflow: hidden;margin-right: -7.8125vw;}
.about_right{transition: all 1s;}
.about_right:hover{transition: all 1s;transform: translateX(20px);}

.news_list ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 30px}
.news_list ul li{position: relative;}
.news_list ul li .left{width: 315px;height:220px;overflow: hidden;border-radius: 5px;}
.news_list ul li .left img{transition: all 1s;width: 100%;}
.news_list ul li:hover .left img{transition: all 1s;transform: scale(1.1);}
.news_list ul li .right{width: 375px;height:185px;overflow: hidden;border:1px solid #d2d2d2;padding: 30px;box-sizing: border-box;position: absolute;right: 0;top: 50%;margin-top: -93px;background: #fff;z-index: 2;border-radius: 5px;transition: all 1s;}
.news_list ul li .right span{display: block;font-size: 18px;line-height: 36px;color:#888;font-family: "Arial";}
.news_list ul li .right span::before{content: "";display: block;width: 40px;height:3px;background: #0042ff;margin-bottom: 5px;}
.news_list ul li .right p{font-size: 14px;line-height: 24px;color:#333;height:72px;}
.news_list ul li:hover .right{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);transition: all 1s;}
.news .mores{font-size: 12px;line-height: 30px;color:#002c80;font-family: "Arial";text-align: center;background: #efefef;border-radius: 30px;display: inline-block;float: right;padding: 0 20px;text-transform: uppercase;margin-top: -30px;}
.news .mores:hover{background: #002c80;color:#fff;}

.bar{height:400px;}

.box_left{width: 270px;position: relative;margin: 15px auto;}
.box_left::before,
.box_left::after{content: "";display: block;width: 230px;height:15px;background: #0a2c93;position: absolute;left: 0;right: 0;margin: 0 auto;}
.box_left::before{top: 15px;border-radius: 15px 15px 0 0;}
.box_left::after{bottom: -15px;border-radius: 0 0 15px 15px;}
.box_left>ul{background: #f7faff;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1),0 -5px 10px rgba(0, 0, 0, 0.1);}
.box_left ul li{font-size: 18px;line-height: 30px;border-bottom: 1px solid #a4b2db;text-align: center;}
.box_left ul li:last-child{border-bottom: none;}
.box_left ul li a{color:#545454;display: block;padding: 15px;}
.box_left ul li ul{display: none;}
.box_left ul li ul li{font-size: 16px;line-height: 24px;border-bottom: 1px solid #c0c0c0;}
.box_left ul li ul li ul li{font-size: 14px;line-height: 24px;}
.box_left ul li.active>a,
.box_left ul li:hover>a{font-weight: bold;color:#002c80;background: #fff;}
.box_left ul li ul li.active>a,
.box_left ul li ul li:hover>a{background: #5ddc00;color:#fff;}
.box_left ul li ul li ul li.active>a,
.box_left ul li ul li ul li:hover>a{font-weight: bold;color:#002c80;background: #fff;}
.box_left ul li.active ul{display: block;}


.box_right{width: 940px;}
.crumbs{border-bottom: 1px solid #eee;}
.crumbs .crumbs_left{font-size: 16px;line-height: 40px;color:#0a2d97;position: relative;padding-left: 15px;}
.crumbs .crumbs_left::before,
.crumbs .crumbs_left::after{content: "";display: block;width: 4px;position: absolute;left: 0;top: 50%;}
.crumbs .crumbs_left::before{height:7px;background-color: #0042ff;margin-top: -7px;}
.crumbs .crumbs_left::after{height:11px;background: #5ddc00;margin-bottom: -11px;}
.crumbs .crumbs_right dl dt,
.crumbs .crumbs_right dl dd{display: inline-block;vertical-align: top;font-size: 12px;line-height: 40px;color:#888;}
.crumbs .crumbs_right dl dd a{color:#888;}
.crumbs .crumbs_right dl dd::after{content: ">";display: inline-block;padding: 0 5px;}
.crumbs .crumbs_right dl dd:last-child:after{display: none;}

.product_list ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;}
.product_list ul li{background: #f0f2f5;padding: 20px;border-radius: 5px;overflow: hidden;transition: all 1s;}
.product_list ul li h4{font-size: 18px;line-height: 36px;font-weight: bold;color:#002c80;text-transform: uppercase;}
.product_list ul li em{display: inline-block;width: 75px;line-height: 30px;background: #fff;font-size: 12px;color:#002c80;font-family: "Arial";text-transform: uppercase;text-align: center;border-radius: 30px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);margin: 15px auto;}
.product_list ul li span{display: block;width: 164px;height:164px;margin: 25px auto;transition: all 1s;}
.product_list ul li:hover{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);transition: all 1s;}
.product_list ul li:hover span{transform: translateY(-10px);transition: all 1s;}
.product_list ul li em:hover{background: #002c80;color:#fff;}
.product_top .pic{width: 405px;height:505px;line-height: 505px;text-align: center;background: #f0f2f5;border-radius: 5px;overflow: hidden;}
.product_top .pic img{display: block;}
.product_top .tct{width: 485px;}
.product_top .tct h4{font-size: 30px;font-weight: bold;line-height: 36px;color:#002c80;padding-top: 80px;}
.product_top .tct p{font-size: 14px;line-height: 24px;color:#333;text-align: justify;padding-top: 30px;}
.product_btm .tit{background: #f0f2f5;}
.product_btm .tit em{display: inline-block;width: 140px;line-height: 50px;text-align: center;font-size: 16px;color:#fff;background: #0a2c92;}

.return a {
    background: #002c80;
    color: #fff;
    width: 110px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    transition: all .75s; 
    font-size: 14px;
}

.return a:hover {
    width: 7.8125vw;
    transition: all .75s;
}

.return a img {
    width: 9%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.turn_page {
    background: none;
    margin: 0px auto;
    border-top: 1px solid #e1e1e1 !important;
    padding: 20px 0;
}

.turn_page,
.turn_page dl:nth-child(1),
.turn_page dl dt {
    border: none;
    width: auto;
}

.turn_page dl {
    font-size: 14px;
    line-height: 36px;
    color: #666;
}

.turn_page dl dt {
    color: #666;
    padding-left: 15px;
}

.turn_page dl dd {
    padding-left: 1%;
}

.turn_page dl dd a {
    display: block;
    color: #666;
}

.turn_page dl:hover dd a {
    color: #002c80;
}

.join_list ul li{border-bottom: 1px solid #dfdfdf;padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.join_list ul li::after{content: "";display: block;width: 16px;height:30px;background: url(../images/join_jt.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -30px;}
.join_list ul li h4{font-size: 22px;line-height: 24px;color:#333;}
.join_list ul li p{font-size: 14px;line-height: 24px;color:#666;}
.join_list ul li p span{display: inline-block;vertical-align: top;padding: 15px 0;}
.join_list ul li p span:nth-child(1){width: 55%;}
.join_list ul li p span:nth-child(2){width: 20%;}
.join_list ul li p span:nth-child(3){width: 20%;}
.join_list ul li p em{display: inline-block;width: 75px;line-height: 30px;background: #f3f5ff;font-size: 12px;color:#002c80;font-family: "Arial";text-transform: uppercase;text-align: center;border-radius: 30px;}
.join_list ul li p em:hover{background: #002c80;color: #fff;}
.join_list ul li:hover h4{color:#002c80;font-weight: bold;}

.news_lists ul li{background: #f8f8f8;margin-bottom: 30px;}
.news_lists ul li.active .pic{width: 440px;height:279px;overflow: hidden;}
.news_lists ul li.active .tct{width: 405px;padding: 40px;}
.news_lists ul li.active .tct h4{font-size:24px;line-height: 40px; color:#0a2c93;font-weight: bold;height: 80px;}
.news_lists ul li.active .tct p{font-size: 16px;line-height: 30px;color:#333;height:60px;}
.news_lists ul li.active .tct span{display: inline-block;font-size: 14px;line-height: 36px;color: #888;font-family: "Arial";}
.news_lists ul li.active .pic img{transition: all 1s;}
.news_lists ul li.active:hover .pic img{transition: all 1s;transform: scale(1.1);}
.news_lists ul li{display: flex;}
.news_lists ul li span{display: inline-block;vertical-align: top;}
.news_lists ul li span.time{width: 85px;line-height: 60px;background: #ebebeb;font-size: 16px;color:#888;font-family: "Arial";text-align: center;margin-right: 20px;}
.news_lists ul li span.time b{font-size: 24px;font-weight: bold;color:#0a2c95;display: inline-block;vertical-align: top;}
.news_lists ul li span.tit{font-size: 16px;line-height: 60px;color:#545454;width: 700px;}
.news_lists ul li span.more{font-size: 14px;line-height: 60px;color:#888;width: 120px;text-align: right;}
.news_lists ul li:hover span.tit,
.news_lists ul li:hover span.more{font-weight: bold;color:#002c80;}

.news_tit{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #eee;margin-bottom: 30px;}
.news_tit h3{font-size: 24px;line-height: 30px;font-weight: bold;color:#002c80;}
.news_tit p{font-size: 16px;line-height: 30px;color:#666;padding-top: 20px;}
.news_tit p span{display: inline-block;margin: 0 15px;}


.solution_lists ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 22px;}
.solution_lists ul li{overflow: hidden;max-height:300px;overflow: hidden;position: relative;border-radius: 10px;}
.solution_lists ul li span{display: block;border-radius: 10px;width: 100%;max-height: 300px;overflow: hidden;}
.solution_lists ul li p{position: absolute;bottom: 0;left: 0;right: 0;font-size: 18px;line-height: 60px;color:#fff;background: rgba(0, 0, 0, 0.65);text-align: center;transition: all 1s;}
.solution_lists ul li span img{transition:  all 1s;width: 100%;}
.solution_lists ul li:hover span img{transition:  all 1s;transform: scale(1.1);}
.solution_lists ul li:hover p{line-height: 100px;transition: all 1s;transition-delay: 0.5s;}