@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:1em; font-family:"Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif;}
div {margin:0 auto}
a {text-decoration:none; border:none}
img {border:none}
ul,li {list-style:none;margin:0; padding:0}
h1,h2,h3 {margin:0; padding:0}

.topbar {width:100%; min-width:960px; height:5px; background:#222}

.main_cont {width:960px;}
.nav {width:100%; height:100px}
.nav .logo {float:left; margin-top:5px; width:460px; height:60px}
.nav .search {float:right; margin-top:20px; width:300px; height:30px; background:#eee}
.nav .menu	{float:left; padding:0 50px; width:860px; height:34px; text-align:left}
.nav .menu a {padding:0 20px; line-height:34px; color:#333; font-size:1em}
.nav .menu a:hover {color:#00bcf2}
.nav input {float:left; border:none; height:30px; background:none}
.nav #key {padding:0 10px; width:240px; color:#333; line-height:30px; font-size:0.8em}
.nav #btn {width:30px;background:url(web2mi_images/search_btn.gif) no-repeat; cursor:pointer}

/*Slider*/
.slider {width:100%; height:300px; background:#00bcf2; text-align:left}
.Container {width:100%; height:350px; background:url(web2mi_images/moblie.png) no-repeat 99% 0}
.iconbar {float:left; margin-left:30px; width:384px; height:auto; overflow:hidden}
.iconbar img {margin-top:60px}
.qr {float:left; margin-left:190px; overflow:hidden}
.qr img {margin-top:60px;width:80px}
.Container .buttons {float:left; margin-left:35px; margin-top:40px; clear:both; width:540px; height:auto; overflow:hidden}
.Container .buttons a {display:inline-block; margin-right:30px}
.Container .weibo  {float:right; padding-top:5px; font-size:1.4em}
.Container .weibo a {color:#fff; display:block; width:90px; height:33px; background:url(web2mi_images/sina.gif) no-repeat 90% 0}
.Container .weibo a:hover {background:url(web2mi_images/sinahover.gif) no-repeat 90% 0} 


.cont {width:100%; margin-top:20px; padding:20px 0; height:auto; overflow:hidden}
.cont .list_box {float:left; width:620px}
.cont .list {padding:10px 30px; width:550px; height:auto; overflow:hidden;  border:1px #999 solid}
.cont .list .title {float:left; margin-bottom:20px; width:550px; height:20px; line-height:30px}
.cont .list .title h2, .cont .list2 .title h2 {float:left; font-weight:normal; color:#333}
.cont .list .title a,.cont .list2 .title a {float:right; color:#333; font-size:0.8em}
.cont .list .title h2 {font-size:24px;  width:120px;}
.cont .list2 .title h2 {font-size:18px;  width:90px;}
.cont .list a, .cont .list2 a {color:#333}
.cont .list li a,.cont .list2 li a {float:left; display:block; white-space:nowrap; overflow:hidden}
.cont a:hover {text-decoration:underline}
.cont .list li {float:left; width:550px; line-height:24px; font-size:14px;}
.cont .list li span {float:right;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666}
.cont .list2 {float:right; padding:10px 20px; width:295px; height:auto; overflow:hidden; border:1px #999 solid}
.cont .list2 .title {margin-bottom:10px; padding-left:30px; line-height:30px; width:250px; height:30px; background:url(web2mi_images/w.gif) no-repeat}
.cont .list2 li {float:left; width:295px; line-height:24px; font-size:12px; overflow:hidden}

.helpbar {width:960px; padding:20px 0; height:auto; background:#333; overflow:hidden;}
.helpbar .box {width:100%; height:auto; text-align:left}
.helpbar .list{float:left; margin-left:40px; width:180px; height:auto}
.helpbar h2 {color:#00bcf2; font-size:1em; font-weight:500}
.helpbar .list li {width:200px; line-height:20px}
.helpbar .list a {color:#999; font-size:0.8em} 
.helpbar .link {float:right;width:260px; margin-right:20px; height:auto}
.helpbar .link h2 {margin-bottom:10px;}
.helpbar .link img {float:left; margin-right:10px;}

.copyright {text-align:center;width:960px; padding:5px 0; height:auto; overflow:hidden; color:#333; font-size:0.8em}

.line {width:960px; height:5px; background:#00bcf2}

.content {width:960px; height:auto; overflow:hidden;}
.content .list {padding:10px 20px 0 20px; width:920px;  height:auto; overflow:hidden}
.content .list h1,.content .list h2, .content .down_cont h1 {font-weight:normal; color:#333; margin-bottom:5px;}
.content .list h2 {font-size:1em; float:left; font-weight:bold}
.content .list h3 {float:left; margin:2px 0 0 10px; font-size:0.8em; color:#00bcf2}
.content .list .text {clear:both; padding-top:10px; width:920px; line-height:28px; color:#333}

.content .subnav {margin-bottom:20px;  padding-left:10px; width:960px; height:30px; line-height:30px; color:#333; border-bottom:1px #eee solid}
.content .subnav a {color:#00bcf2}
.content .list ul,.content .down_cont{width:960px;height:auto; overflow:hidden}
.content .list ul li {line-height:28px; font-size:1em}
.content .list ul li a {color:#333;}
.content .list ul li a:hover {text-decoration:underline}
.content .list ul li span {margin-left: 40px; font-size:0.8em; color:#999}

.content .down_cont {padding:10px 30px; width:900px;  color:#333}
.content .formbox-rowheader {color:#333}
.content .down_cont a {color:#00bcf2}


.content .product {width:918px; margin-bottom:20px; padding:0px 0px; height:auto; overflow:hidden; min-height:300px;}
.content .product .list,.content .product .list li {width:890px; height:auto; overflow:hidden;}
.content .product .list .title h2  {font-size:2em; font-weight:500; margin-top:5px}
.content .product .list .title h3 {font-size:1.2em; clear:both; margin:0; font-weight:normal}
.content .product .list .title img {float:left}
.content .product .list .title .ad {float:left; margin-left:30px}
.content .product .list .text img {float:left; margin-right:20px}
.content .product .list .text h2,.content .product .list .down h2 {width:890px}
.content .product .list .text img {float:left}
.content .product .list .down {padding-top:10px}

.product .list .down img {margin-right:20px}

.list_bg {background:url(web2mi_images/list_bg.png) no-repeat right 50px}

#ckepop {height:16px; padding-left:20px; width:400px;  line-height:14px; float:right; margin-right:20px; text-align:right; color:#333}
#ckepop span {padding-left:20px}
#ckepop a {display:inline-block; height:16px}


.pages {width:960px; padding-top:10px; color:#999; font-size:0.8em}
.pages table td {height:30px; line-height:30px; padding:0 10px;}
.pages a{border:1px solid #ddd; padding:0 10px; color:#333}
.pages a:hover {background:#00bcf2; color:#fff; border-color:#fff}
.pages input {float:left; padding:5px; height:20px; width:30px; border:1px #ddd solid; text-align:center}
.pages button {float:left; height:30px; margin-left:5px}
.pages b {color:#ffa902}
.pages form {padding:0; margin:0} 

