.in-title { padding-bottom: 40px; width: 100%; text-align: center; }
.in-title .p1 { font-size: 40px; color: #0195DF; font-weight: bold; }
.in-title .p2 { width: 100%; height: 45px; background: url(../images/titLine1.png) no-repeat center; }
.in-title .p3 { font-size: 40px; color: #FFFFFF; font-weight: bold; }
.in-title .p4 { width: 100%; height: 45px; background: url(../images/titLine2.png) no-repeat center; }

/**********************************************************************************************/

.mod-box{
	width: 100%;
	margin:30px auto 0;
}

.solution{
	margin-top: 60px;
}

.zs{
	padding: 25px 0;
} 

.zs dl {
	width: 300px;
	height: 178px;
	border-right: 1px solid #e9e9e9;
	box-sizing: border-box;
	float: left;
	text-align: center;
	cursor: pointer;
}
.zs dl dt:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -8px;
	width: 15px;
	height: 1px;
	background: #999999;
}

.zs dl dd {
	width: 300px;
	overflow: hidden;
	box-sizing: border-box;
}

.zs dl dd h3 {
	display: block;
	font-size: 34px;
	color: #333333;
	padding: 20px 0;
}

.zs dl dd p {
	font-size: 14px;
	color: #666666;
}

.zs dl dt {
	display: block;
	font-size: 18px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	position: relative;
}

.zs dl dd p span{
	color:#666666;
	font-family:"
	font-size:14px;
	text-align:center;
	white-space:normal;
	word-spacing:-1.5px;
	background-color:#FFFFFF;
}
.zs dl:nth-child(4) {
    border-right: 0;
}

.zs dl:hover dt {
	color: #4bc3ff;
}

.zs dl:hover dd h3, .zs dl:hover dd h3 em {
	color: #4bc3ff;
}

/* index-pro */
#index-pro { width: 100%; margin-bottom: 45px;}

.pro-menu { width: 100%; height: 40px; text-align: center; }
.pro-menu a { display: inline-block; margin: 0 5px; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333333; background: #EEEEEE; border-radius: 5px; transition: all .3s; }
.pro-menu a:hover { color: #FFFFFF; background: #0195DF; }

.pro-item { padding-top: 40px; width: 100%; }
.pro-left { width: 50%; }
.pro-left dd { width: 100%; height: 225px; }
.pro-left dd .box1 { border: 1px solid #d2dee7; width: 300px; height: 225px; float: left; position: relative; background: #fff; border-right: none; }
.pro-left dd .box1 i { position: absolute; bottom: 20px; left: 30px; display: block; width: 30px; height: 5px; background-position: -180px 0; }
.pro-left dd .box1 h3 { padding-left: 30px; font-size: 20px; padding-top: 30px; font-weight: 100;color: #fff; }
.pro-left dd .box1 p { padding-left: 30px; padding-right: 30px; color: #999; padding-top: 10px; line-height: 26px; text-align: justify; }
.pro-left dd .box1 span { width: 16px; height: 32px; position: absolute; right: -16px; top: 50%; margin-top: -16px; z-index: 10; background-position: -321px 0; }
.pro-left dd .box2 { float: left; border-left: 1px solid #d2dee7; width: 300px; height: 225px; border-top:1px solid #d2dee7 ;}
.pro-left dd .box2 img { display: block; width: 299px; height: 100%;object-fit: cover; }
.pro-left .d2 .box1 { border-right: 1px solid #d2dee7; float: left; }
.pro-left .d2 .box1 span { right: auto; left: -16px; background-position: -289px 0; }
.pro-left .d2 .box2 { float: right; border-left: none; border-bottom:1px solid #d2dee7; }
.pro-right { width: 50%; }
.pro-right .iproduct { position: relative; }
.pro-right .iproduct .bd { position: relative; width: 600px; height: 450px; overflow: hidden; }
.pro-right .iproduct .bd .item { position: relative; float: left; display: block; width: 600px; height: 450px; }
.pro-right .iproduct .bd .item a { display: block; }
.pro-right .iproduct .bd .item .img { display: block; width: 600px; height: 450px; overflow: hidden; }
.pro-right .iproduct .bd .item .img img { display: block; width: 100%; height: 100%; }
.pro-right .iproduct .bd .item .txt { position: absolute; bottom: 0; left: 0; display: block; width: 600px; height: 80px; line-height: 80px; background:#5697d9 ; background-size: 600px 80px; }
.pro-right .iproduct .bd .item .txt .tit { font-size: 20px; line-height: 80px; text-indent: 30px; color: #fff; }
.pro-right .iproduct .hd { position: absolute; bottom: 34px; right: 40px; }
.pro-right .iproduct .hd li { margin-left: 10px; width: 12px; height: 12px; font-size: 0; line-height: 14px; text-align: center; background: #fff; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; float: left; }
.pro-right .iproduct .hd li.on { background: #58ebca; color: #fff; }

/**********************************************************************************************/

/* index-banner */
#index-banner { padding: 45px 0; width: 100%; height: 200px; background: url(../images/index-banner.png) no-repeat center; }
#index-banner .txt .tit { margin-bottom: 20px; font-weight: bold; font-size: 32px; line-height: 36px; text-align: left; color: #fff; }
#index-banner .txt .tit em { color: #4bc3ff; }
#index-banner .txt .subtit { padding-left: 20px; margin-top: 10px; font-size: 18px; line-height: 20px; color: #fff; background: url("../images/point.png") no-repeat left center; background-size: 8px 8px; }
#index-banner .webTel { padding-left: 34px; height: 30px; font-family: arial; font-weight: bold; font-size: 34px; color: #fff; background: url("../images/tel2.png") no-repeat left center; background-size: 26px 26px; }
#index-banner .online { float: right; display: block; width: 200px; height: 45px; margin-top: 24px; font-weight: bold; font-size: 18px; line-height: 45px; text-align: center; color: #0181c1; background: url("../images/onlineIco.png") no-repeat center center; background-size: 200px 45px; transition: all ease 300ms; }
#index-banner .online:hover { text-indent: 10px; transition: all ease 300ms; }

/**********************************************************************************************/

/* index-about */
#index-about { padding: 60px 0; width: 100%; background-color: #f5f5f5;}

.about-con { padding-bottom: 80px; width: 100%; background: url(../images/about-con.png) no-repeat right bottom; }
.about-img { width: 50%; }
.about-img img { max-width: 100%; }
.about-info { padding: 60px 10px 10px 10px; width: 50%; }
.about-info .title { width: 100%; height: 35px; line-height: 35px; font-size: 30px; color: #333333; font-weight: bold; background: url(../images/aLine.png) no-repeat center right; }
.about-info .content { margin: 25px 0; width: 100%; height: 120px; line-height: 30px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.about-info .kMore { width: 180px; height: 35px; line-height: 35px; display: block; text-align: center; background: #444; color: #fff; transition: all .3s; }
.about-info .kMore:hover { background: #0195df; color: #fff; text-indent: 10px; }

/**********************************************************************************************/

/* index-case */
#index-case { padding: 70px 0; width: 100%; background: url(../images/caseBg.png) no-repeat center; }

.caseList { width: 100%; position: relative; }
.caseList .item { float: left; display: block; width: 280px; height: 270px; margin-right: 30px; }
.caseList .item a { display: block; }
.caseList .item .img { display: block; width: 280px; height: 210px; overflow: hidden; }
.caseList .item .img img { display: block; width: 100%; height: 100%; }
.caseList .item .txt { height: 60px; line-height: 60px; background: #fff; transition: background ease 0.36s; }
.caseList .item .txt .tit { height: 60px; font-size: 16px; line-height: 60px; text-indent: 30px; color: #666; background: url("../images/arrA.png") no-repeat 92% center; background-size: 21px 4px; }
.caseList .item:hover .txt { background: #0497e0; transition: background ease 0.36s; }
.caseList .item:hover .txt .tit { color: #fff; background: url("../images/arrH.png") no-repeat 92% center; background-size: 21px 4px; transition: background ease 0.36s; }
.caseList .hd { position: absolute; width: 100%; top: 90px; }
.caseList .hd span { position: absolute; display: block; width: 40px; height: 40px; cursor: pointer; }
.caseList .hd .prev { left: -80px; background-position: -152px -20px; }
.caseList .hd .next { right: -90px; background-position: -194px -20px; }
.caseList .hd .prev:hover { background-position: -110px -20px; }
.caseList .hd .next:hover { background-position: -236px -20px; }

a.cMore { display: block; width: 198px; height: 43px; margin: 0 auto; margin-top: 40px; font-size: 16px; line-height: 43px; text-align: center; color: #fff; border: 1px solid #cfdce5; }
a.cMore:hover { width: 240px; background: #cfdce5; color: #fff; }

/**********************************************************************************************/

/* index-news */
#index-news { padding: 60px 0; width: 100%; background-color: #eeeeee;}

.newsBox { width: 380px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.newsBox .hd { height: 28px; overflow: hidden; position: absolute; bottom: 1px; z-index: 10; padding-left: 20px; text-align: center; }
.newsBox .hd ul { overflow: hidden; zoom: 1; }
.newsBox .hd li { margin-right: 6px; width: 10px; height: 10px; font-size: 0px; line-height: 14px; text-align: center; background: #999; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; }
.newsBox .hd li.on { background: #0195df; color: #fff; }
.newsBox .bd li { zoom: 1; vertical-align: middle; position: relative; height: 408px; overflow: hidden; }
.newsBox .bd li img { width: 380px; height: 285px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.newsBox .bd li h3 { display: block; width: 100%; height: 28px; line-height: 28px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #000; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.newsBox .bd li .txt { z-index: 5; padding: 15px 20px; border-top: 0 none; height: 93px; }
.newsBox .bd li p { padding: 0; color: #666; line-height: 24px; height: 45px; overflow: hidden; }
.newsBox .bd li .time { font-size: 16px; padding-right: 30px; padding-top: 28px; }
.newsBox .bd li:hover h3 { color: #0195df; }
.newsBox .bd li:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.news-item { width: 800px; }
.news-item .item { border: 1px solid #ddd; margin-bottom: 16px; transition: all 0.2s linear 0s; }
.news-item .item a { display: block; padding: 28px; }
.news-item .item h3 { height: 28px; line-height: 28px; font-size: 18px; vertical-align: top; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.news-item .item p { font-size: 14px; line-height: 20px; color: #999; text-align: justify; }
.news-item .item .time { display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666; }
.news-item .item .time b { font-family: arial; color: #666; display: block; font-size: 48px; line-height: 48px; }
.news-item .item:hover { border: 1px solid #0195df; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.news-item .item:hover h3 { color: #0195df; }

a.nMore { width: 180px; height: 36px; line-height: 36px; margin: 0 auto; margin-top: 40px; display: block; text-align: center; background: #444; color: #fff; }
a.nMore:hover { background: #0195df; color: #fff; text-indent: 10px; }