@media (max-width:767px){

.bheader.active .logo{ height:60px !important;}

.bheader.active .navs ul li>a{ line-height:40px !important;}



.bheader{ height:60px !important;}

.blogo {width: 120px !important; height: 60px !important; margin-left:-15px !important; padding-left: 15px !important;}

.bheader_right{width:100% !important; padding: 20px 0 !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#28327e !important; display:none;}

.bheader_right.active{ display:block; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}

.bnavs { width: 100% !important; float:none !important;}

.bnavs ul li{ text-align:center !important; display: block !important;}

.bnavs ul li a{ line-height:40px !important; color: #fff !important; font-size: 16px !important; font-weight: normal !important;}

.bnavs ul li.bnav_ss{ margin: 0 15px !important;}
.bnavs ul li .erji{ display: none !important;}




.bsan{ height:60px; width:24px; position:relative;}

.bsan i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#28327e;}

.bsan:after{ width:24px; height:4px; background:#28327e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}

.bsan:before{ width:24px; height:4px; background:#28327e; content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}

.bsan.active:after{ opacity:1;}

.bsan.active:before{ opacity:1;}

.bsan.active i{ opacity:0;}



.bnav_ss>a{ display: none !important;}
.bss_xiala{ position: static !important; transform: translateY(0) !important; pointer-events: auto !important; opacity: 1 !important;}

.bss_xiala{ right: 0; margin: 0 auto; box-shadow: 0px 0px 4px rgba(255,255,255,0.3) !important;}

.bnav_lang>a{ display: none !important;}

.bnavs ul li.bnav_ss a:hover i{ color: #fff !important;}

.bnav_lang .blang_xiala{ transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important;}

.bnav_lang .blang_xiala{ width: 100% !important; padding: 0 !important; position: static !important; background: none !important; box-shadow: none !important; border: none !important;}

.bnav_lang .blang_xiala a{ display: inline-block !important; margin: 0 10px !important;}





/* 首页 */

.bs_banner{ margin-top: 60px !important;}

.bs_banner .swiper1 .swiper-slide a{ padding-top: 50% !important;}

.bs_banner .swiper-button-prev1, .bs_banner .swiper-button-next1{width: 36px !important; height: 36px !important;}

.bs_banner .swiper-button-prev1 i, .bs_banner .swiper-button-next1 i{ line-height: 36px !important; font-size: 18px !important;}

.bs_banner .swiper1 .swiper-pagination1{ bottom: 15px !important;}

.bs_product{ padding: 15px 0 !important;}

.bs_biao{ margin: 15px 0 !important; font-size: 24px !important;}

.bs_product ul li a{ padding: 5px 5px !important; border-radius: 4px !important;}

.bspro_img{ margin-bottom: 20px !important;}

.bs_fangan .caption{ margin-top: 15px !important;}

.bs_fangan i{ width: 90px !important; height: 90px !important;}

.bs_fangan h4{ margin-top: 15px !important;}

.bs_fangan i img{ width: 50px !important;}

.bs_fangan{ padding: 15px 0 !important; padding-bottom: 50px !important;}

.basb_left{ padding: 20px 0 !important;}

.basb_left h2 strong{ font-size: 46px !important;}

.basb_left h3{ font-size: 20px !important;}

.basb_left:after{ right: -15px !important; width: calc(100% + 30px) !important;}

.basb_left .shuzi{ position: static !important; width: 100% !important; padding: 15px !important;}

.basb_left .shuzi ul:after{ content: ''; clear: both; display: table;}

.basb_left .shuzi ul li{ float: left; width: 45%; padding:15px 0 !important;}

.basb_left .shuzi ul li:nth-child(2n){ width: 55% !important;}

.basb_left .shuzi ul li h2{ font-size: 24px !important;}

.basb_left .shuzi ul li h5{ font-size: 12px !important;}

.basb_left .shuzi ul li:nth-last-child(2){ border-bottom: none !important;}

.bs_hezuo{ padding: 30px 0 !important; padding-bottom: 50px !important;}







}





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

	.bheader.active .logo{ height:60px !important;}

	.bheader.active .navs ul li>a{ line-height:40px !important;}

	

	.bheader{ height:60px !important;}

	.blogo {width: 120px !important; height: 60px !important; margin-left:-15px !important; padding-left: 15px !important;}

	.bheader_right{width:100% !important; padding-top: 20px !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#28327e !important; display:none;}

	.bheader_right.active{ display:block; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}

	.bnavs { width: 100% !important; float:none !important;}

	.bnavs ul li{ text-align:center !important; display: block !important;}

	.bnavs ul li a{ line-height:40px !important; color: #fff !important; font-size: 16px !important; font-weight: normal !important;}

	.bnavs ul li.bnav_ss{ margin: 0 15px !important;}
	.bnavs ul li .erji{ display: none !important;}

	

	

	.bsan{ height:60px; width:24px; position:relative;}

	.bsan i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#28327e;}

	.bsan:after{ width:24px; height:4px; background:#28327e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}

	.bsan:before{ width:24px; height:4px; background:#28327e; content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}

	.bsan.active:after{ opacity:1;}

	.bsan.active:before{ opacity:1;}

	.bsan.active i{ opacity:0;}

	


	.bnav_ss>a{ display: none !important;}
	.bss_xiala{ position: static !important; transform: translateY(0) !important; pointer-events: auto !important; opacity: 1 !important;}

.bss_xiala{ right: 0; margin: 0 auto; box-shadow: 0px 0px 4px rgba(255,255,255,0.3) !important;}

.bnav_lang>a{ display: none !important;}

.bnavs ul li.bnav_ss a:hover i{ color: #fff !important;}

.bnav_lang .blang_xiala{ transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important;}

.bnav_lang .blang_xiala{ width: 100% !important; padding: 0 !important; position: static !important; background: none !important; box-shadow: none !important; border: none !important;}

.bnav_lang .blang_xiala a{ display: inline-block !important; margin: 0 10px !important;}





	/* 首页 */

	.bs_banner{ margin-top: 60px !important;}

	.bs_banner .swiper1 .swiper-slide a{ padding-top: 50% !important;}

	.bs_banner .swiper-button-prev1, .bs_banner .swiper-button-next1{width: 36px !important; height: 36px !important;}

	.bs_banner .swiper-button-prev1 i, .bs_banner .swiper-button-next1 i{ line-height: 36px !important; font-size: 18px !important;}

	.bs_banner .swiper1 .swiper-pagination1{ bottom: 15px !important;}

	.bs_product{ padding: 15px 0 !important;}

	.bs_biao{ margin: 15px 0 !important; font-size: 24px !important;}

	.bs_product ul li a{ padding: 5px 5px !important; border-radius: 4px !important;}

	.bspro_img{ margin-bottom: 20px !important;}

	.bs_fangan .caption{ margin-top: 15px !important;}

	.bs_fangan i{ width: 90px !important; height: 90px !important;}

	.bs_fangan h4{ margin-top: 15px !important;}

	.bs_fangan i img{ width: 50px !important;}

	.bs_fangan{ padding: 15px 0 !important; padding-bottom: 50px !important;}

	.basb_left{ padding: 20px 0 !important;}

	.basb_left h2 strong{ font-size: 46px !important;}

	.basb_left h3{ font-size: 20px !important;}

	.basb_left:after{ right: -15px !important; width: calc(100% + 30px) !important;}

	.basb_left .shuzi{ position: static !important; width: 100% !important; padding: 15px !important;}

	.basb_left .shuzi ul:after{ content: ''; clear: both; display: table;}

	.basb_left .shuzi ul li{ float: left; width: 45%; padding:15px 0 !important;}

	.basb_left .shuzi ul li:nth-child(2n){ width: 55% !important;}

	.basb_left .shuzi ul li h2{ font-size: 24px !important;}

	.basb_left .shuzi ul li h5{ font-size: 12px !important;}

	.basb_left .shuzi ul li:nth-last-child(2){ border-bottom: none !important;}

	.bs_hezuo{ padding: 30px 0 !important; padding-bottom: 50px !important;}

	

	

	



	}





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

	.bheader.active .logo{ height:60px !important;}

	.bheader.active .navs ul li>a{ line-height:40px !important;}

	.bheader_top{ display: none !important;}

	

	.bheader{ height:60px !important;}

	.blogo {width: 120px !important; height: 60px !important; margin-left:-15px !important; padding-left: 15px !important;}

	.bheader_right{width:100% !important; padding-top: 20px !important; float:none !important; position: absolute !important; left:0 !important; right:0 !important; top:60px !important; background:#28327e !important; display:none;}

	.bheader_right.active{ display:block; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}

	.bnavs { width: 100% !important; float:none !important;}

	.bnavs ul li{ text-align:center !important; display: block !important;}

	.bnavs ul li a{ line-height:40px !important; color: #fff !important; font-size: 16px !important; font-weight: normal !important;}

	.bnavs ul li.bnav_ss{ margin: 0 15px !important;}

	

	

	.bsan{ height:60px; width:24px; position:relative; display: block !important;}

	.bsan i{ line-height:60px; font-size:24px; transition:all 0.3s; color:#28327e;}

	.bsan:after{ width:24px; height:4px; background:#28327e; content:''; position:absolute; left:0; top:27px; transform:rotate(45deg); opacity:0; transition:all 0.3s;}

	.bsan:before{ width:24px; height:4px; background:#28327e; content:''; position:absolute; right:0; top:27px; transform:rotate(-45deg); opacity:0; transition:all 0.3s;}

	.bsan.active:after{ opacity:1;}

	.bsan.active:before{ opacity:1;}

	.bsan.active i{ opacity:0;}

	



.bss_xiala{ right: 0; margin: 0 auto; box-shadow: 0px 0px 4px rgba(255,255,255,0.3) !important;}

.bnav_lang>a{ display: none !important;}

.bnavs ul li.bnav_ss a:hover i{ color: #fff !important;}

.bnav_lang .blang_xiala{ transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important;}

.bnav_lang .blang_xiala{ width: 100% !important; padding: 0 !important; position: static !important; background: none !important; box-shadow: none !important; border: none !important;}

.bnav_lang .blang_xiala a{ display: inline-block !important; margin: 0 10px !important;}





	/* 首页 */

	.bs_banner{ margin-top: 60px !important;}

	.bs_banner .swiper1 .swiper-slide a{ padding-top: 50% !important;}

	.bs_banner .swiper-button-prev1, .bs_banner .swiper-button-next1{width: 36px !important; height: 36px !important;}

	.bs_banner .swiper-button-prev1 i, .bs_banner .swiper-button-next1 i{ line-height: 36px !important; font-size: 18px !important;}

	.bs_banner .swiper1 .swiper-pagination1{ bottom: 15px !important;}

	.bs_product{ padding: 15px 0 !important;}

	.bs_biao{ margin: 15px 0 !important; font-size: 24px !important;}

	.bs_product ul li a{ padding: 5px 5px !important; border-radius: 4px !important;}

	.bspro_img{ margin-bottom: 20px !important;}

	.bs_fangan .caption{ margin-top: 15px !important;}

	.bs_fangan i{ width: 90px !important; height: 90px !important;}

	.bs_fangan h4{ margin-top: 15px !important;}

	.bs_fangan i img{ width: 50px !important;}

	.bs_fangan{ padding: 15px 0 !important; padding-bottom: 50px !important;}

	.basb_left{ padding: 20px 0 !important;}

	.basb_left h2 strong{ font-size: 46px !important;}

	.basb_left h3{ font-size: 20px !important;}

	.basb_left:after{ right: -15px !important; width: calc(100% + 30px) !important;}

	.basb_left .shuzi{ position: static !important; width: 100% !important; padding: 15px !important;}

	.basb_left .shuzi ul:after{ content: ''; clear: both; display: table;}

	.basb_left .shuzi ul li{ float: left; width: 45%; padding:15px 0 !important;}

	.basb_left .shuzi ul li:nth-child(2n){ width: 55% !important;}

	.basb_left .shuzi ul li h2{ font-size: 24px !important;}

	.basb_left .shuzi ul li h5{ font-size: 12px !important;}

	.basb_left .shuzi ul li:nth-last-child(2){ border-bottom: none !important;}

	.bs_hezuo{ padding: 30px 0 !important; padding-bottom: 50px !important;}

	



	}





@media (min-width:1200px) and (max-width:1440px) {

	.bnavs ul li{ margin: 0 10px !important;}



	}



@media (min-width:991px) {



	}



@media (min-width:1441px){



.container{ width: 1300px !important;}



}



@media (min-width:1200px){



.bs_product .container{ width: calc(100% - 120px) !important; padding: 0 !important;}



}





html{ scroll-behavior:smooth; }





body{ font-family: 'Arial, Helvetica, sans-serif'; }

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

ul{ margin: 0; padding: 0;}

.cl:after{ content: ''; clear: both; display: table;}

a{ text-decoration: none !important;}



/*导航开始*/



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

.bheader.active .blogo{ height:70px;}

.bheader.active .bnavs ul li>a{ line-height:70px;}



.bheader_top{ padding: 10px 0; background: #fff; color: #838383; border-bottom: 1px solid #d1d2d2;}

.bheader_top a:last-child{ margin-left: 30px; }

.bheader_top a{ color: #838383;}



.blogo{ height:120px; position:relative; transition:all 0.3s;}
.blogo a{ display: flex; height: 100%; align-items: center;}
.blogo img{ max-height:100%; transition: all 0.3s;}



.bheader_right{ width:calc(100% - 300px);}

.bheader_right:after{ content: ''; clear: both; display: table; }



.bnavs{

	/* width:calc(100% - 110px); */

	position:relative;}

.bnavs ul li{ list-style:none; display: inline-block; margin: 0 15px; position: relative;}

.bnavs ul li>a{ transition: all 0.3s; line-height:120px; padding: 0 10px; display:inline-block; position:relative; font-size:14px; font-weight: bold; color:#777; text-decoration:none;}

.bnavs ul li:hover>a{ color: #28327e; }

.bnavs ul li.active a{ color: #28327e;}



.bnavs ul li.bnav_ss{ margin-left: 50px; margin-right: 10px;}

.bnavs ul li.bnav_ss a i{ transition: all 0.3s; display: inline-block; line-height: 24px;}

.bnavs ul li.bnav_ss a:hover i{ color: #28327e;}

.bnavs ul li.bnav_lang{ margin: 0; margin-left: 10px;}

.bnavs ul li.bnav_lang a{ text-transform: uppercase; color: #28327e;}

.bnavs ul li.bnav_lang a i{ font-size: 12px;}





.bnavs ul li .erji{ position: absolute; background: #fff; left: 50%; transform: translateX(-50%); top: calc(100% - 15px); border-radius: 4px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); opacity: 0; transition: all 0.3s; padding: 5px 10px; pointer-events: none;}

.bnavs ul li .erji a{ display: block; padding: 5px 0; white-space: nowrap; text-align: center; line-height: 24px; color: #666; border-bottom: 1px solid #eee;}

.bnavs ul li .erji a:last-child{ border: none;}

.bnavs ul li .erji a:hover{ color: #28327e;}

.bnavs ul li:hover .erji{ opacity: 1; pointer-events: auto;}









.bss_xiala{ position: absolute; top: 100%; 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: #28327e; color: #fff; border: none;}

.bnav_ss.active .bss_xiala{ transform: translateY(0); opacity: 1; pointer-events: auto;}



.bnav_lang.active .blang_xiala{ transform: translateY(0); opacity: 1; pointer-events: auto;}

.blang_xiala{ position: absolute; top: calc(50% + 30px); right: 0; width: 120px; border-radius: 4px; background: #fff; padding: 15px; text-align: center; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); border: 1px solid #eee; opacity: 0; pointer-events: none; transition: all 0.3s; transform: translateY(50%); z-index: 2;}

.blang_xiala a{ display: block; line-height: 30px;}

.bnavs ul li.bnav_lang .blang_xiala a{ color: #666;}

.bnavs ul li.bnav_lang .blang_xiala a:hover{ color: #28327e;}







.bs_banner{ margin-top:153px;}

.bs_banner .swiper1 .swiper-slide a{ display:block; padding-top: 33.4%;  width:100%; position:relative;}

.bs_banner .swiper1 .swiper-pagination1{ bottom: 30px; }

.bs_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ border-radius: 0; background:#fff; opacity: 1;}

.bs_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #28327e; }

.bs_banner .swiper-button-prev1, .bs_banner .swiper-button-next1{width: 135px; height: 100px; background: rgba(0,0,0,0.35); color: #fff; left: 0; text-align: center;}

.bs_banner .swiper-button-next1{ right: 0; left: auto;}

.bs_banner .swiper-button-prev1 i, .bs_banner .swiper-button-next1 i{ line-height: 100px; display: inline-block; font-size: 60px;}







.bs_biao{ font-size: 30px; margin: 40px 0;}

.bs_biao span{ display: inline-block; position: relative; padding-bottom: 20px; font-weight: bold;}

.bs_biao span:after{ content: ''; width: 48px; height: 3px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: #28327e;}



.bs_product{ padding: 40px 0;}

.bs_product ul{ margin: 30px 0;}

.bs_product ul li{ display: inline-block; list-style: none;}

.bs_product ul li a{ padding: 10px 30px; border-radius: 24px; background: #fff; font-size: 16px; color: #666; display: inline-block; transition: all 0.3s;}

.bs_product ul li.active a{ background: #28327e; color: #Fff;}



.bspro .row{ margin: 0 -10px;}

.bspro .row .col-md-3{ padding: 0 10px;}

.bspro .row .col-xs-6{ padding: 0 10px;}

.bspro .row .col-md-3:nth-child(4n+1) .bspro_img a span{ font-size: 20px;}



.bspro_img{ overflow: hidden; position: relative;}

.bspro_img a{ display: block; position: relative; padding-top: 97%; transition: all 0.6s;}

.bspro_img:hover a{ transform: scale(1.1);}

.bspro_img:hover span{ background: rgba(0,145,218,0.85);}

.bspro_img span{ position: absolute; left: 0; bottom: 10%; padding: 6px 20px; font-size: 16px; color: #fff; background:rgba(0,0,0,0.5); transition: all 0.3s;}

.bspro_img.heng{ margin-bottom: 20px;}

.bspro_img.heng a{ padding-top: calc(48.5% - 10px);}



.bs_fangan{ padding-top: 30px; padding-bottom: 100px;}

.bs_fangan i{ width: 110px; height: 110px; display: block; margin: 0 auto; position: relative; background: #f7f7f7; border-radius: 50%;}

.bs_fangan i img{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}

.bs_fangan h4{ color: #666; transition: all 0.3s; text-align: center; margin-top: 25px;}

.bs_fangan .caption:hover h4{ color: #28327e;}

.bs_fangan .caption:hover i{ transition: all 0.3s; transform:scaleX(-1);

	/*IE*/

	filter:FlipH;}



.bs_about{ background: url(../images/sab.jpg) center center no-repeat; background-size: cover;}

.bs_about .row{ margin: 0;}

.bs_about .row .col-md-6{ padding: 0;}

.basb_left{ color: #fff; padding: 80px 0; position: relative; z-index: 2; padding-right: 100px;}

.basb_left h2{ font-family: Arial; text-transform: uppercase; font-weight: 900; margin-bottom: 0;}

.basb_left h2 strong{ font-size: 70px;}

.basb_left h3{ margin-top: 5px; font-size: 24px; font-weight: 500; line-height: 26px; margin-bottom: 20px;}

.basb_left h3 span{ display: block; font-size: 12px;}

.basb_left p{ line-height:26px; font-size: 13px;}

.basb_left:after{ content: ''; width: 50vw; height: 100%; position: absolute; right: 0; top: 0; background: rgba(40,50,126,0.9); z-index: -1;}

.basb_left .shuzi{ position: absolute; right: 0; top: 0; height: 100%; width: 285px; padding: 0 35px; background: rgba(0,0,0,0.6);}

.basb_left .shuzi ul{ height: 100%;}

.basb_left .shuzi ul li{ list-style: none; height: 25%; border-bottom: 1px solid #fff; padding-top: 30px; padding-left: 10px;}

.basb_left .shuzi ul li:last-child{ border-bottom: none;}

.basb_left .shuzi ul li h2{ font-size: 46px; margin: 0; font-weight: 700;}

.basb_left .shuzi ul li h5{ margin-bottom: 0;}





.bs_hezuo{ background: #efeff0; padding: 60px 0; padding-bottom: 120px;}

.bs_hezuo .swiper2{ padding: 10px 0;}

.bs_hezuo .swiper-slide a{ display: block; padding-top: 63%;  -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray; transition: all 0.3s;}

.bs_hezuo .swiper-button-prev2, .bs_hezuo .swiper-button-next2{ width: 28px; height: 28px; border: 2px solid #999; text-align: center; background: none; margin-top: -14px; border-radius: 50%;}

.bs_hezuo .swiper-button-prev2 i, .bs_hezuo .swiper-button-next2 i{ color: #999; font-size: 14px; display: inline-block; line-height: 22px;}

.bs_hezuo .swiper-slide a:hover{  -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: none; box-shadow: 0px 2px 6px rgba(0,0,0,0.3);}





















.bfooter{ background: #fff; padding-top: 35px; border-top: 1px solid #dedede;}

.bfooter h3{ margin-bottom: 25px; color: #535353;}

.bfooter h5{ color: #666; line-height: 20px;}

.bfooter h5 a{ color: #666;}

.bfooter h5 a:hover{ color: #28327e;}

.bft_di{ background: #28327e; color: #fff; margin-top: 35px; padding: 25px 0;}

.bft_di a{ color: #fff;}

.bft_di .pull-left a{ display: inline-block; margin-right: 30px;}



.bft_link{ margin-top: 10px;}

.bft_link a{ display: inline-block; margin-right: 15px; width: 42px; height: 42px; border-radius: 50%; background: #eaeaea; text-align: center; color: #333; transition: all 0.3s;}

.bft_link a i{ display: inline-block; line-height: 42px; font-size: 24px;}

.bft_link a:hover{ color: #fff; background: #28327e;}