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

#banner { height:500px; margin:0 auto; background:url(/solution/spdian/images/banner_bg.jpg); background-position:center;}

#tittle { width:1000px; margin:0px auto; padding-top:70px;}
#tittle ul { margin:70px 0px 0px 0px;}
#tittle li { display:block; float:left; margin:0px 20px 0px 0px;}
#tittle li.qqasking {}
#tittle li.qqasking a{ display:block; height:45px; width:171px; background:url(/solution/spdian/images/qqasking.png); background-position:left center;}
#tittle li.qqasking a:hover{ background-position:right center;}
#tittle li.catalog {}
#tittle li.catalog a{ display:block; height:45px; width:171px; background:url(/solution/spdian/images/catalog.png); background-position:left top;}
#tittle li.catalog a:hover{ background:url(/solution/spdian/images/catalog.png); background-position:right top;}

.link { width:100%; position:relative; z-index:99;
}
.fixed {
	top: 0px; width: 100%; position: fixed; background-color: rgb(247, 247, 247);}


#Section H2{margin: 40px 0px 20px;
	width: 100%;
	text-align: center;
	color:#006cb7;
	line-height: 36px;
	font-size: 36px;
	font-family:"微软雅黑","黑体","宋体";
	font-weight: normal;
}
#Section H3{ width:100%;
font-size: 18px;
text-align: center;
font-weight: normal;
line-height: 36px;
margin: 10px auto;
font-family:"微软雅黑","宋体";
line-height:1;
letter-spacing:2; color:
}

#Section H4{ width:100%;
font-size: 30px;
text-align: center;
font-weight: normal;
line-height: 36px;
margin: 10px auto;
font-family:"微软雅黑","宋体";
line-height:1;
letter-spacing:2;
}

#Section1 p{text-align: center;}
.title {
	background: url("/solution/spdian/images/titleIcon.png") no-repeat left top ; padding-left: 45px; display: inline-block;
}
.titleLeft {
	width: 10%; color:#009ca3;display: inline-block; background-image: url("/solution/spdian/images/line.png");
}
.titleRight {
	width: 10%;color:#009ca3;display: inline-block; background-image: url("/solution/spdian/images/line.png");
}
.titleLeft {
	margin-right: 10px;
}
.titleRight {
	margin-left: 10px;
}
#Section1 {width: 100%;
overflow: hidden;
 padding-top:10px;
 padding-bottom:50px;
}

#Section1a {width: 100%;
overflow: hidden;
 padding-top:10px;
 padding-bottom:50px;
 background-color:#fbf9e8;
}
#Section1_content {width:1000px; height:450px;  overflow:hidden;  margin: 0 auto}
#problemsTxt { position:relative;  overflow:hidden;margin-top:30px; }
#problemsTxt #num2 { 
	width: 100%;
	height: 40px;
	font-family:'微软雅黑'; font-size:16px;
}
#problemsTxt #num2 ul { width: 1000px;list-style:none;}
#problemsTxt #num2 li { width: 170px; height: 40px; float: left;text-align:center;margin-left:23px;background:#e7e5e8; font-weight: lighter; border:1px #d2d1d3 solid;}
#problemsTxt #num2 li a {line-height:1.3; color:#000; display:block;padding-top:8px;height: 32px;font-weight:bolder;}
#problemsTxt #num2 li a.NOWTAB { background: #006db7; color:#FFF; border:1px #006db7 solid;}
#problemsTxt #blockCon2 {clear:both; width: 6000px; height:450px; margin: 0 auto; padding: 0;position:relative; font-size:16px; color:#000;}
#problemsTxt .box { float:left;width:1000px; margin-top:50px; }
#problemsTxt p{width:600px;;padding-left:30px; display:block; line-height:1.8; letter-spacing:2; }
#problemsTxt .imgright{  display:block;float:right; display:block;padding:20px;}

#Section2{width: 100%;
overflow: hidden;
 padding-top:10px;
 padding-bottom:50px; background-color:#fbf9e8;}
.solution{ width:1000px; height: auto; margin:0px auto 0 auto;font-family:'微软雅黑'; font-size:16px;}
.solution .tab{ overflow:hidden; text-align:center; }
.solution .tab a{float:left; text-decoration:none; padding:9px 16px;color:#000;letter-spacing:2px;margin-left:26px;line-height:1; font-size:14px;background:#e7e5e8; font-weight: lighter; border:1px #d2d1d3 solid;}
.solution .tab a:hover{background:#1b8cd3; color:#fff;text-decoration:none;}
.solution .tab a.on{color:#fff; text-decoration:none;background:#1b8cd3;border:1px #1b8cd3 solid;}
.solution .content{ overflow: hidden; width:1000px; height:680px; position:relative;}
.solution .content ul{
position:absolute; left:0; top:0;padding-top:50px;}
.solution .content li{ width:1000px; height:600px; float:left;}
.solution .content li p{padding-top: 10px;line-height:1.8; width:900px; display:block;padding-left:30px; color:#000;}
.solution .content li p span{ font-weight:bolder; color:#F00;line-height:2}
.solution .content li .imgright{ float:right; display:block;padding:20px;}
.solution .content li .imgleft{ float:left; display:block;padding-top:20px;padding-bottom:20px;}
.solution .content li .imgcenter{ display:block;margin:0 auto;}

#Section3{overflow: auto;
height: auto;
width:100%;
padding-top:30px;
padding-bottom:45px;}
#Section3 img{ display:block;margin:0 auto;}

#Section4{width:100%; overflow:auto;padding-top:50px;
padding-bottom:50px; background-color:#0081a6;}
#Extend{ width:1000px; margin:0 auto;}
#Extend_title1 span,#Extend_title2 span,#Extend_title3 span{height:50px;
text-align:center;
display:block;
line-height:1.5;
font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:21px;
letter-spacing:2px;
color:#ffffff;
font-weight:bolder;}

#Extend_title1{width:40%; float:left;	}
#Extend_title2{width:60%; float:left;
}

#Extend1{ clear:both;width:40%;float:left;

}
#Extend1 img{align:center; display:block;text-align:center;font-size:18px; font-weight:bold;margin-left: 100px;}
#Extend2{width:60%; float:left;
}

.des2   { font-size:15px;
color:#FFF;
	
	padding: 10px;
	width: 500px;
	margin:0 auto;
}

 .des2 dl {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ddd;
	float: left;
	margin-bottom: 4px;
}
 .des2 dl dd {
	width: 80%;
	margin-left: 4px;
	float: left;
}
 .des2 dl dt {
	float: right;
	display: block;
	width: 85px;
}
 .des2 dl dd a {
	background-image: url(/solution/spdian/images/dot6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 96%;
	padding-left: 10px;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:1.5;color:#FFF;
}
 .des2 dl dd a:hover {
	color: #de0010;
}

#Section5{overflow: auto;
height:200px; 
width:100%;
padding-top:25px;
padding-bottom:30px;
background-color:#555555}

#Section5_content {width:1000px; height:200px; overflow:hidden;  margin: 0 auto;}
#title1 {height:50px;
line-height:2em;
font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:18px;
letter-spacing:2px;
color:#FFF;
float:left}
#title1 a{ font:18px;color:#FFF;}  
a:hover{ font:18px;color:#FFF; }

#title1 span{height:50px;

font-family:"微软雅黑","宋体";
font-weight:lighter;
font-size:32px;
letter-spacing:2px;
color:#FFF;
font-weight:bolder;}

#icon { margin-top:50px}
#icon li { width:110px; float:right; margin-left:35px; color:#fff; text-align: center; line-height:2.3em;font-size:16px;}
#icon li a { color:#fff; display: block;}
#icon li a:hover, #block6 #contactInfo #contact3 a:hover {color:#bacce6; }
#icon .end { margin-right:0px; }