@charset "utf-8";
/*翻页条*/
.n_ba{ position: relative}
.n_ba .imgBox .img{ padding-bottom: 25%;}
.n_ba .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;text-align: center;}
.n_ba .txt h3{ font-size: .36rem; line-height: 1.44; color: #fff; margin: .5rem 0 0;}
.n_ba .txt h2{ font-size: .4rem; color: #fff; margin: .5rem 0 0;}

.n_ejW{align-items: center;border-bottom: #dddfe1 1px solid;}

.n_ej li{position: relative;margin-bottom: -1px;/* background: #fff; */border-bottom: #dddfe1 1px solid;}
.n_ej li::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 1px;height: 100%;background: #dddfe1;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .64rem;font-size: .17rem;color: #060606;position: relative;min-width: 2rem;z-index: 1;transition: .5s;}
.n_ej li .a:before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background: #00458e;transition: .5s;z-index: -1;}
.n_ej li:last-child:before{ display: none}
.n_ej li:first-child{border-left: #dddfe1 1px solid;}
.n_ej li:last-child{ border-right: #dddfe1 1px solid;}

.n_ej li.on .a:before, .n_ej li:hover .a:before{ width: 100%}
.n_ej li.on .a, .n_ej li:hover .a{ color: #fff}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #00458e;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#n_n_title{  position: relative;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: #00458e; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #00458e; }
#sub_nav_content ul li.on a { color: #00458e; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #00458e border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #00458e }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #00458e;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: #00458e; }

.breadcrumb{ align-items: center}
.breadcrumb * {font-size: .14rem;color: #4c4d4e;transition: .5s}
.breadcrumb .a1{ color: #838486}
.breadcrumb img {width: .15rem;margin: 0 .1rem 0 0;}
.breadcrumb span{margin: 0 .1rem;font-size: 0;position: relative;z-index: 1;}
.breadcrumb span img{width: .04rem;margin: 0;}
.breadcrumb .ll em {color: #347243;}

.n_pad1{ padding: .78rem 0 .9rem; overflow: hidden;}

/*====翻页====*/
.j_pages{margin: .6rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.j_pages .box *{font-size: .16rem;}
.j_pages a.m_bnt{ font-size: .14rem; font-family: 'lib'}
.j_pages a{padding: 0 .1rem;width: .5rem;height: .5rem;display:inline-block;margin: 0 .05rem;color: #464c52;box-sizing: border-box;border-radius: 50vw;transition: .5s;border: #c7ccd3 1px solid;display: flex;align-items: center;justify-content: center;}
.j_pages a font{ padding:0 10px}
.j_pages a:hover, .j_pages a.on{background: #00458e;color:#fff!important;border: #00458e 1px solid;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .j_pages{ margin-top: .4rem;}
    .j_pages a{/* display: none; */margin: 0 .03rem;width: .36rem;height: .36rem;}
	.j_pages a.m_bnt{display: flex;}
}
@media(max-width: 560px){
    .j_pages .box *{ font-size: .13rem}
} 

.list1{ margin: 0 -.13rem -.3rem;}
.list1 li{ width: 25%; padding: 0 .13rem; margin-bottom: .3rem;}
.list1 .a{ display: block; position: relative; }
.list1 .imgBox{ border-radius: .1rem;}
.list1 .imgBox .img{ padding-bottom: 103.15%; background: #e3e3e3 url(../images/list1_b.jpg) center no-repeat; background-size: cover;}
.list1 .imgBox .img img{height: auto;margin:0;transform: scale(1) !important;}
.list1 .txt{position: absolute;right: .28rem;bottom: 12%;left: .28rem;height: .55rem;background: #fff;border-radius: 50vw;align-items: center;display: flex;justify-content: space-between;padding: 0 .3rem 0 .4rem;font-size: .29rem;color: #333;font-family: 'lib'; transition: .5s;}
.list1 .txt h4{ flex: 1;}
.list1 .txt:before{ order: 1; margin: 0 0 0 .2rem}

@media(min-width: 1024px){
    .list1 .a:hover .txt{background: #00458e;color: #fff;}
    .list1 .a:hover .txt h4{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .n_ejW{ display: none;}
    .n_ba .txt h3{font-size: .2rem;margin: .3rem 0 0;}
    .n_ba .imgBox .img{ padding-bottom: 40%;}
    #m_n_nav{ display: block}
    .n_pad1{ padding: .4rem 0 .5rem; overflow: hidden;}

    .list1{ margin: 0 -7px -.3rem;}
    .list1 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
    .list1 .txt{padding: 0 .15rem;right: .15rem;left: .15rem;bottom: .15rem;height: .4rem;}
    .list1 .txt h4{ font-size: .16rem !important}
    .list1 .txt:before{ font-size: .2rem; margin: 0 0 0 .15rem}
}
@media(max-width: 560px){
} 

.list7{ margin: 0 -.21rem;}
.list7 li{ width: 33.33%; padding: 0 .21rem;}
.list7 .imgBox .img{ padding-bottom: 62.37%;}
.list7 .txt{background: #f0f1f6;height: 2.96rem;padding: 0 .5rem;display: flex;flex-direction: column;justify-content: center;}
.list7 h4{font-size: .24rem;line-height: .34rem;max-height: calc(.34rem * 2)\0;}
.list7 p{ margin: .2rem 0 .4rem}

.list8{ margin: .6rem 0 0;}
.list8 li{ border-bottom: #e4e5ea 1px solid; padding-bottom: .3rem; margin-bottom: .3rem;}
.list8 .a{ align-items: center;}
.list8 .imgBox{width: 3.85rem;margin: 0 .4rem 0 0;}
.list8 .imgBox .img{ padding-bottom: 63.63%;}
.list8 .txt{ flex: 1; overflow: hidden;}
.list8 h6{ display: flex; align-items: center}
.list8 h6 img{width: .16rem;margin: 0 .1rem 0 0;}
.list8 h4{font-size: .24rem;margin: .16rem 0 .18rem;}

.more5{ width: .5rem; height: .5rem; border: #dedee2 1px solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .18rem; color: #000; font-family: 'lib'; margin: .4rem 0 0; transition: .5s;}

@media(min-width: 1024px){
    .a:hover .more5{border: #00458e 1px solid;background: #00458e;color: #fff;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list7 li{width: 100%;margin-bottom: .25rem;}
    .list7 .txt{padding: 0 .25rem;height: 2.4rem;}

    .list8{ margin: .1rem 0 0;}
    .list8 .imgBox{width: 100%;margin: 0 0 .25rem;}
    .list8 .txt{ flex: auto; width: 100%}
    .more5{ width: .4rem; height: .4rem; margin: .2rem 0 0}
} 
@media(max-width: 560px){
    .list8 h4{ margin: .12rem 0 .14rem;}
} 

.list9{ margin: 0 -.25rem;}
.list9 li{ width: 50%; padding: 0 .25rem; margin-bottom: .6rem;}
.list9 .txt{position: relative;height: 1.35rem;border-bottom: #e4e4e4 1px solid;display: flex;flex-direction: column;justify-content: center;padding: 0 .8rem 0 0;}
.list9 h4{ font-size: .24rem;}
.list9 dl{ margin: .12rem 0 0;}
.list9 dl dd{ font-size: .16rem; color: #595959; line-height: 1.5; margin: 0 .26rem 0 0; position: relative;}
.list9 dd::before{content: "";position: absolute;width: 1px;height: .15rem;background: #595959;right: -.13rem;top: 50%;transform: translateY(-50%);}
.list9 dd:last-child::before{ display: none}
.list9 i{width: .65rem;height: .65rem;border: #dedee2 1px solid;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: .22rem;color: #808080;font-family: 'lib';margin: -.32rem 0 0;transition: .5s;position: absolute;top: 50%;right: 0;}

@media(min-width: 1024px){
    .list9 .a:hover i{ border: #00458e 1px solid; background: #00458e; color: #fff;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list9{ margin: 0 -7px -.3rem;}
    .list9 li{ width: 50%; padding: 0 7px; margin-bottom: .3rem;}
    .list9 i{width: .4rem;height: .4rem;margin: -.2rem 0 0; display: none}
    .list9 dl dd{ font-size: .15rem}

    .list9 .txt{ height: auto; padding: .2rem 0;}
    .list9 dd::before{ height: .12rem;}
} 
@media(max-width: 560px){
} 

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

.list10{ margin: 0 -.175rem;}
.list10 li{ width: 33.33%; padding: 0 .175rem; margin-bottom: .4rem;}
.list10 .a{ display: block; border-radius: .15rem; overflow: hidden;}
.list10 .imgBox .img{ padding-bottom: 56.86%;}
.list10 .txt{height: 2.6rem;background: #fff;display: flex;flex-direction: column;justify-content: center;padding: 0 .45rem;}
.list10 h4{font-size: .24rem;font-weight: 600;}
.list10 p{margin: .18rem 0 .5rem;}
.list10 .bottom{ align-items: center}
.list10 .bottom dd{width: .45rem;height: .45rem;border: #d8d8d8 1px solid;border-radius: 50%;margin: 0 .15rem 0 0;font-size: .18rem;color: #9b9b9b;display: flex;align-items: center;justify-content: center;font-family: "iconfont"; transition: .5s}
.list10 .bottom a:nth-child(2) dd{ font-size: .2rem; padding: 0 0 0 .05rem}
.list10 .bottom .rr{ font-size: .15rem; color: #717274}
.list10 .bottom .rr:before{font-size: .2rem;color: #333;font-family: "iconfont";margin: 0 .04rem 0 0;}

@media(min-width: 1024px){
    .list10 .bottom dd:hover{ border:#00458e 1px solid; background: #00458e; color: #fff}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list10{ margin: 0 -7px -.3rem;}
    .list10 li{ width: 50%; padding: 0 7px; margin-bottom: .3rem;}
    .list10 .txt{ padding: 0 .25rem;}
} 
@media(max-width: 560px){
    .list10 .txt{ height: 2rem;}
    .list10 li{ width: 100%;}
    .list10 p{ margin: .12rem 0 .3rem;}
    .list10 .bottom dd{width: .36rem;height: .36rem;font-size: .14rem;}
    .list10 .bottom a:nth-child(2) dd{font-size: .18rem;}
} 

.detail .left{ width: calc(100% - 4.4rem); padding: .5rem .5rem .5rem 0;}
.detail .right{ width: 4.4rem; padding: .65rem 0 .5rem .5rem;}
.detail .right h3{ font-size: .28rem; color: #3d3d3d; margin-bottom: .25rem}
.detail .sticky{ position: sticky; top: .3rem;}

.arc-tit{ align-items: center; margin-bottom: .4rem;}
.arc-tit .time{ display: flex; width: 1.05rem; height: 1.05rem; background: #00458e; border-radius: .1rem; flex-direction: column; align-items: center; justify-content: center; margin: 0 .2rem 0 0;}
.arc-tit .time h6{ font-size: 12px; color: #fff; font-style: italic}
.arc-tit .time h3{font-size: .38rem;color: #fff;font-family: 'Helvetica-Condensed-Black-Se';}
.arc-tit .txt{ flex: 1; overflow: hidden;}
.arc-tit .txt h3{ font-size: .32rem; color: #3d3d3d;}

.arc-bot{ border-top: #edeff1 2px solid; padding: .36rem 0; margin: .55rem 0 0;}
.arc-bot .con{ width: calc(50% - .1rem);}
.arc-bot .con h6{ font-size: .16rem; color: #4d4d4d;}
.arc-bot .con h4{font-size: .16rem !important;color: #4d4d4d;margin: .16rem 0 0;transition: .5s;}
.arc-bot .con:last-child{ text-align: right}

.list11 li{ border-bottom: #ecedee 1px solid; padding-bottom: .2rem; margin-bottom: .2rem}
.list11 .a{ align-items: center;}
.list11 .imgBox{width: 1.4rem;margin: 0 .2rem 0 0; border-radius: .05rem;}
.list11 .imgBox .img{ padding-bottom: 67.85%;}
.list11 .txt{ flex: 1; overflow: hidden;}
.list11 h6{display: flex;align-items: center;font-size: .12rem;}
.list11 h6 img{width: .13rem;margin: 0 .1rem 0 0;}
.list11 h4{font-size: .16rem;margin: .1rem 0 0;line-height: .22rem;max-height: calc(.22rem * 2)\0;}


@media(min-width: 1024px){
    .arc-bot .con .a:hover h4{ color: #00458e;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .detail .right{ display: none;}
    .detail .left{width: 100%;padding: .4rem 0;}

    .arc-tit{ margin-bottom: .3rem}    
    .arc-tit .time{ width: .8rem; height: .8rem;}
    .arc-tit .time h3{ font-size: .26rem;}
    .arc-tit .txt h3{font-size: .22rem;}

    .arc-bot{ padding: .2rem 0; margin: .4rem 0 0}
} 
@media(max-width: 560px){
} 

.n_pad2{ padding: .8rem 0 1.15rem;}

@font-face{
    src: url(../fonts/Roboto-Regular.ttf);
    font-family: "Roboto";
}
.yj_d .tit{border-bottom: #ebedef 2px solid;padding-bottom: .25rem;position: relative;}
.yj_d .tit::after{content: "";position: absolute;left: 50%;bottom: -2px;background: #009844;width: .65rem;height: 2px;transform: translateX(-50%);}
.yj_d .tit h3{ font-size: .34rem;text-align: center;}
.yj_d .arc-con{margin: .4rem 0 .45rem;}
.yj_d .n_ejW{border-bottom:0;}
.yj_d .wp{display: flex;justify-content: space-between;}
.yj_d .tatle{background: #00458e;color: #fff;width: 3.45rem;height: 1.29rem;padding-left: .25rem;display: flex;flex-direction: column;justify-content: center;}
.yj_d .tatle p{font-family: "Roboto"; font-size: .26rem; color: rgba(255,255,255,.35);}
.yj_d .tatle h3{ font-size: .26rem; color: fff;}
.yj_d .txt_box li{width: 3.45rem;height: .61rem;background: #fff;margin-bottom: 1px;transition: all .5s ease;}
.yj_d .txt_box li a{color: #68696a;font-size: .17rem;line-height: .61rem;transition: all .5s ease;width: 100%;height: 100%;display: block;padding-left: .25rem;}
.yj_d .txt_box li:hover{background: #47c857;}
.yj_d .txt_box li:hover a{color: #fff;}
.yj_d .txt_box .on{background: #47c857;}
.yj_d .txt_box .on a{color: #fff;}
.yj_d  .content{padding-left: .64rem;width: 100%;}

.list12 li{ width: auto;}
.list12 .img img{ height: 3.92rem;}
.list12Box .swiper-scrollbar{height: 50px;bottom: auto;position: relative;margin: 60px 0 0;background: none;z-index: 1;}
.list12Box .swiper-scrollbar:before{ content: ""; position: absolute; top: 50%; margin: -1px 0 0; background: #e4e7e8; height: 2px; width: 100%}
.list12Box .swiper-scrollbar-drag{background: #00458e url(../images/list12Box.png) center no-repeat;height: 50px;margin-top: -25px;cursor: pointer;margin-left: 2px;border-radius: 50vw;background-size: .22rem .12rem;}

.n_b2{ background: #eff2f7 url(../images/n_b2.jpg) center no-repeat; background-size: cover;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .n_pad2{ padding: .4rem 0 .5rem;}
    .yj_d .content{ padding: .4rem .25rem;}
    .yj_d .tit h3{ font-size: .22rem;}

    .list12 .img img{ height: 2rem;}

    .list12Box .swiper-scrollbar{height: 36px;}
    .list12Box .swiper-scrollbar-drag{width: 36px;height: 36px;background-size: .12rem .06rem;}

    .yj_d .arc-con{ margin: .25rem 0 .3rem;}
} 
@media(max-width: 560px){
} 

/* .pro_d .left{ width: calc(100% - 3.25rem - .64rem);} */
/* .pro_d .right{ width: 3.25rem;} */

.pro_d .fl1{ align-items: flex-start;}
.pro_d .fl1 .img{background: #efeff0;margin: 0 .4rem 0 0;}
.pro_d .fl1 .txt{ flex: 1; overflow: hidden; padding: 0}
.pro_d .tit{border-bottom: #ebedef 1px solid;padding-bottom: .18rem;position: relative;margin-bottom: .35rem;}
.pro_d .tit::after{content: "";position: absolute;left: 0;bottom: -1px;background: #009844;width: .4rem;height: 2px;}
.pro_d .tit h3{font-size: .26rem;}
.pro_d .p p{font-size: .16rem;color: #616161;line-height: .36rem;padding: 0 0 0 .12rem; position: relative}
/* .pro_d .p p:before{ content: ""; position: absolute; left: 0; width: .05rem; height: .05rem; background: #616161; border-radius: 50vw; top: .16rem} */
/* .pro_d .fl2{ border-top: #e8e8e9 1px solid; padding-top: .5rem; margin-top: .5rem} */
.pro_d .fl2 h3{ font-size: .26rem; color: #515151; margin-bottom: .3rem}
.pro_d .fl2 .arc-con{ margin-bottom: .4rem}

.pro_d .right h3{ font-size: .26rem; color: #212121; margin-bottom: .2rem;}

.list1s li{ width: 100%; margin-bottom: .14rem;}
.list1s .txt{height: .45rem;text-align: center;bottom: 5%;transform: translateY(0) !important;}
.list1s .txt h4{ font-size: .16rem}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .pro_d .left{ width: 100%;}
    .pro_d .right{width: 100%;padding: .4rem 0 0;}

    .pro_d .fl1 .img{ width: 100%; margin: 0}
    .pro_d .fl1 .txt{ flex: auto; width: 100%}

    .pro_d .fl2{ padding-top: .3rem; margin-top: .3rem}
    .pro_d .fl2 h3{ font-size: .22rem; margin-bottom: .25rem;}

    .list1s{ margin: 0 -7px; display: flex; flex-wrap: wrap;}
    .list1s li{ width: 50%; padding: 0 7px;}
    .pro_d .tit h3{ font-size: .22rem;}
} 
@media(max-width: 560px){
} 

.contact .fl1 .content{position: relative;z-index: 1; border-radius: .15rem; overflow: hidden}
.contact .fl1 .content:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #dfe1e3 2px solid;border-radius: .15rem;z-index: -1;}
.contact .fl1 .imgBox{ width: 7.65rem;}
.contact .fl1 .imgBox .img{ padding-bottom: 67.97%;}
.contact .fl1 .txt{ flex: 1; padding: .65rem .65rem;}
.contact .fl1 .txt h3{font-size: .32rem;color: #212121;margin-bottom: .55rem;}

.list13 li{margin-bottom: .22rem;font-size: .2rem;color: #222222;display: flex;align-items: center;}
.list13 li img{ width: .5rem; margin: 0 .2rem 0 0}
.list13 li:last-child{ margin-bottom: 0}

.map{ margin: .56rem 0 0; border-radius: .1rem; overflow: hidden;}

.contact .fl1{padding: .8rem 0 1.15rem;}

.n_b3{ background: url(../images/n_b2.jpg) center no-repeat;background-size: 100% 100%;}

.contact .fl2{ padding: 1.28rem 0; background: url(../images/contact_b1.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.contact .fl2 .content{ background: #fff; padding: .68rem .9rem; border-radius: .15rem;}
.h3-1{ font-size: .4rem; color: #fff; margin-bottom: .4rem;}

.miso_f1 .box{ margin: 0 -.09rem .3rem}
.miso_f1 .box .con{width: 33.33%;padding: 0 .09rem;}
.miso_f1 .box .con.conw100{ width: 100%;}
.miso_f1 .box .con h4{ font-size: .18rem; color: #313131; margin-bottom: .15rem; padding:0 .03rem}
.miso_f1 .input{height: .65rem;border: #d2d8de 1px solid;position: relative;border-radius: .1rem;}
.miso_f1 .input input{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .16rem;color: #333;background: #fff;border-radius: .1rem;}
.miso_f1 .textarea{height: 1.25rem;border: #d2d8de 1px solid;position: relative;border-radius: .1rem;padding: .18rem 0;}
.miso_f1 .textarea textarea{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .16rem;color: #333;background: #fff;border-radius: .1rem;}
.miso_f1 .input .yzm{ position: absolute; top: 50%; transform: translateY(-50%); right: .1rem}
.miso_f1 button{width: 2.1rem;height: .65rem;background: #00458e;border-radius: .1rem;font-size: .17rem;color: #fff;cursor: pointer;transition: all .5s;display: flex;align-items: center;justify-content: center;}
.miso_f1 button i{ font-size: .24rem; color: #fff; font-family: 'iconfont'; margin: 0 0 0 .1rem}
.miso_f1 button:hover{background: #009844;}

.miso_f1 .box:last-child{ margin-bottom: 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .contact .fl1 .imgBox{ width: 100%;}
    .contact .fl1 .txt{ flex: auto; width: 100%; padding: .3rem;}
    .contact .fl1 .txt h3{font-size: .22rem;margin-bottom: .25rem;}
    .list13 li img{ width: .35rem;}
    .list13 li{font-size: .16rem;margin-bottom: .2rem;}

    .map{ margin: .25rem 0 0}

    .contact .fl1{ padding: .4rem 0}

    .contact .fl2{ padding: .4rem 0}
    .h3-1{ font-size: .22rem; margin-bottom: .25rem}

    .contact .fl2 .content{ padding: .3rem .25rem}

    .miso_f1 .box .con{ width: 100%; margin-bottom: .2rem}
    .miso_f1 .box .con:last-child{ margin-bottom: 0}
    .miso_f1 .input{ height: .5rem;}
    .miso_f1 .box .con h4{ margin-bottom: .1rem;}

    .miso_f1 .box{ margin: 0 -.09rem .2rem;}

    .miso_f1 button{ width: 1.8rem; height: .5rem;}
} 
@media(max-width: 560px){
} 

.about .fl1{padding: .8rem 0 1.15rem;}
.about .fl1 .left{ width: 5.1rem;}
.about .fl1 .left h3{ font-size: .4rem; color: #212121; line-height: 1.3;}
.about .fl1 .right{ width: calc(100% - 5.1rem);}

.tit2{ align-items: center; margin-bottom: .6rem;}
.tit2 h3{ font-size: .4rem; color: #333333;}
.tit2 h3 img{margin: 0 .15rem 0 0;width: .5rem;}

.arrow3{ align-items: center;}
.arrow3 .arrow{ width: .6rem; height: .6rem; border: #e8eded 2px solid; display: flex; align-items: center; justify-content: center; margin: 0 0 0 .1rem; border-radius: 50vw; font-size: .24rem; color: #838585; font-family: 'iconfont'; transition: .5s; cursor: pointer;}

.list14W{ position: relative; z-index: 1; padding: 0 1rem; margin: 0 -5% 0 0;}
.list14W::before{ content: ""; position: absolute; top: 50%; width: 100%; left: 0; height: .03rem; background: #e8eded; z-index: -1; max-width: 1.5px 0 0;}
.list14 li{ height: 8rem; display: flex; flex-direction: column;}
.list14 .a{display: block;width: 100%;height: 50%;padding: 0 0 0 .42rem;position: relative;transition: .5s;}
.list14 .a:before{content: "";position: absolute;background: #e8eded;width: 2px;left: .09rem;bottom: 0;top: 0;}
.list14 .a:after{content: "";position: absolute;background: url(../images/list14.png) center no-repeat;width: .2rem;height: .2rem;background-size: cover;left: 0;bottom: -.12rem;z-index: 1;}
.list14 .flex{ align-items: flex-start}
.list14 .imgBox{width: 3.45rem;margin: 0 .28rem 0 0;}
.list14 .imgBox .img{padding-bottom: 67.53%;}
.list14 .txt{flex: 1;overflow-x: auto;padding: 0 2% 0 0;height: 1.75rem;max-width: 4.2rem;margin-top: 0.25rem;}
.list14 .txt::-webkit-scrollbar-thumb{background: #009844;border-radius: 5px;}
.list14 .txt p{ font-size: .17rem; color: #414141; line-height: 2}
.list14 h3{ font-size: .48rem; color: #0b308e; font-family: 'Helvetica Condensed';}
.list14 h4{font-size: .22rem;color: #0b308e;font-weight: 600;margin: .1rem 0 .25rem;} 


.list14 .a:nth-child(2){ display: flex; flex-direction: column; justify-content: flex-end; transform: translateX(50%);z-index: 2;}
.list14 .a:nth-child(2):after{ top: -.09rem; bottom: auto}
.list14 .swiper-slide-prev .a:nth-child(2), .list14 .swiper-slide-next .a:nth-child(2){ opacity: 0;}

.about .fl2{ background: url(../images/about_b2.jpg) center no-repeat; background-size: cover;}

.list15W{ position: relative;}
.list15 li{ text-align: center; }
.list15 li a{ display: block}
.list15 li a:nth-child(1){ margin-bottom: .8rem}
.list15 .imgBox{width: 2.35rem;margin: 0 auto .8rem;overflow: visible;}
.list15 .imgBox:before{content: "";position: absolute;background: url(../images/list15_b1.png) center no-repeat;width: 2.85rem;height: 1rem;top: 96.5%;left: 50%;transform: translateX(-50%);background-size: cover;}
.list15 .imgBox:after{content: "";position: absolute;width: .17rem;height: .04rem;background: #1c509c;top: 118%;left: 50%;transform: translateX(-50%);}
.list15 .imgBox .img{padding-bottom: 129.78%;background: url(../images/list15.jpg) center no-repeat;display: flex;align-items: center;justify-content: center;transform: scale(1) !important;}
.list15 .imgBox .img img{ object-fit: inherit; -o-object-fit: inherit;  width: auto; height: auto; margin: 0 auto; top: 50%; bottom: auto; transform: translateY(-50%); max-width: 82%; max-height: 87%;}
.list15 h4{font-size: .18rem;color: #242727;padding: 0 .1rem;}

.miso_tab4 .hd ul .a{width: 1.6rem;height: .5rem;border: #d1d3d7 2px solid;display: flex;align-items: center;justify-content: center;margin: 0 0 0 .1rem;border-radius: 50vw;font-size: .16rem;color: #838585;font-family: 'iconfont';transition: .5s;}
.miso_tab4 .hd ul li.on .a{  background: #00458e; border: #00458e 2px solid; color: #fff;}

.arrow4{width: .6rem;height: .6rem;border: #e8eded 2px solid;display: flex;align-items: center;justify-content: center;border-radius: 50vw;font-size: .24rem;color: #838585;font-family: 'iconfont';transition: .5s;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}
.arrow4.prev1{ left: -.7rem;}
.arrow4.next1{ right: -.7rem;}

.about .fl4{ background: url(../images/about_b3.jpg) center no-repeat; background-size: cover;}
.about .fl4 .tit2{ justify-content: center;}

.arrow5{width: .6rem;height: .6rem;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50vw;font-size: .24rem;color: #838585;font-family: 'iconfont';transition: .5s;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}
.arrow5.prev{ left: 0;}
.arrow5.next{ right: 0;}

.list16W{ position: relative; z-index: 1; padding: 0 1.4rem;}
.list16 .imgBox .img{ padding-bottom: 116.27%; background: url(../images/list16_b1.png) center no-repeat; background-size: cover;}
.list16 dl{ padding: .2rem 0}
.list16 dd{ width: 20%; padding: 0 .3rem;}
.list16 .a{display: block;position: relative;margin: -.2rem 0;}
.list16 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background:url(../images/list16_b2.png) center no-repeat; background-size: cover; transition: .5s; opacity: 0;}
.list16 .txt h4{ width: 100%; text-align: center; padding: 0 .2rem; font-size: .2rem; color: #fff;}
.list16 dd:nth-child(1){ margin: 0 0 0 10%;}
.list16 .imgBox .img img{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: contain;transition: .5s;max-width: 1rem;max-height: 1rem;transform: translateX(-50%) translateY(-50%);}

@media(min-width: 1024px){
    .arrow3 .arrow:hover{ background: #00458e; border: #00458e 2px solid; color: #fff;}
    .arrow4:hover{ background: #00458e; border: #00458e 2px solid; color: #fff;}

    .arrow5:hover{ background: #00458e; color: #fff;}

    .list16 .a:hover .txt{ opacity: 1;}
}
@media(max-width: 1300px){
    .list14 .txt{flex: 1;overflow: hidden;padding: .25rem 4% 0 0;}
    .list14 .txt p{line-height: 1.5;font-size: .15rem;}
    .list14 li{ height: 9rem;}
}
@media(max-width: 1024px){
    .list14 .a:nth-child(2){transform: translateX(0);margin-left: 15%;padding-right: 15%;}

    .arrow4.prev1{ left: 0}
    .arrow4.next1{ right: 0}
}
@media(max-width: 800px){
    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{ width: 100%;}
    .about .fl1 .left h3{ font-size: .24rem; margin-bottom: .2rem;}

    .list14W{ padding: 0 15px;}
    .list14 .imgBox{ width: 1.75rem;}
    .list14 .txt{ flex: auto; width: 100%;}
    .list14 h3{ font-size: .26rem;}
    .list14 h4{margin: .04rem 0 .15rem;font-size: .18rem;}
    .list14 .a{ padding: 0 0 0 .3rem}
    .list14 li{ height: 7.6rem;}

    .tit2{ margin-bottom: .3rem;}
    .tit2 h3{ font-size: .24rem;}
    .tit2 h3 img{margin: 0 .1rem 0 0;width: .3rem;}

    .arrow3 .arrow{ width: .4rem; height: .4rem; font-size: .2rem }
    .miso_tab4 .hd ul .a{ width: .9rem; height: .4rem}
    .list15 .imgBox:before{width: 1.7rem;height: .5rem;}

    .list15W{ padding-bottom: .6rem}
    .arrow4{width: .4rem;height: .4rem;font-size: .2rem;top: auto;bottom: 0;transform: translateY(0);}
    .arrow4.prev1{ left: 50%; margin-left: -.5rem}
    .arrow4.next1{ right: 50%; margin-right: -.5rem}
    .list15 .imgBox:after{ top: 114%}

    .list16 dd{ width: 33.33%; padding: 0 .1rem;}
    .list16 dd:nth-child(1), .list16 dd:nth-child(6){ margin: 0 0 0 16.5%;}
    .list16 dd:nth-child(9){ margin: 0 0 0 33%}

    .arrow5{ width: .4rem; height: .4rem; font-size: .2rem }
    .list16W{padding: 0 .5rem;}

    .list16 dl{ padding: .1rem 0}
    .list16 .a{ margin: -.1rem 0;}
    
    .list15 li a:nth-child(1){ margin-bottom: .25rem;}
} 
@media(max-width: 560px){
    .list15 .imgBox{width: 1.5rem;margin: 0 auto .4rem;}
} 
.waplc{
    display: none;
}
@media(max-width: 800px){
    .list16 .imgBox .img img{
        max-width: 0.4rem;
        max-height: 0.4rem;
    }
    .list14 li{
        height: auto;
    }
    .list14 .txt{
        height: auto;
    }
    .list14 .a{
        height: auto;
    }
    .pclc{
        display: none;
    }
    .waplc{
        display: block;
    }
    .miso_f1 .input .yzm img{
        width: 1rem !important;
        height: .3rem !important;
    }
    .list14 .a:after{
        top: 0;
    }
    .list14W::before{
        height: 0;
    }
    .list14 .txt{
        padding: 0 7% 0 0;
    }
} 

.list1 .imgBox .cp_show{padding-bottom: 87.15%;}



@media(max-width: 800px){
    .yj_d .left{
        display: none;
    }
    .yj_d .content{padding: 0;}
}

.n_ba .imgBox{max-height: 4.4rem;}