body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif';}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}


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

@font-face {
	font-family: 'upcll';
	src: url('../fonts/upcll.ttf');
	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 0.3s;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.4s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.3s;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.4s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.3s;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.4s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.3s;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.4s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.3s;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.4s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.4s;}



#fp-nav{ display: none;}

.bai_xian.active{ background: rgba(0,0,0,0.46);}
.bai_xian.active span{ color: #323232;}
.bai_xian.active span strong:after{ background: #323232;}
.bai_xian{ background: rgba(255,255,255,0.35); position: fixed; right: 50px; top: 47%; transform: translateY(-50%); width: 1px; height: 55%; z-index: 999; transition: all 0.3s;}
.huang_xian{ height: calc(100%/7); width: 2px; position: absolute; right: 0; z-index: 2; background: #fac000; transition: all 1s;}

.bai_xian span{font-family: 'upcll'; position: absolute; display: inline-block; top: calc(100% + 15px); left: -6px; font-size: 40px; color: #fff; transform: rotate(90deg) translateY(-50%); transform-origin: left top; white-space: nowrap; line-height: 40px; transition: all 0.3s;}
.bai_xian span strong{ font-size: 44px; position: relative; display: inline-block; margin-left: 20px; font-family: 'FRAHV'; margin-bottom: 10px; vertical-align: sub;}
.bai_xian span strong:after{ content: ''; width: 4px; height: 60px; background: #fff; position: absolute; left: -13px; top: 5px; transition: all 0.3s;}



/*导航开始*/

/* 内页 */
.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% - 260px); padding: 0;}

.xian.active{background: rgba(0,0,0,0.59);}
.xian{ width: 100%; height: 1px; position: absolute; top: 100%; left: 0; background: rgba(255,255,255,0.59); transition: all 0.3s;}
.xian i{ content: ''; width: 0; height: 3px; background: #fac000; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all 0.6s;}

.header.active{ background: rgba(0,0,0,0.84);}
.header{ position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; height: 106px; transition: all 0.3s; background: rgba(8,0,0,0);
  /*box-shadow:0px 1px 4px rgba(0,0,0,0.1); */
}
.header .container{ position: relative; padding-left: 300px; padding-right: 260px;}
.logo{ position: absolute; z-index: 2; left: 0; top: 0; height: 106px; transition: all 0.3s;}
.logo a{ display: block; height:100%;}
.logo a img{ max-height: 100%; display: block; max-width: 100%;}
.pc_nav{ transition: all 0.3s; margin-top: 26px;}
.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: 80px; height: 80px; padding: 0 18px; position: relative; font-size: 16px; 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: #fac000;}
.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.65); 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: #fac000;}

/* .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: 26px; z-index: 2; text-align: right; transition: all 0.3s; line-height: 80px; color: #fff;}
.nav_lang{ display: inline-block; line-height: 24px;}
.nav_lang a{ display: inline-block; font-size: 16px; color: #fff;}
.nav_lang a.active{ color: #fac000;}

.nav_tel_ss{ display: inline-block; line-height: 20px; margin-left: 10px;}
.nav_tel_ss a{ display: inline-block; margin-left: 30px; 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; 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; color: #333;}
.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 .swiper-slide a{ height: 100vh; display: block; position: relative; overflow: hidden;}
.s_banner .swiper-pagination{ bottom: 5%;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ height: 8px; width: 8px; background: #fff; border-radius: 4px; margin: 0 6px; opacity: 1; transition: all 0.3s;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px; background: #fac000;}
.s_banner .ban_text1{ position: absolute; top: 44%; left: 60px; width: 42.5%; z-index: 2;}
.s_banner .ban_text2{ position: absolute; bottom: -10px; left: 10.5%; width: 42.5%; z-index: 2;}
.s_banner.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;}
.s_banner.active .ban_text2{ transform: translateY(0); opacity: 1; transition-delay:0.4s;}

.ban_img{ position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; width: 62%;}
.ban_img img{ max-width: 100%; display: block; margin: 0 auto;}

.ban_text{ position: absolute; left: 0; top: 43%; width: 100%; text-align: center;}
.ban_text img{ display: block; margin: 0 auto; max-width: 40%;}
.ban_text span{ display: block; text-align: center; letter-spacing: 10px; color: #fff; font-size: 32px; line-height: 36px; margin-top: 30px;}

/* .ls_ani_right{ transform: translateX(10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_left{ transform: translateX(-10%); opacity: 0; transition: all 0.6s ease-out;}
.ls_ani_up{ transform: translateY(100%); opacity: 0; transition: all 0.6s ease-out;} */


.s_banner2{ height: 100vh; overflow: hidden;}
.s_banner2 .ban_text1{ position: absolute; top: 49%; left: 80px; width: 47%; z-index: 2;}
.s_banner2.active .ban_text1{ transform: translateX(0); opacity: 1; transition-delay:0.3s;}


.s_about{ height: 100vh; position: relative; width: 100%;}

.s_ab_nav{ width: 100%; position: absolute; z-index: 10; bottom: 5%; left: 0;}
.s_ab_nav ul{ width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.s_ab_nav ul li{ display: block; width: 10%; height: 120px; background: transparent; border: 3px solid #c6a86f; border-left-color: transparent; position: relative; margin: 0 25px; float: left; transition: all 0.6s;}
.s_ab_nav ul li:after{ content: ''; width: 3px; height: 30%; background: #c6a86f; position: absolute; left: -3px; top: -3px; transition: all 0.6s;}
.s_ab_nav ul li:before{ content: ''; width: 3px; height: 30%; background: #c6a86f; position: absolute; left: -3px; bottom: -3px; transition: all 0.6s;}

.s_ab_nav ul li i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #c6a86f; border-left-color: transparent; transition: all 0.6s;}
.s_ab_nav ul li i:after{ content: ''; width: 1px; height: calc(30% - 5px); background: #c6a86f; position: absolute; left: 0; top: -1px; transition: all 0.6s;}
.s_ab_nav ul li i:before{ content: ''; width: 1px; height: calc(30% - 5px); background: #c6a86f; position: absolute; left: 0; bottom: -1px; transition: all 0.6s;}

.s_ab_nav ul li span{ width: 100%; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; font-size: 16px; line-height: 16px; color: #b0afaf; font-family: 'Arial'; font-weight: bold; text-transform: uppercase; transition: all 0.6s;}
.s_ab_nav ul li span strong{ font-size: 22px; line-height: 30px; color: #c6a86f; transition: all 0.6s; display: block;}

.s_ab_nav ul li.active:after, 
.s_ab_nav ul li.active:before{ height: calc(50% + 3px);}
.s_ab_nav ul li.active i:after, 
.s_ab_nav ul li.active i:before{ height: calc(50% + 1px); background: #fff;}
.s_ab_nav ul li.active{ background: #c6a86f;}
.s_ab_nav ul li.active span{ left: 0; text-align: center; color: #fff;}
.s_ab_nav ul li.active span strong{ color: #fff;}
.s_ab_nav ul li.active i{ border-color: #fff; border-left: transparent;}

.s_about .swiper1, .s_about .swiper1 .swiper-wrapper{ height: 100%;}
.s_about .swiper1 .swiper-slide{ width: 100%;}

.s_about .sab_2{ width: 77%; position: absolute; left: 0; background: rgba(0,0,0,0.72); top: 50%; transform: translateY(-50%); padding: 4% 2%; padding-bottom: 8%;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.fwys_9{ position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(36%); height: 69%;}
.fwys_9 img{ display: block; max-height: 100%;}

.sab_2 li{ width: 7%; margin: 0 5%; position: relative;}
.sab_2 li:nth-child(-n+5){ margin-bottom: 10%;}
.sab_2 li i{ display: block; padding-top: 100%; position: relative; transition: all 0.3s;}
.sab_2 li i img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 45%; max-height: 50%; z-index: 2;}
.sab_2 li i:after{ content: ''; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,0.5); border-radius: 12px; position: absolute; left: 0; top: 0; transform: rotate(45deg); transition: all 0.3s;}
.sab_2 li i:before{ content: ''; width: 100%; height: 100%; border: 2px solid #c6a86f; border-radius: 12px; position: absolute; left: 0; top: 0; transform: rotate(45deg); border-left-color: transparent; transition: all 0.3s;}
.sab_2 li strong{ color: #fff; font-size: 20px; display: block; position: absolute; top: calc(100% + 30px); left:50%; transition: all 0.3s; font-weight: normal; transform: translateX(-50%); white-space: nowrap;}
.sab_2 li:hover i:after{ background: #c6a86f;}
.sab_2 li:hover i:before{ border-left: 2px solid #c6a86f;}
.sab_2 li:hover strong{ color: #c6a86f;}

.sab_1{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
.sab_1 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.sab_1_left{ width: 50%; padding-right: 5%;}
.sab_1_right{ width: 50%; padding-left: 1%;}
.sab_1_img{ margin-bottom: 50px;}
.sab_1_img img{ max-width: 75%;}
.sab_1_text h3{ font-size: 26px; color: #3f3a39; font-weight: bold; margin: 30px 0;}
.sab_1_text h3 span{ display: block; font-size: 12px; color: #3f3a39; margin-top: 8px;}
.sab_1_text p{ margin: 0; margin-top: 30px; line-height: 28px; color: #090909; letter-spacing: 3px; font-size: 16px;}

.sab_3{ width: 77%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sab_3_biao{ position: absolute; left: -66px; top: 0; z-index: 2;}
.sab_3 .swiper2 .swiper-slide{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.slc_left{ width: 55.7%;}
.slc_right{ width: 44.3%;}
.slc_right a{ padding-top: 68.75%; display: block;}

.slc_left{ padding-top: 10%; padding-left: 12.3%; padding-right: 2%; position: relative;}
.slc_left h3{ color: #c6a86f; font-size: 28px; margin-bottom: 35px; transition: all 0.6s;}
.slc_left h4{ line-height: 32px; transition: all 0.6s;}
.slc_time{ font-size: 275px; color: #000; line-height: 275px; position: absolute; top: -8%; left: 22%;font-family: 'BARLOWCONDENSED-BOLD'; opacity: 0.05; letter-spacing: 25px;}

/* 第三屏开始 */
.s_wangluo{ width: 100%; height: 100vh; background: url(../images/bg3.jpg) center no-repeat; background-size: cover; position: relative;}

.map{ width: 43%; position: absolute; left: 0; bottom: 0; transform: translateX(15%) translateY(-24%);}
.map ul{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}
.map ul li{ position: absolute; width: 1.1846%;}
.map ul li i{ display: block; padding-top: 100%; background: #fac000; border-radius: 50%;}
.map ul li span{ position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 5px); display: block; white-space: nowrap; color: #fff;}
.map ul li.jinan{ top: 61.2%; right: 27.6%;}
.map ul li.qingdao{ top: 58.2%; right: 19%;}
.map ul li.haikou{ left: 60.7%; top: 116.4%;}
.map ul li.dongying{ top: 55.15%; right: 24.3%;}
.map ul li.haerbin{ top: 24.5%; right: 12.1%;}
.map ul li.changchun{ top: 30.6%; right: 13.8%;}
.map ul li.shenyang{ top: 39.8%; right: 15.55%;}
.map ul li.zhengzhou{ top: 70.4%; right: 32.9%;}
.map ul li.wuhan{ top: 79.65%; right: 32.9%;}
.map ul li.changsha{ top: 85.8%; right: 36.35%;}
.map ul li.hangzhou{ top: 79.65%; right: 17.26%;}
.map ul li.shanghai{ top: 76.6%; right: 15.5%;}
.map ul li.nanjing{ top: 73.5%; right: 19%;}
.map ul li.hefei{ top: 76.6%; right: 22.45%;}
.map ul li.xuzhou{ top: 67.45%; right: 22.45%;}
.map ul li.chengdu{ top: 79.65%; right: 53.75%;}
.map ul li.chongqing{ top: 82.7%; right: 48.55%;}
.map ul li.guiyang{ top: 88.85%; right: 48.55%;}
.map ul li.kunming{ top: 95%; right: 55.55%;}
.map ul li.wenzhou{ top: 85.8%; right: 15.5%;}
.map ul li.nanchang{ top: 85.8%; right: 29.4%;}
.map ul li.beijing{ top: 46%; right: 25.9%;}
.map ul li.tianjin{ top: 49%; right: 24.15%;}
.map ul li.shijiazhuang{ top: 52.05%; right: 29.4%;}
.map ul li.taiyuan{ top: 52.05%; right: 33%;}
.map ul li.qinhuangdao{ top: 46%; right: 22.5%;}
.map ul li.xi_an{ top: 70.4%; right: 39.9%;}
.map ul li.yinchuan{ top: 52.05%; right: 48.5%;}
.map ul li.lanzhou{ top: 64.3%; right: 55.4%;}
.map ul li.xinjiang{ top: 33.65%; right: 83.25%;}
.map ul li.nanning{ left: 57.3%; top: 104.2%;}
.map ul li.guangzhou{ left: 65.9%; top: 104.2%;}
.map ul li.fuzhou{ left: 81.5%; top: 92%;}
.map ul li.shenzhen{ left: 71%; top: 107.2%;}
.map ul li.xiamen{ left: 79.8%; top: 98.1%;}
.map ul li.xining{ left: 36.3%; top: 61.4%;}
.map ul li.xiongan{ left: 71.2%; top: 49%;}
.map ul li.huhehaote{ left: 58.9%; top: 46%;}
.map ul li.baotou{ left: 53.8%; top: 46%;}
.map ul li.yichang{ top: 79.65%; right: 38.2%;}
.map ul li.kunming{ left: 43.4%; top: 98.1%;}

img.smap_left{ width: auto; height: 100%; position: absolute; right: 100%; top: 0; opacity: 0.4;}
img.smap_bottom{ width: 100%; height: auto; position: absolute; left: 0; top: 100%; opacity: 0.4;}



.map ul li.cur{z-index: 2;}
.map ul li.cur i:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fac000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s ease-out infinite; animation: anim-out2 3s ease-out infinite; z-index: -1;}
.map ul li.cur i:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fac000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s ease-out infinite; animation: anim-out2 3s 1s ease-out infinite; z-index: -2;}

/* 涟漪特效代码 */
@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@-moz-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@-ms-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

@keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(7); opacity: 0;}
}

.map ul li.beijing span{ left: auto; right: calc(100% + 5px);}
.map ul li.baotou span{ left: auto; right: calc(100% + 5px);}
.map ul li.dongying span{ left: 50%; bottom: calc(100% + 5px); transform: translateX(-50%); top: auto;}
.map ul li.huhehaote span{ left: 50%; bottom: calc(100% + 5px); transform: translateX(-50%); top: auto;}
.map ul li.taiyuan span{ left: auto; right: calc(100% + 5px);}
.map ul li.hefei span{ left: 50%; top: calc(100% + 5px); transform: translateX(-50%);}
.map ul li.xiongan span{ left: auto; right: calc(100% + 5px);}
.map ul li.shijiazhuang span{ left: 50%; top: calc(100% + 5px); transform: translateX(-50%);}


.s_zhanqu{ width: 25.26%; position: absolute; right: 0; bottom: 0; height: 100%; overflow: hidden; padding-top: 106px;}
.s_zhanqu:after{ content: ''; width: 1000px; height: 1200px; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.5); position: absolute; left: 35px; top: calc(50% + 53px); transform: translateY(-50%);}
.s_zhanqu .swiper3{ width: calc(100% - 100px); height: 70%; position: absolute; left: 0; top: calc(50% + 53px); transform: translateY(-50%);}
.s_zhanqu .swiper3 .swiper-wrapper{ height: 100%;}
.s_zhanqu .swiper3 .swiper-wrapper .swiper-slide{ height: 14.28%; color: #fff; padding-left: 48%; transition: all 0.6s;}
.s_zhanqu .swiper3 .swiper-slide h3{ font-size: 26px; line-height: 28px; opacity: 0.16; transition: all 0.6s; margin-top: 20px;}
.s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 50px; line-height: 28px; font-family: 'Impact'; display: inline-block; margin: 0 5px;}
.s_zhanqu .swiper3 .swiper-slide h5{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.16; transition: all 0.6s; margin-bottom: 0;}
.s_zhanqu .swiper3 .swiper-slide:after{ content: ''; width: 20px; height: 20px; border-radius: 50%; background: #fff; position: absolute; left: 118px; top: 50%; transform: translateY(-50%); transition: all 0.6s;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active h3, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-active h5{ opacity: 1;}

.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active:after{ left: 13px; width: 45px; height: 45px; background: url(../images/dian.png) center no-repeat #fac000;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next:after{ left: 31px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2:after{ left: 49px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3:after{ left: 81px;}

.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active{ padding-left: 40%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next{ padding-left: 42%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2{ padding-left: 44%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3{ padding-left: 46%;}

.s_zhanqu_img{ width: 21.35%; position: absolute; right: 25.26%; top: 50%; transform: translateY(-50%); z-index: 2;}
.s_zhanqu_img .swiper4 .ani{ padding: 30px 0;}
.zhanqu_more{ padding: 30px 0; text-align: center; background: #3e3a39; color: #fff; font-size: 24px;}
.s_zhanqu_img .swiper-slide a{ padding-top: 60%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.s_zhanqu_img .swiper-slide .swiper-container{ width: 100%;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-slide{ width: 100%;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next{ width: 40px; height: 40px; color: #fff;  line-height: 40px; text-align: center; margin: 0; transform: translateY(-50%); background: rgba(0,0,0,0.65);}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev{ left: 0;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next{ right: 0;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev i, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next i{ display: inline-block; line-height: 40px; font-size: 18px;}

.s_wangluo_text{ position: absolute; z-index: 10; left: 0; top: 140px; width: 100%;}
.s_wangluo_text h2{ color: #c6a86f; font-size: 46px; margin: 0; margin-bottom: 10px;}
.s_wangluo_text h4{ color: #fff; line-height: 30px; font-size: 18px; margin: 0;}


.s_hezuo{ width: 85.4%; position: absolute; left: 0; top: calc(50% + 53px); transform: translateY(-50%);}
.hz_tab{ background: #fff; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); padding: 25px 0; position: relative; transition: all 0.3s;}
.hz_tab:after{ content: ''; background: rgba(255,255,255,0.46); width: 100%; height: 100%; z-index: -1; position: absolute; bottom: -15px; right: -15px;}

.tab_biao{ text-align: right; margin-bottom: 10px;}
.tab_biao ul{ display: inline-block; border-bottom: 1px solid #dedede;}
.tab_biao ul li{ display: inline-block; margin-right: 40px;}
.tab_biao ul li a{ font-size: 30px; color: #313030; display: block; padding: 0 12px; padding-bottom: 15px; position: relative; transition: all 0.3s;}
.tab_biao ul li a:after{ content: ''; width: 100%; height: 4px; background: transparent; position: absolute; left: 0; bottom: -1px; transition: all 0.3s;}
.tab_biao ul li.active a:after{ background: #c6a86f;}
.tab_biao ul li.active a{ color: #c6a86f;}

.s_hezuo_text{ text-align: right; color: #fff; padding-right: 20px;}
.s_hezuo_text h2{ color: #c6a86f; font-size: 46px; margin: 0; margin-bottom: 10px;}
.s_hezuo_text h4{ color: #fff; line-height: 30px; font-size: 18px;}
.s_hezuo_img{ position: absolute; left: 130px; top: 5px; width: 714px; z-index: 2;}
.s_hezuo_img img{ display: block; width: 100%;}

.s_kehu_list.active{ height: auto; min-height: 480px; opacity: 1;}
.s_kehu_list{ width: 88%; margin-left: 6.5%; overflow: visible; opacity: 0; height: 0; transition: all 0.3s;}
.s_kehu_list h5{ color: #999; font-size: 16px; padding-right: 25px;}
.s_kehu_list ul{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.s_kehu_list ul li{ width: 15%; margin: 0.8% 0;}
.s_kehu_list ul li a{ display: block; padding-top: 41.5%; transition: all 0.3s; position: relative; background: #fff;}
.s_kehu_list ul li a img{ position: absolute; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%;}
.s_kehu_list ul li:hover a{ box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}

.s_lvyue_list.active{ height: 480px; opacity: 1;}
.s_lvyue_list{ width: 61%; margin: 0 auto; overflow: visible; opacity: 0; height: 0;}
.s_lvyue_list ul{ width: 100%; height: 100%; position: relative;}
.s_lvyue_list ul li{ width: 329px; height: 340px; background: url(../images/xiangkuang2.png) center no-repeat; background-size: cover; position: absolute; transform: scale(0.65); opacity: 0.75; transition: all 0.6s;}
.s_lvyue_list ul li img{ position: absolute; top: 11%; max-height: 80%; max-width: 40%; left: 12%; z-index: 2;}
.s_lvyue_list ul li.lv_0 .lvyue_name{ opacity: 1; pointer-events: auto;}

.s_lvyue_list ul li.lv_0{ left: 39%; top: 27%; transform: scale(1); z-index: 4; opacity: 1;}
.s_lvyue_list ul li.lv_1{ left: 66%; top: 34%; z-index: 3; opacity: 0.9;}
.s_lvyue_list ul li.lv_2{ left: 78%; top: -11%; z-index: 2;}
.s_lvyue_list ul li.lv_3{ left: 49%; top: -11%;}
.s_lvyue_list ul li.lv_4{ left: 20%; top: -11%;}
.s_lvyue_list ul li.lv_5{ left: -9%; top: -11%; z-index: 2;}
.s_lvyue_list ul li.lv_6{ left: 8%; top: 34%; z-index: 3; opacity: 0.9;}

.lvyue_name{ position: absolute; top: 84%; left: 2%; opacity: 0; pointer-events: none; font-size: 20px; color: #000; line-height: 30px; padding-left: 10px; border-left: 4px solid #c6a86f; transition: all 0.3s;}

.s_series{ height: 100vh; width: 100%; position: relative;}
.s_series .gallery-top .swiper-slide{ height: 100vh;}
.series_text{ position: absolute; left: 0; top: 18%; z-index: 2; width: 56%; background-image: linear-gradient(to right, rgba(0,0,0,0.67) , rgba(0,0,0,0.4) , rgba(0,0,0,0)); padding: 35px 130px; color: #fff;}
.series_text h2{ font-size: 46px; color: #fac000; font-weight: bold; line-height: 56px; margin-top: 10px;}
.series_text h2 strong{ font-family: 'BARLOWCONDENSED-BOLD'; font-size: 56px; display: inline-block; margin-right: 15px; transform: translateY(3px);}
.series_text p{ font-size: 16px; line-height: 30px;}
.series_text p span{ font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif' !important;}

.dw_swiper{ position: relative;}
.s_series .dw_swiper{ position: absolute; bottom: 7%; left: 0; width: 100%; padding-right: 12%; z-index: 2;}
.s_series .dw_swiper:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 15px;}
.s_series .gallery-thumbs .swiper-slide{ text-align: center; padding-bottom: 45px; 
  cursor: pointer;
}
.s_series .gallery-thumbs .swiper-slide span{ font-size: 24px; color: #fff; display: inline-block; transition: all 0.3s;}
.s_series .gallery-thumbs .swiper-slide span img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.s_series .gallery-thumbs .swiper-slide span i{ display: block; margin: 0 auto; font-size: 52px;}
.s_series .gallery-thumbs .swiper-slide:after{ content: ''; width: 17px; height: 17px; background: #fff; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); transition: all 0.3s; border-radius: 50%;}
.s_series .gallery-thumbs .swiper-slide:before{ content: ''; width: 17px; height: 17px; background: rgba(255,255,255,0.49); position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.3s; border-radius: 50%;}

.s_series .gallery-thumbs .swiper-slide.swiper-slide-active span{ color: #fac000;}
.s_series .gallery-thumbs .swiper-slide.swiper-slide-active:after{ background: #fac000;}
.s_series .gallery-thumbs .swiper-slide.swiper-slide-active:before{ opacity: 1; transform: translateX(-50%) scale(1.5);}
.s_series .dw_swiper .swiper-button-next_thumbs, .s_series .dw_swiper .swiper-button-prev_thumbs{ background: none; width: 36px; height: 36px; text-align: center; margin: 0; line-height: 36px; transform: translateY(-50%); outline: none;}
.s_series .dw_swiper .swiper-button-next_thumbs i, .s_series .dw_swiper .swiper-button-prev_thumbs i{ display: inline-block; line-height: 36px; font-size: 36px; color: #fff;}
.s_series .dw_swiper .swiper-button-next_thumbs:after{ content: ''; width: 2px; height: 80%; position: absolute; left: -12px; top: 10%; transform: rotate(15deg); background: #fff;}
.s_series .dw_swiper .swiper-button-next_thumbs{ right: 8%;}
.s_series .dw_swiper .swiper-button-prev_thumbs{ right: calc(8% + 60px); left: auto;}

.s_news{ width: 100%; height: 100vh; background: url(../images/bg6.jpg) center no-repeat; background-size: cover; position: relative;}
.s_news .container{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.snew_head{ width: 25%;}
.new_li{ width: 22%; margin-left: 3%;}
.snew_li_bai{ transition: all 0.3s;}
.snew_biao{ margin-bottom: 40px;}
.snew_biao strong{ display: block; font-size: 86px; line-height: 86px; margin-bottom: 30px; color: #c6a86f; font-family: 'BARLOWCONDENSED-BOLD';  text-transform: uppercase;}
.snew_biao a{ display: inline-block; padding: 10px 40px; background: #c6a86f; color: #fff; font-size: 18px;}
.snew_head h2{ font-size: 32px; color: #070002; margin-bottom: 15px; position: relative;}
.snew_head h2:after{ content: ''; width: 130px; height: 4px; background: #c6a86f; position: absolute; right: calc(100% + 40px); top: 50%; transform: translateY(-50%);}
.snew_head p{ line-height: 36px; font-size: 16px; text-align: justify;}

.new_text{ background: transparent; padding: 5px 15px; padding-bottom: 20px; transition: all 0.3s;}
.new_img{ padding-top: 50px;}
.new_img a{ display: block; padding-top: 60%;}
.new_time{ margin: 15px 0; font-size: 16px; color: #666;}
.new_text h4{ font-size: 16px; color: #070002; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_text h5{ font-size: 16px; line-height: 24px; height: 72px; color: #666;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.snew_li_bai:hover .new_text{ background: #fff;}
.snew_li_bai:hover{ transform: translateY(-12%); box-shadow: 0px 4px 6px rgba(0,0,0,0.05);}

.new_deng{ position: absolute; top: 106px; left: 18.2%; width: 226px; z-index: 2;}

.footer{ width: 78.64%; position: absolute; left: 0; top: calc(50% + 33px); transform: translateY(-50%); background: url(../images/foot_img.jpg) left center no-repeat #323232; background-size: contain; padding: 50px 0;}

.foot_form{ width: 35%; margin-left: 44%;}
.foot_form h5{ color: #fff; line-height: 28px; font-size: 16px; margin-bottom: 30px;}
.foot_form .form-control{ border: none; background: none; border-bottom: 2px solid rgba(255,255,255,0.2); font-size: 18px; color: #fff; height: 58px; border-radius: 0; box-shadow: none; padding-left: 0;}
.foot_form .form-group{ position: relative; margin-bottom: 25px;}
.foot_form .form-group label{ position: absolute; left: 2px; top: calc(50% - 2px); transform: translateY(-50%); font-size: 18px; color: #fff; font-weight: normal;}
.foot_form input.form-control{ padding-left: 60px;}
.foot_form input.form-control.message{ padding-left: 90px;}
.foot_form select.form-control option{ color: #333; font-size: 14px;}
.foot_form .form-group button.btn{ width: 100%; display: block; height: 58px; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); background: none; color: #fff; font-size: 18px; margin-top: 44px; outline: none;}

.ft_title{ position: absolute; left: 90%; top: 17%; text-transform: uppercase; z-index: 2; color: #fff; font-size: 30px; white-space: nowrap;}
.ft_title strong{ font-size: 40px; margin-right: 15px; transform: translateY(3px); display: inline-block; line-height: 40px; font-family: 'BARLOWCONDENSED-BOLD'; }
.ft_title span{ display: block;}
.ft_title span strong{ margin: 0; line-height: 50px; font-size: 50px; transform: translateY(0);}

.ft_phone{ font-size: 22px; white-space: nowrap; color: #fff; position: absolute; left: 90%; top: 60%; z-index: 2;}
.ft_phone span{ display: block; line-height: 22px;}
.ft_phone strong{ font-size: 54px; line-height: 60px; font-family: 'BARLOWCONDENSED-BOLD'; }
.ft_phone a{ color: #fff; transition: all 0.3s;}
.ft_phone a:hover{ color: #fac000;}

.foot_di{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 10px 0; background: #323232; color: #aaaaaa; font-size: 16px;}
.foot_di a{ color: #aaaaaa; transition: all 0.3s;}
.foot_di a:hover{ color: #fff;}

.foot_top{ width: 50px; height: 50px; background: rgba(0,0,0,0.75); color: #fff; text-align: center; position: absolute; left: 100%; bottom: 0; cursor: pointer; transition: all 0.3s;}
.foot_top i{ display: inline-block; line-height: 50px; font-size: 24px;}
.foot_top:hover{ background: #fac000;}



/* 内页样式开始 */

.n_footer{ background: #1f1f1f; padding-top: 35px; color: #fff; position: relative; z-index: 50;}
.n_footer h4{ margin-bottom: 30px;}
.n_footer p a{ display: inline-block; font-size: 16px; color: #fff; opacity: 0.65;  transition: all 0.3s;}
.n_footer p a:hover{ opacity: 1;}
.foot_ewm{ margin-top: 28px;}
.n_foot_di{ margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.3); padding: 15px 0;}
.foot_text{ margin: 7px 0; text-align: right; color: #a0a0a0;}
.foot_text a{ color: #fff; color: #a0a0a0; transition: all 0.3s;}
.foot_text a:hover{ color: #fff;}
.cuota a{ width: 38px; height: 38px; display: inline-block; margin-right: 15px; border-radius: 50%; text-align: center; line-height: 36px; border: 1px solid #fff; opacity: 0.65; color: #fff; transition: all 0.3s;}
.cuota a:hover{ opacity: 1; background: #fff; color: #1f1f1f;}





.n_banner{ height: calc(100vh - 88px); margin-top: 88px; position: relative; overflow: hidden;}
.ban_biao{ position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto; text-align: center;}
.ban_biao span{ font-size: 76px; letter-spacing: 15px; color: #fff; line-height: 100px; font-weight: bold; display: block;}
.ban_biao strong{ text-transform: uppercase; font-size: 36px; color: rgba(255,255,255,0.5); line-height: 30px; display: inline-block; margin-left: -15px;}

.n_banner ul{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; min-width: 60%; width: 60%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px solid rgba(255,255,255,0.3);
}
.n_banner ul li{ max-width: 25%; margin: 0 40px; height: 96px;display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; position: relative;}
.n_banner ul li a{ font-size: 24px; color: rgba(255,255,255,0.85); display: block; padding: 0 20px; line-height: 36px; text-align: center;}
.n_banner ul li.active a{ color: rgba(255,255,255,1);}
.n_banner ul li:after{ content: ''; width: 0; height: 2px; background: #fac000; position: absolute; top: -1px; left: 0; transition: all 0.3s; opacity: 0;}
.n_banner ul li.active:after{ width: 100%; opacity: 1;}

.n_banner ul.ncp{ width: 80%;}
.n_banner ul.ncp li{ margin: 0 10px;}
.n_banner ul.ncp li a{ padding: 0 15px;}

.weizhi{ margin: 50px 0;}
.weizhi .container{ position: relative;}
.wz_biao strong{ font-size: 32px; color: #000; padding-bottom: 20px; line-height: 32px; letter-spacing: 2px; position: relative; display: block; border-bottom: 1px solid #Dedede;}
.wz_biao strong:after{ content: ''; width: 68px; height: 3px; background: #c6a86f; position: absolute; left: 0; bottom: -1px;}
.wz_biao span{ font-size: 24px; color: #666; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; display: block; margin-top: 15px; line-height: 24px;}
.wz_a{ position: absolute; right: 0; top: 10px; color: #666;}
.wz_a a{ color: #666; font-size: 16px;}

.nab_title{  text-align: center; font-size: 24px; color: #c6a86f; font-weight: bold; letter-spacing: 2px;}
.nab_title span{ font-size: 350px; line-height: 290px; color: #f0efec; text-align: center; display: block; font-family: 'BARLOWCONDENSED-BOLD'; text-transform: uppercase;}
.nab_title strong{ display: block; margin-top: -80px; color: #c6a86f; font-size: 54px; line-height: 54px; margin-bottom: 10px; letter-spacing: 5px;}

.nab_1_number{ margin: 80px 0; margin-top: 120px;}
.nab_1_number ul{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.nab_1_number ul li{ width: 25%; position: relative; text-align: center; font-size: 18px; color: #c6a86f;}
.nab_1_number ul li:after{ content: ''; width: 1px; height: 120%; position: absolute; left: 0; top: -10%; background: #dedede;}
.nab_1_number ul li:first-child:after{ display: none;}

.nab_1_number ul li strong{ font-size: 84px; line-height: 84px; color: #c6a86f; font-family: 'BARLOWCONDENSED-BOLD'; display: inline-block; margin-right: 5px;}
.nab_1_number ul li span{ display: block; color: #666; font-size: 18px;}

.nabout_1 .ty_content{ margin: 0 5%; text-align: justify; letter-spacing: 1px;}
.nabout_1 .ty_content p{ font-size: 16px; color: #666; line-height: 36px;}

.nab_1_bottom{ background: #fcf1de; margin-top: 70px;}
.nab_1_bottom .nab_1_number{ margin: 60px 0;}
.nab_1_bottom .nab_1_number ul li:after{ display: none;}

.nabout_4 .container{ position: relative;}
.nabout_4 .container .swiper-button-next, 
.nabout_4 .container .swiper-button-prev{ width: 50px; height: 50px; text-align: center; line-height: 46px; margin: 0; transform: translateY(-50%); border: 2px solid #fff; border-radius: 50%; background: none; color: #fff; outline: none;}
.nabout_4 .container .swiper-button-prev i, .nabout_4 .container .swiper-button-next i{ display: inline-block; font-size: 24px;}
.nabout_4 .container .swiper-button-prev i{ transform: rotateY(180deg);}
.nabout_4 .container .swiper-button-next{ right: -30px;}
.nabout_4 .container .swiper-button-prev{ left: -30px;}
.nabout_4 .swiper1{ margin: 12% 2%;}
.nabout_4 .swiper-slide a{ padding-top: 68.9%; display: block; position: relative;}
.nabout_4 .swiper-slide a img{ position: absolute; display: block; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;  max-height: 100%; max-width: 100%;}
.honor_title{ font-size: 16px; color: #333; line-height: 30px; text-align: center;}

.nabout_3{ padding-bottom: 16%;}
.lc_dian{ width: 18px; height: 18px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 4px rgba(0,0,0,0.3); margin: 0 auto; background: #333;}
.nabout_3 .swiper1 .swiper-slide{ position: relative; padding: 10% 0;}
.nabout_3 .swiper1 .swiper-slide:after{ content: ''; width: 0; height: 5px; background: #c2c2c2; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); z-index: -1; transition: all 0.8s;}
.nabout_3 .swiper1 .swiper-slide:last-child:after{ display: none;}
.nabout_3 .swiper1 .swiper-slide:nth-child(2n) .lc_text{ top: 60%; bottom: auto;}
.nabout_3 .swiper1 .swiper-slide:nth-child(2n) .lc_time{ top: auto; bottom: 57%;}
.nabout_3 .swiper1 .swiper-slide.cur:after{ background: #c6a86f; width: 100%;}
.nabout_3 .swiper1 .swiper-slide.cur .lc_dian{ background: #c6a86f;}
.nabout_3 .swiper1 .swiper-slide.swiper-slide-active .lc_time{ color: #c6a86f;}

.lc_text{ position: absolute; bottom: 60%; left: 10%; width: 80%; color: #666; text-align: center; font-style: italic; font-size: 18px; line-height: 30px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.lc_time{ position: absolute; top: 57%; left: 10%; width: 80%; font-size: 70px; color: #333; text-align: center; font-family: 'BARLOWCONDENSED-BOLD'; line-height: 70px; font-style: italic; transition: all 0.3s;}

.nabout_3{ position: relative;}
.nabout_3 .swiper2{ background: #fff; position: absolute; z-index: 10; left: 16%; top: 0; width: 27%; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); z-index: 2;}
.nabout_3 .swiper2 .swiper-slide{ padding: 10px;}
.lc_img{ padding-top: 61.8%;}
.lc_img_text{ background: #fff; padding: 15px 20px; padding-bottom: 10px;}
.lc_img_text p{ margin: 0; font-size: 16px; line-height: 28px; color: #666; min-height: 112px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;}
.swiper_fanye{ position: absolute; z-index: 10; top: 52.5%; left: 43%; font-size: 0; white-space: nowrap;}
.swiper_fanye .swiper-button-next, .swiper_fanye .swiper-button-prev{ background: #c5c5c5; display: inline-block; font-size: 23px; color: #fff; font-family: 'BARLOWCONDENSED-BOLD'; padding: 6px 50px; position: static; margin: 0; width: auto; height: auto; text-transform: uppercase; opacity: 1; outline: none;}
.swiper_fanye .swiper-button-next{ background: #c6a86f;}
.swiper_fanye .swiper-button-next i{ display: inline-block; margin-left: 20px; font-size: 18px; transform: translateY(-2px);}

.nnew_list{
  margin-bottom: 30px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.nnew_list .new_li:nth-child(4n){ margin-right: 0;}
.nnew_list .new_li{ width: 22.75%; margin-left: 0; margin-right: 3%; margin-top: 50px;}
.nnew_list .new_li .new_img{ padding-top: 0;}

.nnew_n_right .new_li{ width: 100%; margin: 0; margin-bottom: 30px;}
.nnew_n_right .new_li .new_img{ padding-top: 0;}
.nnew_n_right .new_li:hover .snew_li_bai{ transform: translateY(0);}
.nnew_n_right h3{ margin-bottom: 20px; color: #333;}
.nnew_nbiao{ border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.nnew_nbiao h5{ padding: 5px 0; color: #999;}

.wz_a.text-right{ position: static;}

.n_product{}
.vr_bg{ position: relative; padding-top: 80px;}
.bg_swiper{ height: 100%; position: absolute; left: 0; width: 100%; top: 0; z-index: -1;}
.bg_swiper .swiper2, .bg_swiper .swiper2 .swiper-wrapper, .bg_swiper .swiper2 .swiper-wrapper .swiper-slide{ height: 100%;}
.ncp_vr{ width: 88%; margin: 0 auto; margin-bottom: 200px; position: relative;}
.ncp_vr img{ display: block; width: 100%;}
.ncp_vr span{ font-size: 148px; color: #fff; opacity: 0.39; position: absolute; left: 4%; top: 8%; z-index: 2;font-family: 'BARLOWCONDENSED-BOLD'; line-height: 148px; text-transform: uppercase;}
.ncp_vr span strong{ display: block; font-size: 210px;}
.vr_a{ display: inline-block; padding: 5px 15px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size: 24px; color: #fff; position: absolute; left: 4%; top: 62%; z-index: 2;}
.vr_a:hover{ color: #fff;}
.ncp_vr .swiper-container .swiper-slide{ position: relative;}

.n_product h2{ margin-bottom: 50px; color: #c6a86f;}
.n_product h2 strong{ min-width: 164px; font-size: 52px; padding-bottom: 20px; display: inline-block; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 20px; z-index: 2;}
.n_product h2 strong:before{ content: ''; width: 100%; position: absolute; left: 0; top: 50%; z-index: -1; padding-top: 82.5%; display: block; background: url(../images/luori.png) center no-repeat; background-size: cover; transform: translateY(-65%);}


.n_product h2 strong:after{ content: ''; width: 50%; height: 2px; background: #c6a86f; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.n_product h2 span{ font-size: 22px; color: #666; display: block;}

.npro_nav{ position: relative; border-bottom: 1px solid #dedede; margin-bottom: 50px;}
.npro_nav span{ font-size: 24px; color: #333; padding: 10px 15px; display: inline-block; position: relative;}
.npro_nav span:after{ content: ''; width: 100%; position: absolute; height: 3px; bottom: -1px; left: 0; background: #c6a86f;}

.npro_nav ul{ position: absolute; width: calc(100% - 170px); right: 0; bottom: 8px;}
.npro_nav ul:after{ content: ''; clear: both; display: table;}
.npro_nav ul li{ float: left; width: 8%;}
.npro_nav ul li a{ font-size: 20px; line-height: 36px; color: #666; transition: all 0.3s;}
.npro_nav ul li.active a{ color: #c6a86f;}
.npro_nav ul li a:hover{ color: #c6a86f;}

.npro_list .caption{ margin-bottom: 70px;}
.npro_img{ overflow: hidden;}
.npro_img span{ display: block; width: 100%; transition: all 0.6s; padding-top: 67%;}
.npro_text{ color: #666; padding: 15px 10px; padding-bottom: 12px; border-bottom: 1px solid #dedede; font-size: 18px; padding-right: 60%; position: relative;}
.npro_text:after{ content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: -1px; background: #c6a86f; transition: all 0.3s;}
.npro_text span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.npro_text i{ position: absolute; bottom: 12px; right: 10px; font-style: normal;}
.npro_list .caption:hover .npro_text:after{ width: 100%;}
.npro_list .caption:hover .npro_img span{ transform: scale(1.1);}

.vr_quanjing{ padding-left: 230px; position: relative; z-index: 2; border-bottom: 1px solid #dedede; margin-bottom: 55px; margin-top: 60px;}
.vr_quanjing span{ font-size: 52px; font-weight: bold; position: absolute; left: 0; bottom: 0; z-index: -1; padding: 20px 30px; color: #fff; padding-right: 220px; background-image: linear-gradient(to right, #c6a870 , rgba(198,168,112,0));}
.vr_quanjing ul{ padding: 30px 0;}
.vr_quanjing ul li a{ font-size: 24px; color: #666; display: block; text-align: center; position: relative; cursor: pointer; transition: all 0.3s; z-index: 2;}
.vr_quanjing ul li a:after{ content: ''; width: 1px; height: 80%; position: absolute; right: 0; top: 10%; background: #999;}
.vr_quanjing ul li a:before{ content: ''; width: 100%; position: absolute; left: 0; top: 50%; z-index: -1; padding-top: 82.5%; display: block; background: url(../images/luori.png) center no-repeat; background-size: cover; opacity: 0; transition: all 0.5s ease-in-out; transform: scale(0.5) translateY(-50%);}
.vr_quanjing ul li.active a:before{ opacity: 1; transform: scale(1) translateY(-65%);}
.vr_quanjing ul li.active a{ color: #c6a86f;}
.vr_quanjing ul li:last-child a:after{ display: none;}

.npro_nav.shai{ margin-bottom: 40px;}
.npro_nav.shai ul li{ width: 9%;}
.npro_list{ margin-top: 50px;}
.n_product .fanye{ margin-bottom: 60px;}

.ncp_ny{ padding: 75px 0; position: relative;}
.ncp_ny:after{ content: ''; width: 30%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #c6a970;}

.ncp_ny .container{
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.ncp_ny .container .wz_a{ top: -50px;}
.ncpny_left{ width: 52%; margin-right: 5%; position: relative; z-index: 2;}
.ncpny_left:after{ content: ''; width: calc(100% + 30px); height: calc(100% + 30px); position: absolute; left: -15px; top: -15px; background: rgba(255,255,255,0.85); z-index: -1;}
.ncpny_right{ width: 40%;}
.ncpcy_fan{ position: relative; padding: 0 50px; margin-top: 15px;}
/* .ncpcy_fan .swiper-container .swiper-slide a{ padding-top: 67%; display: block;} */
.ncpcy_fan .swiper-button-prev, .ncpcy_fan .swiper-button-next{ width: 50px; margin: 0; height: 100%; background: none; top: 0; outline: none;}
.ncpcy_fan .swiper-button-prev i, .ncpcy_fan .swiper-button-next i{ display: block; width: 50px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #999; font-size: 24px;}
.ncpcy_fan .swiper-button-prev{ left: 0;}
.ncpcy_fan .swiper-button-next{ right: 0;}

.wocao_en{ color: #5c5c5d; font-size: 86px; line-height: 90px; text-transform: uppercase;font-family: 'BARLOWCONDENSED-BOLD'; opacity: 0.2;}
.wocao_title{ margin: 60px 0; padding-bottom: 15px; border-bottom: 1px solid #dedede; color: #333; font-size: 34px;}
.wocao_text p{ margin: 5px 0; line-height: 46px; font-size: 18px; color: #666; padding-left: 30px; position: relative; }
.wocao_text p span{ font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif' !important;}
.wocao_text p:after{ content: ''; width: 8px; height: 8px; background: #c6a86f; position: absolute; left: 0; top: 20px; transform: rotate(45deg);}

.ncp_tuce .swiper-container .swiper-slide a{ display: block; padding-top: 67%;}
.ncp_tuce .swiper-container .swiper-button-prev, .ncp_tuce .swiper-container .swiper-button-next{ width: 25%; margin: 0; top: 0; height: 100%; background: rgba(8,0,0,0.39);}
.ncp_tuce .swiper-container .swiper-button-prev i, .ncp_tuce .swiper-container .swiper-button-next i{ width: 72px; height: 72px; background: url(../images/youyi.png) center no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.48;}
.ncp_tuce .swiper-container .swiper-button-prev{ left: 0;}
.ncp_tuce .swiper-container .swiper-button-next{ right: 0;}
.ncp_tuce .swiper-container .swiper-button-prev i{ right: 10%; transform: translateY(-50%) rotateY(180deg);}
.ncp_tuce .swiper-container .swiper-button-next i{ left: 10%;}

.tuijian_biao{ color: #5c5c5d; margin-bottom: 50px;}
.tuijian_biao strong{ font-size: 34px; font-weight: normal; display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.tuijian_biao span{ font-size: 24px; color: #5c5c5d;  text-transform: uppercase;}

/* 工程案例 */
.buju_hezuo{ position: relative;}

.n_heib{ margin-bottom: 50px; color: #333;}
.n_heib strong{ font-size: 42px; display: inline-block; padding: 0 10px; padding-bottom: 10px; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 20px; font-weight: normal;}
.n_heib strong:after{ content: ''; width: 30%; height: 4px; background: #c6a86f; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.n_heib span{ font-size: 18px; line-height: 36px; color: #333; display: block;}


.bg_img{ position: absolute; top: 0; left: 0; width: 100%;}
.kb_ywbj{ position: relative; z-index: 10;}
.kb_ywbj img{max-width: 100%; display: block; margin: 0 auto;}
.kb_ywbj_list{ padding: 120px 0; position: relative; z-index: 10;}
.kb_ywbj_list .container>ul{ position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
  .kb_ywbj_list .container>ul:nth-child(2){ border-bottom: 1px solid #dedede;}
.kb_ywbj_list .container>ul>li{ width: 16.66%; text-align: center;}
.kb_ywbj_list .container>ul>li.active>a{ color: #aa8744;}
.kb_ywbj_list .container>ul>li>a{ display: inline-block; font-size: 20px; color: #333; transition: all 0.3s ease-in-out; padding: 30px 5px;}
.kb_ywbj_list .container>ul>li>a:hover{ color: #aa8744;}

.kb_ywbj_list .container>ul>li.active ul{ display: block;}
.kb_ywbj_list .container>ul>li ul{ text-align: center; width: 100%; position: absolute; top: 100%; left: 0; display: none;}
.kb_ywbj_list .container>ul>li ul li{ display: inline-block; margin: 0 30px;}
.kb_ywbj_list .container>ul>li ul li a{ padding: 30px 5px; color: #333; font-size: 18px;transition: all 0.3s ease-in-out; display: inline-block; position: relative;}
.kb_ywbj_list .container>ul>li ul li a:after{ content: ''; width: 0; height: 3px; background: #aa8744; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; opacity: 0; transition: all 0.3s ease-in-out;}
.kb_ywbj_list .container>ul>li ul li a:hover:after{ opacity: 1; width: 100%;}
.kb_ywbj_list .container>ul>li ul li a:hover{ color: #aa8744;}
.kb_ywbj_list .container>ul>li.active ul li.active a{ color: #aa8744;}
.kb_ywbj_list .container>ul>li.active ul li.active a:after{ opacity: 1; width: 100%;}


#certify{ position: relative; width: 100%;}
#certify .swiper-container{ padding: 110px 0;}
#certify .swiper-slide {
	width: 80%;
	background: #000;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  border-radius: 8px;
  transition: all 0.5s;
}
#certify .swiper-slide.swiper-slide-active{ transform: scale(2); position: relative; z-index: 10;}
#certify .swiper-slide.swiper-slide-prev img, 
#certify .swiper-slide.swiper-slide-next img{ opacity: 0.65;}
#certify .swiper-slide img{
	display:block;
  width: 100%;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
#certify .swiper-button-prev, #certify .swiper-button-next{ outline: none; pointer-events: auto;}
#certify .swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left: 6%;}

#certify .swiper-button-next{
  right: 6%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.gallery-thumbs{ margin: 0 auto; margin-top: 40px;}
.gallery-thumbs .swiper-slide a{ padding-top: 35%; position: relative; display: block; border-radius: 8px;}
.gallery-thumbs .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 8px; z-index: 2; background: rgba(0,0,0,0.5);  transition: all 0.3s ease-in-out;}
.gallery-thumbs .swiper-slide a span{ position: absolute; top: 50%; display: block; transform: translateY(-50%); left: 0; right: 0; text-align: center; color: #fff; font-size: 18px; z-index: 3; font-weight: bold;}
.kb_swiper_thumbs{ padding: 0 11%; position: relative;}
.kb_swiper_thumbs .swiper-button-prev, .kb_swiper_thumbs .swiper-button-next{ width: 55px; height: 22px; margin-top: -11px; background: none; outline: none;}
.kb_swiper_thumbs .swiper-button-prev{ right: 92%; left: auto;}
.kb_swiper_thumbs .swiper-button-next{ left: 92%; right: auto;}
.kb_swiper_thumbs .swiper-button-prev i, .kb_swiper_thumbs .swiper-button-next i{ width: 55px; height: 21px; display: block; background: url(../images/jian.png) center no-repeat; background-size: cover;}
.kb_swiper_thumbs .swiper-button-next i{ transform: rotateY(180deg);}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a:after{ opacity: 0;}

.kb_hezuo{ position: relative; z-index: 10; padding: 200px 0; padding-bottom: 270px; background: url(../images/hz_bg.png) center bottom no-repeat; background-size: contain;}
.kb_hezuo .n_heib{ margin-bottom: 0;}

.anli_ny{ padding: 30px 0; padding-top: 60px;}
.xiangmu_gk{margin: 0 auto; margin-bottom: 160px; position: relative; z-index: 10;width: 80%;max-width: 900px;}
.xiangmu_gk h2{ font-size: 42px; margin-bottom: 40px;}
.xiangmu_gk p{ line-height: 50px; font-size: 16px; color: #333;}

.xmimg_list{display: flex; z-index: 10; position: relative;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-around;}
.xmimg_li{ width: 28%; margin-bottom: 45px;}
.xmimg_li a{ padding-top: 62%; display: block; position: relative; border-radius: 6px; overflow: hidden;}
.xmimg_li a span{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2; text-align: center; padding: 8px 0; font-size: 18px; color: #fff; background: rgba(198,168,111,0.76); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0; transform: translateY(100%); transition: all 0.5s;}
.xmimg_li:hover a span{ transform: translateY(0); opacity: 1;}

.xiangmu_nav ul{display: flex; position: relative; z-index: 10; border-bottom: 1px solid #ccc; margin-bottom: 50px;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.xiangmu_nav ul li{  width: 36%; text-align: center;}
.xiangmu_nav ul li a{ font-size: 24px; color: #333; display: inline-block; padding: 0 15px; padding-bottom: 12px; position: relative;}
.xiangmu_nav ul li a:after{ content: ''; width: 0; height: 3px; background: #aa8744; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.5s;}
.xiangmu_nav ul li.active a:after{ opacity: 1; width: 100%;}


/* 校内招聘 */
.nxz_content{ background: #fff;}
.nxz_1{ background: #052b90; padding-top: 43.3%; position: relative;}
.xz_lcys{ position: relative; z-index: 4;}

.xz_she{ padding-top: 67.44%; width: 100%; background: url(../images/xz_3.png) center no-repeat; background-size: cover; position: absolute; top: 0; left: 0; z-index: 2;}
.xz_yuan{ width: 80.83%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; z-index: 1; opacity: 0.4;}
.xz_yuan i{ padding-top: 100%; background: url(../images/xz_2.png) center no-repeat; background-size: cover; display: block;
  -webkit-animation: xz_yuan 50s linear infinite;
  animation: xz_yuan 50s linear infinite;}
@-webkit-keyframes xz_yuan {
  0% { transform: rotate(0);}
  100% { transform: rotate(360deg);}
  }
  @keyframes xz_yuan {
    0% { transform: rotate(0);}
    100% { transform: rotate(360deg);}
  }


.xz_gg{ position: absolute; top: 11%; left: 0; width: 100%; z-index: 5;}
.xz_gg img{display: block; width: 100%; margin: 0 auto; max-width: 53%; transition: all 0.5s;}
.lcys_dw img{display: block; margin: 60px auto; margin-bottom: 100px; max-width: 34%;}
.lcys_dw{ position: absolute; top: 40px; left: 0; right: 0; z-index: 5;}
.nxz_bg{ background: url(../images/xz_5.jpg) center top no-repeat; background-size: cover; position: relative; z-index: 10;}

.xz_biao{ text-align: center;}
.xz_biao i{ display: block; margin: 0 auto; width: 250px; height: 65px;}
.xz_biao span{ display: block; color: #ffe300; font-size: 36px; line-height: 54px; height: 54px; overflow: visible; font-weight: bold;}
.xz_biao.biao_01 i:first-child{ background: url(../images/xz_01_top.png) center no-repeat; background-size: contain;}
.xz_biao.biao_01 i:last-child{ background: url(../images/xz_01_bottom.png) center no-repeat; background-size: contain;}
.xz_biao.biao_02 i:first-child{ background: url(../images/xz_02_top.png) center no-repeat; background-size: contain;}
.xz_biao.biao_02 i:last-child{ background: url(../images/xz_02_bottom.png) center no-repeat; background-size: contain;}
.xz_biao.biao_04 i:first-child{ background: url(../images/xz_04_top.png) center no-repeat; background-size: contain;}
.xz_biao.biao_04 i:last-child{ background: url(../images/xz_04_bottom.png) center no-repeat; background-size: contain;}
.xz_biao.biao_04 span{ color: #c7a970;}
.lcys_dw ul{ width: 73%; margin-left: 18%; margin-top: 80px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.lcys_dw ul li{ width: 31%; font-size: 18px; padding-left: 40px; margin-bottom: 80px; position: relative;}
.lcys_dw ul li:nth-child(3n){ width: 38%;}
.lcys_dw ul li strong{ color: #052b90;}
.lcys_dw ul li i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); width: 15px; height: 15px; display: block; border: 1px solid #052b90;}
.lcys_dw ul li i:nth-child(2){ left: 9px; transition: all 0.3s;}
.lcys_dw ul li:hover i:nth-child(2){ background: #052b90;}

.nxz_2{ padding-top: 30px; padding-bottom: 15%;}
.nxz_2 h2{ margin-bottom: 135px; text-align: center; line-height: 56px; position: relative; font-size: 36px; color: #727272; margin-top: -140px;}
.nxz_2 h2 span{ color: #ffe300; display: block; font-weight: bold; font-size: 50px;}
.nxz_2 h2 strong{ display: block;}
.nxz_2 h2 img{ display: block; width: 224px; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: -1;}

.nxz_2 ul{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.nxz_2 ul li{ width: 36%; margin: 0 10px; background: #ebeef6; border-radius: 20px; position: relative; padding: 45px 40px; margin-bottom: 120px;}
.nxz_2 ul li h3{ margin-top: 0; color: #c7a970; line-height: 40px;}
.nxz_2 ul li h4{ font-size: 24px; color: #727272; line-height: 40px;}
.nxz_2 ul li i{ font-style: normal; position: absolute; bottom: 0; right: 10px; font-size: 110px; line-height: 110px; color: #c7a970; opacity: 0.2; font-family: 'BARLOWCONDENSED-BOLD';}
.nxz_2 ul li:nth-child(2n){ transform: translateY(100%);}

.nxz_3{ padding-bottom: 10%;}
.zhaopin_2{ margin: 0 auto; margin-top: 160px; width: 86%;}
.zhaopin_2 .panel{ border: 1px solid #dedede; background: none; margin-bottom: 20px; box-shadow: none;}
.zhaopin_2 .panel-heading{ padding:0; background: none;}
.zhaopin_2 .panel-heading a{ display:block;line-height: 30px; background: transparent; color: #c7a970; position: relative; font-size: 20px; padding:20px 50px; padding-right: 80px; transition: all 0.3s;}
.zhaopin_2 .panel-heading a:after{ content: ''; height: 60%; width: 3px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #c7a970;}
.zhaopin_2 .panel-heading a span{ font-size: 16px; margin-top: 0px; color: #666; display: block;}
.zhaopin_2 .panel-heading a i{ display: block; width: 34px; height: 34px; background: url(../images/jian2.png) center no-repeat; background-size: cover; font-style: normal; position: absolute; right: 50px; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 2;}
.zhaopin_2 .panel-heading a.collapsed{ color: #333; background: transparent;}
.zhaopin_2 .panel-heading a.collapsed i{ transform: translateY(-50%) rotate(0);}
.zhaopin_2 .panel-body{ background: none; padding: 0 50px; padding-bottom: 40px;}
.zhaopin_2 .panel-group .panel-heading+.panel-collapse>.panel-body{ border: none;}
.zhaopin_2 .panel-body .ty_content{ color: #666;}
.zhaopin_2 .panel-body .ty_content p{ font-size: 16px; line-height: 30px;}

.link_a{ margin-top: 20px;}
.link_a a{ display: inline-block; padding: 12px 40px; color: #fff; background: #c6a970; font-size: 16px;}

/* 品牌优势 */

.ppys_1{ padding: 60px 0;}
.ppys_1 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_1 .son_left, .ppys_1 .son_right{ width: 50%;}
.ppys_1 .son_left{ position: relative;}
.ppys_1 .son_left:after{ content: ''; width: calc(40% + 140px); height: 130px; background: #c6a970; position: absolute; left: -140px; top: 50%; transform: translateY(-50%); z-index: -1;}
.ppys_1 .son_right ul{ position: relative;}
.ppys_1 .son_right ul:after{ content: ''; width: 1px; height: 100%; background: #dedede; position: absolute; left: 47px; top: 0; z-index: -1;}
.ppys_1 .son_right ul li{ padding-left: 120px; position: relative; margin-bottom: 60px;}
.ppys_1 .son_right ul li:last-child{ margin-bottom: 0;}
.ppys_1 .son_right ul li h3{ font-size: 26px; font-weight: bold; color: #c6a970;}
.ppys_1 .son_right ul li p{ line-height: 26px; font-size: 16px; color: #333;}
.ppys_1 .son_right ul li img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block;}

.ppys_2{ padding: 80px 0; padding-bottom: 160px; background: url(../images/ppzs_bg.jpg) center no-repeat; background-size: cover;}
.ppys_2 .swiper0{ padding: 15px;}
.ppys_2 .swiper0 .swiper-slide a{ padding-top: 141.19%; display: block; transform: scale(0.8); transition: all 0.3s; box-shadow: 0px 2px 8px rgba(0,0,0,0.2);}
.ppys_2 .swiper0 .swiper-slide.swiper-slide-active a{ transform: scale(1);}
.ppys_2 .container{ position: relative;}
.ppys_2 .container .swiper-button-next, .ppys_2 .container .swiper-button-prev{ width: 66px; height: 66px; background: none;  text-align: center; margin-top: -33px; outline: none;}
.ppys_2 .container .swiper-button-next i, .ppys_2 .container .swiper-button-prev i{ display: inline-block; line-height: 66px; font-size: 50px; color: #999; transition: all 0.3s;}
.ppys_2 .container .swiper-button-next:hover i, .ppys_2 .container .swiper-button-prev:hover i{ color: #c6a970;}
.ppys_2 .container .swiper-button-next{ right: -66px;}
.ppys_2 .container .swiper-button-prev{ left: -66px;}

.ppys_3{ padding: 110px 0;}
.ppys_3 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_3 .son_left{ width: 65.67%;}
.ppys_3 .son_right{ width: 34.33%; position: relative;}
.ppys_3 .son_left ul{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: stretch;}
.ppys_3 .son_left ul li{ width: 40%; margin-bottom: 80px; margin-right: 10%; display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;}
.ppys_3 .son_left ul li:nth-last-child(1), .ppys_3 .son_left ul li:nth-last-child(2){ margin-bottom: 0;}
.ppys_3 .son_left .gson_img{ width: 50%; padding-left: 20px; position: relative;}
.ppys_3 .son_left .gson_img:after{ content: ''; width: calc(100% - 20px); height: 100%; background: #e3e3e3; position: absolute; left: 0; bottom: -20px; z-index: -1;}
.ppys_3 .son_left .gson_img img{ display: block; width: 100%;}
.ppys_3 .son_left .gson_text{ width: 50%; padding-left: 20px;}
.ppys_3 .son_left .gson_text h3{ color: #c6a970; font-weight: bold;}
.ppys_3 .son_left .gson_text p{ font-size: 16px; line-height: 26px; color: #333;}
.ppys_3 .son_right:after{ content: ''; width: calc(40% + 140px); height: 130px; background: #c6a970; position: absolute; right: -140px; bottom: 10%; z-index: -1;}

.ppys_4{ padding: 120px 0;}
.ppys_4 .container{display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_4 .son_left, .ppys_4 .son_right{ width: 50%;}
.ppys_4 .son_left{ position: relative; padding-left: 12.1%;}
.ppys_4 .son_left:after{ content: ''; width: calc(25% + 140px); height: 130px; background: #c6a970; position: absolute; left: -140px; top: 50%; transform: translateY(-50%); z-index: -1;}
.ppys_4 .son_right p{ margin-left: 14%; margin-right: 10%; font-size: 20px; line-height: 40px; color: #333;}
.ppys_4 .son_right ul{ margin-top: 80px; background: #f5f5f5; padding: 60px 0; width: calc(100% + 140px); margin-right: -140px; padding-right: 140px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_4 .son_right ul li{ width: 25%; text-align: center; font-size: 20px; color: #c6a970;}
.ppys_4 .son_right ul li span{ font-size: 80px; display: inline-block; font-family: 'BARLOWCONDENSED-BOLD'; line-height: 80px; margin-right: 5px;}
.ppys_4 .son_right ul li h5{ color: #666; font-size: 18px;}

.ppys_5{}
.ppys_5 .son_img{ position: relative;}
.ppys_5 .son_img:after{ content: ''; width: calc(40% + 140px); height: 130px; background: #c6a970; position: absolute; right: -140px; bottom: 20%; z-index: -1;}
.ppys_5 .son_text ul{display: flex; position: relative; margin-top: 80px;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-around;}
.ppys_5 .son_text ul li{ width: 15%; background: linear-gradient(rgba(245,245,245,1), rgba(245,245,245,0));  text-align: center; color: #333; padding: 15px; padding-top: 40px; position: relative; transition: all 0.5s;}
.ppys_5 .son_text ul li p{ font-size: 16px; line-height: 32px; margin-bottom: 20px;}
.ppys_5 .son_text ul li img{ display: block; margin: 0 auto;}
.ppys_5 .son_text ul:after{ content: ''; width: 75%; position: absolute; bottom: 104px; z-index: -2; height: 1px; background: #dedede; left: 12.5%;}
.ppys_5 .son_text ul li:after{ content: ''; background: linear-gradient(rgba(198,169,112,1), rgba(198,169,112,0)); position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;}
.ppys_5 .son_text ul li:hover{ background: transparent;}
.ppys_5 .son_text ul li:hover:after{ opacity: 1;}

.ppys_6{ padding: 60px 0;}
.ppys_6 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_6 .son_left{ width: 50%;}
.ppys_6 .son_right{ width: 38%;margin-right: 12%; padding-top: 15%;}
.ppys_6 .son_left{ position: relative;}
.ppys_6 .son_left:after{ content: ''; width: calc(25% + 140px); height: 130px; background: #c6a970; position: absolute; left: -140px; top: 50%; transform: translateY(-50%); z-index: -1;}
.ppys_6 .son_right p{ transform: translateX(-25%); line-height: 40px; font-size: 20px; color: #333;}


.ppys_7{ position: relative;}
.ppys_7 h2{ position: absolute; top: 10%; left: 0; right: 0; transform: translateX(-50%); color: #c6a86f; z-index: 2;}
.ppys_7 h2 strong{ font-size: 42px; padding-bottom: 20px; display: inline-block; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 20px;}
.ppys_7 h2 strong:after{ content: ''; width: 30%; height: 3px; background: #c6a86f; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}

.ppys_8{ padding: 60px 0; padding-top: 120px; background: url(../images/ppys_bg2.jpg) center bottom no-repeat; background-size: contain;}
.ppys_8 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_8 .son_left, .ppys_8 .son_right{ width: 50%;}
.ppys_8 .son_left p{ line-height: 40px; font-size: 20px; color: #333; margin: 0 10%; margin-top: 20%;}
.ppys_8 .son_right{ position: relative;}
.ppys_8 .son_right:after{ content: ''; width: calc(30% + 140px); height: 130px; background: #c6a970; position: absolute; right: -140px; bottom: 15%; z-index: -1;}

.ppys_9{ padding: 90px 0; padding-bottom: 200px; background: url(../images/jfry_bg.jpg) center no-repeat; background-size: cover;}
.ppys_9 h2{ color: #c6a86f;}
.ppys_9 h2 strong{ font-size: 42px; padding-bottom: 20px; display: inline-block; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 20px;}
.ppys_9 h2 strong:after{ content: ''; width: 30%; height: 3px; background: #c6a86f; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.ppys_9 .swiper1 .swiper-slide{ border: 1px solid #dedede; padding: 10px 20px;}
.ppys_9 .swiper1 .swiper-slide a{ display: block; padding-top: 60%;}
.ppys_9 .container{ position: relative;}
.ppys_9 .container .swiper-button-next, .ppys_9 .container .swiper-button-prev{ width: 66px; height: 66px; background: none;  text-align: center; margin-top: -33px; outline: none;}
.ppys_9 .container .swiper-button-next i, .ppys_9 .container .swiper-button-prev i{ display: inline-block; line-height: 66px; font-size: 50px; color: #999; transition: all 0.3s;}
.ppys_9 .container .swiper-button-next:hover i, .ppys_9 .container .swiper-button-prev:hover i{ color: #c6a970;}
.ppys_9 .container .swiper-button-next{ right: -66px;}
.ppys_9 .container .swiper-button-prev{ left: -66px;}

.ppys_10{ padding: 60px 0; padding-top: 120px;}
.ppys_10 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_10 .son_left{ position: relative;}
.ppys_10 .son_left:after{ content: ''; width: calc(30% + 140px); height: 130px; background: #c6a970; position: absolute; left: -140px; bottom: 15%; z-index: -1;}
.ppys_10 .son_right, .ppys_10 .son_left{ width: 50%;}
.ppys_10 .son_right p{ line-height: 40px; font-size: 20px; color: #333; margin: 0 10%;}
.ppys_10 ul{ width: 86%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_10 ul li{ width: 16.66%;  text-align: center;}
.ppys_10 ul li img{ display: block; margin: 0 auto; max-width: 58%; margin-bottom: 20px;}
.ppys_10 ul li span{ display: block; font-size: 24px; color: #333;}
.ppys_10 ul li span strong{ color: #c6a970;}
.ppys_10 ul li:nth-child(2){ margin-top: 15%;}
.ppys_10 ul li:nth-child(3){ margin-top: 5%;}
.ppys_10 ul li:nth-child(4){ margin-top: 0;}
.ppys_10 ul li:nth-child(5){ margin-top: 15%;}
.ppys_10 ul li:nth-child(6){ margin-top: 5%;}


.ppys_11{ padding: 120px 0;}
.ppys_11 .container{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_11 .son_left{ background: #f5f5f5; padding: 110px 0; width: calc(60% + 140px); margin-left: -140px; padding-left: 140px; margin-top: 40px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_11 .son_left p{ margin-left: 10%; margin-right: 25%; font-size: 20px; line-height: 40px; color: #333;}

.ppys_11 .son_right{ width: 40%;}
.ppys_11 .son_right{ position: relative;}
.ppys_11 .son_right:after{ content: ''; width: calc(25% + 140px); height: 130px; background: #c6a970; position: absolute; right: -140px; bottom: 10%; z-index: -1;}


.ppys_12{ padding: 60px 0; padding-top: 120px;}
.ppys_12 .container{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.ppys_12 .son_left{ position: relative; width: 45%;}
.ppys_12 .son_left:after{ content: ''; width: calc(30% + 140px); height: 130px; background: #c6a970; position: absolute; left: -140px; bottom: 10.5%; z-index: -1;}
.ppys_12 .son_right{ text-align: center;
  background-image: linear-gradient( to right, rgba(198,169,112,0), rgba(198,169,112,0.35)); padding: 30px 0; width: calc(55% + 140px); margin-right: -140px; padding-right: 140px;
}
.ppys_12 .son_right p{ line-height: 40px; font-size: 20px; color: #333; margin: 0 10%;}

/* 社会招聘 */

.n_shzp{ background: url(../images/n_shzp_bg.jpg) center bottom no-repeat; background-size: contain;}
.shzp_1{ margin-top: -190px; position: relative; z-index: -1;}
.shzp_1 span{ display: block; position: absolute; left: 10%; top: 36%; z-index: 2; color: rgba(198,168,111,0.21); font-size: 136px;text-transform: uppercase;font-family: 'BARLOWCONDENSED-BOLD'; letter-spacing: 10px;}
.shzp_1 span strong{ position: absolute; left: 91%; top: 50%; transform: translateY(-50%); display: block; z-index: 2; font-size: 68px; color: #c6a86f; white-space: nowrap;}


.shzp_biao span{ font-size: 50px; color: #666; font-weight: bold; display: inline-block; padding-left: 50px; padding-right: 120px; line-height: 50px; background: url(../images/szhao_b.jpg) center no-repeat; background-size: cover; vertical-align: bottom; margin-left: -20px; position: relative; z-index: -1;}

.shzp_2{ padding-top: 80px;}
.shzp_2 ul{display: flex; margin: 160px 0;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;}
.shzp_2 ul li{ width: 33.33%; padding: 15px 5%; border-right: 1px solid #dedede;}
.shzp_2 ul li:last-child{ border: none;}
.shzp_2 ul li h2{ color: #c6a86f; margin-bottom: 20px; text-align: center; font-size: 34px;}
.shzp_2 ul li p{ font-size: 18px; color: #666; line-height: 32px; padding-left: 20px; position: relative;}
.shzp_2 ul li p:after{ content: ''; width: 8px; height: 8px; background: #c6a86f; transform: rotate(45deg); position: absolute; top: 12px; left: 0;}
.sz_gongzhong{display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;}
  .sz_gongzhong .caption{ padding: 50px 30px; position: relative; width: 20%; margin: 0 7%; border-radius: 12px;}
  .sz_gongzhong .caption:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f0f0f0; z-index: 1; border-radius: 12px; transition: all 0.5s;}
  .sz_gongzhong .caption i{ display: block; width: 120px; height: 120px; border-radius: 50%; border: 2px solid #c6a86f; color: #c6a86f; font-size: 70px; text-align: center; line-height: 116px; position: relative; z-index: 2; margin: 0 auto; transition: all 0.5s;}
  .sz_gongzhong .caption h2{ text-align: center; font-size: 32px; color: #666; margin-top: 30px; margin-bottom: 30px; position: relative; z-index: 2; transition: all 0.5s;}
  .sz_gongzhong .caption p{ font-size: 20px; color: #666; line-height: 34px; position: relative; z-index: 2; transition: all 0.5s;}
  .sz_gongzhong .caption:hover:after{ opacity: 0;}
  .sz_gongzhong .caption:hover p, .sz_gongzhong .caption:hover h2, .sz_gongzhong .caption:hover i{ color: #fff;}
  .sz_gongzhong .caption:hover i{ border-color: #fff;}

  .shzp_3{ padding: 60px 0; padding-top: 160px;}
  .shzp_3 .zhaopin_2{ width: 100%; margin: 0; margin-top: 80px;}






/* 通用样式 */
.nnew_n_left .ty_content img{ width: 70%; margin: 0 auto; display: block;}
.nnew_n_right .new_li .snew_li_bai .new_text h5{ height: auto;}
.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}
.ty_content p span{ font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif' !important;}
.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;}
.fanye a{ display:inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background:#fff; color:#333; text-decoration:none; margin: 0 5px; box-shadow: 0px 0px 4px rgba(0,0,0,0.1); border-radius: 50%;  transition: all 0.3s;}
.fanye a:hover{ color:#333; transform: translateY(-5px);}
.fanye a.active{background: #fac000; color:#333;}
.fanye a.active:hover{ color:#333; transform: translateY(0);}
.fanye a:first-child:hover, .fanye a:last-child:hover{ transform: translateY(0);}
.fanye a.cur{ color:#999; pointer-events: none}

.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: #c6a86f; border-color: #c6a86f; color: #fff;}


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


.n_join{}

.n_join_view{background-color: #5d646a;background-image: url("../images/n_join2.jpg");background-position: 0 103px;background-size:  100% auto;background-repeat: no-repeat}
.n_join_view:before{content:"";display:table;}
.n_join .ban_biao span{font-size: 90px;color: #c6a86f}
.n_join .ban_biao strong{color: #c6a86f;letter-spacing: 3px;margin-top: 4px;font-weight: 600}
.n_join .ban_biao p{font-size: 29px;color: #000204;line-height: 52px;text-align: center;margin-top: 10px;}

.n_join .n_banner ul li{margin: 0 18px;}
.n_join .n_banner ul{bottom: 30px;}
.n_join .ban_biao{top: 32%}

.n_join .wz_biao strong{color: #fff;border-color:rgba(255,255,255,.27);}
.n_join .wz_biao span{color: #fff;opacity: .67;}
.n_join .wz_biao strong:after{background: #c6a86f;transform: translateY(100%);bottom: 0}
.n_join .wz_biao strong{}
.n_join .wz_a a{color: #fff}
.n_join .wz_a {color: #fff}

.n_join .con1{padding-bottom: 260px;padding-top: 180px;}
.n_join .con1 .title{font-size: 74px;color: #c6a86f;line-height: 100px;}
.n_join .con1 .title:after{content: ''; margin-top: 14px; width: 160px; height: 16px;background: #c6a86f;opacity: .27;display:block}

.n_join .con1 .swiper_con{margin-top: 205px; padding-left: 138px; position: relative}
.n_join .con1 .swiper_con .view1{position: relative}
.n_join .con1 .swiper_con .view1:before{content: '';position: absolute;left: 0;bottom: 9px;width: 100vw;height: 1px;background: #fff;z-index: 2}
.n_join .con1 .swiper{overflow: hidden}
.n_join .con1 .mySwiper{position: relative; z-index: 9}
.n_join .con1 .mySwiper .swiper-slide{opacity: .55}
.n_join .con1 .mySwiper .swiper-slide-thumb-active{opacity: 1}
.n_join .con1 .mySwiper .num span{display: block;font-size: 128px;color: #c6a86f;font-family: BARLOWCONDENSED-BOLD;letter-spacing: 4px;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:5px #c6a86f; }
.n_join .con1 .mySwiper .swiper-btn-view{font-size: 30px;color: #fff;position: absolute;right: 0;bottom: 24px;}
.n_join .con1 .mySwiper .swiper-btn-view span{margin: 0 14px;}
.n_join .con1 .mySwiper .swiper-btn{width: 19px!important; height: 37px!important; background-size: 19px 37px !important;
    position: relative;margin: 0;display: inline-block;vertical-align: middle;transform: translate(0)}

.n_join .con1 .mySwiper .num b{display: block;font-size: 46px;color: #c6a86f}
.n_join .con1 .mySwiper .num:after{content: '';display: block;width: 18px; height: 18px; background: #c6a86f; border-radius: 50%;margin-top: 14px;z-index: 9}
.n_join .con1 .mySwiper2 p{font-size: 29px;color: #fff;margin-top: 12px;letter-spacing: 4px;}

.n_join .con2{}
.n_join .con2 .top{position: relative}
.n_join .con2 .top img{max-width: 100%}
.n_join .con2 .title{font-size: 114px;color: #ebc989}
.n_join .con2 .title b{position: absolute}
.n_join .con2 .title b:nth-child(1){left:12.29%;top:62.5%}
.n_join .con2 .title b:nth-child(2){left:20.57%;top:53.5%}
.n_join .con2 .title b:nth-child(3){left:31.09%;top:51%}
.n_join .con2 .title b:nth-child(4){left:42.86%;top:46.5%}
.n_join .con2 .view{margin-top: -346px;position: relative;z-index: 99;padding-bottom: 272px;}
.n_join .con2 .list_row {display: flex; justify-content: center; flex-wrap: wrap}
.n_join .con2 .list_row .item{width: 25%;text-align: center;padding: 0 10px;margin-top: 32px;}
.n_join .con2 .list_row .item i{display: block;width: 132px;height: 132px; border: 1px solid #c6a86f;border-radius: 50%;margin: 0 auto;position: relative}
.n_join .con2 .list .item .icon:after{transform: scale(0);opacity: 1}
.n_join .con2 .list_row .item b{display: block;font-size: 24px;color: #c6a86f;margin-top: 18px;}
.n_join .con2 .list_row .item p{display: block;font-size: 16px;color: #fff; margin: 0 auto; margin-top: 18px;width: 168px;max-width: 100%;text-align: justify}

.n_join .con2 .list .item:nth-child(1) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon1.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:nth-child(1) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon1_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:nth-child(2) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:nth-child(2) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon2_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:nth-child(3) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon3.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:nth-child(3) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon3_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(1) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon4.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(1) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon4_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(2) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon5.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(2) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon5_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(3) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon6.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(3) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon6_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(4) .icon:before{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon7.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .list_row:nth-child(2) .item:nth-child(4) .icon:after{content: '';width: 100%;height: 100%;background: url("../images/n_join_icon7_2.png") no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0}
.n_join .con2 .list .item:hover .icon{background: #c6a86f; transition: .4s all ease}
.n_join .con2 .list .item:hover .icon:before{opacity: 0;transform: scale(0);transition: .6s all ease}
.n_join .con2 .list .item:hover .icon:after{opacity: 1;transform: scale(1);transition: .6s all ease}

.n_join .con3{padding: 84px 0 0 0; background: url("../images/n_join3.jpg") no-repeat; background-size: cover; background-position: center}
.n_join .con3 .title b{font-size: 74px; line-height:74px;  color: #c6a86f;display: inline-block}
.n_join .con3 .title b:after{content: ''; display: block; width: 100%;height: 16px;background: #c6a86f;opacity: .27;transform: translateY(-80%);}
.n_join .con3 .list {margin-top: 80px; padding: 84px 0 108px 0; background: url("../images/n_join6.png") no-repeat;background-position: center;background-size: cover}
.n_join .con3 .list:after{content: '';display: block;width: 100%;height: 105px;background: url("../images/n_join7.png") no-repeat;background-position: center;background-size: cover}
.n_join .con3 .list_row {padding-bottom: 78px; display: flex;justify-content: space-between;flex-wrap: wrap}
.n_join .con3 .list_row .item{width: 16.66%;padding: 0 10px;text-align: center}
.n_join .con3 .list_row .item b{font-family: Impact;font-size: 140px; line-height: 120px;color: #c6a86f;display: block}
.n_join .con3 .list_row .item p{font-size: 16px;line-height: 22px;margin: 30px auto 0 auto ;width: 210px;max-width: 100%}

.n_join .con4{padding: 108px 0;background: url("../images/n_join1.jpg") no-repeat; background-size: cover; background-position: center}
.n_join .con4 .title{text-align: center}
.n_join .con4 .title b{font-size: 74px; line-height:74px;  color: #fff;display: inline-block}
.n_join .con4 .title b:after{content: ''; display: block; width: 100%;height: 16px;background: #c6a86f;opacity: .27;transform: translateY(-80%);}
.n_join .con4 .list{margin-top: 160px;display: flex; justify-content: space-around; color: #fff;position: relative}
.n_join .con4 .list:before{content: '';position: absolute;left: 0;top: 144px;width: 100%;height: 1px;background: #fff;z-index: 9}
.n_join .con4 .list .item{width: 210px;max-width: 20%;border-radius: 18px;position: relative;overflow: hidden}
.n_join .con4 .list .item:before{content: '';position: absolute; left: 0;top: 50%; transform: translateY(-50%); width: 100%;height: 30%;background: rgba(198,168,111,.73);opacity: 0;transition: .6s all ease}
.n_join .con4 .list .item .top{text-align: center;padding: 46px 0;position: relative;height: 145px;}
.n_join .con4 .list .item .top:before{content: '';width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%);background: #fff}
.n_join .con4 .list .item .top:after{content: '';width: 24px;height: 24px;border-radius: 50%;border: 1px solid #fff;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%)}
.n_join .con4 .list .item .top i{display: block}
.n_join .con4 .list .item .bottom{text-align: center;padding: 24px 16px 50px 16px;position: relative;z-index: 9 }
.n_join .con4 .list .item .bottom b{font-size: 20px;display: block}
.n_join .con4 .list .item .bottom p{font-size: 16px; line-height: 28px; display: block;margin-top: 24px;}
.n_join .con4 .list .item:hover:before{height: 100%;opacity: 1;}

.map_left{ width: 440px; height: calc(100% - 20%); background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); position: absolute; z-index: 9; left: 10%; top: 10%;}
.map_left h4{ font-size: 32px; background: #c6a86f; color: #fff;  text-align: center; padding: 22px 0; margin-top: 0; font-weight: 600}
.map_list{ height: calc(100% - 198px); overflow: auto;}

.map_list::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.map_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #c6a86f;
}
.map_list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #b1c4dd;
}


.map_li{ padding: 5px 20px; border-bottom: 1px solid #dedede; color: #000; cursor: pointer; transition: all 0.3s;}
.map_li.active{ background: #c6a86f; color: #fff;}
.map_li b{font-size: 16px;}
.map_li h6{ font-size: 14px; font-weight: bold;}
.map_li p{ line-height: 20px;}
.map_li:hover{ background: #f4f4f4;}
.map_li.active:hover{ background: #c6a86f;}
.map_add{ width: calc(100% - 30px); margin: 0 auto; position: relative;}
.map_input{ position: relative;}
.map_input:after{ content: ''; width: 0; height: 0; border-top: 12px solid #dedede; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 2;}
.map_input input{ pointer-events: none;}
.map_add ul{ position: absolute; left: 0; top: 100%; background: #fff; border: 1px solid #eee; z-index: 2; width: 100%; height: 272px; overflow: auto;}
.map_add ul li{ list-style: none; padding: 10px 0; position: relative; padding-left: 30px; border-bottom: 1px solid #dedede; cursor: pointer;}
.map_add ul li:hover{ background: #f4f4f4;}
.map_add ul li span{ display: block;}
.map_add ul li .add_shi a{ display: inline-block; padding:6px 0; margin-right: 15px; cursor: pointer;}
.map_left h5{ color: #c6a86f; border-bottom: 1px solid #000000; margin-top: 20px; margin-bottom: 0;}
.map_left h5 strong{font-size: 16px; padding: 5px 30px; border-bottom:3px solid #c6a86f; display: inline-block;transform: translateY(1px)}
#map label{max-width:none;}
#erji_mao{ position: absolute; top: -130px; left: 0;}

.n_join .con6{padding: 148px 0 80px 0;background: url("../images/n_join4.jpg") no-repeat; background-size: cover; background-position: center; }
.n_join .con6 .view{display: flex;align-items: stretch}
.n_join .con6 .con_l{width:72.6%;padding:36px 68px 54px 68px;  background: #fff;}
.n_join .con6 .title b{font-size: 74px; line-height:74px;  color: #c6a86f;display: inline-block}
.n_join .con6 .title b:after{content: ''; display: block; width: 100%;height: 16px;background: #c6a86f;opacity: .27;transform: translateY(-80%);}
.n_join .con6 .form_row{margin-top: 74px; display: flex;justify-content: space-between;}
.n_join .con6 .form_item{width: 48%;font-size: 18px;padding-bottom: 20px;border-bottom: 2px solid #cccccc;display: flex}
.n_join .con6 .form_item span{display: inline-block;width:60px; }
.n_join .con6 .form_item input{display: inline-block;width:calc(100% - 60px); }
.n_join .con6 .form_item100{width: 100%}
.n_join .con6 .form_row input{border: 0;background: none;font-size: 18px;color: #000204;outline:none;  }
.n_join .con6 .form_row select{border: 0;background: none;padding: 0;font-size: 18px;color: #000204;box-shadow: none}
.n_join .con6 .submit{margin-top: 100px; width: 446px;height: 52px;line-height: 52px;text-align: center;color: #fff;font-size: 18px;background: #c6a86f;border: 0}
.n_join .con6 .con_r{width: 28.4%;}
.n_join .con6 .con_r .img{height: 100%;background: url("../images/n_join9.jpg") no-repeat;background-position: center;background-size: cover}
.n_join .con6 .form_row input::-webkit-input-placeholder {color: #000204;}
.n_join .con6 .form_row input:-ms-input-placeholder { color: #000204;}
.n_join .con6 .form_row input::placeholder {color: #000204;}
.n_join .con6 .form_item:hover{border-color: #c6a86f}


  

.ny_biao{ font-size: 34px; color: #c6a86f; padding-bottom: 20px; position: relative;}
.ny_biao:after{ content: ''; width: 60px; height: 6px; background: #c6a86f; position: absolute; right: 0; bottom: 0;}
.ny_biao span{ display: block; font-size: 20px; color: #c6a86f; text-transform: uppercase;}

.lx_map{ position: relative;}
.lx_text .ny_biao{ color: #Fff; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase;}
.lx_text .ny_biao:after{ background: #fff; left: 0;}
.lx_text{ position: absolute; padding: 50px 15px; left: 0; top: 50%; transform: translateY(-50%); z-index: 99; padding-left: 100px; background: rgba(198,168,111,0.91); width: 45%; color: #fff;}
.lx_text ul li{ padding-left: 35px; position: relative; margin: 15px 0; font-size: 18px;}
.lx_text ul li i{ position: absolute; left: 0; top: -6px; font-size: 24px;}
.lx_text h4{ display: inline-block;}
.lx_text h4 img{ margin-bottom: 10px;}





















@media (max-width:767px){
  .container{ width: 100%; padding: 0 15px;}

	#fp-nav.fp-right{ right: 0 !important;}
  .container_100{ padding: 0 15px; width: 100%;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px;}
  .xian{ display: none;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.9); padding: 15px; border-top: 1px solid rgba(255,255,255,0.2); display: none; margin-top: 0;}
  .pc_nav>ul>li{ text-align: left; display: block; width: 100%;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0; font-size: 16px; display: inline-block;}
  .pc_nav>ul>li .erji{ display: block; opacity: 1; position: static; transform: translateX(0); white-space: normal;}
  .erji:after{ display: none;}
  .erji ul{ padding: 5px 15px;}
  .erji ul li{ margin: 0; margin-right: 5px; margin-bottom: 5px;}
  .erji ul li a{ font-size: 14px; padding: 0; opacity: 0.75;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}

  .s_banner, .s_banner2, .s_about, .s_product, .s_news, .s_footer{ overflow: hidden;}
  .s_banner .swiper-slide a{ height: 100vh; padding-top: 0;}
  .s_banner2{ height: auto; padding-top: 48.9%;}

  .bai_xian{ right: 10px;}
  .bai_xian span{ font-size: 24px;}
  .bai_xian span strong{ margin-bottom: 0; font-size: 24px; margin-left: 15px;}
  .bai_xian span strong:after{ width: 2px; height: 30px; left: -8px;}
  .ban_text{top: 41%;}
  .ban_text span{ font-size: 20px; margin: 0 30px; margin-top: 30px;}
  .ban_img{ top: 25%; width: 70%;}
  .sab_2 li{ width: 18%;}
  .sab_2 li:nth-child(-n+6){ margin-bottom: 19%;}
  .sab_2 li strong{ font-size: 12px; top: calc(100% + 15px);}
  .s_about .sab_2{ width: 85%;}
  .s_about .sab_2{ padding: 6% 2%; padding-right: 10%; padding-bottom: 14%;}
  .fwys_9{ height: 38%; right: -8px;}
  .s_ab_nav ul li span strong{ font-size: 16px; line-height: 16px;}
  .s_ab_nav ul li span{ font-size: 12px; line-height: 12px; left: -15px; font-weight: normal;}
  .s_ab_nav ul li{ margin: 0 10px; width: 21%; height: 100px;}
  .s_ab_nav ul li.active{ width: 27%;}
  .sab_1_text p:last-child{ display: none;}
  .sab_1_left{ width: 100%;}
  .sab_1_img{ margin-bottom: 20px;}
  .sab_1_img img{ max-width: 42%;}
  .sab_1_text h3{ margin: 15px 0; font-size: 18px;}
  .sab_1_right{ display: none;}
  .sab_3{ width: calc(100% - 30px); right: 15px;}
  .sab_3_biao{ position: static;}
  .sab_3_biao img{ max-width: 42%;}
  .slc_left{ width: 100%; padding: 0;}
  .slc_right{ display: none;}
  .slc_time{ font-size: 100px; line-height: 100px; letter-spacing: 12px; left: auto; right: 0;}
  .slc_left h3{ font-size: 18px; margin-bottom: 20px;}
  .s_wangluo_text h2{ font-size: 18px;}
  .s_wangluo_text h4{ font-size: 14px; line-height: 24px;}

.map{ width: 100%;}
.map ul li span{ font-size: 12px; left: 100%; transform: translateY(-50%) scale(0.7); display: none;}
.map ul li.dongying span{ bottom: 100%; transform: translateX(-50%) scale(0.7);}
.map ul li.taiyuan span{ bottom: 100%; transform: translateX(-50%) scale(0.7);}
.map ul li.hefei span{ top:100%; transform: translateX(-50%) scale(0.7);}
.map ul li.shijiazhuang span{ top:100%; transform: translateX(-50%) scale(0.7);}
.map ul li.beijing span{ right: 100%; transform: translateY(-50%) scale(0.7);}
.s_zhanqu_img{ width: calc(59.74% - 15px); top: 53%; right: 40.26%;}
.zhanqu_more{ padding: 10px 0; font-size: 14px;}
.s_zhanqu{ width: 40.26%; z-index: 10;}
.s_zhanqu .swiper3{ width: calc(100% - 15px);}
.s_zhanqu:after{ height: 900px;}
.s_zhanqu .swiper3 .swiper-slide h3{ font-size: 14px; line-height: 24px; opacity: 0.3;}
.s_zhanqu .swiper3 .swiper-slide h5{ display: none;}
.s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 18px; margin: 0 3px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active{ padding-left: 42%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next{ padding-left: 42%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2{ padding-left: 50%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3{ padding-left: 50%; opacity: 0;}
.s_zhanqu .swiper3 .swiper-slide:after{ width: 16px; height: 16px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active:after{ left: 14%; width: 35px; height: 35px; background: url(../images/dian.png) center no-repeat #fac000; background-size: 40%;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next{ width: 30px; height: 30px; line-height: 30px;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev i, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next i{ line-height: 30px;}
.s_kehu_list ul li{ width: 33.33%; margin: 0;}
.tab_biao ul li a{ font-size: 14px; padding: 0; padding-bottom: 6px;}
.tab_biao ul li{ margin-right: 16px;}
.s_kehu_list.active{ min-height: 350px;}
.s_hezuo_text{ text-align: left; padding-left: 15px; padding-right: 0;}
.s_hezuo_text h2{ font-size: 20px; margin: 0;}
.s_hezuo_text h4{ color: #333; font-size: 16px;}
.s_hezuo_img{ width: 120px; left: 15px; top: 85px;}
.hz_tab{ padding: 15px 0;}
.s_lvyue_list{ width: 75%;}
.s_lvyue_list.active{ height: 350px;}
.s_kehu_list h5{ font-size: 14px; padding-right: 0;}
.s_lvyue_list ul li{ width: 120px; height: 126px;}
.s_lvyue_list ul li.lv_0{ left: 39%; top: 38%; transform: scale(1); z-index: 4; opacity: 1;}
.s_lvyue_list ul li.lv_1{ left: 67%; top: 38%; z-index: 3; opacity: 0.9;}
.s_lvyue_list ul li.lv_2{ left: 78%; top: 15%; z-index: 2;}
.s_lvyue_list ul li.lv_3{ left: 49%; top: 15%;}
.s_lvyue_list ul li.lv_4{ left: 20%; top: 15%;}
.s_lvyue_list ul li.lv_5{ left: -9%; top: 15%; z-index: 2;}
.s_lvyue_list ul li.lv_6{ left: 6%; top: 38%; z-index: 3; opacity: 0.9;}
.lvyue_name{ font-size: 14px; line-height: 20px; padding-left: 10px;}
.series_text h2{ font-size: 18px; line-height: 30px;}
.series_text h2 strong{ font-size: 24px; margin-right: 5px;}
.series_text{ width: 96%; padding: 10px 15px; top: 15%;}
.series_text p{ font-size: 14px; line-height: 24px;}
.s_series .gallery-thumbs .swiper-slide span{ font-size: 12px;}
.s_series .gallery-thumbs .swiper-slide span i{ font-size: 30px;}
.s_series .gallery-thumbs .swiper-slide span img{ width: 30px; margin-bottom: 0px;}
.s_series .dw_swiper .swiper-button-next_thumbs, .s_series .dw_swiper .swiper-button-prev_thumbs{ display: none;}
.s_series .gallery-thumbs .swiper-slide{ padding-bottom: 35px;}
.snew_head{ width: 100%;}
.s_news .new_li{ width: 49%; margin: 0;}
.s_news .new_li:nth-last-child(1){ display: none;}
.s_news .new_li:nth-last-child(2){ margin-left: 2%;}
.snew_head h2{ font-size: 20px; margin: 0; margin-bottom: 10px;}
.snew_head p{ font-size: 14px; line-height: 24px;}
.s_news .container{ padding-right: 30px;}
.new_deng{ width: 120px; top: 60px; left: 0;}
.new_img{ padding-top: 0;}
.new_time{ margin: 5px 0; font-size: 14px;}
.new_text{ padding: 5px 0; padding-bottom: 0;}
.new_text h4{ margin: 5px 0; font-size: 14px; white-space: normal; text-overflow: initial; overflow: initial; color: #333;}
.new_text h5{ font-size: 14px; line-height: 20px; display: none;}
.snew_biao{ margin-bottom: 10px; text-align: right;}
.snew_biao a{ padding: 5px 20px; font-size: 14px;}
.snew_biao strong{ font-size: 30px; line-height: 30px; margin-bottom: 10px;}
.foot_form .form-control{ height: 34px; font-size: 14px; padding-left: 46px;}
.foot_form select.form-control{ padding-left: 0;}
.foot_form .form-group{ margin-bottom: 10px;}
.foot_form{ width: 100%; margin: 0;}
.foot_form .form-group button.btn{ height: 34px; font-size: 14px; margin-top: 10px;}
.foot_form .form-group label{ font-size: 14px;}
.foot_form h5{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.footer{ padding: 10px 15px; background: #323232; top: auto; bottom: 81px; transform: translateY(0);}
.foot_di{ font-size: 14px;}
.ft_title{ font-size: 18px; left: 15px; top: -15%; line-height: 22px; display: none;}
.ft_title span strong, .ft_title strong{ font-size: 22px; line-height: 22px; margin-right: 10px;}
.ft_phone{ left: 15px; top: -15%; font-size: 18px;}
.ft_phone span{ line-height: 24px;}
.ft_phone strong{ font-size: 24px; line-height: 24px;}

.header.ny .pc_nav{ position: absolute;}
.header.ny .pc_nav>ul>li>a{ height: 36px; line-height: 36px; color: #fff;}
.header.ny .pc_nav>ul>li.active>a{ font-weight: normal;}
.header.ny{ height: 60px;}
.header.ny .logo{ height: 50px; top: 10px;}
.header.ny .menu-link span, .header.ny .menu-link span:before, .header.ny .menu-link span:after{ background-color: #333;}
.header.ny .menu-link.active span{ background: transparent;}

.ban_biao{ top: 25%;}
.ban_biao span{ font-size: 24px; letter-spacing: 2px; line-height: 30px;}
.ban_biao strong{ font-size: 16px; line-height: 24px;}
.n_banner{ margin-top: 60px; padding-top: 46%; height: auto;}
.n_banner ul{ width: calc(100% - 30px); left: 15px;}
.n_banner ul li{ margin: 0 6px; height: auto;}
.n_banner ul li a{ padding: 0; font-size: 16px; line-height: 46px;}
.wz_biao strong{ font-size: 20px; padding-bottom: 5px;}
.wz_a{ top: 7px; font-size: 14px; right: 15px;}
.wz_a a{ font-size: 14px;}
.weizhi{ margin: 20px 0;}
.wz_biao span{ margin-top: 5px; font-size: 14px;}
.nab_title span{ font-size: 56px; line-height: 76px;}
.nab_title strong{ font-size: 20px; line-height: 30px; margin-bottom: 0; margin-top: -60px; letter-spacing: 0;}
.nab_title{ letter-spacing: 0; font-size: 12px;}
.nab_1_number{ margin: 30px 0;}
.nab_1_number ul li strong{ font-size: 24px; line-height: 30px; margin-right: 2px;}
.nab_1_number ul li span{ font-size: 14px;}
.nabout_1 .ty_content{ margin: 0; letter-spacing: 0;}
.nabout_1 .ty_content p{ line-height: 24px; font-size: 14px;}
.nab_1_bottom .nab_1_number{ margin: 20px 0;}
.nab_1_number ul li{ width: 25%; padding: 0 5px;}
.nab_1_bottom{ margin-top: 30px;}
.n_footer{ padding-top: 0;}
.n_footer .container>.row{ display: none;}
.n_foot_di{ margin-top: 0; border-top: none;}
.cuota{ display: none;}
.foot_text{ text-align: left;}
.foot_text a{ display: inline-block;}
.n_banner ul.ncp{ width: calc(100% - 30px); margin: 0;}
.n_banner ul.ncp li a{ padding: 0;}
.ppys_1 .son_left, .ppys_1 .son_right, .ppys_4 .son_left, .ppys_4 .son_right, .ppys_8 .son_left, .ppys_8 .son_right, .ppys_10 .son_right, .ppys_10 .son_left{ width: 100%;}
.ppys_1 .son_left:after{ width: 40%; left: -15px;}
.ppys_1 .son_right ul li img{ width: 60px; height: 60px;}
.ppys_1 .son_right ul li{ padding-left: 80px; margin-bottom: 15px;}
.ppys_1 .son_right ul li p{ font-size: 14px; line-height: 20px;}
.ppys_1 .son_right ul li h3{ font-size: 16px;}
.ppys_1 .son_right ul:after{ left: 30px;}
.ppys_1{ padding: 30px 0;}
.ppys_2{ padding: 10px 0; padding-bottom: 60px;}
.ppys_3{ padding: 30px 0;}
.ppys_3 .son_left, .ppys_3 .son_right{ width: 100%;}
.ppys_3 .son_left ul li{ width: 100%; margin-bottom: 50px; margin-right: 0;}
.ppys_3 .son_left ul li:nth-last-child(1), .ppys_3 .son_left ul li:nth-last-child(2){ margin-bottom: 50px;}
.ppys_3 .son_right:after{ width: 34%; right: -15px;}
.ppys_4 .son_left:after{ left: -15px; width: 25%;}
.ppys_4{ padding: 30px 0;}
.ppys_4 .son_right p{ margin: 0; margin-top: 15px; font-size: 16px; line-height: 24px;}
.ppys_4 .son_right ul{ width: 100%; margin:0; margin-top: 30px; padding: 15px;}
.ppys_4 .son_right ul li span{ font-size: 24px; line-height: 24px;}
.ppys_4 .son_right ul li h5{ font-size: 16px;}
.ppys_5 .son_img:after{ width: 30%; right: -15px;}
.ppys_5 .son_text ul{ margin-top: 30px;}
.ppys_5 .son_text ul li{ width: 50%; padding-top: 15px;}
.ppys_5 .son_text ul li h3{ font-size: 16px; margin-top: 10px;}
.ppys_5 .son_text ul li p{ font-size: 14px;line-height: 24px; margin-bottom: 10px;}
.ppys_5 .son_text ul li img{ width: 50px; height: 50px;}
.ppys_5 .son_text ul:after{ display: none;}
.ppys_6{ padding: 30px 0;}
.ppys_6 .son_left, .ppys_6 .son_right{ width: 100%;}
.ppys_6 .son_right{ margin-right: 0; padding-top: 5%;}
.ppys_6 .son_right p{ transform: translateX(0); font-size: 16px; line-height: 24px;}
.ppys_7 h2{ top: 0; transform: translateX(0); margin-top: 10px;}
.ppys_7 h2 strong{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.ppys_8{ padding: 30px 0;}
.ppys_8 .son_left p{ line-height: 24px; font-size: 16px; margin: 0; margin-top: 20px;}
.ppys_8 .son_right:after{ width: 30%; right: -15px;}
.ppys_9 h2 strong{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
.ppys_9, .ppys_10, .ppys_11{ padding: 30px 0;}
.ppys_10 .son_right p{ font-size: 16px; line-height: 24px; margin: 0; margin-top: 20px;}
.ppys_10 ul{ width: 100%;}
.ppys_10 ul li{ width: 33%; margin: 0 0.1%;}
.ppys_10 ul li span{ font-size: 16px;}
.ppys_11 .son_right{ width: 100%;}
.ppys_11 .son_left{ width: 100%; padding: 15px; margin: 0;}
.ppys_11 .son_left p{ font-size: 16px; line-height: 24px; margin: 0;}
.ppys_12{ padding: 30px 0;}
.ppys_12 .son_left, .ppys_12 .son_right{ width: 100%;}
.ppys_12 .son_right{ margin: 0; padding: 15px;}
.ppys_12 .son_left:after{ width: 30%; left: -15px; bottom: 1%; height: 117px;}
.ppys_12 .son_right img{ width: 60px;}
.ppys_12 .son_right h2{ font-size: 24px;}
.ppys_12 .son_right p{ font-size: 16px; line-height: 24px;}
.nabout_4 .container .swiper-button-next{ right: 0;}
.nabout_4 .container .swiper-button-prev{ left: 0;}
.nabout_3 .swiper2, .swiper_fanye{ position: static; width: 100%;}
.nabout_3 .swiper1 .swiper-slide{ padding: 22% 0;}
.lc_text{ left: 15px; width: calc(100% - 30px); font-size: 14px; line-height: 20px;}
.lc_time{ font-size: 36px; line-height: 36px;}
.swiper_fanye{ left: 0;}
.swiper_fanye .swiper-button-next, .swiper_fanye .swiper-button-prev{ width: 50%; padding: 6px 0; text-align: center;}
.lc_img_text{ padding: 15px 0; padding-bottom: 10px;}
.nnew_list .new_li{ width: 100%; margin: 0; margin-top: 20px;}
.snew_li_bai:hover{ transform: translateY(0);}
.nnew_list .new_li .new_text h5{ display: block;}
.fanye{ padding-top: 0;}
.nnew_nbiao h3{ font-size: 18px; line-height: 30px;}
.fanye02{ padding: 20px 0;}
.fanye02 a{ padding: 6px 20px; font-size: 14px;}
.n_heib{ margin-bottom: 30px;}
.n_heib strong{ font-size: 24px; margin-bottom: 15px;}
.n_heib span{ font-size: 16px; line-height: 24px;}
.kb_ywbj_list{ padding: 30px 0; padding-bottom: 40px;}
.kb_ywbj_list .container>ul>li{ width: 33.33%;}
.kb_ywbj_list .container>ul>li>a{ font-size: 16px; padding: 5px 2px;}
.kb_ywbj_list .container>ul>li ul li{ margin: 0;}
.kb_ywbj_list .container>ul>li ul li a{ padding: 10px 2px; font-size: 14px;}
.gallery-thumbs{ margin-top: 20px;}
.gallery-thumbs .swiper-slide a span{ font-size: 16px;}
.kb_hezuo{ padding: 60px 0;}
.anli_ny{ padding-top: 0;}
.xiangmu_gk{ margin-bottom: 30px;}
.xiangmu_gk h2{ font-size: 24px; margin-bottom: 20px;}
.xiangmu_gk p{ font-size: 14px; line-height: 24px; margin: 0 15px;}
.xiangmu_nav ul{ margin-bottom: 20px;}
.xiangmu_nav ul li a{ font-size: 18px; padding: 0 5px; padding-bottom: 10px;}
.xmimg_li{ width: 45%; margin-bottom: 20px;}
.n_banner ul.ncp{ padding: 5px 0;}
.n_banner ul.ncp li{ margin: 0 10px;}
.n_banner ul.ncp li a{ font-size: 12px; line-height: 24px;}
.n_banner ul.ncp li:after{ display: none;}
.n_banner ul.ncp li.active a{ color: #fac000;}
.vr_bg{ padding-top: 0;}
.vr_quanjing{ padding: 0; margin-bottom: 30px; margin-top: 0;}
.vr_quanjing span{ display: block; width: 100%; font-size: 20px; padding: 5px 15px; position: static;}
.vr_quanjing ul:after{ content: ''; clear: both; display: table;}
.vr_quanjing ul{ padding: 10px 0;}
.vr_quanjing .nav-justified>li{ float: left; margin: 0 5px;}
.vr_quanjing .nav-justified>li a{ font-size: 14px; line-height: 30px;}
.vr_quanjing ul li a:after{ display: none;}
.ncp_vr{ width: 100%; margin-bottom: 60px;}
.ncp_vr span strong{ font-size: 36px; line-height: 40px;}
.ncp_vr span{ font-size: 18px; line-height: 18px;}
.vr_a{ font-size: 14px;}
.npro_nav span{ display: block; font-size: 16px; padding: 5px;}
.npro_nav, .npro_nav.shai{ margin-bottom: 15px;}
.npro_nav ul{ width: 100%; position: static; padding: 5px 0; padding-left: 35px;}
.npro_nav ul li:first-child{ margin-left: -35px;}
.npro_nav ul li{ width: auto; margin: 0 3px; float: none; display: inline-block;}
.npro_nav.shai ul li{ width: auto;}
.npro_nav ul li a{ font-size: 14px;}
.npro_nav ul li a{ line-height: 30px;}
.npro_list{ margin-top: 20px;}
.npro_list .caption{ margin-bottom: 30px;}
.npro_text{ font-size: 16px; padding: 10px; padding-right: 100px;}
.n_product h2{ margin-bottom: 30px;}
.n_product h2 strong{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
.n_product h2 span{ font-size: 16px;}
.ncp_ny{ padding: 40px 0;}
.ncpny_left{ width: 100%; margin-right: 0;}
.ncpny_right{ width: 100%; margin-top: 30px;}
.wocao_en{ font-size: 30px; line-height: 30px;}
.wocao_title{margin: 20px 0;  padding-bottom: 5px;  font-size: 24px;}
.ncp_ny:after{ height: 68%;}
.wocao_text p{ padding-left: 20px; margin: 0; font-size: 16px; line-height: 24px;}
.ncp_tuce .swiper-container .swiper-button-prev i, .ncp_tuce .swiper-container .swiper-button-next i{ width: 36px; height: 36px;}
.tuijian_biao{ margin-bottom: 20px;}
.tuijian_biao strong{ font-size: 24px; padding-bottom: 5px; margin-bottom: 5px;}
.tuijian_biao span{ font-size: 16px;}
.shzp_1{ margin-top: -100px;}
.shzp_1 img{ max-width: 70% !important;}
.shzp_1 span{ font-size: 30px; letter-spacing: 2px; top: 39%; left: 25%;}
.shzp_1 span strong{ font-size: 30px;}
.shzp_2{ padding-top: 0;}
.shzp_biao img{ width: 40px;}
.shzp_biao span{ font-size: 20px; line-height: 24px; padding-right: 80px; padding-left: 30px;}
.shzp_2 ul{ margin: 20px 0;}
.shzp_2 ul li{ width: 100%;}
.shzp_2 ul li h2{ margin: 0; margin-bottom: 10px; font-size: 20px;}
.shzp_2 ul li p{ font-size: 14px; line-height: 20px;}
.shzp_2 ul li p:after{ top: 6%;}
.sz_gongzhong .caption i{ width: 60px; height: 60px; line-height: 56px; font-size: 30px;}
.sz_gongzhong .caption{ width: 48%; padding: 15px; margin: 0 1%;}
.sz_gongzhong .caption h2{ font-size: 16px; margin: 10px 0;}
.sz_gongzhong .caption p{ line-height: 24px; font-size: 14px;}
.shzp_3{ padding: 40px 0;}
.shzp_3 .zhaopin_2{ margin-top: 30px;}
.zhaopin_2 .panel-heading a{ padding:10px 15px; font-size: 18px;}
.zhaopin_2 .panel-body{ padding: 0 15px;}
.zhaopin_2 .panel-body .ty_content p{ font-size: 14px; line-height: 24px;}
.link_a a{ padding: 6px 15px; font-size: 14px;}
.zhaopin_2 .panel-heading a i{ width: 24px; height: 24px; right: 15px;}
.xz_biao i{ width: 110px; height: 25px;}
.xz_biao span{ font-size: 18px; line-height: 30px; height: 30px;}
.nxz_2 h2{ font-size: 18px; line-height: 30px; margin-top: -50px; margin-bottom: 30px;}
.nxz_2 h2 span{ font-size: 24px;}
.nxz_2 h2 img{ width: 100px;}
.lcys_dw img{ max-width: 50%; margin:20px auto;}
.lcys_dw ul, .xz_biao.biao_02{ display: none;}
.nxz_2{ padding-bottom: 30px;}
.nxz_2 ul li{ width: calc(100% - 30px); margin: 0 auto; padding: 15px; margin-bottom: 20px;}
.nxz_2 ul li h3, .nxz_2 ul li h4{ font-size: 16px; line-height: 24px;}
.nxz_2 ul li i{ font-size: 60px;}
.nxz_2 ul li:nth-child(2n){ transform: translateY(0);}
.zhaopin_2{ margin-top: 20px; width: calc(100% - 30px);}
.zhaopin_2 .panel-heading a{ padding-right: 60px;}
.zhaopin_2 .panel-heading a span{ font-size: 14px; line-height: 20px;}

    .n_join .ban_biao span{ font-size: 24px;}
    .n_join .ban_biao strong{font-size: 16px;line-height: 24px;}
    .n_join .ban_biao p{font-size: 16px;line-height: 20px;}
    .n_join .n_banner ul{bottom: 0}

    .n_join .con1{padding: 20px 0;}
    .n_join .con1 .title{font-size: 20px;line-height: 30px;}
    .n_join .con1 .swiper_con{margin-top: 30px;padding-left: 0}
    .n_join .con1 .mySwiper .num span{font-size: 30px;-webkit-text-stroke: 2px #c6a86f;}
    .n_join .con1 .mySwiper .num b{font-size: 18px;}
    .n_join .con1 .mySwiper2 p{font-size: 14px;}
    .n_join .con1 .title:after{height: 4px;margin-top: 0}

    .n_join .con2 .title{font-size: 20px;width: 100%; padding: 0 15px; margin: 0 auto}
    .n_join .con2 .title b{position: relative;left: auto!important;top: auto!important;}
    .n_join .con2 .top img{display: none}
    .n_join .con2 .view{margin-top: 20px; padding-bottom: 80px;}
    .n_join .con2 .list_row .item{width: 100%;}
    .n_join .con2 .list_row .item b{font-size: 18px;margin-top: 8px;}
    .n_join .con2 .list_row .item p{font-size: 14px;margin-top: 8px;width: 100%;text-align: center}
    .n_join .con2 .list_row .item i{width: 50px;height: 50px;}

    .n_join .con3{padding-top: 40px;}
    .n_join .con3 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con3 .list{margin-top: 20px; padding:0 0 40px 0;}
    .n_join .con3 .list_row{padding-bottom: 0;flex-wrap: wrap}
    .n_join .con3 .list_row .item{width: 50%;margin-top: 30px;}
    .n_join .con3 .list_row .item b{font-size: 60px;line-height: 60px;}
    .n_join .con3 .list_row .item p{font-size: 14px;width: 100%}
    .n_join .con3 .list:after{display: none}


    .n_join .con4{padding: 60px 0}
    .n_join .con4 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con4 .list{margin-top: 20px;flex-wrap: wrap}
    .n_join .con4 .list:before{top: 0;width: 1px;height: 100%}
    .n_join .con4 .list .item{text-align: justify;width: 100%;max-width: 100%}
    .n_join .con4 .list .item .top{padding:10px 20px; height: auto;text-align: justify; }
    .n_join .con4 .list .item .bottom {text-align: justify;padding: 10px 20px}
    .n_join .con4 .list .item .bottom b{font-size: 18px;}
    .n_join .con4 .list .item .bottom p{font-size: 14px;margin-top: 10px}
    .n_join .con4 .list .item .top:before{left: 0;top: 12px;}
    .n_join .con4 .list .item .top:after{left: 0;top: 0}

    .map_left{position: relative;left: 0; width: 100%;height: 455px !important;}
    .map_left h4{font-size: 24px;}
    #map {height: 300px !important;}

    .n_join .con6{padding: 40px 0}
    .n_join .con6 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con6 .con_l{width: 100%;padding: 20px; }
    .n_join .con6 .con_r{display: none}
    .n_join .con6 .form_row{margin-top: 0;display: block}
    .n_join .con6 .form_item{margin-top: 10px; padding-bottom: 6px;font-size: 14px;border-bottom: 1px solid #ccc;width: 100%}
    .n_join .con6 .submit{margin-top: 60px;}
    .n_join .con6 .form_row select{font-size: 14px;height: 24px;line-height: 24px;}
    .n_join .con6 .form_row input{font-size: 14px;}
    .n_join .con6 .submit{max-width: 100%;margin: 20px auto 0 auto; height: 40px;line-height: 40px; display: block}


    .lx_text{ position: static; transform: translateY(0); padding: 15px; width: 100%;}
    
    .lx_text ul li{ font-size: 14px; margin: 10px 0; padding-left: 25px;}
    .lx_text ul li i{ font-size: 20px;}
    .lx_text h4{ font-size: 14px;}
    .ny_biao{ font-size: 20px;}
}
@media (min-width:768px) and (max-width:991px) {



  .container{ width: 100%; padding: 0 15px;}

	#fp-nav.fp-right{ right: 0 !important;}
  .container_100{ padding: 0 15px; width: 100%;}
  .header .container{ padding: 0 15px; position: static;}
  .logo{ height: 60px; left: 15px;}
  .header{ height: 60px;}
  .xian{ display: none;}

  .pc_nav{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: rgba(8,0,0,0.9); padding: 15px; border-top: 1px solid rgba(255,255,255,0.2); display: none; margin-top: 0;}
  .pc_nav>ul>li{ text-align: left; display: block; width: 100%;}
  .pc_nav>ul>li>a{ line-height: 36px; height: 36px; padding: 0; font-size: 16px; display: inline-block;}
  .pc_nav>ul>li .erji{ display: block; opacity: 1; position: static; transform: translateX(0); white-space: normal;}
  .erji:after{ display: none;}
  .erji ul{ padding: 5px 15px;}
  .erji ul li{ margin: 0; margin-right: 5px; margin-bottom: 5px;}
  .erji ul li a{ font-size: 14px; padding: 0; opacity: 0.75;}

  .nav_phone{ padding-top: 0; text-align: center;}
  .nav_phone a i{ font-size: 24px;}
  .nav_phone a strong{ font-size: 24px; margin-left: 15px;}

  .s_banner, .s_banner2, .s_about, .s_product, .s_news, .s_footer{ overflow: hidden;}
  .s_banner .swiper-slide a{ height: 100vh; padding-top: 0;}
  .s_banner2{ height: auto; padding-top: 48.9%;}

  .bai_xian{ right: 10px;}
  .bai_xian span{ font-size: 24px;}
  .bai_xian span strong{ margin-bottom: 0; font-size: 24px; margin-left: 15px;}
  .bai_xian span strong:after{ width: 2px; height: 30px; left: -8px;}
  .ban_text{top: 41%;}
  .ban_text span{ font-size: 20px; margin: 0 30px; margin-top: 30px;}
  .ban_img{ top: 25%; width: 70%;}
  .sab_2 li{ width: 18%;}
  .sab_2 li:nth-child(-n+6){ margin-bottom: 19%;}
  .sab_2 li strong{ font-size: 12px; top: calc(100% + 15px);}
  .s_about .sab_2{ width: 85%;}
  .s_about .sab_2{ padding: 6% 2%; padding-right: 10%; padding-bottom: 14%;}
  .fwys_9{ height: 38%; right: -8px;}
  .s_ab_nav ul li span strong{ font-size: 16px; line-height: 16px;}
  .s_ab_nav ul li span{ font-size: 12px; line-height: 12px; left: -15px; font-weight: normal;}
  .s_ab_nav ul li{ margin: 0 10px; width: 21%; height: 100px;}
  .s_ab_nav ul li.active{ width: 27%;}
  .sab_1_text p:last-child{ display: none;}
  .sab_1_left{ width: 100%;}
  .sab_1_img{ margin-bottom: 20px;}
  .sab_1_img img{ max-width: 42%;}
  .sab_1_text h3{ margin: 15px 0; font-size: 18px;}
  .sab_1_right{ display: none;}
  .sab_3{ width: calc(100% - 30px); right: 15px;}
  .sab_3_biao{ position: static;}
  .sab_3_biao img{ max-width: 42%;}
  .slc_left{ width: 100%; padding: 0;}
  .slc_right{ display: none;}
  .slc_time{ font-size: 100px; line-height: 100px; letter-spacing: 12px; left: auto; right: 0;}
  .slc_left h3{ font-size: 18px; margin-bottom: 20px;}
  .s_wangluo_text h2{ font-size: 18px;}
  .s_wangluo_text h4{ font-size: 14px; line-height: 24px;}

.map{ width: 100%;}
.map ul li span{ font-size: 12px; left: 100%; transform: translateY(-50%) scale(0.7); display: none;}
.map ul li.dongying span{ bottom: 100%; transform: translateX(-50%) scale(0.7);}
.map ul li.taiyuan span{ bottom: 100%; transform: translateX(-50%) scale(0.7);}
.map ul li.hefei span{ top:100%; transform: translateX(-50%) scale(0.7);}
.map ul li.shijiazhuang span{ top:100%; transform: translateX(-50%) scale(0.7);}
.map ul li.beijing span{ right: 100%; transform: translateY(-50%) scale(0.7);}
.s_zhanqu_img{ width: calc(59.74% - 15px); top: 53%; right: 40.26%;}
.zhanqu_more{ padding: 10px 0; font-size: 14px;}
.s_zhanqu{ width: 40.26%; z-index: 10;}
.s_zhanqu .swiper3{ width: calc(100% - 15px);}
.s_zhanqu:after{ height: 900px;}
.s_zhanqu .swiper3 .swiper-slide h3{ font-size: 14px; line-height: 24px; opacity: 0.3;}
.s_zhanqu .swiper3 .swiper-slide h5{ display: none;}
.s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 18px; margin: 0 3px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active{ padding-left: 42%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next{ padding-left: 42%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2{ padding-left: 50%;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3{ padding-left: 50%; opacity: 0;}
.s_zhanqu .swiper3 .swiper-slide:after{ width: 16px; height: 16px;}
.s_zhanqu .swiper3 .swiper-slide.swiper-slide-active:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-active:after{ left: 14%; width: 35px; height: 35px; background: url(../images/dian.png) center no-repeat #fac000; background-size: 40%;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next{ width: 30px; height: 30px; line-height: 30px;}
.s_zhanqu_img .swiper-slide .swiper-container .swiper-button-prev i, .s_zhanqu_img .swiper-slide .swiper-container .swiper-button-next i{ line-height: 30px;}
.s_kehu_list ul li{ width: 33.33%; margin: 0;}
.tab_biao ul li a{ font-size: 14px; padding: 0; padding-bottom: 6px;}
.tab_biao ul li{ margin-right: 16px;}
.s_kehu_list.active{ min-height: 350px;}
.s_hezuo_text{ text-align: left; padding-left: 15px; padding-right: 0;}
.s_hezuo_text h2{ font-size: 20px; margin: 0;}
.s_hezuo_text h4{ color: #333; font-size: 16px;}
.s_hezuo_img{ width: 120px; left: 15px; top: 85px;}
.hz_tab{ padding: 15px 0;}
.s_lvyue_list{ width: 75%;}
.s_lvyue_list.active{ height: 350px;}
.s_kehu_list h5{ font-size: 14px; padding-right: 0;}
.s_lvyue_list ul li{ width: 120px; height: 126px;}
.s_lvyue_list ul li.lv_0{ left: 39%; top: 38%; transform: scale(1); z-index: 4; opacity: 1;}
.s_lvyue_list ul li.lv_1{ left: 67%; top: 38%; z-index: 3; opacity: 0.9;}
.s_lvyue_list ul li.lv_2{ left: 78%; top: 15%; z-index: 2;}
.s_lvyue_list ul li.lv_3{ left: 49%; top: 15%;}
.s_lvyue_list ul li.lv_4{ left: 20%; top: 15%;}
.s_lvyue_list ul li.lv_5{ left: -9%; top: 15%; z-index: 2;}
.s_lvyue_list ul li.lv_6{ left: 6%; top: 38%; z-index: 3; opacity: 0.9;}
.lvyue_name{ font-size: 14px; line-height: 20px; padding-left: 10px;}
.series_text h2{ font-size: 18px; line-height: 30px;}
.series_text h2 strong{ font-size: 24px; margin-right: 5px;}
.series_text{ width: 96%; padding: 10px 15px; top: 15%;}
.series_text p{ font-size: 14px; line-height: 24px;}
.s_series .gallery-thumbs .swiper-slide span{ font-size: 12px;}
.s_series .gallery-thumbs .swiper-slide span i{ font-size: 30px;}
.s_series .gallery-thumbs .swiper-slide span img{ width: 30px; margin-bottom: 0px;}
.s_series .dw_swiper .swiper-button-next_thumbs, .s_series .dw_swiper .swiper-button-prev_thumbs{ display: none;}
.s_series .gallery-thumbs .swiper-slide{ padding-bottom: 35px;}
.snew_head{ width: 100%;}
.s_news .new_li{ width: 49%; margin: 0;}
.s_news .new_li:nth-last-child(1){ display: none;}
.s_news .new_li:nth-last-child(2){ margin-left: 2%;}
.snew_head h2{ font-size: 20px; margin: 0; margin-bottom: 10px;}
.snew_head p{ font-size: 14px; line-height: 24px;}
.s_news .container{ padding-right: 30px;}
.new_deng{ width: 120px; top: 60px; left: 0;}
.new_img{ padding-top: 0;}
.new_time{ margin: 5px 0; font-size: 14px;}
.new_text{ padding: 5px 0; padding-bottom: 0;}
.new_text h4{ margin: 5px 0; font-size: 14px; white-space: normal; text-overflow: initial; overflow: initial; color: #333;}
.new_text h5{ font-size: 14px; line-height: 20px; display: none;}
.snew_biao{ margin-bottom: 10px; text-align: right;}
.snew_biao a{ padding: 5px 20px; font-size: 14px;}
.snew_biao strong{ font-size: 30px; line-height: 30px; margin-bottom: 10px;}
.foot_form .form-control{ height: 34px; font-size: 14px; padding-left: 46px;}
.foot_form select.form-control{ padding-left: 0;}
.foot_form .form-group{ margin-bottom: 10px;}
.foot_form{ width: 100%; margin: 0;}
.foot_form .form-group button.btn{ height: 34px; font-size: 14px; margin-top: 10px;}
.foot_form .form-group label{ font-size: 14px;}
.foot_form h5{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.footer{ padding: 10px 15px; background: #323232; top: auto; bottom: 81px; transform: translateY(0);}
.foot_di{ font-size: 14px;}
.ft_title{ font-size: 18px; left: 15px; top: -15%; line-height: 22px; display: none;}
.ft_title span strong, .ft_title strong{ font-size: 22px; line-height: 22px; margin-right: 10px;}
.ft_phone{ left: 15px; top: -15%; font-size: 18px;}
.ft_phone span{ line-height: 24px;}
.ft_phone strong{ font-size: 24px; line-height: 24px;}

.header.ny .pc_nav{ position: absolute;}
.header.ny .pc_nav>ul>li>a{ height: 36px; line-height: 36px; color: #fff;}
.header.ny .pc_nav>ul>li.active>a{ font-weight: normal;}
.header.ny{ height: 60px;}
.header.ny .logo{ height: 50px; top: 10px;}
.header.ny .menu-link span, .header.ny .menu-link span:before, .header.ny .menu-link span:after{ background-color: #333;}
.header.ny .menu-link.active span{ background: transparent;}

.ban_biao{ top: 25%;}
.ban_biao span{ font-size: 24px; letter-spacing: 2px; line-height: 30px;}
.ban_biao strong{ font-size: 16px; line-height: 24px;}
.n_banner{ margin-top: 60px; padding-top: 46%; height: auto;}
.n_banner ul{ width: calc(100% - 30px); left: 15px;}
.n_banner ul li{ margin: 0 6px; height: auto;}
.n_banner ul li a{ padding: 0; font-size: 16px; line-height: 46px;}
.wz_biao strong{ font-size: 20px; padding-bottom: 5px;}
.wz_a{ top: 7px; font-size: 14px; right: 15px;}
.wz_a a{ font-size: 14px;}
.weizhi{ margin: 20px 0;}
.wz_biao span{ margin-top: 5px; font-size: 14px;}
.nab_title span{ font-size: 56px; line-height: 76px;}
.nab_title strong{ font-size: 20px; line-height: 30px; margin-bottom: 0; margin-top: -60px; letter-spacing: 0;}
.nab_title{ letter-spacing: 0; font-size: 12px;}
.nab_1_number{ margin: 30px 0;}
.nab_1_number ul li strong{ font-size: 24px; line-height: 30px; margin-right: 2px;}
.nab_1_number ul li span{ font-size: 14px;}
.nabout_1 .ty_content{ margin: 0; letter-spacing: 0;}
.nabout_1 .ty_content p{ line-height: 24px; font-size: 14px;}
.nab_1_bottom .nab_1_number{ margin: 20px 0;}
.nab_1_number ul li{ width: 25%; padding: 0 5px;}
.nab_1_bottom{ margin-top: 30px;}
.n_footer{ padding-top: 0;}
.n_footer .container>.row{ display: none;}
.n_foot_di{ margin-top: 0; border-top: none;}
.cuota{ display: none;}
.foot_text{ text-align: left;}
.foot_text a{ display: inline-block;}
.n_banner ul.ncp{ width: calc(100% - 30px); margin: 0;}
.n_banner ul.ncp li a{ padding: 0;}
.ppys_1 .son_left, .ppys_1 .son_right, .ppys_4 .son_left, .ppys_4 .son_right, .ppys_8 .son_left, .ppys_8 .son_right, .ppys_10 .son_right, .ppys_10 .son_left{ width: 100%;}
.ppys_1 .son_left:after{ width: 40%; left: -15px;}
.ppys_1 .son_right ul li img{ width: 60px; height: 60px;}
.ppys_1 .son_right ul li{ padding-left: 80px; margin-bottom: 15px;}
.ppys_1 .son_right ul li p{ font-size: 14px; line-height: 20px;}
.ppys_1 .son_right ul li h3{ font-size: 16px;}
.ppys_1 .son_right ul:after{ left: 30px;}
.ppys_1{ padding: 30px 0;}
.ppys_2{ padding: 10px 0; padding-bottom: 60px;}
.ppys_3{ padding: 30px 0;}
.ppys_3 .son_left, .ppys_3 .son_right{ width: 100%;}
.ppys_3 .son_left ul li{ width: 100%; margin-bottom: 50px; margin-right: 0;}
.ppys_3 .son_left ul li:nth-last-child(1), .ppys_3 .son_left ul li:nth-last-child(2){ margin-bottom: 50px;}
.ppys_3 .son_right:after{ width: 34%; right: -15px;}
.ppys_4 .son_left:after{ left: -15px; width: 25%;}
.ppys_4{ padding: 30px 0;}
.ppys_4 .son_right p{ margin: 0; margin-top: 15px; font-size: 16px; line-height: 24px;}
.ppys_4 .son_right ul{ width: 100%; margin:0; margin-top: 30px; padding: 15px;}
.ppys_4 .son_right ul li span{ font-size: 24px; line-height: 24px;}
.ppys_4 .son_right ul li h5{ font-size: 16px;}
.ppys_5 .son_img:after{ width: 30%; right: -15px;}
.ppys_5 .son_text ul{ margin-top: 30px;}
.ppys_5 .son_text ul li{ width: 50%; padding-top: 15px;}
.ppys_5 .son_text ul li h3{ font-size: 16px; margin-top: 10px;}
.ppys_5 .son_text ul li p{ font-size: 14px;line-height: 24px; margin-bottom: 10px;}
.ppys_5 .son_text ul li img{ width: 50px; height: 50px;}
.ppys_5 .son_text ul:after{ display: none;}
.ppys_6{ padding: 30px 0;}
.ppys_6 .son_left, .ppys_6 .son_right{ width: 100%;}
.ppys_6 .son_right{ margin-right: 0; padding-top: 5%;}
.ppys_6 .son_right p{ transform: translateX(0); font-size: 16px; line-height: 24px;}
.ppys_7 h2{ top: 0; transform: translateX(0); margin-top: 10px;}
.ppys_7 h2 strong{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.ppys_8{ padding: 30px 0;}
.ppys_8 .son_left p{ line-height: 24px; font-size: 16px; margin: 0; margin-top: 20px;}
.ppys_8 .son_right:after{ width: 30%; right: -15px;}
.ppys_9 h2 strong{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
.ppys_9, .ppys_10, .ppys_11{ padding: 30px 0;}
.ppys_10 .son_right p{ font-size: 16px; line-height: 24px; margin: 0; margin-top: 20px;}
.ppys_10 ul{ width: 100%;}
.ppys_10 ul li{ width: 33%; margin: 0 0.1%;}
.ppys_10 ul li span{ font-size: 16px;}
.ppys_11 .son_right{ width: 100%;}
.ppys_11 .son_left{ width: 100%; padding: 15px; margin: 0;}
.ppys_11 .son_left p{ font-size: 16px; line-height: 24px; margin: 0;}
.ppys_12{ padding: 30px 0;}
.ppys_12 .son_left, .ppys_12 .son_right{ width: 100%;}
.ppys_12 .son_right{ margin: 0; padding: 15px;}
.ppys_12 .son_left:after{ width: 30%; left: -15px; bottom: 1%; height: 117px;}
.ppys_12 .son_right img{ width: 60px;}
.ppys_12 .son_right h2{ font-size: 24px;}
.ppys_12 .son_right p{ font-size: 16px; line-height: 24px;}
.nabout_4 .container .swiper-button-next{ right: 0;}
.nabout_4 .container .swiper-button-prev{ left: 0;}
.nabout_3 .swiper2, .swiper_fanye{ position: static; width: 100%;}
.nabout_3 .swiper1 .swiper-slide{ padding: 22% 0;}
.lc_text{ left: 15px; width: calc(100% - 30px); font-size: 14px; line-height: 20px;}
.lc_time{ font-size: 36px; line-height: 36px;}
.swiper_fanye{ left: 0;}
.swiper_fanye .swiper-button-next, .swiper_fanye .swiper-button-prev{ width: 50%; padding: 6px 0; text-align: center;}
.lc_img_text{ padding: 15px 0; padding-bottom: 10px;}
.nnew_list .new_li{ width: 100%; margin: 0; margin-top: 20px;}
.snew_li_bai:hover{ transform: translateY(0);}
.nnew_list .new_li .new_text h5{ display: block;}
.fanye{ padding-top: 0;}
.nnew_nbiao h3{ font-size: 18px; line-height: 30px;}
.fanye02{ padding: 20px 0;}
.fanye02 a{ padding: 6px 20px; font-size: 14px;}
.n_heib{ margin-bottom: 30px;}
.n_heib strong{ font-size: 24px; margin-bottom: 15px;}
.n_heib span{ font-size: 16px; line-height: 24px;}
.kb_ywbj_list{ padding: 30px 0; padding-bottom: 40px;}
.kb_ywbj_list .container>ul>li{ width: 33.33%;}
.kb_ywbj_list .container>ul>li>a{ font-size: 16px; padding: 5px 2px;}
.kb_ywbj_list .container>ul>li ul li{ margin: 0;}
.kb_ywbj_list .container>ul>li ul li a{ padding: 10px 2px; font-size: 14px;}
.gallery-thumbs{ margin-top: 20px;}
.gallery-thumbs .swiper-slide a span{ font-size: 16px;}
.kb_hezuo{ padding: 60px 0;}
.anli_ny{ padding-top: 0;}
.xiangmu_gk{ margin-bottom: 30px;}
.xiangmu_gk h2{ font-size: 24px; margin-bottom: 20px;}
.xiangmu_gk p{ font-size: 14px; line-height: 24px; margin: 0 15px;}
.xiangmu_nav ul{ margin-bottom: 20px;}
.xiangmu_nav ul li a{ font-size: 18px; padding: 0 5px; padding-bottom: 10px;}
.xmimg_li{ width: 45%; margin-bottom: 20px;}
.n_banner ul.ncp{ padding: 5px 0;}
.n_banner ul.ncp li{ margin: 0 10px;}
.n_banner ul.ncp li a{ font-size: 12px; line-height: 24px;}
.n_banner ul.ncp li:after{ display: none;}
.n_banner ul.ncp li.active a{ color: #fac000;}
.vr_bg{ padding-top: 0;}
.vr_quanjing{ padding: 0; margin-bottom: 30px; margin-top: 0;}
.vr_quanjing span{ display: block; width: 100%; font-size: 20px; padding: 5px 15px; position: static;}
.vr_quanjing ul:after{ content: ''; clear: both; display: table;}
.vr_quanjing ul{ padding: 10px 0;}
.vr_quanjing .nav-justified>li{ float: left; margin: 0 5px;}
.vr_quanjing .nav-justified>li a{ font-size: 14px; line-height: 30px;}
.vr_quanjing ul li a:after{ display: none;}
.ncp_vr{ width: 100%; margin-bottom: 60px;}
.ncp_vr span strong{ font-size: 36px; line-height: 40px;}
.ncp_vr span{ font-size: 18px; line-height: 18px;}
.vr_a{ font-size: 14px;}
.npro_nav span{ display: block; font-size: 16px; padding: 5px;}
.npro_nav, .npro_nav.shai{ margin-bottom: 15px;}
.npro_nav ul{ width: 100%; position: static; padding: 5px 0; padding-left: 35px;}
.npro_nav ul li:first-child{ margin-left: -35px;}
.npro_nav ul li{ width: auto; margin: 0 3px; float: none; display: inline-block;}
.npro_nav.shai ul li{ width: auto;}
.npro_nav ul li a{ font-size: 14px;}
.npro_nav ul li a{ line-height: 30px;}
.npro_list{ margin-top: 20px;}
.npro_list .caption{ margin-bottom: 30px;}
.npro_text{ font-size: 16px; padding: 10px; padding-right: 100px;}
.n_product h2{ margin-bottom: 30px;}
.n_product h2 strong{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px;}
.n_product h2 span{ font-size: 16px;}
.ncp_ny{ padding: 40px 0;}
.ncpny_left{ width: 100%; margin-right: 0;}
.ncpny_right{ width: 100%; margin-top: 30px;}
.wocao_en{ font-size: 30px; line-height: 30px;}
.wocao_title{margin: 20px 0;  padding-bottom: 5px;  font-size: 24px;}
.ncp_ny:after{ height: 68%;}
.wocao_text p{ padding-left: 20px; margin: 0; font-size: 16px; line-height: 24px;}
.ncp_tuce .swiper-container .swiper-button-prev i, .ncp_tuce .swiper-container .swiper-button-next i{ width: 36px; height: 36px;}
.tuijian_biao{ margin-bottom: 20px;}
.tuijian_biao strong{ font-size: 24px; padding-bottom: 5px; margin-bottom: 5px;}
.tuijian_biao span{ font-size: 16px;}
.shzp_1{ margin-top: -100px;}
.shzp_1 img{ max-width: 70% !important;}
.shzp_1 span{ font-size: 30px; letter-spacing: 2px; top: 39%; left: 25%;}
.shzp_1 span strong{ font-size: 30px;}
.shzp_2{ padding-top: 0;}
.shzp_biao img{ width: 40px;}
.shzp_biao span{ font-size: 20px; line-height: 24px; padding-right: 80px; padding-left: 30px;}
.shzp_2 ul{ margin: 20px 0;}
.shzp_2 ul li{ width: 100%;}
.shzp_2 ul li h2{ margin: 0; margin-bottom: 10px; font-size: 20px;}
.shzp_2 ul li p{ font-size: 14px; line-height: 20px;}
.shzp_2 ul li p:after{ top: 6%;}
.sz_gongzhong .caption i{ width: 60px; height: 60px; line-height: 56px; font-size: 30px;}
.sz_gongzhong .caption{ width: 48%; padding: 15px; margin: 0 1%;}
.sz_gongzhong .caption h2{ font-size: 16px; margin: 10px 0;}
.sz_gongzhong .caption p{ line-height: 24px; font-size: 14px;}
.shzp_3{ padding: 40px 0;}
.shzp_3 .zhaopin_2{ margin-top: 30px;}
.zhaopin_2 .panel-heading a{ padding:10px 15px; font-size: 18px;}
.zhaopin_2 .panel-body{ padding: 0 15px;}
.zhaopin_2 .panel-body .ty_content p{ font-size: 14px; line-height: 24px;}
.link_a a{ padding: 6px 15px; font-size: 14px;}
.zhaopin_2 .panel-heading a i{ width: 24px; height: 24px; right: 15px;}
.xz_biao i{ width: 110px; height: 25px;}
.xz_biao span{ font-size: 18px; line-height: 30px; height: 30px;}
.nxz_2 h2{ font-size: 18px; line-height: 30px; margin-top: -50px; margin-bottom: 30px;}
.nxz_2 h2 span{ font-size: 24px;}
.nxz_2 h2 img{ width: 100px;}
.lcys_dw img{ max-width: 50%; margin:20px auto;}
.lcys_dw ul, .xz_biao.biao_02{ display: none;}
.nxz_2{ padding-bottom: 30px;}
.nxz_2 ul li{ width: calc(100% - 30px); margin: 0 auto; padding: 15px; margin-bottom: 20px;}
.nxz_2 ul li h3, .nxz_2 ul li h4{ font-size: 16px; line-height: 24px;}
.nxz_2 ul li i{ font-size: 60px;}
.nxz_2 ul li:nth-child(2n){ transform: translateY(0);}
.zhaopin_2{ margin-top: 20px; width: calc(100% - 30px);}
.zhaopin_2 .panel-heading a{ padding-right: 60px;}
.zhaopin_2 .panel-heading a span{ font-size: 14px; line-height: 20px;}

    .n_join .ban_biao span{ font-size: 24px;}
    .n_join .ban_biao strong{font-size: 16px;line-height: 24px;}
    .n_join .ban_biao p{font-size: 16px;line-height: 20px;}
    .n_join .n_banner ul{bottom: 0}

    .n_join .con1{padding: 20px 0;}
    .n_join .con1 .title{font-size: 20px;line-height: 30px;}
    .n_join .con1 .swiper_con{margin-top: 30px;padding-left: 0}
    .n_join .con1 .mySwiper .num span{font-size: 30px;-webkit-text-stroke: 2px #c6a86f;}
    .n_join .con1 .mySwiper .num b{font-size: 18px;}
    .n_join .con1 .mySwiper2 p{font-size: 14px;}
    .n_join .con1 .title:after{height: 4px;margin-top: 0}

    .n_join .con2 .title{font-size: 20px;width: 100%; padding: 0 15px; margin: 0 auto}
    .n_join .con2 .title b{position: relative;left: auto!important;top: auto!important;}
    .n_join .con2 .top img{display: none}
    .n_join .con2 .view{margin-top: 20px; padding-bottom: 80px;}
    .n_join .con2 .list_row .item{width: 100%;}
    .n_join .con2 .list_row .item b{font-size: 18px;margin-top: 8px;}
    .n_join .con2 .list_row .item p{font-size: 14px;margin-top: 8px;width: 100%;text-align: center}
    .n_join .con2 .list_row .item i{width: 50px;height: 50px;}

    .n_join .con3{padding-top: 40px;}
    .n_join .con3 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con3 .list{margin-top: 20px; padding:0 0 40px 0;}
    .n_join .con3 .list_row{padding-bottom: 0;flex-wrap: wrap}
    .n_join .con3 .list_row .item{width: 50%;margin-top: 30px;}
    .n_join .con3 .list_row .item b{font-size: 60px;line-height: 60px;}
    .n_join .con3 .list_row .item p{font-size: 14px;width: 100%}
    .n_join .con3 .list:after{display: none}


    .n_join .con4{padding: 60px 0}
    .n_join .con4 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con4 .list{margin-top: 20px;flex-wrap: wrap}
    .n_join .con4 .list:before{top: 0;width: 1px;height: 100%}
    .n_join .con4 .list .item{text-align: justify;width: 100%;max-width: 100%}
    .n_join .con4 .list .item .top{padding:10px 20px; height: auto;text-align: justify; }
    .n_join .con4 .list .item .bottom {text-align: justify;padding: 10px 20px}
    .n_join .con4 .list .item .bottom b{font-size: 18px;}
    .n_join .con4 .list .item .bottom p{font-size: 14px;margin-top: 10px}
    .n_join .con4 .list .item .top:before{left: 0;top: 12px;}
    .n_join .con4 .list .item .top:after{left: 0;top: 0}

    .map_left{position: relative;left: 0; width: 100%;height: 455px !important;}
    .map_left h4{font-size: 24px;}
    #map {height: 300px !important;}

    .n_join .con6{padding: 40px 0}
    .n_join .con6 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con6 .con_l{width: 100%;padding: 20px; }
    .n_join .con6 .con_r{display: none}
    .n_join .con6 .form_row{margin-top: 0;display: block}
    .n_join .con6 .form_item{margin-top: 10px; padding-bottom: 6px;font-size: 14px;border-bottom: 1px solid #ccc;width: 100%}
    .n_join .con6 .submit{margin-top: 60px;}
    .n_join .con6 .form_row select{font-size: 14px;height: 24px;line-height: 24px;}
    .n_join .con6 .form_row input{font-size: 14px;}
    .n_join .con6 .submit{max-width: 100%;margin: 20px auto 0 auto; height: 40px;line-height: 40px; display: block}



    .n_join .ban_biao span{ font-size: 46px;}
    .n_join .ban_biao p{font-size: 20px;}
    .n_join .n_banner ul{bottom: 0}

    .n_join .con1{padding: 20px 0 60px 0;}
    .n_join .con1 .title{font-size: 24px;line-height: 40px;}
    .n_join .con1 .swiper_con{margin-top: 60px;padding-left: 0}
    .n_join .con1 .mySwiper .num span{font-size: 40px;-webkit-text-stroke: 2px #c6a86f;}
    .n_join .con1 .mySwiper .num b{font-size: 24px;}
    .n_join .con1 .mySwiper2 p{font-size: 16px;}
    .n_join .con1 .title:after{height: 8px;margin-top: 0}

    .n_join .con2 .title{font-size: 24px;width: calc(100% - 260px);margin: 0 auto}
    .n_join .con2 .title b{position: relative;left: auto!important;top: auto!important;}
    .n_join .con2 .top img{display: none}
    .n_join .con2 .view{margin-top: 20px; padding-bottom: 80px;}
    .n_join .con2 .list_row .item{width: 50%}
    .n_join .con2 .list_row .item b{font-size: 20px;}
    .n_join .con2 .list_row .item p{font-size: 14px;}
    .n_join .con2 .list_row .item i{width: 70px;height: 70px;}
    .n_join .con2 .title b:nth-child(1){left:12.29%;top:66%}
    .n_join .con2 .title b:nth-child(2){left:20.57%;top:57%}
    .n_join .con2 .title b:nth-child(3){left:31.09%;top:54.5%}
    .n_join .con2 .title b:nth-child(4){left:42.86%;top:50%}

    .n_join .con3{padding-top: 40px;}
    .n_join .con3 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con3 .list{margin-top: 20px; padding:0 0 40px 0;}
    .n_join .con3 .list_row{padding-bottom: 0;flex-wrap: wrap}
    .n_join .con3 .list_row .item{width: 33.33%;margin-top: 30px;}
    .n_join .con3 .list_row .item b{font-size: 60px;line-height: 60px;}
    .n_join .con3 .list_row .item p{font-size: 14px;}
    .n_join .con3 .list:after{display: none}


    .n_join .con4{padding: 60px 0}
    .n_join .con4 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con4 .list{margin-top: 20px;flex-wrap: wrap}
    .n_join .con4 .list:before{top: 0;width: 1px;height: 100%}
    .n_join .con4 .list .item{text-align: justify;width: 100%;max-width: 100%}
    .n_join .con4 .list .item .top{padding:10px 20px; height: auto;text-align: justify; }
    .n_join .con4 .list .item .bottom {text-align: justify;padding: 10px 20px}
    .n_join .con4 .list .item .bottom b{font-size: 18px;}
    .n_join .con4 .list .item .bottom p{font-size: 14px;margin-top: 10px}
    .n_join .con4 .list .item .top:before{left: 0;top: 12px;}
    .n_join .con4 .list .item .top:after{left: 0;top: 0}

    .map_left{position: relative;left: 0; width: 100%;height: 455px !important;}
    .map_left h4{font-size: 24px;}
    #map {height: 300px !important;}

    .n_join .con6{padding: 100px 0 60px 0}
    .n_join .con6 .title b{font-size: 24px;line-height: 24px;}
    .n_join .con6 .con_l{width: 100%;padding: 36px; }
    .n_join .con6 .con_r{display: none}
    .n_join .con6 .form_row{margin-top: 30px;}
    .n_join .con6 .form_item{padding-bottom: 10px;font-size: 16px;}
    .n_join .con6 .submit{margin-top: 60px;}
    .n_join .con6 .form_row select{font-size: 16px;}
    .n_join .con6 .form_row input{font-size: 16px;}
    .n_join .con6 .submit{max-width: 100%;margin: 30px auto 0 auto;display: block}

    
    .lx_text ul li{ font-size: 14px; margin: 10px 0; padding-left: 25px;}
    .lx_text ul li i{ font-size: 20px;}
    .lx_text h4{ font-size: 14px;}
    .ny_biao{ font-size: 20px;}
}
@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;}
  .nav_lang a{ font-size: 14px;}
  .nav_tel_ss a i{ font-size: 20px;}
  .bai_xian{ right: 30px;}
  .bai_xian span{ font-size: 30px; line-height: 30px;}
  .bai_xian span strong{ font-size: 36px;}
  .bai_xian span strong:after{ width: 2px; height: 50px; left: -10px;}

  .ban_img{ width: 58%; top: 17%;}
  .ban_text{ top: 38%;}
  .ban_text img{ max-width: 30%;}
  .ban_text span{ font-size: 20px;}
  .sab_1_img{ margin-bottom: 15px;}
  .sab_1_img img{ width: 50%;}
  .sab_1_text h3{ margin: 10px 0; font-size: 20px;}
  .sab_1_text p{ margin-top: 10px; line-height: 20px; font-size: 14px; letter-spacing: 0;}
  .s_ab_nav ul li{ width: 14%; margin: 0 20px; height: 100px;}
  .s_ab_nav ul li span strong{ font-size: 16px;}
  .s_ab_nav ul li span{ font-size: 12px;}
  .sab_2 li strong{ font-size: 14px; top: calc(100% + 20px);}
  .sab_2 li:nth-child(-n+5){ margin-bottom: 8%;}
  .sab_3_biao{ left: -75px;}
  .sab_3_biao img{ width: 160px;}
  .slc_time{ font-size: 120px; line-height: 120px; left: 7%; top: 0; letter-spacing: 10px;}
  .slc_left{ padding-left: 4%; padding-top: 8%; padding-right: 2%;}
  .slc_left h3{ font-size: 18px; margin-bottom: 15px;}
  .slc_left h4{ font-size: 14px; line-height: 24px;}
  .s_wangluo_text h2, .s_hezuo_text h2{ font-size: 22px;}
  .s_wangluo_text h4, .s_hezuo_text h4{ font-size: 14px; line-height: 24px;}
  .zhanqu_more{ padding: 10px 0; font-size: 14px;}
  .map ul li span{ font-size: 12px;}
  .s_zhanqu .swiper3 .swiper-slide:after{ width: 15px; height: 15px;}
  .s_zhanqu:after{ top: calc(50% + 40px);}
  .s_zhanqu .swiper3{ width: calc(100% - 80px); top: calc(50% + 40px);}
  .s_zhanqu .swiper3 .swiper-slide h3{ font-size: 16px; margin-top: 5px; line-height: 20px; margin-bottom: 5px;}
  .s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 24px;}
  .s_zhanqu .swiper3 .swiper-slide h5{ margin-top: 5px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3:after{ left: 48px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2:after { left: 36px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next:after { left: 28px;}
  .s_zhanqu .swiper3 .swiper-slide:after{ left: 65px;}
  .s_hezuo{ top: calc(50% + 40px);}
  .s_hezuo_img{ width: 360px; left: 60px; top: 20px;}
  .s_kehu_list ul li{ margin: 0.5% 0;}
  .tab_biao ul li{ margin-right: 20px;}
  .tab_biao ul li a{ font-size: 16px; padding-bottom: 10px;}
  .hz_tab{ padding: 20px 0;}
  .s_kehu_list.active{ min-height: 245px;}
  .s_lvyue_list.active{ height: 245px;}
  .s_kehu_list h5{ font-size: 14px;}
  .s_lvyue_list ul li{ width: 160px; height: 165px;}
  .lvyue_name{ font-size: 14px; line-height: 20px;}
  .series_text h2{ font-size: 20px; line-height: 30px;}
  .series_text h2 strong{ font-size: 30px;}
  .series_text{ padding: 10px 60px;}
  .series_text p{ line-height: 22px; font-size: 14px;}
  .s_series .gallery-thumbs .swiper-slide span img{ width: 50px;}
  .s_series .gallery-thumbs .swiper-slide span{ font-size: 16px;}
  .s_series .dw_swiper{ padding-right: 16%;}
  .s_news .container{ top: calc(50% + 40px);}
  .snew_biao{ margin-bottom: 15px;}
  .snew_biao strong{ font-size: 36px; line-height: 36px; margin-bottom: 15px;}
  .snew_biao a{ font-size: 14px; padding: 5px 30px;}
  .snew_head h2{ font-size: 20px; margin: 15px 0;}
  .snew_head p{ line-height: 22px; font-size: 14px;}
  .new_deng{ width: 150px; top: 80px;}
  .snew_head h2:after{ height: 2px;}
  .new_time{ margin: 8px 0;}
  .new_text h4{ font-size: 14px; margin: 8px 0; line-height: 20px;}
  .new_text h5{ font-size: 14px;}
  .footer{ padding: 20px 0;}
  .foot_form .form-control, .foot_form .form-group button.btn{ height: 34px; font-size: 14px;}
  .foot_form .form-group button.btn{ margin-top: 20px;}
  .foot_form .form-group{ margin-bottom: 12px;}
  .foot_form .form-group label{ font-size: 14px;}
  .foot_form h5{ font-size: 14px; line-height: 22px; margin-bottom: 15px;}
  .ft_title{ font-size: 20px; left: 86%;}
  .ft_title span strong{ font-size: 30px; line-height: 30px;}
  .ft_title strong{ font-size: 20px;}
  .ft_phone{ font-size: 16px; left: 86%;}
  .ft_phone strong{ font-size: 30px; line-height: 44px;}
  .foot_di{ font-size: 14px;}
  .n_footer p a{ font-size: 14px;}
  .n_footer h4{ font-size: 16px; margin-bottom: 15px;}

  .ban_biao span{ font-size: 46px; letter-spacing: 10px; line-height: 60px;}
  .ban_biao strong{ font-size: 24px;}
  .n_banner ul.ncp li{ margin: 0 5px;}
  .n_banner ul.ncp li a{ padding: 0 10px;}
  .n_banner ul li{ height: 70px;}
  .n_banner ul li a{ font-size: 16px; line-height: 30px;}
  .wz_biao strong{ font-size: 24px; padding-bottom: 10px;}
  .wz_biao span{ font-size: 16px; margin-top: 10px; line-height: 16px;}
  .wz_a a{ font-size: 14px;}
  .vr_quanjing ul li a{ font-size: 16px;}
  .vr_quanjing span{ font-size: 30px; padding-right: 110px;}
  .vr_bg{ padding-top: 0px;}
  .ncp_vr span strong{ font-size: 90px;}
  .ncp_vr span{ font-size: 46px; line-height: 68px;}
  .vr_a{ font-size: 18px;}
  .ncp_vr{ margin-bottom: 100px;}
  .npro_nav ul{ width: calc(100% - 115px);}
  .npro_nav ul li a{ font-size: 14px; line-height: 24px;}
  .npro_nav span{ font-size: 16px; padding: 5px 10px;}
  .npro_nav.shai{ margin-bottom: 20px;}
  .npro_list{ margin-top: 30px;}
  .npro_list .caption{ margin-bottom: 40px;}
  .npro_text{ padding: 10px; font-size: 14px;}
  .n_product h2 strong { font-size: 30px; padding-bottom: 10px; margin-bottom: 10px;}
  .n_product h2 span { font-size: 16px;}
  .npro_nav{ margin-bottom: 20px;}
  .wocao_en { font-size: 46px; line-height: 46px;}
  .wocao_title { margin: 20px 0; padding-bottom: 10px; font-size: 24px;}
  .wocao_text p{ line-height: 30px; font-size: 16px;}
  .tuijian_biao strong { font-size: 24px; padding-bottom: 5px; margin-bottom: 5px;}
  .tuijian_biao span { font-size: 16px;}
  .tuijian_biao{ margin-bottom: 20px;}
  .n_banner ul{ width: 80%;}
  .lc_time{ font-size: 46px; line-height: 46px;}
  .lc_text{ font-size: 14px; line-height: 24px;}
  .lc_img_text p{ font-size: 14px; line-height: 24px; min-height: 96px;}
  .swiper_fanye .swiper-button-next, .swiper_fanye .swiper-button-prev{ font-size: 18px;}
  .n_heib strong{ font-size: 24px;}
  .n_heib span{ font-size: 16px; line-height: 30px;}
  .kb_ywbj_list{ padding: 80px 0; padding-top: 50px;}
  .kb_ywbj_list .container>ul>li ul li a{ padding: 15px 5px; font-size: 14px;}
  .kb_ywbj_list .container>ul>li ul li{ margin: 0 15px;}
  .kb_ywbj_list .container>ul>li>a{ font-size: 16px; padding: 15px 5px;}
  .kb_hezuo{ padding: 100px 0; padding-bottom: 180px;}

  .anli_ny{ padding: 30px 0;}
  .xiangmu_gk h2 {    font-size: 24px;    margin-bottom: 20px;}
  .xiangmu_gk p {  line-height: 30px;  font-size: 14px;}
  .xiangmu_gk{ margin-bottom: 80px;}
  .xiangmu_nav ul li a{ font-size: 18px;}
  .xiangmu_nav ul{ margin-bottom: 40px;}
  .xmimg_li{ width: 30%; margin-bottom: 30px;}
  .nab_title{ font-size: 16px; letter-spacing: 0;}
  .nab_title span{ font-size: 120px; line-height: 120px;}
  .nab_title strong{ font-size: 30px; line-height: 30px; letter-spacing: 2px;}
  .nab_1_number ul li strong{ font-size: 36px; line-height: 36px;}
  .nab_1_number ul li span{ font-size: 16px;}
  .nab_1_number{ margin: 40px 0;}
  .nabout_1 .ty_content p{ font-size: 14px; line-height: 30px;}
  .nab_1_bottom{ margin-top: 40px;}
  .nab_1_bottom .nab_1_number{ margin: 40px 0;}
  .ppys_1 .son_right ul li img{ width: 60px;}
  .ppys_1 .son_right ul li{ padding-left: 90px; margin-bottom: 40px;}
  .ppys_1 .son_right ul li p{ font-size: 14px; line-height: 24px;}
  .ppys_1 .son_right ul li h3{ font-size: 18px;}
  .ppys_1 .son_right ul:after{ left: 30px;}
  .ppys_2{ padding: 30px 0; padding-bottom: 100px;}
  .ppys_3{ padding: 60px 0;}
  .ppys_3 .son_left .gson_text h3{ font-size: 18px;}
  .ppys_3 .son_left .gson_text p{ font-size: 14px; line-height: 24px;}
  .ppys_4 .son_right p{ font-size: 16px; line-height: 30px;}
  .ppys_4 .son_right ul li span{ font-size: 36px; line-height: 36px;}
  .ppys_4 .son_right ul li h5{ font-size: 14px;}
  .ppys_4 .son_right ul{ padding: 30px 0; width: calc(100% + 60px); padding-right: 60px; margin-right: -60px; margin-top: 40px;}
  .ppys_5 .son_text ul li{ width: 24%;}
  .ppys_5 .son_text ul li h3{ font-size: 18px;}
  .ppys_5 .son_text ul li p{ font-size: 14px; line-height: 30px;}
  .ppys_6 .son_right p, .ppys_8 .son_left p{ font-size: 16px; line-height: 30px;}
  .ppys_7 h2 strong, .ppys_9 h2 strong{ font-size: 30px; padding-bottom: 10px;}
  .ppys_9{ padding: 30px 0;}
  .ppys_10{ padding: 30px 0;}
  .ppys_10 .son_left, .ppys_8 .son_right{ width: 50%;}
  .ppys_10 .son_right p{ font-size: 16px; line-height: 30px;}
  .ppys_3, .ppys_5, .ppys_8, .ppys_11, .ppys_12{ overflow: hidden;}
  .ppys_2 .container .swiper-button-next, .ppys_2 .container .swiper-button-prev, .ppys_9 .container .swiper-button-next, .ppys_9 .container .swiper-button-prev{ width: 46px; height: 46px; margin-top: -23px;}
  .ppys_9 .container .swiper-button-next i, .ppys_9 .container .swiper-button-prev i, .ppys_2 .container .swiper-button-next i, .ppys_2 .container .swiper-button-prev i{ line-height: 46px;}
  .ppys_2 .container .swiper-button-next, .ppys_9 .container .swiper-button-next{ right: -46px;}
  .ppys_2 .container .swiper-button-prev, .ppys_9 .container .swiper-button-prev{ left: -46px;}
  .ppys_10 .son_left{ width: 36%;}
  .ppys_10 ul li{ width: 14%; margin: 0 1%;}
  .ppys_10 ul li span{ font-size: 16px;}
  .ppys_11 .son_left p{ font-size: 16px; line-height: 30px;}
  .ppys_12 .son_left{ width: 40%;}
  .ppys_12 .son_right{ width: 60%;}
  .ppys_11 .son_right{ width: 35%;}
  .ppys_11 .son_left{ width: 65%;}
  .ppys_8 .son_right{ width: 40%;}
  .ppys_12 .son_right p{ font-size: 24px;}
  .ppys_12 .son_right p{ font-size: 16px; line-height: 30px;}
  .shzp_1 span{ font-size: 90px;}
  .shzp_1 span strong{ font-size: 46px;}
  .shzp_biao img{ width: 100px;}
  .shzp_biao span{ font-size: 30px; line-height: 30px;}
  .shzp_2 ul li{ padding: 15px 2%;}
  .shzp_2 ul li p{ font-size: 16px; line-height: 24px;}
  .shzp_2 ul li h2{ font-size: 24px; margin: 10px 0;}
  .shzp_2 ul{ margin: 60px 0;}
  .sz_gongzhong .caption{ width: 30%; padding: 30px 15px;}
  .sz_gongzhong .caption i{ width: 80px; height: 80px; font-size: 46px; line-height: 80px;}
  .sz_gongzhong .caption p{ font-size: 16px; line-height: 24px;}
  .sz_gongzhong .caption h2{ font-size: 24px; margin-bottom: 15px;}
  .shzp_3{ padding: 60px 0;}
  .shzp_3 .zhaopin_2{ margin-top: 30px;}
  .xz_biao i{ width: 160px; height: 35px;}
  .xz_biao span{ font-size: 24px; line-height: 46px;height: 46px;}
  .lcys_dw img{ max-width: 30%; margin: 30px auto;}
  .lcys_dw ul{ margin-top: 30px;}
  .lcys_dw ul li{ margin-bottom: 20px;}
  .lcys_dw ul li{ font-size: 14px;}
  .nxz_2 h2 span{ font-size: 30px;}
  .nxz_2 h2 img{ width: 160px;}
  .nxz_2 h2{ font-size: 30px; margin-bottom: 60px; line-height: 46px;}
  .nxz_2 ul li{ padding: 20px;}
  .nxz_2 ul li h3, .nxz_2 ul li h4{ line-height: 30px; font-size: 18px;}
  .nxz_2 ul li i{ font-size: 60px; line-height: 60px;}
  .zhaopin_2{ margin-top: 60px;}

    .n_join .ban_biao span{ font-size: 46px;}
    .n_join .ban_biao p{font-size: 20px;}
    .n_join .n_banner ul{bottom: 0}

    .n_join .con1{padding: 40px 0 80px 0;}
    .n_join .con1 .title{font-size: 30px;line-height: 50px;}
    .n_join .con1 .swiper_con{margin-top: 60px;}
    .n_join .con1 .mySwiper .num span{font-size: 40px;-webkit-text-stroke: 2px #c6a86f;}
    .n_join .con1 .mySwiper .num b{font-size: 24px;}
    .n_join .con1 .mySwiper2 p{font-size: 16px;}
    .n_join .con1 .title:after{height: 8px;margin-top: 0}

    .n_join .con2 .title{font-size: 50px;}
    .n_join .con2 .view{margin-top: -260px; padding-bottom: 80px;}
    .n_join .con2 .list_row .item b{font-size: 20px;}
    .n_join .con2 .list_row .item p{font-size: 14px;}
    .n_join .con2 .list_row .item i{width: 100px;height: 100px;}

    .n_join .con3 .title b{font-size: 40px;line-height: 40px;}
    .n_join .con2 .title b:nth-child(1){left:12.29%;top:66%}
    .n_join .con2 .title b:nth-child(2){left:20.57%;top:57%}
    .n_join .con2 .title b:nth-child(3){left:31.09%;top:54.5%}
    .n_join .con2 .title b:nth-child(4){left:42.86%;top:50%}

    .n_join .con3{padding-top: 40px;}
    .n_join .con3 .list{margin-top: 40px; padding: 40px 0;}
    .n_join .con3 .list_row{padding-bottom: 40px;}
    .n_join .con3 .list_row .item b{font-size: 70px;line-height: 70px;}
    .n_join .con3 .list_row .item p{font-size: 14px;}
    .n_join .con3 .list:after{height: 60px;}

    .n_join .con4{padding: 60px 0}
    .n_join .con4 .title b{font-size: 40px;line-height: 40px;}
    .n_join .con4 .list{margin-top: 60px;}
    .n_join .con4 .list .item .bottom b{font-size: 18px;}
    .n_join .con4 .list .item .bottom p{font-size: 14px;}

    .map_left h4{font-size: 24px;}

    .n_join .con6{padding: 100px 0 60px 0}
    .n_join .con6 .title b{font-size: 40px;line-height: 40px;}
    .n_join .con6 .form_row{margin-top: 30px;}
    .n_join .con6 .form_item{padding-bottom: 10px;font-size: 16px;}
    .n_join .con6 .submit{margin-top: 60px;}
    .n_join .con6 .form_row select{font-size: 16px;}
    .n_join .con6 .form_row input{font-size: 16px;}
    .n_join .con6 .submit{max-width: 100%;margin-top: 30px;}

    
    .lx_text ul li{ font-size: 14px; margin: 10px 0; padding-left: 25px;}
    .lx_text ul li i{ font-size: 20px;}
    .lx_text h4{ font-size: 14px;}
    .ny_biao{ font-size: 24px;}
}
@media (min-width:1201px) and (max-width:1440px) {

  .header.ny .nav_more{ top: 0;}
  .header.ny{ height: 80px;}
  .header.ny .pc_nav>ul>li>a{ height: 80px; line-height: 80px;}

  .header{ height: 80px;}
  .header .container{ padding-left: 210px; padding-right: 210px;}
  .logo{ height: 80px;}
  .pc_nav{ margin-top: 0;}
  .nav_tel_ss a{ margin-left: 20px;}
  .nav_more{ top: 0;}
  .container{ width: calc(100% - 160px); padding: 0;}
  .pc_nav>ul>li>a{ padding: 0 14px;}
  .bai_xian{ right: 30px;}
  .bai_xian span{ font-size: 30px; line-height: 30px;}
  .bai_xian span strong{ font-size: 36px;}
  .bai_xian span strong:after{ width: 2px; height: 50px; left: -10px;}

  .ban_img{ width: 58%; top: 17%;}
  .ban_text{ top: 38%;}
  .ban_text img{ max-width: 30%;}
  .ban_text span{ font-size: 24px;}
  .sab_1_img{ margin-bottom: 30px;}
  .sab_1_img img{ width: 60%;}
  .sab_1_text h3{ margin: 20px 0;}
  .sab_1_text p{ margin-top: 10px; line-height: 24px; font-size: 14px;}
  .s_ab_nav ul li{ width: 14%; margin: 0 20px; height: 120px;}
  .sab_2 li strong{ font-size: 16px; top: calc(100% + 20px);}
  .sab_2 li:nth-child(-n+5){ margin-bottom: 8%;}
  .s_ab_nav ul li span strong{ font-size: 18px;}
  .s_ab_nav ul li span{ font-size: 14px;}
  .sab_3_biao{ left: -75px;}
  .sab_3_biao img{ width: 200px;}
  .slc_time{ font-size: 180px; line-height: 180px; left: 7%;}
  .slc_left{ padding-left: 4%; padding-top: 8%; padding-right: 2%;}
  .slc_left h3{ font-size: 24px; margin-bottom: 20px;}
  .slc_left h4{ font-size: 16px; line-height: 30px;}
  .s_wangluo_text h2, .s_hezuo_text h2{ font-size: 30px;}
  .s_wangluo_text h4, .s_hezuo_text h4{ font-size: 16px;}
  .zhanqu_more{ padding: 15px 0; font-size: 16px;}
  .s_zhanqu:after{ top: calc(50% + 40px);}
  .s_zhanqu .swiper3{ width: calc(100% - 80px); top: calc(50% + 40px);}
  .s_zhanqu .swiper3 .swiper-slide h3{ font-size: 18px; margin-top: 5px; line-height: 24px; margin-bottom: 5px;}
  .s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 30px;}
  .s_zhanqu .swiper3 .swiper-slide h5{ margin-top: 5px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3:after{ left: 60px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2:after { left: 40px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next:after { left: 28px;}
  .s_zhanqu .swiper3 .swiper-slide:after{ left: 85px;}
  .s_hezuo{ top: calc(50% + 40px);}
  .s_hezuo_img{ width: 420px; left: 80px; top: 20px;}
  .s_kehu_list ul li{ margin: 0.5% 0;}
  .tab_biao ul li{ margin-right: 30px;}
  .tab_biao ul li a{ font-size: 18px; padding-bottom: 10px;}
  .hz_tab{ padding: 20px 0;}
  .s_kehu_list.active{ min-height: 310px;}
  .s_lvyue_list.active{ height: 310px;}
  .s_kehu_list h5{ font-size: 14px;}
  .s_lvyue_list ul li{ width: 230px; height: 238px;}
  .lvyue_name{ font-size: 14px; line-height: 20px;}
  .series_text h2{ font-size: 24px; line-height: 34px;}
  .series_text h2 strong{ font-size: 30px;}
  .series_text{ padding: 20px 80px;}
  .series_text p{ line-height: 24px; font-size: 14px;}
  .s_series .gallery-thumbs .swiper-slide span img{ width: 50px;}
  .s_series .gallery-thumbs .swiper-slide span{ font-size: 16px;}
  .s_series .dw_swiper{ padding-right: 16%;}
  .s_news .container{ top: calc(50% + 40px);}
  .snew_biao{ margin-bottom: 20px;}
  .snew_biao strong{ font-size: 54px; line-height: 54px; margin-bottom: 15px;}
  .snew_biao a{ font-size: 14px;}
  .snew_head h2{ font-size: 24px;}
  .snew_head p{ line-height: 28px; font-size: 15px;}
  .new_deng{ width: 150px; top: 80px;}
  .snew_head h2:after{ height: 2px;}
  .new_time{ margin: 8px 0;}
  .new_text h4{ font-size: 14px; margin: 8px 0; line-height: 20px;}
  .new_text h5{ font-size: 14px;}
  .footer{ padding: 30px 0;}
  .foot_form .form-control, .foot_form .form-group button.btn{ height: 40px; font-size: 14px;}
  .foot_form .form-group button.btn{ margin-top: 30px;}
  .foot_form .form-group{ margin-bottom: 15px;}
  .foot_form .form-group label{ font-size: 14px;}
  .foot_form h5{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
  .ft_title{ font-size: 20px; left: 86%;}
  .ft_title span strong{ font-size: 36px; line-height: 36px;}
  .ft_title strong{ font-size: 24px;}
  .ft_phone{ font-size: 18px; left: 86%;}
  .ft_phone strong{ font-size: 36px; line-height: 46px;}
  .foot_di{ font-size: 14px;}
  
  /* 内页开始 */
  .n_banner{ margin-top: 80px;}
  .ban_biao span{ font-size: 46px; line-height: 60px;}
  .ban_biao strong{ font-size: 24px; line-height: 30px;}

    .n_join .ban_biao span{ font-size: 46px;}
    .n_join .ban_biao p{font-size: 20px;}

    .n_join .n_banner ul{bottom: 0}
  .n_banner ul.ncp li a{ font-size: 16px; padding: 0 10px;}

  .weizhi{ margin: 30px 0;}
  .wz_biao strong{ font-size: 24px; line-height: 24px;}
  .wz_biao span{ font-size: 18px; line-height: 18px;}
  .wz_a a{ font-size: 14px;}
  .n_product{ padding-top: 40px;}
  .n_product h2 strong{ font-size: 36px;}
  .n_product h2 span{ font-size: 18px;}
  .ncp_vr{ margin-bottom: 160px;}
  .ncp_vr span strong{ font-size: 80px;}
  .ncp_vr span{ font-size: 60px; line-height: 80px;}
  .vr_a{ font-size: 16px;}
  .npro_nav{ margin-bottom: 20px;}
  .npro_nav span{ font-size: 20px;}
  .npro_nav ul li a{ font-size: 16px;}
  .npro_text{ font-size: 16px;}
  .npro_list .caption{ margin-bottom: 40px;}
  .wocao_en{ font-size: 46px; line-height: 50px;}
  .wocao_title{ margin: 30px 0; font-size: 24px;}
  .wocao_text p{ line-height: 30px; font-size: 16px;}
  .wocao_text p:after{ top: 12px;}
  .tuijian_biao strong{ font-size: 24px;}
  .tuijian_biao span{ font-size: 18px;}
  .n_banner ul li{ margin: 0 20px;}
  .n_banner ul li a{ font-size: 16px;}
  .lc_time{ font-size: 46px; line-height: 46px;}
  .lc_text{ font-size: 16px; line-height: 24px;}
  .nabout_3 .swiper2{ left: 14%;}
  .swiper_fanye{ left: 41%;}
  .nab_title{ font-size: 20px;}
  .nab_title span{ font-size: 240px; line-height: 200px;}
  .nab_title strong{ font-size: 46px; line-height: 46px; margin-top: -60px;}
  .nab_1_number ul li strong{ font-size: 60px;}
  .nab_1_number{ margin: 60px 0; margin-top: 80px;}
  .vr_quanjing span{ font-size: 36px;}
  .vr_quanjing ul li a{ font-size: 16px;}
  .npro_nav.shai{ margin-bottom: 25px;}


  /* 工程案例 */
  .n_heib strong{ font-size: 24px;}
  .n_heib span{ font-size: 14px;}
  .kb_ywbj img{ max-width: 70%;}
  .kb_ywbj_list{ padding: 80px 0;}
  .kb_ywbj_list .container>ul>li>a{ padding: 10px 5px; font-size: 16px;}
  .kb_ywbj_list .container>ul>li ul li a{ padding: 15px 5px; font-size: 14px;}
  .kb_hezuo{ padding: 120px 0; padding-bottom: 160px;}
  .n_heib strong{ margin-bottom: 0;}

  /* 校园招聘 */
  .xz_biao span{ font-size: 30px;}
  .xz_biao i{ height: 52px;}
  .lcys_dw img{ margin-bottom: 60px; max-width: 30%;}
  .lcys_dw ul{ margin-top: 40px;}
  .lcys_dw ul li{ margin-bottom: 40px;}
  .nxz_2 h2 img{ width: 190px;}
  .nxz_2 h2{ font-size: 30px;}
  .nxz_2 h2 span{ font-size: 36px;}
  .nxz_2 ul li{ padding: 30px;}
  .nxz_2 ul li h3{ font-size: 20px;}
  .nxz_2 ul li h4{ font-size: 20px;}

  /* 社会招聘 */
  .shzp_1 span{ font-size: 90px; top: 39%;}
  .shzp_1 span strong{ font-size: 46px;}
  .shzp_biao img{ width: 120px;}
  .shzp_biao span{ font-size: 36px;}
  .shzp_2 ul{ margin: 60px 0;}
  .shzp_2 ul li h2{ font-size: 26px;}
  .shzp_2 ul li p{ font-size: 16px; line-height: 30px;}
  .sz_gongzhong .caption{ width: 26%;}
  .sz_gongzhong .caption i{ font-size: 46px; width: 90px; height: 90px; line-height: 86px;}
  .sz_gongzhong .caption h2{ font-size: 24px; margin: 20px 0;}
  .sz_gongzhong .caption p{ font-size: 16px; line-height: 30px;}
  .shzp_3{ padding: 30px 0; padding-top: 80px;}
  .shzp_3 .zhaopin_2{ margin-top: 60px;}

  /* 品牌优势 */
  .ppys_5 .son_text ul li{ width: 18%;}
  .ppys_5 .son_text ul li h3{ font-size: 20px;}


    .n_join .con1{padding: 100px 0 160px 0;}
    .n_join .con1 .title{font-size: 46px;line-height: 70px;}
    .n_join .con1 .swiper_con{margin-top: 100px;}
    .n_join .con1 .mySwiper .num span{font-size: 80px;}
    .n_join .con1 .mySwiper .num b{font-size: 34px;}
    .n_join .con1 .mySwiper2 p{font-size: 20px;}
    .n_join .con2 .title{font-size: 60px;}
    .n_join .con2 .view{margin-top: -260px; padding-bottom: 172px;}

    .n_join .con2 .list_row .item i{width: 100px;height: 100px;}

    .n_join .con3 .title b{font-size: 60px;}
    .n_join .con2 .title b:nth-child(1){left:12.29%;top:66%}
    .n_join .con2 .title b:nth-child(2){left:20.57%;top:57%}
    .n_join .con2 .title b:nth-child(3){left:31.09%;top:54.5%}
    .n_join .con2 .title b:nth-child(4){left:42.86%;top:50%}

    .n_join .con3{padding-top: 60px;}
    .n_join .con3 .list{margin-top: 60px; padding: 60px 0;}
    .n_join .con3 .list_row{padding-bottom: 60px;}
    .n_join .con3 .list_row .item b{font-size: 90px;line-height: 90px;}

    .n_join .con4{padding: 60px 0}
    .n_join .con4 .title b{font-size: 60px;}
    .n_join .con4 .list{margin-top: 80px;}

    .n_join .con6{padding: 100px 0 60px 0}
    .n_join .con6 .title b{font-size: 60px;}
    .n_join .con6 .form_row{margin-top: 50px;}
    .n_join .con6 .form_item{padding-bottom: 10px;}
    .n_join .con6 .submit{margin-top: 60px;}

    
  .lx_text ul li{ font-size: 14px; margin: 10px 0; padding-left: 25px;}
  .lx_text ul li i{ font-size: 20px;}
  .lx_text h4{ font-size: 14px;}
  .ny_biao{ font-size: 24px;}
}
@media (min-width:1441px) and (max-width:1800px) {
  .header.ny{ height: 80px;}
  .header.ny .nav_more{ top: 0;}
  .header.ny{ height: 80px;}
  .header.ny .pc_nav>ul>li>a{ height: 80px; line-height: 80px;}
  .header.ny .logo{ height: 80px;}

  .pc_nav>ul>li>a{ padding: 0 15px;}
  .ban_img{ width: 58%; top: 17%;}
  .ban_text span{ font-size: 28px;}
  .sab_1_img{ margin-bottom: 40px;}
  .sab_1_img img{ width: 65%;}
  .sab_1_text h3{ margin: 25px 0;}
  .sab_1_text p{ margin-top: 20px;}
  .s_ab_nav ul li{ width: 12%;}
  .sab_2 li strong{ font-size: 18px;}
  .sab_2 li:nth-child(-n+5){ margin-bottom: 8%;}
  .sab_3_biao img{ width: 250px;}
  .slc_time{ font-size: 240px; line-height: 240px; left: 13%;}
  .slc_left{ padding-left: 7.8%;}
  .slc_left h3{ font-size: 24px;}
  .slc_left h4{ font-size: 16px;}
  .s_wangluo_text h2, .s_hezuo_text h2{ font-size: 36px;}
  .s_wangluo_text h4, .s_hezuo_text h4{ font-size: 16px;}
  .zhanqu_more{ padding: 20px 0; font-size: 18px;}
  .s_zhanqu .swiper3 .swiper-slide h3{ font-size: 22px; margin-top: 10px;}
  .s_zhanqu .swiper3 .swiper-slide h3 strong{ font-size: 40px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next3:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev3:after{ left: 68px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next2:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev2:after { left: 44px;}
  .s_zhanqu .swiper3 .swiper-slide.swiper-slide-next:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-prev:after, .s_zhanqu .swiper3 .swiper-slide.swiper-slide-duplicate-next:after { left: 30px;}
  .s_zhanqu .swiper3 .swiper-slide:after{ left: 95px;}
  .s_hezuo_img{ width: 560px;}
  .s_kehu_list ul li{ margin: 0.5% 0;}
  .tab_biao ul li a{ font-size: 24px;}
  .s_kehu_list.active{ min-height: 400px;}
  .s_lvyue_list.active{ height: 400px;}
  .s_lvyue_list ul li{ width: 280px; height: 290px;}
  .lvyue_name{ font-size: 16px; line-height: 24px;}
  .series_text h2{ font-size: 30px; line-height: 40px;}
  .series_text h2 strong{ font-size: 38px;}
  .series_text{ padding: 25px 130px;}
  .s_series .gallery-thumbs .swiper-slide span{ font-size: 18px;}
  .s_news .container{ top: calc(50% + 53px);}
  .snew_biao{ margin-bottom: 30px;}
  .snew_biao strong{ font-size: 64px; line-height: 64px; margin-bottom: 20px;}
  .snew_biao a{ font-size: 16px;}
  .snew_head h2{ font-size: 24px;}
  .new_deng{ width: 180px;}
  .snew_head h2:after{ height: 2px;}
  .new_text h5{ font-size: 14px;}
  .footer{ padding: 30px 0;}
  .foot_form .form-control, .foot_form .form-group button.btn{ height: 50px; font-size: 16px;}
  .foot_form .form-group button.btn{ margin-top: 40px;}
  .foot_form .form-group label{ font-size: 16px;}
  .foot_form .form-group{ margin-bottom: 20px;}
  .ft_title{ font-size: 24px;}
  .ft_title span strong{ font-size: 40px; line-height: 40px;}
  .ft_title strong{ font-size: 30px;}
  .ft_phone strong{ font-size: 46px; line-height: 56px;}
  .foot_di{ font-size: 14px;}

  /* 内页开始 */
  .n_banner{ margin-top: 80px;}
  .vr_quanjing{ margin: 30px 0; margin-bottom: 40px;}
  .vr_quanjing span{ font-size: 36px;}
  .vr_quanjing ul li a{ font-size: 18px;}
  .ncp_vr span{ font-size: 100px; line-height: 100px;}
  .ncp_vr span strong{ font-size: 140px; line-height: 140px;}
  .ncp_vr{ margin-bottom: 240px;}
  .npro_nav.shai{ margin-bottom: 30px;}
  .npro_nav span{ font-size: 20px;}
  .npro_nav ul li a{ font-size: 18px;}
  .n_product{ padding-top: 40px;}
  .weizhi{ margin: 30px 0;}
  .n_banner ul li a{ font-size: 18px;}
  .ban_biao span{ font-size: 60px; line-height: 100px;}
  .ban_biao strong{ font-size: 24px; line-height: 24px;}
  .wz_biao strong{ font-size: 24px;}
  .wz_biao span{ font-size: 18px;}
  .nabout_4 .swiper1{ margin: 8% 2%; margin-bottom: 15%;}
  .nab_title{ font-size: 20px;}
  .nab_title span{ font-size: 240px; line-height: 200px;}
  .nab_title strong{ font-size: 46px; line-height: 46px; margin-top: -60px;}
  .nab_1_number ul li strong{ font-size: 60px;}
  .nab_1_number{ margin: 60px 0; margin-top: 80px;}
  .lc_time{ font-size: 46px; line-height: 46px;}
  .lc_text{ font-size: 16px; line-height: 24px;}
  .wocao_en{ font-size: 46px; line-height: 50px;}
  .wocao_title{ margin: 30px 0; font-size: 24px;}
  .wocao_text p{ line-height: 30px; font-size: 16px;}
  .wocao_text p:after{ top: 12px;}
  .tuijian_biao strong{ font-size: 24px;}
  .tuijian_biao span{ font-size: 18px;}


  /* 工程案例 */
  .n_heib strong{ font-size: 30px;}
  .n_heib span{ font-size: 16px;}
  .kb_ywbj img{ max-width: 80%;}
  .kb_ywbj_list{ padding: 100px 0;}
  .kb_ywbj_list .container>ul>li>a{ padding: 15px 5px; font-size: 18px;}
  .kb_ywbj_list .container>ul>li ul li a{ padding: 20px 5px; font-size: 14px;}
  .kb_hezuo{ padding: 120px 0; padding-bottom: 160px;}



}


@media (min-width:1441px){

}

@media (max-width:991px) {


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

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