﻿.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 100%;
}

.banner .mySwiper .swiper-pagination {
    bottom: 32px;
}

.banner .mySwiper .swiper-pagination-bullet {
    opacity: 1;
    margin: 0px 10px;
    width: 10px;
    height: 10px;
    background: url(../images/icon-circle1.png) center center no-repeat;
}

.banner .mySwiper .swiper-pagination-bullet-active {
    background: url(../images/icon-circle2.png) center center no-repeat;
}

.banner .mySwiper .words{position:absolute;width:1200px;left:50%;margin-left:-600px;top:50%;transform:translateY(-50%);}
.banner .mySwiper .words .t1{position: relative;font-weight:bold;color:#fff;font-size:42px;width: 580px;text-transform: uppercase;line-height: 60px;z-index: 9999999;}
.banner .mySwiper .words .t2{font-size:18px;color:#fff;width:650px;margin: 30px 0px 0px 0px;line-height: 40px;}
.banner .mySwiper .words .t1:before{width: 360px;height:10px;background:#c7d0da;content:'';position:absolute;bottom: 11px;left:0px;z-index: -1;}

.index1 {
    margin: 65px 0px 70px 0px;
}

.index1L {
    width: 620px;
    float: left;
}

.index1L .p1 {
    color: #333;
    font-size: 24px;
    position: relative;
}

.index1L .p1:after {
    width: 50px;
    height: 3px;
    background: #d52026;
    margin: 16px 0px 0px 0px;
    content: '';
    display: block;
}

.body .name {
    color: #333;
    font-size: 36px;
    position: relative;
    font-weight: bold;
    z-index: 9999999;
    letter-spacing: 0.4px;
    line-height: 40px;
}

.body .name .more{float:right;color:#999;font-size:16px;/* font-weight:normal; */letter-spacing:0;}
.body .name .more:hover{color:#d52026;}
.body .name em{position:relative;}
.body .name em:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    background: #ccf1ea;
    top: 30px;
    z-index: -1;
}
.body .index1L .name{margin:35px 0px 0px 0px;}
.index1L .sum {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin: 30px 0px 0px 0px;
    max-height: 160px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.index1L .more {
    font-size: 20px;
    color: #d52026;
    height: 55px;
    width: 190px;
    border: 1px solid #d52026;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    line-height: 53px;
    margin: 35px 0px 0px 0px;transition:0.5s all ease;
}
.index1L .more:hover{background:#d52026;color:#fff;}
.index1R {width: 540px;float: right;}
.index1R ul{margin:25px 0px 0px 0px;}
.index1R li{padding:20px 0px;border-bottom:1px solid #e8e8e8;transition:0.5s all ease;}
.index1R li:last-child{border:0;}
.index1R .Time{width:75px;height: 75px;border:1px solid #b2b2b2;box-sizing: border-box;text-align:center;border-radius:5px;float:left;transition:0.5s all ease;}
.index1R .Time .years{height:25px;line-height:25px;background:#b2b2b2;color:#fff;font-size:14px;transition:0.5s all ease;}
.index1R .Time .day{color:#999;font-size:30px;line-height:50px;transition:0.5s all ease;}
.index1R .words{width:445px;float:right;}
.index1R .words .title{transition:0.5s all ease;color:#323232;font-size:18px;height: 24px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;}
.index1R .words .sum{color:#707070;font-size:16px;line-height: 24px;height: 46px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 5px 0px 0px 0px;}
.index1R li:hover .Time{border:1px solid #ff0000;}
.index1R li:hover .years{background:#ff0000;}
.index1R li:hover .day{color:#ff0000;}
.index1R li:hover .title{color:#ff0000;}

.index2{background:url(../images/indexbg1.png) #f0f0f0 center bottom no-repeat;border-top: 5px solid #ff0000;padding: 70px 0px;position: relative;box-shadow: 0px 2px 6px 0px #bbb;}
.index2 .name{text-align: center;}
.index2 ul li{text-align: center;height: calc((100% - 30px) / 2);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index2 .mySwiper {height: 650px;margin: 47px 0px 0px 0px;}
.index2 li .title{margin: 20px 0px 0px 0px;color:#333333;font-size:18px;}
.index2 ul li .Img{height:260px;width:100%;overflow:hidden;box-shadow:0px 0px 6px 2px #ccc;}
.index2 ul li img{width:100%;height:100%;transition:0.5s all ease;}
.index2 ul li:hover .title{color:#ff0000;font-weight:bold;}
.index2 ul li:hover img{transform:scale(1.2);}
.index2 .center{position:relative;padding: 0px 0px 100px 0px;z-index: 999;}
.index2 .center .swiper-button-prev:after,.index2 .center .swiper-button-next:after{display:none;}
.index2 .center .swiper-button-prev,.index2 .center .swiper-button-next{width:54px;height:54px;top:auto;bottom:0px;transition:0.5s all ease;}
.index2 .center .swiper-button-prev{left:500px;background:url(../images/icon-left.png) #fff center center no-repeat;border-radius:5px;box-shadow:0px 0px 5px 1px #ccc;display: block;}
.index2 .center .swiper-button-next{right:500px;background:url(../images/icon-right.png) #fff center center no-repeat;border-radius:5px;box-shadow:0px 0px 5px 1px #ccc;display: block;}
.index2 .center .swiper-button-prev:hover{background:url(../images/icon-left1.png) #d52026 center center no-repeat;}
.index2 .center .swiper-button-next:hover{background:url(../images/icon-right1.png) #d52026 center center no-repeat;}

.index2 .center .icon{width:54px;height:54px;top:auto;bottom:0px;background: url(../images/icon-circle.png) #fff center center no-repeat;position: absolute;border-radius: 5px;left: 573px;box-shadow: 0px 0px 5px 1px #ccc;}
.index2:before{content:'gerotor';font-size:300px;color:#e7e6e6;position:absolute;z-index: 0;text-transform: uppercase;line-height: 780px;font-weight: bold;width: 100%;text-align: center;}
.index3{margin:75px 0px 80px 0px;}
.index3 .center{position:relative;}
.index3 .name{text-align: center;}
.index3 ul{margin:46px 0px 0px 0px;}
.index3 li {width:270px;}
.index3 li .Img{height: 195px;background:#fff;padding:10px;box-sizing:border-box;box-shadow: 0px 0px 20px 2px #dbeaed;overflow:hidden;}
.index3 li img{width:100%;height:100%;transition:0.5s all ease;}
.index3 li .title{color:#333333;font-size:18px;text-align:center;margin:20px 0px 0px 0px;}
.index3 .more {
    font-size: 20px;
    color: #d52026;
    height: 55px;
    width: 190px;
    border: 1px solid #d52026;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    line-height: 53px;
    margin: 40px auto 0px;transition:0.5s all ease;
}
.index3 .more:hover{background:#d52026;color:#fff;}
.index3 li:hover img{transform:scale(1.2);}
.index3 li:hover .title{color:#d52026;}
.index3 .center .swiper-button-prev:after,.index3 .center .swiper-button-next:after{display:none;}
.index3 .center .swiper-button-prev,.index3 .center .swiper-button-next{width: 25px;height: 30px;margin-top:-60px;transition:0.5s all ease;}
.index3 .center .swiper-button-prev{left:-60px;background:url(../images/icon-prev.png)center center no-repeat;}
.index3 .center .swiper-button-next{right:-50px;background:url(../images/icon-next.png)center center no-repeat;}
.index3 .center .swiper-button-prev:hover{background:url(../images/icon-prev1.png)center center no-repeat;}
.index3 .center .swiper-button-next:hover{background:url(../images/icon-next1.png)center center no-repeat;}



@media(max-width:1024px){
	.banner img{min-height: 40vw;}
	.banner .mySwiper .swiper-pagination{bottom: 10px;}
	.center{width: 92%;}
	.index1{margin: 30px 0px 25px 0px;}
	.index1L{width: 100%;float: none;}
	.index1L .p1{font-size: 18px;}
	.index1L .p1:after{margin: 12px 0px 0px 0px;width: 45px;}
	.body .name{font-size: 21px;}
	.body .name em:before{height:6px;top:18px;}
	.body .index1L .name{margin: 20px 0px 0px 0px;}
	.index1L .sum{font-size:14px;margin: 10px 0px 0px 0px;}
	.index1L .more{width: 120px;height: 38px;line-height: 38px;font-size:16px;margin:20px auto;}
	.index1R{width: 100%;float: none;}
	.body .name .more{font-size:14px;}
	.index1R ul{margin:10px 0px 0px 0px;}
	.index1R li{padding: 10px 0px;}
	.index1R .Time{width: 60px;height: 60px;}
	.index1R .Time .years{height: 20px;line-height: 20px;}
	.index1R .Time .day{line-height:40px;font-size: 24px;}
	.index1R .words{width:calc(100% - 70px)}
	.index1R .words .title{font-size:16px;height:20px;line-height:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.index1R .words .sum{font-size:14px;line-height:18px;height: 38px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.index2{padding:25px 0px;}
	.index2:before{font-size: 70px;line-height: 580px;}
	.index2 ul li .Img{height: 32vw;}
	.index2 li .title{font-size:14px;margin:10px 0px 0px 0px;}
	.index2 .mySwiper{height:calc(96vw + 140px);margin: 17px 0px 0px 0px;}
	.index2 ul li{height: calc((100% - 40px) / 3)}
	.index2 .center{padding: 0px 0px 50px 0px;}
	.index2 .center .swiper-button-prev, .index2 .center .swiper-button-next{width: 35px;height: 35px;background-size: 8px!important;}
	.index2 .center .swiper-button-prev{left: 28vw;}
	.index2 .center .swiper-button-next{right: 28vw;}
	.index2 .center .icon{width: 35px;height: 35px;left: 50%;margin-left: -18px;background-size: 24px;}

	.index3{margin: 30px 0px 40px 0px;}
	.index3 ul{margin: 20px 0px 0px 0px;}
	.index3 li .Img{height: 40vw;padding: 5px;}
	.index3 li .title{font-size:14px;margin:10px 0px 0px 0px;}
	.index3 .more{width: 120px;height: 38px;line-height: 38px;font-size:16px;margin: 25px auto 0px;}
	.index3 .center .swiper-button-prev{left: -10px;}
	.index3 .center .swiper-button-next{right: -10px;}
	.index3 .swiper{width:90%;margin:0 auto;}
	.index3 .center .swiper-button-prev, .index3 .center .swiper-button-next{width: 20px;height: 25px;background-size: 12px!important;margin-top: -45px;}

	.banner .mySwiper .words {width: 50%;margin-left:-46%;}
	.banner .mySwiper .words .t1{font-size: 16px;line-height: 22px;width: 210px;}
	.banner .mySwiper .words .t2{font-size: 10px;line-height: 14px;margin: 7px 0px 0px 0px;width:100%;}
	.banner .mySwiper .words .t1:before{width: 136px;height: 4px;bottom: 5px;}

	




}



