@charset "utf-8";

body{font: 14px/1.67 'Microsoft Yahei','SimSun',sans-serif;margin:0px; color:#444;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, clear, th, td{margin:0; padding:0}
ul, li{margin:0px; padding:0px; list-style:none}
a { text-decoration:none; color:#333;}
.container { width:1200px; margin:0 auto;}
img { max-width:100%; height:auto;}

.located { padding:10px 0; border-bottom:1px solid #ededed;}
.located span{ font-weight:bold;}

.sub_ban { height: 100%; left: 0%; overflow: visible; margin-bottom:50px;position:relative;}
.ban_pic {    display: block;  width: 100%;  margin: 0 auto; position: relative;}
.sub_ban_in {     position: absolute;  color: #fff;  width: 100%;  float: left; top:10%;   padding: 2% 0;text-align:center}
.sub_ban_in h3 {  font-size:48px; font-weight:normal; margin-bottom:20px;}
.sub_ban_in p { font-size:18px; line-height:1.5; }
.sub_ban_in ul { margin-top:70px;}
.sub_ban_in ul li { width:25%; float:left;}
.sub_ban_in ul li span { display:block; margin:10px; font-weight:bold; font-size:25px;}
.about_top h3 { color:#eb0001; font-size:40px; font-weight:normal; text-align:center;}
.about_top p { font-size:14px; line-height:28px; color:#2d2d2d; margin:15px 0; }
.about_pro { width:100%; margin:50px auto; padding:50px 0; background:#f6f6f6;}
.about_pro ul { overflow:hidden; width:100%;}
.about_pro ul li { float:left; *width:19%;}.about_pro ul li:hover { opacity:0.8;}
img { border:0;}
.capacity{ width:100%; margin:30px auto; overflow:hidden;}
.capacity p{text-indent:2em; line-height:28px; }
.capacity .title p{  font-size:14px;  line-height:28px; color:#676767; text-indent:20px; margin:15px 0;}
.about-box{ width:100%; overflow:hidden;}
.about-box ul{ overflow:hidden; margin-top:20px;}
.about-box ul li{ float:left; margin:0 1% 20px; overflow:hidden; width:31%; height:auto;}
.about-box ul li img { -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: auto; }
.about-box ul li:hover img { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); }
.title{ margin-bottom:20px; overflow:hidden; font-size:16px; font-weight:bold;}
.title h3{ font-size:34px; text-align:center; color:#182133; line-height:52px; background:url(../images/line1.jpg) bottom center no-repeat; padding-bottom:15px;}
.con_zx1 a  { display:block; color:#fff; font-size:36px;  font-weight:bold; background: url(../images/zx1.png) 20% center no-repeat #182133; padding:8px 0; width:100%; text-indent:32%}
.con_zx1 a:hover {background: url(../images/zx1.png) 20% center no-repeat #F00;}
.con_zx1 { margin:20px 0 30px; float:right; width:38%;}
.con_zx img { float: left; margin-right:20px; }
.zx_txt  {display: block;  color: #2e2e2e; font-size: 36px; float:left;  font-weight: bold; line-height: 38px;}
.con_zx { margin:20px 0 30px; float:left; width: 50%;border-right: 1px solid #656565;}
.con_zx span { font-size:27px; text-align:left; }
.con_zx span strong { color:#ed2c2c; font-size:42px;}
.jj-1 { background:#f0f0f0; margin-bottom:35px; overflow:hidden;}
.jj-1 ul li { width:25%; float:left; text-align:center; padding:30px 0;}
.jj-1 ul li:hover { background:#fff;}
.jj-1 ul li p { width:80%; margin:20px auto 0; line-height:26px; font-size:16px; font-weight:bold;     color: #3c3c3c;}
.zx_con { width:100%; overflow:hidden;}
.text {     float: left; width: 80%;height: 45px; overflow: hidden; }
.msub_ban { display:none;}



@media screen and (max-width: 1600px){
    .sub_ban_in ul {margin-top:3%;}
}
@media screen and (min-width:1201px) and (max-width:1368px){
    .sub_ban_in h3 { font-size:35px; margin-bottom:10px;}
    .sub_ban_in p { font-size:16px;}	
    .sub_ban_in ul li span {font-size:22px;}
    .about_top p {text-indent:0;}
}
@media screen and (max-width: 1200px){
    .container { width:98%; margin: 0 auto;}	
    .sub_ban_in h3 { font-size:30px; margin-bottom:10px;}
    .sub_ban_in p { font-size:16px;}	
    .sub_ban_in ul li span { font-size:22px;}
    .about_pro ul li { width:20%; float:left;}
    .about_pro ul li img { width:100%; height:auto;}
    .sub_ban{background: #182133; overflow:hidden; position:none; padding:25px 0;}
    .ban_pic { display:none;}
    .sub_ban_in {position: inherit;}
}
@media(max-width:767px){
    .located { display:none;}
    .sub_ban_in p { font-size:14px; line-height:23px;}
    .sub_ban_in ul li { width:50%;}
    .sub_ban_in ul li span { font-weight:normal; font-size:16px;}
    .about_top h3 { font-size:28px;}
    .sub_ban { margin-bottom:30px;}
    .about_pro { margin:25px 0;}
    .title h3 { font-size:24px; padding-bottom:5px;}
    .capacity { margin:0;}
    .title { margin-bottom:5px;}
    .sub_ban_in img{ width:50%;}
    .about_con { margin-bottom:70px;}
    .con_zx span strong { color: #ed2c2c;  font-size: 30px;}
    .con_zx span { font-size:18px;}
    .zx_txt { line-height:26px;    width: 70%;}
    .con_zx img { width:15%;}
    .con_zx,.con_zx1{ width:100%; margin-bottom:0;}
    .jj-1 { display:none;}
    .con_zx1 a { font-size:26px;text-indent: 33%;}
    .con_zx1 a {    background: url(../images/zx1.png) 20% center no-repeat #ed2c2c;}
    .msub_ban,.mpro{ display:block;}
    .capacity .title p { text-indent:0;}
}

@media (max-width:320px){
    .sub_ban_in h3 { font-size:26px;}
    .con_zx span strong { font-size:24px;}
    .con_zx1 a {  background: url(../images/zx1.png) 15% center no-repeat #ed2c2c;}
}