@charset "utf-8";
/* CSS Document */
.page_banner{ width:100%; height:198px; overflow:hidden; float:left; margin-top:100px;}
.page_title{ width:100%; height:48px; line-height:48px; border-bottom:1px solid #f0f0f0; float:left; font-size:14px; color:#434343;}
.page_title .position{ width:940px; height:48px; margin:0 auto; overflow:hidden;}

.main{ width:940px; margin:0 auto;}
.main .m_title{ width:940px; height:47px; line-height:47px; float:left; margin:30px 0 30px 0; color:#404040; font-size:22px;/*border:1px solid #e7e7e7;*/}
.main .m_title span{ width:5px; height:30px; background-color:#098cf0; float:left; margin:10px;}

/****services****/

.services{ width:940px; float:left; overflow:hidden; margin-bottom:180px;}
.services li{ width:300px; height:318px; border:1px solid #e9e9e9; float:left; margin-bottom:24px;}
.services .on{ margin:0 17px 0 17px;}
.services li img{ float:left; margin:52px 0 0 93px;}
.services li p{ width:300px; float:left; text-align:center; font-size:14px; color:#404040; line-height:30px; margin-top:15px;}
.services li p span{ font-size:20px; color:#098cf0;}

/****services****/

/****about****/

.about{ width:880px; min-height:700px; height:100%; border:1px solid #e9e9e9; float:left; margin-bottom:30px; padding:0 30px 0 30px;}
.about .a_content{ margin-top:60px; color:#404040; font-size:16px; float:left}
.about .a_content p{ height:35px; line-height:35px;}
.about img{ float:left; margin:50px 0 50px 0;}
.about .contact{ width:880px; float:left; overflow:hidden; color:#3e3e3c; font-size:14px}
.about .contact .kefu{ width:587px; float:left;}
.about .contact .address{ width:293px; float:left;}
.about .contact h3{ font-size:16px; padding-left:30px; float:left; width:400px; height:25px; line-height:25px;}
.about .contact .h_1{ background:url(../images/qq_1.png) top left no-repeat; }
.about .contact .h_2{ background:url(../images/mail_1.png) 0 5px no-repeat; }
.about .contact .h_3{ background:url(../images/phone_1.png) 0 5px no-repeat; }
.about .contact .h_4{ background:url(../images/ad.png) 0 0 no-repeat;}
.about .contact p{ width:100%; float:left; height:50px; line-height:50px; margin-bottom:10px;}
.about .contact p span{ float:left;}
.about .contact p img{ float:left; margin:15px 0px 0 0px;}
.about .contact p font{ margin-right:30px;}

/****about****/

/****solution****/

#tab{position:relative; float:left; width:940px; min-height:400px; height:100%; overflow:hidden;}
#tab .tabList{ width:940px; height:45px; float:left; overflow:hidden; border-bottom:2px solid #098cf0;}
#tab .tabList ul{ float:left;}
#tab .tabList ul li{
	float:left;
	width:135px;
	height:45px;
	line-height:45px;
	text-align:center;
	position:relative;
	cursor:pointer;
	background-color:#ececec;
	margin-right:10px;
	color:#404040;
	font-size:18px;
}
#tab .tabCon{
	border:1px solid #ececec;
	border-top:none;
	float:left;
	width:938px;
	min-height:350px;
	height:100%;
	font-size:18px;
	color:#5a5a5a;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	float:left;
}
#tab .tabList li.cur{
	border-bottom:none;
	background:#098cf0;
	color:#fff;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}
#tab .tabCon .network{ float:left; width:385px; margin:100px 0 0 30px;}
#tab .tabCon .network p{ height:40px; line-height:40px;}
#tab .tabCon  img{ float:left; margin:62px 0 0 70px;}

.main .sol{ width:940px; float:left; margin:5px 0 30px 0;}
.main .sol li{ float:left; margin-left:20px; text-align:center;}
.main .sol li h3{ height:40px; line-height:40px; color:#2c2c2c; font-size:22px; font-weight:normal}
.main .sol li p{ font-size:14x; color:#5a5a5a; line-height:20px; margin-top:15px;}
.main .sol .no{ margin:0;}

/****solution****/