/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}
a:link{text-decoration: none;}
a:active,
a:hover {
  outline: 0; text-transform: none;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html{}
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  font: normal 100%/14px sans-serif;
  font-size:14px;
  font-family:"微软雅黑";
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
  background:#ff810d;
}
.nav-collapse li a{
  color:#fff;
}



.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid #d2d1d5;
  padding: 1em 1em;
  float: left;
    text-align: left;
}
.nav-collapse .alt a {
  background: #555;
  color:#fff;
}

@media screen and (min-width: 801px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
  }
}

.nav-collapse ul ul a {
  background: #f4421a;

}

@media screen and (min-width: 801px) {
  .nav-collapse ul ul a {
    display: none;  
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #206f8c url("../images/hamburger.gif") no-repeat 45%49%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("imageshamburger-retina.gif") center;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

header{width:100%; height:55px; /*! top:28px; */ text-align:center; background:#296A87; }
header img{width: 230px; margin:5px 10px;}
header .search{display: none;}
.top_icon{width:100%; text-align:center; }
.top_icon .icon{width:100%; margin: 0px auto;}
.top_icon .icon img{display: none;}
.top_icon .demo{margin-right:0.3%; width:32.9%;}
.top_icon .demo img{display: block;}
.top_icon .demo figcaption{padding:0px;}
footer{width:100%; background:#5aa0ba; text-align:center; margin:20px 0 0 0; clear: both; position:relative; z-index:2; padding:0px; float:inherit;}
footer .footer{width:100%; margin: 0 auto; display: none; }
footer .copyright{width:100%; background: #206e8b; text-align: center; font-size: 12px;}
footer .copyright p{width:100%; margin:5px auto; color:#729aac;}
.pic_list{width:1200px; margin: 0 auto; padding:0 0 20px 0; display: none;}
.list{width:100%; float: left;}
.list ul{}
.list li{list-style: none; background: url(imagestitle_icon.gif) 0px -120px no-repeat; padding:6px 0 4px 30px; float: left; width:356px;}
.list li a{color: #575757;}
.list li a:hover{color:#ddd;}
.list li .date{padding:2px 5px; background: #7faebf; color: #fff; font-size: 12px; line-height: 15px; float: right;} 
.zs_title{width:85%;height: 50px; line-height: 50px; float:left; margin:20px 0 0 0;background: url(imagestitle_icon.gif) 8px -35px no-repeat; color:#005d7f; font-size: 20px; padding:0px 0 0 55px;}
.tz_title{width:85%;height: 50px; line-height: 50px; float:left; margin:0px 0 0 0;background: url(imagestitle_icon.gif) 8px -75px no-repeat; color:#005d7f; font-size: 20px; padding:0px 0 0 55px;}
.line{border-bottom: 1px solid #d5d5d5; padding:0 0 20px 0;}
.left{float:left;}
.right{float:right;}
.contact{width:90%; height: 319px; background: url(imagescontact_bg.png); border-top: 3px solid #e67716; float:left;padding:30px 5%; text-align:left;}
.contact h1{font-size: 20px; color:#fff; font-weight:normal; margin:10px 0 20px 0;}
.font28{font-size:28px;}
.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px;}
.yellow{color:#ffef68;}
.orange{color:#e87717;}
.purple{color:#29166f;}
#left{width:100%; margin:0;min-height:500px;}
#left .title{font-size:20px; color:#fff; margin:0 0 10px 0; background: #1584ab; width:100%; height: 50px; line-height: 50px; text-align: center;}
#left ul{width:100%;}
#left li{list-style: none;}
#left a{float:left;margin:0; width: 45%; height: 57px; line-height: 57px; font-size: 16px; color:#595959; background: url(imagesleft_menubg.gif) right; padding:0 0 0 5%; text-align: left;}
#left a:hover{color:#fff;background: url(imagesleft_menubg_on.gif) right;}
#left .selected{color:#fff;background: url(imagesleft_menubg_on.gif) right;}
#right{width:100%;}
#right .page{float: right;}
#right .page li{float:left;border-radius: 6px; background: #729AAC;  color:#fff; padding:5px 20px; margin:10px; width:9px; height: 24px;line-height: 24px;}
#right .page li a{color:#fff;}
.title_about,.title_bata,.title_register{display:none;}
.title_about{background-position: 0px 0px;}
.title_bata{background-position: 0 -88px;}
article{width:100%; margin:100px 0 0; font-size: 14px; line-height: 30px; background: #fff; border-top: 5px solid #29166f; clear: both; padding:10px 0;}
article p{font-size: 16px; line-height: 30px; color: #575757;}
article h1{font-size: 18px; margin:10px; color: #29166f; border-bottom:1px solid #d4d4d4; padding:0px 0 10px 0;}
#right .info{width:94%; margin:10px 3% 10px 3%; line-height: 25px; text-align: center;}
#right .info img{width:50%; margin:0 auto;}
#right .title{background: url(imagesright_titlebg.gif) bottom; height: 40px; font-size: 20px; color:#ff810d; line-height: 40px; text-align: center}
#right .text_info{background:#f0f0f0; width:92%; margin:20px 3% 20px 3%; padding:0 1%;}
#right .list li{width:86%; line-height: 30px; list-style: none; border:1px solid #dcdcdc; padding:6px; color:#575757;background: #fff; float: left; margin:20px 5%; text-align: center;}
#right .list li img{width:100%; height: auto;}
#right .list li p{margin:0px 0 10px 0;font-size: 14px;}
#right .list li:hover{background: #8ea9b2; color:#fff;}
#right .list li:hover p,#right li:hover .purple{color:#fff;}
.login{width:100%; margin:0; background:url(imageslogin_bg.png);}
.login img{width:100%;}
#right .info ul{margin:0; background:#fff; padding:0 2%;}
#right .info li{list-style:none; margin:15px 10px;}
#right .info li span{width:100px; font-size:16px; color:#2e2270;}
#right .info li .text{border-radius:5px; background:#e6e6e6; border:1px solid #fff; padding:7px; width:90%;}
#right .info li .text:hover,#left .info li .text:focus{border:1px solid #2e2270;}
#right .news_list{margin:20px 0;}
#right .news_list li{list-style:none; line-height:30px; float:left; background: url(imagestitle_icon.gif) -7px -120px no-repeat; padding:0 0 0 25px; width:320px;}
#right .news_list li a{color:#333;}
#right .news_list li a:hover{color:#999;}
#right .news_list h2{background:#ccdfe5; width:687px; height:31px; padding:0 10px; font-weight:normal; line-height:31px; color:#757575;} 

@media screen and (min-width: 801px) {
  section{width:100%;}
  .nav-collapse li {
    margin:4px 0 0 0;
   padding:0px 2px 0;
   background:none; float:left; width:auto; }
   .nav-collapse,
   .nav-collapse ul {width:auto;}
  .flex-direction-nav .flex-prev { left: -50px; background:url(imagesarrow_left.png) no-repeat; background-size: 100%; width:44px; height:84px; }
  .flex-direction-nav .flex-next { right: -50px; text-align: right; background:url(imagesarrow_right.png) no-repeat;background-size: 100%;  width:44px; height:84px; }
header{position:absolute; z-index:2; background:#296A87; height: 83px; padding:20px 0 10px 0;}
header img{width:auto;}
header .search{padding-right: 16px; display: block;}
header .search a{font-size: 12px; color: #fff; margin-left: 10px; line-height: 29px; }
header .search input{border: 0px;}
header .search input[type=button]{width:29px; height: 29px; background: url(imagesicon_search.gif) no-repeat; border: 0px; cursor: pointer;}
header .search input[type=text]{width:230px; height: 29px; background: url(imagessearch_bg.png); border: 0px; padding:0 10px; color: #fff;}
.top{width:1200px;height:113px;text-align:center; margin:0 auto;}
.top img{/*! height: 58px; */ margin:24px 10px;}
.body{width:1200px; margin:20px auto; padding:20px 0 20px 0;}
.nav-collapse .alt{margin:0 0 0 30px;}
.nav-collapse .alt li{color:#fff;}
.nav-collapse .alt a { background: none ; color:#fff; float: left;}
.nav-collapse .main a { color: #fff;}
.top_icon{width:100%; background:#ffd39b; text-align:center; padding:10px 0; }
.top_icon .icon{width:1200px; margin: 0px auto;}
.top_icon .demo{margin-right:1px; width:auto;}
.top_icon .icon img{display: block;}
.pic_list{width:1200px; margin: 0 auto; padding:0 0 20px 0; display: block;}
.pic_list .title{width:1145px; height: 50px; line-height: 50px; margin:20px auto; background: #e9f0f4 url(imagestitle_icon.gif) 8px 5px no-repeat; color:#005d7f; font-size: 20px; padding:0px 0 0 55px;}
.pic_list li{width:294px; height: 226px; float: left; list-style: none; margin:0 4px;}
.pic_list h3{margin:80px 0 0 0; font-size: 25px;}
.pic_list h1{font-size: 16px;color: #fff;margin: -56px -45px 0 -45px;background: url(imagespic_titlebg.png);height: 36px;padding-top: 27px;
width: 346px; background-size: 100% }
.pic_list p{font-size: 16px; line-height: 35px; margin-top: 10px;}
.pic_list ul{width:1216px; margin:0 -8px;}
.list{width:406px; float: left;}
.list ul{}
.list li{list-style: none; background: url(imagestitle_icon.gif) 0px -120px no-repeat; padding:6px 0 4px 30px; float: left; width:356px;}
.list li a{color: #575757;}
.list li a:hover{color:#ddd;}
.list li .date{padding:2px 5px; background: #7faebf; color: #fff; font-size: 12px; line-height: 15px; float: right;} 
.zs_title{height: 50px; line-height: 50px; float:left; margin:20px 0 0 0;background: url(imagestitle_icon.gif) 8px -35px no-repeat; color:#005d7f; font-size: 20px; padding:0px 0 0 55px;}
.tz_title{height: 50px; line-height: 50px; float:left; margin:0px 0 0 0;background: url(imagestitle_icon.gif) 8px -75px no-repeat; color:#005d7f; font-size: 20px; padding:0px 0 0 55px;}
.line{border-bottom: 1px solid #d5d5d5; padding:0 0 20px 0;}
.more{font-size: 12px; margin-right: 10px;}
.contact{width:329px; height: 319px; background: url(imagescontact_bg.png); border-top: 3px solid #e67716; position:absolute; top:192px; left:10%; padding:30px; text-align:left; z-index:2}
.form-control,
.select2-search input[type="text"] {
  border: 3px solid;
  border-color:rgba(62,51,128,0.8);
  background-color:rgba(255,255,255,.7);
  color: #2e2270;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.467;
  padding: 8px 12px;
  height: 22px;
  border-radius: 6px;
  box-shadow: none;
  -webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
          transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
  width:289px;
  margin:7px 0;
}
footer{width:100%; background:#5aa0ba; text-align:center; margin:20px 0 0 0; clear: both; position:relative; z-index:2; padding:0px; float:inherit;}
footer p{margin:10px 0px; text-align:left; color:#fff; border:0px; line-height: 20px;}
footer .footer{width:1200px; margin: 0 auto; display: block; }
footer ul{ margin:10px 0px; line-height: 20px; width:270px;}
footer li{list-style: none; text-align: left; color: #fff;}
footer .copyright{width:100%; background: #206e8b; text-align: center;}
footer .copyright p{width:1200px; text-align: right; margin:0 auto; line-height: 30px; color:#729aac;}
footer a{color:#fff;}
footer a:hover{color:#ddd;}
.title_about,.title_data,.title_register{background: url(imagestitle.png) no-repeat; display: inline-block; width:80%; height: 88px; margin:130px 10% 20px;}
.title_about{background-position: 0px 0px;}
.title_data{background-position: 0 -88px;}
.title_register{background-position: 0 -288px;}
article{width:91%; margin:10px 2.5% 30px; font-size: 14px; line-height: 30px; background: #fff; border-top: 5px solid #29166f; clear: both; padding:50px 2%; background-position:0px 0px}
article p{font-size: 16px; line-height: 30px; color: #575757;}
article h1{display: none;}
#left{width:250px; margin:100px 0;}
#left .title{font-size:30px; color:#fff; margin:0 0 10px 0; background: #1584ab; width:250px; height: 107px; line-height: 107px; text-align: center;}
#left ul li{list-style: none;}
#left li{margin:0 0 10px 0;}
#left a{float:none;margin:0 0 15px 0;width: 171px; text-align: left; height:57px;  font-size: 18px; color:#595959; background: url(imagesleft_menubg.gif); padding:0px 60px 0 20px;line-height: 20px; display:table-cell; vertical-align: middle;}
#left a:hover{color:#fff;background: url(imagesleft_menubg_on.gif);}
#left .selected{margin:0 0 15px 0;width: 171px; height: 57px; line-height: 20px; font-size: 18px; color:#fff; background: url(imagesleft_menubg_on.gif); padding:0px 60px 0 20px; display:table-cell; vertical-align: middle;  }
#right{width:900px; margin: 100px 0 0 0;}
#right .title{background: url(imagesright_titlebg.gif); height: 59px; font-size: 24px; color:#ff810d; line-height: 59px; text-align: left}
#right .page{display: none; float: right;}
#right .info{width:90%; margin:20px 5%; font-size: 14px; color:#595959; line-height: 30px;text-align: left}
#right .info img{margin:10px; width:auto;}
#right .info ul{margin:0 30px; background:none;}
#right .info li{list-style:none; margin:15px 10px;}
#right .info li span{width:100px; font-size:16px; color:#2e2270;}
#left .info li .text{border-radius:5px; background:#e6e6e6; border:1px solid #fff; padding:7px; width:300px;}
#right .info li .text:hover,#left .info li .text:focus{border:1px solid #2e2270;}
#right .list{width:100%; line-height: 30px; margin:20px 0 0 0;}
#right .list li{width:262px;  height: 290px; list-style: none; border:1px solid #dcdcdc; padding:6px; color:#575757;background: #fff; float: left; margin:20px 10px; text-align: center;}
#right .list li img{border:0px;}
#right .list li p{margin:0 0 10px 0;font-size: 14px;}
#right .list li:hover{background: #1584ab; color:#fff;}
#right .list li:hover p,#left li:hover .purple{color:#fff;}
#right .list a:hover{color:#575757;}
#right .news_list{margin:20px 0;}
#right .news_list li{font-size:16px; list-style:none; line-height:30px; float:left; background: url(imagestitle_icon.gif) -7px -120px no-repeat; padding:0 0 0 25px; width:94%;}
#right .news_list li a{color:#575757;}
#right .news_list li a:hover{color:#999;}
#right .news_list h2{background:#ccdfe5; width:687px; height:31px; padding:0 10px; font-weight:normal; line-height:31px; color:#757575;} 
}
a{color: #1e7386}





/*contnet*/
.zw-cont{padding:5px 10px;min-height:500px;}
.zw-title{font-size:16px;color:#4b4b4b;padding:30px 0 10px 0;text-align:center;font-weight:bold;}
.zw-other{text-align:center;color:#b0b0b0;font-size:12px;padding:5px 0 10px;font-family:"Simsun";}
.zw{padding:20px 0;}
.zw p{text-indent:2em;line-height:28px;color:#4b4b4b;padding-bottom:10px;font-size:13px;}