@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{vertical-align: top; border: 0;}
address, caption, cite, code, dfn, em, th, var, i{font-weight: normal; font-style: normal;}
ol, ul, li{list-style: none;}
div, dl, dt, dd, ol, ul, li{zoom: 1;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;}
/* Public */
body{color: #333;font-size: 18px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif;text-align: left;-webkit-text-size-adjust: none;}
a{color: #333; text-decoration: none; outline: none;}
a:hover{color: #9A0000;}
.clearbox{border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
* + html .clearfix{min-height: 1%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
input[type=button], input[type=submit], input[type=file], button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

#accessNull,#skip{display: none;}
body{ background-color: #4087cf;}
/* banner */
#header {background: url(images/banner.jpg) no-repeat center top; height: 680px; width: 100%; min-width: 1220px; }
#header span a{ width: 600px; display: block; height: 300px; margin: 0 auto;}
.top-infr{margin: 0 auto; width: 1200px; color: #fff; text-indent: 2em;line-height: 36px; font-size: 18px;padding-top: 30px;}

#cz{width: 1200px;margin: 0 auto; overflow:hidden; margin-top: 30px; height: 700px; position: relative;}
#cz li { overflow: hidden;display: block;}
#cz li .pic{ float: left;}
#cz li .con{ float: right; width: 690px; padding: 30px 50px; height:460px;padding-top: 190px; background:url(images/tit.png) center 60px no-repeat;background-color: #fff; }
#cz li .con .title{ line-height: 48px; text-align: center; margin-bottom: 20px; font-weight: bold;  background-image: linear-gradient(to right, #0067fe,#0099cc); color:#fff;font-size: 20px; border-radius: 30px;}
#cz li .con .title a{color:#fff;}
#cz li .con .position span,#cz li .name span{font-weight: bold;} 
#cz li .con .relativeInfo{ margin-top: 60px; font-size: 24px; font-weight: bold; position: relative; padding-left: 16px; margin-bottom: 10px;}

#relatedContent dd{ line-height: 30px; position: relative;padding-left: 13px;margin-bottom: 10px;}
#relatedContent dd:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #0169C4;
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
}
#czBox{position: relative; width: 1200px;margin: 0 auto;}
#czBox .panel-prev,#czBox .panel-next{ width: 48px;height: 48px; position: absolute;top:300px;cursor: pointer;}
#czBox .panel-next{background: url(images/next.png) no-repeat left center;right:-70px; }
#czBox .panel-prev{background: url(images/prev.png) no-repeat left center;left:-70px}
#czBox .panel-prev.swiper-button-disabled,#czBox .panel-next.swiper-button-disabled {
  opacity:.35;
  cursor:auto;
  pointer-events:none
}
#footer{ background-color: #1f6cb8; color: #fff; font-size: 14px;text-align: center; }
.copyRight{ width: 1200px;margin: 0 auto; text-align: center; line-height: 30px;padding-top: 20px;padding-bottom: 30px;}
.copyRight a{ color: #fff;}