﻿/*首页banner大小*/
.banner ul li{height: 573px; }
.banner .swiper-button-next, .banner .swiper-button-prev {width: 40px;height: 40px;cursor: pointer;background-size: 40px 40px;position: absolute;top: 45%;z-index: 1;}
.banner .swiper-button-prev {left: 30px; background-image: url(../img/left.png);  }
.banner .swiper-button-next {right: 30px;background-image: url(../img/right.png); }

.index_title .title{height: 84px;display: block; border-bottom: 1px solid #E3E5EA;}
.index_title .title h3{cursor: pointer; font-size:24px; font-weight: bold; height: 84px; width: 130px; line-height: 84px;color: #283042;font-family: dFont; display: block; float: left; padding-left: 32px;}
.index_title .title h3.on{color: #9DA1A8 ;}
.index_title .title a{font-size:16px;color: #878787 ;width: 200px; height: 84px;line-height: 84px;display: block; text-align: right; float: right; padding-right: 32px;}

/*关于我们*/
.index_1{height: 64px;margin-top: 24px; margin-bottom: 24px; }
.index_1 ul{height: 64px;}
.index_1 ul li{width: 404px; height: 64px; float: left;margin-right: 22px; color: #fff;font-weight: bold;font-size: 20px;}
.index_1 ul li:nth-child(1){background-image: url(../img/index-1-bg-1.png);}
.index_1 ul li:nth-child(2){background-image: url(../img/index-1-bg-2.png);}
.index_1 ul li:nth-child(3){background-image: url(../img/index-1-bg-3.png);}
.index_1 ul li:last-child{margin-right: 0;}
.index_1 ul li a{width: 404px; height: 64px; display: block; line-height: 64px; text-align: center;}
/*主营业务*/
.index_2{height: 340px; margin-bottom: 24px;  }
.index_2 .fl{background-color: #fff;display: block; width: 617px;height: 340px}
.index_2 .fl .list{height: 256px;padding: 20px  32px;}
.index_2 .fl .list ul li{height: 54px;line-height: 54px;border-bottom: 1px solid #E3E5EA;}
.index_2 .fl .list ul li time{color: #727885;font-size: 14px;float: right;}
.index_2 .fr{background-color: #fff;display: block; width: 617px;height: 340px}
.index_2 .fr .list{height: 256px;padding: 26px  32px 20px  32px;}
.index_2 .fr .list ul li{width: 272px; height: 96px;line-height: 96px;float: left; font-size: 20px; font-weight: bold;margin-right: 9px; margin-bottom: 9px; }
.index_2 .fr .list ul li:nth-child(2n){margin-right: 0;}
.index_2 .fr .list ul li:nth-child(1){background-image: url(../img/index-2-bg-1.png);}
.index_2 .fr .list ul li:nth-child(2){background-image: url(../img/index-2-bg-2.png);}
.index_2 .fr .list ul li:nth-child(3){background-image: url(../img/index-2-bg-3.png);}
.index_2 .fr .list ul li:nth-child(4){background-image: url(../img/index-2-bg-4.png);}
.index_2 .fr .list ul li a{width: 272px; height: 96px;line-height: 96px;display: block;  padding-left: 126px;}
.index_2 .fr .list.on{display: none;}
.index_2 .fr .list2 ul li{height: 192px;line-height: 192px;position: relative;}
.index_2 .fr .list2 ul li::before{content: ''; position: absolute; width: 60px;height: 60px; left: 106px;top: 40px; background-image: url(../img/video.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.index_2 .fr .list2 ul li a{ width: 272px; height: 192px;line-height: 192px; padding-left:0}
.index_2 .fr .list2 ul li span{position: absolute; width: 272px; height: 50px;line-height: 50px; color: #fff; left: 0;right: 0; bottom: 0; display: block; text-align: center; background-color: rgba(0, 0, 0, 0.5) ;  padding-left: 0;}

.index_3{height: 340px; margin-bottom: 24px;  }
.index_3 .fl{background-color: #fff;display: block; width: 474px;height: 340px}
.index_3 .fl .list{height: 256px;padding: 25px 32px;}
.index_3 .fl .list .swiper-container{height: 200px;width: 410px;}
.index_3 .fl .list ul li{height: 200px;width: 410px;}
.index_3 .fl .list ul li a{height: 200px;width: 410px; display: block;position: relative;}
.index_3 .fl .list ul li a::before{content: ''; position: absolute; width: 60px;height: 60px; left: 175px;top: 55px; background-image: url(../img/video.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.index_3 .fl .swiper-button-next, .index_3 .fl .swiper-button-prev {width: 35px;height: 60px;cursor: pointer;background-size: 70px;position: absolute;top: 40%;z-index: 1;background-color: rgba(0, 0, 0,.2);color: #fff;text-align: center;line-height: 38px;}
.index_3 .fl .swiper-button-prev {left: 0px; background-image: url(../img/left-2.png);  }
.index_3 .fl .swiper-button-next {right: 0px;background-image: url(../img/right-2.png); }
 
.index_3 .fr{background-color: #fff;display: block; width: 757px;height: 340px}
.index_3 .fr .list{height: 256px;padding: 20px  32px;}
.index_3 .fr .list ul li{height: 54px;line-height: 54px;border-bottom: 1px solid #E3E5EA;}
.index_3 .fr .list ul li time{color: #727885;font-size: 14px;float: right;}
.index_3 .fr .list.on{display: none;}

/*@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) {
	body{overflow-x: hidden;}
	.banner ul li{height: 3.1rem !important; }
	.banner .swiper-button-next, .banner .swiper-button-prev {width:0.60rem ;height:0.60rem ;background-size:0.60rem 0.60rem ;}
	.banner .swiper-button-prev {left:0.30rem ;}
	.banner .swiper-button-next {right:0.30rem ;}

	.index_title .title{height:0.84rem ;}
	.index_title .title h3{font-size:0.36rem ;height:0.84rem ;width:2.2rem ;line-height:0.84rem ;padding-left:0.32rem ;}
	.index_title .title a{font-size:0.28rem ;width:2.00rem ;height:0.84rem ;line-height:0.84rem ;padding-right:0.32rem ;}


	.index_1{width: 7.2rem !important; min-width: 7.2rem !important; height:0.64rem ;margin-top:0.24rem ;margin-bottom:0.24rem ;}
	.index_1 ul{height:0.64rem ;}
	.index_1 ul li{width:2.25rem ;height:0.64rem ;margin-right:0.22rem ;font-size:0.32rem ;}
	.index_1 ul li a{width:2.25rem ;height:0.64rem ;line-height:0.64rem ;}

	.index_2{width: 7.2rem !important; min-width: 7.2rem !important;height:9.1rem ;margin-bottom:0.24rem ;}
	.index_2 .fl{width:7.2rem ;height:5.5rem ; margin-bottom: 0.2rem;}
	.index_2 .fl .list{height:4.5rem ;padding:0.20rem 0.32rem ;}
	.index_2 .fl .list ul li{height:0.80rem ;line-height:0.80rem ;}
	.index_2 .fl .list ul li time{font-size:0.26rem ;}
	.index_2 .fr{width:7.2rem ;height:3.40rem ;}
	.index_2 .fr .list{height:2.56rem ;}
	.index_2 .fr .list ul li{width:3.23rem ;height:0.96rem ;line-height:0.96rem ;font-size:0.32rem ;margin-right:0.09rem ;margin-bottom:0.09rem ;}
	.index_2 .fr .list ul li:nth-child(2n){margin-right: 0 !important;}
	.index_2 .fr .list ul li a{width:3.23rem ;height:0.96rem ;line-height:0.96rem ;padding-left:1.6rem ;}
	
	.index_2 .fr .list2 ul li{height: 1.92rem;line-height: 1.92rem;}
	.index_2 .fr .list2 ul li::before{content: '';  width: 0.60rem;height: 0.60rem; left: 1.315rem;top: 0.40rem;; }
	.index_2 .fr .list2 ul li a{ width: 3.23rem; height: 1.92rem;line-height: 1.92rem; padding-left:0 ;}
	.index_2 .fr .list2 ul li span{font-size: 0.28rem; width: 3.23rem; height: 0.60rem;line-height: 0.60rem; }

	.index_3{width: 7.2rem !important; min-width: 7.2rem !important;height:11rem;margin-bottom:0.24rem ;}
	.index_3 .fl{width:7.2rem ;height:5rem ; margin-bottom: 0.2rem;}
	.index_3 .fl .list{height:4.06rem ;padding:0.25rem 0.32rem ;}
	.index_3 .fl .list .swiper-container{height:3.60rem ;width:6.53rem ;}
	.index_3 .fl .list ul li{height:3.60rem ;width:6.53rem ;}
	.index_3 .fl .list ul li a{height:3.60rem ;width:6.53rem ;}
	.index_3 .fl .list ul li a::before{width:0.60rem ;height:0.60rem ;left:2.95rem ;top:1.31rem ;}
	.index_3 .fl .swiper-button-next, .index_3 .fl .swiper-button-prev {width:0.35rem ;height:0.60rem ;background-size:0.70rem ;line-height:0.38rem ;}
	.index_3 .fr{width:7.2rem ;height:5.5rem ; margin-bottom: 0.2rem;}
	.index_3 .fr .list{height:4.5rem ;padding:0.20rem 0.32rem ;}
	.index_3 .fr .list ul li{height:0.80rem ;line-height:0.80rem ;}
	.index_3 .fr .list ul li time{font-size:0.26rem ;}
}