@charset "utf-8";
/* CSS Document */
/* -------------------- Site: 微网官网  Author: nuobeika  Updated:޸ 2013-5-29 09:21:10  Updated by: micronet -------------------- */ 

/* -------------------- Website initialization -------------------- */
* {padding:0; margin:0; word-break:break-all; word-wrap:break-word;}
html,body,div,span,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,label,img,a { border:none;}
div { margin:0 auto;}
table{ border-collapse:collapse;}
body {font-size:12px; font-family: "microsoft yahei", Arial, SimSun; color:#1a1a1a; background:#fff; }
a:link,a:visited{color:#1a1a1a; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
a:active{color:#000; text-decoration:none;}
img{border:none; float:none; vertical-align:top;}
ul,ol {list-style:none;}
a.underline:link,a.underline:visited { color:#454545;} 
a.underline:hover { text-decoration:underline;}
.floatL{ float:left;}
.floatR{ float:right;}

h1{ font-size:18px; color:#333;}
h2{ font-size:12px; color:#666;}

.widthMAX,.container{ width:100%; padding:8px 0; text-align:center; overflow:hidden;}
li.Bgcolor1{ background-color:#397fc2;}
li.Bgcolor2{ background-color:#7cbb00;}/*li2、li11*/
li.Bgcolor3{ background-color:#ffbb00;}/*li3、li12*/
li.Bgcolor4{ background-color:#61b42f;}
li.Bgcolor5{ background-color:#d90073;}
li.Bgcolor6{ background-color:#f18c38;}
li.Bgcolor7{ background-color:#2e8bf0;}/*li7、li9*/
li.Bgcolor8{ background-color:#f65314;}
li.Bgcolor10{ background-color:#c829d0;}
li.Bgcolor13{ background-color:#c7200e;}
li.Bgcolor14{ background-color:#f18d38;}
li.Bgcolor15{ background-color:#00a1f1;}






p.font14{ font-size:16px;}
p.font12{ font-size:14px;}
p.red{ color:#c72220;}
.round{ width:24px; height:24px; border-radius:50%; -webkit-border-radius:50%; background:#333; line-height:24px; text-align:center; font-size:14px; color:#fff;}
.clearf{ content:""; display:block; clear:both;}


.banner{ width:100%;}
.banner img{ width:100%;}

.case{ background:#f7f7f7;}
.case h1{ margin-bottom:20px;}
.case img{ width:70%; margin:0 auto;}
.case .casecontainer{ width:90%; margin:15px auto; text-align:left;}
.case .casecontainer>div{ width:100%;} 
.case .casecontainer .casetitle{ height:30px; margin-bottom:10px; background:#ccc; font-size:14px; text-indent:1.5em; font-weight:bold; line-height:30px;}
.case .casecontainer .casecon{ text-indent:2em; line-height:20px; font-size:12px;}
.case .casecontainer .case_more{ text-align:right; margin-top:10px;}


.foot1{ height:30px; line-height:30px; font-weight:bold; font-size:16px; background:#c72220; margin:10px 0;}
.foot1 a{ color:#fff;}

.foot2 h1{ width:80px; margin-left:20px; color:#4d9cd7;}
.foot2 ul{ width:90%; margin:10px auto; text-align:left;}
.foot2 ul li{width:100%; border-left:4px solid #649c1f; padding:1px 10px; margin-bottom:30px;}
.foot2 ul li .article_title{ font-size:16px; font-weight:bold; color:#333;}
.foot2 ul li .article_con{ font-size:14px; line-height:20px; color:#5C5D5F;}

.foot3 img{ width:100%;}
.foot4 ul{ margin-top:10px;}
.foot4 ul li{ margin-bottom:10px;}
.foot4 ul .color1{ color:#e03e25;}
.foot4 ul .color2{ color:#27ae61;}
.foot4 ul .color3{ color:#f7ad00;}
.foot4 ul .color4{ color:#3392d2;}
.foot4 ul .color5{ color:#e04b69;}

.foot5{ padding:15px 0; background:#e14e36;}
.foot5 h1{ color:#fff;}
.foot5 ul{ width:320px; margin:0 auto;}
.foot5 ul li{ width:100px; height:115px; overflow:hidden; float:left; margin-right:10px;}
.foot5 ul li.char_list1{ background:url(/images/DPB2C_03.png) center no-repeat; background-size:100px 115px;}
.foot5 ul li.char_list2{ background:url(/images/DPB2C_05.png) center no-repeat; background-size:100px 115px;}
.foot5 ul li.char_list3{ background:url(/images/DPB2C_07.png) center no-repeat; background-size:100px 115px; margin-right:0;}
.charlist_con{ margin:30px auto;}
.charlist_con p{ color:#333; font-size:12px; text-align:center;}





.solution{ width:100%;}
.solution li{ width:48%; float:left; margin:1%;}
.solution li img{ width:100%;}




@media only screen and (min-width: 768px) {

.case img{ width:50%;}


}