@charset "utf-8";


/*首页 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../images/loading.gif) center center no-repeat;height: 500px;}
.HomeBan .item{ position:relative;}
.HomeBan .imgbox{padding-top:500px;}
.HomeBan .slick-dots{ bottom: 30px;}
.HomeBan .slick-dots li{ border-radius:50%; margin:0 5px; display:inline-block;width: 18px;height: 18px; position:relative;background: #fff;vertical-align: middle;}
.HomeBan .slick-dots li.slick-active {background:#b7d200;width: 24px;height: 24px;}
.HomeBan .slick-dots li.slick-active button{background: none;}
.HomeBan .slick-arrow{background-color:rgba(0,0,0,0.2)}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-next { right:4%;}
.HomeBan .item .txt{ z-index:10; position:absolute; left:15%; width:50%; top: 50%;color:#d8f706;text-align: center;width: 70%;font-size: 48px;font-weight: bold;text-shadow: 0px 2px 3px rgba(0, 29, 68, 0.67);}
.HomeBan .item.i2 .txt{text-align: left;}
.HomeBan .item .txt{
	opacity: 0;
	transform: translateY(130px);
	-webkit-transform: translateY(130px);
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
}
.HomeBan .item.active .txt{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0;
	transition-delay: 0;
}

@media ( max-width:1024px){
.HomeBan .imgbox{padding-top:35%;}
.HomeBan .slick-dots{ bottom: 10px;}
.HomeBan .slick-dots li,.HomeBan .slick-dots li.slick-active {width: 10px;height: 10px;}
.HomeBan .item.i3 .txt{width:300px;}
}
@media ( max-width:640px){
.HomeBan .imgbox{padding-top:50%;}
.HomeBan .item.i3 .txt{width:150px;}
}

.HomeNews{overflow: hidden;}
.HomeNews .Top{width: 100%;padding:40px 0;}
.HomeNews .Top .imgbox{width:37%;float: left;padding-top:320px;}
.HomeNews .Top .info{width:61%;float: right;}
.HomeNews .Top .date{line-height: 17px;font-size: 18px;color:#195bb1;font-weight: bold;}
.HomeNews .Top .date i{display: block;font-family: "DINMedium";font-size: 45px;line-height: 47px;}
.HomeNews .Top .tit{font-size: 22px;margin:24px 0 17px;}
.HomeNews .Top .p{height:120px;margin-bottom:24px;color:#808080;font-size:16px;}
.HomeNews .Top .detail img{vertical-align: middle;}

.HomeNews .List{width:100%;padding:0 0 10px 0;}
.HomeNews .List li{border-bottom: 1px solid #ebebeb;padding:0 0 30px;position: relative;width: 370px;float: left;margin-right: 40px;}
.HomeNews .List li:nth-child(3){margin-right: 0;}
.HomeNews .List .date{line-height: 39px;color:#b2b2b2;font-size: 18px;font-family: "DINMedium";}
.HomeNews .List .tit{padding-right:50px;position: relative;font-size: 20px;height: 36px;color:#333;}
.HomeNews .List .tit img{position: absolute;right: 0;top: 10px;}
.HomeNews .List li:before{position: absolute;left: 0;bottom: -1px;width: 0;width: 0;height: 1px;background:#195bb1;content: "";transition: all 0.3s;}
.HomeNews .List li:hover:before{width: 100%;}
.HomeNews .List li:hover .tit,.HomeNews .List li:hover .tit .iconfont{color:#195bb1;}
.HomeNews .List li:last-child{border-bottom: 0px;}

@media(max-width:1024px){
.HomeNews .Top{width: auto;float: none;padding:20px 0;}
.HomeNews .List{width:auto;float:none;}
.HomeNews .List li{padding:8px 0;}
.HomeNews .List .date{font-size: 15px;line-height: 20px;}
.HomeNews .List .tit{height: auto;font-size: 15px;}
}
@media(max-width:768px){
.HomeNews .Top .imgbox{width: auto;float: none;padding-top:60%;margin-bottom: 10px;}
.HomeNews .Top .info{width: auto;float: none;border-bottom: 1px solid #ebebeb;padding-bottom:8px;}
.HomeNews .Top .date{font-size: 14px;}
.HomeNews .Top .date i{font-size: 22px;line-height: 24px;}
.HomeNews .Top .tit{margin:8px 0;font-size: 15px;}
.HomeNews .Top .p{height: auto;-webkit-line-clamp: 2;font-size: 14px;margin-bottom:10px;}
.HomeNews .List{padding-top:0;}
}

.HomeTit{padding:30px 0 29px;}
.HomeTit h2{line-height: 46px;color:#000000;font-size:33px;}
.HomeTit p{line-height: 22px;color:#d9d9d9;font-size:22px;text-transform: uppercase;font-family: "Montserrat";}

.HomeAbout{background:#fafafa url(../images/aboutbg.jpg) 0px bottom no-repeat;overflow: hidden;}
.HomeAbout .About{width:60%;float: left;}
.HomeAbout .About .imgbox{width:42%;float: left;padding-top:170px;}
.HomeAbout .About .info{width:53%;float: right;}
.HomeAbout .About .info .p{margin:-4px 0 16px;font-size: 15px;color:#666666;height:120px;}
.HomeAbout .About .detail img{vertical-align: middle;}

.HomeAbout .Num{width:40%;padding:11px 2.5% 0;float:left;overflow: hidden;}
.HomeAbout .Num li{border-bottom: 1px solid #f0f0f0;padding:5px 0;font-size: 14px;color:#000000; position: relative;}
.HomeAbout .Num .number{color:#195bb1;}
.HomeAbout .Num .number b{margin-right:6px;font-size: 36px;font-family: "DINMedium";vertical-align: bottom;line-height: 48px;}
.HomeAbout .Num .iconfont{position: absolute;color: #e7e3e3;right: 20px;top: 35%;font-size: 40px;}
.HomeAbout .Num li:before{position: absolute;left: 0;bottom: -1px;width: 0;width: 0;height: 1px;background:#195bb1;content: "";transition: all 0.3s;}
.HomeAbout .Num li:hover:before{width: 100%;}
.HomeAbout .Num li:hover .iconfont{color: #ccc;}

.HomeAbout .Paper{width:27%;float: right;background:#f5f0e6;padding:20px 70px 0;height:340px;overflow: hidden;display:none;}
.HomeAbout .Paper .item{position: relative;text-align: center;}
.HomeAbout .Paper .imgbox{padding-top:300px;}
.HomeAbout .Paper .tit{position: absolute;left: 0;bottom: 0;z-index: 3;line-height: 40px;background:rgba(0,0,0,0.4);font-size: 14px;color:#fff;width: 100%;}
.HomeAbout .Paper .slick-arrow{color:#000;width: 30px;height: 60px;line-height:60px;background-position: center;background-size: contain;border-radius: 0;background:none;}
.HomeAbout .Paper .slick-prev:before,
.HomeAbout .Paper .slick-next:before{font-weight: bold;font-size: 18px;}
.HomeAbout .Paper .slick-prev{background-image: url(../images/arrlefbg.png);left: -100px;}
.HomeAbout .Paper .slick-next{background-image: url(../images/arrrightbg.png);right: -100px;}
.HomeAbout .Paper:hover .slick-prev{left:-70px;}
.HomeAbout .Paper:hover .slick-next{right:-70px;}
.HomeAbout .Paper .slick-prev:hover,.HomeAbout .Paper .slick-next:hover{color:#195bb1;}
.HomeAbout .Paper .slick-dots{display:none !important;}

@media(max-width:1024px){
.HomeAbout .About{width: auto;float: none;}
.HomeAbout .Num{width: auto;}
.HomeAbout .Paper{width: 30%;padding:20px 20px 35px;}
.HomeAbout .Paper .slick-arrow{display:none !important;}
.HomeAbout .Paper .slick-dots{display:block !important;bottom:-20px;}
.HomeAbout .Paper .imgbox {padding-top:290px;}
}
@media(max-width:768px){
.HomeTit{padding:20px 0 15px;}
.HomeTit h2{font-size:18px;line-height: 24px;}
.HomeTit p{font-size:15px;}
}
@media(max-width:640px){
.HomeAbout .About .imgbox {padding-top:133px;}
.HomeAbout .About .info .p{height: auto;font-size: 14px;}
.HomeAbout .Num{width: auto;float: none;}
.HomeAbout .Num .number b{font-size:20px;line-height:30px;}
.HomeAbout .Num li{padding:10px 0;}
.HomeAbout .Num .iconfont{font-size:32px;}
.HomeAbout .Paper{width: auto;float: none;height: auto;}
.HomeAbout .Paper .slick-list{margin-left:-10px;}
.HomeAbout .Paper .item{margin-left:10px;}
.HomeAbout .Paper .imgbox{padding-top:125%;}
}

.ztimg{margin: 40px auto 0;}
.ztimg img{width: 100%;}

.rotation{width: 300px;position: fixed;left: 35px;bottom: 100px;z-index: 999;}
.rotation ul li {position: relative;height: 186px;margin-bottom: 5px;}
.rotation ul li img{width: 100%;height: 100%;}
.rotation .hd {position: absolute;bottom: 10px;left: 90px;z-index: 999;}
.rotation .hd ul li{float: left;width: 16px;height: 16px;background: #666;margin: 0 4px;font-size: 12px;color: #fff;text-align: center;line-height: 16px;}
.rotation .hd ul li.on {background: #c10d0c;}
.cloose{position: absolute;right: 5px;top: 5px;cursor: pointer;z-index: 9;}
@media(max-width:767px){
	.rotation{display: none;}
	.HomeBan .item .txt{font-size: 16px;}
	.HomeBan{height: auto;}
}


/* list */
.mainbody{width: 1380px;margin: 0 auto;padding-top: 30px;min-height: 300px;}
.m-specialbox{width: 100%;height: 448px;margin-bottom: 60px;position: relative;}
.m-specialbox ul li a{display: block;width: 100%;}
.phone{width: 800px;height: 448px;float: left;}
.phone img{width: 100%;height: 100%;}
.msbox{width: 580px;height: 448px;background-color: #edf6fc;padding: 70px 30px 30px;box-sizing: border-box;position: relative;float: left;}
.msbox h3{font-size: 24px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 35px;}
.msbox p{font-size: 15px;color: #999;line-height: 32px;}
.msbox div{font-size: 24px;color: #3d3d3d;text-align: center;padding-top: 100px;}
.msbox div span{font-size: 36px;font-weight: bold;color: #adcd33;}
.m-specialbox .hd a{position: absolute;display: inline-block;width: 32px;height: 6px;}
.m-specialbox .hd a.prev{background: url(../images/jt.png) no-repeat;right: 518px;bottom: 30px;}
.m-specialbox .hd a.next{background: url(../images/jt.png) no-repeat;right: 30px;bottom: 30px;transform: rotateY(180deg);}
.m-specialbox .hd a.prev:hover{background: url(../images/xzjt.png) no-repeat;transform: rotateY(180deg);}
.m-specialbox .hd a.next:hover{background: url(../images/xzjt.png) no-repeat;transform: none;}

.listbox ul.lisink li{width: 100%;height: 245px;box-sizing: border-box;border-top: 1px solid #ddd;padding: 30px 0;}
.listbox ul.lisink li a{display: block;}
.listbox ul.lisink li a h3{font-size: 24px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;float: left;max-width: 80%;line-height: 42px;margin-bottom: 30px;}
.listbox ul.lisink li a .more{float: right;width: 130px;height: 42px;background-color: #edf6fc;text-align: center;line-height: 42px;font-size: 16px;color: #333;}
.listbox ul.lisink li p{font-size: 15px;color: #999;line-height: 30px;}
.listbox ul.lisink li a:hover .more{color: #0096e0;}
.listbox ul.lisink li:last-child{border-bottom: 1px solid #ddd;margin-bottom: 70px;}

.lzjs{padding-bottom: 3%;}
.lzjs h3{font-size: 24px;color: #195bb1;margin-bottom: 20px;position: relative;display: inline;}
.lzjs h3::after{content: "";left: 0;bottom: -8px;width: 100%;height: 6px;background: #195bb1;position: absolute;}
.lzjs ul{display: flex;justify-content: space-between;margin-top: 30px;}
.lzjs ul li span{width: 50px;height: 50px;background: #195bb1;border-radius: 100px;padding: 10px;margin-right: 15px;}
.lzjs ul li p{width: 80%;}
.lzjs ul li{display: flex;align-items: center;margin-right: 20px;font-size: 16px;color: #333;width: 31%;padding: 20px;border-radius: 10px;background: #f5f5f5;}
@media(max-width:1024px){
	.lzjs ul{display: block;}
	.lzjs ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
}

/*pagination*/
.m-pagination{padding: 15px;margin-bottom: 80px;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #adcd33; border: 1px solid #adcd33; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}
#pagination{margin-left: 25%;}
@media(max-width:767px){
	.mainbody{width:auto;margin: 0px 15px;}
	.m-specialbox,.listbox ul.lisink li{height: auto;}
	.phone{width: 100%;height: 192px;}
	.msbox{width: 100%;height: auto;}
	.msbox div{padding-top: 40px;}
	.m-specialbox .hd a.prev{right: 283px;}
	.listbox ul.lisink li a h3{max-width: 70%;}
	.listbox ul.lisink li a .more{width: 100px;}
	.listbox ul.lisink li:last-child{margin-bottom: 40px;}
	.m-pagination{margin-bottom: 120px;}
}