
.contact-1 {height: 805px;background-image: url(../img/contact-bg-1.jpg);}
.contact-1 .news_list{position: relative;height: 570px;}
.contact-1 .news_list ul{height: 570px;}
.contact-1 .news_list ul li{width:573px;height: 510px;padding: 0px 20px;}
.contact-1 .news_list ul li div,.contact-1 .news_list ul li i{width: 533px;height: 510px;display: block;position: relative;}
.contact-1 .news_list ul li div span{height: 88px;color: #fff; padding: 23px; background: url(../img/contact-1-bg-1.png); line-height:88px;position: absolute;  left: 0; right: 0; bottom: 0; display: block; text-align: center;}
.contact-1 .news_list ul li div span h5{font-size: 24px; }
.contact-1 .news_list ul li div span h5::after{content: '';width: 24px; height: 2px; display: block;background-color: #fff;margin: 15px auto;}
.contact-1 .news_list .swiper-pagination{bottom: 25px !important;}
.contact-1 .news_list .swiper-pagination-bullet {width: 30px;height: 4px;background-color: #b6b6b6; border: 1px solid #b6b6b6; opacity: 1;}
.contact-1 .news_list .swiper-pagination-bullet-active{background-color: #1860bc;border: 1px solid #1860bc; }
.contact-1 .news_list .swiper-button-prev,.contact-1 .news_list .swiper-button-next{margin-top: 0;top: 30%; position: absolute; height: 82px;line-height: 82px;width: 82px;  background-repeat: no-repeat;background-position: center;background-size: 69px 69px;}
.contact-1 .news_list .swiper-button-prev{background-image: url(../img/honor-left-2.png); left: -82px; }
.contact-1 .news_list .swiper-button-next{background-image: url(../img/honor-right-2.png); left:initial; right: -82px;}

.contact-2 {height: 660px;background-image: url(../img/contact-bg-1.jpg);}
.contact-2 .news_list ul li{width:420px;height: 360px; display: block; float: left; padding: 80px 20px;margin-right: 13px;}
.contact-2 .news_list ul li i{width: 60px;height: 60px;display: block;margin: 0 auto;}
.contact-2 .news_list ul li h5{font-size: 24px; display: block; text-align: center;line-height: 90px;}
.contact-2 .news_list ul li span{font-size: 16px; height: 88px; line-height:30px;display: block; text-align: center;}
.contact-2 .news_list ul li:nth-child(1){background-color: #f2e4e5;}
.contact-2 .news_list ul li:nth-child(1) i{background-image: url(../img/contact-2-bg-1.png);}

.contact-2 .news_list ul li:nth-child(2){background-color: #e0f1f3;}
.contact-2 .news_list ul li:nth-child(2) i{background-image: url(../img/contact-2-bg-2.png);}

.contact-2 .news_list ul li:nth-child(3){background-color: #ecf3df;}
.contact-2 .news_list ul li:nth-child(3) i{background-image: url(../img/contact-2-bg-3.png);}

.contact-2 .news_list ul li:nth-child(4){background-color: #daedf7;margin-right: 0;}
.contact-2 .news_list ul li:nth-child(4) i{width: 140px;height: 140px;background-image: url(../img/footer-qrcode.jpg);}
.contact-2 .news_list ul li:nth-child(4) span{margin-top: 10px;}

.contact-3 {height: 860px;background-image: url(../img/contact-bg-1.jpg); padding-top: 60px;}
.contact-3 .news_list{height: 760px;background-image: url(../img/contact-bg-3.jpg); }

@media (max-width: 1680px) {
	.contact-1 {height:744px ;}
	.contact-1 .news_list{height:499px ;}
	.contact-1 .news_list ul{height:499px ;}
	.contact-1 .news_list ul li{width:501px ;height:446px ;padding:0 18px ;}
	.contact-1 .news_list ul li div,.contact-1 .news_list ul li i{width:466px ;height:446px ;}
	.contact-1 .news_list ul li div span{height:77px ;padding:20px ;line-height:77px ;}
	.contact-1 .news_list ul li div span h5::after{margin:13px auto ;}
	.contact-1 .news_list .swiper-pagination{bottom:22px ;}
	.contact-1 .news_list .swiper-button-prev,.contact-1 .news_list .swiper-button-next{height:72px ;line-height:72px ;width:72px ;background-size:60px 60px ;}
	.contact-1 .news_list .swiper-button-prev{left:-72px ;}
	.contact-1 .news_list .swiper-button-next{right:-72px ;}
	
	
	.contact-2 {height:608px ;}
	.contact-2 .news_list ul li{width:367px ;height:315px ;padding:70px 20px;margin-right:11px ;}
	.contact-2 .news_list ul li i{width:53px ;height:53px ;margin:auto ;}
	.contact-2 .news_list ul li h5{line-height:79px ;}
	.contact-2 .news_list ul li span{height:77px ;line-height:26px ;}
	.contact-2 .news_list ul li:nth-child(4) i{width:123px ;height:123px ;}
	.contact-2 .news_list ul li:nth-child(4) span{margin-top:9px ;}
	
	.contact-3 {padding-top:53px ;}


}
@media (max-width: 1440px) {
	.contact-1 {height:684px ;}
	.contact-1 .news_list{height:438px ;}
	.contact-1 .news_list ul{height:438px ;}
	.contact-1 .news_list ul li{width:429px ;height:383px ;padding:0 15px ;}
	.contact-1 .news_list ul li div,.contact-1 .news_list ul li i{width:399px ;height:383px ;}
	.contact-1 .news_list ul li div span{height:66px ;padding:14px ;line-height:66px ;}
	.contact-1 .news_list ul li div span h5::after{margin:11px auto ;}
	.contact-1 .news_list .swiper-pagination{bottom:19px ;}
	.contact-1 .news_list .swiper-button-prev,.contact-1 .news_list .swiper-button-next{height:62px ;line-height:62px ;width:62px ;background-size:52px 52px ;}
	.contact-1 .news_list .swiper-button-prev{left:-52px ;}
	.contact-1 .news_list .swiper-button-next{right:-52px ;}
	

	.contact-2 {height:555px ;}
	.contact-2 .news_list ul li{width:314px ;height:270px ;padding:60px 10px;margin-right:10px ;}
	.contact-2 .news_list ul li i{width:45px ;height:45px ;margin:auto ;}
	.contact-2 .news_list ul li h5{line-height:68px ;}
	.contact-2 .news_list ul li span{height:66px ;line-height:23px ;}
	.contact-2 .news_list ul li:nth-child(4) i{width:105px ;height:105px ;}
	.contact-2 .news_list ul li:nth-child(4) span{margin-top:8px ;}

	.contact-3 {padding-top:45px ;}

}

@media (max-width: 1366px) {
	.contact-1 {height:673px ;}
	.contact-1 .news_list{height:436px ;}
	.contact-1 .news_list ul{height:436px ;}
	.contact-1 .news_list ul li{width:407px ;height:363px ;padding:14px ;}
	.contact-1 .news_list ul li div,.contact-1 .news_list ul li i{width:379px ;height:363px ;}
	.contact-1 .news_list ul li div span{height:63px ;padding:13px ;line-height:63px ;}
	.contact-1 .news_list ul li div span h5::after{margin:11px auto ;}
	.contact-1 .news_list .swiper-pagination{bottom:18px ;}
	.contact-1 .news_list .swiper-button-prev,.contact-1 .news_list .swiper-button-next{height:58px ;line-height:58px ;width:58px ;background-size:49px 49px ;}
	.contact-1 .news_list .swiper-button-prev{left:-48px ;}
	.contact-1 .news_list .swiper-button-next{right:-48px ;}
	
	.contact-2 {height:540px ;}
	.contact-2 .news_list ul li{width:299px ;height:256px ;padding:57px 10px;margin-right:9px ;}
	.contact-2 .news_list ul li i{width:43px ;height:43px ;margin:auto ;}
	.contact-2 .news_list ul li h5{line-height:64px ;}
	.contact-2 .news_list ul li span{height:63px ;line-height:21px ;}
	.contact-2 .news_list ul li:nth-child(4) i{width:100px ;height:100px ;}
	.contact-2 .news_list ul li:nth-child(4) span{margin-top:7px ;}
	
	.contact-3 {padding-top:43px ;}

}


/*@media (max-width: 1099.98px) { */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.contact-1 {height:8.05rem ;}
	.contact-1 .news_list{height:5.70rem ;}
	.contact-1 .news_list ul{height:5.70rem ;}
	.contact-1 .news_list ul li{width:3.6rem ;height:5.10rem ;padding:0 0.10rem ;}
	.contact-1 .news_list ul li div,.contact-1 .news_list ul li i{width:3.4rem ;height:5.10rem ;}
	.contact-1 .news_list ul li div span{height:0.88rem ;padding:0.2rem ;line-height:0.88rem ;}
	.contact-1 .news_list ul li div span h5{font-size:0.32rem ;}
	.contact-1 .news_list ul li div span h5::after{width:0.24rem ;height:0.02rem ;margin:0.15rem auto ;}
	.contact-1 .news_list .swiper-pagination{bottom:0.25rem ;}
	.contact-1 .news_list .swiper-pagination-bullet {width:0.4rem ;height:0.05rem ;}
	.contact-1 .news_list .swiper-button-prev,.contact-1 .news_list .swiper-button-next{display: none;}


	.contact-2 {height:10rem ;}
	.contact-2 .news_list ul li{width:3.55rem ;height:3.5rem ;padding:0.8rem 0.2rem;margin-right:0.1rem ;margin-bottom: 0.1rem;}
	.contact-2 .news_list ul li i{width:0.60rem ;height:0.60rem ;margin:auto ;}
	.contact-2 .news_list ul li h5{font-size:0.36rem ;line-height:0.90rem ;}
	.contact-2 .news_list ul li span{font-size:0.28rem ;height:0.88rem ;line-height:0.30rem ;}
	.contact-2 .news_list ul li:nth-child(2n){margin-right: 0;}
	.contact-2 .news_list ul li:nth-child(4) i{width:1.40rem ;height:1.40rem ;}
	.contact-2 .news_list ul li:nth-child(4) span{margin-top:0.10rem ;}

	.contact-3 {height:9.60rem ;padding-top:0.60rem ;}
	.contact-3 .news_list{height:8.60rem ;}

}