@charset "UTF-8";

@font-face {
	font-family:'number';
	src: url(./fonts/number.ttf);
}

/* bannerͼ */
.index-banner{width: 100%;height:450px;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; }
.index-banner .swiper-wrapper,.index-banner  .swiper-slide{height:100%;}
.index-banner .swiper-wrapper .swiper-slide a{display: block;width: 100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;}

.index-banner .my-bullet-active .circle{border: 1px solid #004097;padding: 8px;border-radius: 50%;display: block;transform: skew(120deg);}
.swiper-pagination-custom {bottom:54px ;left: 0;width: 100%;height: 20px;line-height: 20px;text-align: center;}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-customs {width: 14px;height: 14px;display:inline-block;background: #f0f6fb;opacity: 1;border-radius: 50%;margin: 3px 8px;outline: 0;}
/*自定义分页器**时的样式表现*/
.my-bullet-active {width: 18px;height: 18px;opacity: 1;background-color: #004097;margin: 0 10px;}
	
@media (max-width:1680px) {.index-banner{height: 430px;}}
@media (max-width:1280px){.index-banner{height: 400px;}}
@media (max-width:930px){.index-banner{height: 350px;}}
@media (max-width:800px){.index-banner{height: 320px;}}
@media (max-width:769px){.index-banner{height: 280px;}}
@media (max-width:640px){.index-banner{height: 220px;}}
@media (max-width:500px){.index-banner{height: 180px;}}
@media (max-width:630px){.index-banner{height: 164px;}}
@media (max-width:390px){.index-banner{min-height: 170px;}.swiper-pagination-custom {bottom:30px ;}.index-banner .swiper-wrapper .swiper-slide a{background-position: center;}}



/* ¹«Ë¾²úÆ· */
.product{width: 100%;background: #f0f6fb;position: relative;overflow:hidden;padding-bottom: 60px;}
.product .title{text-align: center;margin-top:60px;}
.product .title h2{font-weight: bold;font-size: 24px;color: #004097;line-height: 30px;}
.product .title h3{font-size: 16px;line-height: 45px;color: #999;}
.product .box1{width: 100%;margin-top: 30px;}
.product .box1 .li{width:290px;height: 320px;background-color: #fff;border:#e4e6ea solid 1px;float:left;margin-left:3.333%;}
.product .box1 .li:nth-child(4n+1){margin-left:0;}
.product .box1 .li a{display: block;width: 100%;}
.product .box1 .li .img{width: 100%;overflow: hidden;margin-top: 50px;margin-bottom: 30px;transition: all 1s;-webkit-transition: all 1s;}
.product .box1 .li .img img{display:block;max-width: 100%;margin:0 auto;}
.product .box1 .li h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;text-align: center;line-height: 20px;padding: 0 30px;}
.product .box1 .li .text{font-size: 14px;text-align: center;line-height: 18px;padding: 0 24px;color: #666666;}
.product .btn{width: 120px;height: 40px;line-height: 40px;border: 1px solid #004097; color: #004097;font-size: 16px;text-align: center;border-radius: 3px;margin:30px auto;}
.product .btn a{color: #004097;}

.product .box1 .li:hover h3{color: #004097;}
.product .box1 .li:hover .img{transform: scale(1.08);}
@media (max-width:1680px) {
	.product .title{margin-top: 40px;}
}
@media (max-width:1280px) {
	.product .box1 .li{height: 300px;}
	.product .box1 .li .img{margin-top: 30px;}
}
@media (max-width:1080px){
	.product .box1 .li{height: 280px;}
	.product .box1 .li h3{margin-bottom: 10px;}
	.product .box1 .li .text{padding: 0 10px;}
	.product .box1 .li .img{margin-top: 20px;margin-bottom: 20px;}
	.product .box1 .li:nth-child(4n+1){margin-left:4%;}
	.product .box1 .li:nth-child(odd){margin-left:0;}
}
@media (max-width:769px) {
	.product{padding-bottom: 10%;}
	.product .title{margin-top: 20px;}
	.product .box1 .li{height: 240px;}
	.product .box1 .li .img{padding: 0 30px;}
}
@media (max-width:640px){
	.product .title h2{font-size: 18px;line-height: 24px;}
	.product .title h3{font-size: 14px;line-height: 24px;}
	.product .box1{width: 100%;margin-top:20px;}
	.product .box1 .li{width:100%;margin-left:0%;padding-bottom:30px;}
	.product .box1 .li:nth-child(4n+1){margin-left:0;}
	.product .box1 .li h3{font-size: 16px;line-height: 40px;padding: 0 16px;}
	.product .box1 .li .text{font-size: 14px;padding: 0 16px;height:auto;}
	.product .btn{margin:20px auto 20px auto;width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
}
@media (max-width:450px) {
	.product .box1 .li{height: 220px;}
	.product .box1 .li h3{line-height: 14px;}
}


/* ¹«Ë¾¼ò½é */
.introduce{width: 100%;overflow:hidden;}
.introduce .title{text-align: center;margin-top:60px;}
.introduce .title h2{font-size: 24px;font-weight: bold;color: #fff;line-height: 30px;}
.introduce .title h3{font-size: 16px;line-height: 45px;color: #999;}
.introduce .text{text-align: center;width: 100%;margin-top: 36px;}
.introduce .text p{font-size: 16px;color:#fff ;line-height: 28px;font-family: "微软雅黑";letter-spacing: 1px;}
.introduce .text span{font-size: 16px; line-height: 30px;font-weight: bold;}
.introduce .btn{width: 120px;height: 40px;line-height: 40px;border: 1px solid #fff; color: #004097;font-size: 16px;text-align: center;border-radius: 3px;margin: 3.4% auto 4%;}
.introduce .btn a{color: #fff;}
@media (max-width:1680px) {
	.introduce  .title{margin-top: 40px;}
}
@media (max-width:1280px) {
	.introduce .text{margin-top: 2%;}
}
@media (max-width:1080px) {
	.introduce .text p{font-size: 14px;}
	.introduce .btn{margin: 10px auto;}
}
@media (max-width:769px) {
	.introduce .title{margin-top: 20px;}
	.introduce .text{text-align: left;}
}
@media (max-width:640px) {
	.introduce .title h2{font-size: 18px;line-height: 24px;}
	.introduce .text{margin-top: 10px;line-height: 22px;}
	.introduce .btn{margin:10px auto;width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
}


/* ÊÓƵ */
.mp4{width: 100%;height: 685px;position: relative;}
.mp4 a{display: block;width: 100%;}
/* .mp4 {width: 100%;height: 100%;} */
.mp4 .img{width: 100%;height: 100%;background-size:cover;background-repeat: no-repeat;position: relative;}
.mp4 h2{color: #fff;z-index: 20;font-size: 36px;top: 65%;left: 50%;line-height: 24px;}
.mp4 .img a{width: 100%;}
.mp4 .img .video-play{width: 100px;height: 100px;background: url(../images/play.png)no-repeat center;position: absolute;bottom: 16%;left: 50%;transform: translateX(-50%);background-size: 100%;border-radius: 50%;cursor: pointer;transition: all 0.6s;-webkit-transition: all 0.6s;}
.mp4 .img .video-play:hover{background-size: 140%;}

.four{display: flex;justify-content:space-around;}
.four .li{height: auto;margin: 0px;}
/* .four .li .num-box{max-width:120px;} */
.four .li .num{width: 100%;color: #fff;font-size: 16px;line-height: 30px;display: flex;position: relative;align-items: flex-end;}
.four .li .num span:nth-child(1){font-size: 60px;line-height: 30px;font-weight: bold;font-family: "number";}
.four .li .num div{float: right;top: 0;line-height:2px;margin-left: 5px;white-space: nowrap;}
/* .four .li .num span:nth-child(2){position: absolute;top: 0;right: 0;line-height: 15px;margin-left: 5px;} */
.four .li p{font-size:16px;line-height:50px;color: #fff;font-family: "微软雅黑";white-space: nowrap;}
@media (max-width:1680px) {
	.mp4{height: 560px;}
	.mp4 .img .video-play{width: 90px;height: 90px;}
}
@media (max-width:1440px) {
	.mp4 .img{background-position-x: center;}
	.mp4 .img .video-play{bottom: 10%;}
}
@media (max-width:1280px) {
	.mp4 .img .video-play{width: 60px;height: 60px;bottom: 14%;}
}
@media (max-width:1140px) {
	.four .li{margin: 0 50px;}
}
@media (max-width:1080px){
	.four .li .num-box{margin: 0 auto;max-width: 100%;text-align: center;}
	.four .li .num{justify-content: center;}
	.four{margin-top: 2%;flex-wrap: wrap;}
	.four .li{margin: 0;width: 50%;}
	.four .li .num span:nth-child(1){font-size: 40px;}
	.four .li .num div{line-height: 16px;font-size: 16px;}
	.four .li p{font-size: 16px;line-height: 38px;}
	.mp4{height:470px;}
	.mp4 .img .video-play{width: 60px;height: 60px;}
	.mp4 h2{font-size:24px;top:55%;}
	
}
@media (max-width:769px) {
	.mp4 .img{background-position: right;}
	.four .li .num span:nth-child(1){font-size: 28px;}
	.four .li .num div{line-height: 16px;font-size: 14px;}
	.four .li p{font-size: 14px;line-height: 24px;}
}
@media (max-width:640px){
	.four .li .num span:nth-child(1){font-size: 20px;}
	.four .li .num div{line-height: 26px;}
	.four .li p{line-height: 16px;}
	.mp4{height:440px;}
	.mp4 .img .video-play{width: 40px;height: 40px;}
	.mp4 h2{font-size:18px;top:50%;}
}
@media (max-width:600px) {
	.four{justify-content: center;}
	.four .li .num div{font-size: 12px;}
	.four .li p{line-height: 10px;font-size: 12px;}
}
@media (max-width:400px) {
	.mp4{height: 480px;}
	.mp4 .img{background-position: center}
	.mp4 .img .video-play{bottom: 4%;}
}


/* ·þÎñ¿Í»§ */
.service{width: 100%;background: #f0f6fb;}
.service .title{text-align: center;padding-top:60px;}
.service .title h2{font-size: 24px;font-weight: bold;color: #004097;}
.service .title h3{font-size: 16px;line-height: 45px;color: #999;}

.service .swp-brand{margin-top: 30px;margin-bottom:50px;}
.service .swp-brand .swiper-slide{border: 1px solid #f0f6fb;padding:14px;background: #fff;}
.service .swp-brand img{display:block;max-width:100%;}
@media (max-width:1680px) {
	.service .title{padding-top: 40px;}
}
@media (max-width:769px) {
	.service .title{margin-top: 20px;}
}
@media (max-width:640px){	
	.service .title h2{font-size: 20px;}
	.service .title h3{font-size: 14px;line-height: 24px;}
	.service .swp-brand{margin-top: 20px;margin-bottom:40px;}
	.service .swp-brand .swiper-slide{padding:10px;}
}



/* ÐÂÎÅ×ÊѶ */
.news{width: 100%;background-color:#fff ;overflow:hidden;}
.news .title{text-align: center;margin-top:60px;}
.news .title h2{font-size: 24px;line-height: 30px;font-weight: bold;color: #004097;}
.news .title h3{font-size: 16px;line-height: 45px;color: #999;}
.news .nwes-center{width: 100%;margin-top:30px;margin-bottom:78px;}
.news .nwes-center .news-left{float: left;width: 50%;height:350px;}
.news .nwes-center .news-left .swiper-container{height:100%;}
.news .nwes-center .news-left .swiper-slide a{display: block;width: 100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}

.news-left .swiper-container .swiper-pagination{bottom:20px;}
.news-left .swiper-container .swiper-pagination-bullet{opacity:1;width:12px;height:12px;margin:0 6px;background:#fff;border:none;transition:all .3s;}
.news-left .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1262a4;}

/* ·ÖÒ³Æ÷ */

.news .nwes-center .news-right{float: right;width: 48%;}
.news-right li{float:left;width:100%;border:#e4e6ea solid 1px;margin-bottom:10px;background:#fff;}
.news-right li:last-child{margin-bottom:0;}
.news-right li a{float:left;width:100%;padding:14px 20px 12px 20px;}
.news-right li a .date{float:left;width:100px;margin-right: 30px;}
.news-right li a .date img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news-right li a .date span{display:block;font-size:30px;color:#333;line-height:32px;font-weight: bold;font-family: "Arial";}
.news-right li a .date .year{font-size:16px;color:#333;line-height:24px;font-family: "Arial";}
.news-right li a .wap-date{display:none;}
.news-right li a .news-cont{float:right;width:calc(100% - 130px);}
.news-right li a .news-cont h3{width:100%;font-size:16px;color:#333;line-height:28px;margin-top: 4px;font-family:"微软雅黑";overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-right li a .news-cont p{width:100%;font-size:14px;color:#999;line-height:20px;font-family:"微软雅黑";overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-right li a:hover .news-cont h3{color: #004097;}
/* .news-right li a:hover .date .year{color: #004097;} */

@media (max-width:1680px) {
	.news .title{margin-top: 40px;}
}
@media (max-width:1080px){
	.news-right li a .news-cont p{line-height: 26px;}
	.news-right li a{padding: 10px 20px;}
	.news .nwes-center .news-left{height:326px;}
	.news-right li{border:#e4e6ea solid 1px;margin-bottom: 8px;}
	/* .news-right li a{padding:10px 20px;} */
	.news-right li a .news-cont{width: calc(100% - 120px);}
	.news-right li a .news-cont h3{width:100%;font-size:16px;line-height:24px;}
	.news-right li a .date{margin-right: 10px;}
}
@media (max-width:769px){
	.news .title{margin-top: 20px;}
	.news .nwes-center .news-left{height:200px;width:100%;margin-bottom:18px;}
	.news .nwes-center .news-right{width:100%;}
	.news .nwes-center{margin-bottom: 30px;}
}

@media (max-width:640px){
	.news .title{margin-top:40px;}
	.news .title h2{font-size: 18px;line-height: 24px;}
	.news .title h3{font-size: 14px;line-height: 24px;}
	.news .nwes-center{margin-top:20px;}

	.news-right li a .date{width:80px;}
	.news-right li a .date span{font-size:24px;line-height:28px;}
	.news-right li a .date .year{font-size:12px;line-height:16px;}
	.news-right li a .news-cont{width:calc(100% - 100px);}
	.news-right li a .news-cont h3{font-size:16px;line-height:24px;}
	.news-right li a .news-cont p{font-size:12px;line-height: 16px;}
}

@media (max-width:480px){
	.news .nwes-center .news-left{height:260px;}
}

/* ÊÓƵµ¯´° */
.video-bg{
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	display: none;
}
.home-videobox{
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 60%;
	top: 14%;
	left: 20%;
	display: none;
}
.home-videobox .video-close{
	position: absolute;
	right: -24px;
	top: -24px;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png)no-repeat center;
	background-size: 28px;
	border: #fff solid 2px;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.7;
}
/* ÊÓƵµ¯´° ½áÊø*/
@media (max-width:1080px){
	.home-videobox{
		width:84%;
		top:50%;
		left:8%;
		transform: translate(0,-50%);
	}
}

/* 联系我们 */
.contact{padding: 5.2% 0 10.4% 0;}
.contact li{width: 100%;background: #f0f6fb;margin-bottom: 20px;display: flex;padding: 20px 60px;}
.contact li .text{width: 55%;display: flex;flex-direction: column;justify-content: center;}
.contact li h3{font-size: 20px;font-weight: bold;font-family: "微软雅黑";line-height: 18px;margin: 0 0 30px 0;}
.contact li p{font-size: 14px;font-family: "微软雅黑";line-height: 20px;color: #666;padding-left: 24px;}
.contact li p:nth-child(2){background: url(../images/add.jpg)no-repeat left;margin-bottom: 16px;}
.contact li p:nth-child(3){background: url(../images/dh.jpg)no-repeat left;}
.contact .map{width: 45%;height: 220px;background: #666;margin-left: 16px;}
.amap-logo{position: unset;}
.amap-copyright{position: unset;}
@media (max-width:1280px) {
	.contact li{padding: 20px 40px;}
}
@media (max-width:1080px) {
	.map .pop{display: none;}
	.map .shadow{display: none;}
	.contact li h3{margin: 0 0 26px 0;}
}
@media (max-width:769px) {
	.contact li h3{margin: 0px 0 20px 0;}
	.contact li p:nth-child(2){margin-bottom: 10px;}
	.contact li{flex-direction: column;padding: 20px;}
	.contact li .text{margin:0px;width: 100%;}
	.contact li h3{font-size: 18px;}
	.contact li p{font-size: 14px;line-height: 20px;}
	.contact .map{height: 200px;width:100%;margin: 20px 0 0 0;}
}
/* 联系我们 结束*/

/* 留言反馈 */
.contact-box{padding: 5.2% 0 10.4% 0;}
.contact-box li{width: 49%;float: left;border: 1px solid #bfbfbf;border-radius: 5px;margin: 10px 0;padding-left: 20px;display: flex;}
.form-btn{text-align: center;border: 1px solid #004097;border-radius: 5px;width: 120px;margin: 30px auto 0;}
.form-btn input{color: #004097;line-height: 30px;background: #fff;}
.layui-textrea{border: none;width: calc(100% - 50px);}
.contact-box li input{width:calc(100% - 80px);}
.contact-box li:nth-child(2n){margin-left: 2%;}
.contact-box li:nth-child(5){display: flex;width: 100%;}
.contact-box li:nth-child(5) p{color: #666;font-size: 16px;line-height: 40px;font-family: "微软雅黑";}
.contact-box li:last-child{margin-left: 0;}
.contact-box li .layui-textrea{height: 120px;line-height: 40px;}
.contact-box li span{color: #666;font-size: 16px;line-height: 40px;font-family: "微软雅黑";}
.yz-code img{border-left:1px solid #bfbfbf}
@media (max-width:450px) {
	.contact-box li{width: 100%;}
	.contact-box li:nth-child(2n){margin-left: 0%;}
}
/* 留言反馈 结束*/


/* 新闻中心 */
.news-cent{padding: 5.2% 0 10.4% 0;}
.news-cent li{width: 100%;background: #f0f6fb;padding: 20px 50px 20px 50px;margin-bottom: 2%;}
.news-cent li a{display: flex;justify-content: space-between;}
.news-cent li .text{margin: auto 0;}
.news-cent li h3{font-size: 24px;line-height: 30px;font-family: "微软雅黑";color: #333;}
.news-cent li h4{font-size: 14px;line-height: 18px;font-family: "微软雅黑";color: #666;margin-top: 10px;margin-bottom: 20px;}
.news-cent li p{font-size: 14px;line-height: 18px;font-family: "微软雅黑";color: #666;}
.news-cent li .img{width: 46%;overflow: hidden;margin-left: 50px;}
.news-cent li .img img{display: block;width: 100%;height: 100%;object-fit: cover;max-width: 390px;margin-left: auto;}
@media (max-width:550px) {
	.news-cent li .img img{margin-left: 0;}
}
/* 页码 */
.page01{text-align: center;width: 100%;}
.page01 a{font-size: 18px;line-height: 30px;display: inline-block;padding: 0 6px;margin-right: 10px;}
.page01 .current{color: #004097;border-bottom: 2px solid #004097;}
.page02{text-align: center;width: 100%;}
.page02 a{font-size: 18px;line-height: 30px;display: inline-block;padding: 0 6px;margin-right: 10px;}
.page02 .current{color: #004097;border-bottom: 2px solid #004097;}
.swp-btn{width: 20px;height: 20px;background-size: contain;margin-top: -12px;}
.swiper-button-prev{left: 6px;}
.swiper-button-prev1{left: 6px;}
.swp-number{width: 260px;position: relative;--swiper-navigation-color: #004097;}
.swp-number1{width: 260px;position: relative;--swiper-navigation-color: #004097;}
.swp-num{width: 200px;margin: 0 auto;overflow: hidden;}
.swp-num1{width: 200px;margin: 0 auto;overflow: hidden;}
.swiper-button-prev{
	background-image: url(../images/swiper-prev.png)!important;
}
.swiper-button-next{
	background-image: url(../images/swiper-next.png)!important;
}
.swiper-button-prev1{
	background-image: url(../images/swiper-prev.png)!important;
}
.swiper-button-next1{
	background-image: url(../images/swiper-next.png)!important;
}
.swp-num.swiper-wrapper{position: unset;}
.swp-num.swiper-container{position: unset;}
.swp-num1.swiper-container1{position: unset;}
.swp-num1.swiper-wrapper{position: unset;}
/* .swiper-button-prev{position: absolute;left: 10px;top: 26px;background-size: 12px;background: url(../images/swp-left.png)no-repeat center;}
.swiper-button-next{position: absolute;top: 26px;background-size: 12px;background: url(../images/swp-right.png)no-repeat center;}
 */
@media (max-width:1280px) {
	/* .news-cent li h3{font-size: 24px;line-height: 40px;}
	.news-cent li h4{font-size: 14px;line-height: 40px;}
	.news-cent li p{font-size: 20px;line-height: 40px;} */
}
@media (max-width:1080px) {
	.news-cent li{padding: 20px 30px;}
}
@media (max-width:769px) {
	.news-cent li .img{width: 66%;margin-left: 20px;}
	.news-cent li .img{min-width: 196px;}
	.news-cent li{padding: 20px;}
	.news-cent li h3{font-size: 20px;}
	.news-cent li h4{font-size: 14px;margin: 4px 0 12px 0;}
	.news-cent li p{font-size: 14px;}
}
@media (max-width:550px) {
	.news-cent li a{flex-direction: column;}
	.news-cent li .img{width: 100%;height: 200px;margin-left: 0px;margin-top: 16px;}
}
@media (max-width:450px) {
	.news-cent li .img{height: 160px;}
}
/* 新闻中心 结束*/