@charset "utf-8";
@font-face {
  font-family: pingfang_b;
  src:url(../font/PingFang_Bold.ttf);
}
@font-face {
  font-family: pingfang_el;
  src:url(../font/PingFang_ExtraLight.ttf);
}
@font-face {
  font-family: pingfang_h;
  src:url(../font/PingFang_Heavy.ttf);
}
@font-face {
  font-family: pingfang_l;
  src:url(../font/PingFang_Light.ttf);
}
@font-face {
  font-family: pingfang_m;
  src:url(../font/PingFang_Medium.ttf);
}
@font-face {
  font-family: pingfang_r;
  src:url(../font/PingFang_Regular.ttf);
}
@font-face {
  font-family: number_only;
  src:url(../font/Number.ttf);
}
@font-face {
  font-family: MontDemo;
  src:url(../font/MontDemo-Heavy.otf);
}
.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:MontDemo}
body {
    font-family: "Microsoft YaHei",'number_only';
    font: 0.16rem/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
} 
.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgj {
    overflow: hidden;
}
.wal {max-width: 13rem;margin:0 auto;width: 90%;position: relative;}
.small_wal {
    /* max-width: 17rem; */
    /* width: 85%; */
    /* margin: 0 auto; */
}

/*********head************/
.g-head{
    /* background: #1b5cac; */
    /*position: fixed;*/
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background: linear-gradient(180deg, rgb(255 255 255 / 80%), transparent);
}
.head_box{
    /* background: #1c223a; */
}
.g-head.fixd {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 0.1rem rgb(0 0 0 / 20%);
}

.g-head.fixd .top_bar {
    height: 0.7rem;
}
.web_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 1.4rem; */
}
.top_bar_left{
    display: flex;
    align-items: center;
}
.top_bar_left .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.9rem;
}
.top_bar_left .logo img{
    width: 1.74rem;
}
.g-nav{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.g-nav ul{
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.5rem;
    justify-content: space-between;
    flex: 1;
    padding: 0 0.5rem 0 0;
}
.g-nav ul li{
    /* overflow: hidden; */
    text-align: center;
    /* padding: 0 0.15rem; */
    position: relative;
    line-height: 0.7rem;
}
.g-nav ul li.on a, .g-nav ul li:hover a {
    color: #c90011;
    font-weight: bold;
}
.g-nav ul li a{
    color: #333;
    display: block;
    /* transition: all 0.3s ease; */
    font-size: 0.16rem;
    /* line-height: 0.7rem; */
    /* margin: 0.1rem 0; */
}
.g-nav ul li .erji_nav a {
    color: #333;
    text-align: center;
    line-height: 0.36rem;
    font-size: 0.16rem;
    font-weight: normal;
}
.g-nav ul li a span{
    display: block;
}
.g-nav ul li a em{
    display: b;
}
.g-nav ul li.on a,.g-nav ul li:hover a{
    /* color: #ffffff; */
    /* border-bottom: 0.02rem solid; */
}

.mc_search_xl {
    position: fixed;
    left: 0;
    top: 0.9rem;
    width: 100%;
    height: 1.6rem;
    border-top: 1px solid #dfdede;
    z-index: 99;
    background: #ffffff;
    display: none;
    transition: top 0.36s;
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}

.mc_scm_form {
    width: 7rem;
}

.mc_msc_box {
    font-size: 0;
    padding: 0.1rem;
    border-bottom: 1px solid #dfdede;
}

.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}

.mc_msc_submit {
    width: 0.2rem;
    vertical-align: top;
    position: absolute;
    top: 0.2rem;
    right: 0;
    cursor: pointer;
    background: none;
}
.mc_msc_submit img{width:0.2rem}
.he_pcser .icon-search {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url(../images/search.png) center center no-repeat;
    background-size: 0.18rem;
    font-size: 0;
    cursor: pointer;
}
a.go_english {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url(../images/english_b.png) center center no-repeat;
    background-size: 0.28rem;
}

.top_tips{border-bottom: 1px solid #3d6aa5;/* padding: 0.1rem 0; */color: #fff;}
.top_tips .wal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
    
}
.top_tips a.go{
    padding: 0 0.2rem 0 0;
    display: block;
    background: url(../images/go.png) right center no-repeat;
}
.navA{
    display: none;
}

.erji_nav {
    position: absolute;
    z-index: 9;
    left: -0.8rem;
    right: -0.8rem;
    top: 0.6rem;
    display: none;
    text-align: left;
    box-shadow: 0 0.12rem 0.12rem #0000001f;
    background: #fff;
    border-top: 0.02rem solid #c90011;
}
.erji_nav.show{
    display: block;
}
.g-nav ul li:hover .erji_nav {
    display: block;
}

.g-nav ul li .erji_nav a:hover {
    color: #c90011;
}
.top_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    transition: all 0.3s ease;
}

a.logo {
    display: block;
    margin: 0 0.1rem 0 0;
}

a.logo img {
    height: 0.7rem;
}

span.sologin img {
    width: 3.64rem;
}

.top_bar .left {
    display: flex;
    align-items: center;
    margin: 0 0.5rem 0 0;
}

.top_bar .right {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    justify-content: space-between;
}
.top_bar .right:after{/* content:"."; *//* position: absolute; *//* width: 1px; *//* height: 0.3rem; *//* background: #d6d6d6; *//* right: 0.6rem; *//* font-size: 0; *//* transform: rotate(30deg); */}

.g-nav ul li a:hover {
    color: #c90011;
    /* width: 0.5rem; */
    /* height: 0.5rem; */
    /* font-size: 0; */
    /* margin: 0 0.05rem; */
}
.top_bar .right a.oabuess {
    background: url(../images/oa.png) center center no-repeat;
    background-size: 0.33rem;
}
.top_bar .right a.goemail{background: url(../images/email.png) center center no-repeat;background-size: 0.33rem;}
.tel {
    font-family: Avenir Next;
    font-weight: bolder;
    color: #ef2b23;
}


.about_con {
    display: flex;
    justify-content: space-between;
}

.about_con .left {
    width: 47%;
}

.about_con .right {
    padding: 0.2rem 0.2rem 0 0;
    position: relative;
    width: 47%;
}

.about_con .left h2 {
    font-size: 0.24rem;
    /*font-weight: bold;*/
    margin: 0 0 0.2rem;
}

.about_con .left p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666;
    margin: 0 0 0.3rem;
}

.go_more {
    width: 1.6rem;
    display: block;
    border: 1px solid #999;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.06rem;
    font-size: 0.16rem;
    color: #666;
    margin-bottom: 20px;
}

.go_more span {
    background: url(../images/jt_h.png) right center no-repeat;
    padding: 0 0.25rem 0 0;
    background-size: 0.16rem;
}

.about_con .right .imgj {
    position: relative;
    z-index: 2;
}

.about_con .right img {}

.about_con .right:after {content: ".";display: block;position: absolute;right: 0;top: 0;background: #c90011;bottom: 0.2rem;left: 0.2rem;z-index: 1;}

.aboutbg {
    background: url(../images/aboutbg.jpg) top center no-repeat;
    background-size: cover;
}

.go_more:hover {
    background: #c90011;
    color: #fff;
    border: 1px solid #c90011;
}

.go_more:hover span {
    background: url(../images/jt_b.png) right center no-repeat;
    background-size: 0.16rem;
}

.bulebg {
    background: #f0f2fa;
}

.cases_con {margin-top: 20px;}

.cases_con ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.2rem 0 0 -0.2rem;
}

.cases_con ul li {
    width: 25%;
}

.cases_con ul li .case {
    margin: 0.2rem 0 0 0.2rem;
}

.cases_con ul li .case a {}

.cases_con ul li .case .imgj {}

.cases_con ul li .case .imgj img {}

.cases_con ul li .case a p {
    font-size: 0.16rem;
    margin: 0.1rem 0 0;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.news_con{}

.product_list_con {}

.product_list_con .change_ul {
    position: absolute;
    right: 0;
    top: 0.3rem;
}

.news_con {}

.news_con ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.3rem 0 0 -0.3rem;
}

.news_con ul li {
    width: 33.33%;
}

.news_con ul li .item {
    margin: 0.3rem 0 0 0.3rem;
}

.news_con ul li .item a {}

.news_con ul li .item a .imgj {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    transition: all 0.3s ease;
}

.news_con ul li .item a .imgj img {
    /* width: auto; */
    /* height: 100%; */
}

.news_con ul li .item a .zi {
    padding: 0.3rem 0;
    transition: all 0.3s ease;
    height: 1.5rem;
}

.news_con ul li .item a .zi h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem 0;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.news_con ul li .item a .zi p {
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #999;
    margin: 0 0 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_con ul li .item a .zi span{
    color: #999;
    line-height: 0.3rem;
}
.news_con ul li .item a:hover .imgj {
    height: 2.5rem;
}
.news_con ul li .item a:hover .zi span{
    display: none;
}
.news_con ul li .item a:hover .zi {
    padding: 0.1rem 0;
    border-bottom: 0.02rem solid #c90011;
    height: 1rem;
}
























/****index_banenr****/
.index_banenr{
    position: relative;
    overflow: hidden;
    position: relative;
}
.index_banenr img{
    width: 100%;
}
.index_banenr .swiper-pagination{box-sizing: border-box;text-align: left;display: inline-block;margin: 0 auto;width: auto;/* background: rgba(0,0,0,0.2); */border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;}
.banner_number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
    z-index: 99;
    font-family: number_only;
    text-align: center;
}
.banner_number span.swiper-pagination-bullet {
    /* background: none; */
    /* border-radius: 50px; */
    width: 0.15rem;
    height: 0.06rem;
    opacity: 0.8;
    margin: 0 0.05rem;
    opacity: 0.5;
    /* border: 1px solid #ddd; */
    background: #fff;
    border-radius: 11px;
}

.banner_number span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    /* background: #ffffff; */
    opacity: 1;
    width: 0.3rem;
    /* border-radius: 50%; */
}
.ani {
    position: absolute;
    right: 0;
    left: 0;
    /* bottom: 0; */
    top: 0.8rem;
    display: flex;
    align-items: center;
    /*text-align: center;*/
    padding: 1rem 0 0;
}

a.banner_zi {
    position: absolute;
    right: 0;
    bottom: 0.51rem;
    width: 40%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 0.3rem;
}
a.banner_zi h4{
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    
}
a.banner_zi p{
    font-size: 0.14rem;
    line-height: 0.26rem;
}
.top_tips .wal .right {
    display: flex;
    align-items: center;
}

.banner_zi img {
    width: 5.34rem;
}

/**index_part**/
.index_part{
    padding: 0.55rem 0;
}
.f7bg{
    background: #f7f7f7;
}
.fabg{
    background: #fafcff;
}

.index_news{}
.dis_flex{display: flex;justify-content: space-between;}
.index_news .left,.index_news .right {
    width: 49%;
    background: #fcfcfc;
}
.imgnews{
    width: 50%;
}
.imgnews .swiper-slide{}
.imgnews .swiper-slide h4{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 0.16rem;
    padding: 0.15rem 0.2rem;
}
.imgnews .banner_number{
    left: auto;
    right: 0.2rem;
    bottom: 0.18rem;
}
.imgnews .banner_number span.swiper-pagination-bullet{
    /* border-radius: 0; */
}
.imgnews .banner_number span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ffffff;
    width: 0.1rem;
}
.imgnews .banner_number .swiper-pagination{}
.swiper-pagination2 {
    display: flex;
}
.news_list{}
.big_title{
    text-align: left;
    margin: 0 0 0.3rem;
}
.big_title span{
    font-size: 0.24rem;
}
.big_title p{
    font-size: 0.34rem;
    text-transform: uppercase;
    font-weight: bold;
}
.big_title ul{
    display: flex;
}
.big_title ul li{
    padding: 0 0.2rem;
    border-right: 1px solid #828282;
    color: #888;
    cursor: pointer;
}
.big_title ul li:first-child{padding:0 0.2rem 0 0}
.big_title ul li:last-child{border:0}
.big_title ul li.on,.big_title ul li:hover{
    color: #1d56a0;
    opacity: 1;
}
.big_title a.more_a{
    font-size: 0.16rem;
    font-weight: normal;
    color: #999;
    display: flex;
    align-items: center;
}
.big_title a.more_a i{
    display: block;
    width: 0.3rem;
    height: 1px;
    background: #ddd;
    margin: 0 0.15rem 0 0;
    transition: all 0.3s ease;
}
.big_title a.more_a:hover{color: #1b5cac;}
.big_title a.more_a:hover i{
    margin: 0 0.1rem 0;
    background: #1b5cac;
}
.news_list_box{
    font-size: 0.16rem;
    line-height: 0.42rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zicon_con{}
.zicon{
    display: none;
}
.zicon.active{
    display: block;
}
.probg {
    background: url(../images/probg.jpg) center top no-repeat;
    background-size: cover;
}


.center_product {
    position: relative;
}

.center_product .change_ul {
    position: absolute;
    right: 0;
    top: 0.3rem;
}

.product_list .cg_item {
    display: block;
    box-shadow: 0 0 0.15rem #e1e4f0;
}

.product_list .cg_item .imgj {
    background: #e1e4f0;
    padding: 0.5rem;
}

.product_list .cg_item img {}

.product_list .cg_item .zi {
    text-align: left;
    background: #fff;
    padding: 0.3rem;
}

.product_list .cg_item .zi h4 {
    font-size: 0.2rem;
    /*font-weight: bold;*/
    margin: 0 0 0.1rem;
}

.product_list .cg_item .zi p {
    font-size: 0.16rem;
    line-height: 0.22rem;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.first_new{
    font-size: 0.18rem;
    font-weight: bold;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 0.15rem;
    margin: 0 0 0.1rem;
    line-height: 0.32rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.first_new a{}
.news_list_box{}
.news_list_box li{
    background: #fff;
    padding: 0 0.15rem;
    height: 31.33%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.news_list_box li a{
    display: flex;
    justify-content: space-between;
    color: #666;
    align-items: center;
}
.news_list_box li a p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.3s ease;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #999;
}
.news_list_box li a span{
    /* width: 1.3rem; */
    /* text-align: right; */
}
.news_list_box li a .data {
    text-align: center;
    width: 1.2rem;
    font-family: DIN;
}

.news_list_box li a .data em {
    font-size: 0.52rem;
    display: block;
    font-weight: bold;
}

.news_list_box li a .data span {
    display: block;
    font-size: 0.14rem;
    color: #999;
    line-height: initial;
}

.news_list_box li a .main {}

.news_list_box li a .main h3 {
    font-size: 0.18rem;
    font-weight: bold;
}

.news_list_box li a .main p {}
.news_list_box li:hover {
    background: #1b5cac;
    color: #fff;
}

.news_list_box li:hover em, .news_list_box li:hover span, .news_list_box li:hover h3, .news_list_box li:hover p {
    color: #fff !important;
}
/**center_news**/
.center_news{}
.center_news .left{
    width: 40%;
}
.center_news .right{
    width: 57%;
}
.news_list_con{}
.news_list_con ul{}
.news_list_con ul li{
    line-height: 0.4rem;
    /* border-bottom: 1px dashed #ddd; */
    font-size: 0.16rem;
}
.news_list_con ul li a{
    display: flex;
    justify-content: space-between;
    color: #666;
    align-items: center;
}
.news_list_con ul li a:before{/* content:"."; */display: block;font-size: 0;width: 0.06rem;height: 0.06rem;background: #1d56a0;margin: 0 0.1rem 00 0;}
.news_list_con ul li a p{
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s ease;
}
.news_list_con ul li a:hover p,.news_list_box ul li a:hover p{color:#1d56a0;margin: 0 0 0 0.2rem;}
.news_list_con ul li a span{
    width: 1.3rem;
    text-align: right;
}
.zhuanjia{}
.zhuanjia ul{
    /* height: calc(100% - 0.7rem); */
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -0.1rem;
}
.zhuanjia ul li{width: 50%;padding: 0 0 0 0.1rem;box-sizing: border-box;margin: 0 0 0.1rem;}
.zhuanjia ul li a{
    display: flex;
    padding: 0.2rem;
    background: #fafafa;
}
.zhuanjia ul li a .imgj {
    width: 1.5rem;
    margin: 0 0.15rem 0 0;
}

.zhuanjia ul li a .mm {
    flex: 1;
}

.zhuanjia ul li a .mm h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.zhuanjia ul li a .mm p {
    font-size: 0.14rem;
    color: #666;
}
.zhuanjia ul li a img{}
.no_border{
    border: navajowhite;
}
.swiper-button-prev,.swiper-button-next{
    background: url(../images/jt_icon.png) center center no-repeat #ffffff;
    background-size: 0.06rem;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    border-radius: 50%;
    top: 50%;
    position: absolute;
    z-index: 9;
    margin: -0.2rem  0 0;
    transform: rotate(180deg);
    box-shadow: 0 0 0.1rem #d8d8d8;
}
 .swiper-button-next{
    transform: rotate(0deg);
    right: -0.6rem;
    left: auto;
}
.swiper-button-prev{
    left: -0.6rem;
}
.keyan_cguo .swiper-button-next,.keyan_cguo .swiper-button-prev{background: url(../images/jt_icon.png) center center no-repeat #ffffff;box-shadow: 0 0 0.1rem #d8d8d8;}
.keyan_cguo .swiper-button-next{
    transform: rotate(0deg);
    right: -0.5rem;
    
}
.keyan_cguo .swiper-button-prev{
    left: -0.5rem;
}

.keyan_cguo .zi {
    background: #fff;
    padding: 0.2rem;
}

.keyan_cguo .zi h4 {
    font-size: 0.22rem;
    margin: 0 0 0.12rem;
}

.keyan_cguo .zi p {
    color: #999;
    line-height: 0.26rem;
}
.cg_item h4 {
}
.fast_enter{}
.enter{}
.enter ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin: 0 0 0 -0.2rem;
}
.enter ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}
.enter ul li:nth-child(2n){
}
.enter ul li a{
    /* display: block; */
    /* width: 100%; */
    /* text-align: center; */
}
.enter ul li a .fast{
    margin: 0 0 0.2rem 0.2rem;
}
.enter ul li a .fast img{
    width: 100%;
    display: block;
    /* margin: 0 auto 0.2rem; */
    transition: all 0.3s ease;
}
.enter ul li a .fast span{
    display: block;
    color: #fff;
}
.enter ul li a:hover .fast{
    box-shadow: 0 0 0.1rem #d2d2d2;
}

.foot_con{
    background: #2c2c2c;
    color: #fff;
    /* padding: 0.3rem 0 0; */
}
.foot_thing{
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}
.foot_thing {
    flex: 1;
}
.foot_thing  h4{
    font-size: 0.28rem;
    font-weight: bold;
    padding: 0 0 0 0.5rem;
    background: url(../images/tel.png) left center no-repeat;
    background-size: 0.38rem;
    margin: 0 0 0.2rem;
}
.foot_thing  p{
    font-size: 0.2rem;
    line-height: 0.28rem;
    /* opacity: 0.4; */
    font-weight: bold;
    font-family: Avenir Next;
    font-weight: bolder;
}
.foot_thing {}
.foot_thing  img{
    display: block;
    width: 1.1rem;
    margin: 0.1rem 0 0;
}
.foot_thing  span{
    font-size: 0.14rem;
    text-align: center;
    display: block;
    color: #666;
}
.friend_link {
    border-bottom: 1px solid #3372bf;
    padding: 0 0 0.2rem;
}

.friend_link a {
    color: #fff;
}

.foot_bq {
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 0.15rem 0;
}

.foot_bq p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.16rem;
    opacity: 1;
    color: #999;
    font-size: 0.14rem;
}
.foot_thing ul {
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.foot_thing ul li {}

.foot_thing ul li a {
    color: #fff;
    display: block;
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
}

.foot_thing ul li .foot_nav {}

.foot_thing ul li .foot_nav a {
    font-size: 0.14rem;
    line-height: 0.28rem;
    opacity: 0.5;
    margin: 0;
}

.foot_thing ul li .foot_nav a:hover {
    opacity: 1;
}
.but_two {}

.but_two ul {
    display: flex;
}

.but_two ul li {
    flex: 1;
}

.but_two ul li a {
    color: #fff;
    border: 1px solid #fff;
}

.but_two ul li a img {}

.but_two ul li .main {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.but_two ul li .main img {
    /* height: 100%; */
    width: 100%;
}

.but_two ul li .main .zi {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.but_two ul li .main .zi .text {}

.but_two ul li .main .zi .text h3 {
    font-size: 0.24rem;
    margin: 0 0 0.1rem 0;
}

.but_two ul li a span {
    background: url(../images/jt_b.png) right center no-repeat;
}

/***nei_banner***/
.imgbg {
    background: url(../images/imgbg.jpg) center top no-repeat;
    background-size: cover;
}
.nei_big_con{
    padding: 0.55rem 0;
}
.nei_main_con{
    /* background: #fff; */
    /* padding: 0.5rem; */
}
.left_right_part{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.left_right_part .left{
    width: 2.6rem;
    /* margin: -0.9rem 0 0 0; */
    background: #fff;
}
.left_right_part .right{
    flex: 1;
    margin: 0 0 0 0.3rem;
    background: #fff;
    padding: 0.3rem;
}
.left_bar_nav{}
.left_bar_nav .ti{
    height: 0.6rem;
    background: #1d56a0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.left_bar_nav .ti .m{}
.left_bar_nav .ti .m h3{
    font-size: 0.22rem;
    font-weight: bold;
}
.left_bar_nav .ti .m span{
    font-size: 0.16rem;
    text-transform: uppercase;
}
.left_bar_nav .leftnav{}
.left_bar_nav .leftnav ul{
    /* background: #f5f5f5; */
    font-size: 0.16rem;
    line-height: 0.55rem;
}
.left_bar_nav .leftnav ul li{
}
.left_bar_nav .leftnav ul li a{
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 0 0.35rem;
}
.left_bar_nav .leftnav ul li a.nLi:hover span, .left_bar_nav .leftnav ul li a.on.nLi span{
    display: block;
    background-image: url(../images/bjt_y.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.left_bar_nav .leftnav ul li a span{
    display: block;
    background-image: url(../images/hjt.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.left_bar_nav .leftnav ul li a:hover, .left_bar_nav .leftnav ul li a.on{
    color: #ffffff;
    background-color: #134688;
}
.left_bar_nav .leftnav ul li .navSub a:hover span{
    display: block;
    background-image: url(../images/bjt_y.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.navSub {
    display: none;
}
.left_bar_nav .leftnav ul li .navSub a {
    padding: 0 0.35rem 0 0.48rem;
}
.changwho {
    border-bottom: 1px solid #f7f7f7;
    margin: 0 0 0.2rem 0;
}
.changwho a {
    font-size: 0.2rem;
    color: #1d56a0;
    display: inline-block;
    padding: 0 0 0.1rem;
    border-bottom: 2px solid #1d56a0;
}
.break_nav{
    font-size: 0.16rem;
    padding: 0.2rem 0;
    color: #666;
}
.break_nav a{
    color: #666;
}
.left_right_part .right .news_list_con ul li {
    border-bottom: 1px dashed #ddd;
}
.imgnews_list{}
.imgnews_list ul{
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -0.4rem;
}
.imgnews_list ul li{
    padding: 0 0 0.25rem 0.4rem;
    margin: 0 0 0.25rem;
    border-bottom: 1px solid #ddd;
    width: 50%;
    box-sizing: border-box;
}
.imgnews_list ul li a{}
.imgnews_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imgnews_item .imgj{
    width: 2.2rem;
    margin: 0 0.2rem 0 0;
}
.imgnews_item .imgj img{}
.news_list_zi{
    flex: 1;
    margin: 0 0 0 0.4rem;
}
.news_list_zi h3{
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}
.news_list_zi p{
    line-height: 0.26rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.52rem;
    margin: 0 0 0.15rem;
}
.news_list_zi span{
    font-size: 0.14rem;
    color: #999;
}

.news_mian_con{}
.news_mian_con .ti{
    text-align: center;
    margin: 0 0 0.3rem;
}
.news_mian_con .ti h3{
    font-size: 0.24rem;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 0 #f9f9f9;
    padding: 0 0 0.2rem;
    margin: 0 0 0.2rem;
}
.news_mian_con .ti span{
    font-size: 0.14rem;
    color: #999;
}
.news_mian_con .mian{
    font-size: 0.16rem;
    line-height: 0.36rem;
}
.news_mian_con .mian p{}



















.banner_zi {
    color: #fff;
}

.banner_zi h3 {
    font-size: 0.26rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    text-align: center;
}

.banner_zi p {
    font-size: 0.18rem;
}

.index_about {
    position: relative;
}

.index_about .leftimg {
    width: 45%;
}

.index_about .leftimg img {
    width: 100%;
}

.index_about .right_zi {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.ab_zi {
    width: 55%;
    float: right;
    padding: 0.5rem;
    box-sizing: border-box;
    height: 100%;
}

.about_zi {
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.ab_zi .zi_text {}

.ab_zi .zi_text img {
    width: 1.5rem;
    margin: 0 0 0.1rem;
}

.ab_zi .zi_text h3 {
    font-size: 0.34rem;
    color: #285ca6;
    margin: 0 0 10px;
}

.ab_zi .zi_text p {
    font-size: 0.17rem;
    line-height: 0.34rem;
    margin: 0 0 0.2rem;
}

a.read_more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e9eef6;
    padding: 0rem 0.1rem 0 0.2rem;
    border-radius: 50px;
    width: 1rem;
    text-transform: uppercase;
    color: #285ca6;
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 0.36rem;
}

a.read_more span {}

a.read_more i {
    display: block;
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    background: url(../images/bjt_y.png) center center no-repeat #285ca6;
    background-size: 0.05rem;
}

.about_number {
    background: #285ca6;
    color: #fff;
    position: absolute;
    bottom: 0.5rem;
    right: 0;
    left: 29%;
    padding: 0.2rem 0.5rem;
    border-radius: 0 80px 80px 0;
}

.about_number ul {
    display: flex;
    justify-content: space-between;
}

.about_number ul li {}

.about_number ul li .item {}

.about_number ul li .indc {}

.about_number ul li span {
    font-size: 0.4rem;
}

.about_number ul li i {}
.padd0{padding:0}
.change_ul {
    /* margin: 0 00  0.4rem 0; */
}

.change_ul ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.change_ul li {
    font-size: 0.2rem;
    /*font-weight: bold;*/
    position: relative;
    padding: 0 0 0 0.3rem;
    cursor: pointer;
}

.change_ul li.on,.change_ul li:hover {
    color: #c90011;
}
.change_ul li:before,.change_ul li:after{content:".";display: none;width: 0.1rem;height: 0.1rem;font-size: 0;background: #c90011;border-radius: 50%;position: absolute;left: 0.05rem;top: 0.1rem;}
.change_ul li:after{
    width: 0.2rem;
    height: 0.2rem;
    opacity: 0.1;
    left: 0;
    top: 0.05rem;
}
.change_ul li.on:before, .change_ul li:hover:before{display:block}
.change_ul li.on:after, .change_ul li:hover:after{display:block}
.pro_ul {}

.pro_ul ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -0.3rem;
}

.pro_ul ul li {
    width: 20%;
}

.pro_ul ul a.img {
    display: block;
    margin: 0 0 0.3rem 0.3rem;
}

.pro_ul ul .imgj {}

.pro_ul ul h3 {
    background: #e5ecf6;
    font-size: 0.2rem;
    text-align: center;
    padding: 0.12rem;
}

.imgbg .big_title {
    color: #fff;
}

.js_cguo {
    padding: 0 0 1rem;
}

.swiper-slide:hover h4 {
    /* background: #285ca6; */
    /* color: #ffff; */
}
.news_box {
    display: flex;
    justify-content: space-between;
}

ul.right.text_news {
    display: flex;
    flex-direction: column;
    background: #fcfcfc;
}

ul.right.text_news li {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 0.3rem;
    border-bottom: 1px solid #efefef;
}

.news_text {/* background: #fcfcfc; *//* padding: 0.3rem; */flex: 1;}

.news_text h3 {
    font-size: 0.22rem;
}

.news_text span {
    color: #999;
    display: block;
    margin: 0.1rem 0;
    background: url(../images/date.png) left center no-repeat;
    background-size: 0.18rem;
    padding: 0 0 0 0.25rem;
}

.news_text p {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_news .left .news_text {
    padding: 0.3rem;
}
.foot_thing .left ul {
    display: flex;
}

.foot_thing .left ul li {
    flex: 1;
}
.foot_thing .left ul li:last-child{
    flex: 2;
}
.foot_thing .left ul li a {
    display: block;
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
    line-height: 0.26rem;
}

.foot_thing .left ul li .foot_nav {}

.foot_thing .left ul li .foot_nav a {
    font-size: 0.16rem;
    opacity: 0.5;
    margin: 0;
}
.foot_thing .left ul li .foot_nav a:hover{opacity:1}

.foot_thing .left ul li .foot_nav p {
    font-size: 0.22rem;
    color: #285ca6;
}

.foot_thing .left ul li .foot_nav p span {
    font-size: 0.14rem;
    color: #999;
    font-weight: normal;
}
.nei_banenr {
    position: relative;
}

.nei_banenr img {
    width: 100%;
}
.where {
    border-bottom: 1px solid #ddd;
}

.breaknav {
    font-size: 0.14rem;
    padding: 0.1rem 0 0.1rem 0.25rem;
    background: url(../images/home.png) left center no-repeat;
    background-size: 0.15rem;
    color: #999;
}

.breaknav a {}

.breaknav a {
    display: inline-block;
    margin: 0 0.1rem;
    color: #666;
}

.jump_part {
    font-size: 0.18rem;
}

.go_part {}

.go_part a {
    display: inline-block;
    padding: 0 0.1rem;
    line-height: 0.6rem;
    margin: 0 0.2rem 0 0;
    border-bottom: 2px solid #f7f7f7;
}

.go_part a:hover,.go_part a.on {
    border-bottom: 2px solid #285ca6;
    font-weight: bold;
}
.nei_ti {
    margin: 0 0 0.3rem;
}

.nei_ti h3 {
    font-size: 0.36rem;
    text-align: center;
}

.nei_about .about_number {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: no-repeat;
    color: #333;
}

.nei_about .about_number ul li span {
    font-size: 0.56rem;
    color: #285ca7;
    font-weight: bold;
}

.company_information {}

.information {
    display: flex;
}

.information .text {
    flex: 1;
    order: 1;
    padding: 0.4rem 0.7rem 0.4rem 0;
}

.information .rigjhtimg {
    width: 55%;
    order: 2;
}

.information .text h3 {
    font-size: 0.3rem;
    color: #285ca7;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.information .text p {
    color: #666;
    line-height: 0.32rem;
}

.information .rigjhtimg img {
    width: 100%;
}

.information:nth-child(2) .text {
    order: 2;
    padding: 0.4rem 0.4rem 0.4rem 0.7rem;
}

.information:nth-child(2) .rigjhtimg {
    order: 1;
}

.our_yy {
    display: flex;
    flex-flow: wrap;
    font-weight: bold;
    margin: 0.2rem 0 0;
}

.our_yy span {
    width: 50%;
    display: block;
    padding: 0.05rem 0 0.05rem 0.2rem;
    box-sizing: border-box;
    background: url(../images/star.png) left 0.08rem no-repeat;
    background-size: 0.15rem;
}
.story_mm {
    text-align: center;
    padding: 0 0.2rem;
}

.story_mm span {
    font-size: 0.24rem;
}

.story_mm i {
    display: block;
    width: 0.06rem;
    height: 0.06rem;
    background: #ddd;
    border-radius: 50%;
    border: 0.02rem solid #fff;
    margin: 0 auto;
    margin: 0.051rem auto;
}

.story_mm p {
    font-size: 0.14rem;
    color: #666;
    line-height: 0.24rem;
    padding: 0.2rem 0 0;
    position: relative;
}

.story_mm p:before {content: ".";position: absolute;top: 0;left: 50%;width: 1px;height: 0.2rem;background: #ddd;font-size: 0;}
.story_mm:before {content: ".";font-size: 0;position: absolute;top: 0.46rem;left: 0;right: 0;height: 1px;background: #ddd;z-index: -1;}
.honor_box {}

.honor_box ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 00 0 -0.3rem;
    justify-content: center;
}

.honor_box ul li {
    width: 25%;
    margin: 0 0 0.3rem;
}

.honor_box ul li .honor {
    margin: 0 0 0 0.3rem;
    background: #fff;
    padding: 0.3rem;
}

.honor_box ul li .honor h4 {
    font-size: 0.22rem;
    color: #000;
    margin: 0 0 0.1rem 0;
}

.honor_box ul li .honor span {
    display: block;
    color: #666;
    margin: 0 0 0.2rem;
}

.honor_box ul li .honor img {
    height: 1.6rem;
}



@media (max-width: 800px) and (min-width: 1px) {
.index_banenr {
    margin: 0.9rem 0 0;
}

.g-head {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.web_head{border:0}
.top_bar .right {
    position: fixed;
    right: 0;
    top: 0.9rem;
    left: 100%;
    height: 100vh;
    background: #ffffff;
    transition: all 0.3s ease;
    z-index: 999;
}
.right.top_bar_center.g-nav.show {
    left: 30%;
    overflow-y: scroll;
    display: block;
}
.g-nav ul {
    display: block;
    margin: 0 0 0.3rem;
}

.topbar_right .top_tips,.searchFormGroup {
    display: none;
    padding: 0 0.3rem;
}

a.navA {
    display: block;
    width: 0.36rem;
    height: 0.25rem;
    background: url(../images/san_x.png);
    background-size: cover;
    cursor: pointer;
    position: absolute;
    right: 0.45rem;
    top: 0.4rem;
}
a.navA.qie {
    background: url(../images/icon-close.png) center center no-repeat;
    background-size: 0.3rem;
}
.g-nav ul li.on, .g-nav ul li:hover{background:none}
.g-nav ul li{text-align:left;border-bottom: 1px solid #dedede;width: 100%;padding: 0;margin: 0;}
.g-nav ul li.on a, .g-nav ul li:hover a{border:0;padding: 0rem 0.3rem;color: #c90011;}
.g-nav ul li .erji_nav a{text-align:left;padding: 0.1rem;}
.g-nav ul li a {
    color: #333;
    padding: 0rem 0.3rem;
}
.erji_nav {
    position: relative;
    left: 0;
    top: 0;
    box-shadow: 0 0 BLACK;
    padding: 0rem 0.3rem;
    /* background: #fbfbfb; */
    text-align: left;
}
.g-nav ul li:hover .erji_nav{display:none}
.erji_nav ul {
    padding: 0;
    background: none;
}

.erji_nav ul li {
    padding: 0;
    border: 0;
}
.nei_banner {
    margin: 0.9rem 0 0;
}

.left_right_part {
    display: block;
}

.left_right_part .left {
    width: 100%;
    /* margin: -0.5rem auto 0; */
    display: none;
}

.left_bar_nav .ti {
    /* height: auto; */
    /* padding: 0.3rem 0; */
}


/**2022-6-15**/
.top_tips {
    display: none;
}

span.sologin {
    display: none;
}

.top_bar .right {
    display: none;
    transition: all 0.3s ease;
}

a.banner_zi {
    width: 90%;
}
.banner_zi img {
    /* height: 6rem; */
    width: 4rem;
}
.dis_flex {
    display: block;
}

.index_news .left, .index_news .right {
    width: 100%;
}

.imgnews {
    margin: 0 0 0.2rem 0;
}

.center_news .left,.center_news .right {
    width: 100%;
}

.index_news .left .index_banenr {
    margin: 0;
}

.center_news .left {
    margin: 0 0 0.3rem;
}

.foot_thing {
    display: block;
}

.foot_thing .right {
    text-align: left;
}
.foot_thing .right span{text-align: left;}
.foot_thing .right img {
    margin: 0.4rem 0 0;
}

.nei_big_con {
    /* margin: 1rem 0 0rem; */
}
.left_right_part .right{margin:0}
.zhuanjia ul li {
    margin: 0 0 0.1rem;
}
.foot_bq p{display:block}

.zhuanjia ul li a {
    display: block;
}

.zhuanjia ul li a .imgj {
    width: 100%;
    margin: 0 0 0.2rem;
}

.enter ul li {
    width: 33.33%;
}
.news_list_con ul li a {
    display: block;
}

.news_list_con ul li {
    border-bottom: 1px dashed #ddd;
}
.about_number {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    color: #666;
    background: none;
    padding: 0.3rem 0;
}

.index_about .leftimg {
    width: 100%;
}

.index_about .right_zi {
    position: relative;
}

.ab_zi {
    width: 100%;
    padding: 0.5rem 0;
}

.pro_ul ul li {
    width: 33.33%;
}

.news_box {
    display: block;
}

ul.right.text_news li {
    padding: 0.3rem;
}

.foot_thing .left ul li {
    display: none;
}

.foot_thing .left ul li:last-child {
    display: block;
}
.information {
    display: block;
}

.information .text {
    padding: 0.3rem 0;
}

.information .rigjhtimg {
    width: 100%;
}

.information:nth-child(2) .text {
    order: initial;
    padding: 0.3rem;
}

.honor_box ul li {
    width: 50%;
}
.imgnews_list ul li {
    width: 100%;
}
.nei_banenr {
    margin: 0.9rem 0 0;
    min-height: 2rem;
    display: flex;
}





}


.topbox{ height: 500px; background-color: #313131; }
.section-content{/* border-bottom: 5px solid #0000FF; *//* min-height: 500px; *//* background: #eee; *//* width: 1200px; *//* margin: auto; *//* line-height: 500px; *//* text-align: center; */}
.nav-height{position:relative;height: 0.7rem;}
.nav-wrap {background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9;z-index: 99999;} 
.nav-wrap ul {/* padding: 0; *//* margin: 0 auto; */width: 100%;/* display: block; */height: 0.72rem;display: flex;justify-content: center;align-items: center;font-size: 0.16rem;gap: 0.2rem;box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li {text-align: center;line-height: 0.26rem;}
.nav-wrap li a {display: block;color: #333;text-decoration: none;border-radius: 0.06rem;padding: 0.07rem 0.2rem;}
.nav-wrap li a:hover{/* color: #4680d1; */}
.nav-wrap li a.active,.nav-wrap li a:hover {background: #c90011;color: #ffffff;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}


.nei_banenr {}

.nei_banenr .zi {
    position: absolute;
    left: 0;
    right: 0;
    /* top: 0; */
    bottom: 0.5rem;
    color: #fff;
    /* display: flex; */
    /* align-items: flex-end; */
    /* justify-content: center; */
    /* text-shadow: 0 0 0.1rem BLACK; */
    /* text-align: center; */
}

.nei_banenr .zi .mm {}

.nei_banenr .zi .mm h3 {
    font-size: 0.36rem;
    font-weight: bold;
    margin: 0 0 0.15rem;
}

.nei_banenr .zi .mm p {
    font-size: 0.2rem;
}

.section-content {
    padding: 0.75rem 0;
}

.fbbg {
    background: #fafafa;
}

.nei_bigcon {
    background: url(../images/nei_bigcon.jpg) center center no-repeat;
    background-attachment: fixed;
}
.honor_con {}

.honor_con .swiper-slide {
    background: #fff;
    text-align: center;
}

.honor_con .swiper-slide .imgj {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ddd;
}

.honor_con .swiper-slide .imgj img {
    max-width: 80%;
}

.honor_con .swiper-slide .zi {}

.honor_con .swiper-slide .zi h4 {
    padding: 0.1rem 0;
    color: #666;
    font-size: 0.16rem;
}

.color_ff {
    color: #fff;
}

.culture_con {}

.culture_con ul {
    color: #fff;
    display: flex;
    flex-flow: wrap;
}

.culture_con ul li {
    width: 50%;
    margin: 0 0 0.3rem;
}

.culture_con ul li h4 {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.culture_con ul li p {
    line-height: 0.26rem;
}

.ffbg {
    background: #fff;
}

.contact_con {
    display: flex;
    justify-content: space-between;
}

.contact_con .left {
    width: 38%;
    display: flex;
}

.contact_con .left ul {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.contact_con .left ul li {
    flex: 1;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact_con .left ul li h4 {
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem 0;
}

.contact_con .left ul li p {
    font-size: 0.16rem;
    color: #666;
}

.contact_con .right {
    width: 48%;
}

.contact_con .right img {
    width: 100%;
}

.contact_con .right .map{
    width: 100%;
    min-height: 350px;
    height: auto;
}


.sz{font-family: Avenir Next;
    font-weight: bolder;}

.nei_product_list {}

.nei_product_list ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.3rem 0 0 -0.3rem;
}

.nei_product_list ul li {
    width: 33.33%;
}

.nei_product_list ul li .cg_item {
    margin: 0.3rem 0 0 0.3rem;
}

.nei_product_list ul li .cg_item .imgj {}

.information {
    justify-content: space-between;
    box-shadow: 0 0 0.2rem #e1e4f0;
    margin: 0 0 0.55rem;
}

.information .left {
    width: 50%;
    background: #e1e4f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.information .left .imgj {
    padding: 0.5rem;
}

.information .right {
    width: 50%;
    padding: 0.4rem;
    box-sizing: border-box;
}

.information .right .zi {}

.information .right .zi h2 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.information .right .zi p {
    font-size: 0.14rem;
    line-height: 0.29rem;
    color: #666;
    margin: 0 0 0.5rem 0;
}

.information .right  .fs {}

.information .right  .fs img {
    width: 1rem;
}

.information .right  .fs .online {
    display: flex;
    align-items: center;
    margin: 0.3rem 0 0;
}

.information .right  .fs .online a {
    width: 1.7rem;
    line-height: 0.42rem;
    background: #c90011;
    color: #fff;
    text-align: center;
    display: block;
}

.information .right  .fs .online a span {
    display: inline-block;
    line-height: 0.42rem;
    padding: 0 0 0 0.3rem;
    background: url(../images/tel1.png) left center no-repeat;
    background-size: 0.21rem;
}

.information .right  .fs .online p {
    background: url(../images/time24.png) left center no-repeat;
    padding: 0 0 0 0.3rem;
    background-size: 0.2rem;
    margin: 0 0 0 0.3rem;
    /* color: #c90011; */
}

.changenav_ul {}

.changenav_ul ul {
    background: #f5f6fa;
    line-height: 0.4rem;
    display: flex;
    padding: 0.05rem 0.2rem;
    gap: 0.3rem;
}

.changenav_ul ul li {
    font-size: 0.18rem;
    font-weight: bold;
    cursor: pointer;
}

.changenav_ul ul li.on,.changenav_ul ul li:hover {
    color: #c90011;
}

.product_datel {}

.product_datel .main {
    padding: 0.3rem 0.1rem;
}

.product_datel .main .tedi {
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.product_datel .main img {
    max-width: 100%;
}

.nei_maincon {}

.nei_maincon .main_ti {
    text-align: center;
    padding: 0 0 0.1rem;
    border-bottom: 1px solid #ddd;
}

.nei_maincon .main_ti h3 {
    font-size: 0.26rem;
    margin: 0 0 0.1rem;
}

.nei_maincon .main_ti p {
    font-size: 0.14rem;
    color: #999;
}

.nei_maincon .main_zi {
    padding: 0.5rem 0;
}

.nei_maincon .main_zi img {
    display: block;
    margin: 0 auto 0.2rem;
    max-width: 80%;
}

.nei_maincon .main_zi p {
    color: #666;
    line-height: 0.34rem;
}

.prev_next {
    background: #fafafa;
    padding: 0.1rem;
}

.prev_next a {
    display: block;
    font-size: 0.14rem;
    color: #666;
    padding: 0.1rem 0;
}

.prev_next a:hover {
    color: #c90011;
}

.service_con {
    margin: 0 auto 0.5rem;
}

.service_con p {
    font-size: 0.16rem;
    line-height: 0.34rem;
    /*text-align: center;*/
    text-indent:2em;
    color: #666;
}

.service_main {
    margin: 0.5rem 0 0;
}

.service_main .service_zi {
    display: flex;
}

.service_main .service_zi .imgj {
    flex: 50%;
    order: 1;
}

.service_main .service_zi .imgj img {}

.service_main .service_zi .zi {
    flex: 50%;
    order: 2;
    padding: 0rem 0.2rem 0.2rem;
    box-sizing: border-box;
}

.service_main .service_zi .zi .one {
    margin: 0.2rem 0 0;
}

.service_main .service_zi .zi .one h5 {
    font-size: 0.2rem;
    font-weight: bold;
}

.service_main .service_zi .zi .one p {
    text-align: left;
    line-height: 0.26rem;
    font-size: 0.14rem;
}

.service_main .service_zi:nth-child(2n) {}

.service_main .service_zi:nth-child(2n) .imgj {
    order: 2;
}

.service_main .service_zi:nth-child(2n) .zi {
    order: 1;
}

.who_ser {
    background: url(../images/who_ser.jpg) top center no-repeat;
    background-size: cover;
    padding: 0.5rem 0;
    text-align: center;
}

.who_ser h3 {
    font-size: 0.3rem;
    margin: 0 0 0.1rem;
}

.who_ser p {
    color: #666;
    line-height: 0.3rem;
    margin: 0 0 0.4rem;
}

.who_ser .online {}

.who_ser .online p {
    margin: 0 auto 0.1rem;
    font-size: 0.14rem;
    color: #333;
    background: url(../images/time24.png) left center no-repeat;
    padding: 0 0 0 0.3rem;
    background-size: 0.2rem;
    display: inline-block;
}

.who_ser .online p span {
    font-size: 0.2rem;
}

.who_ser .online a {
    width: 1.7rem;
    line-height: 0.42rem;
    background: #c90011;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.who_ser .online a span {
    display: inline-block;
    line-height: 0.42rem;
    padding: 0 0 0 0.3rem;
    background: url(../images/tel1.png) left center no-repeat;
    background-size: 0.21rem;
}

.downlode_con {}

.downlode_con ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.3rem 0 0 -0.3rem;
}

.downlode_con ul li {
    width: 50%;
}

.downlode_con ul li a {
    display: block;
    margin: 0.3rem 0 0 0.3rem;
    background: #fff;
    height: 0.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    justify-content: space-between;
}

.downlode_con ul li a .tit {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
}

.downlode_con ul li a .tit i.icon-pdf {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/icon-pdf.png) center center no-repeat;
    background-size: 0.3rem;
    margin: 0 0.1rem 0 0;
}

.downlode_con ul li a .tit span {}

.downlode_con ul li a i.icon-xiazai {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/icon-xiazai.png) center center no-repeat;
    background-size: 0.3rem;
    margin: 0 0.1rem 0 0;
}

.downlode_con ul li a:hover {}

.downlode_con ul li a:hover i.icon-pdf {
    background: url(../images/icon-pdfh.png) center center no-repeat;
    background-size: 0.3rem;
}

.downlode_con ul li a:hover i.icon-xiazai {
    background: url(../images/icon-xiazaih.png) center center no-repeat;
    background-size: 0.3rem;
}
.padd0 {
    padding: 0.75rem 0 0;
}
.neinews_list {}

.neinews_list ul {
    margin: -0.3rem 0 0;
}

.neinews_list ul li {
    margin: 0.3rem 0 0;
}

.neinews_list ul li a {
    display: flex;
    background: #fafafa;
    padding: 0.2rem;
}

.neinews_list ul li a .imgj {
    width: 3.35rem;
    background: #fff;
}

.neinews_list ul li a .imgj img {}

.neinews_list ul li a .zi {
    flex: 1;
    padding: 0.2rem  0.5rem;
    position: relative;
}
.neinews_list ul li a .zi h4 {
    font-size: 0.22rem;
    font-weight: bold;
    margin: 0 0 0.05rem;
}

.neinews_list ul li a .zi span {
    color: #999;
    font-size: 0.14rem;
    margin: 0 0 0.2rem;
    display: block;
}

.neinews_list ul li a .zi p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #666;
    line-height: 0.26rem;
}

.neinews_list ul li a .zi .go_more {
    /*position: absolute;*/
    bottom: 0.2rem;
    width: 1.2rem;
    line-height: 0.35rem;
}

.neinews_list ul li a .zi .go_more span {
    display: inline-block;
    margin: 0;
    color: inherit;
}

.talent_con {}

.talent_con ul {
    display: flex;
    margin: 0 0 0 -0.3rem;
}

.talent_con ul li {
    width: 25%;
    display: flex;
    height: 3.1rem;
}

.talent_con ul li .talent {
    margin: 0 0 0 0.3rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
    padding: 0.4rem 0.2rem;
    text-align: center;
}

.talent_con ul li .talent img {
    width: 1.1rem;
    display: block;
    margin: 0 auto 0.3rem;
    transition: all 0.3s ease;
}

.talent_con ul li .talent .zi {
    text-align: center;
}

.talent_con ul li .talent .zi h3 {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.talent_con ul li .talent .zi p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.14rem;
    color: #666;
}
.talent_con ul li:hover img {
    width: 0;
    margin: 0;
}

.talent_con ul li:hover .talent .zi p {
    -webkit-line-clamp: 10;
    color: #fff;
}

.talent_con ul li:hover .talent {background: #c90011;color: #fff;}

.talent_con ul li:hover .talent .zi h3 {
    margin: 0 0 0.1rem;
}

.joinus_con {}

.joinus_con ul {}

.joinus_con ul li {
    background: #fff;
    /* margin: 0 0 0.3rem; */
}

.joinus_con ul li h3 {
    font-size: 0.18rem;
    padding: 0.1rem 0.3rem;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.joinus_con ul li .zi {
    padding: 0.3rem 0.3rem;
    border-bottom: 1px solid #ddd;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #666;
    display: none;
}
.joinus_con ul li:first-child .zi{display:block}
.joinus_con ul li .zi p {}



@media (max-width: 800px) and (min-width: 1px) {
.tel {
    margin: 0 0.3rem;
}

.banner_zi h3 {
    font-size: 0.2rem;
}

.ani {
    top: 0.5rem;
}

.center_product .change_ul {
    position: relative;
    top: auto;
    overflow: scroll;
    margin: 0 0 0.3rem;
}

.change_ul ul {
    gap: 0.1rem;
    /* flex-flow: wrap; */
    justify-content: flex-start;
    width: 170%;
}

.change_ul li {
    flex: 1;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.about_con {
    display: block;
}

.about_con .left,.about_con .right {
    width: 100%;
}

.about_con .left {
    margin: 0 0 0.3rem;
}

.cases_con ul li {
    width: 50%;
}

.product_list_con .change_ul {
    position: relative;
    margin: 0 0 0.3rem;
    top: 0;
}

.newsbig_con .product_list_con .change_ul ul {
    width: 100%;
}

.news_con ul {
    width: 200%;
}

.news_con {
    overflow: scroll;
}

.news_con ul li .item a .imgj {
    height: 1.2rem;
}

.news_con ul li .item a:hover .imgj {
    height: 1.6rem;
}

.news_con ul li .item a:hover .zi {
    height: 1.4rem;
}

.but_two ul {
    display: block;
}

.foot_thing ul {
    flex-flow: wrap;
    justify-content: flex-start;
    margin: -0.3rem 0 0;
}

.foot_thing ul li {
    /* flex: 1; */
    width: 33.33%;
    margin: 0.3rem 0 0;
}

.foot_thing ul li:last-child {
    flex: 100%;
}

.nei_banenr .zi .mm h3 {
    font-size: 0.26rem;
}

.culture_con ul li {
    width: 100%;
}

.contact_con {
    display: block;
}

.contact_con .left,.contact_con .right {
    width: 100%;
}

.contact_con .left ul li {
    padding: 0.2rem 0;
}

.contact_con .left {
    margin: 0 0 0.3rem;
}

.neinews_list ul li a {
    display: block;
}

.neinews_list ul li a .imgj {
    width: 100%;
}

.neinews_list ul li a .zi {
    padding: 0.2rem 0.2rem 0.8rem;
}
.nav-wrap ul {
    gap: 0;
}

.product_list .cg_item .imgj {
    padding: 0.2rem;
}

.nei_product_list ul li {
    width: 50%;
}
.product_list .cg_item .zi {
    padding: 0.2rem;
}
.information .left ,.information .right {
    width: 100%;
}

.information .right .fs .online {
    display: block;
}

.information .right .fs .online p {
    margin: 0.2rem 0 0;
}

.service_main .service_zi {
    display: block;
}

.downlode_con ul li {
    width: 100%;
}
.talent_con ul li {
    width: 50%;
    height: 3.4rem;
}

.talent_con ul {
    flex-flow: wrap;
    margin: -0.2rem 0 0 -0.2rem;
}

.talent_con ul li .talent {margin: 0.2rem 0 0 0.2rem;}

.downlode_con ul li a {
    margin: 0.1rem 0 0 0.1rem;
}

.downlode_con ul {
    margin: -0.1rem 0 0 -0.1rem;
}


}