@charset "utf-8";
/* CSS Document */
.pro{width: 100%; padding: 48px 0 51px 0; background-color: #f3faff;}
.pro .pro_bg{width: 412px; height: 354px; background-color: #0091dc; box-sizing: border-box; 
	border:1px solid #fff; margin-right: 40px;}
.pro .pro_bg:last-child{margin-right: 0;}
.pro .pro_bg .pro1{width: 379px; background-color: #fff; margin-top:15px; margin-left: 15px;
	transition: .5s;}
.pro .pro_bg .pro1 p{font-size: 20px; color: #1f1f1f; text-align: center; line-height: 80px;}
.pro .pro_bg .pro1:hover p{color: #04adf2;}

.banner_tit{position: absolute; width: 520px; top:220px; right:20px;}

.bannerbg{width: 100%; height: 671px; }
@media screen and (max-width: 1600px){
	.banner_tit{width: 470px; top:120px;}
	.bannerbg{height: 530px;}
}
@media screen and (max-width: 1440px){
	.pro>.box{width: 1200px!important;}
	.pro .pro_bg{width: 382px; height: 332px;}
	.pro .pro_bg .pro1{width: 362px; margin-top:10px; margin-left: 10px;}
	.pro .pro_bg .pro1>a>img{width: 100%;}
	.pro .pro_bg{margin-right: 27px;}
	.bannerbg{height: 476px;}
}
@media screen and (max-width: 1366px){
	.bannerbg{height: 440px;}
}
@media screen and (max-width: 1280px){
	.banner_tit{width: 410px;}
	.pro>.box{width: 1100px!important;}
	.pro .pro_bg{width: 352px; height: 313px; margin-right: 22px;}
	.pro .pro_bg .pro1{width: 332px;}
	.bannerbg{height: 420px;}

}
@media screen and (max-width: 800px){
	.pro>.box{width: auto!important; padding: 0 10px;}
	.pro .pro_bg{width: 98%; margin-right: 0; height: auto; border:none; margin-bottom: 8px; position: relative;
		margin-left: 1%;}
	.pro .pro_bg .pro1{width: 100%; margin:0; border:3px solid #0091dc; box-sizing: border-box;}
	.pro .pro_bg .pro1 img{width: 100%; float: left;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 3px;
	}
	.pro{padding: 20px 0 40px 0;}
	.pro .pro_bg .pro1 p{line-height: 50px; font-size: 16px; position: absolute; bottom: 0; left: 0; width: 100%;
		background-color:rgba(0,0,0,.7); color: #fff; text-align: center; border-bottom:3px solid #0091dc; 
		border-left:3px solid #0091dc; border-right:3px solid #0091dc; box-sizing: border-box;}

	.banner_tit{width: 200px; top:90px; right: 36px;}

}
@media screen and (max-width: 375px){
	.banner_tit{width: 180px; top:80px; right: 30px;}
}
@media screen and (max-width: 320px){
	.banner_tit{width: 160px; top:70px; right: 26px;}
}