/* Index1  Start*/

/* Banner  Start*/
.index_banner{width:100%;height:420px;position:relative;background-color:#111}
.index_banner .swiper-container{width:100%;height:100%; position: relative;}
.index_banner .swiper-slide{position:relative}
.index_banner .swiper-slide .text{width:1200px;position:absolute;top:40%;left:48%;transform:translate(-50%,-55%);cursor:pointer}
.index_banner .swiper-slide img{transform:translateY(100px);transition:all .3s;opacity:0}
.index_banner .swiper-slide h3{color:#fff;font-size:50px;line-height:1;text-transform:uppercase;font-family:montserrat-medium}
.index_banner .swiper-slide h3 span{color:#fff;font-size:66px;text-transform:uppercase;font-family:montserrat-medium}
.index_banner .swiper-slide h2{color:#fff;font-size:68px;line-height:1;margin:65px 0 35px;transform:translateY(100px);opacity:0;transition:all .3s;transition-delay:.2s;font-family:"microsoft yahei,΢ɭ҅ۚ"}
.index_banner .swiper-slide h2 span{color:#fff;font-size:72px;font-family:dinpro-bold}
.index_banner .swiper-slide p{color:#fff;font-size:30px;line-height:1;margin:0;transform:translateY(100px);opacity:0;transition:all .5s;transition-delay:.4s}
.swiper-pagination{ position: absolute; bottom: 40px!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:10px;
	border: 2px solid #fff;
	opacity:1;
	background: none;
}
/*分页器选中*/
.swiper-pagination-bullet-active {
	background: #fff!important;
	border: 2px solid #37b4e0;
}
.swiper-containerc{ text-align: center;}
.swiper-containerc .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:10px;
	border: 2px solid #ccced0!important;
	opacity:1;
	background: #ccced0!important;
}
/*分页器选中*/
.swiper-containerc .swiper-pagination-bullet-active {
	background: #327600!important;
	border: 2px solid #327600!important;
}

.swiper-containerd{ text-align: center;}
.swiper-containerd .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:10px;
	border: 2px solid #ccced0!important;
	opacity:1;
	background: #ccced0!important;
}
/*分页器选中*/
.swiper-containerd .swiper-pagination-bullet-active {
	background: #327600!important;
	border: 2px solid #327600!important;
}

.swiper-containere{ text-align: center;}
.swiper-containere .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:10px;
	border: 2px solid #ccced0!important;
	opacity:1;
	background: #ccced0!important;
}
/*分页器选中*/
.swiper-containere .swiper-pagination-bullet-active {
	background: #327600!important;
	border: 2px solid #327600!important;
}


.swiper-containerf .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius:10px;
	border: 2px solid #fff!important;
	opacity:1;
	background: #fff!important;
}
/*分页器选中*/
.swiper-containerf .swiper-pagination-bullet-active {
	background: #ccced0!important;
	border: 2px solid #ccced0!important;
}

.swiper-paginationf{ position: absolute; bottom:80px!important; z-index: 999;}



.swiper-button-prev, .swiper-button-next{ width: 52px!important; height: 53px!important;}
.swiper-button-prev:after, .swiper-button-next:after{
    content: ''!important;
	display: block;
	width: 52px;
	height: 53px;
}
.swiper-button-prev:after{
	background: url(../images/left.png) no-repeat;
}
.swiper-button-next:after{
	background: url(../images/right.png) no-repeat;
}

@media screen and (max-width:1580px){.index_banner .swiper-slide img{width:1000px}
	.index_banner .swiper-slide h2{font-size:58px}
	.index_banner .swiper-slide p{font-size:28px}
	.index_banner .swiper-slide h3{font-size:40px}
}

@media screen and (max-width:1460px){
	.index_banner .swiper-slide img{width:880px}
	.index_banner .swiper-slide h2{font-size:50px}
	.index_banner .swiper-slide p{font-size:22px}
	.index_banner .swiper-slide h3{font-size:28px}
}

.index_banner .swiper-slide-active img{transform:translateY(0);opacity:1}
.index_banner .swiper-slide-active h2{transform:translateY(0);opacity:1}
.index_banner .swiper-slide-active p{transform:translateY(0);opacity:1}

@media (min-width: 767px) and (max-width: 991px){
	.index_banner{width:100%;height:410px;position:relative;background-color:#111}
}

@media screen and (max-width:767px) {
	.index_banner{width:100%;height:210px;position:relative;background-color:#111}
}




.about{padding-top: 30px; padding-bottom: 30px; background: url(../images/aboutbg.png) center bottom no-repeat;}
.about .title dd{ width: calc(70% - 40px);}
.about .aboutcon{ width: calc(70% - 40px); margin-top: 10px;}
.about .aboutcon h2{ color: #327600; font-size: 22px;}
.about .aboutcon dd{ color: #666666; font-size: 16px; line-height: 30px; margin-top: 10px;}
.about .aboutcon ul {display: flex; justify-content: center; margin-top: 20px;}
.about .aboutcon ul li{ 
	width: 30%; text-align: center; margin-right: 20px; padding: 20px;
}
.about .aboutcon ul li p{ font-size: 15px; color: #999999; line-height: 30px;}
.about .aboutcon ul li p span{ font-size: 28px; color: #327600; font-weight: bold; margin-right: 5px;}
.about .aboutcon dl{ margin: 20px 0px;}
.about .aboutcon dl a{ 
	display: block; height: 40px; line-height: 40px; border-radius: 40px; width: 120px;
	text-align: center; border: 1px solid #327600; color: #404040; font-size: 14px;
}
.about .aboutcon dl a:hover{ 
	background-color:#327600; color:#fff;
}
.about .aboutvide{ width: 30%; background: #17242b; padding: 0; border-radius: 8px; margin-top: -40px;}
.about .aboutvide img{transition: all 0.5s;}
.about .aboutvide img:hover{box-shadow:5px 5px 5px #ddd; transform: scale(1.05);}
.about .aboutvide video{ width: 100%; border-radius: 8px;}
@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.about .aboutcon{ width: 100%;}
	.about .aboutcon dl a{ 
		display: none;
	}
	.about .aboutcon ul li p{ font-size: 12px; color: #999999; line-height: 30px;}
	.about .aboutvide{ width: 100%; background: #17242b; padding: 0; border-radius: 8px;}
}

@media screen and (max-width:767px) {
	.title { margin-bottom: 0px;}
	.about .aboutcon{ width: 100%; margin-top: 0px;}
	.about .aboutcon dl a{ 
		display: none;
	}
	.about .aboutcon ul li{
		width: 30%; text-align: center; margin-right: 20px; padding: 20px 10px;
		border-radius: 10px; border: #cccccc 1px solid;
	}
	.about .aboutcon ul li p{ font-size: 12px; color: #999999; line-height: 30px;}
	.about .aboutcon ul li p span{ font-size: 24px; color: #327600; font-weight: bold; margin-right: 5px;}
	.about .aboutvide{ width: 100%; background: #17242b; padding: 0; border-radius: 8px; margin-top: 0px;}
	.about .aboutvide video{ width: 100%; border-radius: 8px;}
}



.service{ padding-top: 30px; background: url(../images/serbj.png);}
.serlist{overflow: hidden; padding-bottom: 28px; margin-top: 30px;}
.serl2{display: none;}
.serlist .swiper-wrapper{ margin-bottom: 30px;}
.serlist .swiper-slide{position: relative; padding: 0 10px;}
.serlist .swiper-slide dl{ background: #f7f7f7; border-radius: 10px; overflow: hidden; box-shadow:2px 2px 2px #ddd; transition: all 0.5s;}
.serlist .swiper-slide dl:hover{ transform: scale(1.05); box-shadow:5px 5px 5px #ddd;} 
.serlist .swiper-slide dl dd:nth-child(1){background: #327600; float: left;}
.serlist .swiper-slide dl dd:nth-child(1) div{ width: 107px; height: 107px; background: #327600; display: table-cell;
vertical-align:middle;text-align:center;}
.serlist .swiper-slide dl dd:nth-child(1) div img{vertical-align:middle;}
.serlist .swiper-slide dl dd:nth-child(2){ width: calc(100% - 115px); height: 107px; float: right; text-align: left; padding: 10px;}
.serlist .swiper-slide dl dd:nth-child(2) h4{ font-size: 16px; line-height: 30px; height: 30px; overflow: hidden;}
.serlist .swiper-slide dl dd:nth-child(2) p{ font-size: 14px; line-height: 25px; overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;}
@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.service{ padding-top: 30px; padding-bottom: 0px;}
	.serlist{overflow: initial; padding-bottom: 0px;}
	.serl1{display: none;}
	.serl2{display: block;}
}

@media screen and (max-width:767px) {
	.service{ padding-top: 30px; padding-bottom: 30px;}
	.serlist{overflow: initial; padding-bottom: 0px;}
	.serl1{display: none;}
	.serl2{display: block;}
	.serlist .swiper-slide dl {
    margin-top: 20px;
}
}

.product{padding-top: 30px; padding-bottom: 30px;}
.product .title dd a{ float: right;}
.pro2{display: none;}
.prolist{overflow: hidden; padding-bottom: 30px; margin-top: 30px;}
.prolist .swiper-wrapper{ margin-bottom: 30px;}
.prolist .swiper-slide{background: #ffffff; border-radius: 10px; box-shadow:5px 5px 5px #ddd; transition: all 0.5s; overflow: hidden;}
.prolist .swiper-slide:hover{background: #accd05; transform: scale(1.05);}
.prolist .swiper-slide img{ width: 100%;}
.prolist .swiper-slide h4{font-size: 14px; line-height: 40px; height: 40px; text-align: center;}
.prolist .swiper-slide a:hover{ color:#fff;}

@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.product{padding-bottom: 0px;}
	.pro1{display: none;}
	.pro2{display: block;}
	.prolist{overflow: initial; padding-bottom: 0px;}
	.prolist .swiper-slide{ width: 49%; float: left; margin-bottom: 20px;}
	.prolist .swiper-slide:nth-child(2n){margin-left: 2%;}
}

@media screen and (max-width:767px) {
	.product{padding-bottom: 0px;}
	.pro1{display: none;}
	.pro2{display: block;}
	.prolist{overflow: initial; padding-bottom: 0px;}
	.prolist .swiper-slide{ width: 49%; float: left; margin-bottom: 20px;}
	.prolist .swiper-slide:nth-child(2n){margin-left: 2%;}
}

.news{padding-top: 30px; padding-bottom: 30px; background: url(../images/newsbg.png);}
.newlist{ width: 100%;}
.newlist li {overflow: hidden; padding: 0px 0 0px 0px; width: 48%; float: left; margin-right: 4%; margin-bottom: 20px; background-color: #fff;transition: all 0.5s; box-shadow:2px 2px 2px #ddd;}
.newlist li:hover{ transform: scale(1.05); box-shadow:5px 5px 5px #ddd;}
.newlist li:nth-child(2n){ margin-right: 0;}
.newlist li dd:nth-child(1){ width: 200px; height: 118px; float: left; text-align: center;}
.newlist li dd:nth-child(2){ width: calc(100% - 210px); float: right; padding: 5px;}
.newlist li dd:nth-child(2) h4{ font-size: 16px; line-height: 35px; height:35px; overflow:hidden;}
.newlist li dd:nth-child(2) p{ font-size: 14px; line-height: 22px; color: #999999; overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; text-align: left;}
.newlist li dd:nth-child(2) p:nth-child(3){ margin-top: 5px;}
.newlist li dd:nth-child(2) p>a{ float: right; font-size: 12px; color: #013d87; margin-right:10px;}
.newlist li dd:nth-child(2) p>a:hover{ color: #999999;}


@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.newtop{overflow: hidden; padding-bottom: 30px; width: 100%; position: relative;}
	.newlist{ width: 100%;}
}

@media screen and (max-width:767px) {
	.newtop{overflow: hidden; padding-bottom: 30px; width: 100%; position: relative;}
	.newlist{ width: 100%;}
}