/* RESET CSS */ body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-weight:400;} h1,h2,h3,h4,h5,h6,textarea{margin:0;padding:0;font-size:12px;} table{border-collapse:collapse;} caption,th{text-align:left;} fieldset,img{border:0;} li{list-style:none;} address,caption,em,th,i{font-style:normal;font-weight:400;} q:before,q:after{content:'';} legend{color:#000;} input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:12px;} body{font-family:Tahoma,SimSun,Arial;font-size:12px;color:#454545;text-align:left;background-color:#fff;} a.b:link,a.b:visited{color:#06c;text-decoration:underline;} a.b:hover,a.b:active{text-decoration:none;} a.g:link,a.g:visited{color:#666;text-decoration:none;} a.g:hover,a.g:active{text-decoration:underline;} .b{font-weight: bold;} .rmk{color: #999;} .cf:after{content:"";display:block;height:0; clear:both; visibility:hidden;} * html .cf{height:1%;} *+html .cf{min-height:1%;} input{vertical-align:middle;} textarea{vertical-align:top;} /* layout */ #container{ margin: 0 auto; width: 850px; } #header{ width: 850px; height: 49px; margin: 0 auto; position: relative; padding-top: 45px; } #footer{ width: 850px; height: 189px; margin: 0 auto; color: #fff; text-align: center; } #sidebar{ width: 140px; float: left; margin: 22px 0 0 19px; padding: 10px; display: inline; } #content{ width: 565px; margin: 10px 0 0 200px; padding: 30px 30px 80px; } #content img{ border: 1px solid #666; } #logo{ position: absolute; left: 0; top: 15px; } #footer a{ color: #fff; margin: 0 10px; } #footer a:hover{ text-decoration: underline; } #copyright{ margin-top: 25px; } /* * background */ body{ background:#109fcd url(http://www.smart-media.com.cn/images/bg_home_head.png) no-repeat center 0; } #footer{ background: url(http://www.smart-media.com.cn/images/bg_footer.gif) no-repeat 0 0; } #container{ background: url(http://www.smart-media.com.cn/images/bg_container_middle.png) repeat-y 0 0; } .ct_t{ background: url(http://www.smart-media.com.cn/images/bg_container_top.jpg) no-repeat 0 top; } .ct_b{ background: url(http://www.smart-media.com.cn/images/bg_container_bottom.jpg) no-repeat 0 bottom; } /* * nav */ #main_nav{ margin: 0 0 0 200px; } #main_nav li{ float: left; position: relative; margin: 0 10px; } #main_nav li.current_{ background: #119fcd; } #main_nav li.current{ background: #cbeef7; } #main_nav li a{ display: block; font-size: 14px; line-height: 14px; font-weight: 700; padding: 5px 20px; color: #fff; text-decoration: none; } #main_nav li.current_ a{ color: #cbeef7; } #main_nav li.current a{ color: #119fcd; padding-bottom: 10px; } #main_nav li.current .sub_nav a{ padding-bottom: 5px; } #main_nav .sub_nav{ position: absolute; background: #cbeef7; color: #119fcd; white-space: nowrap; } #main_nav .sub_nav a{ color: #119fcd; font-size: 12px; font-weight: 400; display: inline-block; padding: 5px 10px; text-decoration: none; white-space: nowrap; } html/**/>body #main_nav .sub_nav a{ float: left; } *+html #main_nav .sub_nav a{ float: none !important; } #main_nav .sub_nav a:hover{ text-decoration: underline; background: #119fcd; color: #cbeef7; } #column_nav{ margin: 40px 0 0 5px; width: 130px; } #column_nav li{ margin-bottom: 5px; line-height: 18px; position: relative; } * html #column_nav li{ height: 18px; } #column_nav li a{ background: #2e97c7; display: block; color: #fff; font-size: 12px; font-weight: 700; padding: 5px 10px; zoom: 1; text-decoration: none; } #column_nav li a:hover{ background: #2e97c7 url(http://www.smart-media.com.cn/images/bg_column_nav.png) no-repeat 100px 10px; } #column_nav .sub_nav{ padding: 10px 0 5px; background: #8bcfe7; position: absolute; left: 130px; top: 0; width: 110px; } #column_nav .sub_nav a{ background: none; margin-bottom: 5px; white-space: nowrap; text-decoration: none; font-weight: 400; display: block; text-align: center; } #column_nav .sub_nav a:hover{ background: #119fcd; text-decoration: underline; } /* * pages */ #pages{ text-align: center; padding: 10px 0; } #pages a, #pages span{ margin: 0 5px; } #pages a{ color: #023F75; } #pages span{ color: #333; font-weight: 700; } /* * home */ #container.home{ background: url(http://www.smart-media.com.cn/images/bg_home_container.png) no-repeat 0 0; padding: 10px 30px !important; padding: 10px 25px 10px 30px; width: 790px; } .home a{ text-decoration: none; } .home #content{ margin: 0; padding: 0 0 30px 0; position: relative; zoom: 1; width: 100%; } .home .row_one{ height: 290px; padding: 20px; overflow: hidden; } .home .row_two{ height: 245px; margin-top: 10px; overflow: hidden; } .home .row_three{ height: 190px; margin-top: 10px; overflow: hidden; } .home #content h1{ text-indent: -9999px; background: url(http://www.smart-media.com.cn/images/home_h1.gif) no-repeat 0 0; height: 30px; margin-bottom: 15px; } .home #content #recommend_columns{ margin-bottom: 20px; } .home #content #recommend_columns li{ height: 20px; width: 128px; background: #8ed1e8; line-height: 20px; margin: 5px 0; } .home #content #recommend_columns li a{ display: block; color: #fff; font-size: 14px; font-weight: 700; padding: 0 10px; background: url(http://www.smart-media.com.cn/images/bg_recmd_clum.png) no-repeat 110px center; text-decoration: none; } .home #content p.em{ width: 540px; color: #999; margin-bottom: 5px; line-height: 18px; font-weight: 700; text-indent: 24px; } #home_banner{ position: absolute; left: 180px; top: 65px; } #hot_spots{ width: 170px; padding: 10px; position: absolute; right: 15px; top: 30px; } #hot_spots h3{ font-size: 12px; color: #0781c6; border-bottom: 1px solid #ccc; padding: 0 5px 5px 15px; margin-bottom: 15px; background: url(http://www.smart-media.com.cn/images/bg_hot_spots.png) no-repeat 0 2px; } #hot_spots li{ margin-bottom: 20px; } #hot_spots p{ line-height: 20px; margin-bottom: 2px; } #hot_spots a{ color: #666; } #hot_spots a:hover{ text-decoration: underline; } #news_activity{ width: 153px; padding: 15px 10px 10px 10px; float: left; } #news{ margin-bottom: 20px; } #news h3, #activity h3{ font-size: 12px; color: #4b4b4b; border-bottom: 1px solid #969696; padding: 0 5px 5px; margin-bottom: 15px; } #news a, #activity a{ color: #868585; } #news a:hover, #activity a:hover{ text-decoration: underline; } #news_activity li{ color: #868585; font-weight: 700; margin-bottom: 5px; list-style: inside square; } .row_two{ position: relative; } #blank_1{ position: absolute; right: -10px; top: 0; } #latest_release h3, #successful_case h3{ color: #023f75; font-size: 14px; margin-bottom: 10px; } #latest_release h3{ margin-bottom: 20px; } #latest_release, #successful_case{ float: left; } #latest_release{ padding: 10px 20px; width: 290px; } #successful_case{ padding: 10px 15px; width: 425px; } /* * news */ #news_list{ } #new_list table{ width: 100%; } #news_list th{ color: #023F75; font-weight: 700; border-bottom: 3px solid #666; padding: 10px; } #news_list td{ border-bottom: 1px solid #ccc; padding: 10px 0 5px; } #news_content{ margin: 20px 0; position: relative; zoom: 1; } #news_content h1{ font-size: 14px; color: #023F75; border-bottom: 3px solid #666; padding-bottom: 5px; } #news_content .news_date{ position: absolute; right: 0; top: 0; } #rte_content{ padding: 20px 0; line-height: 20px; } #rte_content p{ margin: 10px 0; } #viewpoint_content{ margin: 20px 0; } #rte_content div{ margin: 10px 0; } #viewpoint_content h1{ font-size: 14px; color: #023F75; border-bottom: 3px solid #666; padding-bottom: 15px; text-align: center; } #viewpoint_content .author{ color: #999; text-align: center; font-weight: 700; margin-bottom: 5px; } #market_content{ } #market_content h1{ font-size: 14px; color: #023F75; padding-bottom: 5px; text-align: center; margin-top: 30px; } #adv_form_list .adv_form_item{ padding: 20px 0; } #adv_form_list .adv_form_item h2{ margin-bottom: 10px; font-size: 14px; } #adv_form_list .adv_form_item p{ line-height: 18px; margin-bottom: 10px; } .back{ margin: o auto; } #case_latest_list{ padding: 20px 0 0 0; } #case_latest_list .case_latest_item{ width: 280px; height: 100px; position: relative; text-align: left; float: left; } #case_latest_list .case_latest_item h2{ position: absolute; left: 140px; top: 0; color: #023f75; } #case_latest_list .case_latest_item .b{ position: absolute; left: 140px; top: 30px; padding: 2px 5px; border: 1px solid #999; color: #999; text-decoration: none; } #case_latest_list .case_latest_item img{ width: 121px; height: 75px; } .case_latest_content{ text-align: center; } .case_latest_content h1{ margin-bottom: 20px; } .case_latest_content ul{ zoom: 1; margin-top: 20px; } .case_latest_content li{ float: left; margin: 0 10px; } .case_latest_content li span{ color: #f00; } #clients_list{ padding: 20px; } #clients_list ul{ zoom: 1; } #clients_list li{ width: 170px; height: 150px; float: left; text-align: center; } #clients_list li img{ border: 1px solid #666; margin: 0 auto; } .case_analyse_content h1{ padding-bottom: 10px; border-bottom: 2px solid #ccc; margin-bottom: 20px; } #join_us{ padding: 20px 0; line-height: 18px; } .join_us_itm{ margin-bottom: 20px; } .join_us_itm h2{ color: #023f75; text-decoration: none; margin-bottom: 10px; } .back{ text-align: center; } .back a{ color: #0781c6; } #guestbook{ margin-top: 20px; } #guestbook p{ color: #666; } #guestbook table{ width: 100%; margin-top: 20px; } #guestbook th{ padding: 10px 0; } #guestbook td{ padding: 10px 20px 10px 0; } #guestbook th{ width: 70px; vertical-align: top; font-weight: 700; } #guestbook_email{ width: 50%; } #guestbook_content{ width: 100%; height: 200px; } #guestbook .submit{ text-align: center; } #guestbook .submit input{ background: url(http://www.smart-media.com.cn/images/bg_guestbook_submit.gif) no-repeat 0 0; width: 90px; height: 31px; font-size: 14px; font-weight: 700; border: none; } #search_index{ position: absolute; left: 280px; top: 22px; } #search_index span{ color: #0781C6; font-weight: 700; } #search_index input{ margin: 0 5px; } #case_analyse_list{ margin-top: 20px; } #case_analyse_list li{ margin: 10px; } #case_analyse_list a{ color: #06c; } #content.case_analyse_content h1{margin-top: 20px;}