body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, 
h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, 
form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}
ol, ul {
    list-style: none;
}
fieldset, img {
    border: 0;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

body {
    color: #333;
    background: url(easoul-bg2.jpg) repeat-x #fefefe;	
    text-align: center;
    font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}

/*
body {
    color: #333;
    background: url(easoul-bg2.jpg) repeat-x #fefefe; /*#fefefe*/
    text-align: center;
    font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}
*/
.easoultopbg{
	background-image: url(easoul-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
}
.brand{
/*background:url(brand-bg.jpg) no-repeat left top;*/
}
.site-logo img{margin-left:3px;}
.productContent  .site-logo img{margin-left:4px;}
.clearfix {
    display: inline-block;
}
.mt15 {
margin-top:15px;
width:100%;
}
.mt20 {
margin-top:20px;
width:100%;
}
.mt30 {
margin-top:30px;
width:100%;
}

.f14{
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
/*\*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/**/
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.hidden {
    display: none;
}
html, body {
    height: 100%;
}
* html .container {
    height: 100%;
}
.container {
    width: 950px;
    min-height: 100%;
    margin: auto;
    text-align: left;  
	background: url(easoul-bg3.jpg) no-repeat center top; 
}
.container .wrap {
    margin: 0 10px;
}
.container .header{
	height:116px;
}

#top_img{
    margin: 10px 10px;
}

.col1, .col2, .col3, .col4, .col5, .news_sort {
    float: left;
    margin-right: 10px;
}
.layout-cols2 .col1 {
    width: 500px;
	margin-left:8px;
	margin-right:27px;
    overflow:hidden;
}
.layout-cols2 .col2 {
    width: 380px;
    margin:auto;
    overflow:hidden;
}
.layout-cols2 .col3{width:275px;}
.layout-cols2 .col4{width:650px;border-left:solid 1px #ccc;}
.left-bg{position:relative;z-index:99999;left:0px;bottom:0px;height:300px;background:url(easoul-left-bg.gif) no-repeat bottom center;width:275px; }
.layout-cols2, .layout-cols3 {
    margin-bottom: 0 !important;
}
.layout-col2ultra .col1 {
    width: 280px;
    overflow:hidden;
}
.layout-col2ultra .col2,
.layout-col2ultra .col2 .span2 {
    width: 620px;
    margin-right: 0;
}
.layout-col2ultra .col2 .col1 {
    width: 370px;
}
.layout-col2ultra .col2 .col2 {
    width: 240px;
}
.layout-col2ultra .col2 .span2 {
    clear: both;
    margin-bottom: 10px;
}
.box{
	border:1px solid #99BBDD;
	margin-bottom:10px;
}
/* Nav
==========================================================*/
.nav {
    position: relative;
    margin: 0 60px 10px;
    background: url(easoul-nav-bg.gif) no-repeat 0 -32px;
}
.navinner {
    background: url(easoul-nav-bg.gif) no-repeat 100% -63px;
}
.navlist {
    height: 31px;
    line-height: 31px;    
    margin: 0 10px;
    background: url(easoul-nav-bg.gif) repeat-x 0 0;
}
.nav li {
    float: left;
    display: inline;
    margin: 0 0 0 -2px;
    padding: 0 4px 0 6px;
    background: url(easoul-nav-bg.gif) no-repeat 0 -94px;
}
.nav a {
    display: block;
    width: 90px;
	padding-top:5px;
    text-align: center;
    font-size: 120%;
}
.nav a:link, .nav a:visited {
    color: #333;font-weight:bold;text-decoration:none;
}
.nav a.current, .nav a:hover, .nav a:active {
    color: #000;
    font-weight: bold;
    background: url(easoul-nav-bg.gif) no-repeat 50% -128px;
}

#navlist {
  line-height: 22px;  list-style-type: none; 
}
#navlist a {
 display: block; text-align:center;
}
#navlist li {
 float: left; 
}
#navlist li ul { 
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 100px; position: absolute;
}
#navlist li ul li{
 float: left; width: 100px;
 background: #EEE;
}
#navlist li ul a{
 display: block; width: 100px;text-align:left;padding-left:24px;
}
#navlist li ul a:link  { color:#c93; text-decoration:none;}#navlist li ul a:visited  { color:#c93;text-decoration:none;}
#navlist li ul a:hover  { color:#c93;text-decoration:none;font-weight:normal; background:#E2E5E8;}
#navlist li:hover ul { left: auto;}#navlist li.sfhover ul { left: auto;}#content { clear: left;}
#home{  background: url(easoul-nav-bg.gif) no-repeat 0 -32px;}


.flash{margin:10px auto;}
/***首页底部上方新闻列表定义***/
.ppdt h3{
background: url(easoul-ppdt.jpg) no-repeat 0px 0px #fff;
line-height:26px;
width:387px;
text-indent:-200px;
}
.ppdt span{
float:right;
margin-top:8px;
}
.pp{
margin-top:15px;
font-size:14px;
font-family:"新宋体",Arial, Helvetica, sans-serif;
line-height:160%;
}
.pp span{
float:right;
}
.pp a:link ,.pp  a:hover,.pp  a:visited{
color:#595959;text-decoration:none;
}
/***底部定义***/
.footer {
background: url(easoul-foot-bg.jpg) repeat-x 0px 0px #fff;
}
.copyright{
width:950px;
margin:auto;
}		
.footer p{
height:77px;text-align:center;
}
.footer  span{
float:right;
line-height:22px;
vertical-align:middle;
margin-top:28px;
}
.footer span a:link ,.footer span a:hover,.footer span a:visited{
color:#000;text-decoration:none;
}
.footer-logo{

color:#fff;

width:150px;
}
/****产品列表页面css*****/
.productList{
width:690px;padding-left:10px;
}
.productList li{width:168px;height:158px;margin-top:10px;float:left;background:url(easoul-product-bg.gif) no-repeat center center;}
.productList .pic_img img{width:140px;height:105px;margin:16px auto 11px;}
.productList .pic_title{line-height:18px;text-align:center;}
#productListPage .col4 {border:0px;}
#productListPage .col4 .class_nav h3{margin:0px;background:url(easoul-nav-ico.gif) no-repeat 20px -32px;padding-left:54px;line-height:30px;font-weight:bold;color:#4e7da4;font-size:16px;}
.col4 .class_nav a:link, .col4 .class_nav a:visited,.col4 .class_nav a:hover,.col4 .class_nav a:hover{color:#333;text-decoration:none;font-size:16px;}
#productListPage .col3 .left_nav h3{margin:0px;background:url(easoul-nav-ico.gif) no-repeat 2px -2px;padding-left:34px;line-height:30px;font-weight:bold;color:#4e7da4;font-size:16px;}
#productListPage .col3 .left_nav a,#productListPage .col3 .left_nav a:link,#productListPage .col3 .left_nav a:visited,#productListPage .col3 .left_nav a:hover{color:#4e7da4;text-decoration:none;}
#productListPage .col3 ul li a,#productListPage .col3 ul li a:link,#productListPage .col3 ul li a:visited,#productListPage .col3 ul li a:hover,#productListPage .col3 ul li a:active {text-decoration:none;color:#3e4144;font-size:13px;font-weight:bold;margin-left:35px;line-height:1.8em;}
/****单页css*****/
/****#singlePage .col4 img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > "560px"? "560px" : this.width)!important;}***/
#singlePage .col4 {overflow:hidden;}
#singlePage  .col4 .class_nav h3{margin:0px;background:url(easoul-nav-ico.gif) no-repeat 20px -32px;padding-left:58px;font-size:16px;line-height:30px;font-weight:bold;}
#singlePage .col3 .left_nav h3{margin:0px;background:url(easoul-nav-ico.gif) no-repeat 2px -2px;padding-left:40px;font-size:16px;line-height:30px;font-weight:bold;}
#news_list  ul {width:480px;}
#news_list  ul li {line-height:28px;font-size:14px;}
#news_list  ul li span{float:right;}
/****分页导航 居中css*****/
.pages{width:430px;margin:8px auto;}
/****产品展示页css*****/
#productPage .col3{width:350px;height:450px;float:left;margin-right:10px;background:url(easoul-product-left-bg.gif) no-repeat -2px 0px;}
#productPage .col3 .left_classname{color:#01586C;font-size:22px;font-weight:bold;margin-left:14px;margin-top:6px;}
#productPage .col3 .left_title{color:#000;font-size:14px;margin-left:14px;}
#productPage .col3 .left_nav h3{color:#999;font-size:12px;font-weight:bold;margin-left:14px;}
#productPage .col3 .left_nav a,#productPage .col3 .left_nav a:link,#productPage .col3 .left_nav a:visited,#productPage .col3 .left_nav a:hover,#productPage .col3 .left_nav a:active {
text-decoration:none;color:#999;font-size:12px;font-weight:bold;}
#productPage .col4{width:580px;height:450px;float:left;border:0px;background:url(easoul-product-right-bg.gif) no-repeat 0px 0px;}
#switchIMG{width:550px;margin:0 auto;}
#showIMG{width:420px;height:320px;clear:both;overflow:hidden;margin:0 auto;}
#showIMG img{margin:2px auto 15px;}
#hIMG {clear:both;}
#hIMG .h{width:360px;float:left;margin:5px auto;}
#hIMG .h li{list-style:none;width:83px;float:left;margin:0px 3px 0px 0px;border:solid 1px #ccc;}
#hIMG .h li img{width:80px;height:60px;}
#hIMG .v{width:54px;float:right;margin:5px auto;}
#hIMG .v li{list-style:none;width:50px;float:right;}
#hIMG .v li img{margin:2px auto;width:45px;height:28px;}

#upage li{background:url(http://space.easoul.com/nones_80X60.gif) 0px 0px no-repeat #fff;display:block;width:80px;height:60px;}
#upage .none img,#vpage .none img{display:none;}
#upage .block img,#vpage .block img{display:block;}

#vpage{background:url(http://space.easoul.com/images/vShowbg.gif) 0px 0px no-repeat #fff;height:110px;}
#vpage li{}
/**tab菜单**/
#Whatever{width:340px;margin:20px auto 0px;}
ul.TabBarLevel1{list-style:none; margin:0; padding:0; height:29px;;}
ul.TabBarLevel1 li{float:left; padding:0; height:29px;}
ul.TabBarLevel1 li a{display:block; line-height:29px; color:#333; white-space: nowrap;}
ul.TabBarLevel1 li a img{border:0px;}
ul.TabBarLevel1 li.Selected .offstate{display:none;}
ul.TabBarLevel1 li.unSelected .onstate{display:none;}
ul.TabBarLevel1 li.Selected a{}
ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{color:#333;}
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{color:#F30; text-decoration:none;}
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{color:#000;}
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{color:#F30; text-decoration:none;}
div.HackBox{padding:0px 2px; display:none;
font-family:"宋体";overflow: scroll;overflow-x: hidden;height:260px !important; width: 310px !important;}
div.HackBox p{margin-top:10px;}
/**tab菜单**/
/**产品页面 flash 背景定义***/
.easoul-product-flash-bg{width:606px;background:url(easoul-product-flash-bg.gif) no-repeat -12px -8px;}
.product-flash{width:580px;margin:4px auto 5px;overflow:hidden;}