@charset "utf-8";
/* CSS Document */
/*banner*/
#banner{
	background-color:#0B52BA;
	width:100%;
	padding-top:175px;
	padding-bottom:170px;
	}
#banner img{
	margin-bottom:45px;
	}
.banner-list{
	text-align:center;
	}
.banner-list a{
	padding:10px 30px;
	margin:10px;
	color:#fff;
	font-size:16px;
	border:1px solid #DCDCDC;
	border-radius:20px;
	text-decoration:none;
	}
.banner-list a:hover{
	background-color:rgb(60,116,199);
	}
/*index-service*/
#index-service{
	padding-top:70px;
	padding-bottom:100px;
	}
.index-service-title h3{
	font-size:64px;
	font-weight:bold;
	color:#0B52BA;
	margin-bottom:40px;
	}
.index-service-title p{
	font-size:22px;
	color:rgb(89,89,89);
	line-height:44px;
	}
.index-service-content{
	margin:50px auto 0;
	max-width:1100px;
	}
    .index-service-content div {
        
    }
    .index-service-content > div {
        padding: 0;
        border: 1px solid #fff;
    }
    .index-service-content a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 100%;
        background-color: #E2E2E2;
        font-size: 34px;
        color: rgb(89,89,89);
        line-height: 140px;
        text-decoration: none;
    }
.index-service-content a:hover{
	background-color:#0B52BA;
	color:#fff;
	}
/*product*/
.index-product-content > div{
	text-align:center;
	position:relative;
	width:20%;
	}
.index-product-content div img{
	margin:auto;
	}
.index-product-content div a{
	position:absolute;
	top:0;
	display:none;
	text-align:center;
	width:100%;
	height:100%;
	padding-top:30%;
	background-color:rgba(11,82,186,.8);
	color:#fff;
	text-decoration:none;
	}
    .index-product-content div a h4 {
        margin:10px auto;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 24px;
        font-weight: bold;
    }
.index-product-content div a p{
	display:inline-block;
	padding:5px 15px;
	border:1px solid #fff;
	}
.index-product-content > div:hover a{
	display:block;
	}
/*index-about*/
#index-about{
	padding:10px 0;
	}
.index-about-left{
	padding-top:150px;
	}
.index-about-left > div{
	margin-bottom:80px;
	}
    .index-about-left h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 24px;
        color: rgb(11,82,186);
        margin: 5px 30px;
        font-weight: bold;
    }
.index-about-left p{
	font-size:18px;
	margin:5px 30px;
	color:rgb(93,93,93);
	}
/*index-news*/
#index-news{
	padding-top:80px;
	padding-bottom:150px;
	background:url('../img/index-news.jpg') no-repeat center/cover;	
	}
.index-news-list{
	margin-top:50px;
	}
.index-news-list li{
	height:350px;
	margin-top:20px;
	padding:20px 10px;
	box-shadow:5px 5px 5px #999;
	background-color:#fff;
	}
    .index-news-list li a p{
        width: 200px;
    }
    .index-news-list time {
        max-width: 200px;
    }
.index-news-list time h4{
	display:inline-block;
	font-size:20px;
	padding-right:25px;
	border-bottom:2px solid rgb(122,122,122);
	color:rgb(122,122,122);
	padding-bottom:5px;
	margin-bottom:5px;
	}
    .index-news-list time p {
        width: 200px;
        color: rgb(122,122,122);
    }  
.index-news-list li h3{
	width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
	}
.index-news-list li div{
	position:absolute;
	bottom:10px;
	color:#fff;
	font-size:40px;
	font-weigth:bold;
	text-align:center;
	width:40px;
	height:40px;
	line-height:35px;
	background-color:rgb(225,225,225);
	}
.index-news-list li:hover{
	background-color:rgb(11,82,186);
	}
.index-news-list li:hover a{
	color:#fff;
	}
.index-news-list time:hover h4{
	color:#fff;
	border-bottom:2px solid #fff;
	}
.index-news-list time:hover p{
	color:#fff;	
	}
.index-news-list li div:hover{
	color:rgb(11,82,186);
	}
.index-news-title h3{
	font-size:66px;
	font-weight:bold;
	margin-bottom:40px;
	}
.index-news-title p{
	font-size: 22px;
    color: rgb(89,89,89);
    line-height: 44px;
	}
@media (max-width:1024px) {
	.index-product-content > div{
		width:33.3%;
		}
	}
@media (max-width:500px) {
	.index-product-content > div{
		width:100%;
		}
	.index-about-left h3{
		font-size:18px;
		}
	.index-about-left p{
		font-size:12px;
		}
	}
.version {
    position:fixed;
z-index:9;
    top:20px;
    right:50px;
    width:50px;
    height:50px;
    border-radius:50%;
}
.version-en {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/version.png) no-repeat -50px 0px;
}
    .version-en:hover {
        background: url(../img/version.png) no-repeat -50px -50px;
    }
.version-cn {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/version.png) no-repeat 0px 0px;
}
.version-cn:hover {
    background: url(../img/version.png) no-repeat 0px -50px;
}
.ewm{
	position:fixed;
z-index:9;
    top:22px;
    right:120px;
    width:40px;
    height:40px;
	border-radius:50%;
	background-color:rgb(228,228,228);
}
.ewm img{
display:none;
}
.ewm p{
text-align:center;
font-size:18px;
font-weight:bold;
padding-top:7px;
}
.ewm:hover{
	width:120px;
    height:120px;
}
.ewm:hover img{
display:block;
}
.ewm:hover p{
 display:none;
}
@media (max-width:500px) {
	.version {
		top:5px;
		left:5px;
		}
	.ewm{
		top:7px;
	left:55px;
}
}