html,body{ background-color:#fff; font-size:90%; font-family:"Microsoft YaHei UI", Verdana, Arial; color:#666; margin:0px 0px; padding:0px 0px;width:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
ul,li,ol,dl,dt,dd,label,form,image,h1,h2,h3,h4,h5,h6{ border:none; padding:0px 0px; margin:0px 0px; list-style:none;}
a{ color:#666;}
.topwarp{ width:100%; background-color:#efefef; color:#333; padding:5px 0px; height:20px; position:fixed; z-index:100; top:0;}
.topwarp a{ color:#333;}
.topm{ max-width:1200px; margin:0px auto;}
.topm:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.welcome{ float:left;}
.lan{ float:right;}
.openbtn{ display:none; cursor:pointer;
	position: fixed;
	z-index: 999;
	right: 10px;
	top: 30px;
	width: 40px;
	height: 40px;
	background-image: url(../images/opennav.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.closebtn{display:none;cursor:pointer;
	position: fixed;
	z-index: 999;
	right: 10px;
	top: 50px;
	width: 40px;
	height: 40px;
	background-image: url(../images/closenav.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.openmenubg{width: 100%;
    background-color: rgba(60%,60%,60%,0.4);
    position: fixed;
    top: 0px;
    right: -100%;
    z-index: 101;
    height: 100%;
    overflow: hidden;
	}
.headwarp{position:fixed; z-index:100; top:30px; height:80px;width:100%; background-color:#fff;}
.companytop{ clear:both; max-width:1200px; margin:0px auto; height:72px; padding:4px 0px;}
.logo{ float:left;}
.logo a{ float:left;}
.logo .ctxt{ margin-left:10px; color:#1e4bb2; font-weight:bold; padding:15px 0px; float:left;  font-size:1.7em; }
.logo .ctxt span{ padding-top:5px;display:block; font-size:0.6em; color:#666;}
.topr{float: right;}
.stel{color:#ff9000; font-size:0.95em; margin-top:2px; padding-left:40px;
	background-image: url(../images/telico.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.stel span{ font-size:1.2em; display:block;}
.navagation{ width:100%; height:40px;background-color:#0093dd; line-height:40px;box-shadow: 0px 5px 10px #ddd; text-decoration:none; top:110px;position:fixed; z-index:102;}
.navagation ul{ max-width:1200px; margin:0px auto;}
.navagation ul a{ text-decoration:none; color:#fff;}
.navagation ul li{ float:left; width:14.66666%; margin:0px 1%; height:40px; text-align:center; font-size:1.1em; position:relative;}
.navagation ul li dl{ font-size:0.9em; position:absolute;width:100%; top:40px; text-align:center; background-color:#0093dd; color:#fff; display:none;}
.navagation ul li dl dd{ border-bottom:1px dotted #fff; font-size:1.0em;}
.navagation ul li dl a{ color:#fff;}
.navagation ul li dl a:hover{color:#333;}
.hcbody{ max-width:1200px; margin:10px auto; padding-top:20px;}
.hcbody:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.hcbody a{ text-decoration:none;color:#333;}
.hcbody a:hover{ color:#1e4bb2;}
.hcbody dl dt{ padding-left:20px; font-size:1.4em; border-bottom:1px solid #ccc;
	background-image: url(../images/sbl.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.lastenews{ float:left; width:48%;}
.homecompany{ width:48%; float:right;}
.lastenewsr{ float:right; width:48%;}
.lastenews dl dd{ border-bottom:1px dotted #ccc; padding:5px 0px 5px 25px;
	background-image: url(../images/sqfk.png);
	background-repeat: no-repeat;
	background-position: 10px center; margin-top:10px;
}
.hcbody dl dd.more{ border-bottom:none; background-image:none; text-align:right;}
.hcbody dl dd.more a{ color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; background-color:#1e4bb2; padding:5px 10px;}
.hcbody dl dd.more a:hover{ text-decoration:underline; background-color:#333;}
.homecompany dd{ margin-top:10px;}
.homecompany dd:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.homecompany dd img{ max-width:98%; float:left; padding-right:2%;}
.homecompany dd .txt{line-height:20px;}
.case{max-width:1200px; margin:10px auto;box-shadow: 0px 5px 10px #ddd;}
.case h2{ text-align:center; padding:15px 0px;}
.case dl{}
.case dl:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.case dd{ float:left; width:23%; margin:0px 1%;}
.case dd img{ width:100%; border:1px solid #ddd;}
.case dd span{ display:block; height:32px; overflow:hidden; line-height:16px; padding:10px 0px;}
.case dd a:hover{ text-decoration:none;}
.hptit{ clear:both; max-width:1200px; margin:10px auto; background-color:#1e4bb2; height:30px;}
h2.htp{width:120px; text-align:center; font-weight:500; color:#fff;background-color:#1e4bb2;  margin:-30px auto 0px auto;border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;-o-border-radius:0px 0px 5px 5px; height:40px;}
ul.hotp{ max-width:1200px; clear:both; margin:10px auto;}
ul.hotp li{  margin:10px 1.5%; width:97%; float:left; text-align:center;}
ul.hotp li img{box-shadow: 0px 5px 10px #aaa; max-width:100%;}
ul.hotp li img:hover{box-shadow: 0px 5px 10px #ddd;}
ul.hotp li a{ color:#0b296d;}
ul.hotp li a:hover{ text-decoration:none; color:#ff9000;}
.nbanner{ width:100%; padding-top:160px; margin:0px auto;}
.nbanner img{ width:100%;}
.cpdes{}
.cpdes:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.cpimg{ width:40%; float:left; text-align:center;box-shadow: 0px 5px 10px #aaa;}
.cpimg img{}
.cons{ width:58%; float:left; margin-left:2%;}
.cons table{ width:100%; max-width:100%;}
ul.pimg{}
ul.pimg li{ width:23%; margin:10px 1%; float:left; text-align:center;}
ul.pimg li img{ max-width:100%;box-shadow: 0px 5px 10px #aaa;}
ul.pimg li img:hover{box-shadow: 0px 5px 10px #ddd;}
ul.pimg li span{ padding:10px 0px; display:block; height:32px; line-height:16px; overflow:hidden;}
.pages{ clear:both;}
.pages{ text-align:center;}
.pages a{ color:#1e4bb2;}
.pages a:hover{ text-decoration:none; color:#ff9000;}
h1.ntitle{color:#1e4bb2; font-size:1.2em; text-align:center; padding-bottom:15px;}
h1.cptitle{
	color: #0A1472;
	font-size: 0.9em;
	font-weight: 600;
	padding-bottom: 30px;
}
.ntime{ text-align:right; color:#999; font-size:0.85em; text-decoration:underline;}
dl.relatea{ font-size:0.9em; clear:both;}
dl.relatea a{color:#1e4bb2;}
dl.relatea a:hover{color:#ff9000;}
dl.newslist{}
dl.newslist dt{ margin-top:10px; padding:5px 0px 5px 30px;
	background-image: url(../images/newsbg.png);
	background-repeat: no-repeat;
	background-position: left 5px; color:#1e4bb2; font-weight:bold; font-size:1.2em;
}
dl.newslist dt a{color:#1e4bb2;}
dl.newslist dt a:hover{text-decoration:none; color:#ff9000;}
dl.newslist dd{ color:#666; border-bottom:1px dotted #1e4bb2; padding:10px 0px;}
dl.newslist dd span{ text-align:right; display:block; color:#999; padding:5px 0px;}
dl.sulist{ width:27.33%; margin:10px 2%; padding:10px 1%; float:left;box-shadow: 0px 5px 10px #ccc;}
dl.sulist:hover{box-shadow: 0px 5px 10px #ddd;}
dl.sulist dt{margin-top:10px; padding:5px 0px 5px 30px;
	background-image: url(../images/suico.png);
	background-repeat: no-repeat;
	background-position: left 5px; color:#1e4bb2; font-weight:600; font-size:1.1em;}
dl.sulist dt a{color:#1e4bb2;}
dl.sulist dt a:hover{ color:#ff9000;}
dl.sulist dd{}	
dl.sollist{ clear:both; border-bottom:1px solid #f1f1f1;}
dl.sollist:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
dl.sollist dt{ float:left; width:30%;}
dl.sollist dt img{ width:100%;}
dl.sollist dd{ float:left; margin-left:2%; width:68%;}
dl.sollist dd h2 a{ font-size:0.85em; color:#1e4bb2;}
ul.plist{}
ul.plist:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
ul.plist li{ float:left; width:21%; margin:10px 2%; text-align:center;}
ul.plist li img{box-shadow: 0px 5px 10px #aaa; max-width:98%; padding:1% 1%;}
ul.plist li:hover img{box-shadow: 0px 5px 10px #ddd;}
ul.plist li a{color:#1e4bb2;}
ul.plist li a:hover{color:#ff9000;}
ul.plist li span{ font-size:0.9em; display:block; height:45px; line-height:18px; overflow:hidden;}
.download{}
.download a{ display:block;background-color:#c7372c; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; text-align:center; color:#fff; text-decoration:none;width:160px; height:40px; line-height:40px;
	background-image: url(../images/dico.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.download a:hover{ text-decoration:none;}
dl.relateap{}
dl.relateap dt{ border-bottom:1px dotted #1e4bb2; color:#0A1472;}
dl.relateap dd{float:left; width:21%; margin:10px 2%; text-align:center;}
dl.relateap dd img{box-shadow: 0px 5px 10px #aaa; max-width:98%; padding:1% 1%;}
dl.relateap dd a{color:#1e4bb2;}
dl.relateap dd a:hover{color:#ff9000;}
dl.relateap dd:hover img{box-shadow: 0px 5px 10px #ddd;}
dl.relateap dd span{font-size:0.9em; display:block; height:45px; line-height:18px; overflow:hidden;}
.links{ max-width:1200px; margin:10px auto; clear:both; color:#666;}
.links ul{ color:#aaa; padding:10px 0px;}
.links ul:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.links ul li{ float:left; border-left:1px solid #999; padding:0px 10px;}
.links ul li a{ color:#aaa;}
.nnav{ max-width:1160px; margin:10px auto; color:#fff; padding:15px 20px;box-shadow: 0px 5px 10px #ddd; background-color:#1e4bb2;}
.nnav a{ color:#fff;}
.nnav a:hover{ text-decoration:none;}
.mbody{ max-width:1200px; margin:10px auto;padding:15px 0px;}
ul.ncpcata{}
ul.ncpcata:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
ul.ncpcata li{ width:18%; float:left; margin:10px 1%; text-align:center;}
ul.ncpcata li a{ display:block; background-color:#0A1472; color:#fff; text-decoration:none;}
ul.ncpcata li a:hover,ul.ncpcata li a.cur{background-color:#999;}
.contents{ line-height:30px; padding:20px 2%; font-size:1.2em;}
.contents img{ max-width:100%;}

.searform{width: 195px;
    height: 30px;
    border: 1px solid #999;}
.searform input.inputtxt {
    border: 0px;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 160px;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    color: #999;
    font-size: 1.1em;
}
.searform input.inputimg {
    margin-top: -5px;
}

.floating{width:145px; background:#d5e2e8; position:fixed;_position:absolute; right:0px;top:280px; z-index:9999;}
.floating .bt{ font-size:14px; background:#1e4bb2; text-align:center; color:#fff;height:30px; line-height:30px;}
.floating dt{ border-top:1px solid #262626; padding:5px 5px;}
.floating dd{ border-top:1px solid #262626;height:30px; line-height:30px; padding:0px 10px;}
.floating dd img{ float:left;padding-right:6px;}

.footwarp{ clear:both; width:100%; border-top:2px solid #1e4bb2; background-color:#f2f2f2; text-align:center; padding:10px 0px; line-height:22px;}
.footwarp ul{ max-width:1200px; margin:10px auto;}
.footwarp ul:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
.footwarp ul li{width:14.285714%; text-align:center; float:left;}
.footwarp ul li a{border-right:1px solid #ccc; display:block;}
.footwarp ul li.nobor a{ border-right:none;}
.footwarp ul li a:hover{ text-decoration:none;}
.copyright{ clear:both;}
@media (max-width:768px)
{
.floating{ display:none;}
.openbtn{ display:block;}
.nbanner{ width:100%; padding-top:110px;}
.navagation{ right:-100%; width:85%; height:100%; top:0px;box-shadow: 0px 0px 0px #ddd;}
.navagation ul{ max-width:100%; margin-top:30px;}
.navagation ul li{float:none; height:auto; border-bottom:1px dotted #eee; width:96%; margin:0px 2%; text-align:center; font-size:1.2em; position:static;}
.navagation ul li dl{ position:static;width:100%; top:0px; text-align:center; background-color:#0093dd; color:#fff; display:none;box-shadow: 0px 0px 0px #333;}
.ctxt{ display:none;}
.closebtn{ top:0px;}
.topr{float: right;margin-right:50px;}
.stel{
	padding-left:40px; 
	background-image: url(../images/telico.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.lastenews{ float:none; width:96%; margin:0px 2%;}
.homecompany{ width:96%; float:none;margin:0px 2%;}
.lastenewsr{ float:none; width:96%;margin:0px 2%;}
dl.sulist{ width:44%; margin:10px 2%; padding:10px 1%;}
ul.plist li{ float:left; width:31.333%; margin:10px 1%; text-align:center;}
dl.relateap dd{float:left; width:31.333%; margin:10px 1%; text-align:center;}
.cpimg{ width:96%; float:none; margin:0px 2%;}
.cons{ width:96%; float:none; margin:0px 2%;}
ul.ncpcata li{ width:31.333%; float:left; margin:10px 1%; text-align:center;}
.case dd{ width:48%;}
ul.pimg li{ width:48%;}
	}
@media(max-width:640px)
{ul.plist li{ float:left; width:48%; margin:10px 1%; text-align:center;}
dl.relateap dd{float:left; width:48%; margin:10px 1%; text-align:center;}
.footwarp ul li{width:25%; text-align:center; float:left;}
	}	
@media(max-width:480px)
{dl.sulist{ width:94%; margin:10px 2%; padding:10px 1%; float:none;}
	.welcome{ display:none;}
	ul.ncpcata li{ width:48%; float:left; margin:10px 1%; text-align:center;}
	.homecompany dd img{ display:none;}
	}
@media(max-width:400px)
{dl.sollist dt{ float:none; width:96%; margin:5px 2%;}
dl.sollist dd{ float:none; margin-left:2%; width:96%;}
}