﻿/* 页面样式 */

#banner {
	margin: 0px auto;
	overflow: hidden;
}

#banner_pic {
	left: 0px;
	top: 0px;
	overflow: hidden;
}

#num_btn {
	left: 0px;
	bottom: 20px;
	width: 100%;
	height: 10px;
	text-align: center;
	z-index: 99;
}

#num_btn dl dd {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0px 2px;
	border: 2px solid #fff;
	border-radius: 50%;
	opacity: .75;
	cursor: pointer;
}

#num_btn dl dd.on {
	border: 2px solid #facd89;
}

.part1 { padding: 1rem;   background-color: #eee;}
.part1 li { padding: 0.8rem; margin-bottom: 1rem; background-color: #fff; }
.part1 img { width: 3rem; float: left; margin-right: 1.5rem; display: table-cell; vertical-align: middle;}
.part1 li h4 { font-size: 1rem; color: #275fc4; margin-bottom: 0.5rem; font-weight: normal;}
.part1 li p { line-height: 1rem; color: #666;     
    display: flex;
    align-items: left;
    flex-direction: column; 
    }



.part2 {  text-align: center;}
.service-plan {  background: url(../wapimg/w1.jpg) no-repeat center; background-size: 100% auto; }
.Service-mode { background: url(../wapimg/w2jpg.jpg) no-repeat center; background-size: 100% auto; }
.part2 a { display: block; padding: 3rem 0; line-height: 2rem; margin: 0.625rem 1rem; color: #fff;}
.part2 a p { font-size: 1rem; }


.about { padding: 1rem; margin-bottom: 1rem; }
.about .about-title { text-align: center; font-size: 1.125rem; color: #006ABE; font-weight: bold; margin-bottom: 1rem;}
.about .about-title span { margin-left: 1rem; color: #666;}
.about .txt { text-indent: 2rem; margin-bottom: 1rem;}
.about a { margin: auto; text-align: center; width: 200px; line-height: 2.5rem; border-radius:1.5rem ; background-color: #eee; display: block;}




.title { color: #fff; font-size: 1rem; padding: 0 0.625rem; height: 2.6rem; line-height: 2.6rem; background-color:#275fc4 ;} 
.title-top { height: 2.6rem; line-height: 2.6rem;   font-weight: normal; font-size: 0.75rem; color: #666; background-color: #eee; }
.title-top a { margin: 0 0.625rem;}

.news { margin-bottom: 1rem;}
.news li { padding: 1rem; border-bottom: 1px solid #EEE; }
.news li a { display: block; position: relative; padding-left:4.5rem;  height: 3.6rem;}
.news .time { position: absolute; top: 0; left: 0; width: 3.6rem; padding: 0.8rem 0; background-color: #275fc4; text-align: center; color: #fff;  line-height: 1rem; float: left;}
.news .time p { font-size: 1.125rem; }
.news li a h4 { font-weight: normal; line-height: 1.5rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news li a > p { line-height: 1rem; height: 2rem; color: #999; overflow: hidden;} 

em { font-style: normal;}
.neye { padding: 1rem;}
.cont-title { text-align: center; font-size: 1.125rem ; line-height: 1.5rem; color: #275fc4; margin: 1rem 0 0.5rem 0;}
.cont-p { font-size: 0.75rem; color: #999;  text-align: center;}
.cont-p span { margin: 0 0.3rem;}

.product { padding: 1rem 0.3125rem; }
.product li { width: 50%; float: left;}
.product li a { padding: 0.3125rem; text-align: center; display: block;}
.product li a img {  border: 1px solid #eee; width: 100%; display: block;}
.product li a:hover img { border: 1px solid #729eee;}
.product li a p { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}












