html{ scroll-behavior:smooth; font-size: 62.5%;}
body{ margin: 0; padding: 0;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}

:root{
    --one-color: #0b6cb1;
}

.mod_form{
    display: none;
}

.flex_1{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_2{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_3{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.flex_5{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_6{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_7{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_8{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_9{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_10{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_11{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_12{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

.maodian{ position: absolute; left: 0; top: -5.5rem;}

/* 
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/oswald.ttf');
	font-weight: normal;
	font-style: normal;
} */
@font-face {
	font-family: 'BARLOWCONDENSED-BOLD';
	src: url('../fonts/BARLOWCONDENSED-BOLD.TTF');
	font-weight: normal;
	font-style: normal;
}

.header{ background: #fff; width: 100%;}
.head_top{ width: 100%; overflow: hidden;}
.logo{ height: 11rem;}
.logo img{ height: 100%}
.head_more{ background: var(--one-color); height: 11rem; position: relative; padding-left: 8rem;}
.head_more:after{ content: ''; width: 0; height: 0; position: absolute; right: 100%; bottom: 0; border-right: 11rem solid var(--one-color); border-top: 11rem solid transparent; border-bottom: 0 solid transparent;}
.head_more ul li{ margin: 0 1rem;}
.head_more ul li a{ width: 4rem; height: 4rem; border-radius: 50%; background: rgba(255,255,255,0.53); color: var(--one-color); text-align: center; display: block; transition: all 0.3s ease;}
.head_more ul li a:hover{ background: rgba(255,255,255,0.85);}
.head_more ul li a i{ font-size: 2.4rem; line-height: 4rem;}
.head_more ol{ padding-left: 2rem; margin-bottom: 0;}
.head_more ol li a{ color: #fff; font-size: 1.4rem;}
.head_more ol .shuxian{ width: 1px; background: rgba(255,255,255,0.35); height: 2.1rem; margin: 0 1rem;}

.head_nav{ background: var(--one-color); height: 5.5rem;}
.head_nav .container>ul{ width: calc(100% - 25rem);}
.head_nav .container>ul>li{ width: 14%; text-align: center; position: relative;}
.head_nav .container>ul>li>a{ color: #fff; font-size: 1.6rem; line-height: 5.5rem; display: inline-block; padding: 0 2rem;}
.head_nav .container>ul>li.active>a{ background: #fff; color: var(--one-color);}
.head_nav .container>ul>li ul{ min-width: 100%; position: absolute; top: 100%; left: 50%; background: rgba(255,255,255,0.95); transform: translateX(-50%) translateY(1rem); transition: all 0.5s ease-out; opacity: 0; pointer-events: none; z-index: 2; padding: 1rem 0; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.head_nav .container>ul>li:hover ul{ opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0);}
.head_nav .container>ul>li ul li a{ font-size: 1.6rem; line-height: 3.6rem; display: block; text-align: center; color: #666;}
.head_nav .container>ul>li ul li:hover a{ color: #0062b2;}

.head_ss{ width: 25rem; height: 3.7rem; border: 1px solid #fff; border-radius: 1.9rem; position: relative; color: #fff;}
.head_ss button{ width: 3.7rem; height: 3.7rem; background: none; border: none; box-shadow: none; font-size: 1.8rem; outline: none; color: #fff; text-align: center;}
.head_ss button i{ display: inline-block; transform: translateY(-0.2rem);}
.head_ss input:first-child{ width: calc(100% - 3.7rem); height: 3.5rem; border: none; color: #fff; box-shadow: none; background: transparent; padding-left: 2rem; outline: none; font-size: 1.4rem;}
.head_ss input:first-child::placeholder{ color: #fff;}

.fixed_nav{ position: fixed; top: 0; left: 0; width: 100%; z-index: 990; opacity: 0; pointer-events: none; transition: all 0.3s ease; transform: translateY(-100%);}
.fixed_nav.cur{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.s_banner{ position: relative;}
.s_banner .swiper0 .swiper-slide a{ display: block; padding-top: 38.5%;}

.ico_prev, .ico_next{ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); color: #fff; cursor: pointer; outline: none;}
.ico_prev i, .ico_next i{ font-size: 5rem;}
.ico_prev{ left: 8%;}
.ico_next{ right: 8%;}



.s_biao{ color: var(--one-color); margin-bottom: 3rem; text-align: center;}
.s_biao span{ font-size: 3.6rem; display: block; margin-bottom: 2rem;}
.s_biao p{ font-size: 2rem; color: #666;}

.s_yewu{ background: #f4f6f9; padding-top: 4rem;}
/* .s_yewu .swiper-slide:hover img{ filter: blur(5px);} */
.s_yewu .swiper-slide a{ display: block; position: relative; color: #fff;}
.s_yewu .swiper-slide a img{ width: 100%;}
.s_yewu .swiper-slide a:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.35); position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease;}
.s_yewu .swiper-slide:hover a:after{ opacity: 0;}
.yw_text{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);  z-index: 3; width: 100%; text-align: center;}
.yw_text strong{ position: relative; display: block; font-weight: normal; font-size: 2.5rem;}
.yw_text span{ font-size: 2rem; display: block;}
.yw_text i{ font-size: 8rem; width: 14.6rem; height: 14.6rem; line-height: 1.2; display: flex; align-items:center; justify-content: center; border-radius: 50%; background: var(--one-color); color: #fff; margin: 0 auto; margin-bottom: 1rem;}

.s_news{ padding: 6rem 0;}
.s_news .s_biao{ border-bottom: 1px solid #ccc;}
.gs_news{ width: 75%;}
.hy_news{ width: 22%;}
.snew_li{ width: 48%; margin-bottom: 3rem;}
.snew_li a{ color: #333;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;}
.snew_img{ width: 45%;}
.snew_img i{ display: block; padding-top: 67%;}
.snew_text{ width: 50%; padding-top: 2rem;}
.snew_text h4{ font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1.5rem;}
.snew_text p{ font-size: 1.4rem; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_more{ padding-top: 3rem; border-top: 1px solid #ccc;}
.snew_more a{ font-size: 1.6rem; color: #666; transition: all 0.3s ease;}
.snew_more a:hover{ color: var(--one-color);}
.hy_news ul{ margin-bottom: 3rem;}
.hy_news ul li{ margin-bottom: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hy_news ul li a{ font-size: 1.6rem; color: #666; transition: all 0.3s ease;}
.hy_news ul li:hover a{ color: var(--one-color);}

.sab_left{ width: 42%;}
.sab_center{ color: #fff; background: url(../images/sab_2.jpg) center no-repeat; background-size: cover; width: 32%;}
.sab_right{ width: 26%;}
.sab_right ul{ height: 100%;}
.sab_right ul li{ height: 33.33%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.sab_right ul li a{ padding: 2rem 0; display: block; text-align: center; padding-left: 10%; color: #fff; font-size: 2rem;}
.sab_right ul li a i{ display: block; font-size: 6rem; line-height: 6rem;}
.sab_right ul li:nth-child(1){ background: #3b558d;}
.sab_right ul li:nth-child(2){ background: #2a4275;}
.sab_right ul li:nth-child(3){ background: #1d3058;}

.sab_center{ padding: 0 4rem;}
.sab_center h3{ margin-bottom: 3rem;}
.sab_center h3 strong{ font-size: 5.2rem;}
.sab_center h3 span{ font-size: 2.2rem; display: block;}
.sab_center p{ font-size: 1.6rem; line-height: 3.2rem;}
.sab_center h5{ margin-top: 3rem;}
.sab_center h5 a{ color: #ffff; display: inline-block; padding: 0 1rem; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 0.6rem; font-size: 1.4rem;}

.s_hezuo{ padding: 7rem 0;}
.s_hezuo ul{ justify-content: start;}
.s_hezuo ul li{ width: 16.66%; height:12rem; display:flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.s_hezuo ul li img{ max-width:80%; max-height:70%; transition: all 0.3s ease;}
.s_hezuo ul li:hover img{ transform: scale(1.05);}

.footer{ background: #1d3058; padding-top: 6rem;}
.foot_left{ width: 68%;}
.foot_right{ max-width: 25%;}
.foot_right ul li{ color: #fff; font-size: 1.4rem; margin-bottom: 1.5rem;}
.foot_logo{ margin-bottom: 2rem;}
.footer h4{ margin-bottom: 2rem;}
.footer h4 a{ font-size: 1.6rem; color: #fff;}
.footer h5{ margin-bottom:0;}
.footer h5 a{ font-size: 1.4rem; padding: 0.5rem 0; display: inline-block; color: rgba(255,255,255,0.35); transition: all 0.3s ease;}
.footer h5 a:hover{ color: #fff;}
.foot_di{ padding: 2rem 0; margin-top: 4rem;}
.foot_di, .foot_di a{ background: #18191a; color: rgba(255,255,255,0.35); font-size: 1.4rem;}


/* 内页 */

.n_banner{ padding-top: 35%; position: relative;}
.n_banner .container{  text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; font-weight: bold; color: #fff;}
.n_banner strong{ font-size: 5.2rem;}
.n_banner span{ font-size: 3.6rem; text-transform: uppercase; display: block;}

.weizhi{ border-bottom: 1px solid #dedede; padding: 2.5rem 0;}
.weizhi .flex_7{ flex-wrap: nowrap;}
.weizhi ul li:first-child{ padding-left: 0;}
.weizhi ul li a{ padding: .875rem 1.5rem; font-size: 1.625rem; color: #666; display: block; position: relative;}
.weizhi ul li{ position: relative; padding: 0 2rem;}
.weizhi ul li:last-child:before{ display: none;}
.weizhi ul li:before{ content: ''; width: 1px; height: 3rem; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/*.weizhi ul li.active a:after{ content: ''; width: 100%; height: 2px; background: var(--one-color); position: absolute; left: 0; bottom: 0;}*/
.weizhi ul li.active a{ color: var(--one-color); font-weight:bold;}
.weizhi ul.more li{ padding:0;}

.wz_a{flex-shrink: 0;}
.wz_a, .wz_a a{ font-size: 1.4rem; color: #666;}
.wz_a a i{ font-size: 1.8rem;}

.n_about1{ padding: 18rem 0; color: #fff;}
.n_about1 .container{ padding-right: 48%;}

.n_biao.hei{ color: #555;}
.n_biao.hei span{ color: #999;}
.n_biao.bai{ color: #fff;}
.n_biao{ margin-bottom: 3rem; color: var(--one-color);}
.n_biao strong{ font-size: 3.6rem;}
.n_biao span{ font-size: 2rem; display: block; text-transform: uppercase; font-weight: bold;}
.n_about1 p{ text-align: justify; font-size: 1.6rem; line-height: 3.6rem;}

.n_about2{ overflow: hidden; width: 100%;}
.nab2_left{ width: 44%;}
.nab2_right{ width: 56%; padding-left: 3rem;}
.nab2_right .n_biao{ color: var(--one-color);}
.nab2_right .ty_content p{ font-size: 1.6rem; line-height: 3.4rem; color: #666;}

.n_about3{ color: #fff; padding: 18rem 0;}
.n_about3 .container{ padding-right: 30%;}
.n_about3 p{ font-size: 1.6rem; line-height: 3.4rem; text-align: justify;}

.nyw_left, .nyw_right{ width: 50%;}
.yw_biao{ color: #333; margin-bottom: 2.5rem; position: relative;}
.yw_biao i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 9.8rem; color: rgba(0,0,0,0.13); font-family: 'BARLOWCONDENSED-BOLD'; font-style: normal;}
.yw_biao strong{ font-size: 3.2rem; font-weight: normal;}
.yw_biao span{ font-size: 2rem; display: block;}

.nyw_li{ width: 100%; overflow: hidden;}
.nyw_li .flex_3{
    align-items: stretch;
}
.nyw_li .nyw_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nyw_li .nyw_left img{
    aspect-ratio: 1.47 / 1;
    object-fit: cover;
}
.nyw_li .nyw_right .ty_content{
    max-height: 36rem;
    overflow-y: auto;
}
.nyw_li .ty_content{ padding-top: 1.5rem; border-top: 1px solid #ccc; font-size: 1.6rem; line-height: 3rem; text-align: left; text-indent: 2em; color: #666;}
.nyw_li:nth-child(2n-1) .nyw_right{ padding-left: 4rem;}
.nyw_li:nth-child(2n) .nyw_right{ padding-right: 4rem;}
.nyw_li:nth-child(2n) .nyw_left{ order: 2;}

.n_down{ padding: 6rem 0;}
.n_down .n_biao{ margin-bottom: 5rem;}
.nd_li{ background: #f0f4f7; padding: 4rem 0; margin-bottom: 3.5rem;}
.nd_name i{ font-size: 2.4rem; margin-right: 1rem;}
.nd_name{ font-size: 1.6rem; color: #666; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nd_li ul li{ margin-left: 4rem; font-size: 1.6rem;}
.nd_li ul li:nth-child(2) a{ background: #ec7c02;}
.nd_li ul li:nth-child(3) a{ background: #0062b2;}
.nd_li ul li a{ padding: 0.8rem 2rem; font-size: 1.6rem; border-radius: 3rem; color: #fff; display: block;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.nd_li ul li a i{ font-size: 2rem; margin-right: 1rem;}
.nd_li:hover .nd_name{ color: var(--one-color);}

.n_news{ padding: 6rem 0;}
.nnew_li{ padding: 4rem 0; border-bottom: 1px solid #dedede;}
.nnew_li:last-child{ border-bottom: none;}
.nnew_li a{ color: #666;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.nnew_img{ width: 42%; overflow: hidden;}
.nnew_img i{ display: block; padding-top: 67%; transition: all 0.3s ease;}
.nnew_text{ width: 55%; padding-top: 5rem;}
.nnew_text h3{ font-size: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2rem; transition: all 0.3s ease;}
.nnew_text p{ font-size: 1.6rem; line-height: 3rem; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.nnew_text h5{ margin-top: 4rem;}
.nnew_text h5 span{ display: inline-block; padding: 1rem 4rem; border-radius: 3rem; border: 1px solid #dedede; font-size: 1.4rem; transition: all 0.3s ease;}
.nnew_li:hover .nnew_img i{ transform: scale(1.05);}
.nnew_li:hover .nnew_text h3{ color: var(--one-color);}
.nnew_li:hover .nnew_text h5 span{ background: var(--one-color); color: #fff; border-color: var(--one-color);}

.new_content{ padding: 8rem 0;}
.new_content .container>h3{ font-weight: bold; font-size: 2.8rem; color: #666; margin-bottom: 2rem;}
.new_content .container>h5{ font-size: 1.6rem; color: #999; padding-bottom: 2rem; border-bottom: 1px solid #dedede;}
.new_content .ty_content{ margin-top: 4rem; font-size: 1.6rem; color: #666;}

.n_job{ padding: 6rem 0;}
.n_job .n_biao{ margin-bottom: 5rem;}
.job_li{ border: 1px solid #dedede; padding: 0 4rem; position: relative; margin-bottom: 2rem;}
.job_li:after{ content: ''; width: 0.4rem; position: absolute; left: -1px; top: 1rem;}
.job_text{ height: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease;}
.job_height{ padding-bottom: 3rem;}
.job_height>h5{ color: var(--one-color); font-size: 1.8rem; margin-top: 3rem;}
.job_height>h5 span{ margin-right: 2.5rem;}
.job_title{ position: relative; padding: 2rem 0;}
.job_title h4{ font-size: 2rem; color: #454545; margin-bottom: 1rem;}
.job_title h5{ font-size: 1.6rem; color: #666;}
.job_title i{ position: absolute; right: 0; top: 50%; font-size: 3rem; color: var(--one-color); transform: translateY(-50%); transition: all 0.3s ease;}
.job_li.active .job_text{ opacity: 1;}
.job_li.active .job_title i{ transform: rotate(90deg) translateX(-75%); transform-origin: center;}
.job_li:first-child .job_text{ height: auto;}

.nlx_1, .nlx_2{ padding: 6rem; position: relative;}

.nlx_1 ul li{ width: 31%; background: #f0f0f0; color: #333; transition: all 0.3s ease; position: relative; padding: 6rem 2rem; font-size: 1.8rem;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.nlx_1 ul li p{ margin: 0; min-width: 80%; line-height: 3rem;}
.nlx_1 ul li p span{ margin-right: 3rem;}
.nlx_1 ul li p span:last-child{ margin-right: 0;}
.nlx_1 ul li:hover{ background: var(--one-color); color: #fff;}
.nlx_1 ul li i{ position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%); width: 7.5rem; height: 7.5rem; border-radius: 50%; background: #fff; color: #000; text-align: center; line-height: 7.5rem; font-size: 3rem; box-shadow: 0 0 0.6rem rgba(0,0,0,0.13);}

.nlx_2 .caption{ width: 31%;}
.nlx_2 .form-group{ width: 100%;}
.nlx_2 .form-control{ font-size: 1.8rem; margin-bottom: 3rem; border-radius: 0; outline: none; box-shadow: none;}
.nlx_2 textarea{ padding: 1rem 2rem;}
.nlx_2 input{ height: 5.6rem; padding-left: 2rem;}
.nlx_2 p{ font-size: 1.6rem; color: #333; text-align: center;}
.nlx_2 button{ background: var(--one-color); color: #fff; font-size: 1.8rem;border-radius: 0; outline: none; box-shadow: none; padding: 0 10rem; height: 5.6rem;}
.nlx_2 button:hover{ color: #fff;}







.relative{ position: relative;}


.ty_content{ text-align: justify; font-size: 1.6rem; line-height: 3rem;}
.ty_content img{ max-width: 100%;}


.fanye{ text-align:center; padding:3rem 0;}
.fanye a{ display:inline-block; padding:0.6rem 1.2rem; border:1px solid #d8dee7; background:#d8dee7; font-size: 1.4rem; color:#666; text-decoration:none; border-radius: 0.2rem;}
.fanye a:hover{ color:#0062b2; border:1px solid #0062b2;}
.fanye a.active{ background:#0062b2; border:1px solid #0062b2; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #0062b2;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}


.fanye02{ margin-top: 6rem;}
.fanye02 a{ display: inline-block; padding: 0.8rem 3rem; border-radius: 1.8rem; border: 1px solid #dedede; font-size: 1.6rem; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #0062b2; border-color: #0062b2;}

.my-map { margin: 0 auto; width: 100%; height: 55rem; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }



.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}
.menu-link em{ display: inline-block; font-style: normal; font-size: 1.8rem;}
.menu-link span{ width: 2.5rem; height: 2rem; display: inline-block; position: relative;  margin-left: 0.5rem;}
.menu-link span i{ width: 100%; height: 0.4rem; display: block; background: #0062b2; position: absolute; top: 50%; left: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}
.menu-link span:after{ content: ''; background: #0062b2; width: 100%; height: 0.4rem; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}
.menu-link span:before{ content: ''; background: #0062b2; width: 100%; height: 0.4rem; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg); top: -0.05rem;}
.menu-link.active span:before{transform: rotate(45deg); bottom: -0.05rem;}
.menu-link.active span i{ background: transparent;}


.mod_fanye {
  padding: 2.5rem 0;
}

.mod_fanye ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod_fanye ul li.active span {
  background-color: #f8c013;
  color: #fff;
}

.mod_fanye ul li.disabled span {
  opacity: .5;
}

.mod_fanye ul li a, .mod_fanye ul li span {
  font-size: clamp(14px, 0.875rem, 0.72917vw);
  margin: 0 .5rem;
  padding: .5rem 1rem;
  border-radius: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: none;
  display: block;
}

.mod_fanye ul li a.activ:hover {
  color: #fff;
}

.mod_fanye ul li a:hover {
  color: #1a1a1a;
}

@media (max-width:767px){
  html{ font-size: 49%;}
  .menu-link{ display: block;}
  .logo{ height: 8rem;}
  .head_more{ display: none;}
  .head_nav.fixed_nav{ display: none;}
  .head_nav .container>ul, .head_ss{ width: 100%;}
  .head_nav.active{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .head_nav{ height: auto; opacity: 0; pointer-events: none; position: fixed; top: 8rem; width: 50%; right: 0; z-index: 2; transform: translateX(100%); transition: all 0.3s ease; padding: 3rem 0;}
  .head_nav .container>ul>li{ width: 100%;}
  .head_nav .container>ul>li>a{ display: block;}
  .head_nav .container>ul ul{ display: none;}
  .head_ss{ margin-top: 2rem;}
  .s_banner .swiper0 .swiper-slide a{ padding-top: 52.5%;}
  .s_biao span{ font-size: 2.6rem;}
  .yw_text i{ width: 10rem; height: 10rem; font-size: 5rem; line-height: 10rem;}
  .gs_news{ width: 100%;}
  .hy_news{ display: none;}
  .snew_li{ width: 100%;}
  .sab_left, .sab_center, .sab_right{ width: 100%;}
  .sab_center{ padding: 3rem 4rem;}
  .sab_center h3 strong{ font-size: 3.6rem;}
  .sab_right ul{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;}
  .sab_right ul li{ width: 33.33%; height: auto;}
  .sab_right ul li a{ padding:2rem 0; margin: 0 auto;}
  .s_hezuo ul li{ width: 33.33%; height:10rem; margin-bottom: 1rem;}
  .s_hezuo{ padding: 4rem 0;}
  .footer{ padding-top: 4rem;}
  .foot_left{ display: none;}
  .foot_right{ max-width: 100%;}
  .foot_di{ margin-top: 3rem;}

  /*.weizhi ul li a{ padding: 0;}*/
  /*.weizhi ul.more li{ padding: 0 1rem;}*/
  .weizhi ul li{ padding: 0;}
  .wz_a{ display: none;}
  .n_banner strong{ font-size: 3rem;}
  .n_banner span{ font-size: 2rem;}
  .n_about1{ padding: 5rem 0;}
  .n_about1 .container{ padding-right: 15px;}
  .n_biao{ margin-bottom: 2rem;}
  .n_biao strong{ font-size: 3rem;}
  .n_biao span{ font-size: 1.8rem;}
  .nyw_li{ margin-bottom: 3rem;}
  .nab2_left, .nab2_right, .nyw_left, .nyw_right{ width: 100%;}
  .nab2_right{ padding: 15px;}
  .n_about3{ padding: 5rem 0;}
  .n_about3 .container{ padding-right: 15px;}
  .nyw_li:nth-child(2n-1) .nyw_right{ padding-left: 0;}
  .nyw_li:nth-child(2n) .nyw_left{ order: 0;}
  .yw_biao{ margin-top: 3rem;}
  .yw_biao strong{ font-size: 2.4rem;}
  .yw_biao i{ font-size: 5rem; line-height: 6rem;}
  .nd_name{ max-width: 100%; width: 100%; margin-bottom: 2rem;}
  .nd_li ul{ width: 100%;}
  .nd_li ul li{ margin-left: 2rem;}
  .nd_li ul.flex_3{ justify-content: flex-end;}
  .fanye{ padding: 0;}
  .n_down, .n_news, .new_content{ padding: 4rem 0;}
  .nnew_img, .nnew_text{ width: 100%;}
  .nnew_text{ padding-top: 2rem;}
  .new_content .container>h3{ font-size: 2.4rem;}
  .fanye02 .text-right{ text-align: left !important; margin-top: 1rem;}
  .nlx_1 ul li{ width: 100%; margin-top: 6rem;}
  .nlx_1, .nlx_2{ padding:4rem 0;}
  .nlx_1 .justify-content-between{ justify-content: flex-start !important;}
  .nlx_2 .caption{ width: 100%;}
  .nlx_2 .form-control{ margin-bottom: 1rem;}
  .nnew_text h3{ font-size: 16px;}
  .nyw_li .nyw_right .ty_content{
    max-height: none;
    overflow-y: auto;
}
}

@media (min-width:768px) and (max-width:991px) {
  html{ font-size: 49%;}
  .menu-link{ display: block;}
  .logo{ height: 8rem;}
  .head_more{ display: none;}
  .head_nav.fixed_nav{ display: none;}
  .head_nav .container>ul, .head_ss{ width: 100%;}
  .head_nav.active{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .head_nav{ height: auto; opacity: 0; pointer-events: none; position: fixed; top: 8rem; width: 50%; right: 0; z-index: 2; transform: translateX(100%); transition: all 0.3s ease; padding: 3rem 0;}
  .head_nav .container>ul>li{ width: 100%;}
  .head_nav .container>ul>li>a{ display: block;}
  .head_nav .container>ul ul{ display: none;}
  .head_ss{ margin-top: 2rem;}
  .s_banner .swiper0 .swiper-slide a{ padding-top: 52.5%;}
  .s_biao span{ font-size: 2.6rem;}
  .yw_text i{ width: 10rem; height: 10rem; font-size: 5rem; line-height: 10rem;}
  .gs_news{ width: 100%;}
  .hy_news{ display: none;}
  .snew_li{ width: 100%;}
  .sab_left, .sab_center, .sab_right{ width: 100%;}
  .sab_center{ padding: 3rem 4rem;}
  .sab_center h3 strong{ font-size: 3.6rem;}
  .sab_right ul{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;}
  .sab_right ul li{ width: 33.33%; height: auto;}
  .sab_right ul li a{ padding:2rem 0; margin: 0 auto;}
  .s_hezuo ul li{ width: 25%; margin-bottom: 1rem;}
  .s_hezuo{ padding: 4rem 0;}
  .footer{ padding-top: 4rem;}
  .foot_left{ display: none;}
  .foot_right{ max-width: 100%;}
  .foot_di{ margin-top: 3rem;}


  .weizhi ul li a{ line-height: 6rem; padding: 0;}
  .weizhi ul li{ padding: 0 1rem;}
  .wz_a{ display: none;}
  .n_banner strong{ font-size: 3rem;}
  .n_banner span{ font-size: 2rem;}
  .n_about1{ padding: 5rem 0;}
  .n_about1 .container{ padding-right: 15px;}
  .n_biao{ margin-bottom: 2rem;}
  .n_biao strong{ font-size: 3rem;}
  .n_biao span{ font-size: 1.8rem;}
  .nyw_li{ margin-bottom: 3rem;}
  .nab2_left, .nab2_right, .nyw_left, .nyw_right{ width: 100%;}
  .nab2_right{ padding: 15px;}
  .n_about3{ padding: 5rem 0;}
  .n_about3 .container{ padding-right: 15px;}
  .nyw_li:nth-child(2n-1) .nyw_right{ padding-left: 0;}
  .nyw_li:nth-child(2n) .nyw_left{ order: 0;}
  .yw_biao{ margin-top: 3rem;}
  .yw_biao strong{ font-size: 2.4rem;}
  .yw_biao i{ font-size: 5rem; line-height: 6rem;}
  .nd_name{ max-width: 100%; width: 100%; margin-bottom: 2rem;}
  .nd_li ul{ width: 100%;}
  .nd_li ul li{ margin-left: 2rem;}
  .nd_li ul.flex_3{ justify-content: flex-end;}
  .fanye{ padding: 0;}
  .n_down, .n_news, .new_content{ padding: 4rem 0;}
  .nnew_img, .nnew_text{ width: 100%;}
  .nnew_text{ padding-top: 2rem;}
  .new_content .container>h3{ font-size: 2.4rem;}
  .fanye02 .text-right{ text-align: left !important; margin-top: 1rem;}
  .nlx_1 ul li{ width: 100%; margin-top: 6rem;}
  .nlx_1, .nlx_2{ padding:4rem 0;}
  .nlx_1 .justify-content-between{ justify-content: flex-start !important;}
  .nlx_2 .caption{ width: 100%;}
  .nlx_2 .form-control{ margin-bottom: 1rem;}
}

@media (min-width:991px) and (max-width:1200px) {
  html{ font-size: 49%;}
  .container{ max-width: calc(100% - 8rem);}
  .head_more{ padding-right: 6rem; margin-right: -6rem;}
  .nab2_right{ padding-right: 6rem;}
  .nyw_li:nth-child(2n-1) .nyw_left{ width: calc(50% + 6rem); margin-left: -6rem;}
  .nyw_li:nth-child(2n) .nyw_left{ width: calc(50% + 6rem); margin-right: -6rem;}
  .sab_center h3{ margin-bottom:2rem;}
  .sab_center h3 strong{ font-size: 3.6rem;}
  .sab_center p{ line-height:1.6;}
  .s_biao p{ font-size: 1.75rem;}
  .yw_text i{ width: 8rem; height: 8rem; font-size: 4rem;}
  .yw_text strong{ font-size: 2rem;}
  
  
  .weizhi ul.more li a{ padding:0 1rem;}
  
}

@media (min-width:1201px) and (max-width:1440px) {
  html{ font-size: 55%;}

  .container{ max-width: calc(100% - 18rem);}
  .head_more{ padding-right: 11rem; margin-right: -11rem;}
  .nab2_right{ padding-right: 11rem;}
  .nyw_li:nth-child(2n-1) .nyw_left{ width: calc(50% + 11rem); margin-left: -11rem;}
  .nyw_li:nth-child(2n) .nyw_left{ width: calc(50% + 11rem); margin-right: -11rem;}
  .s_biao p{ font-size: 1.75rem;}
  .yw_text i{ width: 10rem; height: 10rem; font-size: 6rem;}
  .yw_text strong{ font-size: 2.5rem;}
  
  .weizhi ul.more li a{ padding:0 1.25rem;}
}

@media (min-width:1441px){
  .container{ max-width: calc(100% - 43rem);}
  .head_more{ padding-right: 24rem; margin-right: -24rem;}
  .nab2_right{ padding-right: 24rem;}
  .nyw_li:nth-child(2n-1) .nyw_left{ width: calc(50% + 24rem); margin-left: -24rem;}
  .nyw_li:nth-child(2n) .nyw_left{ width: calc(50% + 24rem); margin-right: -24rem;}
}
@media (min-width:1441px) and (max-width:1620px) {
  html{ font-size: 55%;}
}
@media (min-width:1921px) {
  html{ font-size: 55%;}
  .container{ max-width: calc(1920px - 43rem);}
}