body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #333;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
}
a:hover{
    color: #0a3699;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

@font-face {
 font-family: 'fontnameRegular';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('fontname.woff') format('woff'),
        url('fontname.ttf') format('truetype'),
        url('fontname.svg#fontname') format('svg');
} 


.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}

.hide-tab{
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img{
	max-width: 999999999px;
}
.BMapLabel{
	display: none !important;
}
body{
    -webkit-text-size-adjust: 100%;
    font-family:"微软雅黑","Microsoft Yahei";
    color: #333;
    font-size: 14px;
    background-color: #fff;
    overflow-x: hidden;
}

.wp{
    max-width: 1400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 992px) {
  .wp {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .wp {
    width: 1100px;
  }
}
@media (min-width: 1281px) {
  .wp {
    width: 1280px;
  }
}
@media (min-width: 1361px) {
  .wp {
    width: 1360px;
  }
}
@media (min-width: 1441px) {
  .wp {
    width: 1440px;
  }
}


/*手机头部*/
html.mm-opened,html.mm-opened body{position:relative;overflow:hidden;width:100%;height:100%}
.mm-opened #mm-blocker,.mm-opened .mm-fixed-bottom,
.mm-opened .mm-fixed-top,.mm-opened .mm-menu,
.mm-opened .mm-menu.mm-horizontal .mm-panel{
	-webkit-transition:none .4s ease;transition:none .4s ease;
	-webkit-transition-property:top,right,bottom,left,border;
	transition-property:top,right,bottom,left,border
}
#mm-blocker{
	position:absolute;z-index:999;top:0;display:none;width:100%;height:100%;
	margin:0;border:0;background:url(about:blank)
}
.mm-blocking #mm-blocker,.mm-opened #mm-blocker{display:block}
.mm-opened.mm-opening .mm-menu{left:0}
.mm-opened #mm-blocker{left:50%}
.mm-menu .mm-hidden{display:none}
.mm-fixed-bottom,.mm-fixed-top{position:fixed;left:0}
.mm-fixed-top{top:0}
.mm-fixed-bottom{bottom:0}
.mm-opened{position:relative;overflow:hidden;width:100%;height:100%}
.mm-menu.mm-current{display:block}
.mm-menu{position:fixed;z-index:1000;top:0;left:-50%;overflow:hidden;width:50%;
	height:100%;padding:0}
.mm-menu .mm-panel{
	position:absolute;z-index:0;top:0;left:100%;overflow-x:hidden;
	overflow-y:hidden;box-sizing:border-box;width:100%;height:100vh;
	padding:20px;background:inherit;-webkit-overflow-scrolling:touch;
	
}
.mm-menu .mm-panel.setMenu.mm-opened{position: fixed;width: 50%;visibility: visible;}

.mm-menu .mm-panel.mm-opened{left:0}
.mm-menu .mm-panel.mm-subopened{left:-40%}
.mm-menu .mm-panel.mm-highest{z-index:1}
.mm-menu .mm-panel.mm-hidden{display:block;visibility:hidden}
.mm-menu .mm-list{padding:20px 0}
.mm-menu>.mm-list{padding:20px 0 40px 0}
.mm-panel>.mm-list{margin-right:-20px;margin-left:-20px}
.mm-panel>.mm-list:first-child{padding-top:0}
.mm-list,.mm-list>li{display:block;margin:0;padding:0;list-style:none;font-size: 16px;}
.mm-list a,.mm-list a:hover{text-decoration:none}
.mm-list>li{position:relative}
.mm-list>li>a,.mm-list>li>span{
	display:block;overflow:hidden;margin:0;padding:10px 10px 10px 20px;
	white-space:nowrap;text-overflow:ellipsis;color:inherit
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after{
	position:absolute;bottom:0;left:0;display:block;width:100%;content:"";
	border-bottom-width:1px;border-bottom-style:solid
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after{
	position:relative;left:auto;width:auto;margin-left:20px
}
.mm-list a.mm-subopen{position:absolute;z-index:2;top:0;right:0;width:40px;height:100%;padding:0}
.mm-list a.mm-subopen::before{
	position:absolute;top:0;left:0;display:block;height:100%;content:"";
	border-left-width:1px;border-left-style:solid
}
.mm-list a.mm-subopen.mm-fullsubopen{width:100%}
.mm-list a.mm-subopen.mm-fullsubopen:before{border-left:0}
.mm-list a.mm-subopen+a,.mm-list a.mm-subopen+span{margin-right:40px;padding-right:5px}
.mm-list>li.mm-selected>a.mm-subopen{background:0 0}
.mm-list>li.mm-selected>a.mm-fullsubopen+a,.mm-list>li.mm-selected>a.mm-fullsubopen+span{
	margin-right:0;padding-right:45px
}
.mm-list a.mm-subclose{
	margin-top:-20px;padding-top:30px;text-indent:20px
}
.mm-list>li.mm-label{
	font-size:10px;line-height:25px;overflow:hidden;padding-right:5px;
	white-space:nowrap;text-indent:20px;text-transform:uppercase;text-overflow:ellipsis
}
.mm-list>li.mm-spacer{padding-top:40px}
.mm-list>li.mm-spacer.mm-label{padding-top:25px}
.mm-list a.mm-subclose:before,.mm-list a.mm-subopen:after{
	position:absolute;bottom:50%;display:block;width:7px;height:7px;margin-bottom:-5px;
	content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);
	border:2px solid transparent
}
.mm-list a.mm-subopen:after{right:18px;border-top:0;border-left:0}
.mm-list a.mm-subclose:before{left:22px;margin-bottom:-15px;border-right:0;border-bottom:0}
.mm-menu.mm-vertical .mm-list .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color:transparent}
.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel{display:block}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen{height:40px}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after{
	top:16px;right:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg)
}
.mm-ismenu{background:#0a3699;}
.mm-menu{color:rgba(255,255,255,.6)}
.mm-menu .mm-list>li:after{border-color:rgba(0,0,0,.15)}
.mm-menu .mm-list>li>a.mm-subclose{color:rgba(255,255,255,.3);background:rgba(0,0,0,.1)}
.mm-menu .mm-list>li>a.mm-subclose:before,.mm-menu .mm-list>li>a.mm-subopen:after{
	border-color:rgba(255,255,255,.3)
}
.mm-menu .mm-list>li>a.mm-subopen:before{border-color:rgba(0,0,0,.15)}
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu .mm-list>li.mm-selected>span{
	background:rgba(0,0,0,.1)
}
.mm-menu .mm-list>li.mm-label{background:rgba(255,255,255,.05)}
.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul{background:rgba(255,255,255,.05)}
@media all and (min-width:880px){
	.mm-menu{left:-440px;width:440px}
	.mm-opened.mm-opening #mm-blocker,.mm-opened.mm-opening .mm-fixed-bottom,
	.mm-opened.mm-opening .mm-fixed-top{left:440px}
}
	.mm-opened.mm-front .mm-fixed-bottom,.mm-opened.mm-front .mm-fixed-top,
	.mm-opened.mm-opening.mm-front .mm-fixed-bottom,
	.mm-opened.mm-opening.mm-front .mm-fixed-top{right:auto;left:0}
	.mm-opened.mm-front .mm-fixed-top,.mm-opened.mm-opening.mm-front .mm-fixed-top{top:0}
	.mm-opened.mm-front .mm-fixed-bottom,.mm-opened.mm-opening.mm-front .mm-fixed-bottom{bottom:0}
	.mm-bottom.mm-menu,.mm-top.mm-menu{left:0;width:100%;height:50%}
	.mm-top.mm-menu{top:-50%;bottom:auto}.mm-top.mm-opened.mm-menu{top:0}
	.mm-top.mm-opened #mm-blocker{top:50%;bottom:auto;left:0}
	.mm-menu.mm-bottom{top:auto;bottom:-50%}
	.mm-bottom.mm-opened .mm-menu{bottom:0}
	.mm-bottom.mm-opened #mm-blocker{top:auto;bottom:50%;left:0}
	.mm-right .mm-menu{right:-50%;left:auto}
	.mm-right.mm-opened.mm-opening .mm-menu{right:0;left:auto}
	.mm-right.mm-opened.mm-opening #mm-blocker{right:50%;left:auto}
@media all and (min-height:1100px){
		.mm-menu.mm-top{top:-880px;height:880px}
		.mm-top.mm-opened.mm-opening #mm-blocker{top:880px}
		.mm-menu.mm-bottom{bottom:-880px;height:880px}
		.mm-bottom.mm-opened.mm-opening #mm-blocker{bottom:880px}
}
.mm-menu.mm-right{right:-440px;left:auto}
@media all and (min-width:880px){
	.mm-menu.mm-right{width:440px}
}
.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:none .4s ease;transition:none .4s ease;
	-webkit-transition-property:top,right,bottom,left,-webkit-transform;
	transition-property:top,right,bottom,left,transform}
.mm-front #mm-blocker{z-index:0}
.mm-menu.mm-front{box-shadow:0 0 15px rgba(0,0,0,.5)}
.mm-opening .mm-menu.mm-front,.mm-opening .mm-menu.mm-next{left:0}
.mm-menu.mm-top.mm-front,.mm-menu.mm-top.mm-next{left:0}
.mm-opening .mm-menu.mm-top.mm-front,.mm-opening .mm-menu.mm-top.mm-next{top:0;left:0}
.mm-menu.mm-right.mm-front,.mm-menu.mm-right.mm-next{left:auto}
.mm-opening .mm-menu.mm-right.mm-front,.mm-opening .mm-menu.mm-right.mm-next{right:0;left:auto}
.mm-menu.mm-bottom.mm-front,.mm-menu.mm-bottom.mm-next{top:auto;left:0}
.mm-opening .mm-menu.mm-bottom.mm-front,.mm-opening .mm-menu.mm-bottom.mm-next{bottom:0;left:0}
.mm-menu.mm-front,.mm-menu.mm-next{left:-50%}
.mm-ismenu.mm-light{background:#f3f3f3}
.mm-menu.mm-light{color:rgba(0,0,0,.6)}
.mm-menu.mm-light .mm-list>li:after{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-light .mm-list>li>a.mm-subclose{color:rgba(0,0,0,.3);background:rgba(255,255,255,.6)}
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before,
.mm-menu.mm-light .mm-list>li>a.mm-subopen:after{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-light .mm-list>li>a.mm-subopen:before{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-light .mm-list>li.mm-selected>span{background:rgba(255,255,255,.6)}
.mm-menu.mm-light .mm-list>li.mm-label{background:rgba(0,0,0,.03)}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul{background:rgba(0,0,0,.03)}
.mm-menu.mm-light .mm-search input{color:rgba(0,0,0,.6);background:rgba(0,0,0,.1)}
.mm-menu.mm-light li.mm-noresults{color:rgba(0,0,0,.3)}
.mm-menu.mm-light em.mm-counter{color:rgba(0,0,0,.3)}
.mm-menu.mm-light .mm-list li.mm-label>div>div{background:rgba(0,0,0,.03)}
.mm-menu.mm-light .mm-header{color:rgba(0,0,0,.3);border-color:rgba(0,0,0,.1)}
.mm-menu.mm-light .mm-header a:before{border-color:rgba(0,0,0,.3)}
.mm-ismenu.mm-white{background:#fff}
.mm-menu.mm-white{color:rgba(0,0,0,.6)}
.mm-menu.mm-white .mm-list>li:after{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-white .mm-list>li>a.mm-subclose{color:rgba(0,0,0,.3);background:rgba(0,0,0,.08)}
.mm-menu.mm-white .mm-list>li>a.mm-subclose:before,
.mm-menu.mm-white .mm-list>li>a.mm-subopen:after{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-white .mm-list>li>a.mm-subopen:before{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-white .mm-list>li.mm-selected>span{background:rgba(0,0,0,.08)}
.mm-menu.mm-white .mm-list>li.mm-label{background:rgba(0,0,0,.03)}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul{background:rgba(0,0,0,.03)}
.mm-menu.mm-white .mm-search input{color:rgba(0,0,0,.6);background:rgba(0,0,0,.1)}
.mm-menu.mm-white li.mm-noresults{color:rgba(0,0,0,.3)}
.mm-menu.mm-white em.mm-counter{color:rgba(0,0,0,.3)}
.mm-menu.mm-white .mm-list li.mm-label>div>div{background:rgba(0,0,0,.03)}
.mm-menu.mm-white .mm-header{color:rgba(0,0,0,.3);border-color:rgba(0,0,0,.1)}
.mm-menu.mm-white .mm-header a:before{border-color:rgba(0,0,0,.3)}
.mm-ismenu.mm-black{background:#000}
.mm-menu.mm-black{color:rgba(255,255,255,.6)}
.mm-menu.mm-black .mm-list>li:after{border-color:rgba(255,255,255,.2)}
.mm-menu.mm-black .mm-list>li>a.mm-subclose{color:rgba(255,255,255,.3);background:rgba(255,255,255,.25)}
.mm-menu.mm-black .mm-list>li>a.mm-subclose:before,
.mm-menu.mm-black .mm-list>li>a.mm-subopen:after{border-color:rgba(255,255,255,.3)}
.mm-menu.mm-black .mm-list>li>a.mm-subopen:before{border-color:rgba(255,255,255,.2)}
.mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-black .mm-list>li.mm-selected>span{background:rgba(255,255,255,.25)}
.mm-menu.mm-black .mm-list>li.mm-label{background:rgba(255,255,255,.15)}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul{background:rgba(255,255,255,.15)}
.mm-menu.mm-black .mm-search input{color:rgba(255,255,255,.6);background:rgba(255,255,255,.3)}.mm-menu.mm-black li.mm-noresults{color:rgba(255,255,255,.3)}.mm-menu.mm-black em.mm-counter{color:rgba(255,255,255,.3)}.mm-menu.mm-black .mm-list li.mm-label>div>div{background:rgba(255,255,255,.15)}.mm-menu.mm-black .mm-header{color:rgba(255,255,255,.3);border-color:rgba(255,255,255,.2)}
.mm-menu.mm-black .mm-header a:before{border-color:rgba(255,255,255,.3)}

.m-hd{
    display: none;
    width: 100%;
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    height: 60px;
    padding: 0 10px;
    /*-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);*/
}
.m-hd .logo-m{display: block;line-height: 60px;}
.m-hd .logo-m img{width: 250px;display: inline-block;vertical-align: middle;}
.m-nav{
    clear: both;
    position: fixed;
    top: 0;
    left: -50%;width: 50%;
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   background: #333;
   box-shadow: 0 0 15px rgb(0 0 0 / 50%);
   padding: 20px 0 40px 0;
}
#nav-toggle { position: absolute; right: 14px; top: 16px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #0a3699; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
#divCover {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.3);
	    z-index: 10;
	    width: 100%;
	}
/* end 手机 */


.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


#top{height: 160px;overflow: hidden;line-height: 160px;}
#top .logo{float: left;}
#top a{display: block;line-height: 160px;}
#top a img{display: inline-block;vertical-align: middle;}
#top .topr{float: right;display: flex;align-items: center;}
#top .logo-s1{margin-right: 80px;}

#nav{height: 60px;background-color: #0a3699;position: relative;z-index: 10;}
#nav li{width: 12%;float: left;text-align: center;position: relative;}
#nav li > a{line-height: 60px;display: block;color: #fff;font-size: 16px;}
#nav li dl{position: absolute;left: 0;top: 60px;width: 100%;    background-color: rgba(75, 61, 29, .5);min-width: 140px;display: none;}
#nav li dl dd a{display: block;position: relative;line-height: 36px;text-align: center;font-size: 16px;
    transition: 0.3s;-weblit-transition: 0.3s;color: #fff;border-left: 3px solid transparent;}
#nav li dl dd a:hover{    background: #4b3d1d;border-left: 3px solid #fff;}
#nav li.ok dl{display: block;}


#banner{position: relative;}
#banner .bg{display: block;padding-bottom: 33.33%;background-size: cover;background-position: center;/*height: 640px;*/}
#banner .slick-dots,
#ban-in-slider .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;}
#ban-in-slider .slick-dots{bottom: 10px;left: auto;right: 0;width: auto;}
#banner .slick-dots li,
#ban-in-slider .slick-dots li{display: inline-block;width: 14px;height: 14px;border: 2px rgba(255, 255, 255, 0.7) solid;margin: 0 10px;
	box-sizing: border-box;cursor: pointer;font-size: 0;border-radius: 100%;}
#banner .slick-dots li button,
#ban-in-slider .slick-dots li button{display: none;}
#banner .slick-dots li.slick-active,
#ban-in-slider .slick-dots li.slick-active{background: #fff;border: 2px #fff solid;}



.index-row1{background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 47px;padding-bottom: 83px;}
.index-row1 .wp{position: relative;}
.index-row1 .wp:after{content: '';position: absolute;bottom: -20px;left: 2px;width: 220px;height: 220px;
    background: linear-gradient(90deg, rgb(13, 45, 140) 0%, rgb(4, 173, 135) 100%);}

.queryBox{width: 345px;float: right;margin-left: 30px;}
.queryBox .box{border: 1px solid #e1e1e1;text-align: center;height: 364px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06);padding: 20px;}
.queryBox h4{font-size: 18px;margin-bottom: 25px;}
.queryBox li{margin-bottom: 13px;}
.queryBox li a{display: inline-block;width: 199px;height: 41px;line-height: 41px;background-color: #0a3699;color:#fff;font-size: 16px;}
.queryBox li a:hover{opacity: .8;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06);
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.i-newsBox{overflow: hidden;}
.tit-i{text-align: center;font-size: 20px;position: relative;padding-bottom: 10px;margin-bottom: 40px;}
.tit-i h3{font-size: 32px;}
.tit-i span{position: relative;text-transform: uppercase;}
.tit-i:after{content: '';position: absolute;left: 50%;bottom: 0;display: block;width: 26px;height: 2px; background: #0a3699;margin-left: -13px;}
.picSlider{float: left;width: 38.7%;background: #fff;box-shadow: 0 0 10px rgba(202, 202, 202, 0.3);position: relative;z-index: 3;margin-right: 23px;}
.picSlider .item  .pic{height: 275px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.picSlider .item .tit{font-size: 16px;line-height: 38px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical;}
.picSlider .item .time{font-size: 14px;color: #999999;margin-top: 2px;line-height: 20px;}
.picSlider .item .txt{padding: 8px 18px 20px 18px;}
.picSlider .slick-dots{position: absolute;right: 18px;bottom: 22px;}
.picSlider .slick-dots li{width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #0a3699;opacity: .4;margin: 0 4px;cursor: pointer;}
.picSlider .slick-dots li button{display: none;}
.picSlider .slick-dots li.slick-active{opacity: 1;}

.i-newsList{overflow: hidden;}
.i-newsList li{display: block;overflow: hidden;height: 60px;line-height: 60px;border-bottom: 1px #cccccc dashed;}
.i-newsList li a{display: block;}
.i-newsList li span{float: right;color: #666666;}
.i-newsList li p{float: left;display: inline-block;max-width: calc(100% - 150px);font-size: 16px;}


.index-row2{padding-top: 48px;overflow: hidden;padding-bottom: 98px;}
.ul-list2 li{float: left;width: 25%;text-align: center;}
.ul-list2 li a{display: block;font-size: 24px;transition: 0.5s;}
.ul-list2 li a:hover{transform: translateY(-10px);}

.index-row3{background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 44px;padding-bottom: 60px;}
.i-aboutBox .tit-i{text-align: left;}
.i-aboutBox .tit-i:after{left: 0;margin-left: 0;}
.i-aboutBox .txt{float: left;width: 37.3%;margin-right: 7.2%;}
.i-aboutBox .txt .in{line-height: 35px; color: #666666;text-align: justify;margin-top: 16px;
    max-height: 320px;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;    -webkit-box-orient: vertical;}
.i-aboutBox .txt p{text-indent: 2em;}
.i-aboutBox .txt .more{display: inline-block; margin-top: 40px;font-size: 16px;font-weight: bold;background: url(../images/more-bg.png) right center no-repeat;
padding-right: 30px;-webkit-transition:.3s;
transition:.3s;}
.i-aboutBox .txt .more:hover{transform: translateX(10px);}
.i-aboutBox .pic{overflow: hidden;	}


.listBox{border-top: 1px solid #ddd;margin-top: 60px;position: relative;}
.listBox:before{content: '';background: url(../images/index_search.png) no-repeat;width: 60px;height: 60px;background-size: 100%;
position: absolute;left: 60px;top: -25px;}
.ul-list1{padding-top: 60px;margin-left: -20px;margin-right: -20px;position: relative;
}
.ul-list1 li{float: left;width: 25%;text-align: center;padding: 0 20px;}
.ul-list1 li a{display: block;position: relative;}
.ul-list1 li a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.ul-list1 li .bg{padding-bottom: 109.67%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ul-list1 li .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transition: 0.5s;-moz-transition: 0.5s;
    -ms-transition: 0.5s;transition: 0.5s;z-index: 5;font-size: 20px;color: #fff;}
.ul-list1 li .txt .ico{margin-bottom: 12px;}
.ul-list1 li:hover .txt{margin-top: -30px;}


.index-row4{background: #fcfcfc;padding-top: 20px;}
.newsListBox{padding-left: 7.8%;padding-right: 7.8%;background: #fff;overflow: hidden;}
.ul-newsList li{width: 33.33%;padding: 0 15px;float: left;margin-bottom: 83px;}
.ul-newsList li .pad .txt{box-shadow: 0 0 10px rgba(202, 202, 202, 0.3);}
.ul-newsList li .time{display: inline-block;width: 65px;height: 72px;text-align: center;background: #0a3699;color: #fff;
border-radius: 8px;padding-top: 15px;font-size: 12px;margin-bottom: 10px;}
.ul-newsList li .time b{display: block;font-size: 15px;margin-bottom: 5px;}
.ul-newsList li .pic{height: 250px;overflow: hidden;}
.ul-newsList li .pic a{display: block;height: 250px;background-size: cover;background-position: center;background-repeat: no-repeat;
-webkit-transition:.3s;
transition:.3s;}
.ul-newsList li .txt{background: #eaeaea;padding: 15px 15px 20px 15px;font-size: 12px;line-height: 28px;color: #666;overflow: hidden;}
.ul-newsList li .txt p{-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    
	-webkit-box-orient: vertical;min-height: 56px;}
.ul-newsList li .txt h3{font-size: 18px;margin-bottom: 15px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical;}
.ul-newsList li .more a{float: right;margin-top: 15px;width: 80px;line-height: 26px;display: inline-block;text-align: center;background: #0a3699;
color: #fff;}
.ul-newsList li:hover .pic a{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-newsList li:hover .txt h3 a{color: #0a3699;}
.ul-newsList li .more a:hover{opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}


.ul-picList{margin-top:50px;}
.ul-picList li{width: 33.33%;padding: 0 15px;float: left;margin-bottom: 60px;}
.ul-picList li .pad .txt{box-shadow: 0 0 10px rgba(202, 202, 202, 0.3);}
.ul-picList li .time{display: inline-block;width: 65px;height: 72px;text-align: center;background: #0a3699;color: #fff;
border-radius: 8px;padding-top: 15px;font-size: 12px;margin-bottom: 10px;}
.ul-picList li .time b{display: block;font-size: 15px;margin-bottom: 5px;}
.ul-picList li .pic{height: 280px;overflow: hidden;}
.ul-picList li .pic a{display: block;height: 280px;background-size: cover;background-position: center;background-repeat: no-repeat;
-webkit-transition:.3s;
transition:.3s;}
.ul-picList li .txt{background: #eaeaea;padding: 15px 15px 20px 15px;font-size: 12px;line-height: 28px;color: #666;overflow: hidden;}
.ul-picList li .txt p{-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    
	-webkit-box-orient: vertical;min-height: 56px;}
.ul-picList li .txt h3{text-align: center;font-size: 18px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical;}
.ul-picList li .more a{float: right;margin-top: 15px;width: 80px;line-height: 26px;display: inline-block;text-align: center;background: #0a3699;
color: #fff;}
.ul-picList li:hover .pic a{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-picList li:hover .txt h3 a{color: #0a3699;}
.ul-picList li .more a:hover{opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

.ul-picList_pinpai{margin-top:50px;}
.ul-picList_pinpai li{width: 20%;padding: 0 15px;float: left;margin-bottom: 60px;}
.ul-picList_pinpai li .pad .txt{box-shadow: 0 0 10px rgba(202, 202, 202, 0.3);}
.ul-picList_pinpai li .txt h3{text-align: center;font-size: 18px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical;}
.ul-picList_pinpai li .pic{height: 250px;overflow: hidden;}
.ul-picList_pinpai li .pic a{display: block;height: 250px;background-size: cover;background-position: center;background-repeat: no-repeat;
-webkit-transition:.3s;
transition:.3s;}
.ul-picList_pinpai li .txt{background: #eaeaea;padding: 15px 15px 20px 15px;font-size: 12px;line-height: 28px;color: #666;overflow: hidden;}
.ul-picList_pinpai li .txt p{-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    
	-webkit-box-orient: vertical;min-height: 56px;}
.ul-picList_pinpai li:hover .pic a{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.ul-picList_pinpai li:hover .txt h3 a{color: #0a3699;}
.ul-picList_pinpai li .more a:hover{opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

.index-row5{background: #fdfdfd;padding-top: 50px;}
.brandSlider{background: #f7f7f7;padding: 20px 0;}
.brandSlider .slider{padding-left: 7.8%;padding-right: 7.8%;}
.brandSlider .item{padding: 0 17px;}
.brandSlider .slick-arrow{position: absolute;top: 50%;width: 60px;height: 60px;border: 0;font-size: 0;margin-top: -30px;z-index: 2;
background-color: transparent;cursor: pointer;}
.brandSlider .slick-prev{left: 3%;background-image: url(../images/left1.png);}
.brandSlider .slick-next{right: 3%;background-image: url(../images/right1.png);}
.brandSlider .slick-prev:hover{background-image: url(../images/left2.png);}
.brandSlider .slick-next:hover{background-image: url(../images/right2.png);}
.brandSlider .item:hover img{box-shadow: 0 0 10px rgba(202, 202, 202, 0.5);}


.index-row5_sub{background: #fdfdfd;padding-top: 0px;}
.brandSlider_sub{background: #f7f7f7;padding: 20px 0;}
.brandSlider_sub .slider{padding-left: 7.8%;padding-right: 7.8%;}
.brandSlider_sub .item{padding: 0 17px;}
.brandSlider_sub .slick-arrow{position: absolute;top: 50%;width: 60px;height: 60px;border: 0;font-size: 0;margin-top: -30px;z-index: 2;
background-color: transparent;cursor: pointer;}
.brandSlider_sub .slick-prev{left: 3%;background-image: url(../images/left1.png);}
.brandSlider_sub .slick-next{right: 3%;background-image: url(../images/right1.png);}
.brandSlider_sub .slick-prev:hover{background-image: url(../images/left2.png);}
.brandSlider_sub .slick-next:hover{background-image: url(../images/right2.png);}
.brandSlider_sub .item:hover img{box-shadow: 0 0 10px rgba(202, 202, 202, 0.5);}

#fd{background-size: cover;background-position: center;background-repeat: no-repeat;margin-top: 70px;padding-top: 60px;}
.fd-top{position: relative;display: flex;justify-content: space-between;color: #fff; padding-bottom: 40px;}
.fd-top .fd-l{width: 26%;}
.fd-top .fd-nav{display: flex;justify-content: space-between;margin-left: 10%; width: 50%;}
.fd-top .fd-r{text-align: center;width: 80px;}
.fd-top .fd-l h2{font-size: 20px;margin-bottom: 16px;}
.fd-top .fd-l p{font-size: 16px; color: rgba(255, 255, 255, 0.7);line-height: 32px;}
.fd-top .fd-l p span{float: left;display: inline-block;}
.fd-top .fd-l p em{display: block;}
.fd-top .fd-nav dt a{font-size: 20px;margin-bottom: 20px;color: #fff;display: block;}
.fd-top .fd-nav dd a{display: block;color: rgba(255, 255, 255, 0.7);font-size: 16px;line-height: 24px;margin-bottom: 8px;}
@media screen and (max-width: 1500px) {
    .fd-top .fd-nav {
        margin-left: 4%;
    }
}
.fd-copy{text-align: right;padding: 40px 0 70px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #fff;font-size: 16px;
line-height: 30px;display: flex;justify-content:space-between;}
.fd-copy  b{font-size: 28px;color: #c09836;font-weight: normal;}
.fd-copy .item{position: relative;margin-right: 20px;display: inline-block;}
.fd-copy .item span{display: flex; justify-content: space-between; position: relative; width: 220px; height: 54px; line-height: 54px; background: rgba(0,0,0,0.14); padding: 0 20px; box-sizing: border-box; font-size: 16px; color: rgba(255,255,255,0.7); cursor: pointer;}
.fd-copy .goDan{line-height: 54px; height: 54px;display: inline-block; color:rgba(255,255,255,0.7); transition: 0.3s; font-size: 16px; max-width: 260px; line-height: 54px; background: rgba(0,0,0,0.14); padding: 0 20px;}
.fd-copy .select span::before{content: ""; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; background: url(../images/down.png) no-repeat center; background-size: contain; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.fd-copy .item ul{ display: none; position: absolute; bottom: 54px; left: 0; width: 100%; background: #fff; max-height: 200px; overflow-y: auto; padding: 10px 20px; box-sizing: border-box; line-height: 28px;} 
.fd-copy .item ul a{display: block; transition: 0.3s;}
.fd-copy .item input.text{ height: 100%; background: none; font-size: 16px; color: #fff; width: calc(100% - 16px);}
.fd-copy .item input::-webkit-input-placeholder { color: color: rgba(255,255,255,0.7);}
.fd-copy .item input::-moz-input-placeholder { color: color: rgba(255,255,255,0.7);}
.fd-copy .item input::-ms-input-placeholder { color: color: rgba(255,255,255,0.7);}
.fd-copy .item input.submit{width: 16px; height: 100%; background: url(../images/search.png) no-repeat center;
 background-size: contain; filter: brightness(0) invert(0.7); cursor: pointer;}
.fd-copy  .fd-copy-r a{color:#FFFFFF;}


.tit-query{background: url(../images/footBg.jpg) no-repeat;color: #fff;padding: 50px 0;text-align: center;position: relative;}
.tit-query:before{content: '';background:rgba(255,255,255,.1); position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.tit-query h3{font-size: 40px;margin-bottom: 10px;}
.tit-query span{font-size: 22px;color: #8a99b5;text-transform: uppercase;}
.queryBoxIn{background: #0a3699; padding: 30px 0 30px 0;}
.queryIn{border-radius: 20px;max-height: 540px;display: flex;overflow: hidden;}
.formBox{display: flex;align-items: center;background: #fff;flex: 0 0 840px;padding: 37px 82px 57px 82px;}
.formBox > div{width: 100%;}
.queryInfo{background: rgba(233, 236, 242, 1);padding: 37px 62px 57px 62px;overflow: auto;font-family: "黑体";}
.queryIn h3{font-size: 24px;color: rgba(36, 38, 43, 1);text-align: center; margin-bottom: 10px;}
.queryIn .item h4{margin-top: 20px;margin-left: 10px;font-size: 16px;color: rgba(102, 107, 122, 1);}
.queryIn .item .inp{width: 100%;height: 50px;margin-top: 10px;padding: 15px 10px;background: rgba(233, 236, 242, 1);
    border-radius: 5px;font-size: 14px;font-weight: 400;border: 0;}
.queryIn .sub{cursor: pointer; display: flex;justify-content: center;align-items: center;width: 100%;border: 0;
    height: 50px; margin-top: 40px; background: #0a3699;border-radius: 5px;font-size: 16px;color: #fff;}
.queryInfo h4{margin-bottom: 20px;font-size: 20px;font-weight: 400;}
.queryInfo p{font-size: 15px;color: rgba(102, 107, 122, 1);white-space: pre-line !important;margin-bottom: 20px;}


#ban-in2{display: block;padding-bottom: 18.23%;background-size: cover;background-position: center;}
.curBox{height: 60px;line-height: 60px; border-bottom: 1px #d7d7d7 solid;}
.curBox .cur{float: left;display: flex;align-items: center;background: #0a3699;padding: 0 40px;font-size: 22px;color: #ffffff;}
.curBox .cur img { margin-right: 16px;}
.curBox .classname{float: right;}
.curBox .classname a{display: inline-block;font-size: 18px;margin-left: 44px;transition: 0.4s;position: relative;}
.curBox .classname a:before {content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%); width: 0; height: 4px;
    background: #0a3699;transition: 0.4s;}
.curBox .classname a.on:before,
.curBox .classname a:hover:before {width: 32px;}
.newsList{margin-top: 80px;}
.newsList li{overflow: hidden;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #cccccc solid;display: flex;align-items:center;}
.newsList li .pic{width: 370px;height: 275px;margin-right: 55px;overflow: hidden;}
.newsList li .pic a{display: block;width: 100%;height: 100%;background-size: cover;-webkit-transition:.3s;
transition:.3s;}
.newsList li .txt{overflow: hidden;width: calc(100% - 420px);line-height: 26px;color: #666;font-size: 14px;}
.newsList li .txt h3{height: 42px;line-height: 42px;font-size: 18px;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;}
.newsList li .txt .time{margin-bottom: 20px;}
.newsList li:hover .pic a{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.newsList li:hover h3 a{color: #0a3699;}

.newsList_fap{margin-top: 80px;}
.newsList_fap li{overflow: hidden;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #cccccc solid;display: flex;align-items:center;}
.newsList_fap li .txt{overflow: hidden;width: calc(100% - 20px);line-height: 26px;color: #666;font-size: 14px;}
.newsList_fap li .txt h3{height: 42px;line-height: 42px;font-size: 18px;white-space: nowrap;    overflow: hidden;text-overflow: ellipsis;}
.newsList_fap li:hover .pic a{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}
.newsList_fap li:hover h3 a{color: #0a3699;}

.pages{text-align: center;font-size: 0;}
.pages a{display: inline-block;height: 38px;line-height: 38px;padding: 0 14px;border: 1px #d8d8d8 solid;transition: 0.3s;font-size: 14px;margin-left: -1px;}
.pages a.on,
.pages a:hover{background: #f3f3f3;}

.articleBox{padding-top: 60px;}
.articleBox h1{font-size: 25px; color: #212121;text-align: center; line-height: 35px;font-weight: bold}
.articleBox .time{font-size: 16px;color: #757575;text-align: center;text-align: center;line-height: 30px; margin-top:20px;}
.articleBox .cont{border-top: 1px solid #ccc;font-size: 15px; line-height: 38px;margin-top: 40px;margin-bottom: 40px; padding-top: 40px}
.articleBox .cont p{ text-indent:2em}

.queryResult{max-width: 600px;width: 100%;margin: 0 auto;}
.queryResult h4{font-size: 18px;color: #fff;text-align: center;color: #fff;margin-bottom: 40px;}
.resultBox{background-size: 100%;background-repeat: no-repeat;background-position: 0 0;padding: 30px;overflow: hidden;font-weight: bold;}
.parameter{float: left;width: 60%;padding-right: 30px;position: relative;min-height: 360px;}
.parameter .item{line-height: 35px;display: flex;justify-content: space-between;font-size: 12px;}
.parameter .person{position: absolute;left: 0;bottom: 30px;width: 100%;font-size: 12px;}
.parameter .person span{margin-left: 0px;margin-right: 25px;}
.parameter .person span:last-child{margin-right: 0;}
.rightInfo{overflow: hidden;text-align: center;font-weight: bold;}
.rightInfo h5{font-size: 12px;font-weight: bold;}
.rightInfo .pic{height: 150px;}
.rightInfo .pic img{width: 140px;margin-top: 30px;}
.rightInfo .name{font-size: 12px;margin-top: 15px;}
.rightInfo .ewm{margin: 10px auto;font-size: 12px;}
.rightInfo .ewm img{width: 93px;}

.parameter_hgz{width: 100%;padding-right: 30px;position: relative;min-height: 360px; background-color:#FFFFFF}
.parameter_hgz .item{line-height: 35px;display: flex;justify-content: space-between;font-size: 12px;}
.parameter_hgz .item h4{display: block; margin: 0 auto;font-size: 18px;color:#000000;text-align: center;margin-bottom: 20px; margin-top:30px;}

.table {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
 
.table-row {
  display: table-row;
}
 
.table-cell1 {
  display: table-cell;
  border: 1px solid #ccc;
  padding: 10px;
  font-size:14px;
  font-weight:400;
  width:35%;
}
.table-cell2 {
  display: table-cell;
  border: 1px solid #ccc;
  padding: 10px;
  font-size:14px;
  font-weight:400;
  width:65%;  
}

#ban-in-slider .pic a{display: block; height: 320px;background-size: cover;position: relative;
    background-position:inherit: center; background-repeat: no-repeat;-webkit-transition: .3s;transition: .3s;}
#ban-in-slider .pic a p{position: absolute;left: 0;bottom: 0;width: 100%;padding: 8px 10px;background: rgba(0,0,0,.6);color:#fff;
font-size: 14px;}
.m-show{display: none;}
.pc-show{}




@charset "UTF-8";


   /*!
   Animate.css - http://daneden.me/animate
   Licensed under the MIT license

   Copyright (c) 2013 Daniel Eden

   Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

   The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
   */

   .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }

   .animated2 {
     -webkit-animation-duration: .3s;
     animation-duration: .3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }

   .animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
   }

   @-webkit-keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     40% {
       -webkit-transform: translateY(-30px);
       transform: translateY(-30px);
     }

     60% {
       -webkit-transform: translateY(-15px);
       transform: translateY(-15px);
     }
   }

   @keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     40% {
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       transform: translateY(-30px);
     }

     60% {
       -webkit-transform: translateY(-15px);
       -ms-transform: translateY(-15px);
       transform: translateY(-15px);
     }
   }

   .bounce {
     -webkit-animation-name: bounce;
     animation-name: bounce;
   }

   @-webkit-keyframes flash {
     0%, 50%, 100% {
       opacity: 1;
     }

     25%, 75% {
       opacity: 0;
     }
   }

   @keyframes flash {
     0%, 50%, 100% {
       opacity: 1;
     }

     25%, 75% {
       opacity: 0;
     }
   }

   .flash {
     -webkit-animation-name: flash;
     animation-name: flash;
   }

   /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

   @-webkit-keyframes pulse {
     0% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }

     50% {
       -webkit-transform: scale(1.3);
       transform: scale(1.3);
     }

     100% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }
   }

   @keyframes pulse {
     0% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
     }

     50% {
       -webkit-transform: scale(1.3);
       -ms-transform: scale(1.3);
       transform: scale(1.3);
     }

     100% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
     }
   }

   .pulse {
     -webkit-animation-name: pulse;
     animation-name: pulse;
   }

   @-webkit-keyframes shake {
     0%, 100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     10%, 30%, 50%, 70%, 90% {
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
     }

     20%, 40%, 60%, 80% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
     }
   }

   @keyframes shake {
     0%, 100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     10%, 30%, 50%, 70%, 90% {
       -webkit-transform: translateX(-10px);
       -ms-transform: translateX(-10px);
       transform: translateX(-10px);
     }

     20%, 40%, 60%, 80% {
       -webkit-transform: translateX(10px);
       -ms-transform: translateX(10px);
       transform: translateX(10px);
     }
   }

   .shake {
     -webkit-animation-name: shake;
     animation-name: shake;
   }

   @-webkit-keyframes swing {
     20% {
       -webkit-transform: rotate(15deg);
       transform: rotate(15deg);
     }

     40% {
       -webkit-transform: rotate(-10deg);
       transform: rotate(-10deg);
     }

     60% {
       -webkit-transform: rotate(5deg);
       transform: rotate(5deg);
     }

     80% {
       -webkit-transform: rotate(-5deg);
       transform: rotate(-5deg);
     }

     100% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }
   }

   @keyframes swing {
     20% {
       -webkit-transform: rotate(15deg);
       -ms-transform: rotate(15deg);
       transform: rotate(15deg);
     }

     40% {
       -webkit-transform: rotate(-10deg);
       -ms-transform: rotate(-10deg);
       transform: rotate(-10deg);
     }

     60% {
       -webkit-transform: rotate(5deg);
       -ms-transform: rotate(5deg);
       transform: rotate(5deg);
     }

     80% {
       -webkit-transform: rotate(-5deg);
       -ms-transform: rotate(-5deg);
       transform: rotate(-5deg);
     }

     100% {
       -webkit-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
     }
   }

   .swing {
     -webkit-transform-origin: top center;
     -ms-transform-origin: top center;
     transform-origin: top center;
     -webkit-animation-name: swing;
     animation-name: swing;
   }

   @-webkit-keyframes tada {
     0% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }

     10%, 20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
     }

     30%, 50%, 70%, 90% {
       -webkit-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
     }

     40%, 60%, 80% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
     }

     100% {
       -webkit-transform: scale(1) rotate(0);
       transform: scale(1) rotate(0);
     }
   }

   @keyframes tada {
     0% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
     }

     10%, 20% {
       -webkit-transform: scale(0.9) rotate(-3deg);
       -ms-transform: scale(0.9) rotate(-3deg);
       transform: scale(0.9) rotate(-3deg);
     }

     30%, 50%, 70%, 90% {
       -webkit-transform: scale(1.1) rotate(3deg);
       -ms-transform: scale(1.1) rotate(3deg);
       transform: scale(1.1) rotate(3deg);
     }

     40%, 60%, 80% {
       -webkit-transform: scale(1.1) rotate(-3deg);
       -ms-transform: scale(1.1) rotate(-3deg);
       transform: scale(1.1) rotate(-3deg);
     }

     100% {
       -webkit-transform: scale(1) rotate(0);
       -ms-transform: scale(1) rotate(0);
       transform: scale(1) rotate(0);
     }
   }

   .tada {
     -webkit-animation-name: tada;
     animation-name: tada;
   }

   /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

   @-webkit-keyframes wobble {
     0% {
       -webkit-transform: translateX(0%);
       transform: translateX(0%);
     }

     15% {
       -webkit-transform: translateX(-25%) rotate(-5deg);
       transform: translateX(-25%) rotate(-5deg);
     }

     30% {
       -webkit-transform: translateX(20%) rotate(3deg);
       transform: translateX(20%) rotate(3deg);
     }

     45% {
       -webkit-transform: translateX(-15%) rotate(-3deg);
       transform: translateX(-15%) rotate(-3deg);
     }

     60% {
       -webkit-transform: translateX(10%) rotate(2deg);
       transform: translateX(10%) rotate(2deg);
     }

     75% {
       -webkit-transform: translateX(-5%) rotate(-1deg);
       transform: translateX(-5%) rotate(-1deg);
     }

     100% {
       -webkit-transform: translateX(0%);
       transform: translateX(0%);
     }
   }

   @keyframes wobble {
     0% {
       -webkit-transform: translateX(0%);
       -ms-transform: translateX(0%);
       transform: translateX(0%);
     }

     15% {
       -webkit-transform: translateX(-25%) rotate(-5deg);
       -ms-transform: translateX(-25%) rotate(-5deg);
       transform: translateX(-25%) rotate(-5deg);
     }

     30% {
       -webkit-transform: translateX(20%) rotate(3deg);
       -ms-transform: translateX(20%) rotate(3deg);
       transform: translateX(20%) rotate(3deg);
     }

     45% {
       -webkit-transform: translateX(-15%) rotate(-3deg);
       -ms-transform: translateX(-15%) rotate(-3deg);
       transform: translateX(-15%) rotate(-3deg);
     }

     60% {
       -webkit-transform: translateX(10%) rotate(2deg);
       -ms-transform: translateX(10%) rotate(2deg);
       transform: translateX(10%) rotate(2deg);
     }

     75% {
       -webkit-transform: translateX(-5%) rotate(-1deg);
       -ms-transform: translateX(-5%) rotate(-1deg);
       transform: translateX(-5%) rotate(-1deg);
     }

     100% {
       -webkit-transform: translateX(0%);
       -ms-transform: translateX(0%);
       transform: translateX(0%);
     }
   }

   .wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble;
   }

   @-webkit-keyframes bounceIn {
     0% {
       opacity: 0;
       -webkit-transform: scale(.3);
       transform: scale(.3);
     }

     50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       transform: scale(1.05);
     }

     70% {
       -webkit-transform: scale(.9);
       transform: scale(.9);
     }

     100% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }
   }

   @keyframes bounceIn {
     0% {
       opacity: 0;
       -webkit-transform: scale(.3);
       -ms-transform: scale(.3);
       transform: scale(.3);
     }

     50% {
       opacity: 1;
       -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
       transform: scale(1.05);
     }

     70% {
       -webkit-transform: scale(.9);
       -ms-transform: scale(.9);
       transform: scale(.9);
     }

     100% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
     }
   }

   .bounceIn {
     -webkit-animation-name: bounceIn;
     animation-name: bounceIn;
   }

   @-webkit-keyframes bounceInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-100px) scaleY(1);
       transform: translateY(-100px) scaleY(1);
     }

     80% {
       opacity: 1;
       -webkit-transform: translateY(5px) scaleY(0.95);
       transform: translateY(5px) scaleY(0.95);
     }

     90% {
       -webkit-transform: translateY(-5px) scaleY(1.05);
       transform: translateY(-5px) scaleY(1.05);
     }

     100% {
       -webkit-transform: translateY(0) scaleY(1);
       transform: translateY(0) scaleY(1);
     }
   }

   @keyframes bounceInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-100px) scaleY(1);
       -ms-transform: translateY(-100px) scaleY(1);
       transform: translateY(-100px) scaleY(1);
     }

     80% {
       opacity: 1;
       -webkit-transform: translateY(5px) scaleY(0.95);
       -ms-transform: translateY(5px) scaleY(0.95);
       transform: translateY(5px) scaleY(0.95);
     }

     90% {
       -webkit-transform: translateY(-5px) scaleY(1.05);
       -ms-transform: translateY(-5px) scaleY(1.05);
       transform: translateY(-5px) scaleY(1.05);
     }

     100% {
       -webkit-transform: translateY(0) scaleY(1);
       -ms-transform: translateY(0) scaleY(1);
       transform: translateY(0) scaleY(1);
     }
   }

   .bounceInDown {
     -webkit-animation-name: bounceInDown;
     animation-name: bounceInDown;
   }

   @-webkit-keyframes bounceInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateX(30px);
       transform: translateX(30px);
     }

     80% {
   	  opacity: 1;
       -webkit-transform: translateX(-10px);
       transform: translateX(-10px);
     }

     100% {
   	  opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes bounceInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateX(30px);
       -ms-transform: translateX(30px);
       transform: translateX(30px);
     }

     80% {
   	  opacity: 1;
       -webkit-transform: translateX(-10px);
       -ms-transform: translateX(-10px);
       transform: translateX(-10px);
     }

     100% {
   	  opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .bounceInLeft {
     -webkit-animation-name: bounceInLeft;
     animation-name: bounceInLeft;
   }

   @-webkit-keyframes bounceInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
       transform: translateX(-30px);
     }

     80% {
       -webkit-transform: translateX(10px);
       transform: translateX(10px);
     }

     100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes bounceInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateX(-30px);
       -ms-transform: translateX(-30px);
       transform: translateX(-30px);
     }

     80% {
       -webkit-transform: translateX(10px);
       -ms-transform: translateX(10px);
       transform: translateX(10px);
     }

     100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .bounceInRight {
     -webkit-animation-name: bounceInRight;
     animation-name: bounceInRight;
   }

   @-webkit-keyframes bounceInUp {
     0% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
       transform: translateY(-30px);
     }

     80% {
       -webkit-transform: translateY(10px);
       transform: translateY(10px);
     }

     100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes bounceInUp {
     0% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       transform: translateY(2000px);
     }

     60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
       -ms-transform: translateY(-30px);
       transform: translateY(-30px);
     }

     80% {
       -webkit-transform: translateY(10px);
       -ms-transform: translateY(10px);
       transform: translateY(10px);
     }

     100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .bounceInUp {
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp;
   }

   @-webkit-keyframes bounceOut {
     0% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }

     25% {
       -webkit-transform: scale(.95);
       transform: scale(.95);
     }

     50% {
       opacity: 1;
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
     }

     100% {
       opacity: 0;
       -webkit-transform: scale(.3);
       transform: scale(.3);
     }
   }

   @keyframes bounceOut {
     0% {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
     }

     25% {
       -webkit-transform: scale(.95);
       -ms-transform: scale(.95);
       transform: scale(.95);
     }

     50% {
       opacity: 1;
       -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
       transform: scale(1.1);
     }

     100% {
       opacity: 0;
       -webkit-transform: scale(.3);
       -ms-transform: scale(.3);
       transform: scale(.3);
     }
   }

   .bounceOut {
     -webkit-animation-name: bounceOut;
     animation-name: bounceOut;
   }

   @-webkit-keyframes bounceOutDown {
     0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
     }
   }

   @keyframes bounceOutDown {
     0% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       transform: translateY(-20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       transform: translateY(2000px);
     }
   }

   .bounceOutDown {
     -webkit-animation-name: bounceOutDown;
     animation-name: bounceOutDown;
   }

   @-webkit-keyframes bounceOutLeft {
     0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   @keyframes bounceOutLeft {
     0% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       transform: translateX(20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   .bounceOutLeft {
     -webkit-animation-name: bounceOutLeft;
     animation-name: bounceOutLeft;
   }

   @-webkit-keyframes bounceOutRight {
     0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   @keyframes bounceOutRight {
     0% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       transform: translateX(-20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   .bounceOutRight {
     -webkit-animation-name: bounceOutRight;
     animation-name: bounceOutRight;
   }

   @-webkit-keyframes bounceOutUp {
     0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   @keyframes bounceOutUp {
     0% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     20% {
       opacity: 1;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       transform: translateY(20px);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   .bounceOutUp {
     -webkit-animation-name: bounceOutUp;
     animation-name: bounceOutUp;
   }

   @-webkit-keyframes fadeIn {
     0% {
       opacity: 0;
     }

     100% {
       opacity: 1;
     }
   }

   @keyframes fadeIn {
     0% {
       opacity: 0;
     }

     100% {
       opacity: 1;
     }
   }

   .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
   }

   @-webkit-keyframes fadeInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
       transform: translateY(-20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes fadeInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
       -ms-transform: translateY(-20px);
       transform: translateY(-20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
   }

   @-webkit-keyframes fadeInDownBig {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes fadeInDownBig {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .fadeInDownBig {
     -webkit-animation-name: fadeInDownBig;
     animation-name: fadeInDownBig;
   }

   @-webkit-keyframes fadeInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes fadeInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       transform: translateX(-20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
   }

   @-webkit-keyframes fadeInLeftBig {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes fadeInLeftBig {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .fadeInLeftBig {
     -webkit-animation-name: fadeInLeftBig;
     animation-name: fadeInLeftBig;
   }

   @-webkit-keyframes fadeInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes fadeInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       transform: translateX(20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
   }

   @-webkit-keyframes fadeInRightBig {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes fadeInRightBig {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .fadeInRightBig {
     -webkit-animation-name: fadeInRightBig;
     animation-name: fadeInRightBig;
   }

   @-webkit-keyframes fadeInUp {
     0% {
       opacity: 0;
       -webkit-transform: translateY(80px);
       transform: translateY(80px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes fadeInUp {
     0% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       transform: translateY(20px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
   }

   @-webkit-keyframes fadeInUpBig {
     0% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes fadeInUpBig {
     0% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       transform: translateY(2000px);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .fadeInUpBig {
     -webkit-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig;
   }

   @-webkit-keyframes fadeOut {
     0% {
       opacity: 1;
     }

     100% {
       opacity: 0;
     }
   }

   @keyframes fadeOut {
     0% {
       opacity: 1;
     }

     100% {
       opacity: 0;
     }
   }

   .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
   }

   @-webkit-keyframes fadeOutDown {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       transform: translateY(20px);
     }
   }

   @keyframes fadeOutDown {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       transform: translateY(20px);
     }
   }

   .fadeOutDown {
     -webkit-animation-name: fadeOutDown;
     animation-name: fadeOutDown;
   }

   @-webkit-keyframes fadeOutDownBig {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       transform: translateY(2000px);
     }
   }

   @keyframes fadeOutDownBig {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
       -ms-transform: translateY(2000px);
       transform: translateY(2000px);
     }
   }

   .fadeOutDownBig {
     -webkit-animation-name: fadeOutDownBig;
     animation-name: fadeOutDownBig;
   }

   @-webkit-keyframes fadeOutLeft {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
     }
   }

   @keyframes fadeOutLeft {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
       -ms-transform: translateX(-20px);
       transform: translateX(-20px);
     }
   }

   .fadeOutLeft {
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft;
   }

   @-webkit-keyframes fadeOutLeftBig {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   @keyframes fadeOutLeftBig {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   .fadeOutLeftBig {
     -webkit-animation-name: fadeOutLeftBig;
     animation-name: fadeOutLeftBig;
   }

   @-webkit-keyframes fadeOutRight {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       transform: translateX(20px);
     }
   }

   @keyframes fadeOutRight {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(20px);
       -ms-transform: translateX(20px);
       transform: translateX(20px);
     }
   }

   .fadeOutRight {
     -webkit-animation-name: fadeOutRight;
     animation-name: fadeOutRight;
   }

   @-webkit-keyframes fadeOutRightBig {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   @keyframes fadeOutRightBig {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   .fadeOutRightBig {
     -webkit-animation-name: fadeOutRightBig;
     animation-name: fadeOutRightBig;
   }

   @-webkit-keyframes fadeOutUp {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(100%);
       transform: translateY(100%);
     }
   }

   @keyframes fadeOutUp {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateY(100%);
       -ms-transform: translateY(100%);
       transform: translateY(100%);
     }
   }

   .fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp;
   }

   @-webkit-keyframes fadeOutUpBig {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   @keyframes fadeOutUpBig {
     0% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   .fadeOutUpBig {
     -webkit-animation-name: fadeOutUpBig;
     animation-name: fadeOutUpBig;
   }

   @-webkit-keyframes flip {
     0% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
       transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
     }

     40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
     }

     50% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }

     80% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
       transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }

     100% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
       transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }
   }

   @keyframes flip {
     0% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
       -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
       transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
     }

     40% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out;
     }

     50% {
       -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
       -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
       transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }

     80% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
       -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
       transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }

     100% {
       -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
       -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
       transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in;
     }
   }

   .animated.flip {
     -webkit-backface-visibility: visible;
     -ms-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-animation-name: flip;
     animation-name: flip;
   }

   @-webkit-keyframes flipInX {
     0% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0;
     }

     40% {
       -webkit-transform: perspective(400px) rotateX(-10deg);
       transform: perspective(400px) rotateX(-10deg);
     }

     70% {
       -webkit-transform: perspective(400px) rotateX(10deg);
       transform: perspective(400px) rotateX(10deg);
     }

     100% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       opacity: 1;
     }
   }

   @keyframes flipInX {
     0% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       -ms-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0;
     }

     40% {
       -webkit-transform: perspective(400px) rotateX(-10deg);
       -ms-transform: perspective(400px) rotateX(-10deg);
       transform: perspective(400px) rotateX(-10deg);
     }

     70% {
       -webkit-transform: perspective(400px) rotateX(10deg);
       -ms-transform: perspective(400px) rotateX(10deg);
       transform: perspective(400px) rotateX(10deg);
     }

     100% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       -ms-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       opacity: 1;
     }
   }

   .flipInX {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInX;
     animation-name: flipInX;
   }

   @-webkit-keyframes flipInY {
     0% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0;
     }

     40% {
       -webkit-transform: perspective(400px) rotateY(-10deg);
       transform: perspective(400px) rotateY(-10deg);
     }

     70% {
       -webkit-transform: perspective(400px) rotateY(10deg);
       transform: perspective(400px) rotateY(10deg);
     }

     100% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       opacity: 1;
     }
   }

   @keyframes flipInY {
     0% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       -ms-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0;
     }

     40% {
       -webkit-transform: perspective(400px) rotateY(-10deg);
       -ms-transform: perspective(400px) rotateY(-10deg);
       transform: perspective(400px) rotateY(-10deg);
     }

     70% {
       -webkit-transform: perspective(400px) rotateY(10deg);
       -ms-transform: perspective(400px) rotateY(10deg);
       transform: perspective(400px) rotateY(10deg);
     }

     100% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       -ms-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       opacity: 1;
     }
   }

   .flipInY {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
   }

   @-webkit-keyframes flipOutX {
     0% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0;
     }
   }

   @keyframes flipOutX {
     0% {
       -webkit-transform: perspective(400px) rotateX(0deg);
       -ms-transform: perspective(400px) rotateX(0deg);
       transform: perspective(400px) rotateX(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: perspective(400px) rotateX(90deg);
       -ms-transform: perspective(400px) rotateX(90deg);
       transform: perspective(400px) rotateX(90deg);
       opacity: 0;
     }
   }

   .flipOutX {
     -webkit-animation-name: flipOutX;
     animation-name: flipOutX;
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
   }

   @-webkit-keyframes flipOutY {
     0% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0;
     }
   }

   @keyframes flipOutY {
     0% {
       -webkit-transform: perspective(400px) rotateY(0deg);
       -ms-transform: perspective(400px) rotateY(0deg);
       transform: perspective(400px) rotateY(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: perspective(400px) rotateY(90deg);
       -ms-transform: perspective(400px) rotateY(90deg);
       transform: perspective(400px) rotateY(90deg);
       opacity: 0;
     }
   }

   .flipOutY {
     -webkit-backface-visibility: visible !important;
     -ms-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipOutY;
     animation-name: flipOutY;
   }

   @-webkit-keyframes lightSpeedIn {
     0% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0;
     }

     60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       opacity: 1;
     }

     80% {
       -webkit-transform: translateX(0%) skewX(-15deg);
       transform: translateX(0%) skewX(-15deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       opacity: 1;
     }
   }

   @keyframes lightSpeedIn {
     0% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       -ms-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0;
     }

     60% {
       -webkit-transform: translateX(-20%) skewX(30deg);
       -ms-transform: translateX(-20%) skewX(30deg);
       transform: translateX(-20%) skewX(30deg);
       opacity: 1;
     }

     80% {
       -webkit-transform: translateX(0%) skewX(-15deg);
       -ms-transform: translateX(0%) skewX(-15deg);
       transform: translateX(0%) skewX(-15deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: translateX(0%) skewX(0deg);
       -ms-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       opacity: 1;
     }
   }

   .lightSpeedIn {
     -webkit-animation-name: lightSpeedIn;
     animation-name: lightSpeedIn;
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
   }

   @-webkit-keyframes lightSpeedOut {
     0% {
       -webkit-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0;
     }
   }

   @keyframes lightSpeedOut {
     0% {
       -webkit-transform: translateX(0%) skewX(0deg);
       -ms-transform: translateX(0%) skewX(0deg);
       transform: translateX(0%) skewX(0deg);
       opacity: 1;
     }

     100% {
       -webkit-transform: translateX(100%) skewX(-30deg);
       -ms-transform: translateX(100%) skewX(-30deg);
       transform: translateX(100%) skewX(-30deg);
       opacity: 0;
     }
   }

   .lightSpeedOut {
     -webkit-animation-name: lightSpeedOut;
     animation-name: lightSpeedOut;
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in;
   }

   @-webkit-keyframes rotateIn {
     0% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(-200deg);
       transform: rotate(-200deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   @keyframes rotateIn {
     0% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(-200deg);
       -ms-transform: rotate(-200deg);
       transform: rotate(-200deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   .rotateIn {
     -webkit-animation-name: rotateIn;
     animation-name: rotateIn;
   }

   @-webkit-keyframes rotateInDownLeft {
     0% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   @keyframes rotateInDownLeft {
     0% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   .rotateInDownLeft {
     -webkit-animation-name: rotateInDownLeft;
     animation-name: rotateInDownLeft;
   }

   @-webkit-keyframes rotateInDownRight {
     0% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   @keyframes rotateInDownRight {
     0% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   .rotateInDownRight {
     -webkit-animation-name: rotateInDownRight;
     animation-name: rotateInDownRight;
   }

   @-webkit-keyframes rotateInUpLeft {
     0% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   @keyframes rotateInUpLeft {
     0% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   .rotateInUpLeft {
     -webkit-animation-name: rotateInUpLeft;
     animation-name: rotateInUpLeft;
   }

   @-webkit-keyframes rotateInUpRight {
     0% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   @keyframes rotateInUpRight {
     0% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }

     100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }
   }

   .rotateInUpRight {
     -webkit-animation-name: rotateInUpRight;
     animation-name: rotateInUpRight;
   }

   @-webkit-keyframes rotateOut {
     0% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0;
     }
   }

   @keyframes rotateOut {
     0% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: center center;
       -ms-transform-origin: center center;
       transform-origin: center center;
       -webkit-transform: rotate(200deg);
       -ms-transform: rotate(200deg);
       transform: rotate(200deg);
       opacity: 0;
     }
   }

   .rotateOut {
     -webkit-animation-name: rotateOut;
     animation-name: rotateOut;
   }

   @-webkit-keyframes rotateOutDownLeft {
     0% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }
   }

   @keyframes rotateOutDownLeft {
     0% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }
   }

   .rotateOutDownLeft {
     -webkit-animation-name: rotateOutDownLeft;
     animation-name: rotateOutDownLeft;
   }

   @-webkit-keyframes rotateOutDownRight {
     0% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }
   }

   @keyframes rotateOutDownRight {
     0% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }
   }

   .rotateOutDownRight {
     -webkit-animation-name: rotateOutDownRight;
     animation-name: rotateOutDownRight;
   }

   @-webkit-keyframes rotateOutUpLeft {
     0% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }
   }

   @keyframes rotateOutUpLeft {
     0% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: left bottom;
       -ms-transform-origin: left bottom;
       transform-origin: left bottom;
       -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       transform: rotate(-90deg);
       opacity: 0;
     }
   }

   .rotateOutUpLeft {
     -webkit-animation-name: rotateOutUpLeft;
     animation-name: rotateOutUpLeft;
   }

   @-webkit-keyframes rotateOutUpRight {
     0% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }
   }

   @keyframes rotateOutUpRight {
     0% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       opacity: 1;
     }

     100% {
       -webkit-transform-origin: right bottom;
       -ms-transform-origin: right bottom;
       transform-origin: right bottom;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
       opacity: 0;
     }
   }

   .rotateOutUpRight {
     -webkit-animation-name: rotateOutUpRight;
     animation-name: rotateOutUpRight;
   }

   @-webkit-keyframes slideInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }

     100% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }
   }

   @keyframes slideInDown {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }

     100% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }
   }

   .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
   }

   @-webkit-keyframes slideInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes slideInLeft {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }

     100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
   }

   @-webkit-keyframes slideInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     100% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }
   }

   @keyframes slideInRight {
     0% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }

     100% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }
   }

   .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
   }

   @-webkit-keyframes slideOutLeft {
     0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   @keyframes slideOutLeft {
     0% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(-2000px);
       -ms-transform: translateX(-2000px);
       transform: translateX(-2000px);
     }
   }

   .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft;
   }

   @-webkit-keyframes slideOutRight {
     0% {
       -webkit-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   @keyframes slideOutRight {
     0% {
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
       transform: translateX(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(2000px);
       -ms-transform: translateX(2000px);
       transform: translateX(2000px);
     }
   }

   .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight;
   }

   @-webkit-keyframes slideOutUp {
     0% {
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   @keyframes slideOutUp {
     0% {
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateY(-2000px);
       -ms-transform: translateY(-2000px);
       transform: translateY(-2000px);
     }
   }

   .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp;
   }

   @-webkit-keyframes hinge {
     0% {
       -webkit-transform: rotate(0);
       transform: rotate(0);
       -webkit-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     20%, 60% {
       -webkit-transform: rotate(80deg);
       transform: rotate(80deg);
       -webkit-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     40% {
       -webkit-transform: rotate(60deg);
       transform: rotate(60deg);
       -webkit-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     80% {
       -webkit-transform: rotate(60deg) translateY(0);
       transform: rotate(60deg) translateY(0);
       opacity: 1;
       -webkit-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     100% {
       -webkit-transform: translateY(700px);
       transform: translateY(700px);
       opacity: 0;
     }
   }

   @keyframes hinge {
     0% {
       -webkit-transform: rotate(0);
       -ms-transform: rotate(0);
       transform: rotate(0);
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     20%, 60% {
       -webkit-transform: rotate(80deg);
       -ms-transform: rotate(80deg);
       transform: rotate(80deg);
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     40% {
       -webkit-transform: rotate(60deg);
       -ms-transform: rotate(60deg);
       transform: rotate(60deg);
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     80% {
       -webkit-transform: rotate(60deg) translateY(0);
       -ms-transform: rotate(60deg) translateY(0);
       transform: rotate(60deg) translateY(0);
       opacity: 1;
       -webkit-transform-origin: top left;
       -ms-transform-origin: top left;
       transform-origin: top left;
       -webkit-animation-timing-function: ease-in-out;
       animation-timing-function: ease-in-out;
     }

     100% {
       -webkit-transform: translateY(700px);
       -ms-transform: translateY(700px);
       transform: translateY(700px);
       opacity: 0;
     }
   }

   .hinge {
     -webkit-animation-name: hinge;
     animation-name: hinge;
   }

   /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

   @-webkit-keyframes rollIn {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
     }
   }

   @keyframes rollIn {
     0% {
       opacity: 0;
       -webkit-transform: translateX(-100%) rotate(-120deg);
       -ms-transform: translateX(-100%) rotate(-120deg);
       transform: translateX(-100%) rotate(-120deg);
     }

     100% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       -ms-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
     }
   }

   .rollIn {
     -webkit-animation-name: rollIn;
     animation-name: rollIn;
   }

   /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

   @-webkit-keyframes rollOut {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(100%) rotate(120deg);
       transform: translateX(100%) rotate(120deg);
     }
   }

   @keyframes rollOut {
     0% {
       opacity: 1;
       -webkit-transform: translateX(0px) rotate(0deg);
       -ms-transform: translateX(0px) rotate(0deg);
       transform: translateX(0px) rotate(0deg);
     }

     100% {
       opacity: 0;
       -webkit-transform: translateX(100%) rotate(120deg);
       -ms-transform: translateX(100%) rotate(120deg);
       transform: translateX(100%) rotate(120deg);
     }
   }

   .rollOut {
     -webkit-animation-name: rollOut;
     animation-name: rollOut;
   }
  
  
/*zhit.net*/
.list_page{text-align:center;margin:0px;display:block;padding-top:20px; padding-bottom:50px;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.art01-arr{overflow:hidden; margin-bottom:30px;}
.art01-arr .item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:48%;font-size:16px;line-height:36px}
.art01-arr .prev{float:left}
.art01-arr .next{float:right}
.art01-arr .item:hover{color:#d0000e}