body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif';}
html{ scroll-behavior:smooth; }
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;}

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


@font-face {
	font-family: 'MONTSERRAT-BOLD';
	src: url('../fonts/MONTSERRAT-BOLD.oTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-LIGHT';
	src: url('../fonts/MONTSERRAT-LIGHT.oTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.oTF');
	font-weight: normal;
	font-style: normal;
}
.Mont_bold{font-family: 'MONTSERRAT-BOLD';}
.Mont_light{font-family: 'MONTSERRAT-LIGHT';}
.Mont_regular{font-family: 'MONTSERRAT-REGULAR';}


.ani-in{ opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}

.nmaodian{ position: absolute; left:0; top:-100px;}


#fp-nav{ left: 20px; transform: translateY(0);}
#fp-nav ul li, .fp-slidesNav ul li{ margin: 20px 7px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px;margin: -5px 0 0 -5px; background: #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width: 28px; height: 28px; background: url(../images/duo.png) center no-repeat; background-size: cover; margin: -14px 0 0 -14px;}


.header.op{ opacity: 0; pointer-events: none;}
.header.cur{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.header.cur .pc_nav ul li a{ color: #333;}
.header.cur .pc_nav ul li.active a{ color: #004ea2;}
.header.cur .pc_xian i{ color: #004ea2;}
.header.cur .head_more a, .header.cur .head_more div{ color: #666;}
.header.cur .head_more a:hover i, .header.cur .head_more div:hover i{ color: #004ea2;}
.header.cur .head_more .head_lang a{ background: #004ea2; color: #fff;}
.header.cur .head_lang a:after{ border-bottom: 5px solid #004ea2;}
.header.cur .logo a img:first-child{ display: none;}
.header.cur .logo a img:last-child{ display: block;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 9999; transition: all 0.5s;}
.header .container{ position: relative; padding: 0;}
.logo{ height: 61px; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}
.logo a img:last-child{ display: none;}

.pc_nav{ padding: 0 16%;}
.pc_nav ul li a{ line-height: 100px; padding: 0 30px; text-transform: uppercase; font-size: 16px; font-family: '微软雅黑'; color: #fff; display: block; letter-spacing: 1px;}


.head_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.head_more a, .head_more div{ width: 40px; height: 40px; display: inline-block; color: #fff; margin-left: 40px; transition: all 0.5s; text-align: center; line-height: 40px; font-style: 20px;}
.head_more a i{ display: inline-block; font-size: 20px;}
.head_more a:hover, .head_more div:hover{ opacity: 0.85;}
.head_lang{ position: relative;}
.head_more .head_lang a{ width: auto; height: auto; line-height: 24px; display: inline-block; padding: 5px 20px; border-radius: 4px; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); margin: 0; background: rgba(255,255,255,0.5); opacity: 0; pointer-events: none; transition: all 0.5s;}
.head_lang a:after{ content: ''; width: 0; height: 0; border-bottom: 5px solid rgba(255,255,255,0.5); border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.head_more .head_lang:hover a{ opacity: 1; pointer-events: auto; top: 100%;}

.pc_xian{ position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.21); top: 100%; pointer-events: none;}
.pc_xian i{ position: absolute; left: 0; bottom: -3px; z-index: 2; font-size: 30px; color: #fff; width: 30px; height: 30px; display: block; line-height: 30px; transition: all 1s; transition-timing-function:cubic-bezier(0.66, 0, 0.07, 1);}

.s_banner{ position: relative; height: 100%; width: 100%;}
.s_banner .swiper0{ width: 100%; height: 100%;}
.s_banner .swiper-slide{ overflow: hidden; position: relative; height: 100vh;}
.s_banner .swiper-slide>div{ display: block; height: 100%; position: relative;}
.ban_text{ position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; z-index: 2; color: #fff;}
.ban_text span{ font-size: 30px; line-height: 30px; display: block;}
.ban_text strong{ font-size: 52px; line-height: 52px; display: block; margin: 50px 0;}
.ban_text a{ display: inline-block; padding: 12px 40px; border-radius: 24px; background: rgba(255,255,255,0.2); color: #fff; line-height: 24px; vertical-align: middle; font-style: 18px; transition: all 0.5s; border: 1px solid transparent;}
.ban_text a:hover{ background: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.2);}
.ban_text a em{ display: inline-block; font-style: normal; vertical-align: middle;}
.ban_text a i{font-size: 36px; display: inline-block; vertical-align: middle;}

.s_banner .swiper0 .swiper-pagination0{ bottom: auto; top: 50%; right: 5%; left: auto; width: auto; color: #fff; font-size: 24px;}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 24px; font-family: 'MONTSERRAT-LIGHT';}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 42px; font-family: 'MONTSERRAT-BOLD';}
.s_banner .swiper0 .swiper-pagination0 span:before{content: '0';}

.banner_down{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; width: 70px; height: 70px; border-radius: 50%; background: rgba(255,255,255,0.85); z-index: 2; overflow: hidden;}
.banner_down i{ width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 36px; color: #004ea2; text-align: center; position: absolute; left: 0; top: 0;}
.banner_down i:first-child{ transform: translateY(-100%);
  -webkit-animation: banner_down1 1.6s infinite;
  animation: banner_down1 1.6s infinite}
.banner_down i:last-child{
  -webkit-animation: banner_down2 1.6s infinite;
  animation: banner_down2 1.6s infinite}

@-webkit-keyframes banner_down1 {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0);}
}
@keyframes banner_down1 {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0);}
}
@-webkit-keyframes banner_down2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(100%);}
}
@keyframes banner_down2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(100%);}
}
#zhiding{ position: fixed; right: 10px; bottom: 10px; z-index: 99; width: 60px; height: 60px; text-align: center; color: #fff; border-radius: 4px; background: linear-gradient(to right, #005bad 0%,#009ee7 100%); cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.5s;}
#zhiding.active{ opacity: 1; pointer-events: auto;}
#zhiding i{ line-height: 60px; display: inline-block; font-size: 30px;}

.s_about{ width: 62.5%; background: rgba(255,255,255,0.9); position: absolute; left: 0; bottom: 0; padding-top: 6%; padding-bottom: 4%;}
.s_about h2{ font-size: 52px; color: #004ea2; padding-bottom: 30px; border-bottom: 1px dashed #dedede; position: relative; margin: 0;}
.s_about h2 i{ position: absolute; right: 0; bottom: -10px; font-size: 46px;}
.s_about p{ font-size: 18px; font-family: '微软雅黑'; line-height: 42px; margin: 40px 0; text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
  .s_about ul li{ transform: translateX(0);}
.s_about ul li{ width: 33.33%; text-align: center; transform: translateX(-1); position: relative;}
.s_about ul li a{ display: block; height: 100%; font-size: 16px; padding: 30px 0; font-family: 'MONTSERRAT-LIGHT'; color: #474747; transition: all 0.5s; text-transform: uppercase; border: 1px solid #dedede;}
.s_about ul li:hover{ z-index: 2;}
.s_about ul li:hover a{ color: #004ea2; border-color: #004ea2;}
.s_about ul li a i{ margin-right: 10px; font-size: 24px; display: inline-block; vertical-align: middle;}
.s_about ul li:last-child{ border-right: 1px solid #dedede;}
.wangluo{ width: 145px; height: 145px; background: #004ea2; text-align: center; position: absolute; left: 100%; top: 0; color: #fff;}
.wangluo i{ font-size: 50px; line-height: 145px;}
em.xuan_1{ width: 105px; height: 105px; display: block; position: absolute; left: 20px; top: 20px; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.3); box-shadow: 0px 0px 10px rgba(255,255,255,0.3), 0px 0px 10px rgba(255,255,255,0.3) inset;
  -webkit-animation: em_xuan1 6s linear infinite;
  animation: em_xuan1 6s linear infinite;}
em.xuan_2{ width: 75px; height: 75px; display: block; position: absolute; left: 35px; top: 35px; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.5); box-shadow: 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5) inset;
  -webkit-animation: em_xuan2 5s linear infinite;
  animation: em_xuan2 5s linear infinite;}

@-webkit-keyframes em_xuan1 {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg);}
}
@keyframes em_xuan1 {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg);}
}
@-webkit-keyframes em_xuan2 {
  0% { transform: rotate(0); }
  100% { transform: rotate(-360deg);}
}
@keyframes em_xuan2 {
  0% { transform: rotate(0); }
  100% { transform: rotate(-360deg);}
}

.s_service{ position: absolute; top: 15%; left: 0; z-index: 2; width: 100%; color: #fff; text-align: center;}
.s_service h2{ margin: 0;}
.s_service h2 strong{ font-size: 52px; display: block; font-weight: normal;font-family: 'MONTSERRAT-BOLD'; text-transform: uppercase;}
.s_service h2 span{ display: inline-block; position: relative; text-transform: uppercase; font-size: 30px; margin-top: 30px; margin-bottom: 20px;}
.s_service h2 span:after{ content: ''; width: 50px; height: 1px; background: #Fff; right: calc(100% + 20px); top: 50%; position: absolute;}
.s_service h2 span:before{ content: ''; width: 50px; height: 1px; background: #fff; left: calc(100% + 20px); top: 50%; position: absolute;}
.s_service h4{ width: 60%; margin: 0 auto; font-family: '微软雅黑'; line-height: 36px;}
.s_service2{ position: absolute; bottom: 10%; left: 0; z-index: 2; width: 100%; text-align: center;}
.s_service2 ul li{ width: 20%;}
.s_service2 ul li a{ display: block; color: #fff; transition: all 0.5s; font-family: 'MONTSERRAT-LIGHT';}
.s_service2 ul li a i{ display: block; height: 70px; line-height: 70px; font-size: 24px; margin-bottom: 30px;}
.s_service2 ul li:nth-child(2) a i{ transform: scale(1.1);}
.s_service2 ul li:nth-child(3) a i{ transform: scale(0.9);}
.s_service2 ul li a span{ font-size: 18px; display: block; text-transform: uppercase;}
.s_service2 ul li.active a{ color: #00a0e9;}
.s_service2 .container{ position: relative;}
.serv_xian{ width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 70px;}
.serv_xian i{ width:160px; height: 2px; background: #00a0e9; position: absolute; bottom: 0; left: 0; transition: all 1s; transition-timing-function:cubic-bezier(0.66, 0, 0.07, 1);}
.section3 .swiper2{ width: 100%; height: 100%;}
.section3 .swiper2 .swiper-slide>div{ height: 100%; position: relative;}

.get_more a{ display: inline-block; padding: 12px 40px; border-radius: 24px; background: rgba(255,255,255,0.2); color: #fff; line-height: 24px; vertical-align: middle; font-style: 18px; transition: all 0.5s; border: 1px solid transparent;}
.get_more a:hover{ background: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.2);}
.get_more a em{ display: inline-block; font-style: normal; vertical-align: middle;}
.get_more a i{font-size: 36px; display: inline-block; vertical-align: middle;}

.s_map h2{ margin: 0; margin-bottom: 10px;}
.s_map h2 strong{ font-size: 52px; display: block; font-weight: normal;font-family: 'MONTSERRAT-BOLD'; text-transform: uppercase; color: #004ea2;}
.s_map h4{ width: 60%; margin: 0 auto; font-family: '微软雅黑'; line-height: 36px;}
.maps{ width: 80%; position: relative; margin: 0 auto; margin-top: 30px;}
.maps .map2{ position: absolute; top: 0; left: 0;}
.maps .map img, .maps .map2 img{ display: block; max-width: 100%;}
.maps .get_more{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.maps .get_more a{ background: #004ea2;}

.s_partner{ width: 60%; margin: 0 auto; padding-top: 50px;}
.s_partner h2{ margin: 0; margin-bottom: 50px;}
.s_partner h2 strong{ font-size: 52px; display: block; font-weight: normal;font-family: 'MONTSERRAT-BOLD'; text-transform: uppercase; color: #fff;}
.s_partner .swiper3 .swiper-slide ul li{ width: 20%;}
.s_partner .swiper3 .swiper-slide ul li a{ padding-top: 57.6%; display: block; position: relative; background: rgba(255,255,255,0.85); border: 1px solid #d8dcdc; border-right: none; border-bottom: none;}
.s_partner .swiper3 .swiper-slide ul{ border-right: 1px solid #d8dcdc; border-bottom: 1px solid #d8dcdc;}
.s_partner .swiper3 .swiper-slide ul li a img{ position: absolute; left: 0; right: 0; margin: 0 auto; display: block; top: 50%; transform: translateY(-50%); max-width: 80%; max-height: 50%;}
.s_partner .swiper-pagination3{ position: static; margin-top: 50px;}
.s_partner .swiper-pagination3 .swiper-pagination-bullet{ width: 17px; height: 17px; border: 3px solid #fff; background: transparent; opacity: 1; margin: 0 15px;}
.s_partner .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.footer{ padding-top: 5%; background: linear-gradient(to bottom, #00a0e9 0%,#004ea2 100%);}
.foot_link ul li{ display: inline-block; position: relative; padding: 0 5%;}
.foot_link{ margin: 60px 0;}
.foot_link ul li:after{ content: ''; width: 1px; height: 10px; background: rgba(255,255,255,0.5); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.foot_link ul li a{ color: #fff; font-size: 16px; text-transform: uppercase; font-family: 'MONTSERRAT-LIGHT';}
.foot_link ul li:last-child:after{ display: none;}

.foot_more{ margin: 50px 0;}
.foot_more a{ color: #fff; display: inline-block; margin:0 20px; transition: all 0.5s;}
.foot_more a:hover{ transform: scale(1.2);  text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.foot_more a i{ font-size: 24px;}

.foot_search{ width: 40%; margin: 0 auto; position: relative;}
.foot_search input{ width: calc(100% - 140px); height: 56px; background: rgba(255,255,255,0.1); border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 0 30px; font-size: 16px; color: #fff; padding-left: 70px; outline: none; box-shadow: none; border: none;}
.foot_search input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.foot_search i{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 24px;}
.foot_search button{ width: 140px; font-size: 16px; background: #76afda; border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}
.foot_di .container{ border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 15px; color: rgba(255,255,255,0.6); text-transform: uppercase;}
.foot_di a{ color: rgba(255,255,255,0.6); text-transform: uppercase;}


.header .container .foot_search{ opacity: 0; pointer-events: none; width: 30%; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(15px);}
.header .container .foot_search.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.header .container .foot_search input{ background: rgba(0,0,0,0.2);}

.n_banner{ padding-top: 41.6%; position: relative;}
.n_banner .ban_text{ top: 35%; text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
#ping{ position: absolute; bottom: 99px; left: 0;}
.ny_nav ul li{ width: 16.66%; text-align: center; position: relative;}
.ny_nav ul li a{ display: block; height: 100%; padding: 28px 0; font-size: 18px; color: #666; transition: all 0.3s;}
.ny_nav ul li a:hover{ color: #004ea2;}
.ny_nav ul li a i{ font-size: 30px; margin-right: 8px; display: inline-block; vertical-align: middle;}
.ny_nav ul li:nth-child(3) a i, .ny_nav ul li:nth-child(6) a i{ transform: scale(1.2);}
.ny_nav ul li.active a{ background: #004ea2; color: #fff;}
.ny_nav ul li:after{ content: ''; height: 40%; right: 0; top: 30%; background: #dedede; width: 1px; z-index: 2; position: absolute;}
.ny_nav ul li.active:after{ display: none;}
.ny_nav ul li:last-child:after{ display: none;}
.ny_nav ul.li4 li{ width: 25%;}
.ny_nav ul.li4 li a i{ transform: scale(1);}

.n_zhong{ padding: 60px 0;}
.n_about{ height: 100vh; position: relative;}
.n_about .s_about p{display: block;  overflow: auto; text-align: justify;}

.ny_biao{ font-size: 36px; color: #004ea2; text-transform: uppercase; margin-bottom: 30px;}

.n_culture{background: #fff; padding: 50px 0;}
.n_culture ul li{width: 25%; height: 700px; transition: all 0.6s;  text-align: center; color: #fff; position: relative;}
.n_culture ul li span{ display: block; padding-bottom: 30px; margin-bottom: 30px; font-size: 30px; position: relative;}
.n_culture ul li span:after{ content: ''; width: 50px; height: 1px; background: rgba(255,255,255,0.5); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.n_culture ul li span i{ display: block; font-size: 36px;}
.n_culture ul li p{ line-height: 36px; font-size: 18px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; font-family: '微软雅黑'; opacity: 0;}
  .n_culture ul li:after{ content: ''; width: 100%; height: 100%; background: #004ea2; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all 0.3s;}
.n_culture ul li.active{ width: 50%;}
.n_culture_text{ z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); left: 5%; width: 90%;}
.n_culture ul li.active:after{ opacity: 0.7;}
.n_culture ul li.active p{ opacity: 1;}

.n_certification{ background: #fff; padding-bottom: 60px;}
.n_certification .swiper0{ padding: 10px 0;}
.n_certification .swiper0 .swiper-slide a{ display: block; background: #f4f4f4; padding: 20px; padding-bottom: 0; transition: all 0.5s;}
.n_certification .swiper0 .swiper-slide:hover a{ background: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,0.2);}
.n_certification .container{ position: relative;}
.n_certification .swiper-button-prev0, .n_certification .swiper-button-next0{ width: 50px; height: 50px; top: 50%; transform: translateY(-50%); margin: 0; border-radius: 50%; background: #eeeeee; color: #004ea2; text-align: center; transition: all 0.3s; outline: none;}
.n_certification .swiper-button-prev0 i, .n_certification .swiper-button-next0 i{ display: inline-block; line-height: 50px; font-size: 24px;}
.n_certification .swiper-button-prev0:hover, .n_certification .swiper-button-next0:hover{ background: #004ea2; color: #fff;}
.n_certification .swiper-button-prev0{ left: -60px; width: 50px; height: 50px;}
.n_certification .swiper-button-next0{ right: -60px;}
.n_certification .swiper-button-next0 i{ transform: rotateY(180deg);}
.cer_img{ margin-bottom: 20px; padding-top: 68.2%; position: relative;}
.cer_img img{ max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.cer_name{ border-top: 1px solid #dedede; padding: 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;  text-align: center; font-size: 16px;}

.n_prospect{ position: relative;}
.n_prospect .ny_biao{ position: absolute; top: 8%; left: 0; width: 100%; color: #fff; z-index: 3;}
.n_prospect ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.n_prospect ul li{ position: absolute; width: 30%; text-align: justify; font-size: 18px; line-height: 30px; color: #fff;
  }
.n_prospect ul li p{ position: absolute; top: 50%; transform: translateY(-50%); width: calc(1005 - 120px);}
.n_prospect ul li .n_ico{ width: 60px; height: 60px; border-radius: 50%; background: #fff; color: #666; transition: all 0.3s; text-align: center; position: relative; z-index: 2;}
.n_prospect ul li .n_ico:before{ content: ''; width: calc(100% + 20px); height: calc(100% + 20px);  border:10px solid #4d9dd4; position: absolute; top: -10px; left: -10px; border-radius: 50%;}
.n_prospect ul li .n_ico:after{ content: ''; width: calc(100% + 40px); height: calc(100% + 40px); border: 1px solid rgba(255,255,255,0.65); position: absolute; top: -20px; left: -20px; border-radius: 50%;}

.n_prospect ul li .n_ico i{ line-height: 60px; display: inline-block; font-size: 32px;}
.n_prospect ul li:nth-child(1), .n_prospect ul li:nth-child(3){ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;}
.n_prospect ul li:nth-child(2), .n_prospect ul li:nth-child(4){ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.n_prospect ul li:nth-child(1), .n_prospect ul li:nth-child(2){ top: 29.5%;}
.n_prospect ul li:nth-child(3), .n_prospect ul li:nth-child(4){ top: 75%;}
.n_prospect ul li:nth-child(1), .n_prospect ul li:nth-child(3){ right: 61%;}
.n_prospect ul li:nth-child(2), .n_prospect ul li:nth-child(4){ left: 61%;}

.n_prospect ul li:nth-child(1) p, .n_prospect ul li:nth-child(3) p{ right: 120px;}
.n_prospect ul li:nth-child(2) p, .n_prospect ul li:nth-child(4) p{ left: 120px;}
.n_prospect ul li:hover .n_ico{ color: #004ea2;}

.n_social{ padding: 60px 0;}
.n_social ul li{ width: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
  .n_social ul li:first-child{ background: #fff; box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
  .n_social ul li:first-child>div{ width: 100%; padding: 0 5%;}
  .n_social ul li p{ line-height: 30px; color: #333; margin: 30px 0; font-size: 16px;}

.nnew_list .nnew_li{ margin-bottom: 30px; background: #fff;}
.nnew_list .nnew_li:hover .nnew_text h4{ color: #004ea2;}
.nnew_img{ width: 26.25%;}
.nnew_img i{ display: block; padding-top: 64.2%;}
.nnew_time{ width: 200px; position: relative; padding-left: 60px;}
.nnew_time:after{ content: ''; width: 1px; background: #dedede; height: 150px; right: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.nnew_time strong{ font-size: 30px; color: #004ea2; margin-bottom: 5px; display: block;}
.nnew_time span{ font-size: 18px; color: #666;}
.nnew_text{ width: calc(73.75% - 200px); padding: 0 30px;}
.nnew_text h4{ font-size: 18px; color: #333; margin-bottom: 20px; transition: all 0.3s;}
.nnew_text p{ font-size: 16px; color: #666; line-height: 30px;}

.nnew_ny{ background: #fff; padding: 60px 15%;}
.nnew_ny>h2{ line-height: 40px;}
.nnew_ny>h5{ color: #666; margin-top: 20px; font-size: 16px;}
.nnew_ny .ty_content{ margin-top: 30px;}

.fanye02 a:hover{ color: #004ea2;}
.fanye02 a{ font-size: 16px; margin: 30px 0; display: block; padding-left: 40px; position: relative; color: #666; transition: all 0.3s;}
.fanye02 a i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block;}
.fanye02 a span{ vertical-align: middle; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 110px);}
.fanye02 .row .col-md-6:nth-child(2) a{ padding-left: 0; padding-right: 40px; text-align: right;}
.fanye02 .row .col-md-6:nth-child(2) a i{ left: auto; right: 0; transform: rotateY(180deg) translateY(-50%);}
.nnew_back{ margin: 50px 0;}
.nnew_back a{ display: inline-block; border: 1px solid #Dedede; border-radius: 20px; padding: 8px 20px; font-size: 16px; text-transform: uppercase; color: #666; transition: all 0.3s;}
.nnew_back a:hover{ color: #004ea2; border-color: #004ea2;}
.fanye02{ border-top: 1px dashed #dedede;}

.n_solutions .swiper0{ padding: 30px 0;}
.n_solutions .swiper0 .swiper-slide a{ display: block; padding-top: 68.2%;}
.n_solutions .swiper0 .swiper-button-prev0, .n_solutions .swiper0 .swiper-button-next0{ width: 50px; height: 50px; top: 50%; transform: translateY(-50%); margin: 0; border-radius: 50%; background: #eeeeee; color: #004ea2; text-align: center; transition: all 0.3s; outline: none;}
.n_solutions .swiper0 .swiper-button-prev0 i, .n_solutions .swiper0 .swiper-button-next0 i{ display: inline-block; line-height: 50px; font-size: 24px;}
.n_solutions .swiper0 .swiper-button-prev0:hover, .n_solutions .swiper0 .swiper-button-next0:hover{ background: #004ea2; color: #fff;}
.n_solutions .swiper-button-prev0{ left: 15px; width: 50px; height: 50px;}
.n_solutions .swiper-button-next0{ right: 15px;}
.n_solutions .swiper-button-next0 i{ transform: rotateY(180deg);}

.ny_biao.biao_xian{ padding-bottom: 15px; position: relative;}
.ny_biao.biao_xian strong:after{ content: ''; width: 80px; height: 1px; background: #004ea2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.n_haiyun{ background: #fff;}
.hy_left{ width: 44%; padding-left: 5%;}
.hy_right{ width: 56%;}
.hy_left h2{ color: #004ea2; padding-bottom: 30px; border-bottom: 1px solid #dedede; margin-bottom: 30px; text-transform: uppercase;}

.map_contact{ position: absolute; right: 5%; bottom: 5%; z-index: 999; width: 620px; border-radius: 8px; max-width: 90%; background: rgba(255,255,255,0.95); padding:3% 2%;}
.map_contact h4{ margin: 0; margin-bottom: 25px; color: #333;}
.map_contact ul li{ margin-top: 15px;}
.map_contact ul li{ padding-left: 30px; position: relative; font-size: 16px;}
.map_contact ul li i{ display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #004ea2;}



/* 通用css */
.fanye{ text-align:center; padding:30px 0;}
.fanye a{ display:inline-block; width: 34px; height: 34px; border-radius: 50%; text-align: center; line-height: 32px; border:1px solid #dedede; color:#004ea2; text-decoration:none; transition: all 0.3s; font-size: 16px; margin: 0 5px;}
.fanye a i{ display: inline-block; line-height: 32px;}
.fanye a:hover{ color:#fff; border:1px solid #004ea2; background: #004ea2;}
.fanye a.active{ background:#004ea2; border:1px solid #004ea2; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #004ea2;}
.fanye a.cur{ opacity: 0.65; pointer-events: none}
.fanye a:first-child, .fanye a:last-child{ border: none;}

.ty_content{ text-align: justify; font-size: 16px; line-height: 30px; color: #454545;}
.ty_content img{ max-width: 100%;}
.ty_content ul{ padding-left: 20px; margin-top: 30px;}
.ty_content ul li{ position: relative; margin: 10px 0;}
.ty_content ul li:after{ content: ''; width: 6px; height: 6px; background: #004ea2; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}


.my-map { margin: 0 auto; border: 1px solid #dedede; width: 100%; height: 770px; position: relative;}
.my-map .icon { background: url(../images/map_logo) center no-repeat; background-size: cover; }
.my-map .icon-cir { height: 101px; width: 101px; }
.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; }

.lx_form{ padding-top: 60px; position: relative;}







.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; font-size: 12px; z-index: 10; width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: #004ea2; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:#004ea2;
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:#004ea2;
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }


@media (max-width:767px){
  .header{ height: 60px; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); z-index: 999;}
  .header .logo a img:first-child{ display: none;}
  .header .logo a img:last-child{ display: block;}
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 15px 0; position: static; transform: translateY(0);}
  .pc_nav{ padding: 15px 30px; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background: linear-gradient(to bottom, #005bad 0%,#009ee7 100%); transition: all 0.5s;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:last-child{ border: none;}
  .pc_nav ul li a{ line-height: 36px; padding: 5px 15px; color: #fff;}
  .head_more{ display: none;}
  .head_more a, .head_more div{margin-left: 0;}
  .xs_san{ position: absolute; right: 0; top: 9px;}
  .pc_xian{ display: none;}
  #fp-nav{ left: 5px;}

  .ban_text span{ font-size: 24px; line-height: 36px;}
  .ban_text strong{ font-size: 30px; line-height: 36px; margin: 30px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 5px; top: auto; bottom: 3%;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 18px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  .s_about{ padding: 20px 15px; width: 90%; left: 5%;}
  .s_about h2{ font-size: 30px; padding-bottom: 10px;}
  .s_about h2 i{ font-size: 24px; bottom: -6px;}
  .s_about p{ margin: 15px 0; line-height: 30px; font-size: 16px; -webkit-line-clamp: 7;}
  .s_about ul li a{ font-size: 12px; padding: 15px 0; text-align: center;}
  .s_about ul li a i{ display: block; margin: 0 auto;}
  .wangluo{ left: auto; top: auto; bottom: 100%; right: 0; width: 60px; height: 60px;}
  .wangluo i{ line-height: 60px; font-size: 14px;}
  em.xuan_1{ width: 40px; height: 40px; left: 10px; top: 10px;}
  em.xuan_2{ width: 30px; height: 30px; left: 15px; top: 15px;}
  .s_service h2 strong, .s_map h2 strong, .s_partner h2 strong{ font-size: 30px;}
  .s_service h2 span{ margin: 15px 0; font-size: 18px;}
  .s_service h4, .s_map h4{ line-height: 24px; width: 80%; font-size: 16px;}
  .serv_xian i{ width: 40px;}
  .s_service2 ul li a i{ margin-bottom: 20px;}
  .s_service2 ul li a span{ font-size: 12px;}
  .s_service2 ul li{ width: 25%;}
  .maps{ width: 100%;}
  .maps .get_more{ position: static; margin-top: 20px;}
  .get_more a{ padding: 10px 30px;}
  .s_partner{ width: 90%; padding-top: 30px;}
  .s_partner h2{ margin-bottom: 20px;}
  .s_partner .swiper3 .swiper-slide ul li{ width: 33.33%;}
  .s_partner .swiper-pagination3{ margin-top: 30px;}
  .footer{ padding-top: 30px;}
  .foot_logo a img{ height: 40px;}
  .foot_link, .foot_more{ margin: 30px 0;}
  .foot_link ul li{ padding: 0 5px;}
  .foot_link ul li a{ font-size: 14px;}
  .foot_search{ width: 90%;}
  .foot_search i{ left: 10px; font-size: 18px;}
  .foot_search button{ width: 100px; font-size: 14px;}
  .foot_search input{ width: calc(100% - 100px); height: 46px; font-size: 14px; padding-left: 40px;}
  .foot_more a{ margin: 0 10px;}
  .foot_di{ text-align: center;}
  .foot_di .text-right{ text-align: center;}
  #zhiding{ display: none; width: 30px; height: 30px; right: 0; bottom: 5px;}
  #zhiding i{ font-size: 14px; line-height: 30px;}

  .n_banner .banner_down{ display: none;}
  .ny_nav ul li{ width: 33.33%;overflow: hidden;}
  .ny_nav ul li a{ font-size: 14px; padding: 10px 0;}
  .ny_nav ul li a i{ font-size: 14px; margin-right: 0; display: block;}
  .n_zhong{ padding: 30px 0;}
  .ny_biao{ font-size: 24px;}
  .n_culture ul li.active{ width: 100%;}
  .n_culture ul li{ width: 100%; height: 200px;}
  .n_culture ul li span{ padding-bottom: 10px; margin-bottom: 10px; font-size: 24px;}
  .n_culture ul li span i{ font-size: 24px;}
  .n_culture ul li p{ font-size: 14px; line-height: 24px;}
  .n_culture ul li:after{ opacity: 0.7;}
  .n_culture ul li p{ opacity: 1;}
  .n_certification .swiper-button-prev0{ left: 15px;}
  .n_certification .swiper-button-next0{ right: 15px;}
  .n_prospect ul{ position: static; padding: 0 15px;}
  .n_prospect ul li{ position: static; width: 100%; font-size: 14px; line-height: 24px; color: #454545;}
  .n_prospect ul li .n_ico{ display: none;}
  .n_prospect ul li p{ position: static; transform: translateY(0);}
  .n_prospect img{ display: none !important;}
  .n_prospect .ny_biao{ position: static; color: #005bad;}
  .n_social ul li{ width: 100%;}
  .n_social ul li p{ margin: 15px 0;}
  .nnew_time{ display: none;}
  .nnew_img, .nnew_text{ width: 100%;}
  .nnew_text{ padding: 0 15px;}
  .fanye a{ margin: 0 2px;}
  .nnew_ny{ padding: 30px 15px;}
  .nnew_ny>h2{ font-size: 18px; line-height: 30px;}
  .ty_content{ font-size: 14px; line-height: 24px;}
  .hy_left, .hy_right{ width: 100%;}
  .hy_left{ padding: 0 15px;}
  .hy_left h2{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
  .my-map{ height: 600px;}
}

@media (min-width:768px) and (max-width:991px) {
  .header{ height: 60px; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); z-index: 999;}
  .header .logo a img:first-child{ display: none;}
  .header .logo a img:last-child{ display: block;}
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 15px 0; position: static; transform: translateY(0);}
  .pc_nav{ padding: 15px 30px; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background: linear-gradient(to bottom, #005bad 0%,#009ee7 100%); transition: all 0.5s;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:last-child{ border: none;}
  .pc_nav ul li a{ line-height: 36px; padding: 5px 15px; color: #fff;}
  .head_more{ display: none;}
  .head_more a, .head_more div{margin-left: 0;}
  .xs_san{ position: absolute; right: 0; top: 9px;}
  .pc_xian{ display: none;}
  #fp-nav{ left: 5px;}

  .ban_text span{ font-size: 24px; line-height: 36px;}
  .ban_text strong{ font-size: 30px; line-height: 36px; margin: 30px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 5px; top: auto; bottom: 3%;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 18px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  .s_about{ padding: 20px 15px; width: 90%; left: 5%;}
  .s_about h2{ font-size: 30px; padding-bottom: 10px;}
  .s_about h2 i{ font-size: 24px; bottom: -6px;}
  .s_about p{ margin: 15px 0; line-height: 30px; font-size: 16px;}
  .s_about ul li a{ font-size: 14px; padding: 15px 0; text-align: center;}
  .s_about ul li a i{ display: block; margin: 0 auto;}
  .wangluo{ left: auto; top: auto; bottom: 100%; right: 0; width: 60px; height: 60px;}
  .wangluo i{ line-height: 60px; font-size: 14px;}
  em.xuan_1{ width: 40px; height: 40px; left: 10px; top: 10px;}
  em.xuan_2{ width: 30px; height: 30px; left: 15px; top: 15px;}
  .s_service h2 strong, .s_map h2 strong, .s_partner h2 strong{ font-size: 30px;}
  .s_service h2 span{ margin: 15px 0; font-size: 18px;}
  .s_service h4, .s_map h4{ line-height: 24px; width: 80%; font-size: 16px;}
  .serv_xian i{ width: 40px;}
  .s_service2 ul li a i{ margin-bottom: 20px;}
  .s_service2 ul li a span{ font-size: 12px;}
  .s_service2 ul li{ width: 25%;}
  .maps{ width: 100%;}
  .maps .get_more{ position: static; margin-top: 20px;}
  .get_more a{ padding: 10px 30px;}
  .s_partner{ width: 90%; padding-top: 30px;}
  .s_partner h2{ margin-bottom: 20px;}
  .s_partner .swiper3 .swiper-slide ul li{ width: 33.33%;}
  .s_partner .swiper-pagination3{ margin-top: 30px;}
  .footer{ padding-top: 30px;}
  .foot_logo a img{ height: 40px;}
  .foot_link, .foot_more{ margin: 30px 0;}
  .foot_link ul li{ padding: 0 5px;}
  .foot_link ul li a{ font-size: 14px;}
  .foot_search{ width: 90%;}
  .foot_search i{ left: 10px; font-size: 18px;}
  .foot_search button{ width: 100px; font-size: 14px;}
  .foot_search input{ width: calc(100% - 100px); height: 46px; font-size: 14px; padding-left: 40px;}
  .foot_more a{ margin: 0 10px;}
  .foot_di{ text-align: center;}
  .foot_di .text-right{ text-align: center;}
  #zhiding{ display: none; width: 30px; height: 30px; right: 0; bottom: 5px;}
  #zhiding i{ font-size: 14px; line-height: 30px;}

  .n_banner .banner_down{ display: none;}
  .ny_nav ul li{ width: 33.33%;}
  .ny_nav ul li a{ font-size: 14px; padding: 10px 0;}
  .ny_nav ul li a i{ font-size: 14px; margin-right: 0; display: block;}
  .n_zhong{ padding: 30px 0;}
  .ny_biao{ font-size: 24px;}
  .n_culture ul li.active{ width: 100%;}
  .n_culture ul li{ width: 100%; height: 200px;}
  .n_culture ul li span{ padding-bottom: 10px; margin-bottom: 10px; font-size: 24px;}
  .n_culture ul li span i{ font-size: 24px;}
  .n_culture ul li p{ font-size: 14px; line-height: 24px;}
  .n_culture ul li:after{ opacity: 0.7;}
  .n_culture ul li p{ opacity: 1;}
  .n_certification .swiper-button-prev0{ left: 15px;}
  .n_certification .swiper-button-next0{ right: 15px;}
  .n_prospect ul{ position: static; padding: 0 15px;}
  .n_prospect ul li{ position: static; width: 100%; font-size: 14px; line-height: 24px; color: #454545;}
  .n_prospect ul li .n_ico{ display: none;}
  .n_prospect ul li p{ position: static; transform: translateY(0);}
  .n_prospect img{ display: none !important;}
  .n_prospect .ny_biao{ position: static; color: #005bad;}
  .n_social ul li{ width: 100%;}
  .n_social ul li p{ margin: 15px 0;}
  .nnew_time{ display: none;}
  .nnew_img, .nnew_text{ width: 100%;}
  .nnew_text{ padding: 0 15px;}
  .fanye a{ margin: 0 2px;}
  .nnew_ny{ padding: 30px 15px;}
  .nnew_ny>h2{ font-size: 18px; line-height: 30px;}
  .ty_content{ font-size: 14px; line-height: 24px;}
  .hy_left, .hy_right{ width: 100%;}
  .hy_left{ padding: 0 15px;}
  .hy_left h2{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
  .my-map{ height: 600px;}


}

@media (min-width:991px) and (max-width:1200px) {
  .pc_nav ul li a{ padding: 0 20px;}
  .pc_nav{ padding-left: 25%; padding-right: 15%;}
  .head_more a, .head_more div{ margin-left: 15px;}
  .ban_text strong{ font-size: 36px; margin: 30px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 15px;}
  .s_about{ padding: 50px; padding-left: 130px;}
  .s_about h2{ font-size: 30px; padding-bottom: 15px;}
  .s_about p{ line-height: 30px; font-size: 16px; margin: 15px 0;}
  .s_service{ top: 20%;}
  .s_service h2 strong, .s_map h2 strong, .s_partner h2 strong{ font-size: 30px;}
  .s_service h2 span{ margin: 20px 0; font-size: 18px;}
  .s_service h4, .s_map h4{ line-height: 30px; font-size: 16px;}
  .s_service2 ul li a span{ font-size: 16px;}
  .s_partner{ width: 80%;}
  .s_partner h2{ margin-bottom: 30px;}
  .s_partner .swiper-pagination3{ margin-top: 30px;}
  .footer{ padding-top: 3%;}
  .foot_logo a img{ height: 50px;}
  .foot_link, .foot_more{ margin: 40px 0;}
  .wangluo{ width: 100px; height: 100px;}
  .wangluo i{ line-height: 100px; font-size: 30px;}
  em.xuan_1{ width: 80px; height: 80px; left: 10px; top: 10px;}
  em.xuan_2{ width: 60px; height: 60px; left: 20px; top: 20px;}
  
  .n_zhong{ padding: 30px 0;}
  .ny_nav ul li a{ font-size: 16px; padding: 20px 0;}
  .ny_nav ul li a i{ font-size: 24px;}
  .nnew_ny{ padding: 40px 5%;}
}

@media (min-width:1201px) and (max-width:1440px) {
  .pc_nav ul li a{ padding: 0 20px;}
  .pc_nav{ padding-left: 25%; padding-right: 15%;}
  .head_more a, .head_more div{ margin-left: 15px;}
  .ban_text strong{ font-size: 36px; margin: 30px 0;}
  .s_banner .swiper0 .swiper-pagination0{ right: 15px;}
  .s_about{ padding: 50px; padding-left: 130px;}
  .s_about h2{ font-size: 30px; padding-bottom: 15px;}
  .s_about p{ line-height: 30px; font-size: 16px; margin: 15px 0;}
  .s_service{ top: 20%;}
  .s_service h2 strong, .s_map h2 strong, .s_partner h2 strong{ font-size: 30px;}
  .s_service h2 span{ margin: 20px 0; font-size: 18px;}
  .s_service h4, .s_map h4{ line-height: 30px; font-size: 16px;}
  .s_service2 ul li a span{ font-size: 16px;}
  .s_partner{ width: 78%;}
  .s_partner h2{ margin-bottom: 30px;}
  .s_partner .swiper-pagination3{ margin-top: 30px;}
  .footer{ padding-top: 3%;}
  .foot_logo a img{ height: 50px;}
  .foot_link, .foot_more{ margin: 40px 0;}
  .wangluo{ width: 100px; height: 100px;}
  .wangluo i{ line-height: 100px; font-size: 30px;}
  em.xuan_1{ width: 80px; height: 80px; left: 10px; top: 10px;}
  em.xuan_2{ width: 60px; height: 60px; left: 20px; top: 20px;}

  .ny_nav ul li a{ font-size: 16px; padding: 20px 0;}
  .ny_nav ul li a i{ font-size: 24px;}
  .nnew_ny{ padding: 40px 5%;}
}

@media (min-width:1441px){

  .container{ position: relative; width: calc(100% - 320px);}
  .s_about{ padding-left: 160px; padding-right: 160px;}
  .hy_left{ padding-left: 160px;}
}