@charset "utf-8";

.gh-index-pic {width: 48%; float: left; position: relative; z-index: 2; overflow: hidden;}
.gh-index-pic img {width: 100%; height: 300px;}

.gh-index-pic .swiper-pagination {bottom:20px; right: 20px; text-align: right}
.gh-index-pic .swiper-pagination span {width: 10px; height: 10px; border-radius:10px;}
.gh-index-pic .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.gh-index-pic .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 40px;}
.gh-index-pic .swiper-slide a {position: relative; z-index: 1; display: block;}
.gh-index-pic .swiper-slide a h2 { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; font-size: 18px; color: #fff; padding: 0; margin: 0; height: 60px; line-height: 30px; padding-top: 15px; padding-left: 30px;  box-size:border-box;  background:url("../img/index1bg1.png") left bottom no-repeat; background-size:100% 100%;}

@media screen and (max-width:1230px) {
	.gh-index-pic {width: 100%; float: none;}
	.gh-index-pic img {width: 100%; height: 310px;}
}

@media screen and (max-width:992px) {
	.gh-index-pic {width: 100%; float: none; margin-bottom:15px; border-radius: 5px;}
}

@media screen and (max-width:768px) {
	.gh-index-pic {width: 100%; float: none; margin-bottom:15px; border-radius: 5px;}
	.gh-index-pic img {width: 100%; height: auto;}
	.gh-index-pic .swiper-slide a h2 {font-size: 14px; padding-left: 10px; height: 50px; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.gh-index-pic .swiper-pagination {bottom:13px}
	.gh-index-pic .swiper-pagination span {width: 6px; height: 6px; border-radius:10px;}
	.gh-index-pic .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 5px; opacity: 1; }
	.gh-index-pic .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 20px;}
}


.linear{ 
width:100%; 
height:auto; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#a0c1e7,endColorStr=#f6f6f8); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #a0c1e7,  #f6f6f8);        /* IE 10 */
background:-moz-linear-gradient(top,#a0c1e7,#f6f6f8);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#a0c1e7), to(#f6f6f8));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a0c1e7), to(#f6f6f8));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #a0c1e7, #f6f6f8);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #a0c1e7, #f6f6f8);  /*Opera 11.10+*/

padding:9px 0 9px 20px;
line-height:30px; 
font-size:15px; 
margin-top:30px;
border-bottom:1px solid #a0c1e7;
} 
@media screen and (max-width:992px) {
	.linear {width: 100%; float: none; border-radius: 5px; font-size:16px;}
}

@media screen and (max-width:768px) {
	.linear {width: 100%; float: none; border-radius: 5px; font-size:16px;}
	p.keshiinfor{font-size:15px; line-height:25px;}
}