﻿
html {color: #333;background: #FFF; OVERFLOW-X: hidden; padding:0; margin:0;}
body,
button,
input,
select,
textarea {
  font: 12px/1.5 '微软雅黑', tahoma,'Microsoft YaHei';
}
/*
    TODO remove settings on BODY since we can't namespace it.
*/
/*
    TODO test putting a class on HEAD.
        - Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size-: 100%;
  font-weight-: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #00a0e9;
  text-decoration: underline;
}
.clr {
  zoom: 1;
}
.clr:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.l {
  float: left !important;
}
.r {
  float: right !important;
}
.dn {
  display: none !important;
}
.container {
  margin-top: 20px;
  min-height: 400px;
  _height: 400px;
}
.section-a {
  float: left;
}
.section-b {
  float: right;
}
.block {
  margin-bottom: 40px;
}
.header {
  min-height: 100px;
}
.top-bar {
  background-color: #f4f4f4; height:0px; overflow:hidden;
  border-bottom: 1px solid #eee;
}
.top-bar .lang {
  position: relative;
  float: left;
  margin-top: 8px;
  width: 90px;
}
.top-bar .lang a:link,
.top-bar .lang a:visited {
  display: block;
  padding: 6px 24px 6px 12px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  line-height: 12px;
  background-color: #fff;
}
.top-bar .lang a:hover em {
  background-position: -159px 4px;
}
.top-bar .lang a em {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 12px;
  height: 12px;
  background: transparent url('http://www.e360e.com/mb6/images/icons.png') no-repeat -39px 4px;
}
.top-bar .lang.hover a {
  border-radius: 3px 3px 0 0!important;
}
.top-bar .lang-ext {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  padding-bottom: 6px;
  width: 88px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-top: 0 none;
  border-radius: 0 0 3px 3px;
}
.top-bar .lang-ext.hover {
  display: block;
}
.top-bar .lang-ext a:link,
.top-bar .lang-ext a:visited {
  display: block;
  padding: 6px 0;
  text-align: center;
}
.top-bar .top-links {
  padding-top: 15px;
}
.top-bar .top-links a:link,
.top-bar .top-links a:visited {
  float: left;
  padding: 0 16px;
  line-height: 11px;
  *line-height: 15px;
  color: #8899a1;
}
.top-bar .top-links a:hover {
  color: #00a0e9;
}
.top-bar .top-links a.first {
  border-right: 1px solid #8899a1;
}
.top-bar .search {
  position: absolute;
  top: 6px;
  right: 0;
}
.top-bar .img400 { display:block; float:left; margin:6px 10px 0 0;}
.top-bar .search em {
  display: none;
  position: absolute;
  top: 5px;
  left: 9px;
  color: #bbb;
}
.top-bar .search input {
  padding: 4px 28px 4px 8px;
  width: 162px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  border-radius: 3px;
}
.top-bar .search button {
  position: absolute;
  top: 0;

  right: 0;
  padding: 0;
  width: 28px;
  height: 28px;
  border: 0 none;
  text-indent: -9999px;
  background: transparent url('http://www.e360e.com/mb6/images/icons.png') no-repeat 6px 6px;
  cursor: pointer;
}
.top-bar-bd {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 40px;
  z-index: 5001;
}
.top-nav {
  height:88px;
}
.top-nav-bd {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height: 72px;
  z-index: 5000;
}
.logo {
  position: relative;
  float: left;
  width: 280px;
  height: 73px;overflow:hidden;
}
#imglogo{height:52px;}
.logo a:link,
.logo a:visited {
  display: block;
  font-size: 40px;
  line-height: 73px;
  text-align:left;
}
.logo em {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 73px;
  background: #ffffff url('http://www.e360e.com/mb6/images/logo.jpg') no-repeat;
}
.top-menu {
  position: absolute;
  top: 32px;
  right: 0;
}
.top-menu li {
  position: relative;
  float: left;
  margin-left: 10px;
  height: 32px;
  text-align: center;
  font-size: 14px;
  font-family: '微软雅黑', tahoma, SimSun;
}
.top-menu li span {
  display: block;
  border: 1px solid transparent;
}
.top-menu li a:link,
.top-menu li a:visited {
  display: block;
  padding: 4px 20px 3px 16px;
  line-height: 27px;
  z-index: 3;
}
.top-menu li a:hover {
  text-decoration: none;
}
.top-menu li a:hover em {
  background-position: -119px 3px;
}
.top-menu li em {
  position: absolute;
  top: 12px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-color: #f00;
  background: #ffffff url('http://www.e360e.com/mb6/images/icons.png') no-repeat;
  background-position: -79px 3px;
}
.top-menu .hover {
  border-radius: 3px 3px 0 0;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.top-menu .hover span {
  border: 1px solid #f1f2f1;
  border-bottom: 0 none;
}
.top-menu .hover a {
  background-color: #fff!important;
}
.top-menu .home {
  margin-left: 0;
}
.top-menu .subs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 92px;
  _width: 92px;
  border: 1px solid #f1f2f1;
  border-radius: 3px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: -1;
}
.top-menu .subs .sub:link,
.top-menu .subs .sub:visited {
  display: block;
  padding: 4px 8px;
  font-size: 14px;
}
.top-menu .subs .sub:hover {
  background-color: #e4e8eb;
  text-decoration: none;
}
.top-menu .subs span {
  display: block;
  padding: 8px;
  z-index: 4;
}
.footer {
  margin-top: 40px;
  border-top: 1px solid #ddd;
  background-color: #eee;
}
.footer-bd {
  position: relative;
  margin: 0 auto;
  width: 1000px; text-align:center;
}
.footer-links {
  padding: 32px 0 8px 0; text-align:center; width:1000px;
}
.footer-links a{padding: 0 16px; font-size:14px; height:20px;line-height: 20px;}

.copyright {color: #888; padding-bottom:10px; line-height:2;}
.copyright p{margin:0; padding:0;}

.article-banner{width:100%;height: 240px; background-position: center 0;}
.article-head {margin-top:40px;}
.article-head .article-ct {position: relative;margin: 0 auto;width: 1000px;}
.article-head .section-a {width: 220px; overflow:hidden;}
.article-head .section-b {width: 740px; overflow:hidden;}
.article-head .section-b h2 {margin-bottom: 20px;color: #2DB0EC; width:200px; height:39px; float:left; overflow:hidden;}
.article-head h2 {font-size: 18px;border-bottom: 1px solid #ddd;line-height: 39px;}
.dangqian{color:#999; float:right; width:540px;line-height: 39px; height:39px; text-align:right;border-bottom: 1px solid #ddd;}
.dangqian a{color:#999;}
.dangqian .cur{color:#333;}

.aboutus { min-height:200px; width:740px; float:left; clear:both; overflow:hidden; line-height:1.5;}
.aboutus img { max-width:100%;}

.tree-nav ul a {
  position: relative;
  display: block;
  padding-left: 20px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
}
.tree-nav ul a:link,
.tree-nav ul a:visited {
  background: transparent url('http://www.e360e.com/mb6/images/icons.png') no-repeat;
  background-position: -189px -66px;
}
.tree-nav ul em {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 12px;
  height: 12px;
  background: transparent url('http://www.e360e.com/mb6/images/icons.png') no-repeat;
  background-position: 4px -40px;
}
.tree-nav ul li {
  border-bottom: 1px solid #eee;
}
.tree-nav ul li.active {
  border-bottom: 0 none;
}
.tree-nav ul li.active a {
  background-color: #f9f9f9;
  border-bottom: 1px solid #eee;
  color: #2db0ec;
  background-position: -189px -26px !important;
}
.tree-nav ul li.active em {
  background-position: -36px -40px;
}
.tree-nav ul li.movable a {
  background-color: #f9f9f9;
  color: #2db0ec;
  background-position: -189px -26px !important;
}
.tree-nav ul li.movable em {
  background-position: -36px -40px;
}
.tree-nav ul ul a {
  padding-left: 40px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  border-bottom: 0 none !important;
  background-color: white !important;
}
.tree-nav ul ul a:link,
.tree-nav ul ul a:visited {
  background-position: -170px -112px !important;
  color: #666;
}
.tree-nav ul ul a:hover {
  color: #2db0ec; background-position: -170px -112px !important;
}
.tree-nav ul ul li {
  border-bottom: 0 none;
}
.tree-nav ul ul li.active a,
.tree-nav ul ul li.movable a {
  color: #2db0ec;
  background-position: -170px -152px !important;
}
.tree-nav ul ul ul a {
  padding-left: 60px;
}
.tree-nav ul ul ul a:link,
.tree-nav ul ul ul a:visited {
  color: #666;
  background-position: -148px -69px !important;
}
.tree-nav ul ul ul a:hover {
  color: #2db0ec;
}
.tree-nav ul ul ul li.active a,
.tree-nav ul ul ul li.movable a {
  color: #2db0ec;
  background-position: -148px -29px !important;
}

.block-products-list .item {
  padding: 20px 10px 10px;
  border-bottom: 1px solid #ddd;
}

.block-products-list .image {display:block; font-size:0; float:left; vertical-align:middle; text-align:center; width:200px; height:200px; overflow:hidden; border:1px solid #ddd; -webkit-box-shadow:3px 3px 10px #f1f1f1; box-shadow: 3px 3px 10px #f1f1f1;}
.block-products-list .image a{overflow:hidden; width:200px; height:200px; position:relative;text-align:center; background-color:#fff; display:table-cell;vertical-align:middle; *display:inline; *writing-mode:tb-rl; *text-align:center; *height:100%;}
.block-products-list .image img {vertical-align:middle;max-height:200px; max-width:200px;}

.block-products-list .desc {
   margin-left: 230px;font-size: 14px; width:490px; height:200px; overflow:hidden;
}
.block-products-list h3 {
  font-size: 18px;
  line-height: 31px; margin-bottom:10px;
}
.block-products-list h3 a {
  font-size: 18px;
  line-height: 31px;
}
.block-products-list p {
  padding-top: 4px; text-indent:0px;
  font-size: 14px;
}
.block-bd{ width:740px;}

.banner{width:100%; text-align:center;overflow:hidden;zoom:1; height:470px; margin-top:0px;}
.slidebox-01{ width:100%; overflow:hidden;zoom:1; height:470px; position:relative; margin:0 auto;}
.slidepic-01{ width:100000px; overflow:hidden;zoom:1; position:absolute; top:0; left:0;}
.slidepic-01 li{ float:left; width:100%;height:470px;}
.slidebtn-01{height:15px; margin-top:10px;margin-right:35px;float:right;overflow:hidden;zoom:1; position:absolute; top:420px; right:0px;}
.slidebtn-01 ul{ float:right; overflow:hidden;zoom:1;}
.slidebtn-01 li{ width:15px; height:15px; background:#fff;margin-right:10px; display:inline;cursor:pointer;float:left;border-radius:15px; }
.slidebtn-01 li.current{ background:#00A0E9; width:15px; height:15px;}
.slidebtn-01 ul{  overflow:hidden;zoom:1;}


.blank20{ width:100%; clear:both; height:20px; overflow:hidden;}
.blank20dashed{ width:100%; clear:both; height:20px; overflow:hidden; margin-bottom:20px; border-bottom:1px #ccc dashed;}
.blank15{ width:100%; clear:both; height:15px; overflow:hidden;}
.blank10{ width:100%; clear:both; height:10px; overflow:hidden;}
.blank5{ width:100%; clear:both; height:5px; overflow:hidden;}
.divL{ float:left;}
.divR{ float:right;}


.news-list{ padding:0px 10px; overflow:hidden;zoom:1;}
.news-list{ font-size:14px; color:#010101;} 
.news-list a{}
.news-list  li{border-bottom:1px dashed #ddd; line-height:35px; height:35px;}
.news-list span{ float:right;}
.news-list  li a{ background:url(http://www.e360e.com/mb6/images/dot0.gif) 5px center no-repeat; padding-left:20px;}
.news-list  li a:hover{ color:#2db0ec; background:url(http://www.e360e.com/mb6/images/dot1.gif) 5px center no-repeat;}

/* 新闻动态内页 */
.new9{ width:740px; height:auto !important; min-height:320px; height:320px; margin:0 auto; padding:0;}
.new91{ text-align:center; line-height:22px; font-size:12px; padding:10px 0; color:#666;}
.new91 span{ float:none; font-size:16px; font-family:"微软雅黑";  line-height:28px;  }
.new92{ border-bottom:#CCC 1px dashed; border-top:1px #CCC dashed; padding:15px 0; line-height:2; margin-bottom:20px; font-size:12px; min-height:200px;}

.ppage{ text-align:center; clear:both; padding:25px 0px; margin:0 auto; height:18px; line-height:18px;}
.ppage a{color:#575757; border:1px solid #EDEDED; display:inline-table; padding:3px 8px; margin-right:5px;}
.ppage a:hover{background-color:#EDEDED; color:#2DB0EC;}
.ppage .a1{background-color:#EDEDED; color:#2DB0EC;}

.divcenter{ width:1000px; margin:0 auto;}
.sy_project_tit em{font-size:18px; font-family:microsoft yahei; color:#00A0E9; display:inline-block; float:left; margin-top:-2px; margin-left:5px;}
.sy_project_tit a{float:right; font-size:14px; color:#00A0E9; margin-bottom:-10px;}

.sy_pro_box{height:158px; margin-top:25px; width:1000px;}
.sy_pro_box .span9{width:19px; height:35px; margin-top:62px; cursor:pointer; overflow:hidden;}
.sy_pro_box .default{ opacity:0.5; cursor:default;}
.sy_pro_list{width:897px; float:left; height:158px; position:relative; overflow:hidden; margin-left:23px; }
.sy_pro_list ul{width:999999px; position:relative;}
.sy_pro_list li{width:201px; height:156px; overflow:hidden; float:left;margin-right:28px;border:1px solid #ededed;}
.sy_pro_list li div{width:201px; height:121px; overflow:hidden;}
.sy_pro_list li div img{width:201px; height:121px; }
.sy_pro_list li p{height:34px; text-align:center; overflow:hidden; line-height:34px; border-left:0px solid #ededed;  border-right:0px solid #ededed; border-bottom:0px solid #ededed; font-size:14px; margin-top:-2px;font-family:microsoft yahei; background:url(http://www.e360e.com/mb6/images/jda-.jpg) no-repeat right bottom}
.sy_pro_list li p a{color:#010101;}
.sy_pro_list li:hover a{color:#00A0E9;}
.sy_pro_list li:hover {border:1px solid #00A0E9;}

.main_two{width:100%; margin-top:10px; overflow:hidden;}
.sy_news{width:448px; background:url(http://www.e360e.com/mb6/images/nsn.jpg) no-repeat right top; float:left; padding-right:64px;}
.sy_news_tit{font-size:18px; font-family:microsoft yahei; color:#00A0E9; margin-bottom:15px;}
.sy_news_tit img{float:left;}
.sy_news_tit a{float:right; margin-top:5px;}
.sy_news ul{clear:both; height:150px;}
.sy_news li{font-size:14px; line-height:30px; height:30px; overflow:hidden;  }
.sy_news li span{float:right;}
.sy_news li a{width:350px; padding-left:15px; float:left; display:block; height:30px; overflow:hidden; background:url(http://www.e360e.com/mb6/images/dot0.gif) no-repeat left center;}
.sy_news li a:hover{ background:url(http://www.e360e.com/mb6/images/dot1.gif) no-repeat left center;}

.sy_about{width:433px; background:url(http://www.e360e.com/mb6/images/nsn-.jpg) no-repeat right top; float:left; padding-right:0px; margin-left:55px;}
.sy_about .about1{display:block; height:150px; line-height:30px; font-family:SimSun; overflow:hidden}


table{font-family: Verdana;border: solid #cdcdcd;border-width: 1px 0 0 1px;line-height: 18px;}
td{height:28px;border: solid #cdcdcd;border-width: 0 1px 1px 0;padding: 0 10px; line-height:2;}
.contactform{ width:450px; margin-top:8px; border:0;}
.contactform tr td{ padding:3px 10px 3px 0; color:#888; border:0;}
.contactform tr td input{ width:210px; height:26px; line-height:26px; border:0; background-color:#E7E7E7; padding-left:5px;}
.liuyan{ width:430px; height:115px; background-color:#E7E7E7; border:0; padding:5px;}
.contactform .sub2{ width:100px; height:24px; text-align:center; background-color:#E7E7E7; line-height:24px; color:#333; display:block;}
.contactform .sub2:hover{ background-color:#2DB0EC;color:#fff; text-decoration:none;}


.list-products ul{ width:725px; overflow:hidden;zoom:1; padding-left:20px; padding-top:20px;}
.list-products ul li{float:left; width:218px;margin:0 20px 15px 0; display:inline; text-align:center; height:240px; line-height:30px; overflow:hidden;}
.list-products ul li .image{display:block; font-size:0; float:left; vertical-align:middle; text-align:center; width:200px; height:200px; padding:5px; background-color:#fff; overflow:hidden; border:0px solid #dbd4cd; -webkit-box-shadow:3px 3px 10px #bcbcbc; box-shadow: 3px 3px 10px #bcbcbc;}
.list-products ul li .image a {overflow:hidden; width:200px; height:200px; position:relative;text-align:center; background-color:#fff; display:table-cell;vertical-align:middle; *display:inline; *writing-mode:tb-rl; *text-align:center; *height:100%;}
.list-products ul li .image img {vertical-align:middle;max-height:200px; max-width:200px;}
.list-products ul li:hover a{ color:#EDEDED;}
.list-products ul li .at{ display:block; float:left; width:200px; overflow:hidden; text-align:center;}

