@charset "utf-8";
/*rest css*/
*{box-sizing: border-box;}
html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;}
body{background-color:#fff;color:#333;font-family:"微软雅黑";}
ol,ul{list-style:none;}
img{border:none;vertical-align:middle;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B';}
.clearfix{zoom:1;}
html{max-width:750px;min-width:320px; margin:0 auto; position:relative;}
body{max-width:750px;min-width:320px;font-size:14px; background:#fff;}
em,i{font-style:normal;}
.l{float:left;}
.r{float:right;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}   
/****************页面公共样式*************************/

.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.lc{position: relative;display:block;top: 50%;transform: translateY(-50%);}
.flex{display:flex}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.grid{display:flex;flex-wrap:wrap}
.grid.grid-square{overflow:hidden}
.cf::after,.cf::before{content:" ";display:table}
.cf::after{clear:both}
.fl{float:left}
.fr{float:right}
.full-img{width: 100%;height: 100%;display:block;opacity: 1;position: absolute;left: 0;top: 0;z-index: 1;transition: all .3s;}
.rimg{width: 100%;height: 100%;display: block;}

h1,h2,h3,h4,h5,h6{font-weight: lighter;}


.swiper-container1{width: 100%;height: 6rem;}
.swiper-container1 img{display: block;width: 100%;height: 100%;}
.swiper-container1 .swiper-pagination-bullet{width: 0.18rem;height: 0.18rem;border-radius: .18rem;opacity: 1;background: #696969;transition: all .3s;}
.swiper-container1 .swiper-pagination-bullet-active{opacity: 1;background: #1b2843;width: 0.65rem;}

.nav{height: 1rem;width: 100%;position: fixed;left: 0;top: 0;z-index: 99;display: flex;padding: 0 .3rem;align-items: center;justify-content: space-between;background: #fff;}
.nav-h{display: block;height: 1rem;}
.nav .logo{width: auto;height: 0.5rem;display: block;}
.nav .more{width: 0.41rem;height: 0.33rem;display: block;position: relative;}
.nav img{display: block;width: 100%;height: 100%;}
.nav .logo img{width: auto;}
.nav .more .line{height: 2px;width: 100%;background: #1b2843;position: absolute;left: 0;border-radius: 1px;transition: .3s all;overflow: hidden;}
.nav .more .line1{top: 0;}
.nav .more .line2{top: 50%;margin-top: -1px;opacity: 1;}
.nav .more .line3{bottom: 0;}


.nav .more.active .line1{top: 50%;margin-top: -1px;transform: rotateZ(45deg);}
.nav .more.active .line2{opacity: 0;}
.nav .more.active .line3{top: 50%;margin-top: -1px;transform: rotateZ(-45deg);}

.nav-up{position: fixed;width: 100%;height: 100%;padding-top: 1rem;background: #fff;left: 0;top: -100%;transition: all .3s;z-index: 88;}
.nav-up .auto-view .item{display: block;}
.nav-up .auto-view{height: 100%;width: 100%;overflow: auto;border-top: 1px solid #eee;}
.nav-up .auto-view .cell{width: 100%;height: 1rem;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;padding: 0 .3rem;}
.nav-up .auto-view .cell .t{font-size: .3rem;line-height: .4rem;height: 0.4rem;color: #333;}
.nav-up .auto-view .cell .right{width: 0.2rem;height: auto;transition: all .3s;}

.nav-up.open{top: 0;}

.nav-up .auto-view .up{height: 0;overflow: hidden;transition: all .3s;}
.nav-up .auto-view .up .cell{background: #eee;height: .8rem;border-color: #9696961c;}
.nav-up .auto-view .up .cell:last-child{border: none;}
.nav-up .auto-view .up .t{font-size: .28rem;color: #969696;}
.nav-up .auto-view .up.auto{height: auto;}
.nav-up .auto-view .cell.down .right{transform: rotateZ(90deg);}

.nav-up .auto-view .three{height: 0;overflow: hidden;transition: all .3s;}
.nav-up .auto-view .three .cell{background: #eee;height: .8rem;border-color: #9696961c; }
.nav-up .auto-view .three .cell:last-child{border: none;}
.nav-up .auto-view .three .t{font-size: .28rem;color: #969696;}
.nav-up .auto-view .three.auto{height: auto;}



.base-title h2{font-size: .6rem;text-align: center;margin-bottom: .3rem;color: #424147;padding: 0 .3rem;}
.base-title p{color: #424147;font-size: .3rem;text-align: center;padding: 0 .3rem;}

.section0{padding-top: .8rem;}
.section0 .btns{padding-top: .5rem;padding-bottom: .3rem;}
.section0 .btns .btn{display: flex;flex-direction: column;align-items: center;}
.section0 .btns .btn img{display: block;height: 0.8rem;width: auto;margin-bottom: .1rem;}
.section0 .btns .btn p{color: #333333;font-size: .24rem;text-align: center;}
.section0 .more-btn{width: 1.5rem;height: 0.5rem;margin: 0 auto;}
 
.section1{padding-top: .8rem;}
.section1 .pros{display: flex;justify-content: space-around;padding: 0 .3rem;}
.section1 .pros .pro{width: 1.8rem;height: 2.8rem;border: 1px solid #132469;display: flex;flex-direction: column;align-items: center;justify-content: start;position: relative;padding-top: .2rem;}
.section1 .pros .pro img{width: 1.2rem;height: auto;}
.section1 .pros .pro p{font-size: .22rem;text-align: center;color: #333;width: 100%;position: absolute;padding: 0 .2rem;left: 0;bottom: .1rem;}
.section1 .pros .pro:nth-of-type(1) img{width: 1rem;}
.section1 .pros .pro:nth-of-type(3){padding-top: .7rem;}

.section2{padding-top: .8rem;}
.section2 .swpier-inty{height: 10rem;}
.section2 .swpier-inty .top{height: 5.6rem;}
.section2 .swpier-inty .bottom{height: 4.4rem;background: #111217;position: relative;}
.section2 .swpier-inty .bottom{padding: .3rem .7rem;}
.section2 .swpier-inty .bottom h3{font-size: .3rem;color: #fff;margin-bottom: .3rem;}
.section2 .swpier-inty .bottom p{font-size: .24rem;color: #fff;padding-right: 0rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}


.section2 .swpier-inty .bottom a{width: 1.5rem;height: 0.6rem;border-radius: .6rem;display: block;font-size: .2rem;text-align: center;color: #fff;position: absolute;bottom: .3rem;left: .7rem;background: #132469;line-height: .6rem;}

.swiper-container2{height: 10rem;}
.swiper-container2 .swiper-pagination-bullet-active{background: #fff;}
.swiper-container2.swiper-container-vertical > .swiper-pagination-bullets{bottom: .5rem;top:auto;right: 10px;transform: translateY(0);}
.swiper-container2.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;margin: .2rem 0;}

.section3{padding-top: .8rem;}
.section3 .news-more{height: 4rem;display: block;}
.section3 .news-list{padding: .1rem;}
.section3 .news-list .news-item{padding: .1rem;}
.section3 .news-list .news-item .item{border-radius: .1rem;display: block;background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);overflow: hidden;}
.section3 .news-list .news-item .item .face{height: 3.8rem;}
.section3 .news-list .news-item .item .txt{padding: .3rem;}
.section3 .news-list .news-item .item .txt h3{font-size: .28rem;color: #333;margin-bottom: .2rem;}
.section3 .news-list .news-item .item .txt .t{font-size: .2rem; color: #333;margin-bottom: .2rem;}
.section3 .news-list .news-item .item .txt .s{display: flex;align-items: center;}
.section3 .news-list .news-item .item .txt .s img{margin-right: .1rem;width: 0.24rem;height: 0.24rem;}
.section3 .news-list .news-item .item .txt .s span{font-size: .22rem;color: #828282;line-height: .3rem;height: .3rem;}

.page-news-page {text-align: center; padding: .3rem 0;}
.page-news-page a {font-size: .28rem;display: inline-block;}
.page-news-page span {font-size: .28rem;display: inline-block;background: #0061e3;color: #fff;height: .6rem;padding: 0 .2rem;line-height: .6rem;}
.page-news-page a {display: inline-block;background: rgba(247, 247, 247, 1);height: .6rem;padding: 0 .2rem;line-height: .6rem;color: #333;}
.page-news-page a:hover {background: rgba(33, 147, 226, 1);color: #fff;}

.box-up{position: relative;padding-top: 2.6rem;}
.box-up  .up{width: 7rem;height: 5.2rem;position: absolute;border-radius: .1rem;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);left: .25rem;top: -2.6rem;background:url('../images/logo-big.png') #fff no-repeat center center;background-size: 3.25rem auto;}
.box-up  .up .t{font-size: .3rem;text-align: center;color: #333;margin-bottom: .6rem;padding-top: .3rem;}
.box-up  .up .b{line-height: 1.5;font-size: .20rem;padding: 0 .8rem;}

.cus{padding-top: .8rem;}
.cus .cus-list{padding: .2rem .2rem;display: flex;flex-wrap: wrap;}
.cus .cus-list .item{width: 50%;padding: .2rem;}
.cus .cus-list .item .box{height: 1.4rem;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);width: 100%;border-radius: .1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cus .cus-list .item .box .t{font-size: .28rem;margin-bottom: .2rem;}
.cus .cus-list .item .box .e{font-size: .24rem;}

.address{padding-top: .8rem;}
.address .address-list{padding: .2rem .2rem;}
.address .address-list .item{width: 100%;padding: .2rem;}
.address .address-list .item .box{height: 2.2rem;width: 100%;border: 2px solid #2b3b94;border-radius: .1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.address .address-list .item .box img{width: 0.4rem;height: auto;margin-bottom: .1rem;}
.address .address-list .item .box .t{font-size: .28rem;margin-bottom: .1rem;}
.address .address-list .item .box .a{font-size: .24rem;}

.up-hangye{padding-top: 1.3rem;}
.up-hangye .up{background: #fff;height: 2.6rem;top: -1.3rem;padding: 0 .3rem;}
.up-hangye .up .btns{border-bottom: 1px solid rgba(77, 77, 77, 0.1);display: flex;justify-content: center;}
.up-hangye .up .btns .btn{font-size: .2rem;padding: 0 .08rem;line-height: .6rem;height: 0.6rem;border-bottom: 2px solid #fff;}
.up-hangye .up .btns .btn.active{color: #2b3b94;border-color: #2b3b94;}

.hangye{padding: .6rem;}
.hangye .face{margin-bottom: .6rem;border-radius: .2rem;overflow: hidden;}
.hangye .face img{width: 100%;height: auto;display: block;}
.hangye .content{padding-top: .6rem;font-size: .2rem;line-height: 2;}
.base-title2 h2{font-size: .3rem;text-align: center;}
.base-title2 .b{font-size: .24rem;text-align: center;}
.base-title2 .line{height: 2px;background: #1b2843;width: 50px;margin: 0 auto;margin-top: .2rem;}

.up-hxjs {padding-top: 18.6rem;}
.up-hxjs .up{background: #fff;box-shadow: none;height: auto;}
.up-hxjs .up .hxjs{padding: 0 1.1rem;}
.up-hxjs .up .hxjs .item {padding: .3rem;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);border-radius: .1rem;margin-bottom: .3rem;}
.up-hxjs .up .hxjs .item .face{margin: 0 auto;width: 1.4rem;}
.up-hxjs .up .hxjs .item .face img{width: 1.4rem;height: auto;margin-bottom: .15rem;}
.up-hxjs .up .hxjs .item .tt{font-size: .28rem;margin-bottom: .15rem;text-align: center;padding: 0 .2rem;line-height: 2;}
.up-hxjs .up .hxjs .item .bb{font-size: .22rem;text-align: center;line-height: 2;}

.hxjs1{padding-top: .5rem;}
.hxjs1 .hxjs1-list{display: flex;flex-wrap: wrap;}
.hxjs1 .hxjs1-list .item{width: 50%;margin-bottom: .3rem;display: flex;flex-direction: column;align-items: center;}
.hxjs1 .hxjs1-list .item .face{width: 2rem;height: 2rem;display: block;margin-bottom: .2rem;}
.hxjs1 .hxjs1-list .item .t{font-size: .28rem;margin-bottom: .2rem;}
.hxjs1 .hxjs1-list .item .b{padding:0 .3rem;font-size: .22rem;text-align: center;}

.hxjs2{padding-top: .5rem;}
.hxjs2 .hxjs2-list{padding: .3rem .6rem;}
.hxjs2 .hxjs2-list .item{background: #000;padding: .3rem;margin-bottom: .6rem;}
.hxjs2 .hxjs2-list .item img{width: 100%;height: auto;display: block;margin-bottom: .1rem;}
.hxjs2 .hxjs2-list .item .t{font-size: .28rem;color: #fff;text-align: center;margin-bottom: .1rem;}
.hxjs2 .hxjs2-list .item .b{padding:0 .6rem;font-size: .22rem;text-align: center;color: #fff;}

.hxjs3{padding-top: .3rem;}
.hxjs3 .cus-list .item .box{height: 3.5rem;}

.up-model{padding-top: 1.5rem;}
.up-model .up{background: #fff;height: 3rem;top: -1.5rem;padding: 0 .3rem;}
.up-model .up .model-tow {display: flex;flex-wrap: wrap;}
.up-model .up .model-tow .item{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.up-model .up .model-tow .item img{display: block;width: auto;height: .7rem;margin-bottom: .15rem;}
.up-model .up .model-tow .item .p{font-size: .28rem;}

.pro{padding-top: .8rem;}
.pro .face{width: 5rem;height: auto;display: block;margin: 0 auto;margin-bottom: .3rem;}
.pro .brief{font-size: .24rem;text-align: center;padding: 0 1rem;padding-top: .3rem;}

.base-title3{padding: .5rem;display: flex;justify-content: center;align-items: center;}
.base-title3 .line{width: 3px;height: 0.4rem;background: #333;}
.base-title3 .txt{padding: 0 .2rem;font-size: .3rem;line-height: .35rem;height: 0.35rem;}

.pro-list{padding: 0 .3rem;display: flex;flex-wrap: wrap;justify-content: center;}
.pro-list .item{width: 25%;margin-bottom: .5rem;display: flex;flex-direction: column;align-items: center;}
.pro-list .item .icon{width: 0.7rem;height: 0.7rem;margin-bottom: .2rem;}
.pro-list .item .t{padding: 0 .1rem;font-size: .22rem;text-align: center;}
.p-top{padding-top: 0;}

.pro-cj{padding: 0 .3rem;display: flex;flex-wrap: wrap;}
.pro-cj .pro-item{width: 33.33%;margin-bottom: .2rem;}
.pro-cj .pro-item .cji{width: 1.7rem;margin: 0 auto;height: 1.7rem;line-height: 1.7rem;position: relative;}
.pro-cj .pro-item .cji img{display: block;width: 100%;height: 100%;}
.pro-cj .pro-item .cji p{font-size: .22rem;color: #fff;position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}

.up-pro .up{background: #fff;}
.tabbar {padding: .1rem;display: flex;flex-wrap: wrap;}
.tabbar .item{width: 25%;margin-bottom: .3rem;}
.tabbar .item .box{width: 1.2rem;height: 1.2rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;border-radius: 1.2rem;border: 1px solid #333;justify-content: center;}
.tabbar .item .box p{font-size: .2rem;text-align: center;}

.footer{background: #111217;}
.footer .top{padding: .6rem .3rem;}
.footer .top .cus-txt{display: flex;font-size: .24rem;color: #fff;margin-bottom: .3rem;align-items: center;flex-direction: column;line-height: 2;}
.footer .top  .footer-btns{height: .8rem;border-radius: .8rem;background: #2e2e2f;display: flex;justify-content: space-around;align-items: center;padding: 0 .2rem;margin-bottom: .6rem;}
.footer .top  .footer-btns .btn{color: #969696;font-size: .24rem;line-height: .5rem;height: .5rem;}
.footer .top  .footer-imgs {display: flex;justify-content: center;align-items: center;}
.footer .top  .footer-imgs .logo{height: .8rem;width: auto;display: block;margin-right: .4rem;}
.footer .top  .footer-imgs .ewm{width: 1.5rem;height: 1.5rem;display: block;}

.footer .bottom{border-top: 1px solid #434344;padding: .3rem 0;}
.footer .bottom .cor{color: #8b8b8b;line-height: 2;text-align: center;font-size: .22rem;}

.news-list-index{padding: 0 .3rem;}
.news-list-index .item{padding: .3rem 0;display: flex;border-bottom: 1px solid #eee;}
.news-list-index .item:last-child{border: none;}
.news-list-index .item .img{width: 2.8rem;height: 1.5rem;padding-left: .3rem;}
.news-list-index .item .info{flex: 1;display: flex;flex-direction: column;justify-content: space-between;height: 1.5rem;}
.news-list-index .item .info .title{line-height: 1.5;font-size: .28rem;}
.news-list-index .item .info .time{color: #8b8b8b;font-size: .24rem;}

.jobs .panel{position: relative;display: flex;padding: .22rem .36rem;background-color: #f5f6f7;align-items: center;font-size: .26rem;}
.jobs .panel input{flex: 1;flex-grow: 1;flex-shrink: 1;height: 0.68rem;padding: 0 .24rem;line-height: 1;outline: none;border: none;background-color: #fff;border-radius: 2px;text-align: center;}
.jobs .panel .fil{position: relative;padding-left: .3rem;padding-right: .68rem;margin-left: .2rem;line-height: .68rem;background: #fff;border-radius: 2px;}
.jobs .panel .fil::after{content: "";position: absolute;top: 50%;right: .24rem;margin-top: -.14rem;width: 0.28rem;height: .28rem;background-image: url("../images/fil.svg");background-size: 100%;}

.jobs .list{background: #fff;}
.jobs .list .assembly{background-color: #fff;overflow: hidden;padding: 0 .36rem;}
.jobs .list .assembly .item{position: relative;padding: .2rem 0;}
.jobs .list .assembly .item .title{margin-bottom: .36rem;font-size: .32rem;color: #222;}
.jobs .list .assembly .item .body{font-size: .26rem;}
.jobs .list .assembly .item .body .i{margin-bottom: .04rem;}
.jobs .list .assembly .item .body .d{margin-bottom: .04rem;line-height: .32rem;}
.jobs .list .assembly .item .body .t{color: #abb2c8;font-size: .24rem;}
.jobs .list .assembly .bottom{height: .12rem;background-color: #f5f6f7;}

 
.pagination{background: #fff;clear: both;text-align: center;padding: .3rem}
.pagination li{display: inline-block;padding: 0px 10px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #111217;border-radius: 2px;margin: 0px 3px}
.pagination li a{color: #333}
.pagination li:hover,.pagination li.active{background-color: #111217;color: #fff;border: 1px solid #111217;}
.pagination li:hover a,.pagination li.active a {color: #fff !important;}




  

 .flatten-selector .flatten-select{
    display: flex;
    padding: 0;
    font-size: .24rem;
}

 .flatten-selector .flatten-select .title{
    margin-right: .2rem;
    line-height: 2;
    white-space: nowrap;
    color: #222831;
}
 .flatten-selector .flatten-select .body{
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    color: #a2a4a8
}
 .flatten-selector .flatten-select .body .option{
    box-sizing: border-box;
    padding: 0 .2rem;
    margin: 0;
    line-height: 2;
    cursor: pointer;
    transition: background-color 0.3s;
    display: inline-block;
}
 .flatten-selector .flatten-select .body .option.active{background-color: rgb(34, 40, 49);color: #fff;color: #fff;}



 .pro-list-config{padding: .3rem;}
 .pro-list-config .rimg{width: 100%;height: auto;display: block;}