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{
  --primary-color: #0071B9;
}

.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;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}
.flex-stretch-between{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.flex-start-between{
  display: flex;
  align-items: flex-start;
  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(--primary-color); height: 11rem; position: relative; padding-left: 8rem;}
.head_more:after{ content: ''; width: 0; height: 0; position: absolute; right: 100%; top: 0; border-right: 11rem solid var(--primary-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(--primary-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(--primary-color); height: 5.5rem;}
.head_nav .container>ul{ width: calc(100% - 25rem); display: flex; justify-content: space-between;}
.head_nav .container>ul>li{ text-align: center; position: relative;}
.head_nav .container>ul>li>a{ color: #fff; font-size: 2.25rem; line-height: 5.5rem; display: inline-block; padding: 0 2rem;}
.head_nav .container>ul>li.active>a{ background: #fff; color: var(--primary-color);}
.head_nav .container>ul>li ul{ min-width: 100%; position: absolute; top: 100%; left: 0; background: rgba(255,255,255,0.95); transform: translateY(1rem); transition: all 0.3s ease; opacity: 0; pointer-events: none; z-index: 2; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.head_nav .container>ul>li ul li{ position: relative; z-index: 2;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid #eee;}
.head_nav .container>ul>li ul li a{ text-align: center; font-size: 1.875rem; padding: 15px 5px; width: 100%; display: block; color: #666;}
.head_nav .container>ul>li ul li i{ font-size: 16px; color: #999; flex-shrink: 0; margin-right: 10px;}
.head_nav .container>ul>li ul li ul{ left: 100%; top: 0; transform: translate(0, 1rem); z-index: -1;}
.head_nav .container>ul>li ul li:hover ul{opacity: 1; pointer-events: auto; transform: translate(0);}
.head_nav .container>ul>li:hover > ul{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.head_nav .container>ul>li ul ul li{ border: none;}
.head_nav .container>ul>li ul ul li a{ padding: 10px 15px; font-size: 1.875rem; white-space: nowrap;}
.head_nav .container>ul>li ul ul li:hover a{ color: var(--primary-color); background: none;}
.head_nav .container>ul>li ul li:hover > a{ background: #f8f8f8; color: var(--primary-color);}

.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.75rem;}
.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(--primary-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: 4rem 0;}
/* .s_yewu .swiper-slide:hover img{ filter: blur(5px);} */
.s_yewu .swiper-slide a{ display: block; position: relative; color: rgba(255,255,255,.75);}
.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;}
.s_yewu .swiper-slide:hover a .yw_text strong{ color: #fff;}
.s_yewu .swiper-button-prev, .s_yewu .swiper-button-next{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: rgba(0,0,0,.45);
    
}
.s_yewu .swiper-button-prev::after, .s_yewu .swiper-button-next::after{color: #fff;
    font-size: 1.875rem;}
.yw_text{ position: absolute; bottom: 0; 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.7rem;  transition: all .3s;}
.yw_text span{ font-size: 2rem; display: block;}
.yw_text i{ font-size: 8rem; width: 14.6rem; height: 14.6rem; line-height: 14.6rem; border-radius: 50%; background: var(--primary-color); color: #fff; display: block; margin: 0 auto; margin-bottom: 2rem;}

.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(--primary-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(--primary-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 li img{ height: 8.4rem; transition: all 0.3s ease; display: block;}
.s_hezuo ul li:hover img{ transform: scale(1.05);}

.footer{ background: var(--primary-color); padding-top: 6rem;}
.foot_left{ width: 68%;}
.foot_right{ max-width: 25%;}
.foot_right ul li{ color: #fff; font-size: 1.625rem; margin-bottom: 1.5rem;}
.foot_logo{ margin-bottom: 3rem;}
.footer h4{ margin-bottom: 3rem;}
.footer h4 a{ font-size: 2.25rem; color: #fff;}
.footer h5 a{ font-size: 2rem; padding: 0.5rem 0; display: inline-block; color: rgba(255,255,255,1); transition: all 0.3s ease;}
.footer h5 a:hover{ color: #fff; letter-spacing: 0.2rem;}
.foot_di{ padding: 2rem 0; margin-top: 6rem; border-top:1px solid rgba(255,255,255,.1);}
.foot_di, .foot_di a{ background: var(--primary-color); color: rgba(255,255,255,.75); font-size: 1.75rem;}


/* 内页 */

.n_banner{ padding-top: 20%; 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;}
.weizhi ul li:first-child{ padding-left: 0;}
.weizhi ul li a{ line-height: 9.4rem; padding: 0 1rem; font-size: 18px; color: #666; display: block; position: relative;}
.weizhi ul li{ position: relative; padding: 0 3rem;}
.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{ color: var(--primary-color); }
.weizhi ul li.active a:after{ content: ''; width: 100%; height: 2px; background: var(--primary-color); position: absolute; left: 0; bottom: 0;}

.wz_a, .wz_a a{ font-size: 14px; 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(--primary-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(--primary-color);}
.nab2_right .ty_content p{ font-size: 1.6rem; line-height: 3.4rem; color: #666;}

.n_about3{ color: #fff; padding: 16rem 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 .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(--primary-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: 1.25rem 4rem; border-radius: 3rem; border: 1px solid #dedede; font-size: 1.75rem; transition: all 0.3s ease;}
.nnew_li:hover .nnew_img i{ transform: scale(1.05);}
.nnew_li:hover .nnew_text h3{ color: var(--primary-color);}
.nnew_li:hover .nnew_text h5 span{ background: var(--primary-color); color: #fff; border-color: var(--primary-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(--primary-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(--primary-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(--primary-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(--primary-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%;}


.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: #0062b2;
  color: #fff;
}

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

.mod_fanye ul li a, .mod_fanye ul li span {
  font-size: 14px;
  margin: 0 .5rem;
  padding: .875rem 1.5rem;
  border-radius: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: none;
}

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

.mod_fanye ul li a:hover {
  color: #0062b2;
}


/*.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_bgc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ny_left ul li{
  margin-bottom: 4px;
  position: relative;
  color: #3a3a3a;
  background: #f2f2f2;
  padding: 12px 16px;
  font-size: 16px;
}
.ny_left ul li a{
  display: block;
  transition: all .3s ease;
  color: #3a3a3a;
}
.ny_left ul li a:hover{
  color: var(--primary-color);
}
.ny_left ul li.active{
  background: var(--primary-color);
}
.ny_left ul li.active a{
  color: #fff;
}

.product_list{
  padding: 4rem 0;
}
.product_list .items .item a {
  display: block;
}

.product_list .items .item a:hover .img .text {
  opacity: 1;
}

.product_list .items .item a:hover .img .text h2 {
  transform: translateY(0);
}

.product_list .items .item a .img {
  aspect-ratio: 1.42/1;
  position: relative;
  overflow: hidden;
  /* border-radius: 1rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #666666;
}

.product_list .items .item a .img img {
  object-fit: contain;
  max-width: 90%;
  max-height: 90%;
  mix-blend-mode: multiply;
}

.product_list .items .item a .img .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,113,185,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 1.5rem;
  text-align: center;
  opacity: 0;
  transition: all .3s ease;
}

.product_list .items .item a .img .text h2 {
  margin: 0;
  position: relative;
  padding-bottom: .75rem;
  line-height: 1.6;
  transform: translateY(2rem);
  transition: all .3s ease;
  word-break: break-all;
  font-size: 16px;
}

.product_list .items .item a .img .text h2::after {
  content: '';
  width: 3.75rem;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.product_list .items .item a .name {
  color: #474747;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1rem;
  font-size: 15px;
}

/* product_list2 */

.product_list2{
  padding: 4rem 0;
}
.product_list2 .item{
  padding: 1.5rem 0;
  border-bottom: 1px solid #eee;
}
.product_list2 .item .row{
/*align-items: center;*/
}
.product_list2 .item:last-child{
  border-bottom: none;
}
.product_list2 .item a {
  display: block;
}

.product_list2 .item .img {
  aspect-ratio: 1.42/1;
  background-color: #666666;
}
.product_list2 .item .text{
    /*height: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
}
.product_list2 .item .text h3{
  color: #474747;
  line-height: 1.6;
  font-size:clamp(16px, 1.875rem, 1.041vw);
}
.product_list2 .item .text p{
  color: #666;
  line-height: 1.8;
  font-size:clamp(14px, 1.5rem, .9375vw);
  margin: 0;
}

/* product_list2 */





.product_detail {
  padding: 4rem 0;
}

.product_detail .detail_left {
  width: 53%;
  margin-bottom: 2.5rem;
}

.product_detail .detail_left .swiper_imgs {
  width: 9.375rem;
  height: 40rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev, .product_detail .detail_left .swiper_imgs .swiper2_next {
  height: 2.875rem;
  width: 100%;
  background: #f4f4f4;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev.swiper-button-disabled, .product_detail .detail_left .swiper_imgs .swiper2_next.swiper-button-disabled {
  pointer-events: none;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev:hover, .product_detail .detail_left .swiper_imgs .swiper2_next:hover {
  background: var(--primary-color);
  color: #fff;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev i, .product_detail .detail_left .swiper_imgs .swiper2_next i {
  font-size: 1.5rem;
}

.product_detail .detail_left .swiper2 {
  height: 22rem;
  margin: 1.25rem 0;
  width: 100%;
}

.product_detail .detail_left .swiper2 .swiper-slide {
  border: 1px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_left .swiper2 .swiper-slide.active {
  border: 1px solid var(--primary-color);
  background: #f4f4f4;
}

.product_detail .detail_left .swiper2 .swiper-slide img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}

.product_detail .detail_left .swiper1 {
  border: 1px solid #F2F2F2;
  width: calc(100% - 10.875rem);
  height: 40rem;
}

.product_detail .detail_left .swiper1 > a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  color: #131313;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 3;
}

.product_detail .detail_left .swiper1 .swiper-slide {
  overflow: hidden;
}

.product_detail .detail_left .swiper1 .swiper-slide:hover .zoomImg {
  opacity: 1;
}

.product_detail .detail_left .swiper1 .swiper-slide .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_detail .detail_left .swiper1 .swiper-slide .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product_detail .detail_left .swiper1 .swiper-slide .zoomImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px;
  opacity: 0;
  z-index: 2;
}

.product_detail .detail_right {
  width: calc(47% - 30px);
  margin-bottom: 2.5rem;
}

.product_detail .detail_right h1 {
  color: #151515;
  margin-bottom: 1.5rem;
}

.product_detail .detail_right p {
  color: #525252;
  line-height: 1.8;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 16px;
}

.product_detail .detail_right ul {
  margin: 1.5rem 0;
  background: #f4f4f4;
}

.product_detail .detail_right ul li {
  width: 33.33%;
  position: relative;
}

.product_detail .detail_right ul li::after {
  content: '';
  height: 1.125rem;
  width: 1px;
  background: #dddddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product_detail .detail_right ul li:last-child::after {
  display: none;
}

.product_detail .detail_right ul li a {
  padding: 1rem 0;
  color: #474747;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_right ul li a:hover {
  color: var(--primary-color);
}

.product_detail .detail_right ul li a i {
  margin-right: .5rem;
  font-size: 1.25rem;
}
.product_detail .detail_content {
  padding-top: 2rem;
  margin-bottom: 4rem;
}

.product_detail .detail_content > ul {
  display: flex;
  flex-wrap: wrap;
  background: #f4f4f4;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.product_detail .detail_content > ul li {
  width: 20%;
}

.product_detail .detail_content > ul li:last-child a::after {
  display: none;
}

.product_detail .detail_content > ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0;
  transition: all .3s ease;
  color: #474747;
  position: relative;
  font-size: 18px;
}

.product_detail .detail_content > ul li a::after {
  content: '';
  width: 1px;
  height: 40%;
  background: #cccccc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product_detail .detail_content > ul li a::before {
  content: '';
  width: 100%;
  height: 3px;
  background: var(--primary-color);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transition: all .3s ease;
}

.product_detail .detail_content > ul li a i {
  font-size: 1.5rem;
  margin-right: .5rem;
}

.product_detail .detail_content > ul li a.active {
  color: var(--primary-color);
}

.product_detail .detail_content > ul li a.active::before {
  opacity: 1;
}

.product_detail .detail_content .mod_content {
  padding: 2.5rem 4.25rem;
  border: 1px solid #eee;
  border-top: none;
  color: #666666;
  font-size: 16px;
}

.product_detail .detail_content .mod_content ul li {
  margin-bottom: 1rem;
}

.product_detail .detail_content .mod_content ul li::marker {
  color: var(--primary-color);
}

.product_detail .detail_content .mod_content iframe {
  width: 100%;
  min-height: 37.5rem;
}

.product_detail .detail_content .download {
  padding: 2.5rem 4.25rem;
  border: 1px solid #eee;
  border-top: none;
  background: #f8f8f8;
}

@media (max-width: 991px) {
  .product_list .items .item {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .product_detail .flex-start-between {
    flex-wrap: wrap;
  }
  .product_detail .flex-start-between .detail_left {
    width: 100%;
  }
  .product_detail .flex-start-between .detail_right {
    width: 100%;
  }
  .product_detail .flex-start-between .detail_right .pro_hot .items {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product_detail .flex-start-between .detail_right .pro_hot .items .item {
    width: 48%;
  }
  .product_detail .detail_content > ul {
    overflow: scroll;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    width: 100%;
  }
  .product_detail .detail_content > ul li {
    width: 28%;
    flex-shrink: 0;
  }
  .product_detail .detail_content .mod_content {
    padding: 15px;
  }
  .product_detail .detail_content > ul li a{ font-size: 16px;}
  .product_detail .detail_right p, .product_detail .detail_content .mod_content{
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .product_list .items .item {
    width: calc((100% - (2 - 1) * 2.5rem)/2);
    margin-bottom: 2rem;
  }
  .product_list .items .item:not(:nth-child(2n)) {
    margin-right: 2.5rem;
  }
}
/* 产品模块样式 */


@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%; margin-bottom: 1rem;}
  .s_hezuo ul li:nth-child(1), .s_hezuo ul li:nth-child(2){ width: 50%;}
  .s_hezuo ul li img{ margin: 0 auto; height: 6rem;}
  .s_hezuo{ padding: 4rem 0;}
  .footer{ padding-top: 4rem;}
  .foot_left{ display: none;}
  .foot_right{ max-width: 100%;}
  .foot_di{ margin-top: 3rem;}
  .ny_left{ margin-bottom: 20px;}
  .ny_left ul{ display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .ny_left ul li{ margin: 2px; padding: 6px 8px;}
  .weizhi ul li a{ line-height: 6rem; padding: 0; font-size: 16px;}
  .weizhi ul li{ padding: 0 1rem;}
  .wz_a{ display: none;}
  .n_banner{ padding-top: 34%;}
  .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: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: 33.33%; margin-bottom: 1rem;}
  .s_hezuo ul li:nth-child(1), .s_hezuo ul li:nth-child(2){ width: 50%;}
  .s_hezuo ul li img{ margin: 0 auto; height: 6rem;}
  .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;}
  
}

@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;}
  
}

@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){
  .container{
    max-width: calc(1920px - 43rem);
  }
}