@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#555;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#555555;}



body{font-family:Microsoft YaHei;-webkit-font-smoothing:antialiased; font-size:.24rem; background:white;}
.wslogo{ width:100%; margin:0 auto; text-align:center; background:#0066ad; padding-top:15px; padding-bottom:15px;}
.wslogo h1{}

.daohang{ background:#fff;}
.daohang ul li{ float:left; width:33%; height:35px; line-height:35px; text-align:center; border-bottom:1px solid #C0C0C0; border-right:1px solid #C0C0C0;}
.daohang ul li a{ font-size:14px; color:#0066ad;}
.main{
background: #fff;
font-family: PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0 auto;
font-size: 16px;
display: flex;
flex-direction: column;
align-items: center;}
.page1{width: 100%;}
.page2{width: 100%; margin-bottom:20px;}
.page3{width: 100%;}
.page4{width: 100%;}
.page5{width: 100%; margin-top:20px; margin-bottom:20px;}
.page6{width: 100%;}
.page7{width: 100%;}
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%; bottom:50px; z-index:1000000000000;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}
.gallery {

}

.gallery-cell {
  width: 100%;
  height: 400px;
  
}

.gallery-cell img {
  display: block;
  max-height: 400px;
  max-width: 100%;
  margin: 0 auto;
}
.tit2 { width:100%; text-align:center;  overflow:hidden; padding-bottom:40px; clear:both;}
.tit2 h3 { font-size:35px; font-weight:bold; padding-bottom:20px; background:url(../images/zs_14.jpg) no-repeat bottom center; color:#3b3b3b; line-height:35px;}
.tit2 p { color:#fff; font-size:17px;}



.syabout2 { float:right;color:#1f1f1f;}
.syabout2 h3 { font-size:42px; font-weight:100; padding-bottom:40px; line-height:40px;}
.sytex2 { overflow:hidden; font-size:14px; line-height:22px; padding-left:20px; padding-right:20px;text-overflow: ellipsis;display: -webkit-box; color:#818181;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}
.syabout2 h4 { background:url(../images/zs_04.jpg) no-repeat left top; padding:40px 0 25px 0; margin-top:40px; font-size:20px; font-weight:200; margin-left:20px;}
.syabout2 .tex { margin-bottom:50px;background:#f2f2f2;}
.syabout2 .tex {  font-size:16px;}
.syabout2 .tex ul li{ text-align:center; width:19.7%; line-height:40px; height:40px; border-right:1px solid #ddd; float:left; font-size:15px;}


.abtit { width:100%; text-align:center; line-height:30px; overflow:hidden; padding-bottom:30px; clear:both;}
.abtit h3 { font-size:36px; font-weight:bold!important; padding-bottom:20px; background:url(../images/bg1.jpg) no-repeat bottom center; color:#555; line-height:36px;}
.abtit p { padding-top:10px; color:#7b7c7c; font-size:15px;}


/* effect-1 css */
.text-desc p {line-height: 20px;color: #fff;font-size: 14px;font-family: Arial;text-transform:uppercase; margin-bottom:20px;overflow:hidden;}
.port-1{float: left;width: 100%;position: relative;overflow: hidden;text-align: center;}
.port-1 .image-box { width:210px; height:240px; border-bottom:#ec6a4c 5px solid;}
.port-1 .image-box h2 { padding:30px 0; font-size:20px; font-weight:100; color:#ec6a4c;}
.port-1 .text-desc{opacity: 1; top: -100%; transition: 0.5s; color: #000;}
.port-1 .text-desc h3 { padding:25px 0;font-size: 20px;font-weight: 100;color: #FFF;font-weight:bold!important;}
.port-1 .text-desc p { font-size:14px; color:#fff;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.port-1 img{transition:all 0.2s;}
.port-1:hover img{transform:scale(1.1,1.1);transform-origin:center center}

.port-1.effect-1:hover .text-desc{top: 0; }

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 45px 20px 20px;}
/* effect-1 css end */
.container .t2 .image-box { border-bottom:#e69758 5px solid;}
.container .t3 .image-box { border-bottom:#3c495a 5px solid;}
.container .t4 .image-box { border-bottom:#2675bc 5px solid;}
.container .t5 .image-box { border-bottom:#4cbd89 5px solid;}

.text-desc img{ padding-bottom:20px;}
.container{ margin-top:50px;}
.container .t2 .image-box h2{ color:#e69758;}
.container .t3 .image-box h2 { color:#3c495a;}
.container .t4 .image-box h2 { color:#2675bc;}
.container .t5 .image-box h2 { color:#4cbd89;}
.container ul li{ float:left; width:50%;}
.container .t1 .text-desc { background-color:#ec6a4c; width:100%; float:left}
.container .t2 .text-desc { background-color:#e69758; width:100%;float:left}
.container .t3 .text-desc { background-color:#3c495a;}
.container .t4 .text-desc { background-color:#2675bc;}
.container .t5 .text-desc { background-color:#4cbd89;}


.ditu { width:100%; margin-top:-10px;overflow:hidden; background:#000000; margin-bottom:50px;}
.ditu .text { padding-top:50px; width:80%; margin:0 auto; padding-bottom:50px;}
.ditu h3 { font-size:24px; color:#f2f28e; background:url(../images/aa.png) repeat-x bottom; padding-bottom:10px; line-height:35px;}
.ditu .tex { padding-top:10px; line-height:24px; color:#fff;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; padding-bottom:10px; font-size:14px;}
.ditu .text a.more { display:block; margin-top:20px; width:130px; height:40px; line-height:40px; text-align:center; text-decoration:none; background:#fff; font-size:20px; color:#00365c; font-weight:bold; border:#000 2px solid;}
.ditu .text a.more:hover { background:none; border:#fff 2px solid; color:#fff;}

.yous{ margin-bottom:30px;}
.yous li { float:left; width:50%; height:230px; position:relative; overflow:hidden; }
.yous li.ss { margin-left:0;background:#f1f1f1;}
.yous li.ssb{ background:#004892}
.yous li.ssb .tex{ color:#fff}
.yous li .tex { color:#6c6c6c;  position:absolute;right:30px; left:32px; top:30px; z-index:99;text-overflow: ellipsis;display: -webkit-box; color:#818181;-webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow:hidden}
.yous li .tex h3 { font-size:18px; font-weight:bold; padding-bottom:15px;}
.yous li .tex p { line-height:22px; font-size:14px;}
.yous li .more {background:#fff; display:block; width:24px; height:24px; position:absolute; right:0; bottom:0; z-index:99; border-bottom:#fff 1px solid; border-right:#fff 1px solid; color:#004892; text-align:center; line-height:24px; font-weight:bold}
.yous li.ssb .more {background:#f1f1f1; display:block; width:24px; height:24px; position:absolute; right:0; bottom:0; z-index:99; border-bottom:#f1f1f1 1px solid; border-right:#f1f1f1 1px solid; color:#000; text-align:center; line-height:24px; font-weight:bold}
.yous li:hover {  background:#004892;}
.yous li:hover .tex { color:#fff;}
.yous li:hover a.more,.yous li:hover a.more:hover {background:#fff url(../images/jia1.png) no-repeat center;}



.syhh {width:100%; padding:50px 0; overflow:hidden; background:url(../images/zs_21.jpg) no-repeat center #00142c;}
.syhh .tit2 h3 {background:none; padding-bottom:10px; color:#fff;}
.syhh .hhr { text-align:center; width:100%; margin:0 auto}
.syhh .hhr li { display:inline-block; height:50px; line-height:50px; margin-bottom:20px; margin-left:24px; float:left}
.syhh .hhr li img { vertical-align:middle; float:left; height:40px;}
.syhh .hhr li p { float:left; color:#fff; text-align:left;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; padding-left:10px; line-height:40px;font-size:14px;}

.lybg { clear:both;width:100%; padding:50px 0; overflow:hidden;background:url(../images/zs_22.jpg) no-repeat center top #004892;}
.lybg .tit2 h3 {background:none; color:#fff; background:url(../images/zs_14s.jpg) no-repeat bottom center}
.liuyan { text-align:center;}
.liuyan input { width:246px; height:38px; margin:0 15px; font-size:16px; line-height:38px; padding:0 20px; border:#fff 1px solid; border-radius:35px; color:#fff; background:none; margin-bottom:15px;}
.liuyan input.s1 { width:100px; margin-right:0px; margin-left:0px;}
.liuyan input.aak { width:280px; height:40px; background:#fff; text-align:center; color:#004892; font-size:18px; font-weight:100;}
.tuyan img{ height:38px; width:100px;}
.footer4{ clear:both; width:100%; background:#000; color:#fff; height:55px; line-height:55px; text-align:center; overflow:hidden; font-size:14px;}
.footer4 span.zzb07tail a,.footer4 a{ color:#fff;}
.clear{ clear:both}



.reveal-modal-bg {position: fixed;height: 100%;width: 100%;z-index: 100;display: none;top: 0;left: 0;background: rgba(00, 00, 00, 0.8)}
.reveal-modal {visibility: hidden;top:30%; margin-top:-190px; height:320px; width:70%; left:10%; margin-left:0px; margin:0 auto;position: absolute;z-index: 101;padding:20px 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);background-color: #FFF;}
.reveal-modal.small {width: 200px;margin-left: -140px;}
.reveal-modal.medium {width: 400px;margin-left: -240px;}
.reveal-modal.large {width: 600px;margin-left: -340px;}
.reveal-modal.xlarge {width: 800px;margin-left: -440px;}
.reveal-modal .close-reveal-modal {font-size: 22px;line-height: 0.5;position: absolute;top: 8px;right: 11px;color: #333;text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);font-weight: bold;cursor: pointer;}
.reveal-modal h1 { font-size:36px; line-height:40px; color:#004892; padding-bottom:15px; margin:0 auto;}
.reveal-modal p { padding:10px 0; height:37px; overflow:hidden;}
.reveal-modal input { width:84%; margin:0 auto; height:35px; font-size:14px; line-height:35px; padding:0 20px; border:#7389a0 1px solid; border-radius:35px; color:#bdccdb;}
.reveal-modal input.s1 { width:100px;}
.reveal-modal input.aak { clear:both; width:100%; margin:0 auto; height:37px; background:#fff; text-align:center; background:#004892; color:#fff; font-size:14px; font-weight:100;}
.reveal-modal img { height:37px; margin:0 10px;}