@charset "utf-8";

body
{
  margin: 0px;
  padding: 0px;
  font-family: Microsoft Yahei,Arial;
}

a:link, a:visited, a:hover, a:active
{
  text-decoration: none;
}

ul, li
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

div
{
  margin: auto;
}

img
{
  border: 0px;
}

form, input
{
  margin: 0px;
  padding: 0px;
}

.ad-l
{
  position: fixed;
  left: 20px;
  top: 170px;
  width: 120px;
  z-index: 100;
}

.ad-l .close
{
  width: 120px;
  background: #286DCA;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}

.ad-r
{
  position: fixed;
  right: 20px;
  top: 170px;
  width: 120px;
  background: #FFF;
  z-index: 100;
}

.ad-r .close
{
  width: 120px;
  background: #286DCA;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}

.ad-r .b
{
  width: 120px;
  height: 284px;
  background: url(../img/qq-bg.jpg) no-repeat;
  padding-top: 16px;
  border-top: none;
}

.ad-r .b .q
{
  font-size: 12px;
  color: #1F5298;
  text-align: center;
  padding-bottom: 10px;
}

.top
{
  width: 100%;
  height: 100px;
  background: url(../img/top-bg.jpg) repeat-x;
}

.top .b
{
  width: 1200px;
  height: 100px;
}

.top .b .logo
{
  float: left;
  width: 850px;
  height: 100px;
}
.top .b .tel
{
  float: right;
  font-size: 14px;
  color: #1F5298;
  font-weight: bold;
  background-image: url('timg.jpg');
  background-repeat: no-repeat;
  padding-left: 50px;
  margin-top: 30px;
  height: 40px;
  line-height:40px;
}
.top .b .tel p
{
  padding: 0px;
  margin: 0px;
}
.top .b .r
{
  float: right;
  width: 330px;
  height: 100px;
  background: url(../img/tel.png) no-repeat;
}

.top .b .r .lnk
{
  width: 260px;
  text-align: right;
  color: #7997C1;
  padding-top: 15px;
}

.top .b .r .lnk a
{
  font-size: 12px;
  color: #1F5298;
}

.menu
{
  width: 100%;
  height: 44px;
  background: #1F5298;
}

.menu .b
{
  width: 1200px;
  height: 44px;
}

.menu .b li
{
  float: left;
}

.menu .b li a
{
  display: block;
  width: 132px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 44px;
  border-right: 1px solid #3664A2;
}

.menu .b li a:hover
{
  background: #1B4885;
}

.menu .sub
{
  position: relative;
  width: 1200px;
  height: 0px;
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
  z-index: 100;
}

.menu .sub .am
{
  position: absolute;
  left: 133px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .am li
{
  line-height: 24px;
}

.menu .sub .am li a
{
  font-size: 12px;
  color: #FFF;
}

.menu .sub .bm
{
  position: absolute;
  left: 266px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .bm li
{
  line-height: 24px;
}

.menu .sub .bm li a
{
  font-size: 12px;
  color: #FFF;
}

.menu .sub .cm
{
  position: absolute;
  left: 399px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .cm li
{
  line-height: 24px;
}

.menu .sub .cm li a
{
  font-size: 12px;
  color: #FFF;
}

.menu .sub .dm
{
  position: absolute;
  left: 532px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .dm li
{
  line-height: 24px;
}

.menu .sub .dm li a
{
  font-size: 12px;
  color: #FFF;
}

.menu .sub .em
{
  position: absolute;
  left: 798px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .em li
{
  line-height: 24px;
}

.menu .sub .em li a
{
  font-size: 12px;
  color: #FFF;
}

.menu .sub .fm
{
  position: absolute;
  left: 931px;
  top: 0px;
  width: 134px;
  background: #1F5298;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.menu .sub .fm li
{
  line-height: 24px;
}

.menu .sub .fm li a
{
  font-size: 12px;
  color: #FFF;
}

.banner
{
  width: 100%;
  height: 420px;
}

.bto
{
  width: 100%;
  height: 160px;
  background: #D2E6FB;
  margin-bottom: 40px;
}

.bto .b
{
  width: 1200px;
  height: 130px;
  padding-top: 30px;
}

.bto .b .e
{
  float: left;
  display: block;
  width: 400px;
  height: 130px;
}

.bto .b .e .l
{
  float: left;
  width: 90px;
}

.bto .b .e .r
{
  float: left;
  width: 170px;
  font-size: 12px;
  color: #444;
  line-height: 18px;
  padding-left: 20px;
}

.bto .b .e .r span
{
  display: block;
  font-size: 26px;
  color: #444;
}

.bto .b .e:hover .r span
{
  color: #286DCA;
}

.cen-a
{
  width: 1200px;
  margin-bottom: 40px;
  overflow: hidden;
}

.cen-a .l
{
  float: left;
  width: 360px;
  height: 240px;
}

.cen-a .c
{
  float: left;
  width: 380px;
  padding-left: 40px;
}

.cen-a .c .tit
{
  width: 380px;
  height: 36px;
}

.cen-a .c .tit .a
{
  float: left;
  display: block;
  width: 190px;
  height: 36px;
  background: #286DCA;
  font-size: 18px;
  color: #FFF;
  text-align: center;
  line-height: 36px;
}

.cen-a .c .tit .b
{
  float: left;
  display: block;
  width: 190px;
  height: 36px;
  background: #D2E6FB;
  font-size: 18px;
  color: #1F5298;
  text-align: center;
  line-height: 36px;
}

.cen-a .c .box
{
  width: 380px;
  height: 194px;
  padding-top: 10px;
}

.cen-a .c .box a
{
  font-size: 14px;
  color: #444;
  line-height: 28px;
}

.cen-a .c .box span
{
  float: right;
  font-size: 12px;
  color: #CCC;
  margin-top: -22px;
}

.cen-a .r
{
  float: right;
  width: 380px;
}

.cen-a .r .tit
{
  width: 380px;
  height: 36px;
  background: #286DCA;
}

.cen-a .r .tit span
{
  float: left;
  font-size: 18px;
  color: #FFF;
  line-height: 36px;
  padding-left: 20px;
}

.cen-a .r .tit a
{
  float: right;
  font-size: 14px;
  color: #FFF;
  line-height: 36px;
  padding-right: 10px;
}

.cen-a .r .box
{
  width: 380px;
  height: 194px;
  padding-top: 10px;
}

.cen-a .r .box a
{
  font-size: 14px;
  color: #444;
  line-height: 28px;
}

.cen-a .r .box span
{
  float: right;
  font-size: 12px;
  color: #CCC;
  margin-top: -22px;
}

.cen-b
{
  width: 1200px;
  overflow: hidden;
  margin-bottom: 10px;
}

.cen-b .tit
{
  width: 1200px;
  height: 36px;
}
.cen-b .bg
{
background-color:#286DCA;
margin-bottom:30px;
}
.cen-b .tit .l
{
    float: left;
    font-size: 18px;
    color: #FFF;
    line-height: 36px;
    padding-left: 20px;
}

.cen-b .tit .r
{
  float: right;
  line-height: 36px;
}

.cen-b .tit .r li
{
  float: left;
  padding-right: 20px;
}

.cen-b .tit .r li a
{
  font-size: 14px;
  color: #fff;
  line-height: 36px;
}

.cen-b .box
{
  width: 1200px;
  overflow: hidden;
}

.cen-b .box .b
{
  width: 1240px;
}

.cen-b .box .b .pro
{
  position: relative;
  float: left;
  display: block;
  width: 277px;
  height: 160px;
  margin-right: 31px;
  margin-bottom: 31px;
  background: #286DCA;
}

.cen-b .box .b .pro img
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 277px;
  height: 160px;
}

.cen-b .box .b .pro div
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 247px;
  height: 130px;
  font-size: 12px;
  color: #FFF;
  line-height: 18px;
  padding: 15px;
  display: none;
}

.cen-b .box .b .pro div span
{
  font-size: 18px;
  font-weight: bold;
}

.cen-b .box .b .pro:hover img
{
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
}

.cen-b .box .b .pro:hover div
{
  display: block;
}

.cen-c
{
  width: 100%;
  background: #E7F0FA;
  padding-bottom: 10px;
}

.cen-c .tit
{
  width: 1200px;
  height: 60px;
}

.cen-c .tit span
{
  float: left;
  font-size: 26px;
  color: #444;
  line-height: 60px;
}

.cen-c .tit a
{
  float: right;
  font-size: 16px;
  color: #444;
  line-height: 60px;
}

.cen-c .box
{
  width: 1200px;
  overflow: hidden;
}

.cen-c .box .b
{
  width: 1240px;
}

.cen-c .box .b .case
{
  float: left;
  display: block;
  width: 380px;
  height: 123px;
  margin-right: 30px;
  margin-bottom: 30px;
}

.cen-c .box .b .case .l
{
  float: left;
  width: 170px;
  height: 123px;
}

.cen-c .box .b .case .r
{
  float: right;
  width: 180px;
  height: 113px;
  background: #FFF;
  font-size: 12px;
  color: #444;
  line-height: 20px;
  padding: 10px 15px;
  padding-bottom: 0px;
}

.cen-c .box .b .case .r span
{
  font-size: 16px;
}

.cen-c .box .b .case:hover .l
{
}

.cen-c .box .b .case:hover .r
{
  background: #286DCA;
  color: #FFF;
}

.lmap
{
  width: 100%;
  height: 200px;
  background: #174373;
}

.lmap .b
{
  width: 1200px;
  height: 200px;
  padding-top: 20px;
}

.lmap .b .cos
{
  float: left;
  width: 120px;
  height: 160px;
  text-align: right;
  border-right: 1px solid #45698F;
  padding-right: 20px;
}

.lmap .b .cos li
{
}

.lmap .b .cos li a
{
  font-size: 12px;
  color: #D1D9E3;
  line-height: 20px;
}

.lmap .b .addr
{
  float: left;
  height: 160px;
  font-size: 12px;
  color: #D1D9E3;
  line-height: 22px;
  padding-left: 20px;
}

.lmap .b .addr span
{
  font-size: 16px;
  font-weight: bold;
}

.fot
{
  width: 100%;
  height: 40px;
  background: #0F2D4D;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  color: #9FABB8;
}

.focusBox
{
  position: relative;
  width: 360px;
  height: 240px;
  overflow: hidden;
  font: 12px/1.5 Verdana,Geneva,sans-serif;
  text-align: left;
  background: white;
}

.focusBox .pic img
{
  width: 360px;
  height: 240px;
  display: block;
}

.focusBox .txt-bg
{
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 36px;
  width: 100%;
  background: #333;
  filter: alpha(opacity=40);
  opacity: 0.4;
  overflow: hidden;
}

.focusBox .txt
{
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 36px;
  width: 100%;
  overflow: hidden;
}

.focusBox .txt li
{
  height: 36px;
  line-height: 36px;
  position: absolute;
  bottom: -36px;
}

.focusBox .txt li a
{
  display: block;
  color: white;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.focusBox .num
{
  position: absolute;
  z-index: 3;
  bottom: 8px;
  right: 8px;
}

.focusBox .num li
{
  float: left;
  position: relative;
  width: 18px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  text-align: center;
  margin-right: 1px;
  cursor: pointer;
}

.focusBox .num li a, .focusBox .num li span
{
  position: absolute;
  z-index: 2;
  display: block;
  color: white;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
}

.focusBox .num li span
{
  z-index: 1;
  background: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.focusBox .num li.on a, .focusBox .num a:hover
{
  background: #f60;
}

.fullSlide
{
  min-width: 1000px;
  position: relative;
  height: 420px;
  overflow: hidden;
}

.fullSlide .bd
{
  position: relative;
  z-index: 0;
}

.fullSlide .bd ul
{
  width: 100%!important;
}

.fullSlide .bd li
{
  width: 100%!important;
  height: 420px;
}

.fullSlide .bd li .siteWidth
{
  width: 1000px;
  position: relative;
  margin: 0 auto;
  height: 299px;
}

.fullSlide .bd li a
{
  position: absolute;
  width: 100%;
  height: 299px;
  display: block;
  z-index: 1;
}

.fullSlide .bd .btn
{
  display: block;
  zoom: 1;
  margin-top: 8px;
  width: 72px;
  padding-right: 10px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: url(images/banner-btn.png) 0 0 no-repeat;
  _background: url(images/banner-btn-ie6.png) 0 0 no-repeat;
}

.fullSlide .hd
{
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.fullSlide .hd ul li
{
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 10px;
  height: 10px;
  margin: 4px;
  background: url(../img/dot-black.png) 0 0;
  overflow: hidden;
  line-height: 9999px;
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.fullSlide .hd ul .on
{
  background: url(../img/dot-on.png) 0 0;
  filter: alpha(opacity=100);
  opacity: 1;
}

.sbanner
{
  width: 100%;
  height: 360px;
  background: url(../img/sbanner.jpg) center top no-repeat;
}

.path
{
  width: 100%;
  height: 40px;
  background: #E3F1FD;
  border-bottom: 1px solid #C6E3FB;
}

.path .b
{
  width: 1200px;
  height: 40px;
}

.path .b .l
{
  float: left;
  width: 200px;
  font-size: 16px;
  color: #1F5298;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}

.path .b .r
{
  float: right;
  font-size: 14px;
  color: #444;
  line-height: 40px;
}

.path .b .r a
{
  color: #444;
}

.page-con
{
  width: 1200px;
  padding-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.page-con .l
{
  float: left;
  width: 200px;
}

.page-con .l .cat
{
  display: block;
  width: 200px;
  background: #DCECFC;
  font-size: 14px;
  font-weight: bold;
  color: #1F5298;
  text-align: center;
  line-height: 40px;
  margin-bottom: 10px;
}

.page-con .l .cat:hover
{
  background: #286DCA;
  color: #FFF;
}
.page-con .l .cat ul
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.page-con .l div ul li
{
  display: block;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #999;
  height:26px;
  line-height:26px;
}
.page-con .l div ul li a
{
  font-size: 12px;
  color:#1F5298;
}
.page-con .lx
{
  width: 200px;
  height: 120px;
  margin-top: 20px;
}

.page-con .gm
{
  width: 200px;
  height: 120px;
  margin-top: 20px;
}

.page-con .r
{
  float: right;
  width: 970px;
}

.pages
{
  width: 970px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-top: 20px;
  overflow: hidden;
}

.pages a
{
  background: #E4EEFA;
  border: 1px solid #BED7F3;
  padding: 3px 10px;
  font-size: 14px;
  color: #1F5298;
}

.pages span
{
  background: #1F5298;
  padding: 3px 10px;
  font-size: 14px;
  color: #FFF;
}

.about
{
  width: 970px;
}

.about .tit
{
  width: 970px;
  height: 40px;
  font-size: 26px;
  font-weight: bold;
}

.about .con
{
  width: 970px;
  font-size: 14px;
  color: #555;
  line-height: 22px;
}

.prod
{
  width: 970px;
  overflow: hidden;
}

.prod .b
{
  width: 1050px;
}

.prod .b .pr
{
  display: block;
  float: left;
  width: 277px;
  height: 350px;
  margin-right: 69px;
}

.prod .b .pr .p
{
  width: 277px;
  height: 270px;
}

.prod .b .pr .p img
{
  width: 277px;
  height: 270px;
}

.prod .b .pr .n
{
  display: block;
  width: 277px;
  height: 40px;
  font-size: 14px;
  color: #555;
  text-align: center;
  line-height: 40px;
}

.prod .b .pr:hover .n
{
  color: #1F5298;
}

.prod-show
{
  width: 970px;
}

.prod-show .tit
{
  width: 970px;
  height: 50px;
  font-size: 26px;
  color: #286DCA;
  text-align: center;
}

.prod-show .fbt
{
  width: 970px;
  height: 40px;
  background: #EEE;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #DDD;
}

.prod-show .con
{
  width: 970px;
  font-size: 14px;
  color: #444;
  line-height: 22px;
  padding-top: 20px;
}

.cult
{
  width: 970px;
}

.cult .tit
{
  width: 970px;
  height: 40px;
  font-size: 26px;
  font-weight: bold;
}

.cult .con
{
  width: 970px;
  font-size: 14px;
  color: #555;
  line-height: 22px;
}

.news
{
  width: 970px;
}

.news li
{
  border-bottom: 1px dotted #CCC;
  font-family: 宋体,Arial;
  color: #666;
}

.news li a
{
  font-family: Microsoft Yahei,Arial;
  font-size: 14px;
  color: #444;
  line-height: 40px;
}

.news li a:hover
{
  color: #286DCA;
}

.news span
{
  float: right;
  font-size: 14px;
  color: #CCC;
  margin-top: -30px;
}

.news-show
{
  width: 970px;
}

.news-show .tit
{
  width: 970px;
  height: 50px;
  font-size: 26px;
  color: #286DCA;
  text-align: center;
}

.news-show .fbt
{
  width: 970px;
  height: 40px;
  background: #EEE;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #DDD;
}

.news-show .con
{
  width: 970px;
  font-size: 14px;
  color: #444;
  line-height: 22px;
  padding-top: 20px;
}

.faq
{
  width: 970px;
}

.faq li
{
  border-bottom: 1px dotted #CCC;
  font-family: 宋体,Arial;
  color: #666;
}

.faq li a
{
  font-family: Microsoft Yahei,Arial;
  font-size: 14px;
  color: #444;
  line-height: 40px;
}

.faq li a:hover
{
  color: #286DCA;
}

.faq span
{
  float: right;
  font-size: 14px;
  color: #CCC;
  margin-top: -30px;
}

.faq-show
{
  width: 970px;
}

.faq-show .tit
{
  width: 970px;
  height: 50px;
  font-size: 26px;
  color: #286DCA;
  text-align: center;
}

.faq-show .fbt
{
  width: 970px;
  height: 40px;
  background: #EEE;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #DDD;
}

.faq-show .con
{
  width: 970px;
  font-size: 14px;
  color: #444;
  line-height: 22px;
  padding-top: 20px;
}

.case
{
  width: 970px;
  overflow: hidden;
}

.case .b
{
  width: 1050px;
}

.case .b .pr
{
  display: block;
  float: left;
  width: 277px;
  height: 200px;
  margin-right: 69px;
}

.case .b .pr .p
{
  width: 277px;
  height: 160px;
}

.case .b .pr .p img
{
  width: 277px;
  height: 160px;
}

.case .b .pr .n
{
  display: block;
  width: 277px;
  height: 40px;
  font-size: 14px;
  color: #555;
  text-align: center;
  line-height: 40px;
}

.case .b .pr:hover .n
{
  color: #1F5298;
}

.case-show
{
  width: 970px;
}

.case-show .tit
{
  width: 970px;
  height: 50px;
  font-size: 26px;
  color: #286DCA;
  text-align: center;
}

.case-show .fbt
{
  width: 970px;
  height: 40px;
  background: #EEE;
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 40px;
  border-top: 1px solid #DDD;
}

.case-show .con
{
  width: 970px;
  font-size: 14px;
  color: #444;
  line-height: 22px;
  padding-top: 20px;
}

.job
{
  width: 970px;
  overflow: hidden;
}

.job .tit
{
  width: 960px;
  height: 40px;
  background: #E3F1FD;
  font-size: 20px;
  color: #286DCA;
  line-height: 40px;
  padding-left: 10px;
}

.job .tit span
{
  font-size: 14px;
}

.job .con
{
  width: 960px;
  font-size: 14px;
  color: #444;
  line-height: 22px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
}

.job-guide
{
  width: 970px;
}

.job-guide .ts
{
  width: 948px;
  height: 40px;
  background: #FFFBDF;
  border: 1px solid #FFE9A6;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 20px;
  padding-left: 20px;
}

.job-guide .nam
{
  font-size: 14px;
}

.job-guide .txt
{
  height: 24px;
  font-size: 14px;
  color: #666;
  border: 1px solid #CCC;
}

.job-guide .redme
{
  font-size: 12px;
  color: #666;
}

.job-guide .redme span
{
  font-family: Arial;
  font-size: 14px;
  color: #C00;
}

.job-guide .but
{
  width: 930px;
  padding-left: 114px;
  margin-top: 20px;
}

.job-guide .but input
{
  width: 100px;
  height: 30px;
  background: #1F5298;
  font-family: Microsoft Yahei,Arial;
  font-size: 14px;
  color: #FFF;
  border: none;
}