﻿#left { width: 240px; overflow: hidden; }
  #left .box { width: 238px; overflow: hidden; border: #d4d4d4 1px solid; margin-bottom: 15px; }
.title1 { width: 236px; height: 40px; padding: 0 1px; overflow: hidden; }
  .title1 .zh { width: 68px; height: 36px; padding: 0 10px; font-size: 14px; font-weight: bold; line-height: 42px; border-bottom: #34697e 4px solid; text-align: center; float: left; }
  .title1 .en { width: 136px; height: 36px; padding-left: 10px; font-size: 10px; font-family: Arial; color: #5b5b5b; line-height: 48px; border-bottom: #767676 4px solid; margin-left: 2px; float: left; }
  .title1 .more { font-size: 8px; font-family: Arial; color: #5b5b5b; line-height: 48px; margin-right: 10px; float: right; }
#ProType .list { width: 238px; overflow: hidden; padding: 4px 0; }
  #ProType .list ul li { width: 238px; height: 26px; background: url(../Images/bgProType.jpg) 0 0 no-repeat; border-top: #efefef 1px solid; }
    #ProType .list ul li a { width: 192px; padding-left: 46px; height: 26px; line-height: 26px; display: block; }
      #ProType .list ul li a:hover { background: url(../Images/bgProType.jpg) 0 -26px no-repeat; }
#Contact .title { width: 238px; height: 32px; background: url(../Images/bgConTitle.jpg) no-repeat; margin-top: 1px; }
  #Contact .title .text { width: 82px; line-height: 30px; font-size: 14px; font-weight: bold; color: #34697e; text-align: center; text-shadow: 1px 1px 1px #ffffff; }
#Contact .content { width: 214px; overflow: hidden; padding: 8px 12px 22px; background: url(../Images/bgIndexCon.jpg) right bottom no-repeat; line-height: 30px; }
  #Contact .content h4 { font-size: 12px; }
  #Contact .content span { width: 12px; display: inline-block; }

#right { width: 740px; overflow: hidden; }
  #right .title { width: 740px; height: 32px; overflow: hidden; background: url(../Images/bgTitle2.jpg) no-repeat; }
    #right .title .zh { width: 94px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; float: left; }
    #right .title .en { padding-left: 10px; line-height: 38px; font-size: 10px; font-family: Arial; color: #5b5b5b; float: left; }
    #right .title .nav { color: #5b5b5b; line-height: 36px; margin-right: 10px; float: right; }

  #right .map { display: block; margin: 20px auto 0; }

  #right .content { width: 720px; min-height: 360px; padding: 20px 10px 30px; margin-top: 10px; border-radius: 8px; }

  #right .article { width: 690px; overflow: hidden; padding: 0 15px; }
    #right .article p { text-indent: 2em; }

  #right .NewList { width: 600px; overflow: hidden; margin: 0 auto; }
    #right .NewList li { width: 576px; height: 30px; padding-left: 24px; background: url(../Images/IndexNewsLiABg.jpg) left center no-repeat; }
      #right .NewList li.header { line-height: 30px; background-image: none; background-color: #e5e5e5; margin-bottom: 8px; }
      #right .NewList li a { width: 420px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
      #right .NewList li span { line-height: 30px; float: right; margin-right: 8px; color: #666666; }
      #right .NewList li.header span { color: #333333; }

  #right .page { width: 600px; height: 24px; margin: 20px auto 0; text-align: center; }
    #right .page span { color: #333333; margin: 0 6px; }

  #right .contact { width: 520px; overflow: hidden; margin: 0 auto 40px; background: url(../Images/bgContact.jpg) right no-repeat; padding: 0 40px; }
    #right .contact span { width: 12px; display: inline-block; }

  #right .ProList { width: 672px; overflow: hidden; margin: 0 auto; }
    #right .ProList li { width: 206px; height: 180px; overflow: hidden; margin: 3px 9px; _margin: 3px 4px; float: left; }
      #right .ProList li a { width: 206px; height: 156px; display: block; }
      #right .ProList li img { padding: 2px; border: #cccccc 1px solid; }
      #right .ProList li p { width: 204px; height: 24px; text-align: center; white-space: nowrap; }

#news { width: 690px; overflow: hidden; }
  #news h1 { width: 690px; line-height: 30px; font-size: 16px; text-align: center; }
  #news h6 { width: 680px; padding-right: 10px; font-weight: normal; text-align: right; color: #666666; border-bottom: #e8e8e8 1px dashed; }
  #news .text { width: 670px; overflow: hidden; padding: 10px; }
    #news .text p { text-indent: 2em; }

#image { width: 690px; overflow: hidden; }
  #image h1 { width: 690px; line-height: 30px; font-size: 16px; text-align: center; }
  #image .img { display: block; max-width: 560px; padding: 2px; border: #cccccc 1px solid; _width: 560px; margin: 20px auto; }
  #image .text { width: 670px; overflow: hidden; padding: 20px 10px; border-top: #cccccc 1px dashed; }
    #image .text p { text-indent: 2em; }

#allmap { width: 640px; height: 460px; overflow: hidden; border: #e2e2e2 1px solid; margin: 0 auto; }

#feedback { width: 600px; overflow: hidden; margin: 0 auto 20px; background-color: #cccccc; }
  #feedback tr { background-color: #f0f0f0; }
    #feedback tr td { padding: 3px 8px; }
      #feedback tr td.l { text-align: right; width: 100px; }
      #feedback tr td.r { text-align: left; width: 500px; }
      #feedback tr td.m { text-align: center; }
  #feedback .red { color: #ff0000; }
  #feedback .input { border: #999999 1px solid; padding: 2px 4px; background-color: #fcf9f9; }
