/**
  * 低于319
  */
@media screen and (max-width: 319px) {
	html {background:url(../img/displayNone.png) center center no-repeat;}
	body {display: none;}
}
	
@media screen and (min-width: 320px){


		
}


@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 320px){
	
	.img-style{padding-bottom: 43%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
	.img-style a{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
	.swiper-pagination-bullet-active{background: #4a7feb;}
	.swiper-pagination-bullet{background: #fff;}	
	.banner-t-btm dt img{ width: 100%;}
	.banner-pagination{display: none;}
	.pic-list li{width: 33.333%;padding: 0 15px; float: left;text-align: center;padding-top: 15px;}
	.pic-list li p{padding-top: 10px;}
	.pic-list .xx-icon{transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */ background: #00a5e6; position: absolute;right: 25px;bottom: -170px;width: 35px;height: 35px;display: none;justify-content: center;align-items: center;}
	.pic-list {position: relative;}
	.xx-icon{display: none;}
	.d-tit{padding-top: 20px;}
	.d-tit h3{font-size:18px;color: #000;line-height: 30px;}
	.d-tit b{font-size: 16px;color: #065baa;}
	.d-img{display: none;}
	.banner-t-btm dl{padding: 30px 0;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
		bottom: 75px;
	}
	
}


@media screen and (min-width: 992px) {
	.banner-pagination{display: block;}
		.pic-list .xx-icon i{font-size: 25px;color: #fff;}
	.pic-list  .xx-icon{display: flex;}
	.i-content{font-size: 14px;color: #000;line-height: 2;padding-top: 20px;}
	.banner-t-btm{background-size:cover ; background-image:url(../img/banner-bt-bg.jpg);background-position: center center; background-repeat: no-repeat;}
	.banner-t-btm dt{width: 370px;height: 405px;padding: 20px 0;float: left;margin-right: 30px;}
	.banner-t-btm dl{padding: 20px;height:446px;background: #fff;position: relative;bottom: 50px;z-index: 12;}
	.d-tit-img{overflow: hidden;}
	.d-tit{float: left;padding-top: 30px;}
	.d-tit h3{line-height: 40px;font-size: 26px;}
	.d-tit b{font-size: 22px;}
	.d-img{float: right;display: block;}
	.pic-list li{padding: 0px 17px;padding-top: 20px;width: auto;}
	
}


@media screen and (min-width: 320px){
	
	
	.tabs-box .on{color: #065baa;}
	.hd li{float: left;padding: 0 20px;border-left: 1px solid #ddd;font-size: 24px;font-weight: bold;cursor: pointer}
	.hd li:first-child{border-left: none;padding-left: 0;}
	.hd{overflow: hidden;padding-bottom: 25px;}
	.box-bor{padding: 30px 0;border-bottom: 1px solid #dddddd;}
	.pic-style{height: 300px;background-size:cover ;}
	.swiper-dx{z-index: 1; background: #0c5da7;position: absolute;line-height: 45px;opacity: .8;width: 100%;height: 45px;bottom: 0;}
	.swiper-title,.swiper-title1{padding-right: 150px; width: 100%;  z-index: 2; position: absolute;bottom: 0;line-height: 45px;height: 45px;color: #fff;left: 20px;font-size: 16px;}
	.pic_pagination{line-height: 45px;text-align: right;}
	
	.pic_pagination{bottom: 0 !important;left: -10px !important; }
	
	
	.pic_pagination .swiper-pagination-bullet{border-radius:0;}
	.news-list{height: 300px;position: relative;}
	.news-list li{line-height: 35px;position: relative;padding-left: 30px;padding-right: 30%;}
	.news-list li i{position: absolute;left: 0px;top: 2px;color: #065baa;font-size: 16px;}
	.news-list li span{position: absolute;right: 10px;top: 0;}
	.news-list li p{font-size: 16px;}	
	.More span{transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
display: inline-block;	
	}
	.More{position: absolute;bottom: 10px;left: 30px;}
	.More a{color: #065baa;}
}


@media screen and (min-width: 992px) {
		.news-list li{padding-right: 20%;}
	
		.box-bor{padding: 60px 0;}
		.bor-no{border: none;}
		
		
}

@media screen and (min-width: 320px){
	
	.pro-info-box img{width: 100%;}
	
	.pro-tit{text-align: center;}
	.pro-tit h3{color: #000000; font-size: 26px;padding-bottom: 15px;}
	.pro-tit b{color: #065baa;font-size: 20px;}
	.pro-list li{margin: 20px 0;}
	.pro-list ul{overflow: hidden;margin: 0 -15px;}
	.pro-list li .pro-list-bor{border: #dfdfdf 3px solid;}
	
	
	.pro-list-kg img{transition: .6s;}
	.pro-list li div p{text-align: center;background:#f5f5f5 ;line-height: 50px;color: #222222;padding:0 10px;}
	
	.btn-more{text-align: center;}
	
	.btn-more a{width: 125px;height: 40px;line-height: 40px;border:#dfdfdf 1px solid;border-radius: 20px;display: block;}
	.btn-more a:hover{border:#065BAA 1px solid;}
	.swiper-button-next,.swiper-button-prev{display: none;}
	.pro-style p{padding: 0px 15px; background: #f5f5f5; line-height: 77px;border-bottom: #dfdfdf 3px solid;color: #000000;text-align: center;height: 77px;}
		.pro-swiper-box{padding: 20px 0;}
		.pro-swiper-bg{position: absolute;top: -1135%;left: 50%;margin-left:-33px;margin-top: -33px;height: 66px;width: 66px;border-radius: 100%;background: #000; opacity: .7;}
		.pro-style i,.pro-i{opacity: 0; position: absolute;top: -1135%;left: 50%;font-size: 33px;color: #fff;font-weight: bold;margin-left: -15px;margin-top: -15px;}
		
		
		
		
		
		
}


@media screen and (min-width: 992px) {
	.pro-list-kg{height: 220px;overflow: hidden;}
		.pro-list li a:hover img{transform: scale(1.4);transition: .6s;}
		.pro-list li:hover .pro-list-bor{border: #075baa 3px solid;}
		.pro-list li:hover p{background: #075baa; color: #fff;}
		.pro-style:hover img{transform: scale(1.4);transition: .6s;}
		.pro-style:hover i{top: 35%;opacity: 1;}
		.pro-style:hover .pro-swiper-bg{top: 35%;opacity: .7;}
		
		.pro-style:hover p{background: #065baa; color: #fff;}
		.pro-style img{transition: .6s;}
		.pro-swierp-img-kg{width:100%;height: 240px;overflow: hidden;}
	
		.swiper-button-next,.swiper-button-prev{display: block;}
		.pro-list li{width: 25%;padding: 40px 15px;float: left;}
		.next-bg,.prev-bg{z-index: 1; height: 90px;width: 70px;background: #105da5;opacity: .9;position: absolute;top: 50%;margin-top: -45px;}
		.next-bg{right: 0;}
		.prev-bg{left: 0;}
		
		
		.swiper-button-prev, .swiper-button-next{width: 70px;height: 90px;margin-top: -45px;}
		.pro-swiper-box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
		.pro-swiper-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
		
		.pro-swiper-box{padding: 40px 0;}
		.pro-style p{background: #f5f5f5; line-height: 77px;border-bottom: #dfdfdf 3px solid;color: #000000;text-align: center;height: 77px;}


}
	
@media screen and (min-width: 320px){

		.mode-three{overflow: hidden;}
		.mode-three li .mode-bg{background:#1e5f9c; opacity: .9;position: absolute;width: 100%;height: 100%;}
		.mode-three li{position: relative;margin: 15px 0;overflow: hidden;}
		.mode-three li i{font-size: 55px;color: #fff;}
		.mode-three li .mode-bor{
			display: flex; justify-content: center; align-items: center; border: 1px solid #fff;position: absolute;top: 40%;left: 50%;border-radius: 100%;width: 130px;height: 130px;margin-left: -65px;margin-top: -65px;}
		.mode-three li p{position: absolute;text-align: center;width: 100%;bottom:40px;font-size: 18px;font-weight: bold;color: #fff;}
		
		.mode-three .rotate{transform:rotate(360deg);
			-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg);
			border-bottom: 1px solid red;
			border-radius: 100%;
			width:130px;
			height: 130px;
			position: absolute;top: 40%;margin-top: -65px;
			left: 50%;margin-left: -65px;
			z-index: 99;
			transition: .6s;
			opacity: 1;
			
			}
			.mode-three li:hover .rotate{transition: .6s;width: 0;height: 0;}
			
			
			
}


@media screen and (min-width: 992px) {
	.mode-three li{width: 33.3333%;float: left;margin: 0 auto;}
	.mode-three{background:#04539d;height: 260px;overflow: hidden;}
	
	.mode-three li a{display: block;}
	.mode-three li:hover .mode-bor{
			border: none;
			transition: .6s;
			
			}
	.mode-three li:hover .mode-bg{opacity: 0;}
	
	
}