:root {
    --main-color: #f49800;
}
@media (max-width:767px){
body{ padding-top:60px !important;}
.header.active .logo{ height:60px !important;}
.header.active .navs ul li>a{ line-height:36px !important;}

.header{ height:60px !important;}
.logo {width: 120px !important; height: 60px !important; margin-left:-15px !important; padding-left: 15px !important;}
.header_right{width:100% !important; padding-top: 20px !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:var(--main-color) !important; display:none; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.header_right.active{ display:block;}
.navs { width: 100% !important; float:none !important;}
.navs ul li{ text-align:center !important; display: block !important; margin-right: 0 !important;}
.navs ul li a{ line-height:36px !important; color: #fff !important;}
.navs ul li>a:after{ display: none !important; }
.navs ul li>a{ background:none !important; }

.nav_more{ float:none !important; padding-top:15px !important; line-height: 40px !important; padding-bottom:30px !important; text-align:center !important;}
.nav_more .nav_seach{ float: none !important; color: #fff !important; display: inline-block;}
.nav_more .nav_lang{ float: none !important; color: #fff !important; display: inline-block;}
.nav_more .nav_lang a{ color: #fff !important; background:none !important;}
.nav_more .nav_seach:hover i{ color: #fff;}
.ss_box{ left: -30px !important; right: auto !important; top: 100% !important; height: 34px !important;}
.ss_box input{ border: none !important; height: 34px !important; background: rgba(255,255,255,0.85) !important; color: var(--main-color) !important;}
.ss_box button{ background: #f7f7f7 !important; height: 34px !important; color: var(--main-color) !important;}

.san{ height:60px; width:24px; position:relative;}
.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:var(--main-color);}
.san:after{ width:24px; height:4px; background:var(--main-color); content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
.san:before{ width:24px; height:4px; background:var(--main-color); content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}
.san.active:after{ opacity:1;}
.san.active:before{ opacity:1;}
.san.active i{ opacity:0;}

.s_banner{ margin-top: 0px !important; }
.s_banner .swiper1 .swiper-slide a{ padding-top: 45% !important;}
.s_banner .swiper1 .swiper-slide .container{ display: none !important;}
.s_banner .swiper1 .swiper-pagination1{ bottom: 5px !important; padding-left: 0 !important; padding-right: 15px !important; text-align: right !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ width: 4px !important; height: 8px !important; margin-right: 10px !important; border-radius: 4px !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 12px !important;}
.s_product{ padding: 30px 0 !important;}
.en_biao h3{ font-size: 18px !important;}
.en_biao h2{ font-size: 24px !important;}
.s_product ul li{ margin: 0 !important;}
.s_product .yumi{ width: 50px !important;}
.s_product .qingjiao{ width: 60px !important;}
.s_product .baicai{ width: 40px !important;}
.s_product ul{ margin-bottom: 0 !important;}
.s_about{ padding: 50px 0  !important;}
.s_about .container{ position: static !important; transform: translateY(0) !important;}
.sab_text p{ margin-top: 20px !important; line-height: 30px !important;}
.s_news{ padding: 40px 0 !important;}
.new_text{ padding-top: 10px !important;}
.new_text h4{ font-size: 16px !important; margin-bottom: 10px !important;}
.new_text h5{ margin-bottom: 15px !important;}
.new_text p{ font-size: 14px !important; line-height: 24px !important; height: 48px !important;}
.new_text{ padding-bottom: 20px !important;}

.ftdi{ padding: 15px 0 !important; margin-top: 0 !important; border-top: none;}
.ftdi .text-right{ text-align: center !important;}
.footer{ padding-top: 0px !important;}

/* 内页样式开始 */
.n_banner{ margin-top: 0 !important;}
.n_banner .container span{ font-size: 18px !important;}
.weizhi{ padding: 15px 0 !important;}
.weizhi .row .col-sm-5{ display: none !important;}
.weizhi .text-right a{ margin: 0 5px !important;}
.weizhi .text-right{ text-align: center !important;}
.n_about{ padding: 30px 0 !important;}
.ny_biao h2 strong{ font-size: 24px !important; margin-bottom: 10px !important;}
.ny_biao h2{ font-size: 18px !important; padding-bottom: 20px !important;}
.nab_right, .nab_left{ width: 100% !important;}
.nab_left .caption span{ font-size: 24px !important; line-height: 40px !important;}
.nab_left .caption span sub{ font-size: 14px !important;}
.nab_left .row{ margin-top: 30px !important;}
.nab_left .caption h5{ font-size: 14px !important;}
.nab_right img{ margin-top: 20px !important;}
.n_licheng{ padding: 0 !important;}
.n_licheng .container{ padding: 15px !important;}
.lc_list{ padding:75px 0 !important; padding-bottom: 5px !important;}
.lc_li{ padding-left: 90px !important;}
.lc_li strong{ font-size: 24px !important;}
.lc_list .time_ico{ left: 73px !important;}
.lc_li:before{ left: 70px !important;}
.lc_li:after{ left: 67px !important;}
.nh_pd{ padding: 15px !important;}
.nh_left .ny_biao h2 strong{ line-height: 16px !important;}
.nh_swiper .swiper1 .swiper-slide{ padding: 40px 20px !important;}
.nh_swiper .swiper1, .nh_swiper .swiper2{ height: 560px !important;}
.nh_swiper .swiper1 .swiper-button-prev1{ left: 15px !important;}
.nh_swiper .swiper1 .swiper-button-next1{ left: 60px !important;}
.nh_swiper .swiper1 .swiper-slide h2{ font-size: 24px !important; margin-bottom: 20px !important;}
.n_product .container{ position: relative;}
.ny_nav{ position: absolute; left: -65%; top: 0; background: #fff; width: 65%; z-index: 3; padding: 0 15px !important; transition: all 0.3s;}
.ny_nav.active{ left: 0; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.ny_daohang{ position: absolute; left: calc(100% + 1px); top:0;}
.ny_daohang span{ display: inline-block; padding: 4px 8px; background: var(--main-color); color: #fff; border-radius: 4px; white-space: nowrap;}

.ny_nav_lei{ padding-top: 5px !important;}
.ny_nav ul li{ margin-bottom: 5px !important;}
.ny_nav ul li a{ font-size: 14px !important;}
.ny_nav h4{ font-size: 15px !important; padding-bottom: 10px !important; margin-bottom: 12px !important;}
.ny_nav h4 i{ font-size: 18px !important;}
.cpn_right h3{ font-size: 18px !important;}
.cpn_tab ul li a{ padding:0 15px !important; font-size: 16px !important;}
.sc_content ul li{ padding:0 5px !important;}
.sc_content ul li a{ font-size: 14px !important;}
.sc_swiper{ padding-left: 0 !important;}
.sc_swiper span{ position: static !important; transform: translateY(0) !important; font-size: 18px !important;}
.sc_swiper .swiper-button-next1, .sc_swiper .swiper-button-prev{ width: 40px !important; height: 40px !important;}
.sc_swiper .swiper-button-next1 i, .sc_swiper .swiper-button-prev i{ line-height: 36px !important; font-size: 18px !important;}
.sc_swiper .swiper-button-prev1{ left: 0 !important;}
.sc_swiper span:after{ display: none !important;}
.n_down .ny_biao img{ width: 100px !important;}
.down_li{ font-size: 16px !important; padding: 15px !important; padding-right: 80px !important;}
.down_li img{ display: none !important;}
.down_li a{ padding-left: 15px !important;}
.down_li i{ font-size: 18px !important; margin-right: 5px !important;}
.down_li a:after{ height: 100% !important; top: 0 !important;}
.n_new{ padding: 30px 0 !important;}
.nnew_li{ padding: 0 !important;}
.sj_time{ padding: 0; margin: 0; font-size: 0; margin-bottom: 30px !important;}
.sj_time li{ list-style: none; display: inline-block; margin-right: 5px;}
.sj_time li a{ font-size: 16px; color: #666; padding: 0 5px; display: block;}
.sj_time li.active a{ color: var(--main-color); font-weight: bold;}
.nnew_text h4{ font-size: 16px !important;}
.nnew_content{ padding: 15px !important;}
.nnew_content>h2{ font-size: 18px !important;}
.nnew_content>h5{ margin-top: 15px !important;}
.n_join{ padding: 30px 0 !important;}
.n_join h2{ padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 20px !important;}
.lx_caption{ width: 100% !important; padding: 15px !important;}
.my-map{ height: 360px !important;}
.lx_caption h3{ margin: 15px 0 !important; font-size: 18px !important;}
.ly_content{ padding: 15px !important;}
.n_join .ly_content h2{ font-size: 24px !important;}
.n_join .ly_content h4{ font-size: 16px !important; line-height: 24px !important;}
.ly_content button.form-control{ height: 46px !important;}
.n_join .caption{ padding-left: 130px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.n_join .caption h5{ font-size: 16px !important; line-height: 30px !important;}
.n_join .caption:after{ width: 80px !important; height: 80px !important;}
.join_content{ padding: 20px !important;}

iframe{ height:300px !important;}
/*.fanye{ text-align: center !important;}*/
/*.fanye a{ padding: 4px 8px !important; }*/

}


@media (min-width:768px) and (max-width:991px) {

body{ padding-top:60px !important;}
.header.active .logo{ height:60px !important;}
.header.active .navs ul li>a{ line-height:36px !important;}

.header{ height:60px !important;}
.logo {width: 120px !important; height: 60px !important; margin-left:-15px !important; padding-left: 15px !important;}
.header_right{width:100% !important; padding-top: 20px !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:var(--main-color) !important; display:none; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.header_right.active{ display:block;}
.navs { width: 100% !important; float:none !important;}
.navs ul li{ text-align:center !important; display: block !important; margin-right: 0 !important;}
.navs ul li a{ line-height:36px !important; color: #fff !important;}
.navs ul li>a:after{ display: none !important; }
.navs ul li>a{ background:none !important; }

.nav_more{ float:none !important; padding-top:15px !important; line-height: 40px !important; padding-bottom:30px !important; text-align:center !important;}
.nav_more .nav_seach{ float: none !important; color: #fff !important; display: inline-block;}
.nav_more .nav_lang{ float: none !important; color: #fff !important; display: inline-block;}
.nav_more .nav_lang a{ color: #fff !important; background:none !important;}
.nav_more .nav_seach:hover i{ color: #fff;}
.ss_box{ left: -30px !important; right: auto !important; top: 100% !important; height: 34px !important;}
.ss_box input{ border: none !important; height: 34px !important; background: rgba(255,255,255,0.85) !important; color: var(--main-color) !important;}
.ss_box button{ background: #f7f7f7 !important; height: 34px !important; color: var(--main-color) !important;}

.san{ height:60px; width:24px; position:relative;}
.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:var(--main-color);}
.san:after{ width:24px; height:4px; background:var(--main-color); content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
.san:before{ width:24px; height:4px; background:var(--main-color); content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}
.san.active:after{ opacity:1;}
.san.active:before{ opacity:1;}
.san.active i{ opacity:0;}

.s_banner{ margin-top: 0px !important; }
.s_banner .swiper1 .swiper-slide a{ padding-top: 45% !important;}
.s_banner .swiper1 .swiper-slide .container{ display: none !important;}
.s_banner .swiper1 .swiper-pagination1{ bottom: 5px !important; padding-left: 0 !important; padding-right: 15px !important; text-align: right !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ width: 4px !important; height: 8px !important; margin-right: 10px !important; border-radius: 4px !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 12px !important;}
.s_product{ padding: 30px 0 !important;}
.en_biao h3{ font-size: 18px !important;}
.en_biao h2{ font-size: 24px !important;}
.s_product ul li{ margin: 0 !important;}
.s_product .yumi{ width: 50px !important;}
.s_product .qingjiao{ width: 60px !important;}
.s_product .baicai{ width: 40px !important;}
.s_product ul{ margin-bottom: 0 !important;}
.s_about{ padding: 50px 0  !important;}
.s_about .container{ position: static !important; transform: translateY(0) !important;}
.sab_text p{ margin-top: 20px !important; line-height: 30px !important;}
.s_news{ padding: 40px 0 !important;}
.new_text{ padding-top: 10px !important;}
.new_text h4{ font-size: 16px !important; margin-bottom: 10px !important;}
.new_text h5{ margin-bottom: 15px !important;}
.new_text p{ font-size: 14px !important; line-height: 24px !important; height: 48px !important;}
.new_text{ padding-bottom: 20px !important;}

.ftdi{ padding: 15px 0 !important; margin-top: 0 !important; border-top: none;}
.ftdi .text-right{ text-align: center !important;}
.footer{ padding-top: 0px !important;}

/* 内页样式开始 */
.n_banner{ margin-top: 0 !important;}
.n_banner .container span{ font-size: 18px !important;}
.weizhi{ padding: 15px 0 !important;}
.weizhi .text-right a{ margin: 0 5px !important;}
.n_about{ padding: 30px 0 !important;}
.ny_biao h2 strong{ font-size: 24px !important; margin-bottom: 10px !important;}
.ny_biao h2{ font-size: 18px !important; padding-bottom: 20px !important;}
.nab_right, .nab_left{ width: 100% !important;}
.nab_left .caption span{ font-size: 24px !important; line-height: 40px !important;}
.nab_left .caption span sub{ font-size: 14px !important;}
.nab_left .row{ margin-top: 30px !important;}
.nab_left .caption h5{ font-size: 14px !important;}
.nab_right img{ margin-top: 20px !important;}
.n_licheng{ padding: 0 !important;}
.n_licheng .container{ padding: 15px !important;}
.lc_list{ padding:75px 0 !important; padding-bottom: 5px !important;}
.lc_li{ padding-left: 90px !important;}
.lc_li strong{ font-size: 24px !important;}
.lc_list .time_ico{ left: 73px !important;}
.lc_li:before{ left: 70px !important;}
.lc_li:after{ left: 67px !important;}
.nh_pd{ padding: 15px !important;}
.nh_left .ny_biao h2 strong{ line-height: 16px !important;}
.nh_swiper .swiper1 .swiper-slide{ padding: 40px 20px !important;}
.nh_swiper .swiper1, .nh_swiper .swiper2{ height: 560px !important;}
.nh_swiper .swiper1 .swiper-button-prev1{ left: 15px !important;}
.nh_swiper .swiper1 .swiper-button-next1{ left: 60px !important;}
.nh_swiper .swiper1 .swiper-slide h2{ font-size: 24px !important; margin-bottom: 20px !important;}
.n_product .container{ position: relative;}
.ny_nav{ position: absolute; left: -65%; top: 0; background: #fff; width: 65%; z-index: 3; padding: 0 15px !important; transition: all 0.3s;}
.ny_nav.active{ left: 0; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.ny_daohang{ position: absolute; left: calc(100% + 1px); top:0;}
.ny_daohang span{ display: inline-block; padding: 4px 8px; background: var(--main-color); color: #fff; border-radius: 4px; white-space: nowrap;}
.ny_nav_lei{ padding-top: 5px !important;}
.ny_nav ul li{ margin-bottom: 5px !important;}
.ny_nav ul li a{ font-size: 14px !important;}
.ny_nav h4{ font-size: 15px !important; padding-bottom: 10px !important; margin-bottom: 12px !important;}
.ny_nav h4 i{ font-size: 18px !important;}
.cpn_right h3{ font-size: 18px !important;}
.cpn_tab ul li a{ padding:0 15px !important; font-size: 16px !important;}
.sc_content ul li{ padding:0 5px !important;}
.sc_content ul li a{ font-size: 14px !important;}
.sc_swiper{ padding-left: 0 !important;}
.sc_swiper span{ position: static !important; transform: translateY(0) !important; font-size: 18px !important;}
.sc_swiper .swiper-button-next1, .sc_swiper .swiper-button-prev{ width: 40px !important; height: 40px !important;}
.sc_swiper .swiper-button-next1 i, .sc_swiper .swiper-button-prev i{ line-height: 36px !important; font-size: 18px !important;}
.sc_swiper .swiper-button-prev1{ left: 0 !important;}
.sc_swiper span:after{ display: none !important;}
.n_down .ny_biao img{ width: 200px !important;}
.down_li{ font-size: 16px !important; padding: 15px !important; padding-right: 80px !important;}
.down_li img{ display: none !important;}
.down_li a{ padding-left: 15px !important;}
.down_li i{ font-size: 18px !important; margin-right: 5px !important;}
.down_li a:after{ height: 100% !important; top: 0 !important;}
.n_new{ padding: 30px 0 !important;}
.nnew_li{ padding: 0 !important;}
.nnew_text p:last-child{ display: none !important;}
.sj_time{ padding: 0; margin: 0; font-size: 0; margin-bottom: 30px !important;}
.sj_time li{ list-style: none; display: inline-block; margin-right: 5px;}
.sj_time li a{ font-size: 16px; color: #666; padding: 0 5px; display: block;}
.sj_time li.active a{ color: var(--main-color); font-weight: bold;}
.nnew_text h4{ font-size: 16px !important;}
.nnew_content{ padding: 15px !important;}
.nnew_content>h2{ font-size: 18px !important;}
.nnew_content>h5{ margin-top: 15px !important;}
.n_join{ padding: 30px 0 !important;}
.n_join h2{ padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 20px !important;}
.lx_caption{ width: 100% !important; padding: 15px !important;}
.my-map{ height: 360px !important;}
.lx_caption h3{ margin: 15px 0 !important; font-size: 18px !important;}
.ly_content{ padding: 15px !important;}
.n_join .ly_content h2{ font-size: 24px !important;}
.n_join .ly_content h4{ font-size: 16px !important; line-height: 24px !important;}
.ly_content button.form-control{ height: 46px !important;}
.n_join .caption{ padding-left: 130px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
.n_join .caption h5{ font-size: 16px !important; line-height: 30px !important;}
.n_join .caption:after{ width: 80px !important; height: 80px !important;}
.join_content{ padding: 20px !important;}

iframe{ height:300px !important;}
/*.fanye{ text-align: center !important;}*/
/*.fanye a{ padding: 4px 8px !important; }*/

	}


@media (min-width:991px) and (max-width:1200px) {
	.navs ul li{ margin-right: 10px !important;}
	.navs { width: calc(100% - 80px) !important;}
	.nav_lang{ margin-left: 20px !important;}
	.s_banner .swiper1 .swiper-slide a{ padding-top: 45% !important; height: auto !important;}
	.s_banner .swiper1 .swiper-slide .container h2{ font-size: 24px !important;}
	.s_banner .swiper1 .swiper-slide .container h3{ font-size: 16px !important;}
	.s_banner .swiper1 .swiper-pagination1{ bottom: 5px !important; padding-left: 0 !important; padding-right: 15px !important; text-align: right !important;}
	.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ width: 4px !important; height: 8px !important; margin-right: 10px !important; border-radius: 4px !important;}
	.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 12px !important;}
	.nab_left .caption span{ font-size: 26px !important;}
	.nab_left .caption span sub{ font-size: 14px !important;}
	.nab_left .row{ margin-top: 30px !important;}
	.n_banner .container span{ font-size: 30px !important;}
	.ny_biao h2{ font-size: 24px !important;}
	.ny_biao h2 strong{ font-size: 50px !important;}
	.sc_swiper span{ width: 12% !important; font-size: 24px !important;}
	.down_li{ font-size: 18px !important;}
	.nh_right ul li{ margin: 10px 0 !important;}
	.n_new .nh_right{ padding: 0 40px !important; min-height: 600px !important;}
	.nh_right h4{ padding-top: 30px !important;}
	.nnew_text h4{ font-size: 16px !important; margin-top: 5px !important;}
	.nnew_text p{ line-height: 24px !important;overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;}
	.nnew_content>h2{ font-size: 20px !important;}
	.nnew_content>h5{ margin-top: 20px !important; font-size: 14px !important;}
	.new_text h4{ font-size: 16px !important; margin-bottom: 10px !important;}
	.new_text p{ font-size: 14px !important; line-height: 24px !important; height: 48px !important;}
	.my-map{ height: 500px !important;}
	.ly_content{ padding: 80px !important; padding-top: 30px !important;}
	.n_join .caption{ padding-left: 130px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
	.n_join .caption h5{ font-size: 16px !important; line-height: 30px !important;}
	.n_join .caption:after{ width: 80px !important; height: 80px !important;}
	.nh_right{ padding: 0 40px !important;}
	.nh_swiper .swiper1 .swiper-slide{ padding: 15px !important;}
	.nh_swiper .swiper1 .swiper-button-prev1{ left: 15px !important;}
	.nh_swiper .swiper1 .swiper-button-next1{ left: 60px !important;}
	.nh_swiper .swiper1 .swiper-slide h2{ font-size: 24px !important; margin-bottom: 20px !important;}
	.lx_caption{ padding-top: 80px !important;}
	.lx_caption h3{ margin: 30px 0 !important;}
	

	
	.ny_nav_lei{ padding-top: 5px !important;}
	.ny_nav ul li{ margin-bottom: 5px !important;}
	.ny_nav ul li a{ font-size: 14px !important;}
	.ny_nav h4{ font-size: 12px !important; padding-bottom: 10px !important; margin-bottom: 12px !important;}
	.ny_nav h4 i{ font-size: 18px !important;}
	/* 内页样式开始 */

	iframe{ height:300px !important;}
	/*.fanye{ text-align: center !important;}*/
	/*.fanye a{ padding: 4px 8px !important; }*/


	}

@media (min-width:1200px) and (max-width:1440px) {
	
	.navs{ width:calc(100% - 90px) !important;}
	.nav_lang{ margin-left: 30px !important;}
	.navs ul li{ margin-right: 20px !important;}
	.navs ul li a{ font-size: 15px !important;}


	.s_banner .swiper1 .swiper-slide .container h2{ font-size: 24px !important;}
	.s_banner .swiper1 .swiper-slide .container h3{ font-size: 16px !important;}
	.nab_left .caption span{ font-size: 26px !important;}
	.nab_left .caption span sub{ font-size: 14px !important;}
	.nab_left .row{ margin-top: 30px !important;}
	.n_banner .container span{ font-size: 30px !important;}
	.ny_biao h2{ font-size: 24px !important;}
	.ny_biao h2 strong{ font-size: 50px !important;}
	.sc_swiper span{ width: 12% !important; font-size: 24px !important;}
	.down_li{ font-size: 18px !important;}
	.nh_right ul li{ margin: 10px 0 !important;}
	.n_new .nh_right{ padding: 0 40px !important; min-height: 600px !important;}
	.nh_right h4{ padding-top: 30px !important;}
	.nnew_text h4{ font-size: 16px !important; margin-top: 5px !important;}
	.nnew_text p{ line-height: 24px !important;overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;}
	.nnew_content>h2{ font-size: 20px !important;}
	.nnew_content>h5{ margin-top: 20px !important; font-size: 14px !important;}
	.new_text h4{ font-size: 16px !important; margin-bottom: 10px !important;}
	.new_text p{ font-size: 14px !important; line-height: 24px !important; height: 48px !important;}
	.my-map{ height: 500px !important;}
	.ly_content{ padding: 80px !important; padding-top: 30px !important;}
	.n_join .caption{ padding-left: 130px !important; padding-top: 20px !important; padding-bottom: 20px !important;}
	.n_join .caption h5{ font-size: 16px !important; line-height: 30px !important;}
	.n_join .caption:after{ width: 80px !important; height: 80px !important;}
	.nh_right{ padding: 0 40px !important;}
	.nh_swiper .swiper1 .swiper-slide{ padding: 15px !important;}
	.nh_swiper .swiper1 .swiper-button-prev1{ left: 15px !important;}
	.nh_swiper .swiper1 .swiper-button-next1{ left: 60px !important;}
	.nh_swiper .swiper1 .swiper-slide h2{ font-size: 24px !important; margin-bottom: 20px !important;}
	.lx_caption{ padding-top: 80px !important;}
	.lx_caption h3{ margin: 30px 0 !important;}

	.scp_name{ font-size: 16px !important;}
	.sab_text p{ line-height: 30px !important; font-size: 14px !important; margin-top: 40px !important;}
}

@media (min-width:1441px){
	.ny_nav h4 small{ color: #000 !important; font-size: 18px !important;}
	}

@media (min-width:991px) {
.sj_daohang{ display: none !important;}

.fancybox-button {  width: 60px !important;  height: 60px !important;}
.fancybox-navigation button {  width: 80px !important; height:120px !important;}
.fancybox-navigation button:before { width: 60px !important; height: 60px !important;}

	}

@media (min-width:1200px){

.container{ 
    width: calc(100% - 320px) !important;
    max-width: 1600px;
}
}

@media (min-width:1441px) and (max-width:1680px){
	
	.navs ul li{ margin-right: 30px !important;}

}



html{ scroll-behavior:smooth; }


body{ font-family: '微软雅黑'; }
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: 'DINPRO-BOLD';
	src: url('../fonts/DINPRO-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}
/* @font-face {
	font-family: 'msyh';
	src: url('../fonts/msyh.ttc');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'msyhbd';
	src: url('../fonts/msyhbd.ttc');
	font-weight: normal;
	font-style: normal;
} */

/*导航开始*/

.header{ box-shadow:0px 1px 4px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; background:#fff;}
.header.active .logo{ height:70px;}
.header.active img { width: 248px; }
.header.active .navs ul li>a{ line-height:70px;}
.header.active .nav_more{ padding-top: 20px;}
.header.active .ss_box{ top: calc(23px + 100%);}
.header.active .ss_box.active{ top: calc(18px + 100%);}


.logo{ height:90px; position:relative; transition:all 0.3s;display: flex;
    align-items: center;}
.logo img{display:block; width: 310px;transition:all 0.3s;}

.header_right{ width:calc(100% - 310px);}
.header_right:after{ content: ''; clear: both; display: table; }

.navs{ width:calc(100% - 110px); position:relative;}
.navs ul{ margin:0; padding:0;}
.navs ul li{ list-style:none; display: inline-block; margin-right: 50px; position: relative;}
.navs ul li a{ transition: all 0.3s; line-height:90px; display:inline-block; font-size:16px; color:#333; text-decoration:none;}
.navs ul li:after{ content: ''; width: 100%; height: 3px; background: var(--main-color); position: absolute; left: 0; bottom: 0; display: none; transition: all 0.3s;}
.navs ul li:hover a{ color: var(--main-color);}
.navs ul li.active:after{ display: block;}
.navs ul li.active a{ color: var(--main-color);}

.nav_more{ padding-top: 30px; transition: all 0.3s;}
.nav_lang{ text-align: right; margin-left: 50px;}
.nav_lang a{ font-size: 20px; color: #666; line-height: 30px;}
.nav_lang a:hover{ color: var(--main-color); }
.nav_seach{ line-height: 30px;}
.nav_seach i{ font-size:18px; transition: all 0.3s;}
.nav_seach:hover i{ color: var(--main-color);}



.nav_seach{ position: relative;}
.ss_box.active{ top: calc(28px + 100%); opacity: 1; pointer-events: auto;}
.ss_box{ position: absolute; right: 0; top: calc(33px + 100%); width: 160px; height: 36px; transition: all 0.3s; opacity:0; pointer-events: none;}
.ss_box input{ width: 100%; line-height: 34px; height: 36px; outline: none; padding-left:5px;}
.ss_box button{ position: absolute; border: none; color: #fff; background: var(--main-color); right: 0; top: 0; width: 60px; height: 36px; text-align: center;}



.s_banner{ margin-top:90px;}
.s_banner .swiper1 .swiper-slide a{ display:block; padding-top: 41.66%;  width:100%; position:relative;}
.s_banner .swiper1 .swiper-slide .container{ position:absolute; left:0; right:0; margin:0 auto; top:22%; z-index:2; color: #fff;}
.s_banner .swiper1 .swiper-slide .container h2{ font-size: 40px; font-weight: lighter;}
.s_banner .swiper1 .swiper-slide .container h3{font-weight: lighter;}


.s_banner .swiper1 .swiper-pagination1{ bottom: 55px; text-align: left; padding-left: 160px;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ background:#fff; width: 7px; border-radius: 8px; height: 16px; transition: all 0.6s; opacity: 1; margin: 0; margin-right: 23px;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--main-color); height: 24px;}


.s_about{ padding-top: 41.66%; position: relative; background: url(../images/sab2.jpg) center center no-repeat; background-size: cover;}
.s_about .container{ position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 2;}
.sab_text p{ line-height: 42px; color: #333333; text-align: center; font-size: 16px; opacity: 0.7; margin-top: 60px; margin-bottom: 0;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.sab_text p a{ display: inline-block; width: 171px; height: 55; background: url(../images/red.png) no-repeat; background-size: cover; line-height: 52px; color: #fff; text-transform: uppercase;}
.sab_text p:last-child{ opacity: 1;}


.s_product{ padding-top: 90px; padding-bottom: 50px; position: relative; overflow: hidden;}
.cai img{ width: 100%; display: block;}
.s_product .baicai{ position: absolute; left: 0; bottom: 25%; width: 116px;}
.s_product .yumi{ position: absolute; right: 0; top: 25%; width: 120px;}
.s_product .qingjiao{ position: absolute; right: 0; bottom: 15%; width: 146px;}

.s_product .tab-content .tab-pane{ position: relative;}
.s_product .tab-content .tab-pane .swiper-button-next, .s_product .tab-content .tab-pane .swiper-button-prev{ top: 40%; background: none; width: 40px; text-align: center; outline: none;}
.s_product .tab-content .tab-pane .swiper-button-next i, .s_product .tab-content .tab-pane .swiper-button-prev i{ line-height: 44px; font-size: 36px; color: #999; display: inline-block;}
.s_product .tab-content .tab-pane .swiper-button-next:hover i, .s_product .tab-content .tab-pane .swiper-button-prev:hover i{ color: var(--main-color);}
.s_product .tab-content .tab-pane .swiper-button-next i{ transform: rotateY(180deg);}
.s_product .tab-content .tab-pane .swiper-button-next{ left: 100%; right: auto;}
.s_product .tab-content .tab-pane .swiper-button-prev{ right: 100%; left: auto;}


/* .scp_img{ padding-top: 74%;} */
.en_biao{ text-align: center;}
.en_biao h3{ margin-top: 0; color: #777777; text-transform: uppercase; font-weight: lighter;}
.en_biao h2{ margin-bottom: 0; color: #333; margin-top: 15px;}
.s_product ul{ padding: 20px 0; margin-bottom: 30px;}
.s_product ul li{ display: inline-block; margin: 0 10px;}
.s_product ul li a{ display: block; padding: 8px 5px; font-size: 16px; color: #333;}
.s_product ul li:hover a{ color: var(--main-color);}
.s_product ul li.active a{ color: var(--main-color);}
.scp_name{ padding: 15px; background: #fff; color: #333; text-align: center; font-size: 18px; transition: all 0.3s;overflow: hidden;text-overflow:ellipsis;	white-space: nowrap;}
.s_product .swiper-container{ padding-bottom: 65px;}
.s_product .swiper-container .swiper-slide:hover .scp_name{ background: var(--main-color); color: #fff;}
.s_product .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--main-color);}



.s_news{ padding: 70px 0; padding-bottom: 100px; background: #f7f7ff;}
.s_news .en_biao{ margin-bottom: 40px;}
.s_news h2{ color: #333; margin-top: 0; margin-bottom: 20px; text-align: center;}
.s_news h2 span{font-size: 60px; font-family: 'DINCOND'; display: block; text-transform: uppercase; color: var(--main-color);}
.s_news .xian3{ margin: 20px auto;}
.new_img{
	/* padding-top: 61.4%; */
	position: relative;}
.new_img:after{ content: ''; width: 92px; height: 92px; border-radius: 50%; background: url(../images/m.png) center center no-repeat var(--main-color); background-size: cover; position: absolute; left: 0; right: 0; margin: 0 auto; top: 60%; transform: translateY(-50%); opacity: 0; transition: all 0.3s;}
.new_text{ padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #cccccc; transition: all 0.3s;}
.new_text h4{ color: #000000; font-size: 20px; margin-bottom: 20px; transition: all 0.3s; overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.new_text h5{ margin-top: 5px; margin-bottom: 30px; font-size: 16px;}
.new_text h5 span{ display: inline-block; padding: 8px 10px; background: #cccccc; color: #fff; transition: all 0.3s;}
.new_text p{ height: 72px; font-size: 16px; color: #525252; line-height: 36px;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}
	.s_news .caption{ margin-bottom: 15px;}
.s_news .caption:hover .new_img:after{ top: 50%; opacity: 1;}
.s_news .caption:hover h5 span{ background: var(--main-color);}
.s_news .caption:hover .new_text{ border-bottom: 1px solid var(--main-color);}

.n_new.s_news .caption{ margin-bottom: 50px;}


.footer{ padding-top: 35px; background: #333}
.footer h4{ color: #aaaaaa; font-size: 20px; margin-bottom: 25px; margin-top: 0;}
.footer h5{ color: #fff; opacity: 0.3; transition: all 0.3s;}
.footer h5:hover{ opacity: 0.85;}
.footer h5 i{ margin-right: 5px;}
.ft_ewm{ margin-top: 20px;}
.ft_ewm img{ max-width: 100%; opacity: 0.8; transition: all 0.3s;}
.ft_ewm:hover img{ opacity: 1;}
.footer .row .row{ margin-top: 40px;}
.footer .caption h5{ opacity: 1; margin-bottom: 18px;}
.footer h5 a{ font-size: 16px; opacity: 0.5; color: #fff; transition: all 0.3s;}
.footer .caption p{ margin: 6px 0;}
.footer p a{ opacity: 0.2; color: #fff; transition: all 0.3s;}
.footer p a:hover{ opacity: 1;}
.ft_ewm{ padding-top: 30px;}

.ftdi{ border-top: 1px solid #434343; padding: 15px 0; line-height: 24px; color: #636363; margin-top: 20px; text-transform: uppercase;}
.ftdi span{ margin-left: 30px;}
.ftdi a{ color: #636363; transition: all 0.3s;}
.ftdi a:hover{ color: #fff;}


.n_banner{
	/* padding-top: 21.45%; */
	position: relative; margin-top: 90px;}
.n_banner .container{ position:absolute; left:0; right: 0; margin: 0 auto; top:50%; transform: translateY(-50%); z-index:2;}
.n_banner .container span{ display: inline-block; color: #484245; font-size: 40px; text-transform: uppercase; font-weight: lighter;}
.n_banner .container span.lv{ color: var(--main-color);}


.weizhi{ padding: 30px 0; color: #777; font-size: 16px; border-bottom: 1px solid #ededed;}
.weizhi a{ line-height: 24px; color: #525252; margin: 0 5px; transition: all 0.3s;}
.weizhi i{ font-size: 12px; display: inline-block;}
.weizhi a i{ color: #9f9f9f; transition: all 0.3s; font-size: 16px;}
.weizhi .text-right{ color: #cccccc;}
.weizhi .text-right a{ margin: 0 30px; color: #000000;}
.weizhi .text-right a.active{ color: var(--main-color);}
.weizhi a:hover{ color: var(--main-color);}
.weizhi a:hover i{ color: var(--main-color);}
.weizhi a:first-child{ margin-left: 0;}
.weizhi a:last-child{ margin-right: 0;}

.n_about{ padding: 70px 0; padding-bottom: 140px;}
.nab_left{ width: 46.25%; float: left; padding: 0 15px;}
.nab_right{ width: 53.75%; float: left; padding: 0 15px;}

.ny_biao h2{ margin: 0; padding-bottom: 40px; position: relative; margin-bottom: 40px;}
.ny_biao h2 strong{ font-size: 70px; color: #eeeeee; text-transform: uppercase; display: block; margin-bottom: 20px; letter-spacing: 5px;}
.ny_biao h2:after{ content: ''; width: 0; height: 0; position: absolute; bottom: 0; border-left: 10px solid var(--main-color); border-top: 7px solid transparent; border-bottom: 7px solid transparent; left: 0;}
.nab_left .row{ margin-top: 80px;}
.nab_left .caption:hover span{ color: var(--main-color);}
.nab_left .caption:hover h5{ color: var(--main-color);}
.nab_left .caption span strong{font-family: 'DINPRO-BOLD';}
.nab_left .caption span{ display: block; font-size: 46px; color: #000; font-weight: bold; line-height: 60px;}
.nab_left .caption span sub{ font-size: 18px; font-weight: normal;}
.nab_left .caption h5{ color: #525252; font-size: 16px;}
.nab_left .ty_content p{ line-height: 36px; font-size: 16px; color: #333;}
.nab_right img{ margin-top: -70px;}


.n_licheng{ padding: 70px 0;}
.n_licheng .container{ background: url(../images/lc.jpg) repeat; padding-top: 90px; padding-bottom: 90px;}
.n_licheng .ny_biao h2:after{ display: none;}
.lc_list{ position: relative; padding: 75px 15%; padding-bottom: 5px;} 
.lc_list .time_ico{ width: 1px; height: calc(100% - 32px); position: absolute; top: 25px; left: calc(15% + 126px);background: #9f9f9f;}
.lc_li{margin-bottom: 80px; padding-left: 170px; color: #000000; position: relative; z-index: 2;}
.lc_li strong{ position: absolute; left: 0; top: 0; color: var(--main-color); font-size: 30px; line-height: 30px;}
.lc_li:after{ content: ''; width: 13px; height: 13px; border-radius: 50%; background: rgba(230,0,19,0.56); left: 120px; top: 8px; position: absolute;}
.lc_li:before{ content: ''; width: 7px; height: 7px; border-radius: 50%; background: rgba(230,0,19,1); left: 123px; top: 11px; position: absolute;}
.lc_li h3{ margin-bottom: 15px; transition: all 0.3s;}
.lc_li h5{ font-size: 16px; line-height: 30px;}
.lc_li:hover h3{ color: var(--main-color);}

.time_ico:after{ content: ''; width: 25px; height: 25px; background: url(../images/time_ico.png) center center no-repeat; background-size: cover; position: absolute; left: 50%; transform: translateX(-50%); top: -25px;}
.time_ico:before{ content: ''; width: 7px; height: 7px; border-radius: 50%; background: rgba(230,0,19,1); position: absolute;left: -3px; bottom: -7px;}


.n_honor{ background: #f4f4f4; padding: 30px 0; padding-bottom: 90px;}
.nh_pd{ padding: 60px; background: #fff;}
.nh_left .ny_biao h2{ margin-bottom: 0;}
.nh_left .ny_biao h2 strong{ line-height: 40px; font-size: 60px;}
.nh_left .ny_biao h2:after{ border-left: none; border-right: 10px solid var(--main-color); right: 0; bottom: 50px; left: auto;}
.nh_left .ny_biao h2:before{ content: ''; width: calc(100% - 150px); border-bottom: 1px dashed #dedede; position: absolute; bottom: 56px; right: 10px;}
.nh_right{ padding: 0 60px; background: url(../images/m2.png) center bottom no-repeat #fff; position: relative;background-size:50%;}
.cao_dw.active{ position: absolute; left: 0; right: 0; margin: 0 auto;}
.nh_right h4{ padding-bottom: 15px; margin-top: 0; padding-top: 70px; border-bottom: 1px solid #dddddd;}
.nh_right h4 i{ font-size: 20px; color: var(--main-color); display: inline-block; margin-right: 5px;}
.nh_right ul{ margin: 0; padding: 0;}
.nh_right ul li{ list-style: none; margin: 15px 0;}
.nh_right ul li a{ position: relative; display: inline-block; padding: 5px 0; padding-left: 27px; font-size: 16px; color: #000000; transition: all 0.3s;}
.nh_right ul li a:after{ content: ''; width: 10px; height: 2px; background: #bfbfbf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.nh_right ul li:hover a{ color: var(--main-color);}
.nh_right ul li.active a{ color: var(--main-color);}
.nh_right ul li.active a:after{ background: var(--main-color);}
.nh_right ul li.active:hover a:after{ left: 0;}
.nh_right ul li:hover a:after{ left: 5px; background: var(--main-color);}

.nh_swiper{ margin-top: 40px; box-shadow: 0px 0px 6px rgba(0,0,0,0.1);}
.nh_swiper .row{ margin: 0;}
.nh_swiper .row .col-sm-4, .nh_swiper .row .col-sm-8{ padding: 0;}
.nh_swiper .swiper1{ background: var(--main-color);}
.nh_swiper .swiper1, .nh_swiper .swiper2{ height: 690px; width: 100%;}
.nh_swiper .swiper1 .swiper-slide{ padding: 90px 40px; color: #fff;}
.nh_swiper .swiper1 .swiper-button-prev1{ height: 20px; bottom: 90px; top: auto; margin: 0; left: 40px; text-align: left; background: none; border-right: 1px solid rgba(255,255,255,0.75); width: 45px;}
.nh_swiper .swiper1 .swiper-button-next1{ height: 20px; bottom: 90px; top: auto; margin: 0; left: 85px; right: auto; text-align: right; background: none; width: 45px;}
.nh_swiper .swiper1 .swiper-button-prev1 i, .nh_swiper .swiper1 .swiper-button-next1 i{ color: #fff; line-height: 20px; font-size: 20px; transform: translateY(-2px);}
.nh_swiper .swiper1 .swiper-slide h2{ margin-bottom: 40px;}
.nh_swiper .swiper1 .swiper-slide p{ line-height: 26px; text-align: justify;}
.nh_swiper .swiper2 .swiper-slide{ position: relative; background: #fff;}
.nh_swiper .swiper2 .swiper-slide img{ display: block; position: absolute; max-width: 90%; max-height: 90%; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}



.n_product{ padding-top: 20px; padding-bottom: 60px;}
.ny_nav{ padding-right: 25%;}
.ny_nav h3{ font-size: 20px; color: #000;}
.ny_nav h4{ color: #000; border-bottom: 1px solid #dddddd; padding-bottom: 12px; margin-bottom: 15px;}
.ny_nav h4 i{ display: inline-block; margin-right: 5px; color: #e80011; font-size: 20px;}
.ny_nav ul{ margin: 0; padding: 0;}
.ny_nav ul li{ list-style: none; margin-bottom: 20px; width: 100%;}
.ny_nav ul li a{ line-height: 24px; font-size: 16px; color: #525252; padding-left: 22px; position: relative;}
.ny_nav ul li a:after{ content: ''; width: 12px; height: 12px; background: url(../images/k1.png) no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ny_nav ul li a:hover{ color: #e80011;}
.ny_nav ul li.active a{ color: #e80011;}
.ny_nav ul li.active a:after{ background: url(../images/k2.png) no-repeat;}
.ny_nav_lei{ padding-top: 20px; position: relative;}
.ny_nav_lei:last-child .li_more{ display: none;}

/*.ny_nav ul li.cur{ display: none;}*/


.li_more{ position: absolute; right: 0; bottom: 0; color: #999; font-size: 12px; cursor: pointer; transition: all 0.3s;}
.li_more i{ font-size: 12px;}
.li_more:hover{ color: var(--main-color);}



.ncp_list h3{ font-size: 20px; color: #000; border-bottom: 1px solid #ddd; line-height: 40px; padding-bottom: 10px; margin-top: 10px;}
.ncp_list h3:after{ content: ''; clear: both; display: table;}
.ncp_ss{ width: 250px; height: 40px; background: #eeeeee; font-size: 16px; border-radius: 20px; overflow: hidden; position: relative;}
.ncp_ss input{ background: none; border: none; padding-left: 20px; padding-right: 40px; display: block; width: 100%; height: 40px; outline: none;}
.ncp_ss button{ position: absolute; right: 20px; top: 0; line-height: 40px; background: none; border: none; outline: none;}
.ncp_ss button:hover i{ color: #e80011;}

.ncp_list .caption{ margin-top: 30px;}
.ncp_list .caption:hover .scp_name{ background: var(--main-color); color: #fff;}
.ncp_list .caption .scp_img{ position: relative;}
.ncp_list .caption .scp_img:after{ content: ''; width: 100%; height: 100%; position: absolute; height: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); transition: all 0.3s; opacity: 0;}
.ncp_list .caption:hover .scp_img:after{ opacity: 1; height: 100%;}
.ncp_list .caption:before{ content: ''; width:80px; height: 80px; border-radius: 50%; background: url(../images/fd.png) center center no-repeat; background-size: cover; position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; transition: all 0.3s; opacity: 0; pointer-events: none;}
.ncp_list .caption:hover:before{ opacity: 1; top: 50%;}




.cpn{ padding-bottom: 60px;}
.cpn_left .swiper-slide a{ display: block; padding-top: 74%;}
.cpn_left .gallery-thumbs{ margin-top: 40px;}
.cpn_left .gallery-thumbs .swiper-slide a{ display: block; width: 100%; padding-top: 100%;}
.cpn_left .gallery-thumbs .swiper-slide a{ border: 1px solid #dedede; padding-top: 100%; position: relative;}
.cpn_left .gallery-thumbs .swiper-slide a img{ max-width: calc(100% - 2px); max-height: calc(100% - 2px); position: absolute; top:50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.cpn_left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a:after{ content: ''; width: 100%; height: 100%; background:url(../images/x_logo.png) center center no-repeat rgba(230,0,19,0.7); position: absolute; left: 0; top: 0; z-index: 2;}

.cpn_right h3{ color: #000; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.cpn_right p{ line-height: 30px; font-size: 16px; color: #333333; margin: 0;}
.cpn_right h5{ line-height: 30px; font-size: 16px; color: #333333;}
.cpn_right h5 span{ font-size: 18px;}
.cpn_right h4{ margin-top: 50px;}
.cpn_right h4 a{ width: 220px; height: 60px; line-height: 60px; text-align: center; background: var(--main-color); display: block; color: #fff; border-radius: 3px;}
.cpn_right h4 a i{ margin-right: 5px; transform: rotate(180deg); display: inline-block; font-size: 28px; vertical-align: middle;}
.cpn_tab{ margin-top: 50px;}
.cpn_tab ul{ margin: 0; padding: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5;}
.cpn_tab ul:after{ content: ''; clear: both; display: table;}
.cpn_tab ul li{ list-style: none; float: left; position: relative;}
.cpn_tab ul li a{ line-height: 46px; color: #000000; display: inline-block; font-size: 18px; padding: 0 60px;}
.cpn_tab ul li a i{ margin-right: 5px; font-size: 24px; color: #666; display: inline-block; vertical-align: middle;}
.cpn_tab ul li.active:after{ position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background: var(--main-color); content: '';}
.cpn_tab ul li.active:before{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; content: '';}
.cpn_tab ul li.active{ background: #fff; border-left: 1px solid #ddd;}
.cpn_tab ul li.active a{ color: var(--main-color);}
.cpn_tab ul li.active a i{ color: var(--main-color);}
.cpn_tab ul li:first-child.active{ border-left: none; border-right: 1px solid #ddd;}
.cpn_tab .ty_content{ padding: 30px 0;}
.cpn_tab .ty_content p{ line-height: 40px; color: #333333; margin: 0;}

.cpn_tong h3{ padding-bottom: 15px; border-bottom: 1px solid #dedede; position: relative;}
.cpn_tong h3 .swiper-button-next1{ height: 28px; top: 0; margin: 0; background: none; color: var(--main-color);}
.cpn_tong h3 .swiper-button-prev1{ height: 28px; top: 0; right: 60px; left: auto; margin: 0; background: none; color: var(--main-color);}
.cpn_tong h3 .swiper-button-next1.swiper-button-disabled, .cpn_tong h3 .swiper-button-prev1.swiper-button-disabled{ color: #666;}
.cpn_tong .swiper1 .scp_name{ font-size: 16px;}
.cpn_tong .swiper1 a{ display: block; margin-top: 30px;}
.cpn_tong .swiper1 a:hover .scp_name{ background: var(--main-color); color: #fff;}
.cpn_tong .swiper1 a .scp_img{ position: relative;}
.cpn_tong .swiper1 a .scp_img:after{ content: ''; width: 100%; height: 100%; position: absolute; height: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); transition: all 0.3s; opacity: 0;}
.cpn_tong .swiper1 a:hover .scp_img:after{ opacity: 1; height: 100%;}
.cpn_tong .swiper1 a:before{ content: ''; width:80px; height: 80px; border-radius: 50%; background: url(../images/fd.png) center center no-repeat; background-size: cover; position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; transition: all 0.3s; opacity: 0;}
.cpn_tong .swiper1 a:hover:before{ opacity: 1; top: 50%;}

.cpn_header{ background: url(../images/m2.png) right bottom no-repeat; background-size: 12%;}


.n_shengchan{ padding-bottom: 80px; background: url(../images/xian.jpg) left center no-repeat; background-size: 15%;}
.sc_content ul{ margin: 0; padding: 0; margin-bottom: 30px; font-size: 0;}
.sc_content ul li{ display: inline-block; padding: 0 25px; border-right: 1px solid #dedede;}
.sc_content ul li:last-child{ border-right: none;}
.sc_content ul li:last-child a{ padding-right: 0;}
.sc_content ul li a{ display: inline-block; color: #333; line-height: 18px; font-size: 18px;}
.sc_content ul li:hover a{ color: var(--main-color);}
.sc_content ul li.active a{ color: var(--main-color);}

/* .sc_img{ width: 72.5%;} */
.sc_img a{ padding-top: 58%; display: block;}
.sc_swiper{ padding-left: 27.5%; position: relative;}
.sc_swiper span{ position: absolute; top: 50%; left: 15%; transform: translateY(-50%); width: 14%; line-height: 38px; font-size: 30px; color: #000;}
.sc_swiper span:after{ content: ''; width: 80%; height: 1px; background: #eee; position: absolute; right: 110%; top: 19px;}
.sc_swiper .swiper-button-next1{ right: auto; left: 18%;}
.sc_swiper .swiper-button-prev1{ left: calc(18% - 100px);}
.sc_swiper .swiper-button-next1, .sc_swiper .swiper-button-prev{ outline: none; bottom: 0; top: auto; margin: 0; background: none; width: 70px; height: 70px; border-radius: 50%; text-align: center; border: 1px solid #999; background: #fff; color: #999;}
.sc_swiper .swiper-button-next1 i, .sc_swiper .swiper-button-prev i{ line-height: 68px; font-size: 24px;}
.sc_swiper .swiper-button-next1:hover, .sc_swiper .swiper-button-prev:hover{ background: var(--main-color); border: 1px solid var(--main-color);color: #fff;}


.n_join{ background: #f4f4f4; padding: 60px 0;}
.n_join h2{ text-align: right; padding-top: 20px;}
.n_join h2 strong{ position: absolute; left: 0; top: 0;}
.n_join h2:after{ display: none;}
.n_join .caption{ background: #fff; padding: 40px 30px; margin-bottom: 30px; padding-left: 190px; position: relative; transition: all 0.3s;}
.n_join .caption:after{ width: 137px; height: 137px; content: ''; background: url(../images/red1.png) center center no-repeat; background-size: cover; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
.n_join .caption h4{ color: #525252; position: relative; padding-bottom: 10px; border-bottom: 1px solid #dedede; transition: all 0.3s;}
.n_join .caption h4 i{ position: absolute; right: 0; top: 0; font-size: 24px;}
.n_join .caption h5{ line-height: 40px; font-size: 18px; color: #000000;}
.n_join .caption:hover{ box-shadow: 0px 0px 8px rgba(0,0,0,0.3);}
.n_join .caption:hover h4{ color: var(--main-color);}
.n_join .caption:hover:after{ background: url(../images/red2.png) center center no-repeat; background-size: cover;}


.join_content{ background: #fff; padding: 60px 100px; color: #000; position: relative;}
.jon_biao h3{padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.jon_biao h4{ line-height: 40px;}
.jon_biao h4:last-child{ margin-top: 40px; margin-bottom: 20px;}
.join_content .ty_content p{ line-height: 40px; color: #000;}
.join_x{ position: absolute; right: 30px; top: 30px; z-index: 2;}
.join_x i{ font-size: 30px; color: #999; transition: all 0.3s;}
.join_x i:hover{ color: var(--main-color);}

.n_down{ padding: 30px 0;}
.n_down .ny_biao{ position: relative;}
.n_down .ny_biao img{ position: absolute; top: 0; right: 0;}
.down_li{ background: #f4f4f4; padding: 15px 0; line-height: 30px; font-size: 20px; color: #333; padding-left: 8%; position: relative; margin-bottom: 20px; transition: all 0.3s;}
.down_li img{ margin-right: 30px; width: 60px;}
.down_li strong{ font-weight: normal;}
.down_li a{ position: absolute; right: 5%; top: 50%; padding-left: 50px; transform: translateY(-50%); color: #333; transition: all 0.3s;}
.down_li i{ font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.down_li:hover a{ color: var(--main-color);}
.down_li:hover{ color: var(--main-color);}
.down_li:hover strong{ font-weight: bold;}
.down_li a:after{ content: ''; width: 1px; height: 200%; top: -50%; left: 0; background: #dedede; position: absolute;}
.down_li:hover{ box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}


.n_new{ padding: 60px 0;}
.nnew_li{ transition: all 0.3s; padding: 20px; background: #fff; margin: 40px 0; position: relative;}
.nnew_li:first-child{ margin-top: 0;}
.nnew_li:after{ content: ''; width: 100%; left: 0; top: calc(100% + 20px); height: 1px; background: #dddddd; position: absolute;}
.nnew_img a{ display: block;
	/* padding-top: 60%; */
}
.nnew_text h4{ font-size: 20px; color: #000;}
.nnew_text p{ color: #777777; line-height: 28px;}
.nnew_text p:last-child{ margin-bottom: 0;}

.nnew_li:hover{ box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
.n_new .nh_right{ margin-left: 30px; min-height: 800px; background: url(../images/m3.png) center bottom no-repeat #f4f4f4; background-size: 50%;}


.nnew_content{ padding: 70px; background: #fff;}
.nnew_right{ padding: 35px; background: #fff;}
.nnew_content .ty_content{ margin-top: 30px;}
.nnew_content .ty_content p{ line-height: 36px; font-size: 16px; color: #333;}
.back_list{ text-align: center; margin-top: 30px;}
.back_list a img{ vertical-align: middle; display: inline-block; transform: translateY(-2px);}
.back_list a{ padding: 10px 30px; border-radius: 24px; font-size: 16px; border: 1px solid #ddd; color: #999; display: inline-block; transition: all 0.3s;}
.back_list a:hover{ color: var(--main-color); border: 1px solid var(--main-color);}
.nnew_right h3{ padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.newr_li .new_text{ padding-bottom: 20px;}
.newr_li{ margin-bottom: 60px;}
.newr_li .new_text h5{ margin-bottom: 20px;}

.my-map{ position: relative;}
.lx_caption{ padding: 0 40px; padding-top: 120px; background: #f7f7ff; position: absolute; right: 0; top: 0; height: 100%; width: 540px; z-index: 998;}
.lx_caption h4{ color: #333; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative;}
.lx_caption h4:after{ content: ''; width: 30px; height: 1px; background: var(--main-color); position: absolute; left: 0; bottom: -1px;}
.lx_caption h4 i{ color: #999; font-size: 18px; margin-right: 5px;}
.lx_caption h3{ margin: 50px 0;}
.lx_caption p{ font-size: 16px; color: #333; line-height:30px;}
.lx_caption p i{ color: var(--main-color); margin-right: 10px; font-size: 18px;}

.ly_content{ background: url(../images/lx.jpg) center center no-repeat; padding:120px; padding-top: 50px; margin-top: 50px;}
.n_join .ly_content h2{ text-align: center; margin-bottom: 35px;}
.n_join .ly_content h4{ margin-bottom: 40px; color: #525252;}
.ly_content .form-group{ margin-bottom: 20px;}
.ly_content .form-control{ background: rgba(255,255,255,0.7); border:none; font-size: 18px; border-radius: 0; box-shadow: none;}
.ly_content input.form-control{ height: 56px; padding-left: 20px;}
.ly_content textarea.form-control{ padding:10px 20px;}
.ly_content button.form-control{ height: 60px; width: 180px; border-radius: 4px;}




/* 通用样式 */
.ty_content p{ font-size: 16px; color: #666; line-height: 30px;}
.ty_content img{ max-width: 100%;}


.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; margin-top: 30px;}
/*.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#666; text-decoration:none; margin: 0 5px; border-radius: 3px;}*/
/*.fanye a:hover{ color:var(--main-color);}*/
/*.fanye a.active{ background:var(--main-color); color:#e5c9a3;}*/
/*.fanye a.active:hover{ color:#e5c9a3;}*/
/*.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}*/

/*.fanye02{ padding:20px 0;}*/
/*.fanye02 a{ background: var(--main-color); color: #fff; border-radius: 0;}*/
/*.fanye02 a i{ display: inline-block; transform: translateY(2px); margin-right: 10px;}*/
/*.fanye02 a:hover{ color: #fff; }*/

.fanye {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fanye li a,
.fanye li span {
    display: block;
    padding:8px 14px;
    background:#eeeeee; color:#666;
    border-radius: 3px;
}
.fanye li {
    margin: 0 5px;
}
.fanye li:hover a,
.fanye li:hover span {
    background: var(--main-color);
    color: #fff;
}
.fanye li.active a,
.fanye li.active span {
    background: var(--main-color);
    color: #fff;
}

		
#bsWXBox{height: 256px !important; width: 232px !important;}	

.my-map { margin: 0 auto; width: 100%; height: 700px; }
.my-map .icon { background: url(../images/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%;}

.my-map .icon-cir-red{ width: 160px; height: 50px; margin-top:-19px; margin-left: -72px; background: url(../images/map-logo.jpg) center no-repeat;}