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

.header{ height:60px !important;}
.logo { height: 40px !important; margin:0 !important; margin-top: 10px !important;}
.header_right{width:100% !important; padding: 20px 0 !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#223a5e !important; border-bottom:1px solid #666; display:none; height: auto !important;}
.header_right.active{ display:block;}
.header_right .logo_right{ text-align: center; padding-top: 0 !important; padding-bottom: 30px !important;}
.header_right .logo_right a:first-child{ display: block !important; margin:15px auto !important; font-size: 18px !important;}
.header_right .logo_right .bnav_ss{ margin: 0 15px !important;}
.bss_xiala button{ background: #ccc !important;}
.bss_xiala{ top:100% !important; right: -35px !important;}
.navs { width: 100% !important; float:none !important;}
.navs ul li{ text-align:center !important; display: block !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; }
.logo_right a:first-child{ color: red !important;}
.logo_right a{ color: #fff !important;}
.navs ul li .erji{ display: none !important;}


.san{ height:60px; width:24px; position:relative;}
.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#223a5e;}
.san:after{ width:24px; height:4px; background:#223a5e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
.san:before{ width:24px; height:4px; background:#223a5e; 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; height: auto !important;}
.s_banner .swiper1 .swiper-pagination1{ bottom: 10px !important; }
.s_banner .swiper1 .swiper-button-next, .s_banner .swiper1 .swiper-button-prev{ display: none !important;}

.s_fangan .row .row{ margin: 0 -15px !important;}
.s_fangan .row .row .col-md-6{ padding: 0 15px !important;}

.s_product{ padding: 30px 0 !important;}
.scp_header{ margin-bottom: 15px !important;}
.scp_header h2, .s_fangan h2{ font-size: 24px !important; margin-bottom: 20px !important;}
.scp_header h2 img{ width: 40px !important;}
.scp_header ul li a{ font-size: 13px !important; padding: 0 3px !important; line-height: 20px !important;}
.scp_li .scp_text{ padding-left: 15px !important; padding-right: 15px !important;}
.snew_left{ padding-right: 0 !important;}
.snew_li h5{ margin-top: 0 !important;}
.snew_center{ padding-top: 20px !important;}
.snew_center h4{ margin-bottom: 0 !important;}
.snew_right{ padding: 0 !important; border: none !important;}
.s_fangan{ padding: 30px 0 !important;}
.s_fangan h5{ margin-bottom: 20px !important; line-height: 24px !important; font-size: 14px !important;}
.sfa_left ul li{ width: 33.33% !important; float: left;}
.sfa_left ul:after{ content: ''; clear: both; display: table;}
.sfa_left ul li a{ font-size: 16px !important;}
.sfa_text{ padding-right: 120px !important;}
.sfa_text span{ width: 120px !important; font-size: 15px !important;}
.sfa_text h4{ font-size: 16px !important;}
.sfa_left ul li:after{ display: none !important;}

/* .scp_list .scp_li:hover .scp_text{ background: rgba(51,51,51,0.85) !important; height: 39px !important; padding-top: 0 !important;}
.scp_list .scp_li:hover .scp_text .p_text{ height: 0px !important;}
.scp_list .scp_li:hover .scp_text h4{ font-weight: normal !important; } */

.footer{padding-top: 0px !important;}
.ft_di{ margin-top: 0 !important; font-size: 14px !important;}
.ft_di a{ display: inline-block;}
.ft_di .pull-right{ float: none !important;}


/* 内页样式 */
.n_banner{ margin-top: 0px !important;}
.weizhi{ padding: 10px 0 !important;}
.n_zhong{ position: relative;}
.ny_left.active{ transform: translateX(0%); box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
.ny_left{ position: absolute !important; top:0; left: 0; z-index: 10; width: 60% !important; transform: translateX(-100%); transition: all 0.3s; padding-bottom: 0 !important;}
.ny_biao{ position: static !important; padding: 10px 0 !important; padding-left: 20px !important;}
.ny_biao span{ font-size: 18px !important;}
.ny_biao i{ font-size: 14px !important; position: static !important; text-align: left !important;}
.sj_daohang{ position: absolute; left: 100%; top:0;}
.sj_daohang span{ padding: 5px; border-radius: 4px; display: inline-block; background: #223a5e; color: #fff;}
a.acp{ padding: 10px 0 !important; padding-left: 30px !important; font-size: 15px !important;}
.ny_gg{ display: none !important;}
.ncp_biao h3 span:after, .ncp_biao h3 span:before{ width: 30px !important;}
.ncp_biao h3:last-child{ font-size: 16px !important;}
.ncp_biao h2{ font-size: 18px !important;}
.ncp_biao h3{ font-size: 22px !important;}

.nab_biao ul li a{ font-size: 14px !important;}
.nab_biao ul li a i{ display: block !important; font-size: 20px !important;}
.nab_video{ float: none !important; width: 100% !important; padding: 0 !important;}
.nab_shuzi{ padding: 20px 0 !important; background: url(../images/nab_1.jpg) center center no-repeat; background-size: cover;}
.nab_shuzi img{ display: none !important;}
.nab_shuzi h4{ font-size: 20px !important;}
.nab_shuzi h5{ font-size: 14px !important; font-weight: normal !important;}
.nab_shuzi .row{ position: static !important; transform: translateY(0) !important;}
.nab_wenhua{ padding: 15px 0 !important;}
.nab_wenhua .caption .wh_text p{ height:180px !important; visibility: visible !important; opacity: 1 !important;}
.pp_list .row{ margin: 0 -2px !important;}
.pp_list .row .col-2{ padding: 0 2px !important;}
.pp_content{ margin: 10px 0 !important;}
.pp_text{ padding:0 15px !important;}
.pp_text.active{ padding-top: 15px !important; padding-bottom: 15px !important;}
.ry_list .row{ margin: 0 -15px !important;}
.ry_list .row .col-2{ padding: 0 15px !important; width: 50% !important;}
.zl_li h4 a{ font-size: 16px !important;}
.zl_li .caption a.btn{ padding: 5px 10px !important; font-size: 14px !important; margin-top: 0 !important;}
.zr_bg_biao h2{ font-size: 18px !important; line-height: 30px !important;}
.nab_04{ padding: 15px 0 !important;}
.fwlc_top .swiper-button-next-thumbs{ right: 0 !important; left: auto !important;}
.fwlc_top .swiper-button-prev-thumbs{ left: 0 !important; right: auto !important;}
.fwlc_top .swiper-button-next-thumbs, .fwlc_top .swiper-button-prev-thumbs{ width: 40px !important; height: 40px !important; background: #fff !important; z-index: 10; top: 0 !important;}
.fwlc_top .swiper-button-next-thumbs i, .fwlc_top .swiper-button-prev-thumbs i{ line-height: 32px !important;}
.fwlc_bottom .swiper-slide .caption{ padding: 0 !important;}
.fwlc_bottom .swiper-slide h1{ font-size: 22px !important;}
.fwlc_bottom .swiper-slide h3{ font-size: 18px !important;}
.zl_li h4{ font-size: 16px !important;}
.zl_li h5 span{ margin-right: 0 !important; display: block !important; line-height: 24px !important; font-size: 14px !important;}
.zr_ny_li .caption{ margin-right: 0 !important; padding: 10px 0 !important; font-size: 12px !important;}
.ny_li_text h5{ margin-top: 0 !important;}
.zr_ny_li .caption strong{ font-size: 18px !important;}
.nal_content{ padding: 0 !important;}
.nal_top{ margin: 15px 0 !important;}
.lx_form h2{ font-size: 24px !important;}
.lx_form h2 span:before{ width: 60px !important; height: 9px !important; background-size: cover !important;}
.lx_form h2 span:after{ width: 60px !important; height: 9px !important; background-size: cover !important;}
.lx_content>h4{ text-align: center !important; line-height: 24px !important; font-size: 16px !important;}
.lx_content>h4 img{ display: block !important; margin: 0 auto !important; margin-bottom: 15px !important; }
.my-map{ height: 300px !important;}
.zp_content{ margin: 0 !important;}
.zp_content h3{ padding: 10px 0 !important; padding-left: 15px !important; font-size: 18px !important;}
.zp_form{ margin: 0 !important; padding: 15px !important;}
.zhaopin_1 .panel-heading a{ line-height: 40px !important; height: 40px !important; padding-left: 50px !important; font-size: 16px !important;}
.zhaopin_1 .panel-heading a i{ width: 40px !important; height: 40px !important;}
.zhaopin_1 .panel-heading a i:after{ width: 26px !important;}
.zhaopin_1 .panel-heading a.collapsed i:before{ height: 26px !important;}
.zhaopin_1 .panel-group .panel-heading+.panel-collapse>.panel-body{ padding: 15px 0 !important;}
.zhaopin_1 .zpbody_header, .zhaopin_1 .ty_content, .zhaopin_1 .zp_button{ padding: 0 !important;}
.zhaopin_1 .zp_button a.btn{ padding: 10px !important; font-size: 14px !important;}
.zr_bg_biao h5 div.bshare-custom{ display: none !important;}

iframe{ height:300px !important;}
.fanye{ text-align: center !important;}
.fanye a{ padding: 4px 8px !important; }
.zr_bg_biao h5 div.bshare-custom{ display: none !important;}


}


@media (min-width:768px) and (max-width:991px) {
	body{ padding-top:60px !important;}
	.header.active .logo{ height:40px !important;}
	.header.active .navs ul li>a{ line-height:36px !important;}
	
	.header{ height:60px !important;}
	.logo { height: 40px !important; margin:0 !important; margin-top: 10px !important;}
	.header_right{width:100% !important; padding: 20px 0 !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#223a5e !important; border-bottom:1px solid #666; display:none; height: auto !important;}
	.header_right.active{ display:block;}
	.header_right .logo_right{ text-align: center; padding-top: 0 !important; padding-bottom: 30px !important;}
	.header_right .logo_right a:first-child{ display: block !important; margin:15px auto !important; font-size: 18px !important;}
	.header_right .logo_right .bnav_ss{ margin: 0 15px !important;}
	.bss_xiala button{ background: #ccc !important;}
	.bss_xiala{ top:100% !important; right: -35px !important;}
	.navs { width: 100% !important; float:none !important;}
	.navs ul li{ text-align:center !important; display: block !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; }
	.logo_right a:first-child{ color: red !important;}
	.logo_right a{ color: #fff !important;}
	.navs ul li .erji{ display: none !important;}
	
	
	
	.san{ height:60px; width:24px; position:relative;}
	.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#223a5e;}
	.san:after{ width:24px; height:4px; background:#223a5e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
	.san:before{ width:24px; height:4px; background:#223a5e; 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; height: auto !important;}
	.s_banner .swiper1 .swiper-pagination1{ bottom: 10px !important; }
	
	.s_fangan .row .row{ margin: 0 -15px !important;}
	.s_fangan .row .row .col-md-6{ padding: 0 15px !important;}
	
	.s_product{ padding: 30px 0 !important;}
	.scp_header{ margin-bottom: 15px !important;}
	.scp_header h2, .s_fangan h2{ font-size: 24px !important; margin-bottom: 20px !important;}
	.scp_header h2 img{ width: 40px !important;}
	.scp_header ul li a{ font-size: 14px !important; line-height: 20px !important;}
	.scp_li .scp_text{ padding-left: 15px !important; padding-right: 15px !important;}
	.snew_left{ padding-right: 0 !important;}
	.snew_li h5{ margin-top: 0 !important;}
	.snew_center{ padding-top: 20px !important;}
	.snew_center h4{ margin-bottom: 0 !important;}
	.snew_right{ padding: 0 !important; border: none !important;}
	.s_fangan{ padding: 30px 0 !important;}
	.s_fangan h5{ margin-bottom: 20px !important; line-height: 24px !important; font-size: 14px !important;}
	.sfa_left ul li{ width: 33.33% !important; float: left;}
	.sfa_left ul:after{ content: ''; clear: both; display: table;}
	.sfa_left ul li a{ font-size: 16px !important;}
	.sfa_text{ padding-right: 120px !important;}
	.sfa_text span{ width: 120px !important; font-size: 15px !important;}
	.sfa_text h4{ font-size: 16px !important;}
	.sfa_left ul li:after{ display: none !important;}
/* 	
	.scp_list .scp_li:hover .scp_text{ background: rgba(51,51,51,0.85) !important; height: 39px !important; padding-top: 0 !important;}
	.scp_list .scp_li:hover .scp_text .p_text{ height: 0px !important;}
	.scp_list .scp_li:hover .scp_text h4{ font-weight: normal !important; } */
	
	.footer{padding-top: 0px !important;}
	.ft_di{ margin-top: 0 !important; font-size: 14px !important;}
	.ft_di a{ display: inline-block;}
	.ft_di .pull-right{ float: none !important;}
	
	
	/* 内页样式 */
	.n_banner{ margin-top: 0px !important;}
	.weizhi{ padding: 10px 0 !important;}
	.n_zhong{ position: relative;}
	.ny_left.active{ transform: translateX(0%); box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
	.ny_left{ position: absolute !important; top:0; left: 0; z-index: 10; width: 60% !important; transform: translateX(-100%); transition: all 0.3s; padding-bottom: 0 !important;}
	.ny_biao{ position: static !important; padding: 10px 0 !important; padding-left: 20px !important;}
	.ny_biao span{ font-size: 18px !important;}
	.ny_biao i{ font-size: 14px !important; position: static !important; text-align: left !important;}
	.sj_daohang{ position: absolute; left: 100%; top:0;}
	.sj_daohang span{ padding: 5px; border-radius: 4px; display: inline-block; background: #223a5e; color: #fff;}
	a.acp{ padding: 10px 0 !important; padding-left: 30px !important; font-size: 15px !important;}
	.ny_gg{ display: none !important;}
	.ncp_biao h3 span:after, .ncp_biao h3 span:before{ width: 30px !important;}
	.ncp_biao h3:last-child{ font-size: 16px !important;}
	.ncp_biao h2{ font-size: 18px !important;}
	.ncp_biao h3{ font-size: 22px !important;}
	
	.nab_biao ul li a{ font-size: 14px !important;}
	.nab_biao ul li a i{ display: block !important; font-size: 20px !important;}
	.nab_video{ float: none !important; width: 100% !important; padding: 0 !important;}
	.nab_shuzi{ padding: 20px 0 !important; background: url(../images/nab_1.jpg) center center no-repeat; background-size: cover;}
	.nab_shuzi img{ display: none !important;}
	.nab_shuzi h4{ font-size: 20px !important;}
	.nab_shuzi h5{ font-size: 14px !important; font-weight: normal !important;}
	.nab_shuzi .row{ position: static !important; transform: translateY(0) !important;}
	.nab_wenhua{ padding: 15px 0 !important;}
	.nab_wenhua .caption .wh_text p{ height:180px !important; visibility: visible !important; opacity: 1 !important;}
	.pp_list .row{ margin: 0 -2px !important;}
	.pp_list .row .col-2{ padding: 0 2px !important;}
	.pp_content{ margin: 10px 0 !important;}
	.pp_text{ padding:0 15px !important;}
	.pp_text.active{ padding-top: 15px !important; padding-bottom: 15px !important;}
	.ry_list .row{ margin: 0 -15px !important;}
	.ry_list .row .col-2{ padding: 0 15px !important; width: 50% !important;}
	.zl_li h4 a{ font-size: 16px !important;}
	.zl_li .caption a.btn{ padding: 5px 10px !important; font-size: 14px !important; margin-top: 0 !important;}
	.zr_bg_biao h2{ font-size: 18px !important; line-height: 30px !important;}
	.nab_04{ padding: 15px 0 !important;}
	.fwlc_top .swiper-button-next-thumbs{ right: 0 !important; left: auto !important;}
	.fwlc_top .swiper-button-prev-thumbs{ left: 0 !important; right: auto !important;}
	.fwlc_top .swiper-button-next-thumbs, .fwlc_top .swiper-button-prev-thumbs{ width: 40px !important; height: 40px !important; background: #fff !important; z-index: 10; top: 0 !important;}
	.fwlc_top .swiper-button-next-thumbs i, .fwlc_top .swiper-button-prev-thumbs i{ line-height: 32px !important;}
	.fwlc_bottom .swiper-slide .caption{ padding: 0 !important;}
	.fwlc_bottom .swiper-slide h1{ font-size: 22px !important;}
	.fwlc_bottom .swiper-slide h3{ font-size: 18px !important;}
	.zl_li h4{ font-size: 16px !important;}
	.zl_li h5 span{ margin-right: 0 !important; display: block !important; line-height: 24px !important; font-size: 14px !important;}
	.zr_ny_li .caption{ margin-right: 0 !important; padding: 10px 0 !important; font-size: 12px !important;}
	.ny_li_text h5{ margin-top: 0 !important;}
	.zr_ny_li .caption strong{ font-size: 18px !important;}
	.nal_content{ padding: 0 !important;}
	.nal_top{ margin: 15px 0 !important;}
	.lx_form h2{ font-size: 24px !important;}
	.lx_form h2 span:before{ width: 60px !important; height: 9px !important; background-size: cover !important;}
	.lx_form h2 span:after{ width: 60px !important; height: 9px !important; background-size: cover !important;}
	.lx_content>h4{ text-align: center !important; line-height: 24px !important; font-size: 16px !important;}
	.lx_content>h4 img{ display: block !important; margin: 0 auto !important; margin-bottom: 15px !important; }
	.my-map{ height: 300px !important;}
	.zp_content{ margin: 0 !important;}
	.zp_content h3{ padding: 10px 0 !important; padding-left: 15px !important; font-size: 18px !important;}
	.zp_form{ margin: 0 !important; padding: 15px !important;}
	.zhaopin_1 .panel-heading a{ line-height: 40px !important; height: 40px !important; padding-left: 50px !important; font-size: 16px !important;}
	.zhaopin_1 .panel-heading a i{ width: 40px !important; height: 40px !important;}
	.zhaopin_1 .panel-heading a i:after{ width: 26px !important;}
	.zhaopin_1 .panel-heading a.collapsed i:before{ height: 26px !important;}
	.zhaopin_1 .panel-group .panel-heading+.panel-collapse>.panel-body{ padding: 15px 0 !important;}
	.zhaopin_1 .zpbody_header, .zhaopin_1 .ty_content, .zhaopin_1 .zp_button{ padding: 0 !important;}
	.zhaopin_1 .zp_button a.btn{ padding: 10px !important; font-size: 14px !important;}
	.zr_bg_biao h5 div.bshare-custom{ display: none !important;}

	
	
	iframe{ height:300px !important;}
	.fanye{ text-align: center !important;}
	.fanye a{ padding: 4px 8px !important; }
	.zr_bg_biao h5 div.bshare-custom{ display: none !important;}

	}


@media (min-width:991px) and (max-width:1200px) {
	body{ padding-top:60px !important;}
	.header.active .logo{ height:40px !important;}
	.header.active .navs ul li>a{ line-height:36px !important;}
	
	.header{ height:60px !important;}
	.logo { height: 40px !important; margin:0 !important; margin-top: 10px !important;}
	.header_right{width:100% !important; padding: 20px 0 !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#223a5e !important; border-bottom:1px solid #666; display:none; height: auto !important;}
	.header_right.active{ display:block;}
	.header_right .logo_right{ text-align: center; padding-top: 0 !important; padding-bottom: 30px !important;}
	.header_right .logo_right a:first-child{ display: block !important; margin:15px auto !important; font-size: 18px !important;}
	.header_right .logo_right .bnav_ss{ margin: 0 15px !important;}
	.bss_xiala button{ background: #ccc !important;}
	.bss_xiala{ top:100% !important; right: -35px !important;}
	.navs { width: 100% !important; float:none !important;}
	.navs ul li{ text-align:center !important; display: block !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; }
	.logo_right a:first-child{ color: red !important;}
	.logo_right a{ color: #fff !important;}
	.navs ul li .erji{ display: none !important;}
	
	
	
	.san{ height:60px; width:24px; position:relative; display: block !important;}
	.san i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#223a5e;}
	.san:after{ width:24px; height:4px; background:#223a5e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}
	.san:before{ width:24px; height:4px; background:#223a5e; 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;}

	.logo_right{ display: none !important;}
	.header_right .logo_right{ display: block !important;}
	
	
	.s_banner{ margin-top: 0px !important; }
	.s_banner .swiper1 .swiper-slide a{ padding-top: 45% !important; height: auto !important;}
	.s_banner .swiper1 .swiper-pagination1{ bottom: 10px !important; }
	
	.s_fangan .row .row{ margin: 0 -15px !important;}
	.s_fangan .row .row .col-md-6{ padding: 0 15px !important;}
	
	.s_product{ padding: 30px 0 !important;}
	.scp_header{ margin-bottom: 15px !important;}
	.scp_header h2, .s_fangan h2{ font-size: 24px !important; margin-bottom: 20px !important;}
	.scp_header h2 img{ width: 40px !important;}
	.scp_header ul li a{ font-size: 14px !important; line-height: 20px !important;}
	.scp_li .scp_text{ padding-left: 15px !important; padding-right: 15px !important;}
	.snew_left{ padding-right: 0 !important;}
	.snew_li h5{ margin-top: 0 !important;}
	.snew_center{ padding-top: 20px !important;}
	.snew_center h4{ margin-bottom: 0 !important;}
	.snew_right{ padding: 0 !important; border: none !important;}
	.s_fangan{ padding: 30px 0 !important;}
	.s_fangan h5{ margin-bottom: 20px !important; line-height: 24px !important; font-size: 14px !important;}
	.sfa_left ul li{ width: 33.33% !important; float: left;}
	.sfa_left ul:after{ content: ''; clear: both; display: table;}
	.sfa_left ul li a{ font-size: 16px !important;}
	.sfa_text{ padding-right: 120px !important;}
	.sfa_text span{ width: 120px !important; font-size: 15px !important;}
	.sfa_text h4{ font-size: 16px !important;}
	.sfa_left ul li:after{ display: none !important;}
/* 	
	.scp_list .scp_li:hover .scp_text{ background: rgba(51,51,51,0.85) !important; height: 39px !important; padding-top: 0 !important;}
	.scp_list .scp_li:hover .scp_text .p_text{ height: 0px !important;}
	.scp_list .scp_li:hover .scp_text h4{ font-weight: normal !important; } */
	
	.footer{padding-top: 0px !important;}
	.ft_di{ margin-top: 0 !important; font-size: 14px !important;}
	.ft_di a{ display: inline-block;}
	.ft_di .pull-right{ float: none !important;}
	
	
	/* 内页样式 */
	.n_banner{ margin-top: 0px !important;}
	.weizhi{ padding: 10px 0 !important;}
	.n_zhong{ position: relative;}
	.ny_left.active{ transform: translateX(0%); box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
	.ny_left{ position: absolute !important; top:0; left: 0; z-index: 10; width: 60% !important; transform: translateX(-100%); transition: all 0.3s; padding-bottom: 0 !important;}
	.ny_biao{ position: static !important; padding: 10px 0 !important; padding-left: 20px !important;}
	.ny_biao span{ font-size: 18px !important;}
	.ny_biao i{ font-size: 14px !important; position: static !important; text-align: left !important;}
	.sj_daohang{ position: absolute; left: 100%; top:0;}
	.sj_daohang span{ padding: 5px; border-radius: 4px; display: inline-block; background: #223a5e; color: #fff;}
	a.acp{ padding: 10px 0 !important; padding-left: 30px !important; font-size: 15px !important;}
	.ny_gg{ display: none !important;}
	.ncp_biao h3 span:after, .ncp_biao h3 span:before{ width: 30px !important;}
	.ncp_biao h3:last-child{ font-size: 16px !important;}
	.ncp_biao h2{ font-size: 18px !important;}
	.ncp_biao h3{ font-size: 22px !important;}
	
	.nab_biao ul li a{ font-size: 14px !important;}
	.nab_biao ul li a i{ display: block !important; font-size: 20px !important;}
	.nab_video{ float: none !important; width: 100% !important; padding: 0 !important;}
	.nab_shuzi{ padding: 20px 0 !important; background: url(../images/nab_1.jpg) center center no-repeat; background-size: cover;}
	.nab_shuzi img{ display: none !important;}
	.nab_shuzi h4{ font-size: 20px !important;}
	.nab_shuzi h5{ font-size: 14px !important; font-weight: normal !important;}
	.nab_shuzi .row{ position: static !important; transform: translateY(0) !important;}
	.nab_wenhua{ padding: 15px 0 !important;}
	.nab_wenhua .caption .wh_text p{ height:180px !important; visibility: visible !important; opacity: 1 !important;}
	.pp_list .row{ margin: 0 -2px !important;}
	.pp_list .row .col-2{ padding: 0 2px !important;}
	.pp_content{ margin: 10px 0 !important;}
	.pp_text{ padding:0 15px !important;}
	.pp_text.active{ padding-top: 15px !important; padding-bottom: 15px !important;}
	.ry_list .row{ margin: 0 -15px !important;}
	.ry_list .row .col-2{ padding: 0 15px !important; width: 50% !important;}
	.zl_li h4 a{ font-size: 16px !important;}
	.zl_li .caption a.btn{ padding: 5px 10px !important; font-size: 14px !important; margin-top: 0 !important;}
	.zr_bg_biao h2{ font-size: 18px !important; line-height: 30px !important;}
	.nab_04{ padding: 15px 0 !important;}
	.fwlc_top .swiper-button-next-thumbs{ right: 0 !important; left: auto !important;}
	.fwlc_top .swiper-button-prev-thumbs{ left: 0 !important; right: auto !important;}
	.fwlc_top .swiper-button-next-thumbs, .fwlc_top .swiper-button-prev-thumbs{ width: 40px !important; height: 40px !important; background: #fff !important; z-index: 10; top: 0 !important;}
	.fwlc_top .swiper-button-next-thumbs i, .fwlc_top .swiper-button-prev-thumbs i{ line-height: 32px !important;}
	.fwlc_bottom .swiper-slide .caption{ padding: 0 !important;}
	.fwlc_bottom .swiper-slide h1{ font-size: 22px !important;}
	.fwlc_bottom .swiper-slide h3{ font-size: 18px !important;}
	.zl_li h4{ font-size: 16px !important;}
	.zl_li h5 span{ margin-right: 0 !important; display: block !important; line-height: 24px !important; font-size: 14px !important;}
	.zr_ny_li .caption{ margin-right: 0 !important; padding: 10px 0 !important; font-size: 12px !important;}
	.ny_li_text h5{ margin-top: 0 !important;}
	.zr_ny_li .caption strong{ font-size: 18px !important;}
	.nal_content{ padding: 0 !important;}
	.nal_top{ margin: 15px 0 !important;}
	.lx_form h2{ font-size: 24px !important;}
	.lx_form h2 span:before{ width: 60px !important; height: 9px !important; background-size: cover !important;}
	.lx_form h2 span:after{ width: 60px !important; height: 9px !important; background-size: cover !important;}
	.lx_content>h4{ text-align: center !important; line-height: 24px !important; font-size: 16px !important;}
	.lx_content>h4 img{ display: block !important; margin: 0 auto !important; margin-bottom: 15px !important; }
	.my-map{ height: 300px !important;}
	.zp_content{ margin: 0 !important;}
	.zp_content h3{ padding: 10px 0 !important; padding-left: 15px !important; font-size: 18px !important;}
	.zp_form{ margin: 0 !important; padding: 15px !important;}
	.zhaopin_1 .panel-heading a{ line-height: 40px !important; height: 40px !important; padding-left: 50px !important; font-size: 16px !important;}
	.zhaopin_1 .panel-heading a i{ width: 40px !important; height: 40px !important;}
	.zhaopin_1 .panel-heading a i:after{ width: 26px !important;}
	.zhaopin_1 .panel-heading a.collapsed i:before{ height: 26px !important;}
	.zhaopin_1 .panel-group .panel-heading+.panel-collapse>.panel-body{ padding: 15px 0 !important;}
	.zhaopin_1 .zpbody_header, .zhaopin_1 .ty_content, .zhaopin_1 .zp_button{ padding: 0 !important;}
	.zhaopin_1 .zp_button a.btn{ padding: 10px !important; font-size: 14px !important;}
	.zr_bg_biao h5 div.bshare-custom{ display: none !important;}

	
	
	iframe{ height:300px !important;}
	.fanye{ text-align: center !important;}
	.fanye a{ padding: 4px 8px !important; }
	.zr_bg_biao h5 div.bshare-custom{ display: none !important;}


	}


@media (min-width:1200px) and (max-width:1440px) {
.s_banner .swiper1 .swiper-slide a{ padding-top: 33.85% !important; height: auto !important;}
.navs ul li>a{ font-size: 16px !important; }
.scp_text h4 a{ font-size: 16px !important; }
.snew_li a{ font-size: 16px !important; }
.ft_more h5 a{ font-size: 14px !important; }


	}

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


.col-md-3.revise1{ width: 21% !important;}
.col-md-9.revise1{ width: 79% !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;}
.zr_bg_biao h5 div.bshare-custom{ display:inline-block !important;}
	}

@media (min-width:1441px){

.container{ width: 1300px !important;}

}


html{ scroll-behavior:smooth; }

@font-face {
	font-family: 'Conv_AVGARDN';
	src: url('../fonts/AVGARDN.eot');
	src: local('☺'), url('../fonts/AVGARDN.woff') format('woff'), url('../fonts/AVGARDN.ttf') format('truetype'), url('../fonts/AVGARDN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_FRADM';
	src: url('../fonts/FRADM.eot');
	src: local('☺'), url('../fonts/FRADM.woff') format('woff'), url('../fonts/FRADM.ttf') format('truetype'), url('../fonts/FRADM.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_AGENCYB';
	src: url('../fonts/AGENCYB.eot');
	src: local('☺'), url('../fonts/AGENCYB.woff') format('woff'), url('../fonts/AGENCYB.ttf') format('truetype'), url('../fonts/AGENCYB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

/*导航开始*/

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

.logo{ height:74px; position:relative; transition:all 0.3s;}
.logo img{ height:100%; display:block;}
.logo_right{ padding-top: 30px; line-height: 24px;}
.logo_right a{ display: inline-block; margin-left: 15px; color: #666;}
.logo_right a:first-child{ color: red; margin-right: 40px;}
.logo_right a i{ width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; display: inline-block; border-radius: 50%; background: #b5b6b6; color: #fff; transition: all 0.3s; margin-right: 5px;}
.logo_right a:hover i{ background: #223a5e; color: #fff;}
.logo_right a:hover{ color: #223a5e;}

.bss_xiala{ position: absolute; top: calc(100% + 10px); right: 0; width: 180px; height: 34px; opacity: 0; pointer-events: none; transition: all 0.3s; transform: translateY(50%); z-index: 2;}
.bss_xiala button{ position: absolute; height: 34px; width: 34px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; right: 0; top: 0; background: #223a5e; color: #fff; border: none;}
.bnav_ss.active .bss_xiala{ transform: translateY(0); opacity: 1; pointer-events: auto;}
.logo_right .bnav_ss a:first-child{ margin: 0; margin-left: 15px;}



.header_right{ width:100%; height: 45px; background: rgba(231,237,245,0.85); padding-top: 5px;}
.header_right:after{ content: ''; clear: both; display: table; }

.navs{ width:100%; position:relative;}
.navs ul{ margin:0; padding:0;}
.navs ul li{ list-style:none; display: inline-block; margin: 0 15px; position: relative;}
.navs ul li>a{ transition: all 0.3s; line-height:34px; padding: 0 20px; display:inline-block; position:relative; font-size:16px; color:#223a5e; text-decoration:none; border-radius: 18px;}
.navs ul li.active>a{ background: #fff; color: #223a5e;}
.navs ul li:hover>a{ color: #223a5e; background: #fff; }
.navs ul li:after{ content: ''; width: 100%; height: 6px; position: absolute; top: 100%; left: 0;}

.navs ul li:hover .erji{ display: block;} 
.erji{ display: none; position: absolute; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); left: 50%; transform: translateX(-50%); top: calc(100% + 6px); width: 250px; padding: 10px 0; text-align: center; background: rgba(210,226,240,0.85);}
.erji a{ color: #223a5e;}

.ej_li{ padding: 2px 0; position: relative; border-bottom: 1px solid #ccdeec;}
.ej_li i{ position: absolute; right: 20px; top:50%; transform: translateY(-50%); opacity: 0; transition: all 0.3s; color: #e60012;}
.ej_li a{ display: block; padding: 10px 0; font-size: 15px; width: 76%; border-radius: 24px; margin: 0 auto;}
.ej_li:hover>a{ background: #fff; color: #e60012;}
.ej_li:hover i{ right: 15px; opacity: 1;}

.ej_li:hover .sanji{ display: block;}
.ej_li .sanji{ position: absolute; left: 100%; top: 0; width: 300px; background: rgba(210,226,240,0.85); display: none; text-align: left; transform: translateX(1px);}
.ej_li .sanji a{ width: 100%; padding-left: 40px; padding-right: 40px; position: relative; display: block; border-bottom: 1px solid #ccdeec;}
.ej_li .sanji a i{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #e60012; opacity: 0; transition: all 0.3s;}
.ej_li .sanji a:hover{ color: #e60012;}
.ej_li .sanji a:hover i{ color: #e60012; left: 15px; opacity: 1;}




.s_banner{ margin-top:74px;}
.s_banner .swiper1 .swiper-slide a{ display:block; padding-top: 32.55%;  width:100%; position:relative;}
.s_banner .swiper1 .swiper-pagination1{ bottom: 30px; }
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ border-radius: 0; background:#000;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; }
.s_banner .swiper1 .swiper-button-prev1{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");}
.s_banner .swiper1 .swiper-button-next1{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");}

.s_about{ padding: 45px 0; background: #f5f6f6;}
.s_about .caption p{ line-height: 24px; color: #888;}
.s_about .caption p:last-child{ margin: 0;}
.s_about .caption p a{ display: inline-block; padding: 5px 20px; color: #999; border: 1px solid #dedede; transition: all 0.3s;}
.s_about .caption p a:hover{ color: #223a5e; border: 1px solid #223a5e;}
.sab_img ul{ padding: 0; margin: 0;}
.sab_img ul li{ display: block; list-style: none; float: left; width: 30%; transition: all 0.3s;}
.sab_img ul li a{ display: block; height: 130px;}
.sab_img ul li.active{ width: 70%;}


.s_product{ padding: 80px 0;}
.scp_header{ margin-bottom: 45px;}
.scp_header h2{ margin: 0;}
.scp_header ul{ margin: 0 -4px; padding: 0;}
.scp_header ul li{ list-style: none; float: left; width: 25%; padding: 0 4px; margin-bottom: 8px;}
.scp_header ul li a{ display: block; font-size: 16px; color: #223a5e; text-align: center; line-height: 40px; padding: 0 5px; background: #d2e2f0;}
.scp_header ul li.active a{ background: #e60012; color: #fff;}

.scp_li{ padding-bottom: 56px; position: relative; margin-bottom: 30px;}
.scp_li>a{ padding-top: 85.36%; display: block;}
.scp_li .scp_text{ padding: 0 30px;}
.scp_li .scp_text h4 { margin: 0;}
.scp_li .scp_text h4 a{line-height: 56px; display: block; color: #223a5e;}
.scp_text{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: #e7edf5; transition: all 0.3s; height: 56px; overflow: hidden; pointer-events: none;}
.scp_text a{ color: #fff; text-decoration: none;}
.scp_text .p_text{ height: 0; overflow: hidden; transition: all 0.3s; color: #333; line-height: 24px;}

.scp_text .p_text p{ margin: 0;}
.scp_text .p_text h4{ margin: 0;}

.scp_list .scp_li:hover .scp_text{ background:rgba(231,237,245,0.85); height: 100%; padding-top: 10%;}
.scp_list .scp_li:hover .scp_text .p_text{ height: 240px;}
.scp_list .scp_li:hover .scp_text h4{ font-weight: bold;}
a.he6{ background: #d2e2f0; color: #223a5e;}


.scp_li.wu h4{ text-align: center;}
.scp_li.wu:hover .scp_text{ height: 56px; padding: 0 30px;}


.s_new{ padding:50px 0; background: #f5f6f6;}

.s_new h4 strong{ line-height: 34px;}
.snew_left{ padding-right: 40px; border-right: 1px solid #dedede;}
.snew_left .swiper-slide a{ display: block; padding-top: 45%;}
.snew_left .swiper-slide a span{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; line-height: 30px; color: #fff; display: block; background: rgba(34,58,94,0.85);}
.snew_left .swiper2 .swiper-pagination2{ bottom: 35px; text-align: right; padding-right: 15px;}
.snew_left .swiper2 .swiper-pagination2 .swiper-pagination-bullet{ background: #fff;}
.snew_left ul{ margin: 0; padding: 0; margin-top: 10px;}
.snew_left ul li{ list-style: none; border-bottom: 1px dashed #dedede;}
.snew_left ul li a{ line-height: 36px; padding-left: 15px; display: block; color: #666; font-size: 12px; position: relative;  transition: all 0.3s;}
.snew_left ul li a:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: #e60012; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.snew_left ul li a span{ float: right;}
.snew_left ul li:hover a{ color: #223a5e;}
.snew_center{ padding: 0 10px;}
.snew_li:nth-last-child(2){ border-bottom: none;}
.snew_li{ padding: 15px 0; padding-bottom: 10px; border-bottom: 1px solid #dedede;}
.snew_li h5{ color: #666; font-size: 15px; margin-top: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.snew_li p{ color: #888; line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.snew_right{ padding:0 40px; border-left: 1px solid #dedede;}
.snew_right h5{ color: #666; line-height: 24px;}
.s_video{ margin-top: 40px !important;}
.s_video video{ width: 100%;}

.s_video>a{ padding-top: 74%; display: block; position: relative; border-radius: 6px;}
.s_video>a i{ width: 80px; height: 60px; background: rgba(255,255,255,0.3); border-radius: 16px; line-height: 60px; text-align: center; display: block; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); position: absolute; font-size: 36px; color: #fff; transition: all 0.3s;}
.s_video:hover>a i{ background: rgba(255,255,255,0.5);}




.s_fangan{ padding: 55px 0;}
.s_fangan h2{ font-size: 40px; color: #223a5e; margin-bottom: 20px;}
.s_fangan h5{ font-size: 15px; color: #666; margin-bottom: 40px; color: #666;}
.sfa_left ul{ margin: 0;}
.sfa_left ul li{ list-style: none; margin-bottom: 5px; width: 210px; position: relative;}
.sfa_left ul li a{ padding: 5px 0; background: #d2e2f0; color: #223a5e; text-align: center; display: block; font-size: 24px; border-radius: 6px;} 
.sfa_left ul li.active a{ background: #e60012; color: #fff;}
.sfa_left ul li:after{ position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); content: ''; width: 0px; height: 1px; background: #d2e2f0; transition: all 0.3s;}
.sfa_left ul li.active:after{ width: 65px;}
.sfa_li{ margin-bottom: 15px;}
.sfa_img{ padding-top: 67%; display: block;}
.sfa_text{ background: #e7edf5; padding: 10px 15px; padding-right: 140px; position: relative; height: 60px;}
.sfa_text span{ display: block; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; background: #d2e2f0; width: 140px; line-height: 60px; text-align: center; font-size: 17px;}
.sfa_text a{ color: #223a5e;}
.sfa_text p{ color: #666;}
.s_fangan .row .row{ margin: 0 -30px;}
.s_fangan .row .row .col-md-6{ padding: 0 30px;}


.footer{ background: #d2e2f0; padding: 50px 0; padding-bottom: 0;}
.footer h5{ font-size: 16px; color: #223a5e; margin-top: 0;}
.footer p{ color: #6a6a69; line-height: 24px;}
.footer .caption a{ display: inline-block; padding:0 15px; border-left: 1px dashed #b8c4ce; text-align: center; color: #223a5e;}
.footer .caption a:last-child{ border-right: 1px dashed #b8c4ce;}
.footer .caption a i{ display: block; margin-bottom: 0px; font-size: 34px;}
.footer .caption .bshare-custom{ line-height: auto !important; display: inline-block !important;}
.footer .caption .bshare-custom #bshare-shareto{ margin: 0 !important;}
.footer .caption .bshare-custom a{ opacity: 1 !important; display: inline-block !important; font-weight: normal !important; height:auto !important;}
.ft_di{ margin-top: 40px; padding: 20px 0; background: #e7edf5; border-top: 3px solid #e60012; color: #636363;}
.ft_di a{ color: #636363;}

/*内页样式开始*/
.n_banner{ width: 100%; padding-top: 20.3%; margin-top: 119px;}


.ny_left{ position: relative; padding-bottom: 40px;}
.ny_biao{ position: absolute; left: 0; bottom: 100%; width: 100%; background: rgba(7,48,108,0.9); color: #fff; padding: 15px 0; padding-left: 30px; padding-bottom: 20px;}
.ny_biao span{ font-size: 32px; position: relative; z-index: 2;}
.ny_biao i{ position: absolute; z-index: 1; display: block; width: 100%; left: 0; bottom: 10px; text-align: center; opacity: 0.1; font-style: normal; font-size:20px;}
.ny_left ul{ background: #fff; margin: 0; padding: 0;}
.ny_left ul li{ border-bottom: 1px solid #dcdfdf; list-style: none;}
.ny_left ul li.active a.acp{ border-left: 3px solid #223a5e;}

.bcp_ul, .ccp_ul{ display: none; width: 100%;}
.bcp_ul{ border-top: 1px solid #dcdfdf;}
a.acp{ padding: 20px 0; padding-left: 30px; display: block; position: relative; font-size: 16px; transition: all 0.3s; color: #333; border-left: 3px solid #fff;}
a.acp:after{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #666; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
a.acp:before{ content: ''; width: 10px; height: 10px; background: url(../images/you.png) center center no-repeat; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
a.acp.active:before{ background: url(../images/you2.png) center center no-repeat;}
a.acp.active{ color: #223a5e;}
a.acp.active:after{ background: #223a5e;}

a.bcp{ padding: 5px 0; display: block; padding-left: 33px; position: relative; color: #223a5e; line-height: 24px;}
a.bcp.si:before{ content: ''; width: 1px; height: 9px; background: #223a5e; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
a.bcp.si:after{ content: ''; width: 9px; height: 1px; background: #223a5e; content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
a.bcp.si.active:before{ height: 0;}
a.bcp.active{ color: #e60012;}
a.bcp.si.active:before{ background: #e60012;}
a.bcp.si.active:after{ background: #e60012;}
a.ccp{ padding-left: 32px; line-height: 24px; display: block; color: #999;}
a.ccp.active{ color: #223a5e;}

.ny_gg{ margin-top: 10px;}
.ny_gg img{ display: block; width: 100%;}

.weizhi{ padding: 15px 0; color: #999; border-bottom: 1px solid #dedede; padding-top: 20px;}
.weizhi a{ color: #888;}
.weizhi a i{ font-size: 12px;}
.weizhi a:last-child{ color: #e60012;}



.ncp_biao h3{ color: #6a6a69;}
.ncp_biao h2{ padding-left: 15px; position: relative; color: #223a5e; margin: 0 10px;}
.ncp_biao h2:after{ content: ''; width: 6px; height: 6px; background: #223a5e; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ncp_biao h3:last-child{ color: #2f2d2d;}
.ncp_biao h3 span{ display: inline-block; position: relative;}
.ncp_biao h3 span:after{ content: ''; width: 120%; height: 1px; background: #223a5e; position: absolute; left: calc(100% + 15px); top: 50%; transform: translateY(-50%);}
.ncp_biao h3 span:before{ content: ''; width: 120%; height: 1px; background: #223a5e; position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%);}
.ncp_biao{ margin-bottom: 30px;}

.ncp_list{ padding-bottom: 80px;}
.ncp_list .scp_li{ transition: all 0.3s;}
.ncp_list .scp_li:hover{ box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.ncp_list .scp_li:hover .scp_text{ background:rgba(231,237,245,0.85); height: 100%; padding-top: 10%;}
.ncp_list .scp_li:hover .scp_text .p_text{ height: 240px;}
.ncp_list .scp_li:hover .scp_text h4{ font-weight: bold;}

.ncp_list.wu .scp_li h4{ text-align: center;}
.ncp_list.wu .scp_li:hover .scp_text{ height: 56px; padding: 0 30px;}

.ncp_list .scp_li:hover .scp_text.xx{ height: 56px; padding: 0 30px;}
.scp_text.xx h4{ text-align: center;}


.nab_video{ float: right; width: 45%; padding-left: 40px; padding-bottom: 10px;}
.nab_video video{ width: 100%;}

.nab_biao{ background: #f8f8f8; padding: 8px 0;}
.nab_biao ul{ margin: 0; padding: 0;}
.nab_biao ul li{ float: left; width: 25%; border-left: 1px solid #dedede; list-style: none;}
.nab_biao ul li:last-child{ border-right: 1px solid #dedede;}
.nab_biao ul li a{ display: block; text-align: center; font-size: 20px; color: #6a6a69; padding: 12px 0;}
.nab_biao ul li a i{ font-size: 30px; margin-right: 10px; color: #999; display: inline-block; vertical-align: middle; transform: translateY(-2px);}
.nab_biao ul li.active a{ color: #e60012;}
.nab_biao ul li.active a i{ color: #223a5e;}
.nab_biao ul li.active:hover a{ color: #e60012;}
.nab_biao ul li:hover a{ color: #223a5e;}
.nab_biao ul li:hover a i{ color: #223a5e;}

h2.ba{ margin-bottom: 30px;}
h2.ba span{ display: inline-block; position: relative; color: #223a5e;}
h2.ba span:after{ content: ''; width: 60%; height: 1px; background: #223a5e; position: absolute; left: calc(100% + 25px); top: 50%; transform: translateY(-50%);}
h2.ba span:before{ content: ''; width: 60%; height: 1px; background: #223a5e; position: absolute; right: calc(100% + 25px); top: 50%; transform: translateY(-50%);}

.nab_01 .ty_content p{ line-height: 30px; font-size: 15px;}

.nab_shuzi{ color: #fff; position: relative; margin: 30px 0;}
.nab_shuzi .row{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2;}
.nab_shuzi h4{ font-size: 46px;}
.nab_shuzi h4 span{ font-weight: bold;}
.nab_shuzi h5{ font-size: 15px;}

.nab_wenhua{ background: #f8f8f8; padding: 40px 0; padding-bottom: 80px; color: #223a5e;}
.nab_wenhua h3 i{ font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.nab_wenhua p{ margin-top: 30px; line-height: 30px; font-size: 15px;}

.nab_wenhua .caption{ position: relative; overflow: hidden;}
.wh_text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; color: #fff;background-image: linear-gradient(rgba(34,58,94,0), rgba(34,58,94,1)); padding-top: 30px;}
.wh_text p{ height: 0; opacity: 0; visibility: hidden; transition: all 0.3s; margin-top: 15px;}
.wh_text h3 i{ display: block; float: right; font-size: 22px;}
.nab_wenhua .caption:hover .wh_text{ padding-top: 80px;}
.nab_wenhua .caption:hover .wh_text p{ opacity: 1; visibility: visible; min-height: 180px; height: auto;}


.nab_04{ padding-top: 40px; padding-bottom: 60px;}
.col-2{ float: left; width: 20%; padding: 0 15px;}
.pp_li{ border: 1px solid #dedede;}
.pp_img{ padding-top: 65.21%;}
.pp_text{visibility: hidden; height: 0; opacity: 0; transition: all 0.3s; background: #949495; color: #fff; padding: 0 40px;}
.pp_text.active{ height: auto; visibility: visible; opacity: 1; padding-top: 30px; padding-bottom: 30px;}
.pp_text p{ line-height: 24px;}
.pp_content{ margin: 15px 0;}


.ry_list .row{ margin: 0 -35px;}
.ry_list .row .col-2{ padding: 0 35px;}
.ry_list .caption{ margin-bottom: 50px; border: 1px solid #dedede; transition: all 0.3s;}
.ry_list .caption a{ padding-top: 140%; display: block; position: relative;}
.ry_list .caption a i{ font-size: 24px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.3s;}
.ry_list .caption:hover{ border: 1px solid #223a5e;}
.ry_list .caption:hover a i{ opacity: 1; transform: translateY(-50%) translateX(-50%);}


.nv_list .caption{ margin-bottom: 30px !important;}
.nv_list .caption a{ padding-top: 59.25%; display: block; position: relative;}
.nv_list .caption a i{ width: 100px; height: 75px; background: rgba(255,255,255,0.3); border-radius: 16px; line-height: 75px; text-align: center; display: block; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); position: absolute; font-size: 36px; color: #fff; transition: all 0.3s;}
.nv_list .caption span{ display: block; background: #e7edf5; height: 43px; line-height: 43px; padding: 0 15px; font-size: 15px; color: #333; transition: all 0.3s;}
.nv_list .caption:hover span{ background: #e60012; color: #fff;}
.nv_list .caption:hover a i{ background: rgba(255,255,255,0.5);}

.lx_form{ padding: 30px 0;}
.lx_form h2{ margin: 30px 0;}
.lx_form h2 span{ display: inline-block; position: relative;}
.lx_form h2 span:after{ content: ''; width: 115px; height: 18px; background: url(../images/Contact_07.jpg) no-repeat; position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%);}
.lx_form h2 span:before{ content: ''; width: 115px; height: 18px; background: url(../images/Contact_09.jpg) no-repeat; position: absolute; left: calc(100% + 15px); top: 50%; transform: translateY(-50%);}
.lx_form .form-group input{ height: 46px;}
.lx_form .form-group{ margin-bottom: 22px;}



.zp_content{ margin: 0 5%; background: rgba(255,255,255,0.85);}
.zp_content h3{ background: #223a5e; margin: 0; padding: 15px 0; color: #fff; padding-left: 60px;}
.zp_form{ margin: 0 15%; padding:40px 30px;}
.zp_form span{ display: block; line-height: 40px;}
.zp_form .btn{ height: 40px; font-size: 16px; border-radius: 0;}
.zp_form .form-control{ height: 40px; font-size: 16px; border-radius: 0;}
.zp_form .form-group{ padding-left: 80px; position: relative; margin-bottom: 30px;}
.zp_form .form-group span{ position: absolute; left: 0; top: 0px; font-size: 16px;}
.zp_form .form-group label{ height: 40px; line-height: 40px; font-size: 16px; margin-right: 20px;}
.zp_form .form-group label input{ margin-left: 5px;}


.zhaopin_1 .panel{ border: none; background: none; margin-bottom: 20px; box-shadow: none;}
.zhaopin_1 .panel-heading{ padding:0;}
.zhaopin_1 .panel-heading a{ display:block; height: 60px; line-height: 60px; background:#d2e2f0; color: #223a5e; position: relative; font-size: 24px; padding-left: 150px; transition: all 0.3s;}
.zhaopin_1 .panel-heading a i{ width: 130px; height: 60px; background: #223a5e; position: absolute; left: 0; top: 0; z-index: 2;}
.zhaopin_1 .panel-heading a i:after{ content: ''; width: 38px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.zhaopin_1 .panel-heading a i:before{ content: ''; height: 0px; width: 1px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.3s;}
.zhaopin_1 .panel-heading a.collapsed{ color: #333; background: #e7edf5;}
.zhaopin_1 .panel-heading a.collapsed i:before{ height: 38px;}
.zhaopin_1 .panel-body{ background: none;}
.zhaopin_1 .panel-group .panel-heading+.panel-collapse>.panel-body{ border: none;}
.zhaopin_1 .zpbody_header{ border-bottom: 1px solid #dedede; padding: 10px 30px;}
.zhaopin_1 .zpbody_header .caption{ font-size: 15px; color: #333; line-height: 30px;}
.zhaopin_1 .ty_content{ padding: 15px 30px;}
.zhaopin_1 .zp_button{ padding-left: 30px;}
.zhaopin_1 .zp_button a.btn{ padding: 15px 30px; border-radius: 0; font-size: 16px;}


.fwlc_top{ position: relative; margin: 30px 0;}
.fwlc_top:after{ position: absolute; content: ''; width: 100%; height: 2px; background: #ccc; top: 20px;}
.fwlc_top .gallery-thumbs{ margin: 0 60px;}
.fwlc_top .swiper-button-next-thumbs, .fwlc_top .swiper-button-prev-thumbs{ width: 60px; height: 60px; border-radius: 50%; border: 3px solid #dedede; text-align: center; margin: 0; background: none; top: -10px;}
.fwlc_top .swiper-button-next-thumbs i, .fwlc_top .swiper-button-prev-thumbs i{ font-size: 20px; line-height: 52px; color: #666;}
.fwlc_top .swiper-button-next-thumbs{ left: 100%; right: auto;}
.fwlc_top .swiper-button-prev-thumbs{ right: 100%; left: auto;}

.fwlc_top .gallery-thumbs .swiper-slide a{ display: block; font-size: 20px; padding-top: 40px; line-height: 40px; position: relative; text-align: center; color: #666;}
.fwlc_top .gallery-thumbs .swiper-slide a:after{ content: ''; height: 30px; width: 2px; background: #ccc; position: absolute; left: 0; top: 5px;}
.fwlc_top .gallery-thumbs .swiper-slide a:before{ content: ''; width: 2px; height: 40px; background: #ccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.fwlc_top .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a:before{ top: 14px; width: 13px; height: 13px; border-radius: 50%; background: #fff; z-index: 2;}
.fwlc_top .gallery-thumbs .swiper-slide a i{ position: absolute; display: block; border-radius: 50%; width: 38px; height: 38px; background: rgba(230,0,18,0.2); top: 2px; left: 50%; transform: translateX(-50%); transition: all 0.3s; opacity: 0;}
.fwlc_top .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a i{ opacity: 1;}
.fwlc_top .gallery-thumbs .swiper-slide a i:after{ content: ''; width: 28px; height: 28px; border-radius: 50%; background: #e60012; position: absolute; top: 5px; left: 5px; opacity: 0; transition: all 0.3s;}
.fwlc_top .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a i:after{ opacity: 1;}

.fwlc_bottom .swiper-slide .caption{ padding-top: 10%; padding-left: 10%;}
.fwlc_bottom .swiper-slide h3{ color: #666;}
.fwlc_bottom .swiper-slide h3 strong{ margin-right: 10px;}
.fwlc_bottom .swiper-slide h1{ color: #ec0012;}
.fwlc_bottom .swiper-slide img{ border-top-right-radius: 20px;}


.ny_left.cao .bcp_li a.bcp{ color: #223a5e;}
.ny_left.cao .bcp_li a.bcp.active{ color: #e60012;}
.zl_list{ padding-right: 20px;}
.zl_li{ padding: 15px 0; border-bottom: 1px dashed #dedede; color: #666;}
.zl_li h4{ color: #333; transition: all 0.3s;}
.zl_li h4 a{ color: #333; transition: all 0.3s;}
.zl_li h5{ font-size: 15px;}
.zl_li h5 span{ margin-right: 40px; display: inline-block;}
.zl_li .caption a.btn{ border-radius: 0; border: 1px solid #dedede; padding: 10px 15px; font-size: 16px; color: #888; transition: all 0.3s; margin-top: 15px;}
.zl_li .caption a.btn:hover{ background: #e60012; border: 1px solid #e60012; color: #fff;}
.zl_li:hover h4{ color: #e60012;}
.zl_li:hover h4 a{ color: #e60012;}
.ny_left.cao>h5{ border-bottom: 1px solid #dedede; margin: 0; padding-bottom: 12px; color: #666; font-size: 15px;}
.ny_left.cao>h5 strong{ font-size: 18px; color: #223a5e;}


.nal_content{ padding:0 20px;}
.nal_content h4{ color: #223a5e; font-size: 20px; margin-top: 20px;}
.nal_content p{ line-height: 30px; font-size: 16px; color: #6a6a69;}

.nal_top{ margin: 30px 0;}
.nal_top .swiper-slide a{ padding-top: 60%; display: block; border: 2px solid #dedede; opacity: 0.6; transition: all 0.3s;}
.nal_top .swiper-slide.swiper-slide-thumb-active a{ border: 2px solid #e60012; opacity: 1;}
.nal_bottom .swiper-slide img{ display: block; max-width: 100%; margin: 0 auto;}
.nal_top .gallery-thumbs .swiper-button-next{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");}
.nal_top .gallery-thumbs .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");}



/* 新闻样式 */
.nnew_header{ padding-bottom: 20px; border-bottom: 1px solid #eee;}
.ny_dbimg{ background:#f8f8f8;}
.ny_dbimg .row{ margin:0;}
.ny_dbimg .row .col-sm-8, .ny_dbimg .row .col-sm-4{ padding:0;}
.ny_dbimg .caption{ padding:20px 0;}
.ny_dbimg .caption h5{ margin-bottom:20px;}
.ny_dbimg .caption h5 a{ font-size:16px; line-height:24px; color:#223a5e; text-decoration:none;}
.ny_dbimg .caption p{ line-height:24px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.ny_dbimg .caption p:last-child{ margin-top:20px;}
.ny_dbimg .caption p:last-child a{ padding:5px 15px; color:#Fff; background:#e60012; display:inline-block;}
.zr_ny_img a{ display:block; padding-top:66%;}

.ny_dbtext{ border:2px solid #dedede; padding:5px 15px; margin-bottom:12px; position:relative;}
.ny_dbtext:after{ content:''; width:31px; height:28px; background:url(../images/xing.png) left top no-repeat; position:absolute; top:0; right:0; z-index:2;}
.ny_dbtext:last-child{ margin-bottom:0px;}
.ny_dbtext a{ text-decoration:none;}
.ny_dbtext h5{ color:#333; line-height:22px; font-size:16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ny_dbtext p{ color:#666; line-height:22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.ny_dbtext h6{ color:#999;}
.ny_dbtext h6 span{ display:inline-block;}
.ny_dbtext h6 span:first-child{ margin-right:20px;}
.ny_dbtext h6 span i{ display:inline-block; margin-right:5px; vertical-align:middle;}
.ny_dbtext:hover h5{ color:#223a5e;}


.zr_ny_li a{ text-decoration:none;}
.zr_ny_li .caption{ border:1px solid #dedede; line-height:24px; padding:20px 0; text-align:center; font-size:15px; color:#898989; transition:all 0.3s; margin-right: 30px;}
.zr_ny_li .caption strong{ font-size:28px; display:block; line-height:30px;}
.ny_li_text h5{ color:#333; transition:all 0.3s; font-size:16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ny_li_text p{ color:#898989; line-height:24px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; margin-bottom:0px;}
.zr_ny_li{ border-bottom:1px solid #eee; padding:30px 0;}
.zr_ny_li:hover .caption{ background:#e60012; border:1px solid #e60012; color:#fff;}
.zr_ny_li:hover h5{ color:#e60012;}



.zr_bg_biao{ padding:15px 0;}
.zr_bg_biao h2{ color:#333; margin-bottom:20px; font-size: 24px;}
.zr_bg_biao h5 span{ display:inline-block; color:#999; margin-right:30px;}
.zr_bg_biao h5 span i{ display:inline-block; color:#999; margin-right:5px; vertical-align:middle;}
.zr_bg_biao h5 div.bshare-custom{ display:inline-block; color:#999;}
.zr_bg_biao h5 div.bshare-custom i{ display:inline-block; color:#999; margin-right:5px; vertical-align:middle;pointer-events: none;}
.zr_bg_biao h5 div.bshare-custom a{ background:none !important; padding:0 !important;}














.ty_content p{ font-size: 14px; line-height: 24px; color: #666;}
.ty_content img{ max-width: 100%;}
.ty_content table{ border: 1px solid #000;}
.ty_content table tr th{ border-right: 1px solid #000; text-align: center;}
.ty_content table tr th:last-child{ border-right: none;}

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

.fanye{ padding:30px 0;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#e60012; border:1px solid #e60012;}
.fanye a.active{ background:#e60012; border:1px solid #e60012; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #e60012;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ margin: 50px 0;}
.fanye02 p{ color: #666; font-size: 16px;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.fanye02 p a{ color: #666; transition: all 0.3s;}
.fanye02 p a:hover{ color: #e60012;}


.my-map { margin: 0 auto; width: 100%; height:600px; border: 1px solid #dedede;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/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%;}

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