.nav_son{position: absolute;top:40px;background:#fff;width:100%;z-index: 999;display: none;}
.nav_son>a{display: block;height: 40px;line-height: 40px;text-align: center;padding:0 10px;}
.nav_son>a:hover{color:#da251c;}
.nav ul li:hover .nav_son{display: block;}
.langauge{float:left;margin-right:40px;position:relative;}
.langauge p{color:#fff;line-height:20px;}
.langauge p i{width:20px;height:20px;background:url(../images/langauge.png)no-repeat center center / 100% 100%;display:inline-block;margin-right:5px;}
.langauge div{position:absolute;left:0;top:20px;background:#fff;z-index:999;display:none;}
.langauge div a{padding:10px 20px;color:#333;display:block;}
.langauge div a:hover{color:#da251c;}
.langauge:hover div{display:block;}

#bodycon {
    width: 100%;
}

#bodycon #center {
    width: 100% !important;
    margin-bottom: 0 !important;
}

img.news_div_item_image {
    height: auto !important;
}

/*简介*/
* {
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.j_con {
    max-width: 1400px;
    margin: 0 auto;
    min-width: 1300px;
    width: 100%;
}

.ti {
    text-align: center;
    padding-top: 45px;
    display: none;
}

.jj_tit {
    font-size: 40px;
    color: #333;
    letter-spacing: 2px;
    font-weight: bold;
}

.jj {
    color: #038346;
    font-size: 40px;
}

.nyxqnews {
    margin: 0 auto;
    width: 100% !important;;
}

.s_tit {
    position: relative;
    display: inline-block;
}

.s_tit span {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.s_tit:before, .s_tit:after, .s_tit span:before, .s_tit span:after {
    content: "";
    position: absolute;
}

.s_tit span:before, .s_tit span:after {
    width: 35px;
    height: 3px;
    background: #038346;
}

.s_tit span:before {
    top: 11px;
    left: -50px
}

.s_tit span:after {
    top: 11px;
    right: -50px
}

.nr {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
    width: 100%;
}

.lc {
    width: 50%;
}

.rc {
    width: 48%;
}

.yw {
    color: #0156a9;
    font-size: 32px;
    margin-bottom: 13px;
}

.gs {
    font-size: 22px;
    color: #333
}

.hx_x {
    height: 3px;
    width: 52px;
    background: #0156a9;
    margin: 30px 0 35px;
}

.cont p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.cont p + p {
    margin-top: 5px;
}

.img_con {
    position: relative;
    margin-right: 18px;
}

.img_con img {
    display: block;
    width: 100%;
}

.img_con:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #0156a9;
    top: -15px;
    left: 15px;
    z-index: -1;
}

.yw > b {
    font-weight: normal;
    font-size: 28px;
}

.cf_c {
    background: #fff;
    box-shadow: 1px 0px 36px rgba(1, 86, 169, 0.08);
    padding: 50px 43px 74px 43px;
    margin-bottom: 100px;
}

.cf_img .divdgweb_new_div {
    display: flex;
}

.cf_img .divdgweb_new_div_item {
    width: 25%;
    flex-shrink: 0;
    padding: 0 0.1%;
    display: flex;
    flex-direction: column-reverse;
}

.cf_img .news_div_item_pic a {
    display: block;
    position: relative;
    overflow: hidden;
}

.cf_img .news_div_item_pic a:before, .cf_img .news_div_item_pic a:after {
    position: absolute;
}

.cf_img .news_div_item_pic img {
    width: 100%;
    transition: all .5s;
    display: block;
    overflow: hidden;
}

.cf_img {
    overflow: hidden;
}

.cf_img .divdgweb_new_div_item .divdgweb_new_div_item_title a {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
}

.cf_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a, .cf_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a:after {
    color: #0156a9;
}

.cf_img .divdgweb_new_div button {
    display: none !important;
}

.cf_img .divdgweb_new_div_item:hover img {
    transform: scale(1.2);
}

.cf_img .news_div_item_pic a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(36, 64, 97, 0.8);
    bottom: -100%;
    left: 0;
    transition: all .5s;
    opacity: 0;
}

.cf_img .divdgweb_new_div_item:hover .news_div_item_pic a:after {
    bottom: 0;
    opacity: 1;
}

.cf_c {
    margin-bottom: 60px !important;
    padding: 45px !important;
}

.cf_tit {
    margin-top: 60px;
}

.cf_tit > b {
    font-size: 28px;
    color: #0156a9;
    position: relative;
    margin-left: 35px;
    display: block;
    padding-bottom: 32px;
}

.cf_tit > b:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 28px;
    background: #0156a9;
    top: 5px;
    left: -35px;
}

.lc > ul {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.lc > ul li {
    width: 225px;
    height: 117px;
    padding: 0 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .5s;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);
}

.com_cate p {
    font-size: 20px;
    color: #0156a9;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    transition: all 0.5s ease;
}

.com_cate p:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    display: inline-block;
    width: 43px;
    height: 1px;
    background: #c3c3c3;
    transition: all 0.5s ease;
}

.com_cate > div {
    font-size: 16px;
    color: #666666;
    transition: all 0.5s ease;
}

.lc > ul li span {
    transition: all 0.5s ease;
}

.lc > ul li:hover span {
    transform: rotateY(360deg);
}

.lc > ul li:nth-child(2) span {
    font-size: 65px;
}

.nyproduct{width:100%;}
.nyproduct li{ width:31.7%; float: left;margin:0 0.8% 2% 0.8%;overflow: hidden; position: relative;}

.nyproduct_photo{position: relative; overflow: hidden; }
.nyproduct_photo img{width:100%; transition: transform .9s; }
.nyproduct li:hover .nyproduct_photo img{transform: translateY(-20px);}

.nyproduct-content{ height:60px; position: absolute;  left: 0;right: 0; bottom:-100%;  padding:0 6%; text-align: center; background-color: #fff;transition: height .8s; }
.nyproduct li:hover .nyproduct-content{background-color: #3469ba;height:auto; padding: 4% 6%; bottom:0;}

.nyproduct-title{width:100%; padding:4% 0; font-size: 16px; color: #666; line-height: 24px;transition: top .5s , color .8s; z-index: 2; text-align: center; }
.nyproduct li:hover .nyproduct-title{color: #fff;}

.nyproduct-text{width: 100%;color: #fff; line-height: 24px; transition: top .8s .4s;z-index: 2; opacity: .5; position: relative;}
.nyproduct-text:not(:hover){ transition-delay: 0s;}
.nyproduct li:hover .nyproduct-text{top:-10px;}

.nyproduct-more{width: 40px;height: 40px;margin:0 auto;border-radius: 100%; position: absolute;bottom:72%;left: 0;right: 0;background: #3469ba;box-shadow: 0px 1px 20px 0px rgba(27, 100, 213, 0.4), inset 0px -1px 0px 0px #3980ef; transform: scale(1.5) translateY(-21px);opacity: 0;transition: transform .5s , opacity .8s;z-index: 2}
.nyproduct-more:before,.nyproduct-more:after{content: '';width:30%;height:0;margin:0 auto; position: absolute;left: 0;right: 0;top: 18px;border-bottom:1px solid #fff;z-index:3;}
.nyproduct-more:after{transform: rotate(90deg);}
.nyproduct li:hover .nyproduct-more{opacity:1; transform: scale(1) translateY(0);}
.clear{ clear:both;}

.litpic{position: relative;width:100%;height:auto;padding-bottom:75%;overflow: hidden;}
.litpic img{width:100% !important;height:100% !important;position: absolute;object-fit: cover;}


/* show product */
.cpxxqh {
width: 100%;
height: auto;

position: relative;
overflow: hidden;
}


.cpxxqh .swiper-slide .litpic{border:1px solid #eee;box-sizing: border-box;}
.cpxxqh .mySwiper2{margin-top:20px;}
.cpxxqh .swiper-slide img {
display: block;
max-width: 100%;
max-height: 100%;
}
/* .cpxxqh .swiper-button-next {
width: 30px;
height: 60px;
overflow: hidden;
top: 50%;
margin-top: -30px;
background: url(../images/sprites1008r.png) no-repeat center center / 100% 100%;

right: 30px;
font-size: 30px;
color: #000;
text-align: center;
}
.cpxxqh .swiper-button-prev {
overflow: hidden;
width: 30px;
height: 60px;
top: 50%;
margin-top: -30px;
background: url(../images/sprites1008l.png) no-repeat center center / 100% 100%;

left: 30px;
font-size: 30px;
color: #000;
text-align: center;
} */

.cpxxqh .swiper-button-next:after,
.cpxxqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.cpxxqh .swiper-button-prev:after,
.cpxxqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets,
.cpxxqh .swiper-pagination-custom,
.cpxxqh .swiper-pagination-fraction {
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #DEDEDE;
opacity: 1;
}
.cpxxqh .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
opacity: 1;
width: 10px;
height: 10px;
background: #01458e;
}

.pro_show{
    display: grid;
    grid-template-columns: 45% minmax(0, 1fr);
    gap: 50px;
}
.pro_info h2{font-size: 30px; font-weight: bold;line-height:1.8;color:#333;border-bottom:1px solid #d1d1d1;padding:20px 0;text-align:left;}
.pro_info .desc{padding:20px 0;border-bottom:1px dashed #d1d1d1;text-align:left;}
.pro_info .desc p{line-height:1.8;color:#666;font-size:14px;}
.pro_info .desc .type{margin-top:10px;font-size: 14px;color:#333;}
.pro_contact{padding:20px 0;border-bottom:1px dashed #d1d1d1;display:flex;align-items:center;}
.pro_contact P{font-size: 18px;font-weight: bold;color:#333;}
.pro_contact span{color:#01458e;font-size:26px;    font-family: Impact;}
.pro_btn{padding:20px 0;display:flex;gap:20px;}
.pro_btn a{width: 160px;padding: 10px 8px;background:#01458e;color:#fff;border-radius:4px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:16px;}
.pro_content{padding-top:50px;}
.pro_content_title{ font-size: 18px;border-bottom:1px solid #d1d1d1;height:50px;line-height:50px;}
.pro_content_title span{display:block;width:200px;background:#01458e;color:#fff;text-align:center;height:50px;line-height:50px;font-size:16px;}
.pro_content_text{padding-top:30px;}
.content p{margin:5px 0;font-size:15px;color:#555;line-height:1.8;}
.content img{max-width:100%;height:auto;}
.pd60{padding:60px 0;}
.cpxxqh .swiper-wrapper{height:auto;}

.canshu{font-size: 14px;}
.canshu table{width: 100% !important;border-collapse:collapse;}
.canshu table:nth-child(2n){margin-right:0;}
.canshu table td,.canshu table th{
    border:1px solid #fff !important;text-align:center;width:unset !important;background:unset !important;
    font-size: 14px;padding: 10px 0 !important;line-height: 2;min-width: 100px;
}
.canshu table tr:first-of-type{background:#01458e;color:#fff;}
.canshu table tr{background:#F9F9F9;}
.canshu table tr:nth-of-type(2n){background:#F0F0F0;}

/* application */
.nylist{ width:100%; }
.nylist li{ width:31.3%; margin: 0% 1% 2%; float: left; }
.nylist-photo{ width:100%; display: block; overflow: hidden; }
.nylist-photo img{ width:100%; transition:all linear 0.5s; }
.nylist li:hover .nylist-title:after{  transform: rotate(180deg); top: 15px;right: 23px;}
.nylist-title { line-height: 60px; background:#f5f5f5; padding-left:25px; font-size: 16px; position: relative; }
.nylist li:hover .nylist-title{ color:#ea5b2d;}
.nylist-title:after { content: '+'; position: absolute; right: 24px; top: 20px; transition: 0.5s; display: block; width: 25px; height: 25px;  transform: rotate(0deg); font-size: 40px;font-weight: normal;line-height: 20px;font-family: SimSun;}
.nylist-photo img:hover {transform: scale(1.1,1.1);}


/* show_news */
#bodycon{width:100%!important;}
#bodycon #left{display: none;}
#bodycon #center{width: 100% !important;}
.cl{clear:both;}
.nyxqnewsbg{ width:100%; background:#f4f4f4; padding:30px 0;}
.nyxqnews{ margin:0 auto; width:1200px;}
.nyxqnews_left{ width:830px; float:left; background:#FFF; padding:30px; padding-bottom:0; overflow:hidden;}
.news_lefttit{ border-bottom:1px solid #e7e7e7; padding-bottom:15px;}
.news_lefttit h1{ font-size:22px; font-weight:normal; line-height:30px; display:block; margin-bottom:15px; color:#333;}
.news_lefttit span{ display:block; float:left;  color:#999; line-height:14px;}
.news_lefttit .chuchu{ padding:0 10px 0 0; border-left:none;}
.newsshare{ float:right; margin-top:-8px;}
.nyxqnews_leftcont{ margin-top:20px; line-height:28px; color:#777;}
.nyxqnews_leftpage{ width:890px; margin-left:-30px; margin-top:20px; border-top:1px solid #e7e7e7; line-height:70px;}
.nyxqnews_leftup{ float:left; border-right:1px solid #e7e7e7; width:364px; padding-left:50px; padding-right:30px; height:70px; overflow:hidden; background:url(../images/newsup.png) 30px 29px no-repeat; }
.nyxqnews_leftdown{ float:right; text-align:right; width:365px; padding-left:30px; padding-right:50px; height:70px; overflow:hidden; background:url(../images/newsdown.png) 413px 29px no-repeat; }
.nyxqnews_right{ width:300px; float:right; position:relative;}
.nyxqnewsfanhui{ position:absolute; top:0; left:-958px; z-index:10;}
.nywenzhang{ padding:30px 30px 20px 30px; background:#FFF;}
.nyxqnews_righttit{ font-size:18px; border-bottom: 1px solid #e7e7e7; height:36px; line-height:18px; position:relative;}
.nyxqnews_righttit:before{ content:""; width:75px; height:1px; background:#1059a9; position:absolute; left:0; bottom:-1px;}
.nyxqnews_righttit strong{ color:#1059a9;}
.nyxqnews_rightcont{ margin-top:10px; line-height:36px;}
.nyxqnews_rightcont a{ display:block; background:url(../images/newswenzhagn.png) left center no-repeat; padding-left:22px;width:220px; height:36px; overflow:hidden; }
.nyzx{ margin-top:10px;}

/* download */
.download-list-wrapper { background: white; border-radius: 20px; border: 1px solid #e0e0e0; box-shadow: 0 4px 16px rgba(211, 47, 47, 0.08); overflow: hidden; margin-bottom: 30px; }
.download-item { display: flex; align-items: center; padding: 20px 28px; border-bottom: 1px solid #e0e0e0; transition: 0.2s; gap: 20px; flex-wrap: wrap; }
.download-item:last-child { border-bottom: none; }
.download-item:hover { background: #f0f6fe; }
.download-icon-wrap { width: 48px; height: 48px; border-radius: 12px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 24px; color: #1059a9; }
.download-icon-wrap i { font-size: 24px; }
.download-info { flex: 3; min-width: 200px; }
.download-info h4 { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 10px; }
.download-info h4:hover { color: #1059a9; cursor: pointer; }
.download-info .desc { font-size: 14px; color: #666666; }
.download-meta { display: flex; gap: 24px; flex-wrap: wrap; flex: 1; min-width: 140px; }
.download-meta .meta-item { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #666666; text-transform: uppercase;}
.download-meta .meta-item i { color: #1059a9; font-size: 14px; }
.download-action { flex-shrink: 0; }
.download-btn { display: inline-flex; align-items: center; gap: 8px; background: #1059a9; color: white; padding: 10px 24px; border-radius: 40px; font-weight: 600; font-size: 14px; cursor: pointer; transition: 0.2s; border: none; }
.download-btn:hover { background: #1059a9; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 136, 204, 0.3); }
.download-btn i { font-size: 14px; }

/* news */
.nynews{width:100%; }
.nynews-list { width: 100%; height: auto; padding: 0 0 4%; border-bottom: 1px #eee solid; box-sizing: border-box; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; position: relative; margin-bottom: 4%;}
.nynews-list:after{content:""; width: 0; height: 1px; background: #0d4486; position: absolute; bottom:-1px; transition: all 0.3s ease-out; }
.nynews-list:hover::after{width:100%;}

.nynews-content { float: left; width: 68%; padding-top: 1%;}
.nynews-date{font-size: 18px; font-weight: bold; font-family:"Arial"; color:#999; }
.nynews-title { font-size: 18px; font-weight: bold; line-height: 50px; padding-bottom: 1vw;}
.nynews-list:hover .nynews-title{color:#0d4486;}
.nynews-text { line-height: 24px; color: #666;}


.nynews-photo{float: right; width:24%; height: auto; overflow: hidden;}
.nynews-photo img{width: 100%; transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;}
.nynews-list:hover .nynews-photo img{transform: scale(1.05);  -webkit-transform: scale(1.05)}

/* contact */
#bodycon #center { margin-bottom: 0px !important; }
.BMap_bubble_title { font-weight: normal !important; font-size: 12px !important; }
.BMap_bubble_content { font-weight: normal !important; line-height: 15px !important; font-size: 12px !important; }
.cs { width: 1400px; margin: 0 auto; }
.ny_contact { display: flex; margin-bottom: 30px; }
.contact_one { margin-right: 10px; text-align: left;}
.contact_one span { font-size: 40px; line-height: 30px; color: #0156a9; margin-bottom: 22px; display: block; font-weight: bold; }
.contact_one div { margin-bottom: 32px; font-size: 30px; line-height: 30px; }
.contact_one i { width: 40px; height: 3px; background: #0156a9; display: block; margin-bottom: 30px; }
.contact_two { width: 50%; position: relative; background: #f2f2f2 no-repeat; background-position: 420px 310px; padding: 57px; font-size: 15px; line-height: 32px; margin-left: 17px; }
.contact_two strong { font-size: 24px; color: #0156a9; }
.contact_title { position: absolute; width: 172px; height: 45px; background: #0156a9; border-radius: 10px; font-size: 24px; color: #fff; line-height: 45px; font-weight: bold; left: 28px; text-align: center; }
.contact_content1 {/* color: #8e8e8e!important; */ line-height: 34px; font-size: 15px; }
.contact_content1 span { font-size: 20px; margin-bottom: 5px; display: block; }
.contact_content { margin-top: 70px; color: #555; line-height: 33px; font-weight: normal; font-size: 16px; text-align: left;}
.contact_content a { text-decoration: none; font-size: 16px; color: #555; }
.contact_img { text-align: center; width: 130px; margin-top: 40px; }
.contact_img img { width: 130px; background: #fff; border: 1px solid #ccc; padding: 3px; background: #fff; }
.tup { margin-bottom: 0px!important; }
#map { margin-bottom: 30px; }


/* job */
.joblist {
width: 100%;
height: auto;
margin-bottom: 40px;
}
.joblist *{
    -webkit-transition:all 0s ease 0s;
-moz-transition:all 0s ease 0s;
-o-transition:all 0s ease 0s;
-ms-transition:all 0s ease 0s;
transition:all 0s ease 0s;
}
.joblist ul {
width: 100%;
height: auto;
float: left;
}
.joblist ul li {
width: 100%;
height: auto;
float: left;
border: 1px solid #E8E8E8;
padding: 0 100px;
display: flex;
flex-direction: column;
border-bottom:0;
}
.joblist ul li:last-child {
    border-bottom: 1px solid #E8E8E8;
}
.joblist ul li.first {
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
padding: 20px 100px;
font-weight: bold;
background: #F7F8FA;
border-bottom: 0 none;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.joblist ul li.on {
background: rgba(248, 180, 33, 0.06);
}
.joblist ul li div{font-size:16px;    line-height: 30px;}
.joblist ul li .w1 {
float: left;
width: 25%;
}
.joblist ul li .w2 {
float: left;
width: 25%;
}
.joblist ul li .w3 {
float: left;
width: 18%;
}
.joblist ul li .w4 {
float: left;
width: 18%;
}
.joblist ul li .w5 {
float: left;
width: 96px;
}
.joblist ul li .jobtitle {
width: 100%;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
float: left;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
justify-content: space-between;
}
.joblist ul li.on .jobtitle {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.joblist ul li .jobtitle i.down {
width: 30px;
height: 30px;
float: left;
background: url(../images/jobjian.png) no-repeat center center;
cursor: pointer;
}
.joblist ul li.on .jobtitle i.down {
background: url(../images/jobjia.png) no-repeat center center;
}
.joblist ul li .jobcon {
width: 100%;
height: auto;
padding: 0 24px 24px;
font-size: 17px;
line-height: 30px;
color: #666666;
float: left;
overflow: hidden;
display: none;
}
.joblist ul li .jobcon span {
width: 100%;
height: auto;
float: left;
font-weight: bold;
color: #262626;
margin-top: 24px;
}
.joblist ul li .jobcon dl {
width: 100%;
height: auto;
float: left;
}
.joblist ul li .jobcon dl dt {
width: 100%;
height: auto;
float: left;
font-weight: 700;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
margin-bottom: 8px;
margin-top: 36px;
}
.joblist ul li .jobcon dl dd {
width: 100%;
height: auto;
float: left;
}
.joblist ul li .jobcon dl:last-child dd {
margin-bottom: 0;
}
.joblist ul li .jobcon dl dd p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left
}

.joblist ul li .jobtitle a.sq {
width: 96px;
float: left;
text-align: center;
height: 30px;
background: #F8B421;
border-radius: 4px 4px 4px 4px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
}
.joblist ul li .jobtitle a.sq:after {
content: "";
width: 16px;
height: 16px;
background: url(../images/jobsq.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.joblist ul li .jobtitle a.sq:hover {
background: #F8B421;
color: #fff;
}
.joblist ul li .jobtitle a.sq:hover:after {
background: url(../images/jobsq.png) no-repeat center center;
}

.search_rr .zz input{background: url(../images/20210818140044_2131147231.png)no-repeat center center / 100% 100%;}
.zz input{height:25px;}
.chara_c dl{height:auto;background: #39414c;}
.chara_c dt, .chara_c dt img{height:auto;}
.chara_c dd{position:relative;height:auto;}
.chara_c dd h3{height:auto;padding-bottom:40px;}
.chara_c dd p{display:none;}
.chara_c dl:hover dd p{display:block;}

.banner img{width:100%;object-fit:cover;}

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(8px); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 20px; }
.modal-overlay.active { display: flex; }
.modal-box { background: white; border-radius: 24px; max-width: 600px; width: 100%; padding: 40px 44px 44px; position: relative; box-shadow: 0 40px 60px rgba(0,0,0,0.3); animation: modalFadeIn 0.3s ease; max-height: 90vh; overflow-y: auto; }
@keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.modal-close { position: absolute; top: 16px; right: 20px; font-size:20px ; color: #666666; cursor: pointer; transition: 0.2s; background: none; border: none; line-height: 1; }
.modal-close i{font-size: 20px;}
.modal-close:hover { color: #1a1a1a; transform: rotate(90deg); }
.modal-box h2 { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: #1a1a1a; }
.modal-box .modal-sub { font-size: 0.95rem; color: #666666; margin-bottom: 24px; }
.modal-box .modal-product { background: #f5f5f5; border-radius: 12px; padding: 12px 16px; margin-bottom: 24px; font-size: 0.95rem; color: #1a1a1a; border: 1px solid #e0e0e0; }
.modal-box .modal-product strong { color: #01458e; }
.modal-form .form-group { margin-bottom: 18px; }
.modal-form .form-group label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; color: #1a1a1a; }
.modal-form .form-group label .required { color: #e74c3c; }
.modal-form .form-group input, .modal-form .form-group textarea { width: 100%; padding: 12px 16px; border: 1px solid #e0e0e0; border-radius: 12px; font-size: 0.95rem; font-family: 'Inter', sans-serif; background: #f8fafc; outline: none; transition: 0.2s; }
.modal-form .form-group input:focus, .modal-form .form-group textarea:focus { border-color: #01458e; background: white; box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.1); }
.modal-form .form-group textarea { min-height: 100px; resize: vertical; }
.modal-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.modal-form .btn-submit { width: 100%; background: #01458e; color: white; border: none; padding: 14px; border-radius: 50px; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.3s; margin-top: 8px; }
.modal-form .btn-submit:hover { background: #01458e; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 136, 204, 0.3); }

.chara_c dd .chara_ico span img{padding-top:0;}
.chara_c dd .chara_ico span{display:flex;justify-content:center;align-items:center;}
.proadv_con li em img{object-fit:cover;}
.proadv_con ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.proadv_con li{width:100%;padding:20px;margin:0;}
.num_c>ul{flex-wrap:nowrap;}

.nswsfenlei_2019 li{width:fit-content;padding:0 30px;}
.proc_bz{height:auto;}


@media (max-width: 1500px) {
    .headr{background-size:22% 100%;}
}
@media (min-width:768px) and (max-width: 1400px) {
    html,body{zoom:0.9;}
}




.mobile_header{display:none;}
@media (max-width: 1200px) {
    .headr{display:none;}
    .mobile_header{display:block;height:50px;line-height:50px;background: #fff;position: fixed;width:100%;top:0;left:0;z-index:999;}
.mobile_header a.logo{display:inline-block;}
.mobile_header img{height:40PX;display:inline-block;margin-top:10px;margin-left:0;}

.btn_i {
    display: block;
    position: absolute;
    right: 15px;
    top: 26px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
 .btn_i small,  .btn_i:before,  .btn_i:after {
    display: block;
    content: '';
    width: 24px;
    height: 2px;
    background: #01458e;
    border-radius: 4px;
    margin: 6px 0;
}
.mobile_header .btn_i_click:before {
    transform: rotateZ(45deg);
    transform-origin: 0px 5px;
}
.mobile_header .btn_i_click:after {
    transform: rotateZ(-45deg);
    transform-origin: 4px -1px;
}
.mobile_header .btn_i_click small {
    opacity: 0;
}
.m_nav{background:#fff;display:none;margin-top: 50px;}
.m_nav li{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_nav li .m_pnav a{display:block;font-size:16px;color:#333;padding:0 10px;line-height:50px;}
.m_nav li .m_pnav a i {
    width: 11px;
    height: 6px;
    float: right;
    display: inline-block;
    margin-top: 22px;
    background: url(../images/navdown.png) no-repeat center center / 100% auto;
}
.m_nav li .m_pnav a i.up {
    background: url(../images/navup.png) no-repeat center center / 100% auto;
}
.m_nav li.on .m_pnav a{color:#01458e;}
.m_snav{background: #f7f7f7;display:none;}
.m_snav dl{margin-bottom:0;}
.m_snav dl dd{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_snav dl dd:last-of-type{border:0;}
.m_snav dl dd a{display:block;font-size:14px;color:#666;padding:0 10px;line-height:40px;}

.yb_conct{display:none;}

/* 工具栏 */
#toolbar {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 888;
	height: 50px;
	left: 0;
	background:#01458e;
}
#toolbar .list {
	width: 100%;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	background: #01458e;
}
#toolbar .list li {
	float: left;
	width: 25%;
	text-align: center;
}
#toolbar .list a {
	display: block;
	height: 50px;
	line-height: 14px;
	font-size: 14px;
	padding-top: 0px;
}
#toolbar .list a span {
	text-align: center;
	color: #fff;
	display: block;
	font-size: 14px;
}
#toolbar .list a s {
	margin-left: auto;
	margin-right: auto;
	width: 21px;
	height: 20px;
	display: block;
	margin-bottom: 6px;
	margin-top:6px;
	background-position: -45px -12px;
}
#toolbar .list li:nth-child(2) s {
background-position: 0px -12px;
}
#toolbar .list li:nth-child(3) s {
background-position: -21px -12px;
}
#toolbar .list li:nth-child(4) s {
background-position: -71px -12px;
width:18px;
height:18px;
}
/*#toolbar .list li:hover {
	background: #fbdd16;
}*/

.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    background-size: 144px auto;
    vertical-align: middle;
}

/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top:calc(50% - 135px);
	left: 0;
	right: 0;
	width: 250px;
	height: 250px;
	padding: 20px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 170px;
	height: 170px;
	display: block;
	margin: 34px auto 0;
}
#wxnr p {
	font-size: 14px;
	line-height: 27px;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 60px;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 2px 6px;
	line-height: 20px;
	background-color: #127a44;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 24px;
	background-image: url(../images/wx.png);
	background-size: 14px;
	background-position: 6px center;
	background-repeat: no-repeat;
}
}

@media (max-width: 768px) {
    body{min-width:unset;}
    .banner{margin-top:50px;height:200px;}
    .banner img{object-fit:cover;width: 100%;height:200px;}
    .nban{margin-top:50px;height:200px;}
    .nban .page{height:100%;}
    .page, .w1400,#bodycon, #bodycon ,.j_con,.wrap{width:calc(100% - 20px) !important;margin:0 auto;min-width:unset;}
    .gjc{display:none;}
    .yc_box{width:100%;}
    .search_rr{width:100%;}
    #infonamee{width:calc(100% - 62px);}
    .ab_bc{padding:50px 0;}
    .ab_c{flex-direction: column;gap:30px;}
    .ab_lc,.ab_rc{width:100%;}
    .num_c>ul{gap:30px 20px;}
    .num_c>ul>li{width:calc(50% - 10px);padding:0;align-items: center}
    .num_c>ul>li+li:after{content:unset;}
    .num_c b{font-size:40px;}
    .sl_tit>b{font-size:24px;}
    .sl_tit>p{font-size:16px;}
    .pro_bc {
        background: url(../images/20210818174244_652349996.jpg) center;
        padding: 40px 0;
    }
    .pro_c>ul{height:40px;}
    .pro_c>ul>li{padding:0 20px;width:unset;}
    .pro_c>ul>li>a{line-height:40px;font-size:16px;}
    .pro_bo .divproduct_new_div_item{width:100%;}
    .page_bc{padding:40px 0;}
    .proadv_con li{width:100%;}
    .chara_c dl{width:100%;}
    .chara_c{flex-wrap: wrap;}
    .dfs{margin-top:50px;flex-wrap: wrap;gap:40px 20px;}
    .stre_le{width:100%;}
    .stre_tab{margin-top:30px;}
    .stre_ri{width:100%;margin-top:20px;}
    .new_web_div2021 li{width:49% !important;margin-right:2%;margin-bottom:2%;}
    .new_web_div2021 li:nth-child(2n){margin-right:0;}
    .new_web_div2021 li:nth-child(2n+1){margin-right:2%;}
    .aboutbox{padding:40px 0;}
    .new_bc{padding:40px 0;}
    .new_ic{margin-top:30px;flex-direction: column;}
    .new_lc{width:100%;}
    .new_rc{width:100%;margin-top:20px;}
    .f_text{width:100%;min-width:unset;}
    .f_con{flex-direction: column;}
    .f_text>ul{flex-wrap: wrap;gap:20px;}
    .f_text li{width:100%;}
    .f_text li:nth-child(4), .f_text li:nth-child(5){margin-top:0px;}
    .f_code{width:100%;}
    .f_code p img{width:100%;height:auto;}
    .ewm{gap:20px;}
    .ab_rc>p{font-size:16px;}
    .nr{flex-direction: column;}
    .lc{width:100%;}
    .rc{width:100%;margin-top:50px;}
    .cf_bc{padding:40px 0;}
    .cf_c{padding:20px !important;margin-bottom:0 !important;}
    .copy_b{height:auto;flex-direction: column;padding:30px 0;text-align: center;}
    .copy_b>div{line-height:30px;}
    .yw > b{font-size:24px;line-height:1.5;}
    .gs{font-size:18px;line-height:1.5;}
    .mianbxContent{height:auto !important;padding:20px 0 20px 40px;line-height:1.5 !important;}
    .nyproduct li{width:100%;}
    .pro_show{grid-template-columns: minmax(0, 1fr);}

    .nylist li{width:100%;}
    .nyxqnews_left{width:100% !important;}
    .nyxqnews_right{width:100% !important;margin-top:40px;}
    .nyxqnews_leftpage>div{width:100% !important;}
    .nyxqnews_leftdown{text-align: left;}
    .nynews-list a{display:flex;flex-direction: column-reverse;gap:20px;}
    .nynews-photo{width:100% !important;}
    .nynews-content{width:100% !important;}
    .cs{width:100%;}
    .ny_contact{flex-direction: column;gap:20px;}
    .contact_one{margin-right:0;}
    .contact_one div img{width:100%;}
    .contact_two{width:100%;margin-left:0;padding:20px;}
    .contact_title{left:20px;}
    .map img{width:100%;}
    .joblist ul li .w2,.joblist ul li .w3{display:none;}
    .joblist{margin-bottom: 6%;}
    .joblist ul li{padding: 10px;}
    .joblist ul li.first{padding: 10px;}
    .joblist ul li .jobcon{font-size: 16px;padding: 0;}
    .joblist ul li div{font-size: 14px;}
    .joblist ul li .jobtitle{padding:0;}
    .new_item .news_div_item_content{padding:20px 20px 40px;}
    .new_item .news_div_item_body{width:100%;}
    .new_ri .news_div_item{padding:20px 20px 20px 40px;margin-bottom:20px;}
    .new_ri .news_div_item_body{width:100%;}
    .new_ri .news_div_item_title a:after{content:unset;}
    .new_cc{margin-top:10px;}
    .new_ri{margin-top:20px;}
    .proadv_con ul{grid-template-columns: repeat(1, 1fr);}
    .num_c>ul{flex-wrap:wrap;}
}