@charset "utf-8";
/*
Theme ID: umWs
Author: UmHtml
Author URI: http://www.umhtml.com/
*/
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; }
body{background: #fafafb;color: #333;font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica,Arial,sans-serif; overflow-x:hidden}
html.index,.index body {height: 100%; position: relative; overflow:hidden;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
input,select,textarea{outline:none;}
a:hover,a:focus{color:#f30;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
.postArr:after,article:after,header:after,.row:after,.article-main:after{clear: both;}
.postArr:before,
.postArr:after,
.postArr:after,
.row:before,
.row:after,.article-main:after,.article-main:before{content: " ";display: table;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; }
@font-face {
  font-family: 'iconfont';  /* project id 1244238 */
  src: url('//at.alicdn.com/t/font_1244238_be5zda5j0i.eot');
  src: url('//at.alicdn.com/t/font_1244238_be5zda5j0i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1244238_be5zda5j0i.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1244238_be5zda5j0i.woff') format('woff'),
  url('//at.alicdn.com/t/font_1244238_be5zda5j0i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1244238_be5zda5j0i.svg#iconfont') format('svg');
}
/*@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}*/
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*----------- container -----------*/
.container{margin:0 auto;max-width:95%;padding:0px; overflow: hidden; position: relative;}
.container.Wauto{ padding:0}
.containe{position:relative;max-width:1260px;margin:0 auto;color:#fff;padding:0 20px;}

/*----------- 头部 -----------*/
.header{position:fixed; z-index: 99; top: 0;}
.header .headerNav{position:fixed;width:100%; height: 72px; float:left;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; top:0;background:none;}
.header .navbar{ width:100%; max-width:95%; visibility:hidden; opacity:0; position:fixed; z-index:3;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; text-align:center; top:35%; transform:translateY(-50%)}
.header .navbar.in{ visibility:visible; opacity:1;}
.header .navbar li{ display:inline-block; height:100%; margin:0 2%; position:relative; text-align: left;}
.header .navbar li a{ color:#fff; opacity:0.8; font-size:18px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .navbar li a:hover{ opacity:1;}
.header .navbar li a p{ color: #fff; opacity: .5; font-size: 14px;}
.header .navbar li>ul{ visibility:hidden;position:absolute; top:55px; left:0; /*left:50%; margin-left:-60px;*/ width:120px; padding:10px 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; opacity:0;}
.header .navbar li>ul li{ height:30px; line-height:30px; text-align:left; width:100%; margin:0;}
.header .navbar li>ul li a{ font-size:14px; opacity:0.6}
.header .navbar li>ul li a:hover{opacity:0.68}
.header .navbar li.on>ul{ visibility:visible; opacity:1; top:100%;}

.index .header .headerNav{ background:none; box-shadow:none;overflow: hidden;}

.header.noOpaque{ position:relative; padding-top:72px;}
.headerNav.fixed,.header.noOpaque .headerNav{ background:#fff; box-shadow:0 3px 15px rgba(0,0,0,.04)}


.header .navbar li i{ display:none;}

.topBtn{ display: inline-block; float: right; margin:12px 0 8px 0; position: relative; z-index: 3;min-height: 50px;}

.topBtn i{ color: #fff;font-size: 28px; cursor: pointer; height: 50px; line-height: 50px;}
.topBtn i.scBtn{font-size: 22px; opacity: .5; right: 60px; top: 0px;position: absolute; }
.header.open .headerNav .topBtn i.scBtn{ display:none;}

.navMask{border-radius:50%;width:0;height:0;position:fixed;top:-65px;right:-65px;background:#000;opacity:1;-webkit-transition:all 300ms cubic-bezier(0,.995,.99,1);-moz-transition:all 300ms cubic-bezier(0,.995,.99,1);-ms-transition:all 300ms cubic-bezier(0,.995,.99,1);-o-transition:all 300ms cubic-bezier(0,.995,.99,1);transition:all 300ms cubic-bezier(0,.995,.99,1)}
.header.open .headerNav .navMask{width:3800px;height:3800px;top:-1360px;right:-1365px;-webkit-transition:all 800ms cubic-bezier(0,.995,.99,1);-moz-transition:all 800ms cubic-bezier(0,.995,.99,1);-ms-transition:all 800ms cubic-bezier(0,.995,.99,1);-o-transition:all 800ms cubic-bezier(0,.995,.99,1);transition:all 800ms cubic-bezier(0,.995,.99,1)}



.navBtn{ display:inline-block; padding:12px 0px 10px 10px; cursor:pointer; top: 0px; right:0;position: absolute; }
.navBtn i{ width:22px; height:2px; border-radius:30px; background:#fff; display:block; margin:5px 0; position:relative;}
.navBtn i.i2{ width:18px;}
.open .navBtn{top: 2px;}

/*.index .topBtn i.scBtn,.index .navBtn{ position: relative;}*/

.header .fixed .topBtn i,.header.noOpaque .topBtn i{ color: #282828;}
.header .fixed .navBtn i,.header.noOpaque .navBtn i{ background:#282828;}
.header .fixed.open .navBtn i,.header.open .headerNav .navBtn i{background:#fff;}
.header.open .headerNav .navBtn i.i2{ visibility:hidden; opacity:0; display:none;}
.header.open .headerNav .navBtn i.i1{transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); top:5px; width:25px;}
.header.open .headerNav .navBtn i.i3{transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); bottom:2px;width:25px;}


.header .logo{ font-size:0px; height:35px; overflow: hidden; display:inline-block; text-indent: -20000em; margin-top: 20px;}
.header .logo img{ max-height: 30px;}
.header .logo .logob{ display: none;}

.header .logo a{display: block; color: #999; }

.index .header .fixed .logo {display: none;}
.index .header.noOpaque .fixed .logo{ display:inline-block;}

.header .fixed .logo .logoa,.header.noOpaque .logoa{ display:none;}
.header .fixed .logo .logob,.header.noOpaque .logob{ display:block;}



/*----------- search-top -----------*/
.searchBox{ display:none}

.searchBox,.search-bg{ position: fixed;top:50%;left:50%;width:400px; background:#fafafa; z-index:900; right:auto; transform:translate(-50%,-50%); margin:0; padding:30px;border-radius:3px;}
.search-bg .search-form {display:block;}
.search-bg .search-pup{margin-top:0; float:none}
.search-bg .search-pup form input,.searchBox .search-pup form input{width:100%;border-radius:3px;border:1px solid #eaeaea;font-size:14px;padding:6px 60px 6px 10px;background:#fff;height:35px;outline:0}

.search-pup{position:relative;}
.search-pup span{ color:#999; font-size:12px; margin:10px 0 3px; display:block; clear:both;position:relative;}

.search-pup form input:focus{width:100%}
.search-pup form button{position:absolute;right:0px;top:0px;color:#fff;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer; width:50px; height:35px; background:#f00; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.mask{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;}

/*Swiper 3.4.2*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

html.index,.index body{height: 100%;position: relative;}
.swiper-container.homeBox,.swiper-container.banner{width: 100%;height: 100%;}
.swiper-container.banner .swiper-slide{background: #000;}
.homeBox .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden; min-height:500px;}

.swiper-slide.sfooter{ height: auto !important;background-repeat: inherit;min-height: inherit;}

.swiper-container.banner .item{ width:100%; height:100%; display:block;}
.swiper-container.banner a.img{ width:100%; height:100%; display:block; background-position:center center; background-size:cover;}
.swiper-container.banner a.img:after{content: '';display: block; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.4}
.swiper-button-next, .swiper-button-prev{ width:44px; height:44px; line-height:46px; text-align: center;top:58%; border-radius:50px; overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-button-next:hover, .swiper-button-prev:hover{ background:#F30;}
.swiper-button-next i,.swiper-button-prev i{ font-size:26px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-button-next:hover i, .swiper-button-prev:hover i{ color:#fff;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:8%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:8%}

.homeNav .swiper-pagination-bullet{ width:2px; height:6px; border-radius:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.swiper-container-vertical .homeNav .swiper-pagination-bullet-active{ background:#f00; width:12px; margin-left:-10px;}

.swiper-pagination-bullet-active{background:#F30;}

.title{ text-align:left; max-width:95%; padding-bottom:30px; margin:0 auto;}
.title h3{ font-size:26px; color:#333; font-weight:normal; padding-bottom:10px; position:relative;}
.title h3:after{content: '';display: block; position:absolute; width:30px; height:3px; background:#F00; left:0; bottom:0px;}
.title span{ font-size:44px; color:#333; font-family:Arial; line-height:42px; opacity:0.05;text-transform:Uppercase;font-weight:600; padding-top:10px; display:block;}

.title span.more { position:absolute; display:block; font-size:16px; top:0px; right:0; opacity:1; font-weight:normal;padding-top:0px;}
.title span.more a{ color:#999;}
.title span.more a:hover{color:#666;}
.title span.more i{ font-size:24px; vertical-align:-3px; padding-left:5px;}

.postTxt h2{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.postTxt span.more {padding-top:20px; display:block; font-size:16px;}
.postTxt span.more i{color:#999; margin-left:5px; vertical-align:-2px; font-size:16px;}
.postTxt span.more a:hover i{ color:#f30}

.newsList .postArr{font-size:0; display:block;margin-right: -3%;padding-top: 20px;}
.postArr li{font-size:14px;osition: relative;display: inline-block;vertical-align: top;width: 33.33%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 3% 60px 0;}

.postArr .postImg{display: block;position: relative;overflow: hidden;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.postArr .postImg img {position: absolute;top: 0;left: 0; transform: scale(1);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.postArr li:hover .postImg img{transform: scale(1.1);}
/*.postArr li:hover .postImg{box-shadow: 0 15px 25px rgba(0,0,0,.15);}*/
.postArr .postImg:after{content: '';display: block;padding-top:62%;}

.postArr .postTxt{ padding-top: 30px;}
.postArr .postTxt h3{ font-size: 16px; font-weight: normal;}
.postArr .postTxt .time{ font-size: 14px; font-family:Arial; color: #999; margin-top: 10px;}




.title{ width:100%; max-width:100%;padding:0 0 3%;}
.index .title{ text-align:left; max-width:95%; padding-bottom:0; position:absolute; z-index:1; top:10%; left: 50%; width: 100%; margin: 0 auto; display: block; transform: translateX(-50%)}
.news .postArr{width: 100%;margin: 0 auto;}
.news .swiper-slide { font-size:0;}
.news .swiper-slide .postImg,.news .swiper-slide .postTxt{display: inline-block;vertical-align: middle;font-size:14;}
.news .swiper-slide .postImg{ width:45%;position: relative;overflow: hidden; box-shadow:0 15px 25px rgba(0,0,0,.1)}
.news .swiper-slide .postTxt{ width:55%; text-align:left;}


.news .swiper-slide h2,.news .swiper-slide span,.news .swiper-slide p{padding-left:12%; display: block;}
.news .swiper-slide h2{ font-size:18px; margin:10px 0 15px;font-weight: normal;}
.news .swiper-slide span,.news .swiper-slide p{ font-size:14px;}
.news .swiper-slide span.time em{font-size:14px;color:#adadad; line-height:32px;font-family:Arial;font-weight:100;display:block; }
.news .swiper-slide span.time em.day{ font-size:48px;font-weight:bold; opacity:0.6}
.news .swiper-slide span.more{ padding-top:20px; display:block;}
.news .swiper-slide p{ line-height:28px; max-height:56px; overflow:hidden; color:#666;text-align: justify;}

.news .swiper-slide .item{ width:65%; margin:0 auto; padding-top:8%;}
.news .swiper-slide .postImg img {position: absolute;top: 0;left: 0;}
.news .swiper-slide .postImg:after{content: '';display: block;padding-top: 72%;}


.homeBox .news .swiper-slide { min-height:inherit; padding:0}


/*人才招聘*/
.jobList .postArr{ width: 95%; margin: 10px auto;}
.jobList .postArr li{ width: 100%; padding:0 20px; background: #fff; margin-bottom:40px;display: block; overflow: hidden; position: relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; cursor: pointer;}
.jobList .postArr li:hover{box-shadow: 0 15px 25px rgba(0,0,0,.015);}
.jobList .postArr .postTxt{padding:0; margin:20px 0;}
.jobList .postArr .postTxt .jobTit{ padding:0 45px 0 100px;}
.jobList .postArr .postTxt .jobTit h3{ font-size:18px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobList .postArr .postTxt .jobTit p{ font-size: 14px; color: #999; margin-top: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobList .postArr .postTxt .time{ position: absolute; left: 20px;width: 60px; text-align: center; height: 58px; top: 10px;display: block; color: #bcbcbc;}
.jobList .postArr .postTxt .time em{ width: 100%; display: block; font-size: 44px; line-height: 40px; font-family:Arial; font-weight: bold;}

.jobList .postArr .jobTit:after{content: '';display: block; width: 1px; height: 60px; position:absolute; top: 20px; left:96px; background: #eee;}

.jobList .postArr .postTxt .dot{ width:32px; height: 32px; line-height: 30px; text-align: center; border:1px solid #bbb; border-radius: 100px; position: absolute; top: 32px; right: 22px; font-size: 18px; color: #bcbcbc; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.jobList .postArr li.selected{ height: 100%;}

.jobList .postArr li.selected .postTxt .dot{transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);border:1px solid #f00;color: #f00}

.jobTxt{ display: none; margin-top: 30px; line-height:30px; color: #666; font-size: 14px; padding-left:100px;}
.jobTxt h3{ font-size: 18px; padding: 15px 0;}

.jobEmai{display:inline-block; margin-top:3%}
.jobEmai a{line-height:20px; display:block; background:#f00; color:#fff; font-size:14px; border-radius:30px; padding:5px 15px; text-align:center;}
.jobEmai a p{ font-size:12px; font-family:Arial; opacity:0.68}

/*分布地图*/
.homeBox .swiper-slide.map{background-color:#f2f5f8;}
.mapBox{ width:100%; padding-top:8%}
.mapBox .mapData{ font-size:0; display:block;}
.mapBox .mapData li{ width:50%; display:inline-block; font-size:14px; text-align:right; margin:25px 0}
.mapBox .mapData li.even{ text-align:left;}
.mapBox .mapData li .text{ padding-right:60%;}
.mapBox .mapData li.even .text{ padding-left:55%; padding-right:0;}

.mapBox .mapData li span{ font-size:40px; font-family:"Arial"; font-weight:bold; position:relative; line-height:38px; color:#666;}
.mapBox .mapData li span em{ font-size:12px; position:absolute; top:-3px; font-weight:normal; padding-left:3px; min-width: 120px; text-align: left;}
.mapBox .mapData li p{ color:#999; font-size:14px;}

.mapBox .mapImg{ width: 600px;position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%);}

/*服务*/
.service .serviceBox{background-image:url(images/carBg.png); background-position: 50% 50.5%;background-size:35%; background-repeat:no-repeat;}
.service .swiper-slide{ background:none;}
.service .swiper-slide .car{width:65%; margin:0 auto; padding-top:0; min-height:500px; position:relative; padding-bottom:30px; }
.service .swiper-slide .car a{position:absolute;top:55%; left:50%; transform:translate(-50%,-50%); display:block; width:100%}
/*.service .car img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.service .car .text{ position:absolute; bottom:10%; width:100%}*/
.service .car .text{ color:#333;}
.service .car .text h2{ font-size:16px;}
.service .car .text p{ color:#999; font-size:14px; padding-top:10px;}
.service .swiper-button-next,.service .swiper-button-prev{ top:53%;}

/*开放平台*/
.homeBox .swiper-slide.platform{background-color:#f2f5f8;}
.platform .swiper-container{ max-width:90%;width:100%}
.platform .swiper-container .swiper-slide{ background:none;}
.platform .item{ padding:25% 6% 0 6%; width:100%}

.platform .item .postImg{display: block;position: relative;overflow: hidden; font-size:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; top:0;}
.platform .item:hover .postImg{ box-shadow:0 15px 25px rgba(0,0,0,.15); top:-10px;}
.platform .item .postImg a{ display:block;}
.platform .item .postImg img{position: absolute;top: 0;left: 0;}
.platform .item .postImg:after{content: '';display: block;padding-top:62%;}
.platform .item .postTxt{ text-align:left; padding:25px 0}
.platform .item .postTxt h2{ font-size:16px; font-weight:normal;}
.platform .item .postTxt .time{ font-size:14px; color:#999; font-family:Arial}


.news .swiper-container,.service .swiper-container{ width:100%}
.news .newsBox .swiper-wrapper,.service .serviceBox .swiper-wrapper,.platform .platformBox.swiper-container{ z-index:0}
.news .newsBox.swiper-container,.service .serviceBox.swiper-container,.platform .platformBox.swiper-container{ height:100%;}

.platformBox .swiper-button-next,.platformBox .swiper-button-prev{ display: none;}

/*生态*/
.system .title{ z-index: 3; top: 0; left: 0; right: auto; max-width:none; width: auto; background:rgba(255,0,0,.8); padding: 20px 25px; transform: none;}
.system .title h3{ color: #fff;}
.system .title h3:after{background:#fff; opacity: .68}
.system .title span{ color: #fff; opacity: .4}
.system .swiper-container{width: 100%;height: 100%;background-color: #181818;}
.system .swiper-slide {background-position: center center;background-size: cover;background-repeat: no-repeat; background-color: #181818;}
.system .swiper-slide a, .system .swiper-slide .mask {position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;z-index: 3;}
.system .swiper-slide .mask { background-color: rgba(0,0,0,.5); background-image: url(images/dot.png);z-index: 1;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.system .swiper-slide .imgText{ color:#fff; position:absolute; left:8%; right:8%; text-align:center; top:40%; transform:translateY(-30%); display:block; z-index:2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; opacity: 0}
.system .swiper-slide:hover .imgText{ top:50%;transform:translateY(-50%); opacity: 1;}
.system .swiper-slide .imgText p{ font-size:12px; line-height:24px; opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.system .swiper-slide:hover .imgText p{ opacity:1;}
.system .swiper-slide .imgText h4{ font-weight:normal; font-size:18px; margin-bottom:15px;}
.system .swiper-slide .imgText h4 em{ display:block; clear:both; font-size:16px;}
.system .swiper-slide:hover .mask{ background-color:rgba(0,0,0,.8);}
.system .swiper-slide .imgText i{ font-size: 32px; padding-bottom: 10px; display: block; margin: 0 auto}

/*公益活动*/
.event .eventBox { font-size:0;width:80%;margin: 0 auto; padding-bottom: 5%}
.event .postImg,.event .postTxt{display: inline-block;vertical-align: middle;font-size:14;}
.event .postImg{ width:45%;position: relative;}
.event .postImg .img {overflow: hidden; box-shadow:0 15px 25px rgba(0,0,0,.1); position:relative;}
.event .postImg .img img {position: absolute;top: 0;left: 0;}
.event .postImg .img:after{content: '';display: block;padding-top: 74%;}
.event  .postImg:before{content: '';display: block;position: absolute;bottom: -10%;left: -8%;width:200px; height: 200px; background: #f30; opacity: .1}

.event .postTxt{ width:55%; text-align:left;}

.event .title{ position:static; padding: 0 0 5% 0;max-width: none; width: auto; transform: none;}
.event .eventBox span.more {padding-top: 10%;display: block; font-size: 14px;}
.event .eventBox p {line-height: 28px;max-height: 80px;overflow: hidden;color: #666; font-size: 14px;}
.event .title,.event .eventBox p,.event .eventBox span.more{ padding-left: 12%}


/*article*/
.postBox{ padding: 5% 0}
.article .postBox,html.page .postBox{ padding:0}
.loading {background: #eee url(images/lay.gif) center center no-repeat;min-height: 60px;}
.b-lazy{ opacity: 0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.b-lazy.b-loaded{ opacity: 1;}

/*详情页*/
.postRight{ width:100%; padding:5% 0 5% 360px; float:right;}
.postBody{ font-size:15px; color:#666; line-height:1.9;text-align: justify;}
.postBody p{ margin-bottom:20px;}

html.page .postRight{padding:5% 0;}
html.page .meta{margin-bottom:3%}

.meta{ margin-bottom:5%}
.meta h1{ font-size:26px; line-height:30px; font-weight:normal;}
.meta .metaList{ margin-top:15px; font-size:0;}
.meta .metaList span{ margin-right:15px; font-size:15px; color:#999; font-family:Arial}
.meta .metaList span a{ color:#999;}
.meta .metaList span a:hover{ color:#333;}

.postNav{ width:100%; text-align:center; margin-top:5%}
.postNav div{ display:inline-block; font-size:0; margin:0 5px}
.postNav div a{height:36px; line-height:32px; font-size:16px; padding:0 15px; display:block; border:1px solid #e6e6e6; border-radius:100px;}
.postNav div i{ vertical-align:-1px;}
.postNav .postPrev a{ padding-right:18px;}
.postNav .postNext a{ padding-left:18px;}
.postNav div a:hover{ background:#f00; border:1px solid #f00; color:#fff;}

/*----------- sidebar -----------*/
.sidebar{float: left;margin-right:-360px;width: 320px;position: relative; padding-top:5%}
.widget{margin-bottom:20px;border-radius:10px;}
.widget h3{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e6e6e6;font-size:26px;position:relative;text-indent:15px; font-weight:normal; line-height:28px;}
.widget h3:after{content:"";width:4px;height:25px;background:#f00;position:absolute;left:0; top:3px;}
.widget ul{ font-size:0; display:block;}
.widget li{ height:28px; line-height:28px; overflow:hidden; font-size:14px;text-overflow: ellipsis;white-space: nowrap;}

/*热门文章*/
.widget.ummodule2 li{ position: relative; padding-left: 30px; margin: 7px 0;}
.widget.ummodule2 li .li-icon{ width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; position: absolute; left: 0; top: 2px; background: #edefee; border-radius: 50px; font-size: 14px;color: #666;}
.widget.ummodule2 li .icon-1,.widget.ummodule2 li .icon-2,.widget.ummodule2 li .icon-3{ color: #fff;}
.widget.ummodule2 li .icon-1{background-color: #FF6B57;}
.widget.ummodule2 li .icon-2{background-color: #2ea7e0;}
.widget.ummodule2 li .icon-3{background-color: #6bc30d;}

/*最新发表*/
.widget.divPrevious li{ margin:12px 0; position: relative; height:auto; line-height:24px;white-space:normal;}
.widget.divPrevious li h4 a{ font-size:15px; font-weight:normal;}
.widget.divPrevious li p{ font-family:Arial; color:#999; font-size:12px; padding-top:5px;}

/*日历*/
.widget.divCalendar table{ width: 100%;}
.widget.divCalendar table th{ color: #999;}
.widget.divCalendar table th,.widget.divCalendar table td{ text-align: center;padding: 10px 10px; border: none;background: #fafafa; border-radius: 5px; }
.widget.divCalendar table caption{text-align: center; padding-bottom: 10px;}
.widget.divCalendar table td a{color: #23C272; opacity: .8; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divCalendar table td a:hover{opacity: 1;}

/*标签*/
.widget.divTags li,.widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;}
.widget.divTags li a{font-size:12px;font-weight:normal;color:#fff;padding:3px 10px;border-radius:50px; display:block;margin:4px 5px 4px 0;line-height:20px; opacity:0.6;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.widget.divTags li a span{font-size:12px;}

.widget.divTags li:nth-child(18n+1) a{ background: #F63}
.widget.divTags li:nth-child(18n+2) a{ background: #6cccfa}
.widget.divTags li:nth-child(18n+3) a{ background: #ff5473}
.widget.divTags li:nth-child(18n+4) a{ background: #34de6f}
.widget.divTags li:nth-child(18n+5) a{ background: #b96cfa}
.widget.divTags li:nth-child(18n+6) a{ background: #78cc16}
.widget.divTags li:nth-child(18n+7) a{ background: #0bd7cb}
.widget.divTags li:nth-child(18n+8) a{ background: #f89bc3}
.widget.divTags li:nth-child(18n+9) a{ background: #9d91e2}
.widget.divTags li:nth-child(18n+10) a{ background: #ed775b}
.widget.divTags li:nth-child(18n+11) a{ background: #ffb400}
.widget.divTags li:nth-child(18n+12) a{ background: #f859a4}
.widget.divTags li:nth-child(18n+13) a{ background: #9dd700}
.widget.divTags li:nth-child(18n+14) a{ background: #ff7200}
.widget.divTags li:nth-child(18n+15) a{ background: #57baff}
.widget.divTags li:nth-child(18n+16) a{ background: #35ce9a}
.widget.divTags li:nth-child(18n+17) a{ background: #6651e8}
.widget.divTags li:nth-child(18n) a{ background: #a2905b}

.widget.divTags li:hover:nth-child(18n+1) a{ background: #F63}
.widget.divTags li:hover:nth-child(18n+2) a{ background: #6cccfa}
.widget.divTags li:hover:nth-child(18n+3) a{ background: #ff5473}
.widget.divTags li:hover:nth-child(18n+4) a{ background: #34de6f}
.widget.divTags li:hover:nth-child(18n+5) a{ background: #b96cfa}
.widget.divTags li:hover:nth-child(18n+6) a{ background: #78cc16}
.widget.divTags li:hover:nth-child(18n+7) a{ background: #0bd7cb}
.widget.divTags li:hover:nth-child(18n+8) a{ background: #f89bc3}
.widget.divTags li:hover:nth-child(18n+9) a{ background: #9d91e2}
.widget.divTags li:hover:nth-child(18n+10) a{ background: #ed775b}
.widget.divTags li:hover:nth-child(18n+11) a{ background: #ffb400}
.widget.divTags li:hover:nth-child(18n+12) a{ background: #f859a4}
.widget.divTags li:hover:nth-child(18n+13) a{ background: #9dd700}
.widget.divTags li:hover:nth-child(18n+14) a{ background: #ff7200}
.widget.divTags li:hover:nth-child(18n+15) a{ background: #57baff}
.widget.divTags li:hover:nth-child(18n+16) a{ background: #35ce9a}
.widget.divTags li:hover:nth-child(18n+17) a{ background: #6651e8}
.widget.divTags li:hover:nth-child(18n) a{ background: #a2905b}
.widget.divTags li a:hover{color:#fff; opacity:1}

.widget.divSearchPanel .scForm{ position: relative;}
.widget.divSearchPanel .scForm input.scInput{ width: 100%; border-radius: 50px; font-size: 14px; padding:8px 30px 8px 10px;border: 1px solid #f1f1f1;}
.widget.divSearchPanel .scForm button{ position: absolute; border: medium none; background: none; padding: 8px; top:-1px; right: 2px; cursor: pointer}
.widget.divSearchPanel .scForm button i{ font-size: 18px; color: #23C272}

/*侧栏友情链接*/
.widget.divLinkage li a{font-weight:normal;padding:3px 0px;display:block;margin:4px 10px 4px 0;line-height:20px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

/*最新评论*/
.widget.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom:3px;padding-top:3px;margin:1px 0 3px 0; height: auto;}
.widget.divComments li{ line-height:24px;padding-top:5px; padding-bottom:5px;}
.widget.divComments li i{ font-style:normal; color:#999; font-size: 12px;}
.widget.divComments li a{ position:relative; top:0px;}
.widget.divComments li .author{float:left;margin:0 8px 0px 0;padding:0px;width:48px; height: 48px; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out; overflow: hidden;background: #ecf2f5 url(images/lay.gif) center center no-repeat;}
.widget.divComments li:hover .author{-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);-webkit-rgba(255,255,255,.6),inset 0 0 20px rgba(255,255,255,1);}

/*----------- ADS -----------*/	
.bnBox{background-color: #000;border:none;padding:10px;margin:15px auto 0 auto;overflow: hidden; max-width: 1240px; position: relative;}

.bnBox.cateBn{ margin-bottom: 0; margin-top: 0; padding: 0; max-width: 100%;}
.bnBox.cateBn .text{ width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 100; font-size: 36px;}
.bnBox.cateBn .text p{ font-size: 26px; font-weight:100; font-family:"Arial"; font-style: normal; clear: both; color: rgba(255,255,255,.6)}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; opacity: .6;}

/*单页面*/
.umPage .about{height: auto;width: 100%;position: relative;z-index: 1;padding: 5% 0;}
.umPage .aboutImg{width:50%;position: absolute;top: 0;left: 0;bottom: 0;background-color: #333;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url(images/about1.jpg);}

.umPage .aboutTxt {vertical-align: middle;padding-left: 55%; padding-right:4.5%;}

.umPage .wsfw { padding: 200px 0}
.umPage .wsfw .title { padding-bottom: 0;}
.umPage .wsfw .title h3{ font-size: 20px; padding-bottom: 0;}
.umPage .wsfw .title h3:after{ display: none;}

.umPage .culture{ padding:8% 0;background-color: #333;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url(images/about2.jpg);}
.umPage .culture .title span{ opacity:0.1;}

.umPage .culture .text{ padding:5% 6%; background:rgba(255,255,255,.85); max-width:50%;}
.umPage .textBox{ font-size:15px; line-height:2;text-align: justify; margin-top:2%; color: #666;}

.swiper-container.history{ padding: 75px 0;}
.swiper-container.history:before {content: " ";position: absolute; border-bottom: 1px dashed #e6e6e6; width: 100%; height: 1px;bottom:130px;left: 0;}
.swiper-container.history .hisText{position: absolute;width: 100%;top: 50%;transform: translateY(-50%); height: 100%;}
.swiper-container.history .hisText h4{ position: absolute; width: 100%; bottom: 10px; font-size: 16px; font-weight: 100; font-family:  Arial; color: #999; text-align: center;}
.swiper-container.history .hisText h4:before,.swiper-container.history .hisText h4:after
{content: " ";position: absolute; width: 6px; height: 6px; border-radius: 50px; background: #ccc; top: -26px; left: 50%; margin-left: -3px; z-index: 2;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.swiper-container.history .hisText h4:after{ width: 14px; height: 14px; background: #f2f5f8; top: -30px; margin-left: -7px; border: 1px solid #f00; z-index: 1; opacity: 0; visibility: hidden; -ms-transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);transform: scale(0)}

.swiper-container.history .swiper-slide-active .hisText h4:before{background: #f00;}
.swiper-container.history .swiper-slide-active .hisText h4:after{ opacity: 1; visibility: visible;-ms-transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}

.swiper-container.history .swiper-slide {background-color: transparent; padding: 0; position: relative;height: 380px; min-height: auto; text-align: center;}

.hisImg{ width: 100%; visibility: hidden; position:absolute; bottom:-50px; opacity: 0; padding:0px;box-shadow: 0 10px 25px rgba(0,0,0,.03); -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; -ms-transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);transform: scale(0)}
.swiper-slide-active .hisImg{ visibility: visible; bottom:100px; opacity: 1; -ms-transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.hisImg .postImg{ position: relative;overflow: hidden;}
.hisImg .postImg:after{content: '';display: block;padding-top: 62%;}
.hisImg .postImg img{ position: absolute; top: 0; left: 0;}
.hisImg i{ font-size:42px; color: #fff; position: absolute; bottom: -34px; left: 50%; margin-left: -21px;}

.swiper-container.history .hisText h3{background: #fff; padding: 20px 20px; font-size: 15px; line-height: 1.8; color: #666; font-weight: 300; text-align: left;text-align: justify;}
.swiper-container.history .swiper-button-next,.swiper-container.history .swiper-button-prev{ top: 51%;}
.swiper-container.history .swiper-button-next{ right: 15%}
.swiper-container.history .swiper-button-prev{ left: 15%}

/*----------- 分页 -----------*/
.pageNav{text-align:center;display:block; clear:both;}
.pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:30px;margin: 0 3px; display:inline-block;color:#666;vertical-align:top;font-size: 16px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: Arial; font-weight: normal}
.pageNav .v{line-height:26px;}
.pageNav a:hover{color:#f30;text-decoration:none;}
.pageNav span{color:#f30;}


/*----------- footer -----------*/	
.footer{margin-top:0px;padding:3% 0 2% 0;width:100%;background:#282828;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:12px; line-height:22px; text-align: left}
.footer a{color:rgba(255,255,255,0.3);font-size:12px;}
.footer-text{padding:20px 0px; margin:0 auto;color:rgba(255,255,255,0.3);position:relative;overflow:hidden;max-width:95%; font-size: 0;}

.footer-text *{ font-size: 12px;}

.footer .sidebar .social{ display: inline-block; width: 100%; vertical-align:top;}
.footer .sidebar .social.w50{ width: 43%;}

.ftNav{ width: 70%; display: inline-block; padding:0 0 15px 0;}
.ftNav ul{float: left; padding-right: 6%;}
.ftNav li a{color:#8d8d8d;font-size:12px;display:inline-block;height:26px;line-height:26px;text-align:center; margin:0 10px 0 0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ftNav li a:hover{color:#a9a9a9;}
.ftNav li.h{color:#a9a9a9; font-size: 16px; margin-bottom:10px; font-weight: normal;}
.ftNav .us{padding-right: 3%;}
.ftNav .us li.tel{ font-size:36px; line-height: 48px; font-family: Arial; font-weight: bold;color:#8d8d8d;}
.ftNav .us li.icon a{margin-right: 5%; padding:10px 0; height: auto;}
.ftNav .us li.icon i{ font-size: 24px; }
.ftNav .us li.add{ max-width:260px;}

.ftEwm{width: 30%; display: inline-block; vertical-align: top; text-align: right; font-size: 0;}
.ftEwm .img{ width: 40%; display: inline-block;}
.ftEwm .img .box{width: 86%;margin-left: 5%; font-size:12px; text-align: center; float: right;} 
.ftEwm .img .box img{ padding: 5px; background: #fff; opacity: .5;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ftEwm .img .box:hover img{ opacity: 1;}
.copyright{ padding-top:15px; border-top: 1px solid #3e3e3e;}

/*----------- tag-a -----------*/
.tagBox { padding:3% 0;}
.tagBox .tagList a {padding:6px 10px 6px 10px;border: 1px solid #e8e8e8; margin-right: 6px; background:#f2f2f2;}
.tagBox .tagList a:hover{border: 1px solid #f30; background: #f30; color: #fff}

/*分享*/
.bdshare{ clear: both; padding-top:3%; text-align:center;}
.bd_weixin_popup{ height: 300px!important;width: 252px!important}
.bdsharebuttonbox a,.bdshare-button-style0-16 a{ background-image: none!important; width: 42px!important; height: 42px!important; line-height: 42px!important; padding: 0!important;float:none!important; display:inline-block !important;border-radius: 100px; text-align: center;margin:6px 2px!important; font-size: 24px!important; color:#fff !important}

.bdsharebuttonbox a.bds_weixin{background-color: #6bc30d;}
.bdsharebuttonbox a:hover.bds_weixin{color: #fff;}

.bdsharebuttonbox a.bds_sqq{ background-color: #1ea6e9;}
.bdsharebuttonbox a:hover.bds_sqq{color: #fff;}

.bdsharebuttonbox a.bds_tsina{ background-color: #f78585;}
.bdsharebuttonbox a:hover.bds_tsina{color: #fff;}

.bdsharebuttonbox a.bds_tqq{ background-color: #00C5FF;}
.bdsharebuttonbox a:hover.bds_tqq{color: #fff;}

.bdsharebuttonbox a.bds_qzone{ background-color: #ff9933;}
.bdsharebuttonbox a:hover.bds_qzone{color: #fff;}

.bdsharebuttonbox a.bds_more{background-color: #ccc;}
.bdsharebuttonbox a:hover.bds_more{background-color: #666; color: #fff;}

.bdsharebuttonbox a.bds_weixin:before {content: "\e715";}
.bdsharebuttonbox a.bds_sqq:before {content: "\e62b";}
.bdsharebuttonbox a.bds_qzone:before {content: "\e728";}
.bdsharebuttonbox a.bds_tsina:before {content: "\e67a";}
.bdsharebuttonbox a.bds_tqq:before {content: "\e606";}
.bdsharebuttonbox a.bds_more:before {content: "\e62c";}

.bd_weixin_popup{ border:1px solid #e8e8e8!important; border-radius:5px; box-shadow:0 10px 25px rgba(0,0,0,0.05); z-index:9 !important}
.bd_weixin_popup_bg{z-index:8 !important}


.link{max-width:1260px;padding:0px;color: rgba(255,255,255,0.3);}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }
.link li a:hover{color:rgba(255,255,255,.6);}


/*gotop*/
#backTop{position:fixed;right:0px;bottom:10%; transform: translateY(-50%);z-index:888; display:none;}
.weixinBox{ display:none;}


/*CSS动画样式*/
.anim{visibility:hidden;}
.animated{visibility:visible;}
.postArr .animated:nth-of-type(1){animation-delay: 0.1s;}
.postArr .animated:nth-of-type(2){animation-delay: 0.15s;}
.postArr .animated:nth-of-type(3){animation-delay: 0.2s;}
.postArr .animated:nth-of-type(4){animation-delay: 0.25s;}
.postArr .animated:nth-of-type(5){animation-delay: 0.3s;}
.postArr .animated:nth-of-type(6){animation-delay: 0.35s;}
.postArr .animated:nth-of-type(7){animation-delay: 0.4s;}
.postArr .animated:nth-of-type(8){animation-delay: 0.45s;}
.postArr .animated:nth-of-type(9){animation-delay: 0.5s;}
.postArr .animated:nth-of-type(10){animation-delay: 0.55s;}
.postArr .animated:nth-of-type(11){animation-delay: 0.6s;}
.postArr .animated:nth-of-type(12){animation-delay: 0.65s;}

/*搜索*/
.scMain .title{font-size:20px;padding-bottom:15px; padding-left:22px;}
.scMain .scPost p{font-size:14px;width: 100%;padding:20px;background: #fff;margin:10px 0;color: #666;float: left;line-height: 26px;overflow: hidden;position: relative;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.scMain .scPost p a{color: #999; margin-top:10px;font-size:14px;-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}
.scMain .scPost p a:first-child{color: #333;font-size:18px;line-height:26px;margin-top:0px;margin-bottom:-15px;display: block;}
.scMain .scPost p a:hover{color: #f00;}
.scMain .scPost p strong{font-weight: normal;color: #f00;opacity: 0.5;}

.imgArr{ display:block; background:#000;}
.imgArr ul{ display:block; font-size:0;}

.imgArr ul li{ display:inline-block; overflow:hidden; position:relative;}
.imgArr ul li img{ opacity:0.6; transform:scale(1.01);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:relative; z-index:1}
.imgArr ul li:hover img{ transform:scale(1.1); opacity:0.5}


.imgArr.list2 li{ width:50%;}
.imgArr.list3 li{ width:33.3333%;}
.imgArr.list4 li{ width:25%;}

.imgArr ul li .imgText{ font-size:14px; color:#fff; position:absolute; left:8%; right:8%; text-align:center; top:40%; transform:translateY(-30%); display:block; z-index:2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.imgArr ul li:hover .imgText{ top:30%;transform:translateY(-50%);}
.imgArr ul li .imgText h4{ font-size:20px; font-weight:normal;}
.imgArr ul li .imgText p{ font-size:14px; margin-top:10px; position:relative; padding-bottom:25px;}
.imgArr ul li .imgText p:after{content: '';display: block; position:absolute; left:50%; bottom:0; width:0; margin-left:0; height:2px; background:#fff; opacity:0.68;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.imgArr ul li:hover .imgText p:after{ width:50px; margin-left:-25px;}

.fwArr{ background:#fff;}
.fwArr .fwText,.fwArr .fwImg{ display:inline-block; vertical-align:middle; width:40%; font-size:0;}
.fwArr .fwImg{ background-image:url(images/carBg.png);background-position: 50% 50.5%;background-size:70%;background-repeat:no-repeat; text-align:right; padding:100px; width:50%; }
.fwArr .fwImg .postImg{ max-width:240px; margin:0 auto; padding:12px; background:#fff; box-shadow:0 5px 30px rgba(0,0,0,0.05)}
.fwArr .swiper-slide{ height:auto;}
.fwArr .fwText h4{ font-size:20px; font-weight:normal;}
.fwArr .fwText p{font-size:14px; color:#999; margin-top:10px;}
.fwArr .fwText .tBox{ padding-left:50%;}

.fwArr .swiper-button-next,.fwArr .swiper-button-prev{ top:50%}
.fwArr .swiper-button-next{ right:5%;}
.fwArr .swiper-button-prev{ left:5%;}

.header .headerNav{ overflow:hidden;}
.header.open .headerNav{ overflow:auto}

.areaBox{position:absolute;right:165px; bottom:118px; width:10px; height:10px;}
.areaBox .dot{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100);background: #f00; display:block; border:0px solid #fff; position:absolute; top:50%; left:50%; margin-left:-5px; margin-top:-5px;}
.areaBox .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #f00;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;/*-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;*/opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.areaBox .pulse{border-color:#f00;top:-39px;left:-39px;height:88px;width:88px;}

.areaBox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.areaBox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.areaBox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.dotBox .dot{width:10px;height:10px;display: none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100);background: #3CF; border:2px solid #fff; position:absolute;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);-moz-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);/*-webkit-animation: ball-scale 2s 1s ease-in-out infinite;animation: ball-scale 2s 1s ease-in-out infinite;-webkit-animation-fill-mode: both;
animation-fill-mode: both;*/}

.dotBox .dot.d1{ top:130px; left:150px; background:#3CF}
.dotBox .dot.d2{ top:230px; left:260px; background:#3CF;-webkit-animation-delay:5s;-moz-animation-delay:5s;-o-animation-delay:5s;animation-delay:5s}
.dotBox .dot.d3{ top:165px; left:380px; background:#3CF}
.dotBox .dot.d4{ top:172px; right:160px; background:#3CF}
.dotBox .dot.d5{ top:185px; right:152px; background:#3CF}
.dotBox .dot.d6{ top:200px; right:172px; background:#3CF}
.dotBox .dot.d7{ top:90px; right:72px; background:#3CF}
.dotBox .dot.d8{ top:125px; right:72px; background:#3CF}
.dotBox .dot.d9{ top:150px; right:98px; background:#3CF}
.dotBox .dot.d10{ top:210px; right:200px; background:#3CF}
.dotBox .dot.d11{ top:260px; right:185px;}
.dotBox .dot.d12{ top:258px; right:233px;}
.dotBox .dot.d13{ top:225px; right:145px;}
.dotBox .dot.d14{ top:240px; right:283px;}
.dotBox .dot.d15{ top:300px; right:290px;}
.dotBox .dot.d16{ top:310px; right:245px;}
.dotBox .dot.d17{ top:360px; right:255px;}
.dotBox .dot.d18{ top:340px; right:195px;}
.dotBox .dot.d19{ top:305px; right:180px;}
.dotBox .dot.d20{ top:288px; right:140px;}
.dotBox .dot.d21{ top:282px; right:113px;}
.dotBox .dot.d22{ top:292px; right:98px;}
.dotBox .dot.d23{ top:320px; right:102px;}
.dotBox .dot.d24{ top:330px; right:145px;}
.dotBox .dot.d25{ top:358px; right:120px;}
.dotBox .dot.d26{ top:395px; right:225px;}
.dotBox .dot.d27{ top:385px; right:300px;}
.dotBox .dot.d28{ top:456px; right:216px;}

@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@keyframes ball-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}

/*!
 * animate.css -http://daneden.me/animate
 */
.animated{animation-duration:1s;animation-fill-mode:both;}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
@-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}}
@-webkit-keyframes drop {0% {top: 5px;opacity: 0;}30% {top: 10px;opacity: 1;}100% { top: 25px; opacity: 0;}}
@keyframes drop {0% {top: 5px; opacity: 0;}30% {top: 10px;opacity: 1;}100% {top: 25px;opacity: 0;}}


@media screen and (max-width:1280px){
.news .swiper-slide .item{ width: 70%; padding-top: 10%;}
.swiper-button-next, .swiper-button-prev{ top:58%}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:6%}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:6%}
.mapBox .mapImg{ width: 560px;}

.areaBox{ bottom:112px; right:160px;}
.dotBox .dot.d1{ top:130px; left:150px;}
.dotBox .dot.d2{ top:210px; left:215px;}
.dotBox .dot.d3{ top:152px; left:360px;}
.dotBox .dot.d4{ top:160px; right:145px;}
.dotBox .dot.d5{ top:172px; right:140px;}
.dotBox .dot.d6{ top:188px; right:158px;}
.dotBox .dot.d7{ top:80px; right:62px;}
.dotBox .dot.d8{ top:118px; right:68px;}
.dotBox .dot.d9{ top:143px; right:95px;}
.dotBox .dot.d10{ top:202px; right:187px;}
.dotBox .dot.d11{ top:240px; right:170px;}
.dotBox .dot.d12{ top:240px; right:215px;}
.dotBox .dot.d13{ top:210px; right:130px;}
.dotBox .dot.d14{ top:220px; right:262px;}
.dotBox .dot.d15{ top:285px; right:275px;}
.dotBox .dot.d16{ top:295px; right:230px;}
.dotBox .dot.d17{ top:335px; right:230px;}
.dotBox .dot.d18{ top:315px; right:180px;}
.dotBox .dot.d19{ top:278px; right:180px;}
.dotBox .dot.d20{ top:275px; right:130px;}
.dotBox .dot.d21{ top:260px; right:105px;}
.dotBox .dot.d22{ top:275px; right:90px;}
.dotBox .dot.d23{ top:295px; right:100px;}
.dotBox .dot.d24{ top:330px; right:145px;}
.dotBox .dot.d25{ top:335px; right:115px;}
.dotBox .dot.d26{ top:372px; right:210px;}
.dotBox .dot.d27{ top:362px; right:280px;}
.dotBox .dot.d28{ top:425px; right:201px;}

}

@media screen and (max-width:1200px){
	.mapBox .mapImg{ width: 500px;}
	.mapBox .mapData li span{ font-size: 36px;}
	.dotBox .dot{ display:none;}
	.areaBox { bottom: 98px;right: 137px;}
	.ftNav ul{ padding-right: 4%}
	.ftNav .us{ padding-right: 0;}
	.ftNav{ width: 70%}
	
	.ftEwm .img{ width: 50%}
	
	.sidebar{ width: 300px;margin-right: -340px;}
	.postRight{padding: 5% 0 5% 340px;}
}

@media screen and (max-width:999px){
.news .swiper-slide .item{ width: 75%;padding-top:10%;}
	.swiper-button-next, .swiper-button-prev{ top:57%}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 5%}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 5%}
	
	.mapBox .mapImg{ width: 420px;}
	.mapBox .mapData li span{ font-size: 32px;}
	.mapBox .mapData li span em{ top: -6px;}
	
	.areaBox { bottom: 82px;right:115px;}
	
	.event .eventBox span.more{ padding-top: 8%}
	.event .postImg:before{ width: 150px; height: 150px;}
	
	.ftNav{ width: 100%;}
	
	.ftNav ul{ padding-right: 6%}
	
	.ftEwm{ width: 100%; text-align: center ;display: block; margin-bottom: 20px;}
	
	.ftEwm .img .box{ float: none; margin: 0 auto;}
	
	.ftEwm .img{ width:168px;}
	
	.umPage .aboutImg{ width: 100%; height: 320px;}
	
	.umPage .aboutTxt{padding:360px 10% 40px;}
	.umPage .wsfw{ padding:5% 0;}
	
	.container{ width: 90%}
	.umPage .culture .text{ width: 100%;max-width:100%; padding:15%;}
	
	
}

@media screen and (max-width:959px){
	.topBtn{ margin-top: 0;}
	.title span.more{ padding-top: 0px;}
	
	.news .swiper-slide span.time em{ line-height: 26px;}
	.news .swiper-slide span.time em.day{ font-size: 32px;}
	
	.mapBox .mapImg{ width: 400px;}
	.mapBox .mapData li span{ font-size: 28px;}
	.mapBox .mapData li span em{ top: -8px;}
	.mapBox .mapData li p{ font-size: 12px;}
	.mapBox .mapImg{top: 56%;}
	
	.areaBox { bottom: 78px;right:108px;}
	
	.event .eventBox{ width: 90%}
	
	.ftNav{ padding-bottom: 0;}
	.ftNav ul{ width: 100%; height: 40px; border-bottom: 1px solid #3e3e3e; padding-top: 8px; padding-bottom: 4px; overflow:  hidden; padding-right: 0; position: relative;}
	.ftNav ul li{ height: 0; overflow: hidden;-webkit-transition: height .3s ease;-o-transition: height .3s ease;transition: height .3s ease;}
	.ftNav ul li.h{ height: auto; position: relative; cursor: pointer;}
	
	.ftNav ul li.h:after{content: "\e618";position: absolute;  top: 0; right: 0;font-family: "iconfont" !important;font-size: 16px;font-style: normal;-moz-osx-font-smoothing: grayscale;}
	
	.ftNav ul.selected li.h:after{content: "\e616";}
	
	.ftNav ul.selected { height:auto;}
	.ftNav ul.selected li{ height:28px;}
	.ftNav ul.selected li.h{ margin-bottom: 0px;}
	.ftNav li.h{ font-size: 14px;}
	
	.ftNav .us{ width: 100%; height: auto; margin-top:3%; border: none;}
	.ftNav ul.us li{ height: auto;}
	.ftNav ul.us li.h:after{ display: none;}
	.ftNav ul.us.selected  li.h{ margin-bottom: 10px;}
	
	.ftEwm{margin-bottom: 10px;}
	
	.footer{ padding: 5% 0;}
	
	.service .serviceBox{ background-size: 40%}
	
	.postArr li{ width: 50%}
	
	.sidebar{ width: 280px;margin-right: -310px;padding-top:8%;}
	.postRight{padding: 8% 0 8% 310px;}
	
	.header .headerNav{ height: 62px;}
	.header.noOpaque{ padding-top: 62px;}
	.header .logo{ margin-top: 19px;}
	.header .logo img{ max-height: 26px;}
	.topBtn i.scBtn{ height: 62px; line-height: 62px;}
	.navBtn{padding: 18px 0px 18px 10px;}
	
	.bnBox.cateBn .text h3{ font-size: 32px;}
	.bnBox.cateBn .text p{font-size: 24px;}
	
	
}

@media screen and (max-width:900px){

	.sidebar{ display: none;}
	.postRight{padding: 8% 0 8% 0px;}
	.meta{ margin-bottom: 6%}
	.meta h1{ font-size: 24px;}
	.meta .metaList{ margin-top: 12px;}
	
	.postBox{ padding: 8% 0;}
	.umPage .aboutImg{height: 300px;}
	.umPage .aboutTxt{padding:340px 8% 40px;}
	
	.header .navbar{max-width:100%; position:relative; top:0px; transform:none;}
	.header .navbar li{ width:100%;margin:1.5% 0;}
	.header .navbar li a{ font-size:16px;}
	.header .navbar li > ul{ position:relative; top:0; padding:0;}
	.header .navbar li.on > ul{ top:0;}
	.header .navbar li > ul li{ height:0; overflow:hidden; display:block;}
	.header .navbar li.open > ul{ opacity:1; visibility:visible; padding-top:5px;}
	.header .navbar li.open > ul li{ height:30px; line-height:30px;}
	
	.header .navbar li.dot:after{content: "\e618";position: absolute;  top:-3px; right:0px; color: #fff; font-family: "iconfont" !important;font-size: 16px;font-style: normal;-moz-osx-font-smoothing: grayscale; cursor:pointer; padding:5px;}
	
	.header .navbar li.open.dot:after{content: "\e616";}
	
	.header.open .headerNav{ height:auto;}
	
	.header .fixed .navbar.in{ margin-top:50px;}
	
	.imgArr.list4 li{ width:50%; max-height:360px;}
}

@media screen and (max-width:749px){
	.index .title{ top: 6%}
	.index .system .title{top: 0;}
	.news .swiper-slide .item{padding-top:15%;}
	.news .swiper-slide .postImg,.event .postImg,.event .postTxt{ width: 65%}
	.news .swiper-slide .postTxt{ width: 65%; margin-top:35px}
	.news .swiper-slide h2, .news .swiper-slide span, .news .swiper-slide p{ padding-left: 0;}
	
	.mapBox .mapImg{ width: 350px;}
	.mapBox .mapData li{ margin: 10px 0;}
	.mapBox .mapData li span{ font-size: 22px;line-height: 30px;}
	.mapBox .mapData li span em{ top: -6px;}
	.mapBox .mapImg{top: 56%;}
	
	.areaBox { bottom: 70px;right:95px;}
	.areaBox .dot{ width:8px; height:8px;margin-left: -4px;margin-top: -4px;}
	.areaBox .pulse{ width:68px; height:68px; left:-29px;top:-29px;}
	
	.index .event .title{ width: 100%}
	.event .postTxt{margin-top:45px}
	.event .title, .event .eventBox p, .event .eventBox span.more{ padding-left: 0;}
	
	.service .serviceBox{ background-size: 42%}
	.meta{ margin-bottom: 8%}
	.meta h1{ font-size: 20px;}
	.meta .metaList{ margin-top: 10px;}
	.meta .metaList span{ font-size: 14px;}
	
	.swiper-container.history .hisText{ width: auto; right: 20px; left: 20px;}
	.swiper-container.history .swiper-button-next{ right: 10%}
	.swiper-container.history .swiper-button-prev{ left: 10%}
	
	
	.bnBox.cateBn .text h3{ font-size: 28px;}
	.bnBox.cateBn .text p{font-size: 20px;}
	
	.header .navbar li{margin:2% 0;}
	

}

@media screen and (max-width:640px){
	.container{width: 90%}
	.index .title{ top: 6%; width: 90%}
	.index .system .title{ width: auto;}
	
	.postBox{ padding: 8% 0;}
	
	.footer-text{width: 90%}
	.title h3{ font-size: 20px;}
	.title span{line-height: 34px;font-size:36px;}
	.title span.more{padding-top: 0px; font-size: 14px;}
	.title span.more i{font-size: 20px;vertical-align: -2px;}

	.news .swiper-slide .item{ width: 85%;padding-top: 15%}
	.news .swiper-slide .postImg{ width: 80%}
	.news .swiper-slide .postTxt{ width: 80%; margin-top:30px}
	.swiper-button-next, .swiper-button-prev,.service .swiper-button-next, .service .swiper-button-prev,.swiper-container.history .swiper-button-next, .swiper-container.history .swiper-button-prev{ top:auto; bottom: 30px; width: 38px; height: 38px; line-height: 37px;}
	.swiper-container.history .swiper-button-next, .swiper-container.history .swiper-button-prev{bottom: 50px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40%}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 40%}
	
	.news .swiper-slide h2{font-size: 16px;}
	.news .swiper-slide span, .news .swiper-slide p{ font-size: 12px;line-height: 26px;}
	
	.swiper-button-next i, .swiper-button-prev i{ font-size: 18px;}
	.swiper-container-vertical .homeNav .swiper-pagination-bullet-active{ width: 2px; margin-left: 0px;}
	
	.service .swiper-slide .car{ width: 95%}
	
	
	.platformBox .swiper-button-next,.platformBox .swiper-button-prev{ display: block;}
	
	.mapBox .mapImg{ width: 350px; position: relative; top: 0; transform: translate(-50%,5%)}
	.mapBox .mapData li{ margin: 5px 0;}
	.mapBox .mapData li span{ font-size: 22px;line-height: 30px;}
	.mapBox .mapData li span em{ top: -6px;}
	.mapBox .mapData li .text{ padding-right: 20%}
	.mapBox .mapData li.even .text{ padding-left: 25%}
	.mapBox .mapImg{top: 56%;}
	
	.event .postImg, .event .postTxt{ width: 75%}
	.event .eventBox p{ max-height: none; font-size: 12px; line-height: 26px;text-align: justify;}
	
	.service .serviceBox{ background-size: 52%;}
	
	
	.ftEwm .img{ width:150px;}
	
	.header.noOpaque{ padding-top: 48px;}
	.header .headerNav{ height: 48px; overflow: hidden;}
	.topBtn i.scBtn{ right: 48px;}
	.header .logo{ margin-top: 14px;}
	.header .logo img{ max-height: 22px;}
	.topBtn i.scBtn{ height: 48px; line-height: 48px;}
	.navBtn{padding: 11px 0px 11px 10px;}
	
	.meta h1{ font-size: 18px; line-height: 28px;}
	.meta .metaList{ margin-top: 8px;}
	.meta .metaList span{ font-size: 12px;}
	
	.swiper-container.history{ padding:60px 0 100px;}
	.swiper-container.history .swiper-button-prev{left: 35%}
	.swiper-container.history .swiper-button-next{right: 35%}
	.swiper-container.history .hisText{ width: auto; right: -5px; left: -5px;}
	.swiper-container.history:before{ bottom: 156px;}
	
	
	.umPage .textBox{ font-size: 14px; line-height: 1.8;}
	
	.bnBox.cateBn .text h3{ font-size: 24px;}
	.bnBox.cateBn .text p{font-size: 16px;}
	
	.fwArr .swiper-button-next,.fwArr .swiper-button-prev{ top:auto}
	.fwArr .swiper-button-next{ right:40%;}
	.fwArr .swiper-button-prev{ left:40%;}
	.fwArr .fwText{ width:45%;}
	.fwArr .fwText .tBox{padding-left:30%}
	.fwArr .fwImg{ padding:50px 50px 100px 50px}
	
	.imgArr ul li img{width:100%;}
	.imgArr.list3 li{ width:100%; max-height:320px;}
	
	
}

@media screen and (max-width:480px){
	.jobList .postArr{ width:100%;}
	.jobList .postArr li{ margin-bottom:15px;}
	.jobList .postArr .postTxt{ margin:15px 0}
	.jobList .postArr .postTxt .time,.jobList .postArr .jobTit:after{ display:none;}
	.jobList .postArr .postTxt .jobTit,.jobTxt{ padding-left:0;}
	.jobList .postArr .postTxt .jobTit h3{ font-size:16px;}
	.jobList .postArr .postTxt .jobTit p{ margin-top:5px;}
	.jobList .postArr .postTxt .dot{ width:26px; height:26px; line-height:24px;top:26px; right:18px;}
	.jobTxt{ margin-top:20px;}
	.jobEmai a{font-size:14px;padding:5px 15px;}
	
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:35%}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 35%}
	
	.service .serviceBox{ background-size: 56%}
	
	.bnBox.cateBn .text{ top: 57%}
	
	.fwArr .fwText .tBox{padding-left:25%}
	.fwArr .fwImg{ padding:50px 20px 85px 20px}
	
	.imgArr.list4 li,.imgArr.list2 li{ width:100%; max-height:320px;}
	
	
}


@media screen and (max-width:440px){
	.swiper-container.history .hisText{right: 60px; left: 60px;}
	.bnBox.cateBn .text{ top: 55%}
	
}

@media screen and (max-width:375px){
	.swiper-container.history .hisText{right: 50px; left: 50px;}
	.fwArr .fwText .tBox{padding-left:15%}
	.fwArr .fwImg{ padding:50px 10px 85px 10px}
}