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

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;}
body { width: 100%; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; }
html{font-size: 100%;}
img {border:none;vertical-align:bottom;}
a, a:visited, a:hover, a:active {outline:0;text-decoration:none;}
a {color:#333333;}
a:hover {text-decoration:underline;color:#484848;}
ul, li {list-style-type:none;padding:0;margin:0;}
input, select, textarea, button {font-size:100%;font-family:inherit;}
h2 {font-size:14px;}

.clear {clear:both;height:0;overflow:hidden;font-size:0px;line-height:0;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}




/*摘要*/
.banner{ background:#c1ddfe url(../images/pcbanner.jpg) no-repeat top center; height:300px;}
.banner img{ display:none;}
.box{ width:960px; margin:0 auto; padding:0 auto; font-family:"Microsoft YaHei"}
.summary{  background-size:100% 80px; width:100%; height:62px; padding-top:18px; background:url(../images/index_03.jpg) repeat-x; text-align:center;   }
.summary b{background:url(../images/index_04-06.jpg) no-repeat top center; display:inline-block; height:40px; width:350px; background-size:350px 40px;}
.txt{ background:#ffffff; padding:0 1em 1em; text-indent:2em; font-size:16px; line-height:26px; }
.title{ background:url(../images/index_13.jpg) repeat-x; background-size:100% 85px; width:100%; height:85px;  margin-top:20px; text-align:center; }
.title b{background:url(../images/index_11.jpg) no-repeat top center; display:inline-block; background-size:230px 60px; width:230px; height:60px; }
.tech b{ background:url(../images/index_22.jpg);}
.qj b{ background:url(../images/index_28.jpg);}
.content{ background:#ffffff;  padding:0 0 20px 20px;  font-size:12px; line-height:20px;}
.content ul{ overflow:hidden; width:940px; }
.content ul li{ float:left; width:450px; margin-right:20px; }

.content dl{ border-bottom:1px dashed #ddd; padding:15px 0; overflow:hidden; height:150px;}
.content dl dt{ width:150px; height:150px; border:1px solid #ddd; display:block; float:left;}
.content dl dt img{ display:block; width:150px; height:150px;}
.content dl dd{ padding-left:20px; float:left; width:275px;}
.content dl dd b{ display:block; font-size:16px;}
.content dl dd p{ margin-top:10px; font-size:14px; text-indent:2em; line-height:28px; }

.techcontent{ width:940px; background:#ffffff; padding-left:20px; overflow:hidden;}
.techcontent dl { width:420px; border:1px solid #ddd; float:left; margin:0 20px 20px 0; padding:0 14px 14px; text-align:center;}
.techcontent dl dt img{ width:420px; height:280px; margin-top:14px;}
.techcontent dl dd b{ display:block; background:#ebf2ff; font-size:16px; text-align:center; line-height:40px; }
.techcontent dl dd p{font-size:14px; text-align:left; line-height:24px; text-indent:2em; margin-top:10px;}

.qjzw dl dt{ width:210px; height:140px;}
.qjzw dl dt img{ display:block; width:210px; height:140px;}
.qjzw dl dd{ padding-left:20px; float:left; width:215px;}
.qjzw dl dd p{ margin-top:5px; font-size:14px; text-indent:2em; line-height:24px; }

/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.Backtop img{ width:100%;}


/*导航*/
footer{width:100%; position:fixed; bottom:0px; overflow:hidden; }	
footer ul li{ font-size:14px;width:33%; background:#4389d1; color:#FFF; text-align:center;   border-right:#fff 1px solid; height:36px; line-height:36px; float:left; display:inline-block;}
footer ul li a{ color:#FFF;font-family:"Microsoft YaHei"}


<!--@media screen and (min-width:960px){}-->
	
	
@media screen and ( max-width:600px){
.banner{ background:none; height:auto; }
.banner img{ width:100%; display:block;}
.box{ width:auto; padding:0 2%; }
.txt{ font-size:14px; line-height:22px;}
.summary{ background-size:100% 53px; width:100%; height:43px; padding-top:10px; }
.summary b{  background-size:233px 26px; width:233px; height:26px;} 

.title{ background-size:100% 57px; width:100%; height:57px;  }
.title b { background-size:153px 40px; width:153px; height:40px;}
.tech b{ background-size:153px 40px; width:153px; height:40px;}
.qj b{ background-size:153px 40px; width:153px; height:40px;}
.content ul{ overflow:auto; width:auto; padding-right:20px;  }
.content ul li{ float:none; width:auto; margin-right:0; }
.content dl{ display:-webkit-box; display:-moz-box; overflow:auto; height:auto; }
.content dl dt{ width:80px; height:80px; border:1px solid #ddd; float:none;}
.content dl dt img{ display:block; width:80px; height:80px;}
.content dl dd{-webkit-box-flex:1; -moz-box-flex:1; padding-left:10px; float:none; width:auto;}
.content dl dd b{  font-size:14px;}
.content dl dd p{ margin-top:5px; font-size:12px; text-indent:0; line-height:20px;}

.qjzw dl dt{ width:140px; height:93px;}
.qjzw dl dt img{ display:block; width:140px; height:93px;}

.techcontent{ width:auto; background:#ffffff; padding-left:0; overflow:auto;}
.techcontent dl {display:-webkit-box; display:-moz-box; overflow:auto; height:auto; width:auto; border:0; border-bottom:1px dashed #ddd; float:none; margin:0; padding:15px; }
.techcontent dl dt{ width:140px; height:93px; border:1px solid #ddd; }
.techcontent dl dt img{ width:140px; height:93px; margin-top:0;}
.techcontent dl dd{-webkit-box-flex:1; -moz-box-flex:1; padding-left:10px; }
.content dl dd p{ margin-top:5px; font-size:12px; text-indent:0; line-height:20px;}
.techcontent dl dd b{ display:block; font-size:14px; line-height:20px; background:none; text-align:left;}
.techcontent dl dd p{font-size:12px; line-height:20px; text-indent:0; margin-top:5px;}

}