/* CSS Document */
* {
  padding: 0;
  margin: 0;
}
body {
  font-family: "����", Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 100%;
  background: #eaeaea;
  margin: 0;
  padding: 0;
  text-align: center;
}
a {
  text-decoration: none;
  color: #2c2d2c;
}
a:hover {
  text-decoration: underline;
}
.l {
  float: left;
}
.r {
  float: right;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
ul {
  list-style: outside none;
}
img {
  border: none;
}
.clear {
  clear: both;
}
.top {
  height: 40px;
  background: url(../images/topbg.jpg) repeat-x;
}
.header {
  width: 920px;
  height: 35px;
  margin: 0 auto;
  padding: 5px 40px 0 40px;
}
.header img {
  width: 230px;
  height: 30px;
  float: left;
}
.header p {
  float: left;
  line-height: 35px;
  padding-left: 20px;
  color: #5b5b5b;
}
.header p a {
  color: #5b5b5b;
  padding: 0 10px;
}
.banner {
  height: 374px;
  margin: 0 auto;
  background: url(../images/banner.jpg) center no-repeat;
}
.preface {
  width: 1070px;
  height: 172px;
  margin: 0 auto;
  background: url(../images/preface.jpg) no-repeat;
}
.menu {
  width: 950px;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
}
.menu a {
  height: 40px;
  display: block;
  padding: 0 26px;
  float: left;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/menulibg.jpg) right no-repeat;
}
.pre_read {
  width: 750px;
  height: 70px;
  padding: 23px 0 0 270px;
  text-align: left;
  line-height: 20px;
  text-align: left;
}
.area {
  width: 930px;
  height: 24px;
  padding: 8px 0 0 110px;
  text-align: left;
}
.area a {
  width: 71px;
  height: 24px;
  line-height: 24px;
  display: block;
  float: left;
  background: url(../images/area_libg.jpg) no-repeat;
  text-align: center;
  margin-right: 6px;
}
.wrapper {
  width: 988px;
  height: auto;
  margin: 0 auto;
  padding: 0 6px 5px 6px;
  background: #fff;
  text-align: left;
  overflow: hidden;
}
.main {
  width: 986px;
  height: auto;
  margin: 0 auto;
  border: 1px solid #dfedfe;
}
.main_title {
  height: 28px;
  padding-top: 5px;
  padding-left: 20px;
  background: url(../images/titlebg.jpg) repeat-x;
  text-align: left;
}
.case_star {
  width: 970px;
  height: 360px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px 0 0 10px;
  background: #e4f4fb;
}
/* iFocus style */
#ifocus {
  width: 675px;
  height: 320px;
  float: left;
}
#ifocus p {
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;
}
#ifocus_pic {
  display: inline;
  position: relative;
  float: left;
  width: 522px;
  height: 298px;
  overflow: hidden;
  margin: 15px 0 0 15px;
}
#ifocus_piclist {
  position: absolute;
}
#ifocus_piclist li {
  width: 522px;
  height: 298px;
  overflow: hidden;
}
#ifocus_piclist img {
  width: 522px;
  height: 298px;
}
#ifocus_btn {
  display: inline;
  float: right;
  width: 110px;
  margin: 12px 10px 0 0;
}
#ifocus_btn li {
  width: 110px;
  height: 77px;
  cursor: pointer;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
#ifocus_btn img {
  width: 90px;
  height: 55px;
  margin: 3px 0 0 9px;
}
#ifocus_btn .current {
  background: url(../images/lihover.jpg) no-repeat;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
#ifocus_tx .normal {
  display: none;
}
.case_right {
  width: 280px;
  height: 310px;
  padding-top: 8px;
  background: url(../images/dasheds.jpg) center 40% repeat-x;
}
.case_right h2 {
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  color: #2267b4;
}
.case_right p {
  line-height: 20px;
  text-align: left;
  text-indent: 24px;
}
.case_right ul li {
  width: 250px;
  height: 24px;
  line-height: 24px;
  text-align: left;
  background: url(../images/dot.jpg) left no-repeat;
  padding-left: 10px;
}
/*go_huaxi*/
.go_huaxi {
  width: 990px;
  height: auto;
  margin: 0 auto;
  margin: 10px 0;
  overflow: hidden;
}
.go_left {
  width: 520px;
  height: 370px;
  border: 1px solid #dfedfe;
  padding: 10px 15px 0 15px;
}
.go_left p {
  line-height: 21px;
  text-indent: 24px;
  padding-bottom: 10px;
}
.go_left h1 {
  width: 370px;
  height: 47px;
  padding-left: 50px;
}
.go_right {
  width: 430px;
  height: 375px;
  margin-left: 5px;
  padding-top: 5px;
  border: 1px solid #dfedfe;
  background: url(../images/news.jpg) no-repeat;
}
.go_right h2 {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #e01414;
}
.go_right span {
  padding-left: 25px;
  line-height: 25px;
  color: #2267b4;
}
.go_right span a {
  color: #2267b4;
}
.go_right ul {
  width: 360px;
  margin: 10px auto;
}
.go_right ul li {
  line-height: 22px;
  color: #2c2d2c;
  background: url(../images/dot.jpg) left no-repeat;
  padding-left: 10px;
}
.weekly {
  width: 390px;
  height: 180px;
  margin: 0 auto;
  padding-top: 15px;
  background: url(../images/dasheds.jpg) top repeat-x;
}
.weekly_left {
  width: 246px;
  height: 175px;
}
.weekly_left h2 {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: right;
  background: url(../images/weekly.jpg) no-repeat;
}
.weekly_left h2 a {
  color: #e01414;
}
.weekly_left h3 {
  line-height: 30px;
  font-size: 14px;
}
.weekly_left p {
  line-height: 20px;
  color: #8b8a8a;
}
.weekly_right {
  width: 132px;
  height: 175px;
  margin-left: 10px;
}
.huaxi_content {
  width: 986px;
  height: auto;
  margin: 0 auto;
  margin: 10px 0;
  border: 1px solid #dfedfe;
  overflow: hidden;
}
.province_list {
  width: 50px;
  height: auto;
  margin-top: 10px;
  overflow: hidden;
}
.province_list ul li {
  float: left;
  width: 30px;
  height: 111px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/bg_g.gif);
  padding-top: 10px;
  cursor: pointer;
}
.province_list ul #coverload {
  float: left;
  width: 30px;
  position: relative;
  top: -21px;
  background: url(../images/bg_conver.gif);
  height: 21px;
}
.province_list ul li#last_li {
  background: url(../images/bg_g_last.gif);
}

.province_right {
  width: 934px;
  height: auto;
  margin-top: 10px;
  overflow: hidden;
}
.province_content {
  width: 934px;
  padding-top: 5px;
  height: auto;
  overflow: hidden;
  text-align: left;
}
.pro_title,
.pro_title img {
  width: 923px;
  height: 41px;
}
.pro_desc {
  width: 920px;
  height: 481px;
  padding-top: 5px;
  background: url(../images/pro_desc.jpg) no-repeat;
}
.list_area {
  width: 913px;
  height: 100px;
  float: left;
  margin-top: 8px;
}
.list_txt {
  width: 540px;
  padding: 15px 20px;
  float: left;
  color: #2c2d2c;
}
.list_txt strong {
  color: #1a62a1;
}
.list_img {
  width: 261px;
  height: 88px;
  float: left;
  padding: 5px 0 0 43px;
  display: inline;
}
.list_img_two {
  width: 261px;
  height: 88px;
  float: left;
  padding: 6px 0 0 30px;
}
.list_area p {
  line-height: 20px;
  font-size: 14px;
  text-indent: 24px;
}
/*process start*/
.process {
  width: 800px;
  height: 140px;
  margin-top: 20px;
  padding: 15px 0 0 110px;
  background: url(../images/process.jpg) left no-repeat;
  border: 5px solid #1d6aae;
}
.process ul li {
  width: 115px;
  height: 125px;
  margin-right: 15px;
  float: left;
}
.process ul li img {
  border: 5px solid #cbcbcb;
}
.process ul li p {
  line-height: 40px;
  text-align: center;
}
/*trends_list*/
.trends_list {
  width: 360px;
  height: 300px;
  padding: 15px 0 0 20px;
  margin: 20px 0 0 0;
}
.trends_list ul li {
  width: 350px;
  line-height: 25px;
  background: url(../images/dot.jpg) left no-repeat;
  padding-left: 10px;
}
.message {
  width: 528px;
  height: 314px;
  margin: 20px 0 0 20px;
}
.live_case {
  width: 950px;
  height: 420px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px 0 0 20px;
  background: #e4f4fb;
}
#gallery {
  width: 935px;
  height: 400px;
  position: relative;
  font-family: verdana, arial, sans-serif;
}
#gallery #slides {
  position: absolute;
  right: 10px;
  top: 0;
  height: 390px;
  width: 205px;
  overflow: hidden;
  z-index: 500;
}
#gallery #slides div {
  width: 205px;
  height: 400px;
  position: relative;
}
#gallery #slides div ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 205px;
  height: 400px;
}
#gallery #slides div ul li {
  float: left;
  width: 205px;
}
#gallery #slides div ul li a {
  display: block;
  width: 205px;
  height: 110px;
  float: left;
  margin-bottom: 9px;
}
#gallery #slides div ul li a b {
  display: none;
}
#gallery #slides div ul li a.previous {
  height: 11px;
  background: url(../images/top.jpg) no-repeat top center;
}
#gallery #slides div ul li .first {
  height: 11px;
}
#gallery #slides div ul li .last {
  height: 11px;
  margin-bottom: 0px;
}
#gallery #slides div ul li a.next {
  height: 11px;
  background: url(../images/down.jpg) no-repeat top center;
}
#gallery #slides div ul li a img {
  display: block;
  width: 205px;
  height: 110px;
  border: 0;
}
#gallery #slides div ul li img.blank {
  margin: 0 auto;
}
#gallery #slides div ul li a:focus {
  outline: 0;
}
#gallery #fullsize {
  position: absolute;
  left: 0;
  top: 0;
  height: 400px;
  width: 710px;
  overflow: hidden;
  z-index: 200;
}
#gallery #fullsize div {
  width: 710px;
  height: 400px;
  position: relative;
}
#gallery #fullsize div img {
  clear: both;
  display: block;
  border: 1px solid #eee;
  width: 710px;
  height: 400px;
  position: relative;
  background: #fff;
}
.team {
  width: 990px;
  height: 70px;
  margin: 0 auto;
  margin-top: 10px;
}
/*footer start*/
.footer {
  margin: 5px auto;
  height: 60px;
  padding-top: 15px;
  background: url(/index_static/images/footerbg.jpg) repeat-x; /*color:#6e6e6e;*/
}
.footer p {
  line-height: 30px;
  text-align: center;
  color: #4a4a4a;
}
/*got top*/
.scrolltop {
  width: 28px;
  height: 89px;
  background: url(/special_static/images/scroll_top.jpg);
  position: fixed;
  _position: absolute;
  right: 150px;
  bottom: 20px;
  display: none;
  cursor: pointer;
}
