/*banner*/
.banner .swiper-slide img{display: block;max-width: 100%;margin: 0 auto;}
.pagination-banner{bottom: 30px !important;}
.pagination-banner .swiper-pagination-bullet{margin: 0 30px !important;opacity: 1 !important;transition: ease-in-out 0.3s;}
.pagination-banner .swiper-pagination-bullet-active{width: 70px;background-color: #0152A6 !important;border-radius: 10px !important;}

@media screen and (max-width: 800px) {
	.pagination-banner{bottom: 10px !important;}
	.pagination-banner .swiper-pagination-bullet{margin: 0 5px !important;}
	.pagination-banner .swiper-pagination-bullet-active{width: 20px !important;}
}

/*product*/
.product{padding: 70px 0;}

.product .title{text-align: center;}
.product .title span{display: block;color: #0152A6;font-size: 40px;font-weight: bold;}
.product .title p{color: #c7c7c7;text-transform: uppercase;margin-top: 15px;}

.product .cpfl{overflow: hidden;margin: 30px 0 60px;}
.product .cpfl li{float: left;width: 13.4%;margin-right: 1%;margin-bottom: 1%;}
.product .cpfl li:nth-child(7n){margin-right: 0;}
.product .cpfl li a{
	display: block;
	line-height: 32px;
	text-align: center;
	padding: 0 5px;
	font-size: 16px;
	border: 1px solid #bfbfbf;
	border-radius: 30px;
	background-color: #FFFFFF;
	transition: ease-in-out 0.2s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.product .cpfl li a:hover{border-color: #0152A6 !important;background-color: #0152A6;color: #FFFFFF !important;}

.product .swiper-slide a{display: block;border: 1px solid #BFBFBF;overflow: hidden;background-color: #FFFFFF;position: relative;}
.product .swiper-slide a:hover{color: #FFFFFF !important;}
.product .swiper-slide .img{position: relative;padding-top: 100%;overflow: hidden;box-shadow: 0 0 5px #BFBFBF;}
.product .swiper-slide .img img{
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.product .swiper-slide .bt{font-size: 18px;line-height: 65px;text-align: center;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.product .swiper-slide .box{position: absolute;width: 100%;height: 100%;top: 100%;left: 0;background-color: rgba(1,82,166,0.9);color: #FFFFFF;text-align: center;transition: ease-in-out 0.3s;}
.product .swiper-slide .box p{
	font-size: 18px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.product .swiper-slide .box i{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 50px;
	width: 100%;
	font-size: 70px;
	line-height: 50px;
}
.product .swiper-slide a:hover .box{top: 0;}

.product .btn_box{width: 220px;margin: 40px auto 0;line-height: 40px;position: relative;}
.product .btn_box .more{display: block;width: 100px;margin: 0 auto;text-align: center;color: #888888;background-color: #EEEEEE;font-size: 16px;}
.product .btn_box .more:hover{color: #FFFFFF !important;background-color: #0152A6;}
.button-next-cp,.button-prev-cp{position: absolute;top: 0;width: 40px;text-align: center;color: #888888;background-color: #EEEEEE;font-size: 16px;cursor: pointer;}
.button-next-cp{right: 0;}
.button-prev-cp{left: 0;}
.button-prev-cp:hover,.button-next-cp:hover{color: #FFFFFF;background-color: #0152A6;}
.product .swiper-button-disabled{cursor: auto !important;}

@media screen and (max-width: 1200px) {
	.product{padding: 5% 0;}
	.product .title span{font-size: 24px;}
	.product .title p{margin-top: 6px;}
	.product .cpfl{margin: 20px 0 30px;}
	.product .cpfl li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
	.product .cpfl li:nth-child(4n){margin-right: 0;}
	.product .btn_box{margin-top: 5%;}
}
@media screen and (max-width: 1000px) {
	.product .swiper-slide .bt{line-height: 40px;font-size: 14px;}
	.product .swiper-slide .box p{font-size: 14px;}
	.product .swiper-slide .box i{font-size: 40px;line-height: 30px;}
}
@media screen and (max-width: 600px) {
	.product .cpfl{margin: 10px 0 20px;}
	.product .cpfl li a{font-size: 14px;}
	.product .cpfl li{width: 49%;}
	.product .cpfl li:nth-child(2n){margin-right: 0;}
	.product .swiper-slide .box{display: none;}
	.product .swiper-slide a:hover{color: #0152A6 !important;}
	.product .swiper-slide .bt{line-height: 30px;padding: 0 5px;}
}


/*about*/
.about{background: url(../images/bg1.jpg)no-repeat center top;}
.about .content{max-width: 830px;box-sizing: border-box;padding: 65px 85px 60px;background-color: #FFFFFF;}

.about .name{line-height: 40px;color: #2f2f2f;font-size: 28px;position: relative;z-index: 1;}
.about .name font{position: absolute;left: 0;bottom: 10px;z-index: -1;line-height: 60px;font-size: 66px;font-weight: bold;color: #F9F9F9;text-transform: uppercase;font-family: arial;}

.about .text{position: relative;font-size: 18px;color: #2F2F2F;line-height: 30px;margin: 20px 0 35px;padding-left: 20px;}
.about .text i{position: absolute;left: 0;top: 9px;height: 12px;border-left: 5px solid #0152A6;border-right: 5px solid #ff0000;}

.about .info{text-align: justify;height: 175px;overflow: hidden;}
.about .info *{color: #919191 !important;font-size: 16px !important;line-height: 25px !important;}

.about .more{display: block;line-height: 34px;padding: 0 5px;font-size: 16px;color: #919191;border-bottom: 1px solid #919191;margin-top: 40px;}
.about .more:hover{border-color: #0152A6;}

@media screen and (max-width: 950px) {
	.about .content{padding: 30px;}
	.about .name{font-size: 20px;}
	.about .name font{font-size: 36px;line-height: 40px;}
	.about .text{margin: 10px 0 15px;}
	.about .info *{font-size: 14px !important;}
	.about .more{margin-top: 20px;}
}
@media screen and (max-width: 500px) {
	.about .content{padding: 30px 20px 20px;}
	.about .name{font-size: 18px;}
	.about .name font{font-size: 26px;}
	.about .text{font-size: 16px;}
}

/*youshi*/
.youshi{padding: 70px 0;}

.youshi ul li{float: left;width: 13%;margin-right: 16%;}
.youshi ul li:last-child{margin-right: 0;}
.youshi ul li .tb{position: relative;padding-top: 100%;}
.youshi ul li .tb .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #BFBFBF;border-radius: 100%;}
.youshi ul li .tb .box:before{content: "";position: absolute;width: 8px;height: 8px;background-color: #0152A6;border: 4px solid #FFFFFF;border-radius: 100%;right: 9%;top: 9%;display: none;}
.youshi ul li .tb .box i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	font-size: 66px;
	color: #000000;
}
.youshi ul li span{display: block;line-height: 25px;font-size: 18px;color: #000000;text-align: center;margin: 15px 0 10px;}
.youshi ul li p{font-size: 12px;color: #cdcdcd;text-align: center;text-transform: uppercase;font-family: arial;}

.youshi ul li:hover .iconfont{color: #0152A6 !important;}
.youshi ul li:hover span{color: #0152A6;font-weight: bold;}
.youshi ul li:hover .box{border-color: #0152A6;}
.youshi ul li:hover .box:before{display: block;}

@media screen and (max-width: 1000px) {
	.youshi{padding: 5% 0;}
	.youshi ul li{width: 22%;margin-right: 4%;}
}
@media screen and (max-width: 600px) {
	.youshi ul li .tb .box i{font-size: 40px !important;}
	.youshi ul li span{font-size: 14px;margin: 10px 0 5px;}
	.youshi ul li p{font-size: 10px;}
}
@media screen and (max-width: 450px) {
	.youshi ul li .tb .box:before{right: 5%;top: 5%;}
}

/*service*/
.service{padding: 80px 0;background: url(../images/bg2.jpg)no-repeat center;text-align: center;}
.service .p1{font-size: 40px;font-weight: bold;color: #0152A6;}
.service .p2{font-size: 30px;color: #515151;margin-top: 20px;}
.service .p2 .hm{font-size: 40px;color: #E70000;font-weight: bold;}

@media screen and (max-width: 1050px) {
	.service{padding: 5% 0;}
	.service .p1{font-size: 30px;}
	.service .p2{font-size: 20px;}
	.service .p2 .hm{font-size: 30px;}
}
@media screen and (max-width: 800px) {
	.service .p1{font-size: 20px;}
	.service .p2{font-size: 16px;margin-top: 10px;}
	.service .p2 .hm{font-size: 20px;}
}

/*news*/
.news{padding: 70px 0;}

.news .content{position: relative;}
.news .tb_box{width: 15px;height: 620px;bottom: 0;left: 50%;margin-left: -8px;overflow: hidden;position: absolute;z-index: 1;}
.news .tb_box .hr{width: 1px;height: 100%;background-color: #dcdcdc;position: absolute;top: 0;left: 7px;z-index: -1;}
.news .tb_box .yq{display: block;width: 11px;height: 11px;border: 1px solid #DCDCDC;border-radius: 100%;margin: 45px auto 0;background-color: #FFFFFF;}

.news .title{margin-bottom: 30px;text-align: center;}
.news .title span{font-size: 40px;color: #0152A6;font-weight: bold;}
.news .title p{color: #c7c7c7;margin-top: 15px;}

.news_fl{width: 48%;}
.news_fl .tt{margin-bottom: 20px;}
.news_fl .tt a{display: block;position: relative;padding-left: 250px;}
.news_fl .tt a span{display: block;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news_fl .tt a font{display: block;color: #7f7f7f;margin: 10px 0;}
.news_fl .tt a .p1{line-height: 21px;height: 105px;overflow: hidden;color: #444444;}
.news_fl .tt a .p2{color: #E70000;width: 120px;line-height: 26px;text-align: center;border: 1px solid #E70000;border-radius: 30px;margin-top: 25px;}
.news_fl .tt a .img{position: absolute;height: 100%;width: 230px;overflow: hidden;left: 0;top: 0;}
.news_fl .tt a .img img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.news_fl .tt a:hover .p2{color: #0152A6;border-color: #0152A6;}

.news_fl .list li{border-bottom: 1px dashed #c2c2c2;}
.news_fl .list li:last-child{border: none;}
.news_fl .list li a{display: block;padding: 10px 0;}
.news_fl .list li a span{font-size: 18px;line-height: 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;padding-right: 100px;}
.news_fl .list li a span font{font-size: 14px;color: #8b8b8b;position: absolute;right: 0;top: 0;}
.news_fl .list li a p{color: #4c4b4b;line-height: 25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.faq_box{width: 48%;height: 620px;}
.faq_box .container-faq{height: 100%;}

.faq_box .swiper-slide a{display: block;padding: 14px 0;border-bottom: 1px dashed #c2c2c2;}
.faq_box .swiper-slide a span{font-size: 18px;line-height: 30px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;padding: 0 100px 0 45px;}
.faq_box .swiper-slide a span font{color: #888888;font-size: 14px;position: absolute;right: 0;top: 0;}
.faq_box .swiper-slide a p{color: #000000;line-height: 25px;height: 50px;overflow: hidden;position: relative;padding-left: 45px;margin-top: 15px;}
.faq_box .swiper-slide a i{color: #FFFFFF;font-style: normal;font-size: 16px;line-height: 30px;width: 30px;text-align: center;background-color: #0152A6;position: absolute;top: 0;left: 0;}
.faq_box .swiper-slide a p i{background-color: #E70000;}

@media screen and (max-width: 1050px) {
	.news{padding: 5% 0;}
	.news .title{margin-bottom: 3%;}
	.news .title span{font-size: 24px;}
	.news .title p{margin-top: 6px;}
	.news_fl .tt a span{font-size: 16px;}
	.news_fl .tt a font{font-size: 12px;margin: 5px 0;}
	.news_fl .tt a .p2{margin-top: 15px;}
	.news_fl .list li a span{font-size: 16px;}
	.news_fl .list li a{padding: 7px 0;}
	.faq_box .swiper-slide a{padding: 8px 0;}
	.faq_box .swiper-slide a span{font-size: 16px;}
	.faq_box .swiper-slide a p{margin-top: 10px;}
	.faq_box{height: 540px;}
	.news .tb_box{height: 560px;}
}

@media screen and (max-width: 900px) {
	.news_fl{width: 100%;margin-bottom: 20px;}
	.faq_box{width: 100%;}
	.news .tb_box{display: none;}
}
@media screen and (max-width: 500px) {
	.news_fl .tt a{padding-left: 144px;}
	.news_fl .tt a .img{width: 134px;}
	.news_fl .tt a .p1{height: 42px;}
}