@media (max-width:767px){
	body{ padding-top: 60px !important;}
	.gb_xs_san{ height: 60px; float: right;}
	.gb_xs_san i{ display: inline-block; line-height: 60px; font-size: 20px;}
	.gb_logo{ height: 60px !important; width: auto !important;}
	.gb_logo img{ display: block !important; height: 100% !important;}
	.gb_nav.active{ display: block !important;}
	.gb_nav{ position: absolute; left: 0; top: 100%; width: 100% !important; padding: 15px 0 !important; border-top: 1px solid #dedede; background: #0085d5; display: none !important;}
	.gb_nav ul li{ display: block !important; text-align: left !important; margin: 0 !important; padding-left: 30px !important;}
	.gb_nav ul li>a{ padding-bottom: 10px !important; color: #fff !important; display: inline-block !important;}
	.gb_nav ul li>a:after{ display: none !important;}
	.gb_nav ul li:last-child{ text-align: center !important; padding-left: 0 !important;}
	.gb_more{ float: right !important; padding-top: 20px !important; width: 40% !important;}
	.gb_more .gb_more_a{ margin: 0 5px !important;}
	.gb_more .gb_more_a:first-child{ display: none !important;}
	.gb_more .gb_more_a:last-child{ padding: 0 !important; color: #0085d5 !important; background: none !important;}
	.gb_more_a .gb_erji .gb_erji_li{ padding: 0 10px !important; text-align:center !important;}
	.gb_more_a .gb_erji .gb_erji_li a{ padding: 0 !important;}
	.gb_erji{ display: none !important;}
	.gb_more .gb_more_a:hover .gb_erji{ display: block !important;}
	.gb_sbanner .swiper-slide a{ padding-top: 30% !important;}
	.gb_sbanner .swiper1 .swiper-button-prev{ left: 5px !important;}
	.gb_sbanner .swiper1 .swiper-button-next{ right: 5px !important;}
	.gb_spro{ padding: 30px 0 !important;}
	.gb_sbiao{ line-height: 20px !important;}
	.gb_sbiao strong{ font-size: 18px !important;}
	.gb_search{ margin-top: 5px !important;}

	.gbs_nav{ position: absolute; left: calc(100% + 15px); top: 0; background: #0085d5; color: #fff; padding: 4px 15px; border-radius: 4px; transition: all 0.3s;}
	.gb_spro_left{ position: relative; margin-bottom: 10px;}
	.gb_spro_left>ul{ position: absolute; left: -16px; top: 70%; margin-top: 0 !important; z-index: 2; background: #0085d5; padding: 10px 15px !important; transform: translateX(-100%); transition: all 0.3s;width: 70%;}
	.gb_spro_left>ul li a{ color: #fff;}
	.gb_spro_left.active>ul{ transform: translateX(0); left: 0;}
	.gb_spro_left.active .gbs_nav{ left: calc(100% + 1px); }
	.gb_li_one>a i{ color: #fff !important;}
	.gb_li_one.active>a{ color: #fff !important;}
	.gb_li_one:hover>a{ color: #fff !important;}
	.gb_li_two li a:hover{ color: #fff !important;}

	.gb_all{ margin-top: 5px !important; text-align: right;}
	.gb_all a{ padding: 4px 8px !important; font-size: 14px !important;}

	.gb_news_left .gb_all{ margin-top: 0 !important; text-align: center !important;}
	.gb_news{ padding:30px 0 !important;}
	.gb_sbiao2{ margin-left: 0 !important; margin-bottom: 15px !important;}
	.gb_svideo{ margin-left: 0 !important;}
	.gb_news_left{ margin-bottom: 20px !important;}
	.gb_svideo .gb_all{ text-align: left !important;}
	.gb_sbiao2 span{ font-size: 20px !important;}
	.gb_hezuo_swiper:after{ display: none !important;}
	.gb_foot_di{ color: #999 !important;}
	.gb_foot_di a{ color: #999 !important;}

	.gb_ren_text h3{ font-size: 16px !important; line-height: 24px !important; margin-top: 0 !important;}
	.gb_ren_text h4{ margin: 10px 0 !important; font-size: 16px !important;}
	.gb_ren_text h5{ font-size: 14px !important; line-height: 20px !important;}
	.gb_contact{ padding-top: 0 !important;}
	.gb_contact .row .col-md-6{ margin-bottom: 15px !important;}
	.gb_biaodan{ margin: 30px 0 !important;}
	.gb_biaodan>h3{ font-size: 16px !important;}
	.gb_biaodan .caption{ padding-left: 0 !important; border: none !important;}
	.gb_biaodan h4{ margin-bottom: 10px !important;}
	.gb_biaodan .caption{ padding-top: 10px !important;}

	.gb_customer ul li{ margin:2px 0 !important;}
	.gb_customer ul li a{ padding: 4px 6px !important;}
	.gb_map ul li:last-child a{ left: 0% !important;transform: translateX(-60%) !important;}
	.gb_download ul li a{ padding: 4px 8px !important;}
	.gb_download ul li{ margin: 2px 0 !important;}
	.gb_down_li h4{ padding-right: 80px !important;}
	.gb_down_li h4 a{ font-size: 16px !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;}
	.gb_xs_san{ height: 60px; float: right;}
	.gb_xs_san i{ display: inline-block; line-height: 60px; font-size: 20px;}
	.gb_logo{ height: 60px !important; width: auto !important;}
	.gb_logo img{ display: block !important; height: 100% !important;}
	.gb_nav.active{ display: block !important;}
	.gb_nav{ position: absolute; left: 0; top: 100%; width: 100% !important; padding: 15px 0 !important; border-top: 1px solid #dedede; background: #0085d5; display: none !important;}
	.gb_nav ul li{ display: block !important; text-align: left !important; margin: 0 !important; padding-left: 30px !important;}
	.gb_nav ul li>a{ padding-bottom: 10px !important; color: #fff !important; display: inline-block !important;}
	.gb_nav ul li>a:after{ display: none !important;}
	.gb_nav ul li:last-child{ text-align: center !important; padding-left: 0 !important;}
	.gb_more{ float: right !important; padding-top: 20px !important; width: 40% !important;}
	.gb_more .gb_more_a{ margin: 0 5px !important;}
	.gb_more .gb_more_a:first-child{ display: none !important;}
	.gb_more .gb_more_a:last-child{ padding: 0 !important; color: #0085d5 !important; background: none !important;}
	.gb_more_a .gb_erji .gb_erji_li{ padding: 0 10px !important; text-align:center !important;}
	.gb_more_a .gb_erji .gb_erji_li a{ padding: 0 !important;}
	.gb_erji{ display: none !important;}
	.gb_more .gb_more_a:hover .gb_erji{ display: block !important;}
	.gb_sbanner .swiper-slide a{ padding-top: 30% !important;}
	.gb_sbanner .swiper1 .swiper-button-prev{ left: 5px !important;}
	.gb_sbanner .swiper1 .swiper-button-next{ right: 5px !important;}
	.gb_spro{ padding: 30px 0 !important;}
	.gb_sbiao{ line-height: 20px !important;}
	.gb_sbiao strong{ font-size: 18px !important;}
	.gb_search{ margin-top: 5px !important;}

	.gbs_nav{ position: absolute; left: calc(100% + 15px); top: 0; background: #0085d5; color: #fff; padding: 4px 15px; border-radius: 4px; transition: all 0.3s;}
	.gb_spro_left{ position: relative; margin-bottom: 10px;}
	.gb_spro_left>ul{ position: absolute; left: -15px; top: 70%; margin-top: 0 !important; z-index: 2; background: #fff; padding: 10px 15px !important; transform: translateX(-100%); transition: all 0.3s;}
	.gb_spro_left.active>ul{ background: #0085d5;}
	.gb_spro_left.active>ul li{ opacity: 1;}
	.gb_spro_left>ul li{ opacity: 0; transition: all 0.3s;}
	.gb_spro_left>ul li a{ color: #fff;}
	.gb_spro_left.active>ul{ transform: translateX(0); left: 0;}
	.gb_spro_left.active .gbs_nav{ left: calc(100% + 1px); }
	.gb_li_one>a i{ color: #fff !important;}
	.gb_li_one.active>a{ color: #fff !important;}
	.gb_li_one:hover>a{ color: #fff !important;}
	.gb_li_two li a:hover{ color: #fff !important;}

	.gb_all{ margin-top: 5px !important; text-align: right;}
	.gb_all a{ padding: 4px 8px !important; font-size: 14px !important;}

	.gb_news_left .gb_all{ margin-top: 0 !important; text-align: center !important;}
	.gb_news{ padding:30px 0 !important;}
	.gb_sbiao2{ margin-left: 0 !important; margin-bottom: 15px !important;}
	.gb_svideo{ margin-left: 0 !important;}
	.gb_news_left{ margin-bottom: 20px !important;}
	.gb_svideo .gb_all{ text-align: left !important;}
	.gb_sbiao2 span{ font-size: 20px !important;}
	.gb_hezuo_swiper:after{ display: none !important;}
	.gb_foot_di{ color: #999 !important;}
	.gb_foot_di a{ color: #999 !important;}

	.gb_ren_text h3{ font-size: 16px !important; line-height: 24px !important; margin-top: 0 !important;}
	.gb_ren_text h4{ margin: 10px 0 !important; font-size: 16px !important;}
	.gb_ren_text h5{ font-size: 14px !important; line-height: 20px !important;}
	.gb_contact{ padding-top: 0 !important;}
	.gb_contact .row .col-md-6{ margin-bottom: 15px !important;}
	.gb_biaodan{ margin: 30px 0 !important;}
	.gb_biaodan>h3{ font-size: 16px !important;}
	.gb_biaodan .caption{ padding-left: 0 !important; border: none !important;}
	.gb_biaodan h4{ margin-bottom: 10px !important;}
	.gb_biaodan .caption{ padding-top: 10px !important;}

	.gb_customer ul li{ margin:2px 0 !important;}
	.gb_customer ul li a{ padding: 4px 6px !important;}
	.gb_map ul li:last-child a{ left: 0% !important;transform: translateX(-60%) !important;}
	.gb_download ul li a{ padding: 4px 8px !important;}
	.gb_download ul li{ margin: 2px 0 !important;}
	.gb_down_li h4{ padding-right: 80px !important;}
	.gb_down_li h4 a{ font-size: 16px !important;}

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

	}


@media (min-width:991px) and (max-width:1200px) {
	.gb_logo { width: 21% !important;}
	.gb_nav{ width: 56% !important;}
	.gb_nav ul li{ margin: 0 5px !important;}
	.gb_nav ul li>a{ font-size: 12px !important;}
	.gb_more{ width: 23% !important;}
	.gb_more .gb_more_a:last-child{ padding: 10px 5px !important;}
	.gb_more .gb_more_a{ margin: 0 5px !important;}
	.gb_more{ padding-top: 20px !important;}


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


	}

@media (min-width:1200px) and (max-width:1440px) {
	.gb_nav ul li{ margin: 0 5px !important;}
	.gb_nav ul li>a{ font-size: 14px !important;}
	.gb_more .gb_more_a:last-child{ padding: 10px 15px !important;}
	.gb_more .gb_more_a{ margin: 0 5px !important;}
	.gb_more{ padding-top: 20px !important;}
	
}

@media (min-width:991px) {
.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:1441px){
.container.gb{ width: 1350px !important; padding: 0 !important;}


}




/* html{ scroll-behavior:smooth; } */



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



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



body{ padding-top: 80px;font-family: 'Conv_MONTSERRAT-LIGHT' !important;}
.gb_logo{ width:20%;}
.gb_nav{ width:60%;}
.gb_more{ width:20%;}

.gb_header{ box-shadow: 0px 2px 4px rgba(0,0,0,0); background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.gb_top{ background: #fff; position: relative; z-index: 2; border-bottom: 1px solid #DEdede;}
.gb_nav{ padding-top: 30px;}
.gb_nav ul li{ display: inline-block; margin: 0 10px; position: relative;}
.gb_nav ul li>a{ display: block; text-align: center; font-size: 15px; color: #2c2827; padding-bottom: 29px; position: relative; transition: all 0.3s;}
.gb_nav ul li:hover>a{ color: #0085d5;}
.gb_nav ul li>a:after{ content: ''; width: 100%; display: block; height: 5px; background: #0085d5; position: absolute; bottom: 15px; left: 0; display: none;}
.gb_nav ul li.active>a:after{ display: block;}

.gb_nav ul li:hover .gb_erji{ display: block;}
.gb_erji{ position: absolute; top: 100%; left: 0; z-index: 2; background: rgba(255,255,255,0.85); border-radius: 4px; padding: 10px 0; text-align: left; display: none; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.gb_erji .gb_erji_li{ padding: 0 15px; position: relative;}
.gb_erji .gb_erji_li>a{ color: #333; font-size: 15px; font-weight: none; padding: 5px 0; position: relative; display: inline-block; white-space: nowrap;}
/* .gb_erji .gb_erji_li>a:after{ content: ''; width: 100%; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; display: none;}
.gb_erji .gb_erji_li:hover>a:after{ display: block;} */
.gb_erji .gb_erji_li>a:hover{ color: #0085d5;}

.gb_erji .gb_erji_li:hover .gb_sanji{ display: block;}
.gb_sanji{ position: absolute; left: calc(100% + 2px); top: 0; background: rgba(255,255,255,0.85); box-shadow: 0px 2px 4px rgba(0,0,0,0.2); border-radius: 4px; padding: 10px 15px; display: none;}
.gb_sanji:after{ content: ''; width: 2px; height: 100%; position: absolute; left: -2px; top: 0;}
.gb_sanji a{ white-space: nowrap; font-weight: none; font-size: 15px; color: #666; line-height: 18px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.3); display: block; transition: all 0.3s;}
.gb_sanji a:hover{
	/* background: rgba(0,0,0,0.1); */
	color: #0085d5;

}

.gb_more{ padding-top: 30px; text-align: right;}
.gb_more .gb_more_a{ display: inline-block; font-size: 15px; margin: 0 10px; line-height: 21px; color: #2c2827; cursor: pointer; position: relative;}
.gb_more .gb_more_a:hover{ color: #df0615;}
.gb_more .gb_more_a i{ font-size: 18px; display: inline-block; line-height: 21px; margin-right: 5px;}
.gb_more .gb_more_a:last-child{ margin-right: 0; padding: 10px 25px; background: #2c2827; margin-top: -10px; color: #fff;}
.gb_more .gb_more_a:last-child i{ margin-right: 0;}
.gb_more .gb_more_a .gb_erji{ width: 100%; padding: 5px 0;}
.gb_more .gb_more_a .gb_erji .gb_erji_li a{ font-weight: normal;}
.gb_more .gb_more_a .gb_erji .gb_erji_li a:after{ display: none;}
.gb_more .gb_more_a:hover .gb_erji{ display: block;}

.gb_bottom{ position: absolute; top: 0; left: 0; right: 0; background: #fff; padding: 15px 0; z-index: -1; transition: all 0.3s; opacity: 0; pointer-events: none;}
.gb_bottom.active{top: 100%; opacity: 1; pointer-events: auto;}
.gb_bottom .row{ margin: 0;}
.gb_bottom .row .col-md-4, .gb_bottom .row .col-md-8{ padding: 0;}
.gb_search{ position: relative;}
.gb_search button{ position: absolute; right: 0; top: 0;}
.gb_bottom button, .gb_bottom input{ height: 38px;}

.gb_sbanner .swiper-slide a{ display: block; padding-top: 18.22%;}
.gb_sbanner .swiper1 .swiper-button-prev{ left: 10%; background: none;}
.gb_sbanner .swiper1 .swiper-button-next{ right: 10%; background: none;}
.gb_sbanner .swiper1 .swiper-button-prev, .gb_sbanner .swiper1 .swiper-button-next{ font-size: 30px; color: #fff; opacity: 0.75;}
.gb_sbanner .swiper1 .swiper-button-prev.swiper-button-disabled, .gb_sbanner .swiper1 .swiper-button-next.swiper-button-disabled{ opacity: 0.3;}

.gb_spro{ padding: 70px 0;}
.gb_sbiao{ font-size: 24px; color: #2c2827; padding-bottom: 5px; position: relative;}
.gb_sbiao:after{ content: ''; width: 40%; height: 1px; background: #0085d5; position: absolute; bottom: 0; left: 0;}
.gb_sbiao span{ font-size: 14px; color: #b1b1b2; display: block;}

.gb_spro_left>ul{ margin-top: 25px;}
.gb_li_one>a{ line-height: 30px; font-size: 15px; display: block; color: #2c2827; transition: all 0.3s; position: relative; padding-right: 22px;}
.gb_li_one:hover>a{ color: #0085d5;}
.gb_li_one:hover>a i{ color: #0085d5;}
.gb_li_one.active>a{ color: #0085d5;}
.gb_li_one.active>a i{ color: #0085d5;}
.gb_li_one>a i{ position: absolute; right: 0; top: 0; display: inline-block; line-height: 30px; padding: 0 5px; font-size: 12px; color: #666; cursor: pointer; transition: all 0.3s;}
.gb_li_two{ padding-left: 15px; display: none;}
.gb_li_two.active{ display: block;}
.gb_li_two li a{ font-size: 14px; color: #666; line-height: 24px; display: inline-block;}
.gb_li_two li a:hover{ color: #0085d5;}


.gb_all{ margin-top: 30px;}
.gb_all a{ padding: 6px 30px; border: 1px solid #dedede; font-size: 16px; background: #fff; color: #0085d5; display: inline-block; transition: all 0.3s;}
.gb_all a:hover{ border: 1px solid #0085d5;}

.gb_spro_right .caption{ border-bottom: 1px solid #Dedede; padding-bottom: 10px; overflow: hidden; margin-bottom: 20px;}
.gb_spro_right .caption h5{ font-size: 15px; color: #2c2827; line-height: 20px; height: 40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.3s;}
.gb_spro_img{ padding-top: 72%; border: 1px solid #dedede;}
.gb_spro_right .caption span{ color: #b1b1b2; transition: all 0.3s; cursor: pointer;}
.gb_spro_right .caption span i{ display: inline-block; margin-left: -16px; transition: all 0.3s;}
.gb_spro_right .caption:hover span{ color: red;}
.gb_spro_right .caption:hover span i{ margin-left: 0;}
.gb_spro_right .caption:hover h5{ color: #0085d5;}
.gb_spro_right .row{ margin: 0 -10px;}
.gb_spro_right .row .col-md-4{ padding: 0 10px;}

.gb_about{ background: #f7f6f5; padding-top: 50px;}
.gb_about p{ line-height: 24px;}
.gb_about .gb_all{ margin-top: 10px;}
.gb_about_bai{ margin-top: 30px; background: #fff; padding: 20px;}
.gb_about_bai .row{ margin: 0 -25px;}
.gb_about_bai .row .col-md-4{ padding: 0 25px;}
.gb_about_bai .caption h5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; color: #666; font-size: 15px;}
.gb_about_bai .caption h4{ color: #333; transition: all 0.3s;}
.gb_about_bai .caption:hover h4{ color: #0085d5;}

.gb_news{ padding: 70px 0;}
.gb_sbiao2{ margin-bottom: 30px; position: relative;}
.gb_sbiao2 span{ background: #fff; padding-right: 15px; display: inline-block; font-size: 24px; font-weight: bold;}
.gb_sbiao2:after{ content: ''; width: 100%; height: 1px; background: #dedede; position: absolute; left: 0; top: 50%; z-index: -1;}

.gb_news_img a{ display: block; padding-top: 60%;}
.gb_news_text h5{ color: #333; font-size: 16px; line-height: 24px; margin: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.3s;}
.gb_news_text h5 strong{ font-weight: normal;}
.gb_news_text p{ font-size: 15px; color: #666; line-height: 24px; margin-bottom: 5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.gb_news_text p i{ display: inline-block; margin-right: 5px;}
.gb_news_text h6 span{ display: inline-block; transition: all 0.3s; color: #0085d5; font-size: 15px;}
.gb_news_text:hover h6 span{ transform: translateX(5px);}
.gb_news_text:hover h5{ color: #0085d5;}
.gb_news_li{  border-bottom: 1px solid #dedede;}
.gb_news_li a{ display: block;padding: 20px 0; padding-right: 100px; position: relative; font-size: 15px;}
.gb_news_li a strong{ font-weight: normal; color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.3s;}
.gb_news_li a span{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999; transition: all 0.3s;}
.gb_news_li a:hover strong{ color: #0085d5;}
.gb_news_li a:hover span{ color: #0085d5;}
.gb_news_left .gb_all{ margin-top: 0;}
.gb_news_left .gb_all a{ border-top: none;}
.gb_news_left .gb_all a:hover{ background: #0085d5; color: #fff;}

.gb_svideo{ margin-left: 30px; background: #f7f6f5; padding: 15px;}
.gb_svideo .swiper2 .swiper-slide a{ display: block; padding-top: 53%; position: relative; overflow: hidden;}
.gb_svideo .swiper2 .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/vv.png) center center no-repeat rgba(0,0,0,0.5); opacity: 1; transition: all 0.3s; pointer-events: none;}
.gb_svideo .swiper2 .swiper-slide:hover a:after{ transform: scale(1.2);}
.gb_svideo .swiper2 .swiper-slide h5{ color: #333; font-size: 15px; line-height: 20px; margin: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 10px 0; transition: all 0.3s;}
.gb_svideo .swiper2 .swiper-slide p{ font-size: 15px; color: #666; line-height: 20px; margin-bottom: 5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.gb_svideo .gb_all{ margin-top: 10px; border-top: 1px solid #Dedede; padding-top: 10px;}
.gb_svideo .gb_all a{ padding: 0; border: none;}
.gb_svideo .swiper-pagination2{ position: static; float: right;}
.gb_svideo .swiper-pagination2 .swiper-pagination-bullet{ border-radius: 0; margin-left: 6px;}
.gb_svideo .swiper2 .swiper-slide:hover h5{ color: #0085d5;}


.gb_hezuo{ padding: 30px 0; background: #0085d5; color: #fff;}
.gb_hezuo h4{ margin: 0; line-height: 32px;}
.gb_hezuo_swiper{ padding-right: 30px; position: relative;}
.gb_hezuo_swiper:after{ content: ''; height: 80%; width: 1px; position: absolute; left: -15px; top: 10%; background: #fff;}
.gb_hezuo_swiper .swiper3 .swiper-slide a{ display: block; line-height: 32px;}
.gb_hezuo_swiper .swiper3 .swiper-slide a img{ display: inline-block; max-width: 50%; line-height: 32px;}
.gb_hezuo_swiper .swiper3 .swiper-slide a span{ display: inline-block; max-width: 45%; color: #fff; font-size: 15px; margin-left: 5%;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;}
.gb_hezuo_swiper .swiper-button-prev, .gb_hezuo_swiper .swiper-button-next{ top: 0; background: none; left: auto; right: 15px; width: 15px; height: 32px; line-height: 32px; text-align: center; margin-top: 0; outline: none;}
.gb_hezuo_swiper .swiper-button-next{ right: 0;}

.gb_footer{ padding: #f7f6f5; padding: 30px 0;}
.gb_footer .col-gb-1{ width: 16%; float: left; padding: 0 15px;}
.gb_footer .col-gb-2{ width: 16%; float: left; padding: 0 15px;}
.gb_footer .col-gb-3{ width: 16%; float: left; padding: 0 15px;}
.gb_footer .col-gb-4{ width: 16%; float: left; padding: 0 15px;}
.gb_footer .col-gb-5{ width: 16%; float: left; padding: 0 15px;}
.gb_footer .col-gb-6{ width: 20%; float: left; padding: 0 15px;}
.gb_footer .caption h5{ font-size: 15px; font-weight: bold; text-transform: uppercase;}
.gb_footer .caption p{ margin: 5px 0;}
.gb_footer .caption p a{ color: #706a6a; transition: all 0.3s; display: inline-block; font-size: 12px;}
.gb_footer .caption p a:hover{ color: #0085d5; transform: translateX(5px);}
.gb_ft_share span{ display: block; padding: 10px 0; text-align: center; background: #00b0e1; color: #fff;}
.gb_ft_share ul:after{ content: ''; clear: both; display: table;}
.gb_ft_share ul{ margin: 0 -2px; margin-top: 5px; position: relative;}
.gb_ft_share ul li{ float: left; width: 14.2%; padding: 0 2px; transition: all 0.3s;}
.gb_ft_share ul li a{ display: block; background: #bfbfbf; color: #fff; text-align: center; line-height: 32px; transition: all 0.3s;}
.gb_ft_share ul li:hover a{ background: #0085d5;}
.gb_foot_di{ padding: 15px 0; background: #fff; border-top: 1px solid #dedede; color: #342f2f;}
.gb_foot_di span{ display: inline-block; margin: 0 15px;}
.gb_foot_di span a{ color: #342f2f; transition: all 0.3s;}
.gb_foot_di span a:hover{ color: #0085d5;}

.gb_ft_share ul li:hover .gb_ft_tan{ display: block;}
.gb_ft_tan{ position: absolute; top: 100%; left:0; top: 100%; padding: 10px 0; width: 100%; background: #fff; border: 1px solid #eee; font-size: 0;text-align: center; display: none;}
.gb_ft_tan span img{ display: block; width: 100%;}
.gb_ft_tan span{ display: inline-block; font-size: 14px; width: 40%; padding: 0;}
.gb_ft_tan span:first-child{ margin-right: 5%;}
.gb_ft_tan span a{ background: none; color: #fff;}
.gb_ft_share ul li:hover .gb_ft_tan span a{ background: none;}

.gb_ny_zhong{ margin: 30px 0;}
/* .gb_nbiao{ background: #d0cfcf; padding: 30px 0; text-align: center; color: #333; font-size: 24px;} */
.gb_ny_left{ margin-right: 10%;}
.gb_ny_left .gb_spro_left>ul{ margin-top: 10px;}
.gb_ny_left .gb_spro_left .gb_li_one{ border-bottom: 1px solid #Dedede;}
/* .gb_ny_left .gb_spro_left .gb_li_one:last-child{ border-bottom: 1px solid #dedede;} */
.gb_ny_left .gb_spro_left .gb_li_one>a{ padding: 8px 22px; padding-right: 30px; line-height: 24px;}
.gb_ny_left .gb_li_one>a i{ top: 5px; line-height: 24px; right: 8px;}
.gb_ny_left .gb_li_one.active a{ color: #0085d5;}
.gb_ny_left .gb_li_one.active a i{ color: #0085d5;}
.gb_ny_left .gb_li_one .gb_li_two{ padding-left: 22px;}
.gb_ny_left .gb_li_one .gb_li_two{ padding-bottom: 8px;}
.gb_ny_left .gb_li_one .gb_li_two li a{ font-size: 14px; color: #888; transition: all 0.3s;}
.gb_ny_left .gb_li_one .gb_li_two li:hover a{ color: #0085d5;}

.ny_nbiao{ font-size: 24px; color: #2c2827; padding-bottom: 5px; border-bottom: 1px solid #dedede; margin-bottom: 15px;}
.gb_nab_right .swiper1 .swiper-slide h5{ color: #888;}
.gb_nab_right .swiper1 .swiper-slide a{ display: block; position: relative;}
.gb_nab_right .swiper1 .swiper-slide a img{ display: block; width: 100%;}

.gb_nab_right .swiper-container .swiper-slide a img{ display: block; width: 100%;}
.gb_nab_right .swiper1 .swiper-slide a:after{ content: ''; width: 100%; height: 100%; background: url(../images/gb_jiaa.png) center center no-repeat rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.gb_nab_right .swiper1 .swiper-slide:hover a:after{ opacity: 1;}
.gb_nab_right .swiper-container .swiper-button-prev{ left: 0;}
.gb_nab_right .swiper-container .swiper-button-next{ right: 0;}
.gb_nab_right .swiper-container .swiper-button-prev, .gb_nab_right .swiper-container .swiper-button-next{ width: 36px; height: 50px; margin-top: -42px; background: rgba(255,255,255,0.75); text-align: center;}
.gb_nab_right .swiper-container .swiper-button-prev i, .gb_nab_right .swiper-container .swiper-button-next i{ line-height: 50px; font-size: 30px; color: #666;}
.gb_nab_video{ position: relative; margin: 15px 0;}
.gb_nab_video video{ width: 57.8%; top: 14.5%; right: 10.8%; height: 64.2%; background: #000; position: absolute; z-index: 2; outline: none;}



.gb_group{ position: relative;}
.gb_group input{ padding-right: 45px;}
.gb_group button, .gb_group input{ height: 36px;}
.gb_group button{ position: absolute; right: 0; top: 0;}

.gb_download ul{ margin-bottom: 20px;}
.gb_download ul li{ display: inline-block; margin: 0 5px;}
.gb_download ul li a{ padding:6px 15px; border: 1px solid #Dedede; color: #666; display: block; transition: all 0.3s; font-size: 15px;}
.gb_download ul li:hover a{ color: #0085d5; border: 1px solid #0085d5;}
.gb_download ul li.active a{ color: #0085d5; border: 1px solid #0085d5;}
.gb_down_li{ background: #fff; border: 1px solid #dedede; margin-bottom: 15px;}
.gb_down_li h4, .gb_down_li h5{ padding: 0 15px;}
.gb_down_li h4{ position: relative; border-bottom: 1px solid #dedede; padding-bottom: 10px; line-height: 24px;}
.gb_down_li h4 span{ position: absolute; right: 15px; top: 0; font-size: 14px; color: #888;}
.gb_down_li h4 a{ display: inline-block; padding-left: 35px; position: relative;}
.gb_down_li h4 a:after{ content: ''; width: 25px; height: 26px; background: url(../images/gb_pdf.jpg) center no-repeat; background-size: cover; position: absolute; left: 0; top: -2px;}
.gb_down_li h4 a:hover{ color: #0085d5;}
.gb_down_li:hover{ box-shadow: 0px 0px 6px rgba(0,0,0,0.15);}


.gb_customer ul{ margin-bottom: 20px;}
.gb_customer ul li{ display: inline-block; margin: 0 5px;}
.gb_customer ul li a{ padding:6px 15px; border: 1px solid #Dedede; color: #666; display: block; transition: all 0.3s; font-size: 15px; font-weight: bold;}
.gb_customer ul li:hover a{ color: #0085d5; border: 1px solid #0085d5;}
.gb_customer ul li.active a{ color: #0085d5; border: 1px solid #0085d5;}

.gb_customer .swiper-container .swiper-slide h5{ color: #888; text-align: center;}
.gb_customer .swiper-container .swiper-slide a{ display: block; position: relative;}
.gb_customer .swiper-container .swiper-slide a:after{ content: ''; width: 100%; height: 100%; background: url(../images/gb_jiaa.png) center center no-repeat rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
.gb_customer .swiper-container .swiper-slide:hover a:after{ opacity: 1;}
.gb_customer .swiper-container .swiper-slide a img{ display: block; width: 100%;}
.gb_customer .swiper-container .swiper-button-prev{ left: 0;}
.gb_customer .swiper-container .swiper-button-next{ right: 0;}
.gb_customer .swiper-container .swiper-button-prev, .gb_customer .swiper-container .swiper-button-next{ width: 36px; height: 50px; margin-top: -42px; background: rgba(0,133,213,0.75); text-align: center;}
.gb_customer .swiper-container .swiper-button-prev i, .gb_customer .swiper-container .swiper-button-next i{ line-height: 50px; font-size: 30px; color: #fff;}

.gb_map{ margin: 30px 0;}



.gb_ren_img{ padding-top: 128%;}
.gb_contact{ padding-top: 30px;}
.gb_contact .row .col-md-6{ margin-bottom: 25px;}
.gb_ren_text h3{ font-weight: bold; line-height: 26px; font-size: 20px; margin-top: 5px;}
.gb_ren_text h4{ margin: 20px 0;}
.gb_ren_text h5{ line-height: 24px; font-size: 15px;}


.gb_biaodan{ margin: 100px auto; margin-bottom: 50px; border: 1px solid #Dedede; padding-bottom: 20px;}
.gb_biaodan>h3{ border-bottom: 1px solid #Dedede; color: #0085d5; padding-bottom: 20px; margin-bottom: 20px;}
.gb_biaodan .row{ margin-left: 5%; margin-right: 5%;}
.gb_biaodan h4{ margin-bottom: 15px; font-weight: bold;}
.gb_biaodan h4 strong{ color: #0085d5;}
.gb_biaodan h5{ font-size: 15px; line-height: 24px;}
.gb_biaodan .caption{ padding-left: 50px; border-left: 1px solid #dedede;}



@-webkit-keyframes gb_big {
	0% {opacity:1; transform: scale(1);}
	100% {opacity:0; transform: scale(3);}
	}
	@keyframes gb_big {
	0% {opacity:1; transform: scale(1);}
	100% {opacity:0; transform: scale(3);}
	}
	.gb_map ul li:before {
		-webkit-animation: gb_big 2s infinite;
		animation: gb_big 2s infinite;
	}
	
	.gb_map{ position: relative;}
	.gb_map ul{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
	.gb_map ul li{ position: absolute; width: 0px; height: 0px; cursor: pointer;}
	.gb_map ul li a{ position: absolute; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: rgba(0,36,127,0.75); color: #fff; padding: 4px 8px; border-radius: 4px; white-space: nowrap; display: block; opacity: 0; transition: all 0.3s; pointer-events: none; z-index: 2;}
	.gb_map ul li:hover a{ opacity: 1; pointer-events: auto;}
	.gb_map ul li:after{ content: ''; width: 10px; height: 10px; background: #00247f; border-radius: 50%; position: absolute; top: -50%; left: -50%; transform: translateX(-50%) translateY(-50%);}
	.gb_map ul li:before{ content: ''; width: 10px; height: 10px; background: #00247f; border-radius: 50%; position: absolute; top: -5px; left: -5px;}
	.gb_map ul li:nth-child(19):after{background: red; }
	.gb_map ul li:nth-child(19):before{background: red; }
	
	.gb_map ul li:nth-child(1){ left: 11.27%; top: 43.2%;}
	.gb_map ul li:nth-child(2){ left: 21.7%; top: 45.1%;}
	.gb_map ul li:nth-child(3){ left: 21.9%; top: 69%;}
	.gb_map ul li:nth-child(4){ left: 24.1%; top: 79%;}
	.gb_map ul li:nth-child(5){ left: 27.32%; top: 83.3%;}
	.gb_map ul li:nth-child(6){ left: 32.3%; top: 69.5%;}
	.gb_map ul li:nth-child(7){ left: 44.5%; top: 33.3%;}
	.gb_map ul li:nth-child(8){ left: 45.9%; top: 37.3%;}
	.gb_map ul li:nth-child(9){ left: 47.27%; top: 27%;}
	.gb_map ul li:nth-child(10){ left: 48.3%; top: 35.5%;}
	.gb_map ul li:nth-child(11){ left: 49.39%; top: 41.7%;}
	.gb_map ul li:nth-child(12){ left: 52.39%; top: 40.8%;}
	.gb_map ul li:nth-child(13){ left: 52.6%; top: 79%;}
	.gb_map ul li:nth-child(14){ left: 55%; top: 42%;}
	.gb_map ul li:nth-child(15){ left: 56.8%; top: 63.5%;}
	.gb_map ul li:nth-child(16){ left: 65.5%; top: 24.6%;}
	.gb_map ul li:nth-child(17){ left: 68.1%; top: 53.8%;}
	.gb_map ul li:nth-child(18){ left: 76.2%; top: 54.6%;}
	.gb_map ul li:nth-child(19){ left: 80%; top: 43.9%;}
	.gb_map ul li:nth-child(20){ left: 79.9%; top: 61.3%;}
	.gb_map ul li:nth-child(21){ left: 88%; top: 65.6%;}
	.gb_map ul li:nth-child(22){ left: 87%; top: 76.1%;}
	.gb_map ul li:nth-child(23){ left: 95%; top: 90.6%;}




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


.tabel_content table{ max-width: 100% !important;}


.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:#e60013;}
.fanye a.active{ background:#e60013; color:#e5c9a3;}
.fanye a.active:hover{ color:#e5c9a3;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}



.product_conetent ul.cp_ul{ text-align: center !important; margin-bottom: 30px !important;}
.product_conetent ul.cp_ul li{ width: auto !important; float: none !important; display: inline-block; margin: 0 5px !important;}
.product_conetent ul.cp_ul li a{padding: 10px 15px !important; background: none !important; border: 1px solid #Dedede;}
.product_conetent ul.cp_ul li.active a{ border: 1px solid #0085d5; color: #0085d5;}
.product_conetent{ border: none !important;}
.product_conetent .cp_content{ padding: 0 !important;}







/* 原版+修改 */
.ny_left ul li:first-child{ border-top: none;}
.ny_left ul li{ border: none;}
.ny_left ul li.active a{ background: none;}
.ny_left ul li a{ padding-left: 0;}
.ny_left ul li .ej_left a{ padding: 5px 15px; position: relative; color: #777;}
/* .ny_left ul li .ej_left a:after{ position: absolute; left: 15px; top: 13px; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #777;} */
.ny_left ul li .ej_left a:hover{ color: #0085d5;}
/* .ny_left ul li .ej_left a:hover:after{ background: #0085d5;} */
.ny_left ul li .ej_left.active{ padding: 0; border-top: none;}

.ny_left ul li a.ctm{ position: relative; padding-left: 0;}
.ny_left ul li a.ctm i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}


.ryzs_right.gb_ryzs_right .caption .zs_img{ height: auto !important;}
.ryzs_right.gb_ryzs_right .caption .zs_img a{ padding-top: 70%; display: block;}
.product_jj{ padding: 0 !important; border: none !important; margin-bottom: 50px;}

.more_a{ margin: 0; text-align: left;}
.more_a a{ color: #b1b1b2; transition: all 0.3s; background: none; padding: 0; border-radius: 0;}
.more_a a i{ display: inline-block; margin-left: -16px; transition: all 0.3s;}
.cp_lsit_right .caption:hover .more_a a{ color: red;}
.cp_lsit_right .caption:hover .more_a a i{ margin-left: 0;}
.cp_lsit_right .caption{ padding: 0; border-bottom: 1px solid #Dedede;
    padding-bottom: 10px;
    overflow: hidden;
	margin-bottom: 20px;}
.cp_lsit_right .caption:hover{ box-shadow: none;}
.cp_lsit_right .caption .ncp_img{ border: 1px solid #Dedede;}
.cp_lsit_right .caption h3{ margin-top: 10px; text-align: left; font-size: 14px;}
.cp_lsit_right .caption h3 strong{ font-weight: normal;}
.cp_lsit_right .caption h5{ display: none;}



.video_li .v_cp_img{ position: relative;}
.video_li .v_cp_img:after{ content: ''; width: calc(100% - 1px); height: 100%; border: 1px solid #Dedede; position: absolute; left: 0; top: 0; pointer-events: none;}
.video_li .swiper-container .swiper-slide h5{ margin-top: 10px; text-align: left; font-size: 14px;}
.video_li .swiper-container .swiper-slide h5 strong{ font-weight: normal;}
.video_li .swiper-container .swiper-slide p{ display: none;}
.video_li .swiper-container .swiper-slide{ text-align: left;
    overflow: hidden;}
.video_li .swiper-container .swiper-slide span{ color: #b1b1b2; transition: all 0.3s; background: none; padding: 0; border-radius: 0;}
.video_li .swiper-container .swiper-slide span i{ display: inline-block; margin-left: -16px; transition: all 0.3s;}
.video_li .swiper-container .swiper-slide:hover span{ color: red;}
.video_li .swiper-container .swiper-slide:hover span i{ margin-left: 0;}


.product_jj .col-md-8 .caption ul{ max-width: 100% !important;}
.product_jj .row .col-md-4 .caption{ margin-bottom: 10px;}