﻿.swiper-pagination-bullet-active{background: ##1e5aaf !important;}

.banner .swiper-button-next,.banner .swiper-button-prev{padding: 0 60px;}
@media (max-width:768px) {
	.banner .swiper-button-next,.banner .swiper-button-prev{display: none;}
}
.big-title{padding-top: 43px; padding-bottom: 30px;font-size: 24px; text-align: center;}
.big-title h3{font-style: italic; text-transform: uppercase; font-size: 24px; color: #333;}
.big-title span{display: block;width: 60px; height: 1px; background-color: #1e5aaf; margin: 5px auto;}
.big-title p{font-size: 20px; color: #333;}

.hy-bg{background-color: #f5f5f5; padding-bottom: 45px;}
.hyApp li{float: left; width: 33.33%; padding: 10px;}
.hyApp li a{position: relative; display: block;overflow: hidden;}
.hyApp li a>img{width: 100%;}
.hyApp li a h3{position: absolute;bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.6); color: #fff; font-size: 18px; padding: 13px; z-index: 2; transition: .3s;}
.hyApp li a .hy-mask{position: absolute;top: 0; left: 0;width: 100%; height: 100%; padding: 50px 44px 50px 50px;background-color: #1E5AAF; text-align: center; color: #fff; opacity: 0;transform: translateY(30px); transition: .3s; z-index: 1;}
.hyApp li a .hy-mask p{padding-top: 0px; padding-bottom: 10px; text-align: left; font-size: 14px; line-height: 24px;}

.hyApp li a:hover h3{transform: translateY(30px);opacity: 0;}
.hyApp li a:hover .hy-mask{transform: translateY(0);opacity:1;}

@media (max-width:768px) {
	.hyApp li{width: 100%; padding: 0;padding-bottom: 15px;}
	.hyApp li a h3{font-size: 16px;}
}
/*  */
.pronav li{float: left; width: 33.33%; padding: 2px;}
.pronav li a{position: relative; display: block;overflow: hidden;}
.pronav li a>img{width: 100%; transition: all .6s;}
.pronav li a h3{ width: 100%; background-color: #F5F5F5; color: #666; text-align: center; font-size: 16px; padding: 20px 15px 19px; z-index: 2; transition: .3s;}
.pronav li a:hover h3{background-color: #1E5AAF; color: #fff;}
.pronav li a:hover>img{transform:scale(0.9);}
@media (max-width:768px) {
	.pronav li{width: 100%;}
}
/*  */
.about-img,.about-con{float: left; width: 52.5%; padding: 15px;}
.about-con{width: 47.5%;}

.about-img img{max-width: 100%;}
.about-con{padding-top: 45px;  text-align: center;}
.about-con p{font-size: 15px; line-height: 28px; text-indent:32px; text-align: left; color:#666;}
@media (max-width:768px) {
	.about-img,.about-con{ width: 100%; padding: 15px;    overflow: hidden;}
}
/*  */
.newslist li{float: left; width: 33.33%; padding: 10px;}
.newslist li a{display: block; border: 1px solid #eee;transition: .3s;}
.newslist .news-img{overflow: hidden; height:192px;}
.newslist .news-img img{width: 100%; transition: .3s;}
.news-con {padding: 15px;}
.news-con h3{padding-top: 5px; color: #333; font-size: 16px; height: 55px; overflow: hidden;}
.news-con span{display: block; font-size: 12px; color: #999;}
.news-con p{ padding-top: 15px; font-size: 14px; color: #666;height: 55px; overflow: hidden;}

.newslist li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);}
.newslist li a:hover .news-img img{ transform: scale(1.1);}
.newslist li a:hover h3{color: #1E5AAF;}
@media (max-width:768px) {
	.newslist li{ width: 100%;}
}
.adlist{ background: url(s-b1-bg.jpg); background-size: cover; padding-top: 45px; padding-bottom: 60px;}
.adlist-title{color: #fff; text-align: center; padding-bottom: 40px;}
.adlist-title h3{font-size: 34px; }
.adlist-title p{font-size: 16px; }

.adlist ul{width: 100%; margin: 0 auto;}
.adlist ul li img{max-width: 100%;}
.adlist ul li{float: left; width: 25%; padding: 12px; text-align: center; color: #fff;}
.adlist ul li h3{padding-top: 15px; font-size: 16px; padding-bottom: 10px;}
.adlist ul li p{font-size:14px;}

@media(max-width:768px){
	.adlist ul{width: 100%; }
	.adlist ul li{width: 50%;}
}

.more{font-size: 14px; display: inline-block; border: 1px solid #1E5AAF; border-radius: 60px; color: #1E5AAF; padding: 5px 27px;   }

.more:hover{background-color: #1E5AAF; color: #fff;}