@charset "utf-8";
/* CSS Document */


.index-common-tit {text-align: center;margin-top:90px;margin-bottom:40px;}
@media screen and (max-width: 1024px){
	.index-common-tit {margin-top:0;}
}
.index-common-tit p{ color: #303053; font-size: 38px;margin:0;padding:0;padding-bottom:15px;}
.index-common-tit span{line-height: 1.8;display: block; font-size: 22px; color: #303053}
.index-common-tit .line{margin: auto; width: 38px; background:#00376a; height: 2px;}

.index-about{ height: 334px; background: url(../images/index-about.jpg) center center no-repeat;}

.about-section{position: relative; padding: 60px 0 0 102px; width: 644px; height: 239px; text-align: left; color: #fff; font-size: 15px; line-height: 2;}
.about-section .about-section-tit{ font-size: 15px; font-weight: bold;}
.about-section .more{position: absolute; right: 0;bottom: 0; display: block; font-size: 14px; text-align: center; border:1px solid #efefef; width: 114px; height: 36px; line-height: 36px;}

.door{ position: absolute; right: 80px; top: -80px;}

.index-product {position: relative; top: -60px}


.pro-lead{z-index: 999; width: 207px; height: 219px; background: url(../images/pro-lead.jpg) no-repeat; position: absolute; left: 26px;top: 105px;}
.pro-lead a{ display: block; width: 106px; height: 26px; display: block; position: absolute; bottom: 23px; margin: auto; left: 0;right: 0}





.index-part4{ }
.index-news .hd{}
.index-news .hd ul{font-size: 0; text-align: center;}
.index-news .hd ul li{ display: inline-block;width: 160px; height: 43px; line-height: 34px;text-align: center; color: #666666; font-size: 16px; margin: 0 10px;}
.index-news .hd ul li a{ display: block; }
.index-news .hd ul li:hover ,.index-news .hd ul li.on{ background: url(../images/newslion.png) center top no-repeat; color: #fff;}
.index-news .hd ul li.on a{color:#fff;}
.index-news .hd ul li:hover a{color:#fff;}


.index-news-con .hd {position: relative;}
.index-news-con .hd a {position: absolute;top: 72px;width: 40px;height: 132px;}
.index-news-con .prev {left: -56px;background: url(../images/news-prev.png);}
.index-news-con .next {right: -45px;background: url(../images/news-next.png);}

.index-news-con  { margin-top: 26px;}
.index-one-news {float: left;width: 33%; text-align: center;}
.index-one-news a{ display: block;width: 372px; margin:auto;}
.index-one-news .pic-box {width: 372px;margin: auto; }
.index-one-news .pic-box div {width: 372px;height: 252px;*font-size: 149.63px;}
.index-one-news .pic-box img {width: 372px;height: 252px;}
.index-one-news .con{ /*padding: 20px 20px 15px 20px;*/line-height: 2; text-align: left; background: #fbfbfb; font-size: 12px; color: #787878 }
.index-one-news .con p {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.index-one-news .con .tit{ 
	font-size: 18px; 
	color: #222222;
    -webkit-line-clamp: 2;
}
.index-one-news .date{ height: 70px; background:#e8e8e8 url(../images/dateimg.png) 295px center no-repeat; }
.index-one-news .date p{color: #c1c1c1; font-size: 26px;line-height: 1; text-align: left; padding: 14px 0 0 36px;}
.index-one-news .date p span{ display: block;font-size: 14px; padding-top: 4px;}

.index-one-news:hover .date{ background:#0082c0 url(../images/dateimg2.png) 295px center no-repeat;}
.index-one-news:hover .date p{ color: #fff}

.news-more{ display: block; border:1px solid #0082c0; margin:50px auto; width: 142px; height: 33px; line-height: 33px; text-align: center;color: #0082c0; font-size: 18px;}
.news-more:hover{ color: #fff; background: #0082c0;}