@charset "utf-8";
/*
 * 郑州人本心理
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2026-05-18
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
/*头部*/
.header {width:100%; position: relative; float: left;position: relative; }
.topbar{ width: 100%;float: left;line-height: 35px;height: 35px;background-color:#f6f9fc; color:#666;position: relative;z-index: 10000;border-bottom:solid 1px #f5f5f5;}
.topbar .tb-left{ float: left;position: relative;}
.topbar .tb-left span{margin:0 10px 0 5px;position: relative;}
.topbar .tb-left span i{color:#2a55d3; font-size: 13px;}
.topbar .tb-right{ float: right;position: relative;}
.topbar .tb-right span{margin:0 5px;position: relative;}
.topbar .tb-right span a{color: #999;}
.topbar .tb-right span a i{color:#2a55d3; font-size: 13px;}
#weixin2 { float: right; width: 140px; position: absolute; top: 38px; right: -20px;padding-top: 8px; line-height: 20px; text-align: center; color: #666; z-index:999; box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;}
#weixin2::before{content:''; position: absolute; top: -20px;left: 50%;border:solid 15px transparent;border-bottom: solid 15px #fff;margin-left:-10px;}
#weixin2 p{float:left; line-height: 25px; background-color: #FFF; text-align: center; padding: 5px;width: 100%;}
#weixin2 img {width: 120px;height: auto;}

.navbar{position:relative;top:0;left:0;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease;float: left;width: 100%;padding:10px 0;}
.navbox{width:100%;padding:0;height:72px;display:flex;align-items:center;justify-content:space-between;position: relative;margin:5px 0;}
.navbox .nav-logo{float: left;position: relative;flex:0 0 360px;}
.navbox .nav-logo img{ width: 100%;height: auto; }
.navbox .navlist{display:flex;align-items:center;position: relative;width: 100%;justify-content: space-between;padding:0 0 0 60px;}
.navlist li { float: left; font-size: 16px; line-height: 95px;position:relative;width:12.5%; text-align: center;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.navlist li a { color:#333; text-decoration:none; display:block; }
.navlist li a i{transition: all 0.5s ease;position: relative;margin-left:3px; opacity: .6;display: inline-block;position: absolute;}
.navlist li a:hover { color:#2a55d3; text-decoration:none; }
.navlist li a:hover i{transform: rotate(180deg);transition: all 0.3s ease-in;}
.navlist li.on a {text-decoration:none;color:#2a55d3;}
.navlist li em{ width: 0px;height: 4px;background-color:#2a55d3; position: absolute;left:50%;bottom: -3px;margin-left:-0px;border-radius: 10px;transition: all 0.5s ease;}
.navlist li:hover em,.navlist li.on em{ width: 60px;margin-left: -30px;transition: all 0.5s ease;}

.navlist dl{ width:100%; font-size:13px; position:absolute; top:98px; left:0px; background-color: #fff;z-index: 10;box-shadow:0 0 10px rgba(0,0,0,.1); padding:10px 0;display: none;}
.navlist dl dd { height:40px; line-height:40px; text-align: center; white-space: nowrap; font-weight: normal; }
.navlist dl dd a{ color:#333; padding:0px; }
.navlist dl .on a{ color:#2a55d3;}
.navlist li.on dl dd a{ color:#333;}
.navlist li.on dl .on a{ color:#2a55d3;}
.navlist dl dd a:hover{ color:#2a55d3;}
.navlist li.on { color:#3073f5;}

.imenu { float: right; margin-top:0px; margin-right: 10px; display: none;position: relative;}
.imenu .dh{width: 25px; cursor: pointer;}
.imenu .menuline{ width: 25px;height: 3px;background-color:#666;float: left;border-radius:3px;}
.imenu .l1{margin-top: 3px;}
.imenu .l2{margin-top: 5px;}
.imenu .l3{margin-top: 5px;}

@media screen and (max-width:1200px){
    .navbox .nav-logo{flex:0 0 300px;}
    .navbox .navlist{padding:0 0 0 40px;}
}
@media screen and (max-width:1000px){
    .navbar{padding:0px 0;}
    .navbox .navlist{padding:0 0 0 20px;}
    .navlist li {line-height:75px;}
    .navlist li a i{display: none;}
    .navlist dl{top:78px;}
}
@media screen and (max-width:900px){
    .navbox{height:60px;margin:0;}
    .navbox .navlist{ display: none; }
    .navbox .nav-logo{box-sizing: border-box; padding-left:10px;}
    .navbox .nav-logo img{ width: 200px;}
    .navbox .nav-cta{flex:0 0 200px;}
    .imenu{display: block;top: 0px;}
    .topbar .tb-right{ display: none; }
    .topbar .tb-left{ width:100%; }
    .topbar .tb-left span{ width:100%;text-align:center;margin:0;float: left;}
    .topbar .tb-left span:nth-child(1),.topbar .tb-left span:nth-child(3){display: none;}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 0;height: 0;top: 0;right: 0;background-color:#2a55d3;z-index: 999998;transform-origin: top right; transform: scale(0); border-radius: 0 0 0 200vh;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);box-sizing: border-box;}
.overlay.active {width: 200vw;height: 150vh;border-radius: 0 0 0 250vh;  transform: scale(1); padding-left:100vw;}
.navbox2{position:relative; left:0; top:0px; z-index: 99;overflow-y: hidden;height: 100%; padding:20px;padding-top:50px;transition: all .5s;box-sizing: border-box;}
.overlay .nav_close{ position: absolute; top:18px; right: 18px;z-index: 99999;}
.overlay .nav_close img{ width: 35px; height: 35px; }
.navbox2 .logo{ width:100%; }
.navbox2 .logo span{ width:100%; float: left;}
.navbox2 .logo span img{ width: 200px; height: auto }
.navbox_contact{ width: 100%; position:relative;padding:20px;box-sizing: border-box;margin-top: 40px;}
.nav_tel{ width:100%; height:55px; float:left; color:#fff; background-color:#0638c9; text-align:center;border-radius:10px; font-size:15px; line-height:55px;border:solid 1px rgba(255,255,255,.2);}
.nav_tel i{color: #fff;font-size: 18px;margin-right: 10px;}
.nav_tel a{color: #fff;}

.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left;width: 100%;position: relative;margin:5px 0; border-bottom: solid 1px rgba(255,255,255,.05);}
.nav2 li .pname{ width: 100%;float: left;line-height: 45px; font-size: 16px;}
.nav2 li .pname a{ color: #fff;}
.nav2 li .pname i{ font-size: 12px;color: #fff;margin-right: 0px;float: right;transform: rotate(0deg);margin-top:5px;transition:all ease 0.5s;opacity:0.7;}
.nav2 li .pname em{ font-size: 15px;color: #fff;margin-right: 2px;opacity: .8; }
.nav2 li .sub{ width: 100%;float: left; position: relative;display: none;margin-bottom:10px;}
.nav2 li .sub span{width: 33.3%; box-sizing: border-box; float: left;padding:3px;}
.nav2 li .sub span a{ color: #fff;border:solid 1px rgba(255,255,255,.1);line-height: 35px;text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .8;}
.nav2 li.on .sub{display: block;}
.nav2 li.on .pname i{transform: rotate(90deg); transition:all ease 0.5s;}

/*banner*/
.banner { position: relative; width: 100%; overflow: hidden;z-index:9;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; float: left;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; }
.banner .swiper-slide {position: relative;overflow: hidden;transform: translate3d(0, 0, 0); will-change: transform;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet { width: 16px;height: 16px;border:solid 2px #fff; border-radius: 50%; background-color: transparent; opacity: 1;box-sizing:border-box;}
.banner .swiper-img{ width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner .swiper-img img {width: 100%;height: auto;object-fit: cover;object-position: center;image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges; 
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width:40px;height:40px;opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border-radius: 50%;color: #0066cb; line-height: 40px; text-align: center; background-repeat: no-repeat; background-position: center;}
.banner a.prev_btn:hover,.banner a.next_btn:hover {opacity:1;filter: alpha(opacity=100);}
.banner a.prev_btn { left: 50px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 50px;background-image: url('../images/arrow-right2.png')}
.banner a i{ font-size: 18px; }
.banner .banbtns{ position:absolute; bottom:0; left: 0; width: 100%;z-index: 9991}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#008cea;border:solid 2px #008cea;}

@media screen and (max-width:900px){
    .banner{box-sizing:border-box;z-index: 980;overflow: hidden;}
    .banner_scale,.swiper-img{overflow: hidden;}
    .banner .swiper-pagination {bottom: 5px !important;}
    .banner .swiper-pagination-bullet { width: 10px;height: 10px;}
}
@media screen and (max-width:600px){
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
.banner_scale{height: 100%;-webkit-animation: mymove 7s;-o-animation:mymove 7s;animation: mymove 7s;}
@keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-o-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}

.slide-1 { background: linear-gradient(135deg, #2a55d3 0%, #2A7EC7 60%, #3498DB 100%); }
.slide-2 { background: linear-gradient(135deg, #0F2027 0%, #203A43 40%, #2C5364 100%); }
.slide-3 { background: linear-gradient(135deg, #2a55d3 0%, #3B6B9A 50%, #D4952A 100%); }
.slide-4 { background: linear-gradient(135deg, #1E3A5F 0%, #2A5F8F 50%, #3D7AB8 100%); }



.so{ float: right;position: absolute;top:26px; right: 100px; z-index: 999}
.so .sopic{ width: 35px;height: 35px; background-color:rgba(48,115,245,.2); border-radius:50%; float: left; text-align: center; line-height: 35px; color: #fff; cursor: pointer; display:none; }
.so .sobox{ width: 200px; float: left;line-height: 35px;height: 35px;background-color:rgba(48,115,245,.75);border-radius:2px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .input{ width: 165px; padding-left: 15px;box-sizing:border-box; outline: none;border:none;background:none;line-height: 35px;float: left;color: #fff;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .button { width: 35px; line-height: 35px;height: 35px;background:none; border:none; color: #fff;float: left; cursor: pointer;}
.so input::-webkit-input-placeholder {color: #fff;  }  
.so input:-moz-placeholder {color: #fff;}  
.so input::-moz-placeholder {color: #fff;}  
.so input:-ms-input-placeholder {color: #fff;}  

/*常用css*/
.main { float: left; width: 100%; position: relative; }
.mainbox { float: left; width: 100%; position: relative;padding:30px 0;}
.mainbox2 { float: left; width: 100%; position: relative;padding:40px 0;background-color:#fff;}
.flex {display: flex;}
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;z-index: 1;}
.title h2{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit{ font-size: 38px; line-height:1.3em; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit i{ color:#0d47a1;font-style: normal;position: relative;margin:0 40px; font-size: 45px;}
.title .tit-line{width: 100%;float: left;line-height: 20px;text-align: center;color: #999;margin-top: 5px;}
.title .tit-line i{ font-size: 4px; }
.title .desc { line-height: 30px; color: #999; text-align: center; width: 100%; font-size: 16px; margin-top:5px; text-transform: uppercase;float: left; position: relative; padding:0 20px;box-sizing: border-box;}
.title .entit{ width: 100%; position: relative; font-size:14px; text-align:center; text-transform: uppercase; color: rgba(0,0,0,.2);line-height: 1.5em;float: left;}
.title2 { width: 100%; padding: 10px 0 20px 0;float: left; position: relative; text-align:center;}
.title2 .tit{ font-size: 24px; line-height: 40px; text-align: center;position: relative;;z-index: 2;margin:0 auto;}
.title2 .tit span{position: relative;color: #2a55d3; font-weight: bold;}
.title2 .tit span::before{content: '';width:80px;position: absolute;left: -100px; top:50%;height: 2px;background-color: #2a55d3;border-radius:5px;}
.title2 .tit span::after{content: '';width:80px;position: absolute;right: -100px; top:50%;height: 2px;background-color: #2a55d3;border-radius:5px;}

.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}

@media screen and (max-width:1200px){
	.title{padding:15px 10px; box-sizing: border-box;}
}
@media screen and (max-width:750px){
	.title{padding:10px 0; box-sizing: border-box;}
	.title .tit{ font-size:24px; line-height: 1.8em; margin-top: 5px;}
    .title h2{ font-size: 24px; line-height: 2em;margin-top:0;}
	.title .desc { line-height: 1.5em; font-size: 14px;}
    .title .tit i{margin:0 20px; font-size: 20px;}
    .title .tit i::before{left: -19px;top: -15px;font-size: 20px;}
    .title .tit i::after{right: -15px;bottom: -20px;font-size: 20px;}
    .title .tit-line{bottom: -10px;}
    .title .desc {margin-top: 8px;}

	.title2 {padding: 10px 0;}
    .title2 .tit{ font-size: 18px; line-height: 30px; }
    .title2 .tit span::before{content: '';width:40px;position: absolute;left: -50px; top:50%;}
    .title2 .tit span::after{content: '';width:40px;position: absolute;right: -50px; top:50%;}
    .mainbox2 {padding:15px 0;}
    .main1 {padding: 20px 0;}
}
.morea{ width: 100%; float: left; padding-top: 30px;text-align: center;}
.morea a{ width: 200px; line-height: 55px;height: 55px; border-radius:5px; text-align: center;color:#Fff; font-size: 16px;margin:0 5px; display: inline-block;box-sizing: border-box;position: relative;z-index: 10;}
.morea a i{margin-right:5px;font-size:20px;opacity: .8;}
.morea .a1{ border:solid 1px #2a55d3; color: #fff;background-color:#2a55d3;box-shadow: 0 0 20px rgba(10,65,255,.5);}
.morea .a1:hover{border:solid 1px #0a41ff;background-color:#0a41ff;}
.morea .a2{ border:solid 1px #0079fe; color: #2a55d3;background-color:#fff;box-shadow: 0 0 20px rgba(10,65,255,.01);}
.morea .a2:hover{border:solid 1px #0079fe;background-color:#0a41ff; color: #fff}
.morea .a3{ background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);color: white;}
.morea .a3:hover{border: 1px solid rgba(255,255,255,0.4);}
.morea .a4{background:linear-gradient(90deg,rgba(3,163,139,1) 0%,rgba(2,200,170,1) 100%);}/*深蓝*/
.morea .a5{background:linear-gradient(90deg,rgba(0,121,254,1) 0%,rgba(25,134,254,1) 100%);}/*亮蓝*/
.morea .a5:hover{background:linear-gradient(90deg,#0a41ff 0%,#2a55d3 100%);}

.moreb{ width: 100%; float: left; padding: 30px 0; text-align: center;}
.moreb a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
.moreb a.a1{}
.morec{ width: 100%; float: left; padding: 45px 0 0; text-align: center;}
.morec a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
@media screen and (max-width:900px){
    .morea{ width: 100%; float: left; padding-top: 15px; text-align: center;}
    .morea a{ width: 44%; line-height: 45px;height: 45px;margin-right:2%;margin-left:2%;font-size: 15px;}
	.moreb{ padding: 15px 0; }
	.moreb a{ width: 100px; line-height: 40px;height: 40px;font-size: 15px;}
    .morec a{ width: 160px; line-height: 40px;height: 40px;}
}
.catlist{ width: 100%; text-align: center; font-size: 0px; margin:10px 0 20px 0; float: left;}
.catlist .item{ padding: 0px; font-size: 15px; display:inline-block; background-color: #fff;overflow: hidden;box-sizing: border-box; border:solid 1px #f5f5f5;margin-left: -1px;}
.catlist .item a{line-height:50px; height: 50px;color:#4b4a4a;display: block; text-align: center; padding:0 25px;margin-left: 1px;font-size: 15px;}
.catlist .item.on,.catlist .item a:hover { background-color:#3073f5; color:#fff !important; text-decoration:none;}
.catlist .item.on a{ color: #fff; }
@media screen and (max-width:900px){
    .catlist{padding: 0 10px;box-sizing: border-box;}
    .catlist .item{ width: 25%; box-sizing: border-box;border:solid 1px #f5f5f5;}
    .catlist .item a{line-height:3em; height: 3em;padding:0 5px;}
}
/*我的 业务*/
.service{ width: 100%;float: left;position: relative;padding:50px 0; background-color:#fff;}
.servicebox{ width: 100%;float: left;position: relative;padding:0px 0;}
.servicebox .item{ width: 20%;float: left;position: relative;padding:10px;box-sizing: border-box;}
.servicebox .item .itemin{width: 100%;float: left;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 5px;transition: all ease .5s;}
.servicebox .item .icon{ width: 100%;float: left;position: relative;margin:35px 0 20px 0; text-align: center;}
.servicebox .item .icon i{ font-size: 40px;color: #2a55d3;}
.servicebox .item .info{ width: 100%;float: left;padding:20px;padding-top:0;box-sizing: border-box;position: relative; }
.servicebox .item .info .tit{ width: 100%;float: left;text-align: center;line-height: 2em;font-size: 26px;color: #2a55d3;}
.servicebox .item .info .desc{ width: 100%;float: left;text-align: center;line-height: 1.5em;font-size: 15px;color:rgba(0,0,0,.5);margin:8px 0;display: none;}
.servicebox .item .info dl{ width: 100%;float: left;text-align: center;margin-top:5px;height: 24em;}
.servicebox .item .info dl dd{float: left;text-align: center; line-height: 2.5em;font-size: 14px;color: #6b6f8c; padding:0;border-radius: 3px;width: 100%;}
.servicebox .item .info .detail{ width:100%;float: left;position: relative;margin-bottom: 10px;text-align:center; }
.servicebox .item .info .detail a {width:60%;margin:0 20%;border:solid 1px #e2e2e2; color: #6b6f8c;border-radius:5px;display: inline-block;line-height: 40px;}
.servicebox .on .itemin{background-color:#2a55d3;box-shadow: 0 0 20px rgba(10,65,255,.5);transition: all ease .5s;}
.servicebox .on .icon i{ color: #fff; }
.servicebox .on .info .tit{color: #fff;}
.servicebox .on .info dl dd{color:#fff;}
.servicebox .item:hover .itemin{box-shadow: 0 0 15px rgba(10,65,255,.5);transition: all ease .5s;margin-top: -20px;margin-bottom:20px;}
.servicebox .on .info .detail a {width:60%;margin:0 20%;border:solid 1px rgba(255,255,255,.3); color: #fff;border-radius:5px;display: inline-block;line-height: 40px;opacity:.8;}
.badge {position: absolute;top: -7px;left: -7px;width: 100px;}
.badge img{ width:100%;height: auto; }
.servicebox .swiper-container{padding:25px 0;}
@media screen and (max-width:900px){
    .service{padding:20px 0;}
   .servicebox .swiper-container{padding:15px 0 25px 0;} 
}
/*关于我们*/
.about{ width: 100%; padding:50px 0 0 0; position: relative; margin-top: 20px;background: linear-gradient(135deg,#f5f7fa 0%,#e6eaf1 100%);background-repeat:repeat-x; background-position:center top;}
.aboutin{ width: 100%;float: left;position: relative;display: flex;flex-direction: row-reverse}
.about .thumb{ width: 40%; float: right; margin-top: 30px;background-color:#fff;}
.about .thumb img{ width: 100%; height: 100%;float: left;object-fit: cover;}
.about_box{ width: 60%; float: right; padding: 50px; float: left; margin:30px 0 0 0; box-sizing: border-box; overflow: hidden;background-color:#fff;}
.about_title { font-size: 26px; line-height: 50px; font-weight: normal; color:#2a55d3; float: left;width: 100%; padding-bottom: 5px;font-weight: bold;}
.about_title i { font-size: 30px; font-style: normal; font-weight: normal; color: #AE2A32; padding-left: 10px; text-transform: uppercase; }
.about_line { float: left; height: 10px; width: 120px; border-bottom: 1px solid #5A6C7D; margin-bottom: 10px; opacity: .5 }
.about .address { line-height: 25px; float: left; width: 100%; color: #5A6C7D;margin:10px 0; }
.about_content {color: #5A6C7D; float: left; width: 100%; font-size: 14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp: 6;-webkit-box-orient:vertical;overflow: hidden; margin-top: 10px; font-size: 15px;}
.about_content p{line-height: 32px;width: 100%; padding:.3em 0;color: #5A6C7D}
.about_content p a{ color: #fd3d2a; }
.about_more { line-height: 55px; color: #FFFFFF; float: left; height: 55px; width: 200px; text-align: center; background-color: #fd3d2a;}
.about_more a { color:#FFFFFF; text-decoration:none;}
.about-redbg{ width: 100%; float: left; position: relative;}
.about_list{ width: 100%; float: left;padding:0; position: relative; background-color:#2a55d3;}
.about_list li{ width: 20%; float:left; padding:30px 0; text-align: center; box-sizing: border-box; }
.about_list li .num{ width: 100%; float: left; }
.about_list li span{ width: 100%; line-height: 50px; text-align: center; font-size: 35px; color: #fff;}
.about_list li i{ font-size:16px; color: #fff; font-style:normal; opacity: .85; padding-left: 5px;}
.about_list li p{ width: 100%; line-height: 30px; text-align: center; color: #fff;}
.about_list li p em{ font-style:normal; }
.red2{ width: 50%; float: left; height: 100%; position: absolute; float:left; top:0; background-color:#2a55d3; z-index: 0;}
@media screen and (max-width:900px){
    .about{ width: 100%; padding:20px 0 0 0; }
    .about_box{ width:100%;padding: 15px; float: left; margin:0; box-sizing: border-box;}
    .aboutin{flex-direction:column;}
    .about .thumb{ width:100%;margin-top: 10px;}
    .about_title { font-size: 1.1rem; line-height: 2em; }
    .about_content{font-size:.9rem; color: #e2e2e2}
    .about_content p{line-height: 1.8em;}
    .about_info { line-height:1.5em;}
    .about_line { float: left; height: 5px; width: 100px; margin-bottom: 5px; opacity: .5 }

    .about_list li{ width: 25%; float:left; padding:15px 0;}
    .about_list li:nth-child(5){ display: none; }
    .about_list li span{line-height: 40px; font-size: 20px;}
    .about_list li i{ font-size:.8rem;}
    .about_list li p{ font-size:.8rem; opacity: .8; line-height: 1.6em }
    .about_list li p em{ display: none; }
}

.softsection{width: 100%;float: left;position: relative;background-position:center bottom; background-repeat:no-repeat; background-color:#fff;}
.soft {background:transparent;position:relative;overflow:hidden;float: left;width: 100%;padding:50px 0; box-sizing:border-box;z-index: 1;}
.soft .softbox{ width: 100%;float: left;margin:30px 0; position: relative;display: flex;gap:50px;align-items: flex-end}
.soft .softbox .thumb{ width: 50%;float: left;position: relative; }
.soft .softbox .thumb img{ width: 100%;height: auto;}
.soft .softbox .softinfo{ width: 50%;float: left; position: relative;}
.soft .softbox .softinfo h2{ width: 100%;float: left;line-height: 2em;font-size: 30px; }
.soft .softbox .softinfo .entit{ width: 100%;float: left;line-height: 1.5em;color:rgba(0,0,0,.3);}
.soft .softbox .softinfo .info{ width: 100%;float: left;color:#5A6C7D;margin:8px 0;}
.soft .softbox .softinfo .info p{ width: 100%;float: left;margin:5px 0; font-size: 15px; line-height:2em;}
.soft .softbox .softinfo .soft-tedian{ width: 100%;float: left;position: relative;margin-top: 8px; }
.soft .softbox .softinfo .soft-tedian .item{ width: 50%;float: left;padding:5px 5px 5px 0;box-sizing: border-box;}
.soft .softbox .softinfo .soft-tedian .item span{width: 100%;float: left;line-height: 30px;padding:5px 10px;background-color:#F5F7FA;box-sizing: border-box;font-size: 15px;color: #4A5568}
.soft .softbox .softinfo .soft-tedian .item span i{ color: #2A7EC7;font-size: 15px;}
.soft .softbox .softinfo .soft-tedian .item:nth-child(2n){padding: 5px 0 5px 5px;}
.soft .softbox .softinfo .soft-tedian .item span:hover{background: #EBF5FF;color: #2a55d3;}

.bluebg{ width: 100%;float: left;position:absolute;width: 100%; bottom: 0;left: 0;z-index: 0;}
.bluebg img{ width: 100%;height: auto; }
.bluebg0{ width: 100%;float: left;position:absolute;width: 100%; top: 0;left: 0;z-index: 0;}
.bluebg0 img{ max-width: 100%;height: auto; }
@media screen and (max-width:1200px){
    .bluebg0{width: 70%;}
}
@media screen and (max-width:900px){
    .bluebg0{width: 40%;}
    .soft {padding:20px 0;}
    .soft .softbox{margin:0;gap:0px;flex-direction: column; padding:15px;box-sizing: border-box;}
    .soft .softbox .thumb{ width:100%;}
    .soft .softbox .softinfo{ width:100%;margin-top: 15px;}
    .soft .softbox .softinfo .soft-tedian .item{ width: 100%;padding:5px;}
}
.xinlifuwu{width: 100%;float: left;position: relative; padding:20px 0 60px 0;z-index: 1;}
.xiangmulist{ width: 100%;float: left;position: relative;margin:30px 0 10px 0;}
.xiangmulist .item{ width: 25%;float: left;padding:10px; box-sizing: border-box;}
.xiangmulist .item .itemin{ width: 100%;float: left;padding:15px;box-sizing: border-box;background-color:rgba(255,255,255,.92); border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,.1); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.xiangmulist .item .icon{ width: 100%;float: left;position: relative;margin:15px 0; text-align: center;}
.xiangmulist .item .icon i{ font-size: 30px;width: 60px;height: 60px;margin:0 auto;background-color: #f5f5f5;padding:10px; box-sizing: border-box;border-radius:50%;}
.xiangmulist .item .icon span{ width: 100%;float: left;text-align: center; }
.xiangmulist .item .icon span img{ width: 100px;height: 100px; }
.xiangmulist .item .info{ width: 100%;float: left;padding:20px;padding-top:0;box-sizing: border-box;position: relative; }
.xiangmulist .item .info .tit{ width: 100%;float: left;text-align: center;line-height: 2em;font-size: 20px;color: #2a55d3;}
.xiangmulist .item .info .desc{ width: 100%;float: left;text-align: center;line-height: 1.5em;font-size: 15px;color:rgba(0,0,0,.5);margin:8px 0;}
.xiangmulist .item .info dl{ width: 100%;float: left;text-align: center;margin-top:5px;height: 24em;}
.xiangmulist .item .info dl dd{float: left;text-align: center; line-height: 2.5em;font-size: 14px;color: #6b6f8c; padding:0;border-radius: 3px;width: 100%;}
.xiangmulist .item:nth-child(1) .icon i{background-color: #d6d9ea;}
.xiangmulist .item:nth-child(2) .icon i{background-color: #e6f2f9;}
.xiangmulist .item:nth-child(3) .icon i{background-color: #fff3ed;}
.xiangmulist .item:nth-child(4) .icon i{background-color: #fde8e8;}
.xiangmulist .item:nth-child(5) .icon i{background-color: #d4dbf3;}
.xiangmulist .item:nth-child(6) .icon i{background-color: #e8f4fb;}
.xiangmulist .item:nth-child(7) .icon i{background-color: #e6f5ef;}
.xiangmulist .item:nth-child(8) .icon i{background-color: #f6e7fb;}
@media screen and (max-width:900px){
    .xinlifuwu{padding:15px 0;}
    .softsection .xinlifuwu{padding-bottom: 35px;}
    .xiangmulist .item{ width: 50%; padding:5px;} 
    .xiangmulist .item .icon{margin:5px 0;}
    .xiangmulist .item .info{padding:0px;}
}
/*招募*/
.zhaomu{ width: 100%;float: left;position: relative;padding:20px 0; background-color:#fff;}
.naoliguan{ width: 100%;float: left;position: relative;padding:50px;box-sizing: border-box;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:10px;background-color: rgba(255,255,255,.8); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); z-index: 1;margin-top: 20px;}
.naoliguan .aboutinfo{ width: 100%;float: left;position: relative;line-height: 2em;text-align: center;color: #5A6C7D;margin-bottom:20px; font-size: 16px;}

.hexinlist{ width: 100%;float: left;margin:20px 0; position: relative;}
.hexinlist .item{ width: 25%;float: left;padding:10px; box-sizing: border-box;}
.hexinlist .item .itemin{ width: 100%;float: left;padding:15px;box-sizing: border-box;background-color:rgba(255,255,255,.98); border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.hexinlist .item .icon{ width: 100%;float: left;position: relative;margin:15px 0; text-align: center;}
.hexinlist .item .icon i{ font-size: 30px;width: 60px;height: 60px;margin:0 auto;background-color: #f5f5f5;padding:10px; box-sizing: border-box;border-radius:50%;}
.hexinlist .item .icon span{ width: 100%;float: left;text-align: center; }
.hexinlist .item .icon span img{ width: 100px;height: 100px; }
.hexinlist .item .info{ width: 100%;float: left;padding:20px;padding-top:0;box-sizing: border-box;position: relative; }
.hexinlist .item .info .tit{ width: 100%;float: left;text-align: center;line-height: 2em;font-size: 20px;color: #2a55d3;}
.hexinlist .item .info .desc{ width: 100%;float: left;text-align: center;line-height: 1.5em;font-size: 15px;color:rgba(0,0,0,.5);margin:8px 0;}
.renqun{ width: 100%;float: left;margin:20px 0; position: relative;}
.renqun .renqunlist{ width: 100%;float: left;position: relative;display: flex;gap:40px;}
.renqun .renqunlist .item{ width: 30%;float: left;position: relative;border-radius:10px; padding:20px;box-sizing: border-box;background-color: #fff;}
.renqun .renqunlist .item::before{background-color: #2563eb; content: '';position: absolute;top: 0;left: 0;right: 0;height: 90px;opacity: 0.06;}
.renqun .renqunlist .item .icon{width: 100%;float: left;text-align: center;margin-top: 30px;}
.renqun .renqunlist .item .icon i{ width: 60px;height: 60px;line-height: 60px;color:#fff;border-radius:5px;margin:0 auto;background: linear-gradient(135deg,#2563eb, #1d4ed8);display: inline-block; font-size: 30px;}
.renqun .renqunlist .item .info{ width: 100%;float: left;position: relative;padding:20px; box-sizing:border-box; }
.renqun .renqunlist .item .info h3{ width: 100%;float: left;text-align: center;line-height: 2em;font-size: 20px;color: #2a55d3;}
.renqun .renqunlist .item .info p{ width: 100%;float: left;text-align: center;line-height: 1.5em;font-size: 15px;color:rgba(0,0,0,.5);margin:8px 0;}
.renqun .renqunlist .item:nth-child(2)::before{background-color:#8b5cf6}
.renqun .renqunlist .item:nth-child(2) .icon i{background: linear-gradient(135deg, #8b5cf6, #6d28d9);}
.renqun .renqunlist .item:nth-child(3)::before{background-color:#2cb8d1}
.renqun .renqunlist .item:nth-child(3) .icon i{background: linear-gradient(135deg, #2cb8d1, #0ea1c0);}
.citybox{ width: 100%;float: left;position: relative;margin:10px 0; }
.citylist{ width: 100%;float: left;position: relative; margin:0; padding:0;box-sizing: border-box;text-align: center;}
.citylist .item{ width: 10%;padding:5px;box-sizing: border-box; display: inline-block;}
.citylist .item span{ width: 100%;position: relative;border-radius:5px;overflow: hidden;float: left; }
.citylist .item span img{ width: 100%;height: auto; }
.citylist .item span i{ position: absolute; width: 100%;height: 100%;top:0;left:0;text-align: center; display: flex;background-color: rgba(0,0,0,.3);color: #fff;font-size: 16px;flex-direction: column;justify-content: space-around;font-style: normal; font-weight: bold;}
/*.citylist .item:nth-child(11){clear: both;}
.citylist .item:nth-child(21){clear: both;}*/
@media screen and (max-width:900px){
    .naoliguan{padding:15px;margin-top: 20px;}
    .renqun{margin:0px 0; position: relative;}
    .renqun .renqunlist{gap:0px; flex-direction: column;}
    .renqun .renqunlist .item .icon{margin-top:15px;}
    .renqun .renqunlist .item{ width: 100%; box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px 0;}
    .renqun .renqunlist .item .info{padding-bottom:0px; }
    .citylist .item{ width: 25%;float: left;}
    .citylist .item span i{ font-size: 12px; }
}
.team{ width:100%;float: left;position: relative;padding:30px 0; background-color:#fff;box-sizing: border-box;}
.team .team-info{ width:100%;float: left;position: relative;background-color: #f5f5f5;line-height: 2em;font-size:15px; border-radius:15px;padding:40px;box-sizing: border-box;color: #5A6C7D}
.team .teamlist{ width:100%;float: left;position: relative;margin:15px 0 5px 0;}
.team .teamlist .item{ width:33.3%;float: left;position: relative;padding:10px; box-sizing: border-box; }
.team .teamlist .item .itemin{ width:100%;float: left;position: relative; }
.team .teamlist .item .thumb{ width:100%;float: left; }
.team .teamlist .item .thumb img{ width:100%;height: auto; }
@media screen and (max-width:900px){
    .team{padding:10px; padding-top: 0;}
    .team .teamlist{margin:5px 0;}
    .team .teamlist .item{padding:2px;}
    .team .team-info{padding:15px;}
}
/*荣誉资质*/
.honor{ width: 100%; padding:30px 0; position: relative;background: linear-gradient(135deg,#f5f7fa 0%,#e6eaf1 100%);float: left;}
.honorlist{ width: 100%; float: left; padding: 20px 0; position: relative;  }
.honorlist li{ width: 25%; float: left; box-sizing: border-box;position: relative; overflow: hidden; padding: 10px;}
.honorlist li .liin{ width: 100%; float: left;box-sizing: border-box;position: relative; border:solid 1px #fff; border-radius: 5px;overflow: hidden; background-color:#fff;}
.honorlist .thumb {float: left; width: 100%; position: relative; box-sizing:border-box;}
.honorlist .thumb img{ width: 100%; height: auto; opacity: .9;background-color: #2a7eef;}
.honorlist .info {float: left; width: 100%; position: relative; box-sizing:border-box;padding:10px;}
.honorlist .info h3{ width:100%; line-height:35px; text-align:center; float:left; font-size: 16px;color: #333;box-sizing: border-box; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.honorlist .info p{ width:100%; line-height:25px;box-sizing: border-box; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #999; text-align: center; height: 50px; float: left;background-color: #f5f5f5; }
.honorlist .swiper-button-next,.honorlist .swiper-button-prev{ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.65;}
.honorlist .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: -45px;}
.honorlist .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: -45px;}
.honorlist .swiper-button-next:hover,.honorlist .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
.honorlist .swiper-wrapper{ padding-bottom: 20px; }
.honorlist .swiper-container-horizontal>.swiper-pagination-bullets,.honorlist .swiper-pagination-custom,.honorlist .swiper-pagination-fraction{ bottom: 5px; }
@media screen and (max-width:750px){
    .honor{ padding: 20px 0; }
    .honorlist{padding:0 0 10px 0;}
    .honorlist li{ width:50%;padding: 5px;}
    .honorlist li .casein{ padding: 2px; }
    .honorlist h3{font-size:13px;}
    .honorlist p{ width:100%; line-height:1.6em; height: 3.2em; font-size: .8rem;}
    .honorlist .swiper-button-next,.honorlist .swiper-button-prev{ display: none; }
}
@media screen and (max-width:1280px){
    .factory .swiper-button-next{ right: 5px;}
    .factory .swiper-button-prev{ left: 5px;}
}

/*新闻资讯*/
.news{ width: 100%; padding: 25px 0; position: relative; float: left; background-color:#fff;}
.newsflex{ width: 100%;position: relative; float: left; display: flex;margin-top: 10px}
.newsflex .hotnews{ width: 380px; flex:0 0 380px; box-sizing: border-box; float: left;position: relative; background-color: #2a55d3; box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius:5px; overflow: hidden;}
.newsflex .hotnews .tit{ width: 100%; float: left; padding:20px 20px 120px 20px; background-color: #2a55d3; box-sizing: border-box; position: relative;}
.newsflex .hotnews .tit h3{line-height: 40px; color: #fff; font-size: 24px; font-weight: normal; float: left; position: relative;}
.newsflex .hotnews .tit span{ float: right; line-height: 40px;position: relative; z-index: 999;}
.newsflex .hotnews .tit span a{ color: #fff; opacity:.8; }
.newsflex .hotthumb{ width: 100%; float: left; padding:10px 25px; box-sizing: border-box; position: relative; margin-top: -110px; }
.newsflex .hotthumb span{width: 100%;float: left;}
.newsflex .hotthumb span img{ width: 100%; height: auto; }
.newsfirst{ width: 100%; float: left; padding: 20px;  box-sizing: border-box; z-index: 99; position: relative; padding-top:0;}
.newsfirst h3{ width: 100%; line-height: 40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 18px; }
.newsfirst h3 a{ color: #fff;}
.newsfirst p{ width: 100%; line-height: 25px; color: #fff;overflow:hidden; margin:5px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical; height: 75px;opacity:.8;}
.newsfirst dt{ width: 100%; line-height: 30px; color: #fff; font-size: 12px;opacity:0.6;}
.newsfirst dt a{ color:#fff; }

.newsflex .news-right{width: 100%; float: right;padding-left:20px;}
.newsbox{ width: 100%; float: right;padding:20px; box-sizing: border-box; background-color:#ecf0fb;box-shadow: 0 0 10px rgba(0,0,0,0);border-radius:10px;}
.newsbox .tit{ width: 100%; float: left; line-height: 40px;}
.newsbox .tit h3{line-height: 40px; color: #222; font-size: 20px; font-weight: normal; float: left; position: relative;}
.newsbox .tit span{ float: right; line-height: 40px;position: relative; z-index: 999;}
.newsbox .tit span a{ color: #666; }
.news-list{ width: 100%; float: left; padding:10px 0;}
.news-list li{ width: 50%; float: left; line-height: 45px; border-bottom: solid 1px rgba(255,255,255,.2); padding: 0 10px 0 10px; box-sizing: border-box; background-image:url('../images/ico1.jpg'); background-repeat:no-repeat; background-position:2px center; font-size: 15px;}
.news-list li a{ width:100%; float: left;padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.news-list li a:hover{color:#2a55d3;}
.news-list li span{ color: #999; float: right; }
.news-list li:nth-last-child(1),.news-list li:nth-last-child(2){border-bottom:none;}

.wenda{ width: 100%; float: right;position: relative; background-color: #f4f5f9; margin-top: 20px;padding:20px; box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0);border-radius:10px;}
.wenda .tit{ width: 100%; float: left; line-height: 40px;}
.wenda .tit h3{line-height: 40px; color: #222; font-size: 20px; font-weight: normal; float: left; position: relative;}
.wenda .tit span{ float: right; line-height: 40px;position: relative; z-index: 999;}
.wenda .tit span a{ color: #666; }
.wendalist{ width: 100%; float: left;padding:10px 0; position: relative; box-sizing: border-box; }
.wendalist li{ width: 50%; float: left;box-sizing: border-box;padding: 5px 10px 5px 0; }
.wendalist li:nth-child(2){padding:5px 0 5px 10px;}
.wendalist .wendain{width: 100%; float: left;box-sizing: border-box}
.wendalist li .wen{ width: 100%; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.wendalist li .wen a{ color: #222; }
.wendalist li .wen a:hover{color:#2a55d3;}
.wendalist li .wen i{ width: 23px; height: 23px; line-height: 23px;margin:8px 5px 0 0; text-align:center; font-style:normal; background-color:#2a55d3; color:#fff; float: left; border-radius:2px;font-size:12px;}
.wendalist li .answer{ width: 100%;background-color:#fff; padding:10px; position: relative; border-radius:5px; box-sizing: border-box;margin-top: 8px;}
.wendalist li .answer p{width: 100%; line-height: 2em; color: #5A6C7D; position: relative; border-radius:3px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; overflow: hidden; font-size: 15px;}
.wendalist li .answer em{ width: 20px; height: 20px; line-height: 20px; text-align:center; font-style:normal; background-color:#999; color:#fff; float: left; border-radius:2px;margin-top: 6px; margin-right:5px;}
@media screen and (max-width:1200px){
    .news{padding: 20px 0;}
    .tjnews{ width:33%; margin-right:2%;}
    .news-right{ width: 65%; }
}
@media screen and (max-width:900px){
    .news{padding: 10px 0;}
    .newsflex{ flex-direction: column; }
    .newsflex .hotnews{ width: 100%; flex:0 0 100%;}
    .newsflex .news-right{padding-left:0px;}
    .news-list li{ width: 100%; }
    .wenda{margin-top: 0px;padding:15px;}
    .wendalist li{ width: 100%;}
}
.links { line-height: 25px; color: #999999; padding: 5px 0; float: left; width: 100%;}
.links b { font-weight:normal; float:left; width:60px; text-align:center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}

/*底部*/
.bottom{background: linear-gradient(135deg, #2a55d3 0%,#0d3dc9 100%);padding: 0; position: relative; overflow: hidden;width: 100%;float: left;padding:40px 0;margin-top: 15px;}
.bottom::before {content: '';position: absolute;inset: 0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size: 60px 60px;}
.bottom .info {width: 100%;float: left;position: relative;margin:30px 0 10px 0;}
.bottom .info h2{ width: 100%;float: left;line-height: 1.4em;font-size:40px;color: #fff;text-align: center;font-weight:normal; }
.bottom .info .yellow{background: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.bottom .info .desc {width: 100%;float: left;position: relative;margin:30px 0;line-height: 2em;font-size: 18px;color:rgba(255,255,255,0.6);text-align: center;}
.bottom .info .btnlist{ width: 100%;float: left;text-align: center;margin:10px 0; position: relative;}
.bottom .info .btnlist .btn{padding: 15px 40px;color: white;font-size: 16px;font-weight:normal;border-radius: 5px;transition: all 0.3s;line-height: 1.5em; display: inline-block;margin:0 10px;border:solid 1px rgba(255,255,255,.15);}
.bottom .info .btnlist .btn-primary{background:rgba(255,255,255,.06);}
.bottom .info .btnlist .btn-primary i{ font-weight:normal;margin-right: 5px; font-size: 18px;opacity:.8;}
.bottom .info .btnlist .btn:hover{background-color:#0e39b5;}
.bottom .info .btnlist .btn-secondary{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);}
.bottom .info .btnlist .btn-secondary i{ font-weight:normal; }
@media screen and (max-width:900px){
    .bottom{padding:20px 0;margin-top: 10px}
    .bottom .info {margin:20px 0 0 0;}
    .bottom .info h2{font-size:25px;}
    .bottom .info .desc {margin:20px 0;font-size: 16px;padding:0 20px;box-sizing: border-box;}
    .bottom .info .btnlist .btn{padding: 15px 0px;margin:0 2%;width: 46%;display:inline-block;font-size: 15px;font-weight:normal;}
    .bottom .info .btnlist .btn-secondary{padding: 15px 0px;margin:0 2%;width: 40%;}
}
.footer{ width: 100%;float: left;position: relative;padding:40px 0 10px 0;background: linear-gradient(180deg, #0f172a 0%, #020617 100%)}
.footerbox{ width: 100%;float: left;position: relative;padding-bottom: 40px;}
.footerbox .footerabout{ width: 40%;float: left;position: relative;padding-right: 10%; box-sizing: border-box;}
.footerabout h4{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerabout .desc{ width: 100%;float: left;position: relative;margin-top:15px;line-height: 2em;opacity: .4;color: #fff; font-size:15px;}
.footerbox .footer-links{ width: 20%;float: left;position: relative;padding-left:30px; box-sizing: border-box;}
.footerbox .footer-links  h5{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerbox .footer-links .linklist{ width: 100%;float: left;position: relative;margin-top: 10px;}
.footerbox .footer-links .linklist li{ width: 100%;float: left;line-height:35px;font-size:13px;}
.footerbox .footer-links .linklist li a{color: #fff;opacity:0.4;}
.footerbox .footer-links .linklist li a:hover{opacity:1;}
.footerbox .footer-links2{ width: 25%;float: left;position: relative;padding-right:50px; box-sizing: border-box;}
.footerbox .footer-links2  h5{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerbox .footer-links2 .linklist{ width: 100%;float: left;position: relative;margin-top: 10px;}
.footerbox .footer-links2 .linklist li{ width: 50%;float: left;line-height:35px;font-size:13px;}
.footerbox .footer-links2 .linklist li a{color: #fff;opacity:0.4;}
.footerbox .footer-links2 .linklist li a:hover{opacity:1;}
.footerbox .contact{width:100%;float: left;position: relative; line-height:2.2em;opacity: .4;color: #fff;margin-top: 10px;}
.footerbox .footer-qrcode{ width:20%;float: right; }
.footerbox .footer-qrcode h5{ width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff; font-weight:normal;}
.footerbox .qrcodebox{width: 100%;float: left;position: relative;margin-top:15px;}
.footerbox .qrcodebox .item{ width: 50%;float: left;padding:5px;box-sizing: border-box; line-height: 35px;text-align: center;color: #e2e2e2}
.footerbox .qrcodebox .item img{ width: 100%;height: auto;border:solid 1px rgba(255,255,255,.2);padding:8px;box-sizing: border-box;}
.copyright{ width: 100%;float: left;position: relative;padding:25px 0;text-align: center; border-top:solid 1px rgba(255,255,255,.1);color: #fff;opacity:0.4;box-sizing: border-box;line-height: 2em}
.copyright a{ text-decoration:underline;color: #fff;}
@media screen and (max-width:900px){
    .footer{padding:0;}
    .footerbox{padding:20px 0;}
    .footerbox .footerabout{ display: none;}
    .footerbox .footer-links{ width: 100%;margin-top: 10px; padding:0 20px;}
    .footerbox .footer-links2{ width: 100%;margin-top: 10px; padding:0 20px;}
    .footerbox .footer-links2 .linklist li{ width: 25%;}
    .footerbox .footer-links2:nth-child(2){display:none;}
    .footerbox .footer-qrcode{ width:100%;float: right;padding:10px  20px; box-sizing: border-box;}
    .copyright{padding:15px;border-top:solid 1px rgba(255,255,255,.4);}
}