body{ margin:0; background: #fff;}
td,div,li,select,input,textarea{ font:14px/24px Arial; color:#333;}
input{ line-height:1.3; color:#333333}
a{ color:#333; text-decoration:none}
a:hover{ color:#000; text-decoration:underline}
ul{ list-style-type:none; padding:0; margin:0}
img{ border:0;}
.clear{ clear:both; font-size:0; line-height:0; height:0}
.wrap{ width: 1140px; margin: auto; overflow: hidden}
.margin{ margin-bottom: 60px}



#wrapper{ width: 100%; height: 750px; position: relative; overflow: hidden}
.carousel{ position: absolute; width: 1920px; height: 750px; left: 50%; top: 0; margin-left: -960px}
.carousel div img{ width:1920px; height:750px}
.logo{ position: absolute; z-index: 100; top: 150px; left: 50%; width: 825x; height: 266px; margin: 0 0 0 -412px; }
.lang{ position: absolute; z-index: 101; top: 0; right: 0; height: 36px; background: #1e96d5; color: #fff; line-height: 36px;  }
.lang a,.lang a:hover{ color: #fff; padding: 0 12px}

#tm{width: 100%; position: relative; height: 150px;}
.nav{ width: 1140px; height: 200px; position: absolute; top: -100px; left: 50%; margin: 0 0 0 -570px; z-index: 100; background: url(navbg.gif)}
.nav ul li{ float: left; width: 25%; height: 140px; margin: 30px 0; box-sizing: border-box; border-left: 1px dotted #ddd; position: relative}
.nav ul li:first-child{ border: 0}
.nav ul li a{ display: block; position: absolute; width: 100%; height: 60px; top: -30px; text-align: center; font-size: 18px; padding: 140px 0 0; color: #646472 }
.nav ul li a:hover{ color: #fff; text-decoration: none}
a.b1{ background: url(bi1.png) no-repeat 50% 0}
a.b2{ background: url(bi2.png) no-repeat 50% 0}
a.b3{ background: url(bi3.png) no-repeat 50% 0}
a.b4{ background: url(bi4.png) no-repeat 50% 0}
a.b5{ background: url(bi5.png) no-repeat 50% 0}
a.b1:hover{ background: url(bi1.png) no-repeat #d31477;}
a.b2:hover{ background: url(bi2.png) no-repeat #d31477;}
a.b3:hover{ background: url(bi3.png) no-repeat #d31477;}
a.b4:hover{ background: url(bi4.png) no-repeat #d31477;}
a.b5:hover{ background: url(bi5.png) no-repeat #d31477;}
a.b1:hover,a.b2:hover,a.b3:hover,a.b4:hover,a.b5:hover{ background-position: 50% -200px}
div.large{position: absolute; top: -100px}
div.large .mlogo{ display: none}
div.small{ position: fixed; top: 0; bottom: auto; z-index: 1000; height: 80px; border: 1px solid #ddd; box-sizing: border-box}
div.small ul{ width: 800px; float: right;}
div.small ul li{ float: left; width: 25%; height: 60px; margin: 10px 0}
div.small ul li a{ padding: 48px 0 0; height: 32px; font-size: 14px; top: -10px; background-size: 140px; background-position: 50% -13px}
div.small ul li a:hover{ background-size: 140px; background-position: 50% -110px}
div.small .mlogo{ display: block; float: left; width: 338px; text-align: right; padding: 19px 10px 0 0; box-sizing: border-box }
div.small .mlogo img{ width: 300px; height: auto}

.intro{ margin: 0 0 50px}
.introl{ float: left; width: 685px; height: 260px; position: relative; overflow: hidden}
.introl:hover img{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); transition: 0.3s; }
.introl i.mask{ display: block; width: 685px; height: 260px; position: absolute; top: 214px; background: #000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; transition: 0.8s; }
.introl:hover i.mask{ top: 0; transition: 0.8s; }
.introl p{ position: absolute; margin: 0; width: 480px; left: 45px; top: 225px; color: #fff; line-height: 28px; z-index: 100; transition: 0.8s; background: url(../images/intro_arw.gif) no-repeat 580px 5px; padding: 0 130px 0 0 }
.introl:hover p{ top: 40px; transition: 0.8s; background: none 580px 5px }
.introl p span{ font:bold 16px/24px Arial}
.introl p a{ display: block; width: 140px; height: 36px; text-align: center; margin: 20px 0 0; color: #fff; background: #1e96d5; font-size: 16px; line-height: 36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; }
.introl p a:hover{ text-decoration: none; background: #106eb1}
.intror{ float: right; width: 415px; height: 220px; background: #efefef; padding: 20px; text-align: center; line-height: 0}
.intror h3{ font: normal 14px/24px Arial; margin: 8px auto 16px; color: #afafaf; border-bottom: 1px dashed #ccc; padding: 0 0 12px; width: 342px;}
.intror ul{ overflow: hidden; display: inline; text-align: center;}
.intror ul li{ display: inline; padding: 0 12px; border-left: 1px solid #106fb1; line-height: 16px; color: #106fb1 }
.intror ul li:first-child{ border: 0}
.intror ul li a{ color: #106fb1}

.title{ width: 700px; height: 26px; margin: 0 auto 60px; position: relative; border-bottom: 1px solid #ddd}
.title div{ position: absolute; width: 280px; background: #fff; height: 56px; left: 50%; top: 0; margin-left:-140px; font: 40px/44px Arial; text-align: center; color: #106db1  }
.title div.zb{ width: 360px; margin-left:-180px; }
.title div span{ display: block; font: 14px/22px Arial; color: #333}

.rctable{border-collapse:collapse; width:1140px}
.rctable td{ padding: 8px 15px; font-size: 12px; border: solid 1px #CCC; line-height:20px}
td.rctime{ width: 160px}
.rctitle{ font:bold 18px/22px Arial; margin:0 0 15px; text-align:center}
tr.gbg{ background:#eee}

.zcdw{ margin: 0 0 50px}
.zcdw ul{ overflow: hidden}
.zcdw ul li{ width: 380px; float: left; padding:; line-height: 0; text-align: center}
.zcdw ul li.zcc{ width: 378px; border: 1px solid #ececed; border-bottom: 0; border-top: 0}
.zcdw ul li p{ margin: 10px 0 0; line-height: 22px; font-size: 16px; }

#hzjg{ width:1175px; margin:0 0 20px; overflow:hidden}
#hzjg ul li{ width:200px; margin:0 35px 20px 0; float:left;}
#hzjg ul li img{ width:200px}
#hzpage{ width: 180px; margin: 0 auto 60px}
#hzpage a{ display: block; width: 60px; height: 4px; background: #eee; float: left;}
#hzpage a.cycle-pager-active{ background: #15609d}

.czjgt{ overflow:hidden; height:36px; background:#eee; margin:0 0 25px }
.czjgt div.ton{ background:#3079b3;}
.czjgt div.ton,.czjgt div.ton a,.czjgt div.ton a:hover{ color:#fff}
.czjgt div{ float:left; margin:0 20px 0 0; font:14px/36px Arial; height:36px; padding:0 15px; cursor: pointer}
.czjgc{ width:1175px; overflow:hidden; margin:0 0 20px}
.czjgc ul{ display:none; overflow:hidden}
.czjgc ul.ltlogo{ display:block}
.czjgc ul li{ width:200px; padding: 10px 35px 20px 0; float:left; height: 60px;}
.czjgc ul li img{ width:200px; height:auto}
.czjgc ul li p{ display:none }

.footer{ background:#34393d; padding:40px 0 0}
.footer_media{ margin:30px 0 30px 6px}
.footer_media h2{ display:inline-block; float:left; font-size:12px; margin:0 6px 0 0; color: #fff}
.footer_media ul{ display:block; overflow: hidden; width: 760px; margin:0 0 12px}
.footer_media ul li{ float:left; margin:0 16px 0 0; font: 12px/24px Arial; color: #fff}
.wxqrcode{ float:right; width:145px; padding:0 0 30px}
.wxqrcode img{ border:1px solid #eee}
.wxqrcode p{ margin:3px 0 0; font:12px/16px Arial; width:120px; color: #fff  }
.wxqrcode p span{ font-size:16px}
.cr{ text-align:center; background: #22272b; padding:14px 0; color: #65686b}
.cr a,.cr a:hover{ color: #65686b}


#baoming{ position: fixed; z-index: 1000; height: 208px; width: 208px; padding: 10px 0 0; left: 0; bottom: 0; background: url(../images/baoming.png)}
.bclose{ width: 24px; height: 24px;  cursor: pointer;}
.bmlink{ display: block; width: 208px; height: 184px;}
.tbti{ width: 130px}

.cfooter{ background:#34393d; padding:20px 0 0;}
.cwxqrcode{float:right; width:66px; padding:0 0 20px; line-height:0}
.cwxqrcode img{ border:3px solid #fff}
.flogo{ float:left; margin:0 0 20px }
.flogo img{ width:350px}
.flogo p{ margin:0 0 0 75px; color:#666}
.flogo p a{ margin:0 9px; color:#666}
.dw{ float: right;}
.dw ul{ display: flex; justify-content: space-between;}
.dw ul li{ color: #ccc; margin: 0 0 0 20px;}

@media only screen and (max-width: 736px){
  .wrap{ width: 100%; margin: auto}
  .logo{ width: 90%; left: 5%; margin: 0}
  .logo img{ width: 100%}
  div.large,div.small{ position: fixed; top: auto; bottom: 0; width: 100%; border: 0; border-top: 1px solid #ddd; height: 80px; box-sizing: border-box}
  div.small ul{ width: 100%}
  div.large ul li,div.small ul li{  height: 60px; margin: 10px 0}
  div.large ul li a,div.small ul li a,div.large ul li a:hover,div.small ul li a:hover{ padding: 48px 0 0; height: 32px; font-size: 12px; top: -10px; background-size: 140px; background-position: 50% -13px; color:#646472 }
  a.b1:hover{ background: url(../images/bi1.png) no-repeat}
  a.b2:hover{ background: url(../images/bi2.png) no-repeat}
  a.b3:hover{ background: url(../images/bi3.png) no-repeat}
  a.b4:hover{ background: url(../images/bi4.png) no-repeat}
  a.b5:hover{ background: url(../images/bi5.png) no-repeat}

  #tm{ height: 0}
  #baoming,.bclose,div.small .mlogo{ display: none}
  .nav{ margin: 0; left: 0; z-index: 1006}
  
  #wrapper{ width: 100%; height: 450px; position: relative; overflow: hidden;}
  .title{ width: 92%}
  .intror{ width: 100%; float: none; box-sizing: border-box; height: auto}
  .intror img,.intror h3,.intror ul{ width: 100%}
  .intror ul li{ padding: 0; font-size: 12px; width: auto; padding: 0 3%; box-sizing: border-box}
  .introl{ float: none; width: 100%}
  .introl img{ margin-left: -120px}
  .introl i.mask{ top: 0; transition: 0.8s; }
  .introl p{  width: 92%; left: 4%; top: 6%; color: #fff; line-height: 24px; z-index: 100; transition: 0.8s; background:none; padding: 0 130px 0 0 }
  
  .zcdw ul li{ width: 33.33%; float: left;  line-height: 0; text-align: center; box-sizing: border-box}
  .zcdw ul li.zcc{ width: 33.33%}
  .zcdw ul li img{ width: 100%;}
  .zcdw ul li p{ display: none}
  
  #hzjg{ width:100%; height: auto }
  #hzjg ul{ height: auto}
  #hzjg ul li{ width: 42%; height: auto; margin:0 4% 4%;}
  #hzjg ul li img{ width: 100%; height: auto}
  
  .czjgt{ height: auto}
  .czjgt div{ padding: 0; margin: 0; width: 33.3%; text-align: center; font-size: 12px; line-height: 16px; padding: 10px 0 0; box-sizing: border-box}
  .czjgt div.d{ font-size: 10px; line-height: 16px; padding: 2px 0 0;}  
  .czjgc{ width:100%; height: auto}
  .czjgc ul{ height: auto}
  .czjgc ul li{ width: 42%; height: 60px; padding:2% 4% 2%; font-size: 12px; line-height: 20px}
  .czjgc ul li img{ width: 100%; height: auto}
  
  .rctable{ width: 92%; margin: auto}
  .rctable td{ padding: 8px 8px; font-size: 12px; border: solid 1px #CCC; line-height:20px}
  td.rctime{ width: 210px}
  .tbti{ width: 68px}
  .footer{ padding:40px 0 80px}
  .cr{ padding: 14px}
  .flogo{ width: 92%; margin: 0 auto 10px; float: none;}
  .flogo img{ width: 100%}
  .footer_media,.footer_media ul{ width: 100%}
  .footer_media ul li{ margin: 0 16px 0 0 }
  .wxqrcode{ float: none; margin: auto}

  .cwxqrcode{ display: none; }
  .cfooter{ margin: 0 0 80px;}
  .dw{ float: none;}
  .dw ul{ display: block;}
  .dw ul li{ width: 90%; margin: 0 auto 20px; }
  .ltrcc p{ width: 90%; margin: 20px auto;}
}