/** * Reset.css * * @category reset * @package css * @author fai.chan * @version */ *{ font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;} html,body {height:100%;}/*设置浏览器高度100%*/ body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0; font-size:12px;}/*设置內外补丁为0*/ div,p {display:block;}/*所有div,p为块元素*/ ul,ol,dl {list-style:none;}/*所有项目符号显示无*/ img {border:0;}/*所有图片边框无*/ a { color:#515151; text-decoration:none;}/*所有链接无修饰[上,下划线,虚线...]*/ a:hover {text-decoration:underline;}/*所有链接鼠标放上时为下划线*/ button {cursor:pointer; }/*所有按鈕鼠标放上时为手型标志*/ /**base*/ body{ background:#8EA6C8;} #wrap{ margin:20px auto; width:1002px; background:#E9EDF6; position:relative;} #top-corner{ height:14px; overflow:hidden;background:#E9EDF6; } #top-left{width:19px; height:18px; overflow:hidden; background:url(../Images/top-left-bg.jpg) no-repeat; float:left} #top-right{width:19px; height:18px; overflow:hidden;background:url(../Images/top-right-bg.jpg) no-repeat; float:right} #bottom-corner{ height:14px; overflow:hidden;} #bottom-left{width:14px; height:14px; overflow:hidden;background:url(../Images/bottom-left-bg.jpg) no-repeat; float:left} #bottom-right{width:14px; height:14px; overflow:hidden;background:url(../Images/bottom-right-bg.jpg) no-repeat; float:right} #top{width:1002px; height:107px; position:relative;} #logo{width:352px;height:107px; float:left;} #logo img{height:107px;} #lang-div{width:450px; position:absolute; right:10px; top:10px;} #lang-div ul {list-style:none;float:right;margin-right:50px;} #lang-div ul li{float:left; margin-right:6px;} #lang-div ul li span{font-weight:bold; margin-left:10px;margin-right:10px} #lang-div .fa{color:#333} #lang-div .fa:hover{color:#003259} #lang-div a.selected{} #menus{padding:70px 20px 0 0 ; float:right; } #menu a{ padding:0 5px; color:#000; font-weight:bold;font-size:14px;} #menu a:hover{ color:#0066ff; text-decoration:none;} .menu-bg-1{ background:url(../Images/menu-bg-1.png) repeat-x;} .menu-bg-2{ background:url(../Images/menu-bg-2.png) repeat-x;} .menu-bg-3{ background:url(../Images/menu-bg-3.png) repeat-x;} .menu-bg-4{ background:url(../Images/menu-bg-4.png) repeat-x;} .menu-bg-5{ background:url(../Images/menu-bg-5.png) repeat-x;} #banner{ margin:0 4px; height:275px;} #banner li{ float:left; } #banner li.title{ width:69px; height:277px;background:#DBE9EA;} #banner li.title img{width:69px; cursor:pointer} #banner li.content{ padding:15px 20px 15px 50px; width:717px; height:247px; background:url(../Images/banner-con-bg.jpg) no-repeat;position:relative} #banner li.content .more{ position:absolute; right:20px; bottom:10px;} #banner li.content p{ font-size:14px; line-height:20px; } #banner li.content p a{ line-height:20px; font-size:14px;} #banner li.content p a.linkcolor{ color:#6666FF} .arrow-1{ width:58px; height:56px; background:url(../Images/banner_arrow_1.png) no-repeat; position:absolute; top:6px; left:-11px;} .arrow-2{ width:58px; height:56px; background:url(../Images/banner_arrow_2.png) no-repeat; position:absolute; top:7px; left:-14px;} .arrow-3{ width:58px; height:56px; background:url(../Images/banner_arrow_3.png) no-repeat; position:absolute; top:7px; left:-14px;} .arrow-4{ width:58px; height:56px; background:url(../Images/banner_arrow_4.png) no-repeat; position:absolute; top:7px; left:-14px;} .service-div{ padding:35px 20px;} .service-div li{ float:left} .service-div li a{ text-align:center; font-size:14px; color:#6666FF} #banner li .service-div li p{ padding-bottom:10px; line-height:22px; font-size:14px;} .food-div{ margin:0 auto; padding:0 80px; } .food-div li{width:450px;} #banner li .food-div li p{ padding-bottom:10px; line-height:22px; font-size:14px;} .food-div li a{ font-size:14px; color:#6666FF} .factory-div{ margin:0 auto; padding:10px 0px; } .factory-div li{ padding-top:10px; } #banner li .factory-div li p{ padding-bottom:10px; line-height:22px; font-size:14px;} .factory-div li a{ font-size:14px; color:#6666FF} #foot{ padding:30px 30px 10px 30px; vertical-align:top; position:relative;} #foot a{ color:#666;} #version-div{ width:250px; position:absolute; top:20px; right:10px; color:#666; } .p20{ line-height:20x;} .p22{ line-height:15px;} .p-padding-bot-10{ padding-bottom:10px} .p-padding-bot-20{ padding-bottom:20px} .p-padding-top-bot-10{ padding-top:10px; padding-bottom:10px} .font14{ font-size:14px;} .font16{ font-size:16px;} .red{ color:red} .title-1{ margin-bottom:20px; padding:0 10px; width:87px; height:29px; line-height:29px; text-align:center; background:url(../Images/menu-bg-2.jpg) repeat-x; font-size:12px; font-weight:bold; color:#fff;} .title-2{ width:158px; height:51px; line-height:51px; background:url(../Images/title-bg-2.png) repeat-x; text-align:center; font-size:14px; font-weight:bold; color:#fff;} .title-3{ padding-bottom:20px; width:127px; height:31px; line-height:31px; background:url(../Images/title-bg-3.jpg) repeat-x; text-align:center; font-size:12px; font-weight:bold; color:#fff;} .title-4{ padding-bottom:20px; width:140px; height:31px; line-height:31px; background:url(../Images/title-bg-4.jpg) repeat-x; text-align:center; font-size:12px; font-weight:bold; color:#fff;} .title-5{ width:107px; height:31px; line-height:31px; background:url(../Images/title-bg-5.jpg) repeat-x; text-align:center; font-size:12px; font-weight:bold; color:#fff;} .title-6{ padding-bottom:20px; width:107px; height:31px; line-height:31px; background:url(../Images/title-bg-6.jpg) repeat-x; text-align:center; font-size:12px; font-weight:bold; color:#fff;} .title-7{ padding-bottom:20px; height:31px; line-height:31px; text-align:left; font-size:14px; font-weight:bold; } .con-1{ margin:20px 0 0 10px;} .con-1 p{ margin-bottom:10px; padding-right:300px; line-height:22px; font-size:14px;} .con-2{ margin:20px 0 0 20px;} .con-2 p{ margin-bottom:10px;line-height:22px; font-size:14px;} .line-hr{ margin:30px auto; width:90%; color:#4A7EBB} /*清空浮动*/ .clear:after{height: 0;visibility: hidden;display: block;clear: both;content: " ";} .clear{display: inline-block;} /* fix IE hack \*/ * html .clear{height: 1%;} .clear{display: block;}