﻿
body{ margin: 0; padding: 0; font-family:'微软雅黑', '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;}


@font-face {
	font-family: 'BEBAS';
	src: url('../fonts/BEBAS.TTF');
	font-weight: normal;
	font-style: normal;
  
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
  
}

@font-face {
	font-family: 'DIN-BOLD';
	src: url('../fonts/DIN-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

body::-webkit-scrollbar {
  display: none;
}

.ani-in{ opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.5s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.5s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.5s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.5s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.5s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.5s;}

.ani-zhuan{ transform: rotateY(-180deg); opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-zhuan.cur{ transform: rotateY(0deg); opacity: 1; pointer-events: none; transition-delay: 0.5s;}
.ani-in2{ opacity: 0; pointer-events: none; transition: all 1s ease-out;}
.ani-in2.cur{ opacity: 1; pointer-events: none; transition-delay: 0.5s;}



#fp-nav{ right: 20px; margin: 0 !important;}
#fp-nav ul li, .fp-slidesNav ul li{ margin: 0; margin-bottom: 30px; width: 24px; height: 24px;}
#fp-nav ul li a{ width: 100%; height: 100%; position: relative;}
#fp-nav ul li a:after{ content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%; transition: all 0.3s;}
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{ margin-bottom: 0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 50%; height: 100%; background: transparent; position: absolute; left: auto; right: -10px; top: 0; border-radius: 0; overflow: hidden; margin: 0; opacity: 0; transition: all 0.5s;}
#fp-nav ul li a span:after, .fp-slidesNav ul li a span:after{ content: ''; width: 200%; height: 100%; border-radius: 50%; border: 0px solid #006EC3; position: absolute; right: 0; top: 0;}
#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: 50%; height: 100%; margin: 0; border-radius: 0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 50%; height: 100%; margin: 0; }
#fp-nav ul li a.active:after, .fp-slidesNav ul li a.active:after{ background: #00365E;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ right: 0; opacity: 1;}


/*导航开始*/

/* 内页 */
/* .header.ny{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); height: 88px;}
.header.ny .pc_nav{ position: relative; z-index: 2; margin-top: 0;}
.header.ny .pc_nav>ul>li>a{ color: #000; line-height: 88px; height: 88px;}
.header.ny .pc_nav>ul>li.active>a{ color: #fff; font-weight: bold;}
.header.ny .pc_nav>ul>li.active.cur a{ color: #000;}
.header.ny .xian{ pointer-events: none; background: none; z-index: 1; top: auto; bottom: 0;}
.header.ny .xian i{ height: 88px; transition: all 0.3s;}

.header.ny .nav_more{ top: 5px; color: #434242;}
.header.ny .nav_lang a{ color: #434242;}
.header.ny .nav_tel_ss a{ color: #434242;} */
/* 内页 */

.container{ width: calc(100% - 220px); padding: 0;}

.xian.active{background: rgba(0,0,0,0.1);}
.xian{ width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.2); transition: all 0.3s; pointer-events: none;}
.xian i{ display: block; content: ''; width: 29px; height: 25px; transform: translateX(-50%); background: url(../images/ico.png) center no-repeat; background-size: cover; border-radius: 50%; position: absolute; left: 0; bottom: -12.5px; z-index: 2; transition: all 0.6s;}

.header.active{ background: rgba(255,255,255,1);}
.header.active .pc_nav>ul>li>a{ color: #333;}
.header.active .nav_tel_ss a{ color: #333;}
.header.active .xian i{ background: url(../images/ico.png) center no-repeat; background-size: cover;}
.header.active .logo a img:first-child{ display: none;}
.header.active .logo a img:last-child{ display: block;}

.header.ny.active{box-shadow:0px 1px 4px rgba(0,0,0,0.1);}
.header.ny.active .xian{ background: rgba(0,0,0,0.1);}
.header.ny.active .xian i{ background: url(../images/ico.png) center no-repeat; background-size: cover;}


.header{ position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; height: 100px; transition: all 0.3s; background: rgba(0,0,0,0);
  /*box-shadow:0px 1px 4px rgba(0,0,0,0.1); */
}
.header .container{ position: relative; padding-left: 28%; padding-right: 250px;}
.logo{ position: absolute; z-index: 2; left: 0; top: 0; height: 100px; transition: all 0.3s;}
.logo a{ display: block; height:100%;}
.logo a img{ display: none;}
.logo a img:first-child{ display: block;}
.logo a img{ max-height: 100%; max-width: 100%;}
.pc_nav{ transition: all 0.3s;}
.pc_nav>ul{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.pc_nav>ul>li{ position: relative;}
.pc_nav>ul>li>a{ display: block; line-height: 100px; height: 100px; padding: 0 18px; position: relative; font-size: 18px; color: #fff; transition: all 0.3s;}
.pc_nav>ul>li>a i{ display: inline-block; font-size: 18px; margin-right: 10px;}
.pc_nav>ul>li:hover>a{ color: #fff;}
.pc_nav>ul>li:hover .erji{ opacity: 1; pointer-events: auto; top: 100%;}

.erji{ opacity: 0; pointer-events: none; position: absolute; top: calc(110%); left: 50%; transform: translateX(-50%); white-space: nowrap; transition: all 0.3s;}
.erji:after{ content: ''; width: 5000px; height: 100%; background: rgba(0,0,0,0.45); position: absolute; left: -1920px; top: 0; z-index: -1;}
.erji ul{ width: auto; padding: 15px 0;}
.erji ul li{ display: inline-block; margin: 0 10px;}
.erji ul li a{ font-size: 16px; color: #fff; padding: 5px 0; display: block; transition: all 0.3s;}
.erji ul li a:hover{ color: #006EC3;}

/* .pc_nav>ul>li:hover .erji{ display: block;}
.erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 120px; display: none;}
.erji .ej_li{ text-align: left; margin: 0; position: relative; background: rgba(0,0,0,0.95);border-bottom: 1px solid rgba(255,255,255,0.1);}
.erji .ej_li>a{ line-height: 24px; padding: 8px 15px; text-align: center; color: #fff; display: block; font-size: 15px; white-space: nowrap; font-size: 16px;}
.erji .ej_li:last-child{ border-bottom: none;}
.erji .ej_li:hover>a{ color: #f4e8bb;} */

.nav_more{ position: absolute; right: 0; top: 15px; z-index: 2; text-align: right; transition: all 0.3s; line-height: 80px; color: #fff;}
.lang_a{ font-size: 24px; transition: all 0.3s;}

.nav_tel_ss{ display: inline-block; line-height: 20px; margin-left: 10px;}
.nav_tel_ss a:first-child{ margin-left: 0;}
.nav_tel_ss a{ display: inline-block; margin-left: 40px; color: #fff;}
.nav_tel_ss a i{ font-size: 24px; transition: all 0.3s;}
.nav_tel_ss a:hover i{ color: #fac000;}

.tel_ss_bai.active{ opacity: 1; pointer-events: auto; top: calc(100% + 10px);}
.tel_ss_bai{ width: 260px; height: 180px; background: #fff; color: #333; position: absolute; top: calc(100% + 20px); right: 0; box-shadow: 0px 4px 8px rgba(0,0,0,0.3); opacity: 0; pointer-events: none;  transition: all 0.3s;}
.tel_ss_bai:after{ content: ''; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 1px solid #dedede; position: absolute; pointer-events: none;}
.tel_bai{ padding-top: 40px; text-align: center; font-size: 24px; line-height: 46px;}
.tel_bai span{ display: block;}

.ss_bai{ text-align: center; padding-top: 35px; font-size: 18px; line-height: 46px;}
.ss_bai .form-group{ width: 80%; margin: 0 auto; line-height: auto; font-size: 16px; position: relative;}
.ss_bai .form-group input{ outline: none; line-height: 36px; border: none; border-bottom: 1px solid #999; width: 100%; padding-right: 39px;}
.ss_bai .form-group button{ position: absolute; right: 0; top: 0; height: 39px; background: none; text-align: center; width: 39px; line-height: 39px; border: none; outline: none;}
.ss_bai .form-group button i{ font-size: 24px;}

.s_banner{ position: relative;}
.s_banner .swiper-slide a{ height: 100vh; display: block; position: relative; overflow: hidden;}
.s_banner .swiper-pagination{ bottom: 5%; left: 110px; width: 130px; text-align: left; color: #fff; font-size: 24px; font-family: 'MyriadPro-Regular';}
.s_banner .swiper-pagination .swiper-pagination-current{ font-size: 60px; font-family: 'DIN-BOLD';}
.ban_text{ position: absolute; left: 0; top: 30%; width: 100%; text-align: left; color: #fff;}
.ban_text strong{ font-size: 80px; line-height: 80px; font-family: 'BEBAS';}
.ban_text span{ display: block; margin: 10px 0; margin-bottom: 30px; font-size: 28px; line-height: 36px;}
.ban_text i{ width: 20px; height: 20px; background: #000; border-radius: 50%; display: inline-block; position: relative;margin-left: 20px;}
.ban_text i:after{ content: ''; width: 100%; height: 100%; border-radius: 50%; background: #fff; position: absolute; right: 0; opacity: 0; top: 0; z-index: 2;}

.s_banner .swiper0 .swiper-slide.swiper-slide-active .ban_text i:after{
  -webkit-animation: yuan_left 0.3s 0.6s;
  animation: yuan_left 0.3s 0.6s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}
@-webkit-keyframes yuan_left {
  0%{ right: 0; opacity: 0;}
  100%{ right: 80%; opacity: 1;}
}
@keyframes yuan_left {
  0%{ right: 0; opacity: 0;}
  100%{ right: 80%; opacity: 1;}
}

.shubiao{ width: 28px; height: 37px; background: url(../images/shubiao.png) center no-repeat; background-size: cover; position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto; z-index: 2;
  -webkit-animation: shangxia 2s infinite;
  animation: shangxia 2s infinite;
}

@-webkit-keyframes shangxia {
  0%{ transform: translateY(0);}
  70%{ transform: translateY(15px);}
  100%{ transform: translateY(0);}
}
@keyframes shangxia {
  0%{ transform: translateY(0);}
  70%{ transform: translateY(15px);}
  100%{ transform: translateY(0);}
}


/* 第二屏开始 */
.s_about{ height: 100vh; position: relative; width: 100%; background: url(../images/pg_2.jpg) center no-repeat; background-size: cover;}

.s_about .container{ position: absolute; top: 30%; left: 0; right: 0; margin: 0 auto; padding-left: 54%;}
.s_about .s_biao{ margin-bottom: 60px;}
.s_about p{ font-size: 18px; line-height: 40px; color: #333333;}
.s_about ul{ margin-top: 50px;}
.s_about ul li{ display: inline-block; padding: 0 10px; font-size: 20px; text-align: center; position: relative;}
.s_about ul li a{ color: #FFF; display: block; transition: all 0.3s; background-color: #006EC3; padding: 5px 20px;}
.s_about ul li a:hover{ color: #000;}
.s_about ul li i{ font-size: 42px; display: block; margin: 0 auto;}
.s_about ul li:first-child:after{ display: none;}
.s_about ul li:after{ content: ''; width: 1px; height: 90%; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 5%;}
.s_about ul li:first-child{ padding-left: 0;}
.s_about ul li:last-child{ padding-right: 0;}

@media (max-width:769px) {
	.s_about ul li:after{ content: ''; width:0px; height: 90%; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 5%; }
	.s_about ul li a{ color: #FFF; display: block; transition: all 0.3s; background-color: #006EC3; padding: 5px 20px;margin-bottom: 10px;}
	.s_about ul li:first-child{ padding-left: 8px;}
	.s_about ul li:last-child{ padding-right: 8px;}
	
}



.s_biao{color: #006EC3; font-size: 24px;}
.s_biao span{ font-size: 60px; font-family: 'BEBAS'; display: block;}

/* 第三屏开始 */
.s_yewu{ height: 100vh; width: 100%; position: relative; overflow: hidden;}
.s_yewu .swiper1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.s_yewu .swiper1 .swiper-slide{ position: relative; transition: all 0.6s;}
.s_yewu .swiper1 .swiper-slide:nth-child(2n){ background: rgba(0,0,0,0.1);}
.s_yewu .swiper1 .swiper-slide:nth-child(2n-1){ background: rgba(0,0,0,0.2);}
.s_yewu .swiper1 .swiper-slide:hover{ background: rgba(0,0,0,0.6);}
.s_yewu .swiper1 .swiper-button-prev, .s_yewu .swiper1 .swiper-button-next{ width: 100px; height: 100px; background: rgba(0,0,0,0.6); text-align: center; transform: translateY(-50%); margin: 0; transition: all 0.3s;}
.s_yewu .swiper1 .swiper-button-prev:hover, .s_yewu .swiper1 .swiper-button-next:hover{ border-radius: 50%;}
.s_yewu .swiper1 .swiper-button-prev{ left: 3%;}
.s_yewu .swiper1 .swiper-button-next{ right: 3%;}
.s_yewu .swiper1 .swiper-button-prev i, .s_yewu .swiper1 .swiper-button-next i{ line-height: 100px; font-size: 30px; color: #fff;}

.syw_text{ color: #fff; position: absolute; bottom: 7%; width: 70%; left: 15%; z-index: 2;}
.syw_text strong{font-family: 'Arial'; font-size:14px;}
.syw_text span{ display: block; font-size: 24px; margin: 25px 0;}
.syw_text a{ width: 46px; height: 46px; border-radius: 50%; overflow: hidden; border: 0px solid #fff; display: block; position: relative;}
.syw_text a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background: url(../images/you.png) center no-repeat; background-size: cover;}
.syw_text a:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0%; top: 0; background: url(../images/you.png) center no-repeat; background-size: cover;}

.s_yewu .swiper1 .swiper-slide:hover .syw_text a:before{ -webkit-animation: you1 1s infinite; animation: you1 1s infinite;}
.s_yewu .swiper1 .swiper-slide:hover .syw_text a:after{ -webkit-animation: you2 1s infinite; animation: you2 1s infinite;}

@-webkit-keyframes you1 {
  0%{ left: 0;}
  100%{ left: 100%;}
}
@keyframes you1 {
  0%{ left: 0;}
  100%{ left: 100%;}
}

@-webkit-keyframes you2 {
  0%{ left: -100%;}
  100%{ left: 0;}
}
@keyframes you2 {
  0%{ left: -100%;}
  100%{ left: 0;}
}

.s_yewu .swiper1_1{ pointer-events: none; width: 100%; height: 100%;}
.s_yewu .swiper1_1 .swiper-slide a{ display: block; height: 100vh;}


.yewu_yuan{ position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 26%; z-index: 10; pointer-events: none;}
.yuan_xu{ padding-top: 100%; width: 100%;}
.yuan_xu:before{ content: ''; width: 0px; height: 0px; border: 0px solid #fff; background-color:#FFF;border-radius: 50%; position: absolute; top: -7px; left: calc(50% - 12px);}
.yuan_xu:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; border: 0px solid #fff; /* border-top-color: transparent; */ /* transform: rotate(-45deg); */}
.yuan_xu i{ width: 15px; height: 15px; border-radius: 50%; background: #fff; position: absolute; left: calc(50% - 12px); top: calc(100% - 7px);}
.yewu_yuan .s_biao{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 2;}


/* 第四屏开始 */
.s_xiangmu{ height: 100vh; width: 100%; position: relative; background: url(../images/pg_4.jpg) center no-repeat; background-size: cover;}


.s_xiangmu .dw_juzhong{ width: 100%; position: absolute; top: calc(50% + 50px); transform: translateY(-50%); z-index: 2; left: 0; right: 0;}
.s_xiangmu .s_biao{ margin-bottom: 40px;}
.s_xiangmu .swiper-container .swiper-slide{ width: 35%;}
.s_xiangmu .swiper-container .swiper-slide a{ display: block; padding-top: 64%; position: relative;}
.s_xiangmu .swiper-container .swiper-slide a span{ position: absolute; left: 0; bottom: 0; width: 100%; background-image: linear-gradient(90deg,rgba(255,255,255,1), rgba(255,255,255,0));display: block; /* writing-mode:tb-rl; */ padding:30px 20px; font-size: 20px; color: #2c4486; letter-spacing: 2px; transition: all 0.6s;}
.s_xiangmu .swiper-container .swiper-slide.swiper-slide-active a span{ background-image: linear-gradient(90deg,rgba(0,110,195,1), rgba(0,110,195,0)); color: #fff;}

.s_xiangmu .swiper_fanye{ text-align: center; margin-top: 40px;}
.s_xiangmu .swiper_fanye .swiper-button-prev, .s_xiangmu .swiper_fanye .swiper-button-next{ display: inline-block; position: static; width: 70px; height: 70px; border-radius: 50%; border: 0px dashed #fff; color: #fff;  transition: all 0.3s; text-align: center; margin: 0 15px; background: none;}
.s_xiangmu .swiper_fanye .swiper-button-prev:hover, .s_xiangmu .swiper_fanye .swiper-button-next:hover{ color: #006EC3; border-color: #006EC3;}
.s_xiangmu .swiper_fanye .swiper-button-prev i, .s_xiangmu .swiper_fanye .swiper-button-next i{ display: inline-block; line-height: 68px; font-size: 30px;}


/* 第五屏开始 */
.s_new{ height: 100vh; width: 100%; position: relative; background: url(../images/pg_5.jpg) center no-repeat; background-size: cover;}
.s_new .container{ position: absolute; top: calc(50% + 50px); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.s_new .s_biao{ margin-bottom: 30px;}
.s_new .swiper3{ margin-right: 2%;}
.s_new .swiper3 .swiper-slide:hover .snew_img a{ transform: scale(1.1);}
.snew_img{ overflow: hidden; position: relative;}
.snew_img a{ padding-top: 51%; display: block; transition: all 0.6s;}
.snew_img i{ position: absolute; right: 0; bottom: 0; z-index: 2; color: #fff; background: rgba(0,0,0,0.6); padding: 5px 10px; display: inline-block; font-size: 18px; font-style: normal;}

.snew_text h3{ color: #fff; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_text h4{ color: rgba(255,255,255,0.6); line-height: 30px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}

.snew_li{ padding:40px 0; padding-left: 145px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.3);}
.snew_time{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; transition: all 0.3s; font-size: 18px;}
.snew_time span{ font-size: 40px; line-height: 40px; margin-bottom: 10px; display: block; font-family: 'DIN-BOLD';}
.snew_li .snew_text h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_list{ margin-top: 10%; margin-left: 6%;}
.snew_list .snew_li:last-child{ border-bottom: none;}
.snew_li:hover .snew_time{ color: #006EC3;}

.s_new .swiper3 .swiper-pagination3{ position: static; text-align: left; margin-top: 20px;}
.s_new .swiper3 .swiper-pagination3 .swiper-pagination-bullet{ width: auto; height: auto; padding: 0 20px; border-right: 1px solid rgba(255,255,255,0.5); background: none; border-radius: 0; box-shadow: none; color: #fff; opacity: 1; margin: 0; line-height: 16px; position: relative; transition: all 0.3;}
.s_new .swiper3 .swiper-pagination3 .swiper-pagination-bullet:last-child{ border: none;}
/* .s_new .swiper3 .swiper-pagination3 .swiper-pagination-bullet:after{ content: ''; width: 0px; height: 0px; background: #FFF; border-radius: 50%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.3;} */
.s_new .swiper3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{ padding-left: 20px; background-color: #006EC3;}
.s_new .swiper3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width: 10px; height: 10px; opacity: 1;}



/* 第六屏开始 */
.s_hezuo{ height: 100vh; width: 100%; position: relative; background: url(../images/pg_6.jpg) center no-repeat; background-size: cover;}
.s_hezuo .container{ position: absolute; top: calc(50% + 50px); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.s_hezuo ul{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.s_hezuo ul li{ width: 14%; margin-right: 3.2%;}
.s_hezuo ul li span{ position: relative; display: block; width: 100%;}
.s_hezuo ul li span i{ display: block; margin: 0 auto; width: 75%; padding-top: 75%; background: #fff; border-radius: 6px; transform: rotate(45deg);}
.s_hezuo ul li span img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; max-width: 60%; display: block; max-height: 60%;}
.s_hezuo ul li:first-child{ margin-left: 8%;}
.s_hezuo ul li:nth-child(12){ margin-left: 8%;}
.s_hezuo ul li:nth-child(11), .s_hezuo ul li:nth-child(5), .s_hezuo ul li:nth-child(16){ margin-right: 0;}
.s_hezuo ul li:hover span img{ transform: translateY(-50%) rotateY(180deg); transition: all 0.6s;}

.s_hezuo ul li:hover span{ -webkit-animation: fanzhuan 1s; animation: fanzhuan 1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;}

@-webkit-keyframes fanzhuan {
  0%{ transform: rotateY(0deg);}
  100%{ transform: rotateY(180deg);}
}
@keyframes fanzhuan {
  0%{ transform: rotateY(0deg);}
  100%{ transform: rotateY(180deg);}
}
.s_hezuo .swiper4{ padding: 50px 0; padding-bottom: 100px;}

.s_hezuo .swiper4 .swiper-pagination4{ bottom: 0;}
.s_hezuo .swiper4 .swiper-pagination4 .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 10px; background: #fff; opacity: 1;}
.s_hezuo .swiper4 .swiper-pagination4 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #006EC3;}

.footer{ background: #333333; padding-top: 75px;}
.footer ul{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.footer ul li{ width: 25%; border-left: 1px solid rgba(255,255,255,0.06);}
/* .footer ul li:last-child{ border: none;} */
.footer ul li h4{ padding-left: 31%; color: #fff; margin-bottom: 30px;}
.footer ul li p{ padding-left: 31%;}
.footer ul li p a{ color: rgba(255,255,255,0.26); transition: all 0.3s;}
.footer ul li p a:hover{ color: rgba(255,255,255,1);}

.foot_di{ color: rgba(255,255,255,0.26); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.06);}
.foot_di .caption{ padding-top: 8px;}
.foot_di span{ display: inline-block; margin-left: 15px;}
.foot_di a{ color: rgba(255,255,255,0.26); transition: all 0.3s;}
.foot_di a:hover{ color: rgba(255,255,255,1);}
.ftdi_a{ text-align: right;}
.ftdi_a a{ display: inline-block; position: relative; margin-right: 20px; width: 38px; height: 38px; text-align: center; background: rgba(255,255,255,0.1); border-radius: 50%;}
.foot_di .ftdi_a a span{ margin-left: 0;}
.ftdi_a a span{ width: 120px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s; opacity: 0; pointer-events: none;}
.ftdi_a a span img{ display: block; width: 100%;}
.ftdi_a a:hover span{ opacity: 1; bottom: 100%; pointer-events: auto;}
.ftdi_a a i{ display: inline-block; line-height: 38px; color: rgba(255,255,255,0.26); transition: all 0.3s;}
.ftdi_a a:hover i{ color: rgba(255,255,255,1);}

#foot_top i{ transform: rotate(-40deg);}



/* 内页样式开始 */

.n_banner{ padding-top: 32%; position: relative;}
.nban_text{ width: 100%; position: absolute; top:50%; left: 0; z-index: 2; white-space: nowrap; text-align: center;line-height: 55px}
.nban_text strong{ font-size: 40px; display: block;;}
.nban_text span{ font-size: 16px; text-transform: uppercase; font-weight: normal;}
.nban_text a{color: #FFF;}
.n_zhong{ padding: 60px 0;}

.nab_nav{ position: absolute; bottom:-85px; z-index: 10; left: 0; width: 100%;}
.nab_nav ul{display: flex; /* background: rgba(0,0,0,0.2); */background-color: #2c4486; padding: 30px 0; /* border-top-left-radius: 10px; border-top-right-radius: 10px; */
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.nab_nav ul li{ width: 10%; font-size: 18px; text-align: center; position: relative;}
.nab_nav ul li:last-child:after{ display: none;}
.nab_nav ul li:after{ content: ''; width: 0; border-right: 1px dashed #FFF; height: 100%; position: absolute; right: 0; top: 0;}
.nab_nav ul li a{ color: #cecece; transition: all 0.3s; display: block;}
.nab_nav ul li i{ display: block; margin: 0 auto; text-align: center; font-size: 36px; margin-bottom: 5px;}
.nab_nav ul li:hover a{ color: #FFF;font-size:18px; font-weight:700;}
.nab_nav ul li.active a{ color: #FFF;font-size:18px; font-weight:700;}
.nab_nav ul li:hover a i{ animation: rotate .5s linear 2;}

@media (max-width:767px){
	.nab_nav{ position: absolute; bottom:-25px; z-index: 10; left: 0; width: 100%;}
	.nab_nav ul li{ width:auto;padding: 0 10px; font-size: 16px; text-align: center; position: relative;}
	.nnew_list{
		margin-top:-55px;
	}
}


@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(10px);
       
    }
    75% {
        ransform: translateY(5px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}


.ab_1_flex{ margin: 70px 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ab_1_flex:hover .ab_1_text h2{ color: #2c4486;}
.ab_1_flex:hover .ab_1_text h2 strong:after{ background: #2c4486;}
.ab_1_text{ width: 39%;}
.ab_1_img{ width: 39%; margin-left: 4%;}
.ab_1_numb{ font-size: 140px; line-height: 120px; position: relative; font-weight: bold; color: #ccc; font-family: 'DIN-BOLD'; padding-bottom: -20px; margin-bottom: -80px;margin-left:-10px;}
/* .ab_1_numb:after{ content: ''; width: 16px; height: 16px; background: #ccc; position: absolute; bottom: 0; left: 0;} */
.ab_1_text h2{ font-size: 28px; color: #333; margin-bottom: 40px; transition: all 0.3s;}
.ab_1_text h2 strong{ display: inline-block; position: relative;}
.ab_1_text h2 strong:after{ transition: all 0.3s; content: ''; width: 70px; height: 1px; background: #333; position: absolute; left: calc(100% + 30px); top: 50%; transform: translateY(-50%);}
.ab_1_text p{ font-size:16px; color: #666; line-height:32px; text-align: justify;}
.ab_1_img{ position: relative;}
.ab_1_img:after{ content: ''; width: 100%; height: 50%; background: #e5e5e5; position: absolute; bottom: 0; left: 0; z-index: -1;}
.ab_1_img img{ margin-left: 20%; width: 80%; display: block;}
.ab_1_img span{ position: absolute; left: 10%; top: 15%; font-size: 28px; text-transform: uppercase; display: inline-block; color: #4a4f53; font-family: 'DIN-BOLD';}
.ab_1_img span:after{ content: ''; width: 70px; height: 1px; background: #4a4f53; position: absolute; right: calc(100% + 30px); top: 50%; transform: translateY(-50%);}

.about_1 .ab_1_flex:nth-child(2n) h2{ text-align: right;}
.about_1 .ab_1_flex:nth-child(2n) h2 strong:after{ left: auto; right: calc(100% + 30px);}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_numb{ text-align: right;}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_numb:after{ left: auto; right: 0;}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_img{ margin-right: 4%; margin-left: 0;}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_img img{ margin-left: auto; margin-right: 20%;}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_img span{ left: auto; right: 10%;}
.about_1 .ab_1_flex:nth-child(2n) .ab_1_img span:after{ right: auto; left: calc(100% + 30px);}


.n_biao{ text-align: center; margin-bottom:50px;}
.n_biao strong{ font-weight: normal; display: block; font-size: 20px; color: #2c4486; text-transform: uppercase; margin-top: 5px;}
.n_biao span{ font-size: 30px; display: inline-block; position: relative; color: #474747;}
.n_biao span i{ width: 9px; height: 9px; border-radius: 50%; border: 1px solid #474747; background: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.n_biao span i:first-child{ left: -25px;}
.n_biao span i:last-child{ right: -25px;}
.n_biao span:after{ content: ''; width: 150px; height: 1px; background: #474747; position: absolute; right: calc(100% + 25px); top: 50%; transform: translateY(-50%);}
.n_biao span:before{ content: ''; width: 150px; height: 1px; background: #474747; position: absolute; left: calc(100% + 25px); top: 50%; transform: translateY(-50%);}

.about_5 ul{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.about_5 ul li{ width:50%; overflow: hidden;}
.about_5 ul li a{ display: block; padding-top:79%; position: relative;}
.about_5 ul li a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #2c4486; opacity: 0; transition: all 0.3s; z-index: 2;}
.about_5 ul li:hover a:after{ opacity: 1;}
.about_5 ul li:hover .ab_5_text{ top: 15%;}
.about_5 ul li:hover .ab_5_text p{ opacity: 0.9;}
.about_5 ul li:nth-child(3) .ab_5_text i{ font-size: 60px;}

.ab_5_text{ position: absolute; top: 65%; left: 0; right: 0; width: 76%; margin: 0 auto; z-index: 10; color: #fff;  transition: all 0.6s;}
.ab_5_text i{ border-radius: 50%; width: 90px; height: 90px; margin: 0 auto; /* background: rgba(255,255,255,0.85); */ display: block; text-align: center; line-height: 90px; font-size: 46px; color: #FFF;} 
.ab_5_text h2{ padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.5); position: relative; text-align: center; margin: 25px 0; margin-bottom: 30px;}
.ab_5_text h2:after{ content: ''; width: 50px; height: 4px; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto; z-index: 2; background: #fff;}
.ab_5_text p{ text-align: center; font-size: 18px; line-height: 36px; opacity: 0; transition: all 0.3s;}

.about_4{ padding: 0 14%;}
.about_4 ul:after{ content: ''; clear: both; display: table;}
.about_4 ul li{ width: 50%; float: left;}
.about_4 ul li a{ display: block; padding: 15px 0; text-align: center; background: #eeeeee; color: #333; font-size: 20px;}
.about_4 ul li.active a{ background: #2c4486; color: #fff;}

.honor_list{ margin-top: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}

.honor_li{ width: 30%; background: #f4f4f4; position: relative; margin-bottom: 50px; margin-right: 5%;}
.honor_li:nth-child(3n){ margin-right: 0;}
.honor_li:after{ content: ''; width: 100%; height: 100%; background: rgba(44,68,134,0.9); position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s; opacity: 0; pointer-events: none;}
.honor_li:before{ pointer-events: none; width: 40px; height: 40px; content: ''; position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: block; background: url(../images/fdj.png) center no-repeat; background-size: cover; z-index: 3; opacity: 0; transition: all 0.3s;}
.honor_img a{ display: block; padding-top: 90%; position: relative;}
.honor_img a img{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); max-width: 90%; max-height: 80%; display: block; z-index: 2;}
.honor_name{ padding: 20px 0; font-size: 16px; color: #666; margin: 0 auto; width: 90%; position: relative; z-index: 10; border-top: 1px solid rgba(168, 168, 168, 0.2); text-align: center;}
.honor_li:hover:after, .honor_li:hover:before{ opacity: 1;}
.honor_li:hover .honor_name{ color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.2);}

.about_2{ background: url(../images/jgbj.jpg) center no-repeat; background-size: cover; padding-top: 150px; padding-bottom: 250px;}
.about_2 .n_biao{ margin-bottom: 70px;}
.about_2 .n_biao span, .about_2 .n_biao strong{ color: #fff;}
.about_2 .n_biao span:after, .about_2 .n_biao span:before{ background: #fff;}
.about_2 .ty_content img{ display: block; max-width: 90%; margin: 0 auto;}

.jiagou_li{ background: #f4f4f4; padding: 30px 40px; margin: 0 7%; margin-top: 40px; transition: all 0.3s;}
.jiagou_li h4{ padding-right: 60px; position: relative;font-size: 20px; margin-bottom: 20px;}
.jiagou_li h4 a{ display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dedede; color: #999; text-align: center; transition: all 0.3s; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.jiagou_li h4 i{ line-height: 38px; padding-left: 10px; font-size: 14px;}
.jiagou_li h4 a:after{ content: '...'; position: absolute; top: 0; font-size: 16px; line-height: 30px; left: 10px;}
.jiagou_li p{ font-size: 16px; line-height: 28px; color: #666; text-align: justify;}
.jiagou_li:hover{ background: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,0.3);}
.jiagou_li:hover h4 a{ color: #2c4486; border-color: #2c4486;}

.lc_map{ position: relative;}
.lc_map .dw_swiper{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 90%; padding: 0 15%;}
.lc_map ul{ position: relative;}
.lc_map ul li{ position: absolute; width: 0; height: 0; cursor: pointer;}
.lc_map ul li span{ position: absolute; display: block; bottom: 100%; left: 50%; transform: translateX(-50%); font-size: 24px; color: #fff; transition: all 0.3s;}
.lc_map ul li span i{ display: block; margin: 0 auto; width: 21px; height: 22px; background: url(../images/ad.png) center no-repeat; background-size: cover; margin-top: 10px; transition: all 0.3s;}
.lc_map ul li:nth-child(8){ left: 10.93%; top: 21.08%;}
.lc_map ul li:nth-child(7){ left: 17.81%; top: 37.3%;}
.lc_map ul li:nth-child(6){ left: 27.7%; top: 47.9%;}
.lc_map ul li:nth-child(5){ left: 40.57%; top: 42.93%;}
.lc_map ul li:nth-child(4){ left: 50.93%; top: 29.86%;}
.lc_map ul li:nth-child(3){ left: 62.6%; top: 17.74%;}
.lc_map ul li:nth-child(2){ left: 76.97%; top: 18.41%;}
.lc_map ul li:nth-child(1){ left: 87.08%; top: 31.39%;}
.lc_map ul li.active span{ font-size: 40px; font-weight: bold;}
.lc_map ul li.active span i{ width: 28px; height: 30px;}

.lc_text{ color: #fff;}
.lc_text h2{ margin-bottom: 50px; font-size: 36px;}
.lc_text p{ margin: 10px 0; font-size: 20px; line-height: 36px;}
.lc_text p strong{ display: inline-block; margin-right: 25px;}

.lc_map .dw_swiper .swiper-button-prev, .lc_map .dw_swiper .swiper-button-next{ width: 66px; height: 66px; border-radius: 50%; background: none; border: 1px solid #fff; text-align: center; transform: translateY(-50%); margin: 0; transition: all 0.3s; color: #fff; outline: none;}
.lc_map .dw_swiper .swiper-button-prev{ left: 3%;}
.lc_map .dw_swiper .swiper-button-next{ right: 3%;}
.lc_map .dw_swiper .swiper-button-prev i, .lc_map .dw_swiper .swiper-button-next i{ line-height: 64px; font-size: 30px;}

.nab_nav.ywly ul li{ width: 12.5%;}
.yewu_head{ padding-top: 16%; background: url(../images/jianzhu.jpg) center top no-repeat; background-size: cover;}
.yw_head_text{ padding: 8% 14%; padding-bottom: 6%; width: 65%; background-image: linear-gradient(to right, rgba(255,255,255,0.85) , rgba(255,255,255,0.85) , rgba(255,255,255,0.85) , rgba(255,255,255,0));}

.yw_head_text p{ line-height: 42px; color: #333; font-size: 18px;}
.yw_head_text p span{ font-size: 36px; color: #2c4486; display: inline-block; margin-right: 5px;}
.yewu_en{ margin-top: 65px;}
.yewu_en span{ display: inline-block; position: relative; letter-spacing: 3px; color: #000; text-transform: uppercase; font-weight: bold; font-size: 14px;}
.yewu_en span:after{ content: ''; width: 125%; height: 1px; background: #9f9f9f; position: absolute; left: calc(100% + 15px); top: 50%;}


.yw_youshi, .yw_cpzhonglei, .yw_xiangmu{ padding-top: 70px;}
.yw_youshi .swiper-container .swiper-slide a{ display: block; padding-bottom: 210px; position: relative;}
.ywys_img{ padding-top: 116.66%;}
.ywys_text{ height: 300px; position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 0 10%;  padding-top: 100px; transition: all 0.3s; overflow: hidden; color: #333;}
.ywys_text:after{ content: ''; width: 100%; height: 100%; background: url(../images/xie.jpg) left top repeat; position: absolute; top: 0; left: 0; border-right: 1px solid #eee; transition: all 0.3s; z-index: -1;}
.ywys_text h3{ position: relative; color: #bfbfbf; font-size: 30px; transition: all 0.3s;}
.ywys_text h3:after{ content: ''; width: 1px; height: 30px; background: #dedede; position: absolute; left: 50%; bottom: calc(100% + 20px); transition: all 0.3s;}
.ywys_text h5:after{ content: ''; width: 1px; height: 30px; background: #dedede; position: absolute; left: 50%; top: calc(100% + 20px); transition: all 0.3s;}
.ywys_text h5{ color: #525252; margin-top: 20px; font-size: 20px; position: relative; transition: all 0.3s;}
.ywys_text p{ height: 0; overflow: visible; opacity: 0; transition: all 0.3s; margin: 30px 0; text-align: left; color: #fff; font-size: 16px; line-height: 36px;}

.yw_youshi .swiper-container .swiper-slide a:hover .ywys_text{ height: 480px; color: #fff; padding-top: 60px;}
.yw_youshi .swiper-container .swiper-slide a:hover .ywys_text:after{ background: #2c4486;}
.yw_youshi .swiper-container .swiper-slide a:hover .ywys_text h3, .yw_youshi .swiper-container .swiper-slide a:hover .ywys_text h5{ color: #fff;}
.yw_youshi .swiper-container .swiper-slide a:hover .ywys_text p{ height: auto; opacity: 0.7;}
.yw_youshi .swiper-container .swiper-slide a:hover .ywys_text h3:after, .yw_youshi .swiper-container .swiper-slide a:hover .ywys_text h5:after{ opacity: 0;}

.yw_youshi .swiper-container .swiper-button-prev, .yw_youshi .swiper-container .swiper-button-next{ transform: translateY(-50%); margin: 0; width:60px; height:60px; border-radius:50%; background:none; color:#fff; border: 1px solid #fff; text-align:center; display: inline-block; outline: none;}
.yw_youshi .swiper-container .swiper-button-prev i, .yw_youshi .swiper-container .swiper-button-next i{ display: inline-block; line-height: 58px; font-size: 24px;}

.yw_xiangmu .swiper-container .swiper-slide{ width: 35%;}
.yw_xiangmu .swiper-container .swiper-slide a{ display: block; padding-top: 64%; position: relative;}
.yw_xiangmu .swiper-container .swiper-slide a span{ position: absolute; left: 0; top: 0; height: 100%; background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));display: block; writing-mode:tb-rl; padding:30px 20px; font-size: 20px; color: #2c4486; letter-spacing: 2px; transition: all 0.6s;}
.yw_xiangmu .swiper-container .swiper-slide.swiper-slide-active a span{ background-image: linear-gradient(rgba(44,68,134,1), rgba(44,68,134,0)); color: #fff;}

.yw_xiangmu .swiper_fanye{ text-align: center; margin-top: 40px;}
.yw_xiangmu .swiper_fanye .swiper-button-prev, .yw_xiangmu .swiper_fanye .swiper-button-next{ display: inline-block; position: static; width: 70px; height: 70px; border-radius: 50%; border: 1px dashed #ccc; color: #999;  transition: all 0.3s; text-align: center; margin: 0 15px; background: none;}
.yw_xiangmu .swiper_fanye .swiper-button-prev:hover, .yw_xiangmu .swiper_fanye .swiper-button-next:hover{ color: #2c4486; border-color: #2c4486;}
.yw_xiangmu .swiper_fanye .swiper-button-prev i, .yw_xiangmu .swiper_fanye .swiper-button-next i{ display: inline-block; line-height: 68px; font-size: 30px;}

.cpzl_bj{padding: 150px 0; background: #F4F4F4; color: #333; overflow: hidden;}
.cpzl_bj .container{ position: relative;}
.cpzl_bj .gallery-top .swiper-slide{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.cpzl_left{ width: 50%; padding: 0 6.25%;}
.cpzl_right{ width: 43.75%;}
.cpzl_left h2{ font-size: 28px; margin-bottom: 40px;}
.cpzl_left h2 span{ text-transform: uppercase; font-size: 16px; display: block; margin-top: 15px;}
.cpzl_left p{ font-size: 18px; color: #333; line-height: 42px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;}

.cpzl_bj .swiper_thumbs{ position: absolute; bottom: 0; left: 10.2%; width: 16%;}
.cpzl_bj .swiper_thumbs .swiper-button-next, .cpzl_bj .swiper_thumbs .swiper-button-prev{ width: 25%; padding-top: 25%; background: #777777; opacity: 1; margin: 0; transition: all 0.3s; top: 0; cursor: pointer; outline: none;}
.cpzl_bj .swiper_thumbs .swiper-button-next.swiper-button-disabled, .cpzl_bj .swiper_thumbs .swiper-button-prev.swiper-button-disabled{ pointer-events: auto;}
.cpzl_bj .swiper_thumbs .swiper-button-next i, .cpzl_bj .swiper_thumbs .swiper-button-prev i{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); text-align: center; font-size: 24px;}
.cpzl_bj .swiper_thumbs .swiper-button-next:hover, .cpzl_bj .swiper_thumbs .swiper-button-prev:hover{ background: #fff; color: #2c4486;}
.cpzl_bj .swiper_thumbs .swiper-button-next{ left: 100%; right: auto;}
.cpzl_bj .swiper_thumbs .swiper-button-prev{ right: 100%; left: auto;}

.cpzl_bj .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a:after{ opacity: 1;}
.cpzl_bj .gallery-thumbs .swiper-slide a{ padding-top: 100%; display: block; position: relative;}
.cpzl_bj .gallery-thumbs .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border: 3px solid #fff; opacity: 0; transition: all 0.3s;}

.cpzl_bj .swiper_thumbs .swiper-pagination{ font-size: 20px; text-align: right; width: 100px; white-space: nowrap; left: auto; right: -107%; bottom: 0;font-family: 'DIN-BOLD'; line-height: 20px;}
.cpzl_bj .swiper_thumbs .swiper-pagination .swiper-pagination-current{ font-size: 56px; line-height: 56px;}

.cpzl_bj .container:after{ content: ''; width: 1px; height: 200%; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cpzl_bj .container:before{ content: ''; width: 200%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.xiekuai{ position: absolute; right: 100%; top: 100%; width: 100%; height: 100%; background: url(../images/xie.png) left top repeat;}

.yy_jj{ padding-top: 120px; background: url(../images/yy_1.jpg) center top no-repeat; background-size: contain;}
.yy_jj .n_biao{ margin-bottom: 50px;}
.yy_jj .n_biao span:after, .yy_jj .n_biao span:before{ background: #fff;}
.yy_jj .n_biao span{ color: #fff;}
.yy_jj .n_biao strong{ color: #fff;}
.yy_jj_bai{ margin: 0 5%; background: #fff; padding: 70px 90px; border-radius: 4px; box-shadow: 0px 4px 6px rgba(0,0,0,0.1);}

.yy_jj_bai h3{ color: #000; position: relative;}
.yy_jj_bai h3 span{ display: block; position: absolute; right: 0; top: 50%;  transform: translateY(-50%); color: #333; letter-spacing: 6px; text-transform: uppercase; font-size: 16px; font-weight: bold;}
.yy_jj_bai h3 span:after{ content: ''; width: 60%; height: 1px; position: absolute; right: calc(100% + 20px); top: 50%; transform: translateY(-50%); background: #333;}

.yinhao{ margin: 40px 0;}
.yinhao.fan img{ display: inline-block;  transform: rotate(180deg);}
.yy_jj_bai .ty_content p{ font-size: 18px; color: #444; line-height: 42px;}

.yy_team, .yy_ren{ padding-top: 80px;}
.yy_team_bj{ position: relative; background: url(../images/yy_2.jpg) center no-repeat; background-size: cover; padding-top: 12%;}
.yy_team_bai{ width: 70%; padding: 3% 10%; padding-right: 15%; background-image: linear-gradient(to right, rgba(255,255,255,0.85) , rgba(255,255,255,0.85) , rgba(255,255,255,0) );}
.yy_team_bai p{ line-height: 42px; color: #444; font-size: 18px;  transition: all 0.3s;}
.yy_team_bai span{ font-size: 50px;font-family: 'BEBAS'; color: #333; transition: all 0.3s;}
.yy_team_bai span em{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
.yy_team_bai span i{ font-style: normal;}
.yy_team_bai .row .col-sm-4:hover span{ color: #2c4486;}
.yy_team_bai .row .col-sm-4:hover p{ color: #2c4486;}

.yy_ren .n_biao{ margin-bottom: 40px;}
.yy_ren_img{ padding-top: 144%; position: relative;}
.yy_ren_img:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(44,68,134,0.85); z-index: 2; transition: all 0.3s; opacity: 0;}
.yy_ren_img span{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.3); color: #fff; text-align: center; padding: 12px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; width: 100%; display: block; transition: all 0.3s;  opacity: 1;}

.yy_ren .container{ padding: 0 4.3%; position: relative;}
.yy_ren_text{ position: absolute; top: 50%;  transform: translateY(-50%); left: 10%; width: 80%; z-index:3; color: #fff; text-align: center; opacity: 0; transition: all 0.3s;}
.yy_ren_text h4{ font-size: 20px; margin-bottom: 20px;}
.yy_ren_text p{ font-size: 16px; line-height: 32px; text-align: left;}

.yy_ren .swiper-container .swiper-slide:hover .yy_ren_text, .yy_ren .swiper-container .swiper-slide:hover .yy_ren_img:after{ opacity: 1;}
.yy_ren .swiper-container .swiper-slide:hover .yy_ren_img span{ opacity: 0;}

.yy_ren .container .swiper-button-prev, .yy_ren .container .swiper-button-next{ width: 70px; height: 70px; border-radius: 50%; border: 1px dashed #ccc; text-align: center; transform: translateY(-50%); margin: 0; transition: all 0.3s; background: none; outline: none;}
.yy_ren .container .swiper-button-prev:hover, .yy_ren .container .swiper-button-next:hover{ border-radius: 50%;}
.yy_ren .container .swiper-button-prev{ left: 0%;}
.yy_ren .container .swiper-button-next{ right: 0%;}
.yy_ren .container .swiper-button-prev i, .yy_ren .container .swiper-button-next i{ line-height: 68px; font-size: 30px; color: #999;}

.zl_cao_text, .zl_img{ padding-top: 140%; display: block; position: relative;}
.zl_img{ border-radius: 8px;}
.zl_cao_text h3{ position: absolute; left: 0; top: 5%; color: #666;}
.zl_cao_text h3:after{ content: ''; width: 20px; height: 1px; background: #999; position: absolute; bottom: -30px; left: 0;}

.zhuanli_1{ padding: 100px 0;background-size: cover;}
.zhuanli_1 .container{ padding: 0 10%;}
.zhuanli_1 .gallery-top .swiper-button-next, .zhuanli_1 .gallery-top .swiper-button-prev{ width:70px; height: 70px; border-radius: 50%; border: 1px dashed #999; text-align: center; color: #999; margin: 0; top: auto; bottom: 10%; left: 0; right: auto; display: inline-block; background: none; margin-right: 30px; opacity: 1; transition: all 0.3s;}
.zhuanli_1 .gallery-top .swiper-button-next{ left: 100px;}
.zhuanli_1 .gallery-top .swiper-button-next i, .zhuanli_1 .gallery-top .swiper-button-prev i{ line-height: 68px; font-size: 24px; display: inline-block;}
.zhuanli_1 .gallery-top .swiper-button-next:hover, .zhuanli_1 .gallery-top .swiper-button-prev:hover{ color: #2c4486; border-color: #2c4486;}

.zhuanli_1 .gallery-thumbs .swiper-slide-thumb-active .zl_img:after{ content: ''; width: 100%; height: 100%; border: 4px solid #2c4486; position: absolute; left: 0; top: 0; border-radius: 8px;}


.zhuanli_2{ padding: 100px 0; background: url(../images/zlbj_2.jpg) center no-repeat; background-size: cover;}
.zhuanli_2 .container{ padding: 0 10%;}
.zhuanli_2 .swiper-container .swiper-slide a{ padding-top:100%; display: block; position: relative;}

.zhuanli_2 .swiper-container .swiper-slide{ width: 33%; margin-right: 1%;}
.zhuanli_2 .swiper-container .swiper-slide a span{ position: absolute; left: 0; top: 0; height: 100%; background-image: linear-gradient(rgba(44,68,134,1), rgba(44,68,134,0)); display: block; writing-mode:tb-rl; padding:30px 20px; font-size: 20px; color: #fff; letter-spacing: 2px; transition: all 0.6s;}
.zhuanli_2 .swiper-container .swiper-slide.swiper-slide-active a span{ background-image: linear-gradient(rgba(44,68,134,1), rgba(44,68,134,0)); color: #fff;}

.zhuanli_2 .swiper_fanye{ text-align: center; margin-top: 40px;}
.zhuanli_2 .swiper_fanye .swiper-button-prev, .zhuanli_2 .swiper_fanye .swiper-button-next{ display: inline-block; position: static; width: 70px; height: 70px; border-radius: 50%; border: 1px dashed #999; color: #999;  transition: all 0.3s; text-align: center; margin: 0 15px; background: none;}
.zhuanli_2 .swiper_fanye .swiper-button-prev:hover, .zhuanli_2 .swiper_fanye .swiper-button-next:hover{ color: #2c4486; border-color: #2c4486;}
.zhuanli_2 .swiper_fanye .swiper-button-prev i, .zhuanli_2 .swiper_fanye .swiper-button-next i{ display: inline-block; line-height: 68px; font-size: 30px;}

.chengguo .swiper1 .swiper-slide{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.cg_left, .cg_right{ width: 50%;}
.cg_left{ background: url(../images/cg_bj.jpg) center bottom no-repeat #f4f4f4; background-size: contain; position: relative;}
.cg_text{ position: absolute; top: 25%; width: 60%; right: 15%;}
.cg_text h2{ color: #333; margin-bottom: 30px; margin-top: 0; text-align: center;}
.cg_text p{ color: #555; font-size: 18px; line-height: 42px; margin-bottom: 0;}

.cg_right a{ display: block; padding-top: 80%;}
.chengguo .swiper1 .swiper-button-prev, .chengguo .swiper1 .swiper-button-next{ width: 80px; height: 80px; background: #fff; opacity: 1; text-align: center; margin: 0; bottom: 0; top: auto; color: #999;}
.chengguo .swiper1 .swiper-button-prev{ left: auto; right: 50%; background: #2c4486; color: #fff;}
.chengguo .swiper1 .swiper-button-next{ right: auto; left: 50%; bottom: 80px;}
.chengguo .swiper1 .swiper-button-prev i, .chengguo .swiper1 .swiper-button-next i{ line-height: 80px; display: inline-block; font-size: 24px;}

.n_xiangmu .container{ padding: 0 10%;}
.xiangmu_li{
  margin-bottom: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.xiangmu_img, .xiangmu_text{ width: 50%; position: relative;}
.xiangmu_img{ overflow: hidden;}
.xiangmu_text{ background: url(../images/dianzhen.png) center bottom no-repeat #f4f4f4; background-size: contain; transition: all 0.3s;}
.xiangmu_img a{ display: block; padding-top: 71.4%; transition: all 0.6s;}
.xiangmu_li:hover{ box-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.xiangmu_li:hover .xiangmu_img a{ transform: scale(1.1);}
.xiangmu_li:hover .xiangmu_text{ background: url(../images/dianzhen.png) center bottom no-repeat #fff; background-size: contain;}
.xm_text{ width: 80%; margin: 0 auto; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; position: absolute;}

.xm_text h3{ color: #000; margin-bottom: 30px;}
.xm_text h4, .xm_text p{ font-size: 18px; line-height: 36px;}
.xm_text h5{ margin-top: 40px;}
.xm_text h5 span{ display: inline-block; padding: 10px 20px; font-size: 16px; border: 1px solid #dedede; border-radius: 24px;}

.xiangmu_nav{ margin-bottom: 50px;}
.xiangmu_nav ul{ border-bottom: 1px solid #dedede;}
.xiangmu_nav ul li{ text-align: center; position: relative;}
.xiangmu_nav ul li a{ display: inline-block; color: #666; padding-bottom: 20px; font-size: 20px; line-height: 40px; transition: all 0.3s;}
.xiangmu_nav ul li.active a{ color: #2c4486; font-size: 30px;}
.xiangmu_nav ul li:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #dedede; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(50%); background: #fff;}
.xiangmu_nav ul li.active:after{ width: 21px; height: 18px; background: url(../images/sm_logo.jpg) center no-repeat; background-size: cover; border: none;}
.xiangmu_nav ul li a:hover{ color: #2c4486;}


.nab_nav.nnew ul li{ width: 50%;}
.nab_nav.nnew ul li:after{ border-color: #999;}
.nnew_list .container{ padding: 0 8%;}

.nnew_li{ margin-bottom: 30px;}
.nnew_li a{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start; background: #f4f4f4; transition: all 0.3s;}
.nnew_img{ width: 23%; overflow: hidden;}
.nnew_img span{ display: block; width: 100%; padding-top: 62.5%;  transition: all 0.3s;}
.nnew_time{ width: 10%; margin-left: 2%;padding-right:2%;margin-right:3%; border-right: 1px dotted #474747; font-size: 18px; transition: all 0.3s; color: #333;}
.nnew_time span{ font-size: 40px; display: block;font-family: 'DIN-BOLD';}
.nnew_text{ width: 60%;}
.nnew_text h3{ margin-bottom: 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: normal;}
.nnew_text h3 i{ position: absolute; left: 100%; top: 50%; transform: translateY(-50%); font-size: 24px; color: #999;  transition: all 0.3s;}
.nnew_text p{ color: #666; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nnew_li:hover a{ background: #F1F1F1; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.nnew_li:hover .nnew_img span{ transform: scale(1.1);}
.nnew_li:hover .nnew_time{ color: #2c4486;}
.nnew_li:hover .nnew_text h3{ color: #2c4486;}
.nnew_li:hover .nnew_text h3 i{ color: #2c4486;}


.nnew_n{ /* padding: 0 10%; */padding: 0 5%; position: relative;}
.nnew_bai{ background: #fff; padding: 4% 6%; margin-bottom: 30px;}
.nnew_prev, .nnew_next{ position: absolute; height: 100%; width: 10%; top: 0;}
.nnew_prev a, .nnew_next a{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 50%; border: 1px solid #dedede; text-align: center; color: #ccc; display: block; transition: all 0.3s;}
.nnew_prev a i, .nnew_next a i{ line-height: 58px; display: inline-block; font-size: 24px;}
.nnew_prev a span, .nnew_next a span{ position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); color: #999; white-space: nowrap; font-size: 16px; transition: all 0.3s;}
.nnew_prev{ left: 2%;}
.nnew_next{ right: 2%;}
.nnew_next a{ right: 0; left: auto;}
.nnew_next a span{ right: auto; left: calc(100% + 10px);}
.nnew_next a:hover, .nnew_prev a:hover{ border-color:#0069c3; color: #0069c3;}
.nnew_next a:hover span, .nnew_prev a:hover span{ color: #0069c3;}

.nnew_bai>h2{ font-size: 24px; color: #666; margin-bottom: 20px;}
.nnew_bai>h4{ margin: 15px 0; color: #999;}
.nnew_bai .ty_content{ color: #666; margin-top: 20px;}
.nnew_bai .ty_content p{line-height: 30px; font-size: 16px;}

.nnew_back{ margin-top: 0px; width: 50%; float: left;}
.nnew_back a{font-size: 16px; color: #999; border:0px solid #dedede; padding: 10px 30px; border-radius: 24px;} 

.nab_nav.join ul li{ width: 33.33%;}
.join_list{ margin: 0 10%;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.join_li{ width: 24%; margin-right: 1.33%; text-align: center; margin-bottom: 30px; background: url(../images/feiji1.png) right bottom no-repeat #fff; padding:60px 30px; border-radius: 8px; transition: all 0.3s;}
.join_li:nth-child(4n){ margin-right: 0;}
.join_li p{ margin-top: 35px; margin-bottom: 60px; font-size: 16px;}
.join_li h6{ color: #999; margin-bottom: 30px; font-size: 14px;}
.join_li h5 a{ width: 56px; height: 56px; border-radius: 50%; display: block; margin: 0 auto; border: 1px solid #dedede; text-align: center; color: #999; transition: all 0.3s;}
.join_li h5 a i{ line-height: 54px; display: inline-block; font-size: 22px;}
.join_li:hover{ background: url(../images/feiji.png) right bottom no-repeat #fff; color: #2c4486;}
.join_li:hover h5 a{ border-color: #2c4486; color: #fff; background: #2c4486;}
.join_li:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.join_li:hover h6{ color: #2c4486;}


.join_n{ padding: 0 10%; position: relative; margin-top: 30px;}
.join_n .nnew_bai>h2{ margin-bottom: 30px; color: #333;}
.join_n .nnew_bai>h2 span{ display: block; color: #666; font-size: 16px; margin-top: 15px;}
.join_title{ background: #e9ecf3; color: #2c4486; padding: 10px; font-size: 18px; font-weight: bold;}
.join_title i{ font-weight: normal; margin-right: 15px; font-size: 20px;}

.join_content{ padding: 15px 0; margin-bottom: 30px;}
.join_content p{ font-size: 16px; line-height: 36px;}

.contact_form .n_biao{ margin-bottom: 120px;}
.contact_form .n_biao span{ color: #fff;}
.contact_form .n_biao span:before, .contact_form .n_biao span:after{ background: #fff;}
.contact_form .n_biao strong{ color: #fff;}

.contact_form{ padding: 150px 0; background: url(../images/form.jpg) center no-repeat; background-size: cover;}
.contact_form .container, .contact_lx .container{ padding: 0 8%;}
.contact_form .form-group{ margin-bottom: 20px;}
.contact_form .form-control{ height: 60px; font-size: 18px; border-radius: 0; padding-left: 20px; padding-right: 20px;}
.contact_form textarea.form-control{ height: auto;}
.contact_form .btn{ height: 60px; padding: 0 70px; font-size: 18px; border-radius: 0;}
.contact_form .form-group p{ color: #fff; margin-top: 20px;}

.lx_text{ background: url(../images/logo_yin.jpg) right bottom no-repeat #f4f4f4; padding: 45px 60px; margin-top: 50px;}
.lx_text .caption{ padding: 50px; background: url(../images/xie.png) left top repeat; margin: 15px 0;}
.lx_text .caption p{ font-size: 16px; color: #474747; margin-top: 20px;}

.lx_text .caption.ewm{ padding: 0; background: none;}
.lx_text .caption.ewm p{ margin-top: 10px;}



/* 通用样式 */
.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}
.ty_content img{ max-width: 100%;}



.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; }
.fanye a:first-child, .fanye a:last-child{ width: auto; background: none; border-radius: 0; box-shadow: none; padding: 0 10px;}
.fanye a{ display:inline-block; width:auto;padding:0 10px; height: 36px; line-height: 34px; text-align: center; background:#fff; color:#333; text-decoration:none; margin: 0 2px; border: 1px solid #dedede; transition: all 0.3s;}
.fanye a:hover{ color:#333;}
.fanye a.active{background: #2c4486; border-color: #2c4486; color:#fff;}
.fanye a.active:hover{ color:#fff; transform: translateY(0);}
.fanye a:first-child:hover, .fanye a:last-child:hover{ transform: translateY(0);}
.fanye a.cur{ color:#999; pointer-events: none;}
.fanye a.page-num{ color:#999; /* pointer-events: none; */}
.fanye a.page-num-current{ background: #2c4486; border-color: #2c4486; color:#fff;}

.fanye02{ padding-top: 40px; border-top: 1px solid #dedede;}
.fanye02 a{ display: inline-block; padding: 10px 40px; border: 1px solid #dedede; color: #666; font-size: 16px; transition: all 0.3s;}
.fanye02 a:hover{ background: #2c4486; border-color: #2c4486; color: #fff;}


.my-map { margin: 0 auto; width: 100%; height:500px;}
.my-map .icon { background: url(../../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; }

/* add */
#pro-top{margin-top:80px;}

@media (max-width:767px){
	#fp-nav.fp-right{ right: 0 !important;}
  .container{ width: 100%; padding: 0 15px;margin-top:40px;}
  .nban_text{top:25%;line-height: 35px;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px;}
  .xian i{ display: none;}
  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.9); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: left; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav>ul>li .erji{ display: block; white-space: normal; position: static; transform: translateX(0); opacity: 1; pointer-events: auto;}
  .pc_nav>ul>li .erji ul{ width: 100%; padding: 5px 5px;}
  .pc_nav>ul>li .erji ul li a{ font-size: 14px; opacity: 0.65;}
  .erji:after{ display: none;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0 15px; font-size: 16px; display: inline-block;}
  .ban_text{ width: 80%; left: 20%;}
  .ban_text strong{ font-size: 24px; line-height: 36px;}
  .ban_text span{ font-size: 14px; line-height: 24px;}
  #fp-nav{ left: 5px;}
  #fp-nav ul li, .fp-slidesNav ul li{ margin-bottom: 15px;}
  .s_banner .swiper-pagination{ left: 15px;}
  .s_banner .swiper-pagination{ font-size: 16px;}
  .s_banner .swiper-pagination .swiper-pagination-current{ font-size: 24px;}
  .ban_text i{ width: 16px; height: 16px;}
  .s_about .container{ padding: 0 15px; padding-left: 15%;}

  .s_biao{ font-size: 18px;}
  .s_biao span{ font-size: 24px;}
  .s_about .s_biao{ margin-bottom: 20px;}
  .s_about p{ font-size: 14px; line-height: 24px;}
  .s_about ul{ margin-top: 20px;}
  .s_about ul li{ padding: 0 8px; font-size: 14px;}
  .s_about ul li i{ font-size: 24px;}

  .yewu_yuan{ width: 60%; top: 20%;}
  .syw_text strong{ font-size:14px;}
  .syw_text span{ font-size: 16px; margin: 20px 0;}
  .s_yewu .swiper1 .swiper-button-prev, .s_yewu .swiper1 .swiper-button-next{ width: 40px; height: 40px;}
  .s_yewu .swiper1 .swiper-button-prev i, .s_yewu .swiper1 .swiper-button-next i{ line-height: 40px; font-size: 18px;}

  .s_xiangmu .dw_juzhong{ width: calc(100% - 55px); left: auto; right: 15px;}
  .s_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev, .s_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev i, .s_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
.s_new .container{ padding-left: 40px;}
  .snew_li{ padding: 27px 0; padding-left: 100px;}
  .snew_time{ font-size: 16px;}
  .snew_time span{ font-size: 24px; line-height: 24px;}
  .snew_text h3{ font-size: 16px;}
  .snew_text h4{ font-size: 14px; line-height: 24px;}
  .snew_img i{ font-size: 14px;}

  .s_hezuo ul{ padding-left: 15%;}
  .s_hezuo ul li:first-child, .s_hezuo ul li:nth-child(6), .s_hezuo ul li:nth-child(11){ margin-left: 15%;}
  .s_hezuo ul li:nth-child(11){ margin-right: 3.2%;}
  .s_hezuo ul li:nth-child(12){ margin-left: 0;}
  .s_hezuo ul li:nth-child(16){ display: none; margin-left: 15%;}
  .s_hezuo ul li{ width: 27%;}

  .footer{ padding-top: 30px;}
  .ftdi_a{ margin-top: 10px; text-align: center;}
  .ftdi_a a:last-child{ margin-right: 0;}
  .footer ul li{ width: 33.33%;}
  .footer ul li h4{ font-size: 16px; margin-bottom: 20px;}

  .s_new .container, .s_xiangmu .dw_juzhong, .s_hezuo .container{ top: calc(50% + 30px);}
  
  /* 内页样式 */
  .n_banner{ padding-top: 60%;}
  .nban_text strong{ font-size: 18px;}
  .nban_text span{ font-size: 14px;}
  .nab_nav ul{ padding: 10px 0;}
  .nab_nav ul li{ font-size: 14px;}
  .nab_nav ul li i{ font-size: 24px;}
  .n_zhong{ padding: 30px 0;}
  .ab_1_flex{ margin: 30px 0;}
  .ab_1_numb{ font-size: 36px; line-height: 36px; padding-bottom: 20px; margin-bottom: 20px;}
  .ab_1_numb:after{ width: 10px; height: 10px;}
  .ab_1_text, .ab_1_img{ width: 100%; margin: 0;}
  .ab_1_img span{ font-size: 18px; left: 20%;}
  .ab_1_img span:after{ width: 30px; right: calc(100% + 15px);}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_img span:after { left: calc(100% + 15px);}
  .about_1 .ab_1_flex:nth-child(2n) h2{ text-align: left;}
  .about_1 .ab_1_flex:nth-child(2n) h2 strong:after { right: auto;left: calc(100% + 30px);}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_numb{ text-align: left;}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_numb:after{ left: 0; right: auto;}
  .ab_1_text h2{ font-size: 18px; margin-bottom: 20px;}
  .ab_1_text p{ font-size: 14px; line-height: 24px;}
  .about_2{ padding-top: 40px; padding-bottom: 60px;}
  .n_biao span{ font-size: 20px;}
  .about_2 .n_biao{ margin-bottom: 30px;}
  .n_biao span:after, .n_biao span:before{ width: 40px;}  
  .n_biao strong{ font-size: 14px;}
  .jiagou_li{ margin:15px 0; padding: 15px;}
  .jiagou_li h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;}
  .jiagou_li p{ font-size: 14px; line-height: 24px;}
  .lc_map ul li span{ font-size: 14px;}
  .lc_map ul li span i{ width: 10px; height: 10px; margin-top: 2px;}
  .lc_map ul li.active span i{ width: 10px; height: 10px;}
  .lc_map ul li.active span{ font-size: 18px;}
  .lc_map .dw_swiper{ position: static; width: 100%;}
  .lc_text{ color: #333;}
  .lc_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .lc_map .dw_swiper .swiper-button-prev, .lc_map .dw_swiper .swiper-button-next{ width: 36px; height: 36px; border-color: #333; color: #333;}
  .lc_map .dw_swiper .swiper-button-prev i, .lc_map .dw_swiper .swiper-button-next i{ line-height: 34px; font-size: 18px;}
  .lc_text h2{ font-size: 24px; margin-bottom: 20px;}
  .about_4{ padding: 0 15px;}
  .about_4 ul li a{ padding: 10px 0; font-size: 16px;}
  .honor_list{ margin-top: 20px;}
  .honor_name{ margin: 10px auto; font-size: 14px; padding: 5px 0; line-height: 20px;}
  .honor_li:before{ top: 25%;}
  .fanye{ padding: 15px 0;}
  .fanye a{ width: 30px; height: 30px; line-height: 28px;}
  .fanye .page-mobile{display: none;}
  #pro-top{margin-top: 30px;}
  .honor_li{ width: 47%; margin-bottom: 20px; margin-right: 6%;}
  .honor_li:nth-child(3n){ margin-right: 6%;}
  .honor_li:nth-child(2n){ margin-right: 0;}
  .about_5 ul li{ width: 100%; margin-bottom: 15px;}
  .about_5 ul li a{ padding: 30px 0;}
  .about_5 ul li .ab_5_text{ position: static;}
  .about_5 ul li a:after{ opacity: 0.65;}
  .about_5 ul li:nth-child(3) .ab_5_text i{ font-size: 40px;}
  .ab_5_text{ top: 60%;}
  .ab_5_text i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; position: relative; z-index: 3;}
  .ab_5_text h2{ font-size: 18px; margin: 10px 0; z-index: 3;}
  .ab_5_text p{ font-size: 14px; line-height: 24px; opacity: 1; position: relative; z-index: 3;}
  .yw_head_text p{ font-size: 14px; line-height: 24px;}
  .yw_head_text p span{ font-size: 18px;}
  .yw_head_text{ padding: 6% 12%; width: 80%;}
  .yewu_en{ display: none;}
  .nab_nav.ywly ul li{ width: 25%;}
  .yw_youshi, .yw_cpzhonglei, .yw_xiangmu{ padding-top: 40px;}
  .ywys_text{ height: 240px; padding-top: 60px;}
  .ywys_text h3{ font-size: 24px;}
  .ywys_text h5{ font-size: 18px; padding-top: 60px;}
  .ywys_text h3{ font-size: 24px;}
  .ywys_text h5{ font-size: 18px; line-height: 30px; margin: 15px 0;}
  .ywys_text p{ font-size: 14px; line-height: 30px; margin: 20px 0;}
  .cpzl_left p{ font-size: 14px; line-height: 24px;}
  .cpzl_left h2{ font-size: 24px; margin-bottom: 20px;}
  .cpzl_left h2 span{ font-size: 14px;}
  .yw_youshi .swiper-container .swiper-button-prev, .yw_youshi .swiper-container .swiper-button-next{ width: 40px; height: 40px;}
  .yw_youshi .swiper-container .swiper-button-prev i, .yw_youshi .swiper-container .swiper-button-next i{ line-height: 38px; font-size: 20px;}
  .cpzl_left, .cpzl_right{ width: 100%;}
  .cpzl_bj{ padding: 30px 0; padding-bottom: 100px;}
  .cpzl_left{ padding: 0;}
  .cpzl_left h2{ font-size: 18px;}
  .cpzl_bj .swiper_thumbs{ margin: 0 15px; width: 60%; left: 16.6%; top: calc(100% + 10px);}
  .cpzl_bj .swiper_thumbs .swiper-pagination .swiper-pagination-current{ font-size: 36px; line-height: 36px;}
  .yw_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .yw_xiangmu .swiper_fanye .swiper-button-prev, .yw_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .yw_xiangmu .swiper_fanye .swiper-button-prev i, .yw_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
  .yy_jj{ padding-top: 40px;}
  .yy_jj_bai{ padding: 0; box-shadow: none; margin: 0;}
  .yy_team, .yy_ren{ padding-top: 40px;}
  .yy_jj_bai h3{ font-size: 20px;}
  .yy_jj_bai h3 span{ font-size: 14px; letter-spacing: 4px; display: none;}
  .yy_jj_bai .ty_content p{ font-size: 14px; line-height: 30px;}
  .yy_team_bai{ width: 90%; padding: 15px;}
  .yy_team_bai p{ font-size: 14px; line-height: 30px;}
  .yy_team_bai span{ font-size: 30px;}
  .yy_team_bai span em{ font-size: 16px;}
  .yy_team_bai .row .col-sm-4 p{ font-size: 14px;}
  .yinhao{ margin: 30px 0;}
  .yy_ren .container .swiper-button-prev, .yy_ren .container .swiper-button-next{ width: 40px; height: 40px;}
  .yy_ren .container .swiper-button-prev i, .yy_ren .container .swiper-button-next i{ line-height: 38px; font-size: 24px;}
  .yy_ren_img span{ font-size: 16px;}
  .zl_cao_text{ padding-top: 0; padding-bottom: 100px;}
  .yy_ren_text h4{ font-size: 16px;}
  .yy_ren_text p{ font-size: 14px; line-height: 24px;}
  .zl_cao_text h3{ font-size: 18px; line-height: 36px; position: static;}
  .zl_cao_text h3:after{ display: none;}
  .zhuanli_1, .zhuanli_2{ padding: 40px 0;}
  .zhuanli_1 .gallery-top .swiper-button-next, .zhuanli_1 .gallery-top .swiper-button-prev{ width: 50px; height: 50px;}
  .zhuanli_1 .gallery-top .swiper-button-next i, .zhuanli_1 .gallery-top .swiper-button-prev i{ line-height: 48px; font-size: 20px;}
  .zhuanli_1 .gallery-top .swiper-button-next{ left: 70px;}
  .zhuanli_2 .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .zhuanli_2 .swiper_fanye .swiper-button-prev i, .zhuanli_2 .swiper_fanye .swiper-button-next i{ font-size: 24px; line-height: 48px;}
  .zhuanli_2 .swiper_fanye .swiper-button-prev, .zhuanli_2 .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .cg_left, .cg_right{ width: 100%;}
  .cg_text{ position: static; width: 100%; padding: 15px;}
  .chengguo .swiper1 .swiper-button-next{ bottom: 0;}
  .chengguo .swiper1 .swiper-button-prev, .chengguo .swiper1 .swiper-button-next{ width: 40px; height: 40px;}
  .chengguo .swiper1 .swiper-button-prev i, .chengguo .swiper1 .swiper-button-next i{ line-height: 40px; font-size: 24px;}
  .cg_text h2{ font-size: 20px; margin-bottom: 20px;}
  .cg_text p{ font-size: 15px; line-height: 30px;}
  .n_xiangmu .container, .nnew_list .container, .contact_form .container, .contact_lx .container{ padding: 0 15px;}
  .xiangmu_img, .xiangmu_text{ width: 100%;}
  .xm_text{ width: 100%; position: static; transform: translateY(0); padding: 10px 15px;}
  .xiangmu_nav ul li{ display: inline-block; margin: 0 10px;}
  .xiangmu_nav ul li a{ font-size: 14px; line-height: 30px; padding: 0;}
  .xiangmu_nav ul li:after{ display: none;}
  .xiangmu_nav ul li.active a{ font-size: 16px; font-weight: bold;}
  .xm_text h3{ font-size: 20px; margin-bottom: 10px;}
  .xm_text h4{ font-size: 14px; line-height: 30px;}
  .xm_text h5 span{ font-size: 14px;}
  .nnew_li{ margin-bottom: 15px;}
  .nnew_img{ display: none;}
  .nnew_text h3{ font-size: 16px; margin: 10px 0;}
  .nnew_text p{ font-size: 14px;}
  .nnew_time{ font-size: 16px; width: 20%; padding-left: 10px; margin: 0;}
  .nnew_time span{ font-size: 18px;}
  .nnew_n{ padding: 0;}
  .nnew_text{ width: 80%;}
  .nnew_bai {
      background: #fff;
      padding:4% 6%;
	  padding-bottom:100px;
      margin-bottom: 10px;
  }
  .text-right{text-align: left;}
  .nnew_bai>h2{ font-size: 16px; line-height: 30px;}
  .nnew_bai>h4{ font-size: 14px;}
  .nnew_bai .ty_content p{ font-size: 14px; line-height: 24px;}
  
  .nnew_back {
      margin-top: 0px;
      width:100%;
      float: left;
	  background-color: #FFF;
  }
  .nnew_back a{ font-size: 14px; padding: 6px 25px; width: 100%;float: left;}
  .nnew_prev, .nnew_next{ display: none;}
  .nnew_prev a, .nnew_next a{ width: 46px; height: 46px;}
  .nnew_prev a i, .nnew_next a i{ line-height: 44px;}
  .join_n{ padding: 0;}
  .lx_text{ padding: 10px; margin-top: 30px; background-size: 18%;}
  .lx_text .caption{ padding: 30px; margin: 10px 0;}
  .lx_text .caption h4{ font-size: 16px;}
  .lx_text .caption p{ font-size: 14px;}
  .lx_text .caption.ewm p{ font-size: 14px;}
  .my-map{ height: 300px;}
  .join_list{ margin: 0;}
  .join_li{ padding: 20px 10px; width: 48%; margin-right: 4%; margin-bottom: 15px;}
  .join_li:nth-child(4n){ margin-right: 4%;}
  .join_li:nth-child(2n){ margin-right: 0;}
  .join_li h3{ font-size: 18px;}
  .join_li p{ margin-top: 20px; margin-bottom: 40px;}
  .join_content p{ font-size: 14px; line-height: 24px;}
  .join_title{ font-size: 16px;}
  .contact_form{ padding: 60px 0;}
  .contact_form .form-control, .contact_form .btn{ height: 46px; font-size: 16px;}
  .contact_form .n_biao{ margin-bottom: 30px;}

}
@media (min-width:768px) and (max-width:991px) {
	#fp-nav.fp-right{ right: 0 !important;}
  .container{ width: 100%; padding: 0 15px;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px;}
  .xian i{ display: none;}
  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.9); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.2); display: none;}
  .pc_nav>ul>li{ text-align: left; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav>ul>li .erji{ display: block; white-space: normal; position: static; transform: translateX(0); opacity: 1; pointer-events: auto;}
  .pc_nav>ul>li .erji ul{ width: 100%; padding: 5px 5px;}
  .pc_nav>ul>li .erji ul li a{ font-size: 14px; opacity: 0.65;}
  .erji:after{ display: none;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0 15px; font-size: 16px; display: inline-block;}
  .ban_text{ width: 80%; left: 20%;}
  .ban_text strong{ font-size: 24px; line-height: 36px;}
  .ban_text span{ font-size: 14px; line-height: 24px;}
  #fp-nav{ left: 5px;}
  #fp-nav ul li, .fp-slidesNav ul li{ margin-bottom: 15px;}
  .s_banner .swiper-pagination{ left: 15px;}
  .s_banner .swiper-pagination{ font-size: 16px;}
  .s_banner .swiper-pagination .swiper-pagination-current{ font-size: 24px;}
  .ban_text i{ width: 16px; height: 16px;}
  .s_about .container{ padding: 0 15px; padding-left: 15%;}

  .s_biao{ font-size: 18px;}
  .s_biao span{ font-size: 24px;}
  .s_about .s_biao{ margin-bottom: 20px;}
  .s_about p{ font-size: 14px; line-height: 24px;}
  .s_about ul{ margin-top: 20px;}
  .s_about ul li{ padding: 0 15px; font-size: 14px;}
  .s_about ul li i{ font-size: 24px;}

  .yewu_yuan{ width: 60%; top: 20%;}
  .syw_text strong{ font-size: 24px;}
  .syw_text span{ font-size: 16px; margin: 20px 0;}
  .s_yewu .swiper1 .swiper-button-prev, .s_yewu .swiper1 .swiper-button-next{ width: 40px; height: 40px;}
  .s_yewu .swiper1 .swiper-button-prev i, .s_yewu .swiper1 .swiper-button-next i{ line-height: 40px; font-size: 18px;}

  .s_xiangmu .dw_juzhong{ width: calc(100% - 55px); left: auto; right: 15px;}
  .s_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev, .s_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev i, .s_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
.s_new .container{ padding-left: 40px;}
  .snew_li{ padding: 27px 0; padding-left: 100px;}
  .snew_time{ font-size: 16px;}
  .snew_time span{ font-size: 24px; line-height: 24px;}
  .snew_text h3{ font-size: 16px;}
  .snew_text h4{ font-size: 14px; line-height: 24px;}
  .snew_img i{ font-size: 14px;}

  .s_hezuo ul{ padding-left: 15%;}
  .s_hezuo ul li:first-child, .s_hezuo ul li:nth-child(6), .s_hezuo ul li:nth-child(11){ margin-left: 15%;}
  .s_hezuo ul li:nth-child(11){ margin-right: 3.2%;}
  .s_hezuo ul li:nth-child(12){ margin-left: 0;}
  .s_hezuo ul li:nth-child(16){ display: none; margin-left: 15%;}
  .s_hezuo ul li{ width: 27%;}

  .footer{ padding-top: 30px;}
  .ftdi_a{ margin-top: 10px; text-align: center;}
  .ftdi_a a:last-child{ margin-right: 0;}
  .footer ul li{ width: 33.33%;}
  .footer ul li h4{ font-size: 16px; margin-bottom: 20px;}

  .s_new .container, .s_xiangmu .dw_juzhong, .s_hezuo .container{ top: calc(50% + 30px);}
  
  /* 内页样式 */
  .n_banner{ padding-top: 60%;}
  .nban_text strong{ font-size: 18px;}
  .nban_text span{ font-size: 14px;}
  .nab_nav ul{ padding: 10px 0;}
  .nab_nav ul li{ font-size: 14px;}
  .nab_nav ul li i{ font-size: 24px;}
  .n_zhong{ padding: 30px 0;}
  .ab_1_flex{ margin: 30px 0;}
  .ab_1_numb{ font-size: 36px; line-height: 36px; padding-bottom: 20px; margin-bottom: 20px;}
  .ab_1_numb:after{ width: 10px; height: 10px;}
  .ab_1_text, .ab_1_img{ width: 100%; margin: 0;}
  .ab_1_img span{ font-size: 18px; left: 20%;}
  .ab_1_img span:after{ width: 30px; right: calc(100% + 15px);}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_img span:after { left: calc(100% + 15px);}
  .about_1 .ab_1_flex:nth-child(2n) h2{ text-align: left;}
  .about_1 .ab_1_flex:nth-child(2n) h2 strong:after { right: auto;left: calc(100% + 30px);}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_numb{ text-align: left;}
  .about_1 .ab_1_flex:nth-child(2n) .ab_1_numb:after{ left: 0; right: auto;}
  .ab_1_text h2{ font-size: 18px; margin-bottom: 20px;}
  .ab_1_text p{ font-size: 14px; line-height: 24px;}
  .about_2{ padding-top: 40px; padding-bottom: 60px;}
  .n_biao span{ font-size: 20px;}
  .about_2 .n_biao{ margin-bottom: 30px;}
  .n_biao span:after, .n_biao span:before{ width: 40px;}  
  .n_biao strong{ font-size: 14px;}
  .jiagou_li{ margin:15px 0; padding: 15px;}
  .jiagou_li h4{ font-size: 16px; margin-bottom: 15px; line-height: 24px;}
  .jiagou_li p{ font-size: 14px; line-height: 24px;}
  .lc_map ul li span{ font-size: 14px;}
  .lc_map ul li span i{ width: 10px; height: 10px; margin-top: 2px;}
  .lc_map ul li.active span i{ width: 10px; height: 10px;}
  .lc_map ul li.active span{ font-size: 18px;}
  .lc_map .dw_swiper{ position: static; width: 100%;}
  .lc_text{ color: #333;}
  .lc_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .lc_map .dw_swiper .swiper-button-prev, .lc_map .dw_swiper .swiper-button-next{ width: 36px; height: 36px; border-color: #333; color: #333;}
  .lc_map .dw_swiper .swiper-button-prev i, .lc_map .dw_swiper .swiper-button-next i{ line-height: 34px; font-size: 18px;}
  .lc_text h2{ font-size: 24px; margin-bottom: 20px;}
  .about_4{ padding: 0 15px;}
  .about_4 ul li a{ padding: 10px 0; font-size: 16px;}
  .honor_list{ margin-top: 20px;}
  .honor_name{ margin: 10px auto; font-size: 14px; padding: 5px 0; line-height: 20px;}
  .honor_li:before{ top: 25%;}
  .fanye{ padding: 15px 0;}
  .fanye a{ width: 30px; height: 30px; line-height: 28px;}
  .honor_li{ width: 47%; margin-bottom: 20px; margin-right: 6%;}
  .honor_li:nth-child(3n){ margin-right: 6%;}
  .honor_li:nth-child(2n){ margin-right: 0;}
  .about_5 ul li{ width: 100%; margin-bottom: 15px;}
  .about_5 ul li a{ padding: 30px 0;}
  .about_5 ul li .ab_5_text{ position: static;}
  .about_5 ul li a:after{ opacity: 0.65;}
  .about_5 ul li:nth-child(3) .ab_5_text i{ font-size: 40px;}
  .ab_5_text{ top: 60%;}
  .ab_5_text i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; position: relative; z-index: 3;}
  .ab_5_text h2{ font-size: 18px; margin: 10px 0; z-index: 3;}
  .ab_5_text p{ font-size: 14px; line-height: 24px; opacity: 1; position: relative; z-index: 3;}
  .yw_head_text p{ font-size: 14px; line-height: 24px;}
  .yw_head_text p span{ font-size: 18px;}
  .yw_head_text{ padding: 6% 12%; width: 80%;}
  .yewu_en{ display: none;}
  .nab_nav.ywly ul li{ width: 25%;}
  .yw_youshi, .yw_cpzhonglei, .yw_xiangmu{ padding-top: 40px;}
  .ywys_text{ height: 240px; padding-top: 60px;}
  .ywys_text h3{ font-size: 24px;}
  .ywys_text h5{ font-size: 18px; padding-top: 60px;}
  .ywys_text h3{ font-size: 24px;}
  .ywys_text h5{ font-size: 18px; line-height: 30px; margin: 15px 0;}
  .ywys_text p{ font-size: 14px; line-height: 30px; margin: 20px 0;}
  .cpzl_left p{ font-size: 14px; line-height: 24px;}
  .cpzl_left h2{ font-size: 24px; margin-bottom: 20px;}
  .cpzl_left h2 span{ font-size: 14px;}
  .yw_youshi .swiper-container .swiper-button-prev, .yw_youshi .swiper-container .swiper-button-next{ width: 40px; height: 40px;}
  .yw_youshi .swiper-container .swiper-button-prev i, .yw_youshi .swiper-container .swiper-button-next i{ line-height: 38px; font-size: 20px;}
  .cpzl_left, .cpzl_right{ width: 100%;}
  .cpzl_bj{ padding: 30px 0; padding-bottom: 100px;}
  .cpzl_left{ padding: 0;}
  .cpzl_left h2{ font-size: 18px;}
  .cpzl_bj .swiper_thumbs{ margin: 0 15px; width: 60%; left: 16.6%; top: calc(100% + 10px);}
  .cpzl_bj .swiper_thumbs .swiper-pagination .swiper-pagination-current{ font-size: 36px; line-height: 36px;}
  .yw_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .yw_xiangmu .swiper_fanye .swiper-button-prev, .yw_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .yw_xiangmu .swiper_fanye .swiper-button-prev i, .yw_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
  .yy_jj{ padding-top: 40px;}
  .yy_jj_bai{ padding: 0; box-shadow: none; margin: 0;}
  .yy_team, .yy_ren{ padding-top: 40px;}
  .yy_jj_bai h3{ font-size: 20px;}
  .yy_jj_bai h3 span{ font-size: 14px; letter-spacing: 4px; display: none;}
  .yy_jj_bai .ty_content p{ font-size: 14px; line-height: 30px;}
  .yy_team_bai{ width: 90%; padding: 15px;}
  .yy_team_bai p{ font-size: 14px; line-height: 30px;}
  .yy_team_bai span{ font-size: 30px;}
  .yy_team_bai span em{ font-size: 16px;}
  .yy_team_bai .row .col-sm-4 p{ font-size: 14px;}
  .yinhao{ margin: 30px 0;}
  .yy_ren .container .swiper-button-prev, .yy_ren .container .swiper-button-next{ width: 40px; height: 40px;}
  .yy_ren .container .swiper-button-prev i, .yy_ren .container .swiper-button-next i{ line-height: 38px; font-size: 24px;}
  .yy_ren_img span{ font-size: 16px;}
  .zl_cao_text{ padding-top: 0; padding-bottom: 100px;}
  .yy_ren_text h4{ font-size: 16px;}
  .yy_ren_text p{ font-size: 14px; line-height: 24px;}
  .zl_cao_text h3{ font-size: 18px; line-height: 36px; position: static;}
  .zl_cao_text h3:after{ display: none;}
  .zhuanli_1, .zhuanli_2{ padding: 40px 0;}
  .zhuanli_1 .gallery-top .swiper-button-next, .zhuanli_1 .gallery-top .swiper-button-prev{ width: 50px; height: 50px;}
  .zhuanli_1 .gallery-top .swiper-button-next i, .zhuanli_1 .gallery-top .swiper-button-prev i{ line-height: 48px; font-size: 20px;}
  .zhuanli_1 .gallery-top .swiper-button-next{ left: 70px;}
  .zhuanli_2 .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .zhuanli_2 .swiper_fanye .swiper-button-prev i, .zhuanli_2 .swiper_fanye .swiper-button-next i{ font-size: 24px; line-height: 48px;}
  .zhuanli_2 .swiper_fanye .swiper-button-prev, .zhuanli_2 .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .cg_left, .cg_right{ width: 100%;}
  .cg_text{ position: static; width: 100%; padding: 15px;}
  .chengguo .swiper1 .swiper-button-next{ bottom: 0;}
  .chengguo .swiper1 .swiper-button-prev, .chengguo .swiper1 .swiper-button-next{ width: 40px; height: 40px;}
  .chengguo .swiper1 .swiper-button-prev i, .chengguo .swiper1 .swiper-button-next i{ line-height: 40px; font-size: 24px;}
  .cg_text h2{ font-size: 20px; margin-bottom: 20px;}
  .cg_text p{ font-size: 15px; line-height: 30px;}
  .n_xiangmu .container, .nnew_list .container, .contact_form .container, .contact_lx .container{ padding: 0 15px;}
  .xiangmu_img, .xiangmu_text{ width: 100%;}
  .xm_text{ width: 100%; position: static; transform: translateY(0); padding: 10px 15px;}
  .xiangmu_nav ul li{ display: inline-block; margin: 0 10px;}
  .xiangmu_nav ul li a{ font-size: 14px; line-height: 30px; padding: 0;}
  .xiangmu_nav ul li:after{ display: none;}
  .xiangmu_nav ul li.active a{ font-size: 16px; font-weight: bold;}
  .xm_text h3{ font-size: 20px; margin-bottom: 10px;}
  .xm_text h4{ font-size: 14px; line-height: 30px;}
  .xm_text h5 span{ font-size: 14px;}
  .nnew_li{ margin-bottom: 15px;}
  .nnew_img{ display: none;}
  .nnew_text h3{ font-size: 16px; margin: 10px 0;}
  .nnew_text p{ font-size: 14px;}
  .nnew_time{ font-size: 16px; width: 20%; padding-left: 10px; margin: 0;}
  .nnew_time span{ font-size: 18px;}
  .nnew_n{ padding: 0;}
  .nnew_text{ width: 80%;}
  .nnew_bai>h2{ font-size: 16px; line-height: 30px;}
  .nnew_bai>h4{ font-size: 14px;}
  .nnew_bai .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_back a{ font-size: 14px; padding: 6px 25px;}
  .nnew_prev, .nnew_next{ display: none;}
  .nnew_prev a, .nnew_next a{ width: 46px; height: 46px;}
  .nnew_prev a i, .nnew_next a i{ line-height: 44px;}
  .join_n{ padding: 0;}
  .lx_text{ padding: 10px; margin-top: 30px; background-size: 18%;}
  .lx_text .caption{ padding: 30px; margin: 10px 0;}
  .lx_text .caption h4{ font-size: 16px;}
  .lx_text .caption p{ font-size: 14px;}
  .lx_text .caption.ewm p{ font-size: 14px;}
  .my-map{ height: 300px;}
  .join_list{ margin: 0;}
  .join_li{ padding: 20px 10px; width: 48%; margin-right: 4%; margin-bottom: 15px;}
  .join_li:nth-child(4n){ margin-right: 4%;}
  .join_li:nth-child(2n){ margin-right: 0;}
  .join_li h3{ font-size: 18px;}
  .join_li p{ margin-top: 20px; margin-bottom: 40px;}
  .join_content p{ font-size: 14px; line-height: 24px;}
  .join_title{ font-size: 16px;}
  .contact_form{ padding: 60px 0;}
  .contact_form .form-control, .contact_form .btn{ height: 46px; font-size: 16px;}
  .contact_form .n_biao{ margin-bottom: 30px;}
   

}
@media (min-width:991px) and (max-width:1200px) {
  .header{ height: 80px;}
  .header .container{ padding-left: 210px; padding-right: 170px;}
  .logo{ height: 80px;}
  .pc_nav{ margin-top: 0;}
  .nav_tel_ss a{ margin-left: 10px;}
  .nav_more{ top: 0;}
  .container{ width: calc(100% - 120px); padding: 0;}
  .pc_nav>ul>li>a{ padding: 0 5px; font-size: 14px; height: 80px; line-height: 80px;}
  .nav_lang a{ font-size: 14px;}
  .nav_tel_ss a i{ font-size: 16px;}
  .nav_tel_ss a{ font-size: 16px;}
  .erji ul li{ margin: 0 5px;}
  .erji ul li a{ font-size: 14px;}
  
  .ban_text strong{ font-size: 56px; line-height: 56px;}
  .ban_text span{ font-size: 20px; line-height: 36px;}
  #fp-nav{ left: 15px;}
  #fp-nav ul li, .fp-slidesNav ul li{ margin-bottom: 15px;}
  .s_banner .swiper-pagination{ left: 80px;}
  .s_banner .swiper-pagination .swiper-pagination-current{ font-size: 46px;}

  .s_biao{ font-size: 22px;}
  .s_biao span{ font-size: 36px;}
  
  .s_about .s_biao{ margin-bottom: 40px;}
  .s_about p{ font-size: 16px; line-height: 30px;}
  .s_about ul{ margin-top: 40px;}
  .s_about ul li{ padding: 0 40px; font-size: 16px;}
  .s_about ul li i{ font-size: 36px;}

  .yewu_yuan{ width: 22%; top: 20%;}
  .syw_text strong{ font-size: 20px;}
  .syw_text span{ font-size: 18px; margin: 20px 0;}
  .s_yewu .swiper1 .swiper-button-prev, .s_yewu .swiper1 .swiper-button-next{ width: 60px; height: 60px;}
  .s_yewu .swiper1 .swiper-button-prev i, .s_yewu .swiper1 .swiper-button-next i{ line-height: 60px; font-size: 24px;}

  .s_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev, .s_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev i, .s_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}

  .snew_li{ padding: 27px 0; padding-left: 100px;}
  .snew_time{ font-size: 16px;}
  .snew_time span{ font-size: 24px; line-height: 24px;}
  .snew_text h3{ font-size: 18px;}
  .snew_text h4{ font-size: 16px; line-height: 24px;}

  .footer{ padding-top: 50px;}
  .footer ul li h4{ font-size: 16px; margin-bottom: 20px;}

/* 内页开始 */

.nban_text strong{ font-size: 30px;}
.nban_text span{ font-size: 18px;}
.nab_nav ul{ padding: 20px 0;}
.nab_nav ul li{ font-size: 16px;}
.nab_nav ul li a i{ font-size: 30px;}
.ab_1_text p{ font-size: 16px; line-height: 30px;}
.ab_1_numb{ font-size: 80px; line-height: 80px; margin-bottom: 40px; padding-bottom: 20px;}
.ab_1_text h2{ font-size: 20px; margin-bottom: 20px;}
.ab_1_numb:after{ width: 10px; height: 10px;}
.ab_1_img span{ font-size: 20px;}
.n_biao span{ font-size: 24px;}
.n_biao strong{ font-size: 16px;}
.about_2{ padding-top: 80px; padding-bottom: 150px;}
.about_2 .n_biao span:after, .about_2 .n_biao span:before{ width: 100px;}
.jiagou_li h4{ font-size: 16px;}
.jiagou_li p{ font-size: 14px; line-height: 24px;}
.lc_map ul li span{ font-size: 18px;}
.lc_map ul li.active span{ font-size: 24px;}
.lc_text p{ font-size: 16px; margin: 15px 0; line-height: 30px;}
.lc_text h2{ margin-bottom: 30px; font-size: 30px;}
.about_4 ul li a{ padding: 12px 0; font-size: 18px;}
.ab_5_text i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
.about_5 ul li:nth-child(3) .ab_5_text i{ font-size: 40px;}
.ab_5_text h2{ font-size: 20px;}
.ab_5_text p{ font-size: 16px; line-height: 30px;}
.yw_head_text p{ font-size: 16px; line-height: 36px;}
.yw_head_text p span{ font-size: 24px;}
.yw_head_text{ padding: 6% 12%;}
.ywys_text{ height: 240px; padding-top: 60px;}
.ywys_text h3{ font-size: 24px;}
.ywys_text h5{ font-size: 18px; line-height: 30px; margin: 15px 0;}
.ywys_text p{ font-size: 14px; line-height: 30px; margin: 20px 0;}
.cpzl_left p{ font-size: 14px; line-height: 24px;}
.cpzl_left h2{ font-size: 24px; margin-bottom: 20px;}
.cpzl_left h2 span{ font-size: 14px;}
.cpzl_bj .swiper_thumbs .swiper-pagination .swiper-pagination-current{ font-size: 36px; line-height: 36px;}
.yw_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
.yw_xiangmu .swiper_fanye .swiper-button-prev, .yw_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
.yw_xiangmu .swiper_fanye .swiper-button-prev i, .yw_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
.yy_jj_bai h3{ font-size: 20px;}
.yy_jj_bai h3 span{ font-size: 14px; letter-spacing: 4px;}
.yy_jj_bai .ty_content p{ font-size: 14px; line-height: 30px;}
.yy_team_bai p{ font-size: 14px; line-height: 30px;}
.yy_team_bai span{ font-size: 30px;}
.yy_team_bai span em{ font-size: 16px;}
.yy_team_bai .row .col-sm-4 p{ font-size: 14px;}
.yinhao{ margin: 30px 0;}
.yy_ren_img span{ font-size: 16px;}
.yy_ren_text h4{ font-size: 16px;}
.yy_ren_text p{ font-size: 14px; line-height: 24px;}
.zl_cao_text h3{ font-size: 18px; line-height: 36px;}
.zhuanli_1 .gallery-top .swiper-button-next, .zhuanli_1 .gallery-top .swiper-button-prev{ width: 50px; height: 50px;}
.zhuanli_1 .gallery-top .swiper-button-next i, .zhuanli_1 .gallery-top .swiper-button-prev i{ line-height: 48px; font-size: 20px;}
.zhuanli_1 .gallery-top .swiper-button-next{ left: 70px;}
.zhuanli_2 .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
.zhuanli_2 .swiper_fanye .swiper-button-prev i, .zhuanli_2 .swiper_fanye .swiper-button-next i{ font-size: 24px; line-height: 48px;}
.zhuanli_2 .swiper_fanye .swiper-button-prev, .zhuanli_2 .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
.cg_text h2{ font-size: 20px; margin-bottom: 20px;}
.cg_text p{ font-size: 15px; line-height: 30px;}
.xiangmu_nav ul li a{ font-size: 16px; line-height: 36px;}
.xiangmu_nav ul li.active a{ font-size: 24px;}
.xm_text h3{ font-size: 18px; margin-bottom: 15px;}
.xm_text p{ font-size: 14px; line-height: 24px;}
.xm_text h4{ font-size: 14px; line-height: 30px;}
.xm_text h5{ margin-top: 20px;}
.xm_text h5 span{ font-size: 14px;}
.nnew_text h3{ font-size: 18px;}
.nnew_text p{ font-size: 16px;}
.nnew_time{ font-size: 16px; width: 9%;}
.nnew_time span{ font-size: 24px;}
.nnew_text{ width: 62%;}
.nnew_bai>h2{ font-size: 20px;}
.nnew_bai>h4{ font-size: 14px;}
.nnew_bai .ty_content p{ font-size: 14px; line-height: 24px;}
.nnew_prev a, .nnew_next a{ width: 46px; height: 46px;}
.nnew_prev a i, .nnew_next a i{ line-height: 44px;}
.lx_text{ padding: 30px 40px; margin-top: 30px; background-size: 18%;}
.lx_text .caption{ padding: 30px; margin: 10px 0;}
.lx_text .caption h4{ font-size: 16px;}
.lx_text .caption p{ font-size: 14px;}
.lx_text .caption.ewm p{ font-size: 14px;}
.my-map{ height: 500px;}
.join_li{ padding: 30px 15px;}
.join_li h3{ font-size: 18px;}
.join_li p{ margin-top: 20px; margin-bottom: 40px;}
.join_content p{ font-size: 14px; line-height: 24px;}
.join_title{ font-size: 16px;}
.contact_form .form-control, .contact_form .btn{ height: 46px; font-size: 16px;}



}
@media (min-width:1200px) and (max-width:1600px) {
  .header{ height: 80px;}
  .header .container{ padding-left: 20%; padding-right: 180px;}
  .logo{ height: 80px;}
  .pc_nav{ margin-top: 0;}
  .pc_nav>ul>li>a{ line-height: 80px; height: 80px; font-size: 16px; padding: 0 15px;}
  .erji ul{ padding: 10px 0;}
  .erji ul li a{ font-size: 14px;}
  .nav_tel_ss a{ margin-left: 20px;}
  .nav_tel_ss a i{ font-size: 18px;}
  .lang_a{ font-size: 18px;}
  .nav_more{ top: 0;}
  .container{ width: calc(100% - 160px); padding: 0;}

  .ban_text strong{ font-size: 56px; line-height: 56px;}
  .ban_text span{ font-size: 20px; line-height: 36px;}
  #fp-nav{ left: 15px;}
  #fp-nav ul li, .fp-slidesNav ul li{ margin-bottom: 15px;}
  .s_banner .swiper-pagination{ left: 80px;}
  .s_banner .swiper-pagination .swiper-pagination-current{ font-size: 46px;}

  .s_biao{ font-size: 22px;}
  .s_biao span{ font-size: 36px;}
  
  .s_about .s_biao{ margin-bottom: 40px;}
  .s_about p{ font-size: 16px; line-height: 30px;}
  .s_about ul{ margin-top: 40px;}
  .s_about ul li{ padding: 0 5px; font-size: 16px;}
  .s_about ul li i{ font-size: 36px;}



  .yewu_yuan{ width: 22%; top: 20%;}
  .syw_text strong{ font-size: 20px;}
  .syw_text span{ font-size: 18px; margin: 20px 0;}
  .s_yewu .swiper1 .swiper-button-prev, .s_yewu .swiper1 .swiper-button-next{ width: 60px; height: 60px;}
  .s_yewu .swiper1 .swiper-button-prev i, .s_yewu .swiper1 .swiper-button-next i{ line-height: 60px; font-size: 24px;}

  .s_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev, .s_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
  .s_xiangmu .swiper_fanye .swiper-button-prev i, .s_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}

  .snew_li{ padding: 27px 0; padding-left: 100px;}
  .snew_time{ font-size: 16px;}
  .snew_time span{ font-size: 24px; line-height: 24px;}
  .snew_text h3{ font-size: 18px;}
  .snew_text h4{ font-size: 16px; line-height: 24px;}

  .footer{ padding-top: 50px;}
  .footer ul li h4{ font-size: 16px; margin-bottom: 20px;}

/* 内页开始 */

.nban_text strong{ font-size: 30px;}
.nban_text span{ font-size: 18px;}
.nab_nav{ position: absolute; bottom:-60px; z-index: 10; left: 0; width: 100%;}
.nab_nav ul{ padding: 20px 0;}
.nab_nav ul li{ font-size: 16px;}
.nab_nav ul li a i{ font-size: 30px;}
.ab_1_text p{ font-size: 16px; line-height: 30px;}
.ab_1_numb{ font-size: 80px; line-height: 80px; margin-bottom: 40px; padding-bottom: 20px;}
.ab_1_text h2{ font-size: 20px; margin-bottom: 20px;}
.ab_1_numb:after{ width: 10px; height: 10px;}
.ab_1_img span{ font-size: 20px;}
.n_biao span{ font-size: 24px;}
.n_biao strong{ font-size: 16px;}
.about_2{ padding-top: 80px; padding-bottom: 150px;}
.about_2 .n_biao span:after, .about_2 .n_biao span:before{ width: 100px;}
.jiagou_li h4{ font-size: 16px;}
.jiagou_li p{ font-size: 14px; line-height: 24px;}
.lc_map ul li span{ font-size: 18px;}
.lc_map ul li.active span{ font-size: 24px;}
.lc_text p{ font-size: 16px; margin: 15px 0; line-height: 30px;}
.lc_text h2{ margin-bottom: 30px; font-size: 30px;}
.about_4 ul li a{ padding: 12px 0; font-size: 18px;}
.ab_5_text i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
.about_5 ul li:nth-child(3) .ab_5_text i{ font-size: 40px;}
.ab_5_text h2{ font-size: 20px;}
.ab_5_text p{ font-size: 16px; line-height: 30px;}
.yw_head_text p{ font-size: 16px; line-height: 36px;}
.yw_head_text p span{ font-size: 24px;}
.yw_head_text{ padding: 6% 12%;}
.ywys_text{ height: 240px; padding-top: 60px;}
.ywys_text h3{ font-size: 24px;}
.ywys_text h5{ font-size: 18px; line-height: 30px; margin: 15px 0;}
.ywys_text p{ font-size: 14px; line-height: 30px; margin: 20px 0;}
.cpzl_left p{ font-size: 14px; line-height: 24px;}
.cpzl_left h2{ font-size: 24px; margin-bottom: 20px;}
.cpzl_left h2 span{ font-size: 14px;}
.cpzl_bj .swiper_thumbs .swiper-pagination .swiper-pagination-current{ font-size: 36px; line-height: 36px;}
.yw_xiangmu .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
.yw_xiangmu .swiper_fanye .swiper-button-prev, .yw_xiangmu .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
.yw_xiangmu .swiper_fanye .swiper-button-prev i, .yw_xiangmu .swiper_fanye .swiper-button-next i{ line-height: 48px; font-size: 24px;}
.yy_jj_bai h3{ font-size: 20px;}
.yy_jj_bai h3 span{ font-size: 14px; letter-spacing: 4px;}
.yy_jj_bai .ty_content p{ font-size: 14px; line-height: 30px;}
.yy_team_bai p{ font-size: 14px; line-height: 30px;}
.yy_team_bai span{ font-size: 30px;}
.yy_team_bai span em{ font-size: 16px;}
.yy_team_bai .row .col-sm-4 p{ font-size: 14px;}
.yinhao{ margin: 30px 0;}
.yy_ren_img span{ font-size: 16px;}
.yy_ren_text h4{ font-size: 16px;}
.yy_ren_text p{ font-size: 14px; line-height: 24px;}
.zl_cao_text h3{ font-size: 18px; line-height: 36px;}
.zhuanli_1 .gallery-top .swiper-button-next, .zhuanli_1 .gallery-top .swiper-button-prev{ width: 50px; height: 50px;}
.zhuanli_1 .gallery-top .swiper-button-next i, .zhuanli_1 .gallery-top .swiper-button-prev i{ line-height: 48px; font-size: 20px;}
.zhuanli_1 .gallery-top .swiper-button-next{ left: 70px;}
.zhuanli_2 .swiper-container .swiper-slide a span{ padding: 20px 12px; font-size: 16px;}
.zhuanli_2 .swiper_fanye .swiper-button-prev i, .zhuanli_2 .swiper_fanye .swiper-button-next i{ font-size: 24px; line-height: 48px;}
.zhuanli_2 .swiper_fanye .swiper-button-prev, .zhuanli_2 .swiper_fanye .swiper-button-next{ width: 50px; height: 50px;}
.cg_text h2{ font-size: 20px; margin-bottom: 20px;}
.cg_text p{ font-size: 15px; line-height: 30px;}
.xiangmu_nav ul li a{ font-size: 16px; line-height: 36px;}
.xiangmu_nav ul li.active a{ font-size: 24px;}
.xm_text h3{ font-size: 18px; margin-bottom: 15px;}
.xm_text p{ font-size: 14px; line-height: 24px;}
.xm_text h4{ font-size: 14px; line-height: 30px;}
.xm_text h5{ margin-top: 20px;}
.xm_text h5 span{ font-size: 14px;}
.nnew_text h3{ font-size: 18px;}
.nnew_text p{ font-size: 16px;}
.nnew_time{ font-size: 16px; width: 9%;}
.nnew_time span{ font-size: 24px;}
.nnew_text{ width: 62%;}
.nnew_bai>h2{ font-size: 20px;}
.nnew_bai>h4{ font-size: 14px;}
.nnew_bai .ty_content p{ font-size: 14px; line-height: 24px;}
.nnew_prev a, .nnew_next a{ width: 46px; height: 46px;}
.nnew_prev a i, .nnew_next a i{ line-height: 44px;}
.lx_text{ padding: 30px 40px; margin-top: 30px; background-size: 18%;}
.lx_text .caption{ padding: 30px; margin: 10px 0;}
.lx_text .caption h4{ font-size: 16px;}
.lx_text .caption p{ font-size: 14px;}
.lx_text .caption.ewm p{ font-size: 14px;}
.my-map{ height: 500px;}
.join_li{ padding: 30px 15px;}
.join_li h3{ font-size: 18px;}
.join_li p{ margin-top: 20px; margin-bottom: 40px;}
.join_content p{ font-size: 14px; line-height: 24px;}
.join_title{ font-size: 16px;}
.contact_form .form-control, .contact_form .btn{ height: 46px; font-size: 16px;}


}


@media (min-width:1441px){

}

@media (min-width:991px) {

  .lc_map .swiper1 .swiper-slide{ height: 320px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  overflow: auto;}


  .lc_map .swiper1 .swiper-slide::-webkit-scrollbar {
    width: 4px;
  }
  
  .lc_map .swiper1 .swiper-slide::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(255,255,255,0.85);
  }
  
  .lc_map .swiper1 .swiper-slide::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: rgba(255,255,255,0.3);
  }


.lc_text { max-width: 100%; width: auto;}
.lc_text h2{ margin-top: 10px;}
  
  }
@media (min-width:991px) {
  .container{ padding: 0;}
    
  .fancybox-button {  width: 60px ;  height: 60px ;}
  .fancybox-navigation button {  width: 80px ; height:120px ;}
  .fancybox-navigation button:before { width: 60px ; height: 60px ;}
}

.header.active .menu-link span, .header.active .menu-link span:before, .header.active .menu-link span:after{ background-color: #333;}
.header.active .menu-link.active span {background: transparent;}
.header.active .menu-link.active span:before { background-color:#333;}
.header.active .menu-link.active span:after { background-color:#333;}

.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; position:absolute; top:50%; margin-top:-19px; right: 5px; 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: #fff; 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:#fff;
  -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:#fff;
  -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);
  }

