@charset "utf-8";
*{ margin:0; padding:0;}
div,dl{ margin:0 auto; font:normal 14px/28px "宋体";}
ul,li,dd,dl,ol{list-style-type:none;}
img{ border:0;}
a{ color:#34323f; text-decoration:none;}
a:hover{ color:#0d64b1;}
.clearz{ clear:both;}
.top{width:1000px; height:80px; padding-top:10px;}
.logo{float:left;width:380px;}
.logo img{width:}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu{ float:right;  margin-top:28px;}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  background: #ffffff;
}
#menu-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 14px;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #009ae1;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 160px;
  font-size: 14px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
.tlban{width:100%; height:491px; background:url(../images/ban01.jpg) center;}

.cantz{width:1103px; height:auto; overflow: hidden;}
.fwz{width:1103px; padding-top:33px;}
.fwz li{ float:left; width:166px; height:157px; overflow:hidden; padding-right: 15px;}
.fwz li img{width:100%;}
/*.fwz li a img,.hblogo li a img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.fwz li a img.thisimg,.fwz li a:hover img,.hblogo li a:hover img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);}	
*/
/*
background:#0e61ad;
*/
.fwz li a:hover img{width:166px; margin:-10px 0 0 -10px;}
.hblogo li a:hover img{ border:1px solid #F00; box-sizing:border-box;}
.lbj{width:100%; height:290px;  margin-top:35px;}
.rczpz{width:1103px; height:435px; background:#E7F1E9; margin-top:-240px; padding-top:40px}
.rczptit{ display:block;width:245px; height:50px;border-radius:25px; border:2px solid #0e61ad; margin:0 auto 0; font:normal 16px/50px "微软雅黑";text-align:center;}
.morez{width:100px; float:right; line-height:50px; color:#0e61ad;}
.rczp01{width:21%; margin:30px 0 0 30px; height:317px; background:#FFF; float:left; position: relative;box-shadow:2px 2px 10px #cccccc;-moz-box-shadow:2px 2px 10px #cccccc; -webkit-box-shadow:2px 2px 10px #cccccc; }
.rczp01 img{width:100%;}
.rczp01 p{ padding:0 10px; color:#666; line-height:18px; font-size:12px;}
.rczp01tit{width:100%; display:block;text-align:center; font:bold 14px/35px "微软雅黑";}
.rczp01 .more2{ position:absolute;width:114px; height:30px; font: normal 14px/30px "微软雅黑"; display:block; bottom:-15px; left:73px; background:#0e61ad; color:#FFF; text-align:center;}
.rczp01:hover{ border:1px solid #84C5FF;}
.rczp01:hover .more2{ background:#ff5d00;}
.xmal{width:1103px; margin-top:60px; overflow:hidden;}
.xmk{float:left;height:609px;}
.xmal01{ position:relative;width:438px;}
.wid239{width:239px;}
.wid423{width:423px;}
.xmal03{width:174px; height:279px; background:url(../images/xmal03.jpg) no-repeat; padding:140px 0 0 65px; color:#0d64b1;}
.wid423 div{position:relative; float:left;}
.wid423 .fright{ float:right;}
.imgtext{position:absolute; bottom:0; left:0; background:#000; color:#FFF; width:100%; text-align:center;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7; display:none;font:normal 16px/40px "微软雅黑";}
.xmal01 p{ text-align:left; padding:10px; line-height:28px;width:418px;}
.hzhb{ background:#f7f7f7;width:100%; height:340px; margin-top:30px; padding:30px 0}
.hblogo{width:1100px; overflow:hidden;}
.hblogo li{ float:left; margin-right:20px;width:166px; height:165px; overflow:hidden;}
.hblogo li img{ border:1px solid #ccc;width:164px;}
.hblogo li.last{ margin:0;}

.dhqh{width:1100px; margin-top:15px;}

 /*清浮动---clearfix*/
    .clearfix {
      *zoom: 1;
    }
    .clearfix:after {
      content: "";
      clear: both;
      display: block;
      height: 0;
      font-size: 0;
      visibility: hidden;
    }
    .blist {
      border:1px solid #d9d9d9;
      width: 100%;
      height: 32px;
    }
    .blist li:first-child{
      border-left: none;
    }
    .blist li{
       list-style: none;
       width: 128px;
       height: 32px;
       border-left:1px solid #d9d9d9;
	   border-right:1px solid #d9d9d9;
       font-size: 14px;
       font-family: "微软雅黑";
       line-height: 32px;
       text-align: center;
       float: left;
       /*鼠标样式改变为一个手*/
       cursor: pointer;
       /*字体免选中*/
       -webkit-user-select: none;
  
    }
    .blsit-list{
      width: 100%;
    }
    .blsit-list li{
       list-style: none;
       width:100%;
       border:1px solid #ccc;
	   border-bottom:1px solid #f00;
       height: 120px;
       border-top: none;
    }
	.blsit-list li a{ width:auto; padding:5px 12px 0; float:left; line-height:20px; margin-top:10px;}
    .wrap .blist li.active{
      font-weight: bold;
      color: red;
      border-top: 2px solid red;
      position: relative;
      top:-1px;
      height: 31px;
    }
    .blsit-list li:first-child{
      display: block;
    }
    .blsit-list li{
     display: none;
    }
	
	.footer{width:1102px; padding:30px 0 50px; font: normal 14px/28px Arial, Helvetica, sans-serif, "微软雅黑"; color:#0c64ae; overflow:hidden;}
	.copyz{width:595px; text-align:center;padding-top:20px;}
	.rwm{ float:right;}
	
.cban{wdith:100%; overflow:hidden;}
.weizi{ border-bottom:1px solid #E2E2E2; height:70px; line-height:70px; background:#FFF;}
.weizi p{ display:block; width:1100px; margin:0 auto; color:#9b9b9b;}
.cenbox{ background: url(../images/gsgk3.jpg) no-repeat right bottom #f5f5f5; width:100%; overflow:hidden; padding:30px 0;min-height:800px;}
.titl2{width:100%; background:url(../images/tit2.jpg) no-repeat center; height:40px; text-align:center; font:bold 26px/30px "微软雅黑"; color:#2d2d2d;}
.munez{width:988px; clear:both; height:60px;  margin:0 auto; text-align:center; padding-bottom: 20px;}
.munez a{display:inline-block; border:1px solid #40aada; line-height:40px; height:40px; padding:0 40px; margin-left:10px;margin-top:10px;}
.munez a.dqli,.munez a:hover{ background:#0e61ad; color:#FFF;}
.infoz dl{width:990px;overflow:hidden; display:none;margin-top:20px; line-height:28px;}
.infoz dl.gsgk{ display:block;}
.infoz dl p{ text-indent:28px;}
.gsgk dd{ float:left; margin-left:28px;}
.gsgk01{width:407px;}
.gsgk02{width:456px; background:url(../images/gsgk2.png) no-repeat; height:511px; padding:46px 35px 0 35px; color:#4f4f4f;}
.listk{width:440px; height:140px; padding:15px; background:#FFF; display:block;margin-left:20px;float:left;box-shadow:2px 2px 7px #cccccc;-moz-box-shadow:2px 2px 7px #cccccc; -webkit-box-shadow:2px 2px 7px #cccccc;
 cursor:pointer; margin-bottom:20px; overflow:hidden;}
.listk:hover{ border-bottom:1px solid #F00;height:139px;}
.listk ol{float:left;height:138px; overflow:hidden;}
.listk img{width:190px; height:138px;}
.listimg{width:190px;}
.listwz{float:left;width:225px; margin-left:15px; overflow:hidden;}
.listwz h4{white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.gxsj{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#999;}
.infoz dl .listwz p{ font-size:12px; text-indent:22px;}
.page2{clear:both;width:640px; height:35px; font:normal 16px/35px Arial, Helvetica, sans-serif,"微软雅黑"; margin:20px auto; }
.page2 a{width:auto; padding:0 18px; float:left; color:#0e61ad; background:#E4E4E4; margin-left:15px;}
.page2 a:hover{ background:#0e61ad; color:#FFF;}
.cenbox h1{ font:bold 18px/35px "微软雅黑"; text-align:center;width:1100px; margin:0 auto; }
.cont{width:1100px; margin:0 auto; border-top:1px solid #D2D2D2; line-height:30px;}
.cont h4{text-align:center; font:normal 12px/28px "宋体"; color:#999;}
.cont p{ text-indent:28px; margin-bottom:20px;}
.cont p.lastz{ text-align:right;}

.servL{ float:left;width:183px; height:auto;}
.servL a{width:183px; padding:0; margin-bottom:20px;}
.servL2{width:740px; float:right; border:1px solid #ccc; min-height:350px; padding:0 20px; margin-top:20px;}
.fwfw{width: 990px; margin:0 auto; overflow:hidden;}
.pc_last{ display:none;}


@media (max-width: 1024px){
.top{width:100%; height:auto;}
.logo{ text-align:center;}
.logo img{ margin:0 auto;}
.pc_last{ display: block;}
  #cssmenu {
    width: 100%;
	 padding:0;
	 margin:0;
	 background:#4e87b3;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #FFFFFF;
    background: none;
  }
  #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{ color:#FF0;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #FFFFFF;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
	 background:#069;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #FFFFFF;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #FFFFFF;
    z-index:9;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #FFFFFF;
    z-index: 9;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
.tlban{ height:100px; background-position: -800px  -70px;}
.cantz{width:100%;}
.tpyc{ padding:5%;}
.fwz{width:100%; padding:0 5%; height:auto;}
.fwz li{width:15%; height:150px;}
.fwz li img{width:95%;}
.rczpz{width:100%; overflow:hidden; height:auto; padding-bottom:50px;}
.morez{ display:none;}
.rczp01{ margin:40px auto 0; width:22%; height:240px; margin-left:2%;}
.xmal{ display:none;}
.hblogo{width:100%; height:auto; display: none;}
.hblogo li{ margin:0 0 10px 15px;}
.hblogo li.last{ margin:0 0 10px 15px;}
.hzhb{ height:auto;}
.dhqh{width:100%; height:auto; overflow:hidden;}
.blist li{width:30%;}
.footer{width:90%; padding:5%;}
.copyz{width:90%; text-align:left; padding-top:0;}
.weizi{ display:none;} 

.cban{ display:none;}
.munez{width:100%;}
.munez a{ padding:0 8px;}
.infoz dl{width:100%; margin:0;}
.listk ol{ height:86px;}
.listk {width:100%; margin:5px; overflow:auto; height:auto;}
.listimg{width:30%; overflow:hidden;}
.listwz{width:60%; line-height:21px;}
.listk img{width:100%; height:auto;}
.page2{width:100%;  padding-top:20px; clear:both;}
.ys{ display:none;}
.cenbox{ padding:0;}
.cenbox h1{width:80%; padding:10px; height:auto; text-align:center;}
.cont{width:90%; padding:0 5%;}
.gsgk dd{ margin:0; float:none;}
.gsgk01{ display:none;}
.gsgk02{width:90%; padding:5%; background:none;}
.titl2{ margin:10px 0;}
.fwfw{width:100%; margin:0 auto; overflow:hidden;}
.servL{width:30%;}
.servL a{width:70%; padding:0 10%; margin-left:5%}
.servL2{width:56%; float:left; padding:0 5%}



}


@media (max-width: 660px){
.top{width:100%; height:auto;}
.logo{ text-align:center;}
.logo img{width:90%; margin:0 auto;}
.pc_last{ display: block;}
  #cssmenu {
    width: 100%;
	 padding:0;
	 margin:0;
	 background:#4e87b3;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #FFFFFF;
    background: none;
  }
  #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{ color:#FF0;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #FFFFFF;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
	 background:#069;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #FFFFFF;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #FFFFFF;
    z-index:9;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #FFFFFF;
    z-index: 9;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
.tlban{ height:100px; background-position: -800px  -70px;}
.cantz{width:100%; }
.tpyc{ padding:5%;}
.tpyc img{ display:none;}
.fwz{width:100%; padding:0 5%; height:auto;}
.fwz li{width:46%; height:150px;padding-right:0px;}
.fwz li img{width:95%;}
.lbj{ display:none;}
.rczpz{width:100%; overflow:hidden; height:auto; padding-bottom:50px;display:none}
.morez{ display:none;}
.rczp01{ margin:40px auto 0; float:none;width:80%; height:380px;}
.xmal{ display:none;}
.hblogo{width:100%; height:auto; display:none;}
.hblogo li{ margin:0 0 10px 15px;}
.hblogo li.last{ margin:0 0 10px 15px;}
.hzhb{ height:auto;}
.dhqh{width:100%; height:auto; overflow:hidden;}
.blist li{width:30%;}
.footer{width:90%; padding:5%;}
.copyz{width:90%; text-align:center; padding-top:0;}
.weizi{ display:none;} 

.cban{ display:none;}
.munez{width:100%;}
.munez a{ padding:0 8px;}
.infoz dl{width:100%; margin:0;}
.listk ol{ height:86px;}
.listk {width:100%; margin:5px; overflow:auto; height:auto;}
.listimg{width:30%; overflow:hidden;}
.listwz{width:60%; line-height:21px;}
.listk img{width:100%; height:auto;}
.page2{width:100%;  padding-top:20px; clear:both;}
.ys{ display:none;}
.cenbox{ padding:0;}
.cenbox h1{width:80%; padding:10px; height:auto; text-align:center;}
.cont{width:90%; padding:0 5%;}
.gsgk dd{ margin:0; float:none;}
.gsgk01{ display:none;}
.gsgk02{width:90%; padding:5%; background:none;}
.titl2{ margin:10px 0;}
.fwfw{width:100%; margin:0 auto; overflow:hidden;}
.servL{width:30%;}
.servL a{width:70%; padding:0 10%; margin-left:5%}
.servL2{width:56%; float:left; padding:0 5%}


}