.clear{ width: 0; height: 0; font-size: 0; line-height: 0; clear: both; overflow: hidden;} /*navigation*/ .navigation, .navigation .o_z_left, .navigation .o_z_right, .navigation .o_z_center .o_z_index, .navigation .o_z_center dl dd ul li .o_z_line{ background: url(../images/1.png) no-repeat;} .navigation .o_z_center dl dd ul li .o_z_arrow, .banner_download .download_IOS, .banner_download .download_Android{ background: url(../images/all_bg.png) no-repeat;} .navigation{ width: 960px; position: relative; margin: 0 auto; background-position: 0 -70px; background-repeat: repeat-x; font-family: "微软雅黑"; } .navigation *{ font-family: Microsoft YaHei;} .navigation .o_z_left, .navigation .o_z_right{ width: 1px; height: 70px; background-position: 0 0; position: absolute; top: 0;} .navigation .o_z_left{ left: 0;} .navigation .o_z_right{ right: 0;} .navigation .o_z_center .o_z_index{ width: 133px; height: 70px; line-height: 70px; text-align: center; background-position: right -140px; float: left;} .navigation .o_z_center .o_z_index a{ display: block; font-size: 16px; color: #FFF; font-weight: bold;} .navigation .o_z_center .o_z_index a:hover {text-decoration:none;} .navigation .o_z_center dl{ width:826px; float: left; padding-top: 7px;} .navigation .o_z_center dl dd{ float: left; padding-left: 53px; margin-top: 3px; font-size: 14px; color: #FFF;} .navigation .o_z_center dl dd h6{ width: 62px; font-size: 16px; float: left;} .navigation .o_z_center dl dd ul{ width: 310px; float: left;} .navigation .o_z_center dl dd ul li{ float: left; height: 23px; padding-right: 6px;} .navigation .o_z_center dl dd ul li.has_children{ position: relative;} .navigation .o_z_center dl dd ul li .o_z_line{ display: block; float: left; width: 1px; height: 12px; margin-top: 8px; margin-right: 6px; overflow: hidden; background-position: 0 -210px;} .navigation .o_z_center dl dd ul li .o_z_arrow{ display: block; float: left; text-indent: -9999px; width: 10px; height: 6px; overflow: hidden; background-position: 0 0; margin-left: 5px; margin-top: 10px;} .navigation .o_z_center dl dd ul li .o_z_arrow.on{ background-position: 0 -6px;} .navigation .o_z_center dl dd ul li a{ color: #FFF; display: block; float: left; margin-top: 2px; padding: 0 5px;} .navigation .o_z_center dl dd ul li a:hover{ background: #e5f7ff; color: #1288dc; text-shadow:none; text-decoration: none;} .navigation .o_z_center dl dd ul li.on{ background: #fafafa;} .navigation .o_z_center dl dd ul li.on a{ color: #1288dc; text-shadow:none; text-decoration: none;} .navigation .o_z_center dl dd ul li.on a:hover{ background: #fafafa; color: #1288dc;} .navigation .o_z_center dl dd ul li .o_z_area_box{ position: absolute; top: 22px; left: 0; background: #fafafa; width: 432px; padding: 10px 15px; box-shadow: 2px 2px 2px #666; display: none; overflow: hidden;} .navigation .o_z_center dl dd ul li .o_z_area_box ul{ width: 463px;} .navigation .o_z_center dl dd ul li .o_z_area_box li{ width: 60px;} .navigation .o_z_center dl dd ul li .o_z_area_box li a{ color: #4d4d4d; text-shadow:none; float: none;} .navigation .o_z_center dl dd ul li .o_z_area_box li a:hover{ color: #1480cc;} /*Banner Slide*/ .bannerSlide{ margin-bottom: 10px; width: 648px; border:1px solid #dbdbdb; overflow: hidden;} .bannerSlide .bd{ height: 210px; overflow: hidden; border-bottom:1px solid #dbdbdb;} .bannerSlide .bd ul{ height: 210px;} .bannerSlide .bd ul li{ height: 210px;} .bannerSlide .hd{width: 648px; overflow: hidden;} .bannerSlide .hd ul{ height: 30px; width: 660px; font-size: 16px; font-weight: bold;} .bannerSlide .hd ul li{ height: 30px; width: 129px; float: left; border-right: 1px solid #dbdbdb;} .bannerSlide .hd ul li a{ display: block; height: 27px; border-bottom: 3px solid #fff; text-align: center; line-height: 27px;} .bannerSlide .hd ul li a:hover,.bannerSlide .hd ul li.on a{ border-bottom: 3px solid #fea218; color: #07c; text-decoration: none;} .banner_download{ position: relative; height: 210px; width: 100%;} .banner_download .download_IOS,.banner_download .download_Android{ display: block; width: 144px; height: 33px; background-position: 0 -12px; text-align: center; line-height: 33px; font-size: 16px; color: #FFF; position: absolute; bottom: 30px; outline: none;} .banner_download .download_IOS:hover,.banner_download .download_Android:hover{ background-position: 0 -46px; text-decoration: none;} .banner_download .download_IOS{ left: 35px;} .banner_download .download_Android{ left: 208px;} .banner_download .mes_to_iphone,.banner_download .mes_to_Android{ font-size: 14px; color: #176acc; position: absolute; bottom: 10px;} .banner_download .mes_to_iphone{ left: 43px;} .banner_download .mes_to_Android{ left: 218px;}