@charset "utf-8";
/* CSS Document public*/
*{font-family:"Microsoft YaHei","PingFang SC", Arial,Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box;  -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;-webkit-font-smoothing:antialiased;line-height: 1; font-size:14px;overflow-x: hidden;}
html,body{ min-height:100vh;} html{ overflow:-moz-scrollbars-vertical;} 
input::-ms-clear{display: none;}
/* *{font-family: -apple-system,PingFangSC-Regular, PingFang SC,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; padding: 0; margin:0; box-sizing:border-box; vertical-align:middle;} */
.flex{ display: -webkit-flex; /* Safari */display: flex; }
#miso_loading{ position:fixed; top:0; right:0; bottom:0; left:0; width:100vw; height:100vh; background:#fff; z-index:100000000}

::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}

a{text-decoration:none;/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 0;margin-top: 1.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow{ overflow:hidden}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
.slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
#gotop{position:fixed;z-index:9000;bottom: .32rem;right: .1rem;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width: .46rem;height: .46rem;line-height: .46rem;background: #11823b;opacity:1;visibility:visible;overflow:hidden;}
#gotop.hide{ height:0; opacity:0; visibility:hidden}
#gotop svg{width: .22rem;height: .22rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition:.6s;}
#gotop:hover{ border-radius:50%}

.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}/*文本超出 

.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/
.aline_w{position:relative;background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:.3s}


.aline_y{position:relative;background-image:linear-gradient(#A40000,#A40000);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:.3s}
@media(min-width: 1200px){	
	a:hover .aline_y{background-size:100% 1px;color: #A40000}
	a:hover .aline_w{background-size:100% 1px;color: #fff}
	
}

.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.l8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.a_body{ position:relative}
ul li,dl dd{ vertical-align:top}
img{vertical-align:middle;max-width: 100%;}
a{ color:inherit}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

input::-webkit-input-placeholder{ color:#666;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#666;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#666;}

textarea::-webkit-input-placeholder{ color:#666;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#666;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#666;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#666;}

.w100{width:100%}
.w1400{ max-width:1400px;margin:0 auto}
.w1600{max-width:1600px;margin:0 auto}
.w1800{max-width:1800px;margin:0 auto}
.layui-img-responsive{ max-width:100%;}
.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{ padding-bottom:60% !important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.box_table{ display:table; table-layout: fixed; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
/* 视频弹窗 */

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1200px;position: fixed;left: 50%;top: 50%;object-fit: cover;transform: translate(-50%,-50%);max-width: 90%;max-height: 65vh;}
.vwrap .videobox #videobox {width: 100%;display: inline-block;background:#000;}
.vwrap .videobox #videobox .img_hezi{padding-bottom: 60% !important;}
.vwrap .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
@media(max-width: 992px){
    .vwrap .videobox{width: 100%;/* left: 3%; */margin-left: 0;}
    .vwrap .close{right: 0;top: -35px;}
}
@media(max-height: 500px){
	.vwrap .videobox{width: 60%;}
	.vwrap .videobox #videobox .img_hezi{
    padding-bottom: 50% !important;
}
}


/*内容样式*/
.ar_article td,
.ar_article th{padding: 12px 10px;border: 1px solid #eff3f6;vertical-align:middle;/* text-align: center; */font-size: 0.9rem;color: #303030;line-height: 1.25;}
.ar_article th{ font-family: OPENSANS-BOLD;}
.ar_article td p,
.ar_article th p{padding-bottom:0;margin-bottom: 0 !important;}
table  {border-collapse: collapse;}
.ar_article table tr:not(:first-child) td{}
.ar_article table td {border-left: 1px solid #dadbdd;border-top: 1px solid #dadbdd;}

.ar_article table th{ background:#333; color:#fff; text-align:left}

.ar_article{font-size: 15px;color: #707578;line-height: 30px;}
.ar_article video{ width:100%; object-fit:cover; height:auto}
.ar_article p{font-size: 15px;color: #343434;line-height: .3rem;margin-bottom: .3rem;}
.ar_article p:last-child{ margin-bottom:0}
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%;}
.ar_article a{}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{padding-bottom:0 !important;margin-bottom:0 !important;padding-left: 1.5rem;list-style:inherit !important;font-size: 15px;position:relative;list-style: none !important;}
.ar_article ol li:before, .ar_article ul li:before{content:"";position:absolute;left:0;width: 5px;height: 5px;background: #001f86;border-radius:50%;top: 13px;}

.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{margin-bottom: 0;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}
.ar_article img{display:inline-block;margin: .1rem 0;}

/*百度播放器美化*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}

/*Slider 开始*/
.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.miso-slider{ position: relative; display: block; 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; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; min-width: 100%;}
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track{ min-width:100%}
.miso-slider .miso-track,
.miso-slider .miso-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);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; }
.miso-lightbox .miso-next:before{ content: ''; }
@media(max-width: 768px){
	.miso-prev, .miso-next{ width:20px; height:20px;}
	.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider 结束*/


.piaofu{ width:65px; position:fixed; right:15px; z-index:100000; bottom:30%}
.piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;}
.piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1}
.piaofu .anniu a h4{line-height: 60px;}
.piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.piaofu .anniu a h6{ font-size:12px; color:#6a6c6d}
.piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative}
.piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none}
.piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;}
.piaofu .anniu.anniu02{ display:none}
.piaofu .anniu.anniu02 a h4{margin-top:-3px;}
.anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer}

.Statistical{display:inline-block; margin-left:12px;}
.Statistical span,.Statistical span img{ vertical-align:top}
.bd_weixin_popup{ box-sizing:content-box}
.bd_weixin_popup .bd_weixin_popup_foot{ text-align:center !important}
@keyframes spin { 
	100% { transform: rotate(1turn); }
  }
  @keyframes spin2 { 
	100% { transform: rotate(-1turn); }
  }
  @keyframes spin-reverse { 
	0% { transform: rotate(1turn); }
  }
  @keyframes spin-reverse2 { 
	0% { transform: rotate(-1turn); }
  }

@-webkit-keyframes anim-close-2 {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
}

@keyframes anim-close-2 {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
}


.progress-wrap{position: fixed;right: 15px;bottom: 2rem;height: 2.875rem;width: 2.875rem;cursor: pointer;display: flex;border-radius: 50px;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;justify-content: center;align-items: center;line-height: 2.875rem;}
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'unicons';content: '↑';text-align: center;font-size: 1.25rem;color: #333;left: 0;top: 0;height: 100%;width: 100%;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after { color:#333}
.progress-wrap::before {position: absolute;font-family: 'unicons';content: '↑';text-align: center;font-size: 1.25rem;opacity: 0;left: 0;top: 0;height: 100%;width: 100%;cursor: pointer;display: flex;z-index: 2;-webkit-transition: all 200ms linear;transition: all 200ms linear;align-items: center;justify-content: center;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: #000;stroke-width: 1.5px;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}

@media(min-width: 1200px){
.miso_up{ transform:translateY(180px); visibility:hidden; opacity:0; transition:1.5s}
.active .miso_up{ transform:translateY(0); visibility:visible; opacity:1;}

.container01 .miso_up01{ transform:translateY(180px); visibility:hidden; opacity:0; transition:1.5s}
.container01.active.on .miso_up01{ transform:translateY(0); visibility:visible; opacity:1;}

.miso_down{ transform:translateY(-180px); visibility:hidden; opacity:0; transition:1s}
.active .miso_down{ transform:translateY(0); visibility:visible; opacity:1;}

.miso_suoX{ letter-spacing:4px; visibility:hidden; opacity:0; transition:1s}
.active .miso_suoX{ letter-spacing:0; visibility:visible; opacity:1;}

.miso_flip-up{ transform:perspective(2500px) rotateX(-100deg); visibility:hidden; opacity:0; transition:1s}
.active .miso_flip-up{ transform:perspective(2500px) rotateX(0); visibility:visible; opacity:1;}

.miso_zoom-in{ transform:scale(.6); visibility:hidden; opacity:0; transition:1s}
.active .zoom-in{ transform:translateZ(0) scale(1); visibility:visible; opacity:1;}

.wenzi_x{ letter-spacing:3px; visibility:hidden; opacity:0; transition:1s}
.active .wenzi_x{ letter-spacing:0; visibility:visible; opacity:1;}

.miso_fade-right{ transform:translateX(-180px); visibility:hidden; opacity:0; transition:1s}
.active .miso_fade-right{ transform:translateX(0); visibility:visible; opacity:1;}

.miso_fade-left{ transform:translateX(180px); visibility:hidden; opacity:0; transition:1s}
.active .miso_fade-left{ transform:translateX(0); visibility:visible; opacity:1;}
}

.miso_up_left{ transform:translateX(300px) translateY(300px); visibility:hidden; opacity:0; transition:1s}
.active .miso_up_left{ transform:translateX(0) translateY(0); visibility:visible; opacity:1;}
.xuanzhuan{ -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
.fangda{animation: circleScale2 4s linear infinite;}
@-webkit-keyframes play{
	0% {
		-webkit-transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
	}
}

@-webkit-keyframes play2{
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
@keyframes trans{
	0% {
		transform:translateY(-0.1rem);
	}
	50% {
		transform:translateY(.1rem);
	}
	100% {
		transform:translateY(-0.1rem);
	}
}
@keyframes trans2{
	0% {
		transform:translateY(0.1rem);
	}
	50% {
		transform:translateY(-.1rem);
	}
	100% {
		transform:translateY(0.1rem);
	}
}



@keyframes circleScale2 {
	0% {
	  opacity: 1;
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	}
  
	100% {
	  opacity: 0;
	  -webkit-transform: scale(1.3);
	  -moz-transform: scale(1.3);
	  -ms-transform: scale(1.3);
	  transform: scale(1.3);
	}
  }

  @keyframes scale2 {
	0% {
	  -webkit-transform: scale(.5);
	  -moz-transform: scale(.5);
	  -ms-transform: scale(.5);
	  transform: scale(.5);
	}
	50% {
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  transform: scale(1);
	}
	100% {
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5);
	  }
  }
  .tiao{animation: bounce 1.6s both infinite;}
/* 跳动 */
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}
	40% {
	-webkit-transform: translateY(-0.1rem);
	-ms-transform: translateY(-0.1rem);
	transform: translateY(-0.1rem);
	}
	60% {
	-webkit-transform: translateY(-0.05rem);
	-ms-transform: translateY(-0.05rem);
	transform: translateY(-0.05rem);
	}
	}

 a .line1{ position: absolute; left:0; top: 0; height:0; width: 0.02rem; background: #068358; transition: .5s;}
 a .line2{ position: absolute; left:0; bottom: 0; height:0.02rem; width: 0; background: #068358; transition: .5s;}
 a .line3{ position: absolute; right:0; bottom: 0;height:0; width: 0.02rem;background: #068358; transition: .5s;}
 a .line4{ position: absolute; right:0; top: 0; height:0.02rem; width: 0; background: #068358; transition: .5s;}
 @media(min-width: 1200px){
 a:hover .line1{ height: 100%; transition: .5s .2s;}
  a:hover .line2{ width: 100%; transition: .5s .2s;}
  a:hover .line3{ height: 100%; transition: .5s .2s;}
  a:hover .line4{ width: 100%; transition: .5s .2s;}

 }
.wp{ width:15rem;margin: 0 auto;max-width:94%;}
@media(max-width: 1024px){
	.wp{ padding:0 15px; width: 100%; max-width: 100%;}
}
html{font-size: 5.2vw;}
/* @media screen and (min-width:2500px){
	html{font-size: 100px!important;}
	
}
@media screen and (max-width:1930px){
	html{font-size: 100px!important;}
}
@media screen and (max-width:1800px){
	html{font-size: 95px!important;}
}
@media screen and (max-width:1600px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:1400px){
	html{font-size: 85px!important;}
} */
@media screen and (max-width:1024px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:420px){
	html{font-size: 75px!important;}
} 


@media(min-width: 1200px){	
	@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { 
	}

	/* @media (-webkit-min-device-pixel-ratio: 1.05) {
		@media screen and (min-width:1920px){
			html{font-size: 100px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 95.5px!important;}
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.1) {
		@media screen and (min-width:1920px){
			html{font-size: 100px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 92.5px!important;}
		}
	}
	 @media (-webkit-min-device-pixel-ratio: 1.15) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 87px!important;}
		}
	}
	@media (-webkit-min-device-pixel-ratio: 1.20) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 84px!important;}
		}
	} */
	/* 屏幕分辨率放大为 125 */
	 /* @media (-webkit-min-device-pixel-ratio: 1.25) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 80px!important;}
		}
	}  */
	/* 屏幕分辨率放大为 150 */
	 /* @media (-webkit-min-device-pixel-ratio: 1.5) {
		@media screen and (min-width:1920px){
			html{font-size: 80px!important;}
		}
		@media screen and (max-width:1920px){
			html{font-size: 70px!important;}
		}
	}  */
}

@media screen and (max-width: 1199px) {
	.header_box{ display: none; }
	.m_header_box {display: block !important;}
	.tbsc{overflow-x: auto;}
	.tbsc table{width: 700px;}
  }
 
@media(min-width:200px){
[aos][aos][aos-duration='50'],body[aos-duration='50'] [aos]{-webkit-transition-duration:50ms;transition-duration:50ms}
[aos][aos][aos-duration='100'],body[aos-duration='100'] [aos]{-webkit-transition-duration:.1s;transition-duration:.1s}
[aos][aos][aos-duration='150'],body[aos-duration='150'] [aos]{-webkit-transition-duration:150ms;transition-duration:150ms}
[aos][aos][aos-duration='200'],body[aos-duration='200'] [aos]{-webkit-transition-duration:.2s;transition-duration:.2s}
[aos][aos][aos-duration='250'],body[aos-duration='250'] [aos]{-webkit-transition-duration:250ms;transition-duration:250ms}
[aos][aos][aos-duration='300'],body[aos-duration='300'] [aos]{-webkit-transition-duration:.3s;transition-duration:.3s}
[aos][aos][aos-duration='350'],body[aos-duration='350'] [aos]{-webkit-transition-duration:350ms;transition-duration:350ms}
[aos][aos][aos-duration='400'],body[aos-duration='400'] [aos]{-webkit-transition-duration:.4s;transition-duration:.4s}
[aos][aos][aos-duration='450'],body[aos-duration='450'] [aos]{-webkit-transition-duration:450ms;transition-duration:450ms}
[aos][aos][aos-duration='500'],body[aos-duration='500'] [aos]{-webkit-transition-duration:.5s;transition-duration:.5s}
[aos][aos][aos-duration='550'],body[aos-duration='550'] [aos]{-webkit-transition-duration:550ms;transition-duration:550ms}
[aos][aos][aos-duration='600'],body[aos-duration='600'] [aos]{-webkit-transition-duration:.6s;transition-duration:.6s}
[aos][aos][aos-duration='650'],body[aos-duration='650'] [aos]{-webkit-transition-duration:650ms;transition-duration:650ms}
[aos][aos][aos-duration='700'],body[aos-duration='700'] [aos]{-webkit-transition-duration:.7s;transition-duration:.7s}
[aos][aos][aos-duration='750'],body[aos-duration='750'] [aos]{-webkit-transition-duration:750ms;transition-duration:750ms}
[aos][aos][aos-duration='800'],body[aos-duration='800'] [aos]{-webkit-transition-duration:.8s;transition-duration:.8s}
[aos][aos][aos-duration='850'],body[aos-duration='850'] [aos]{-webkit-transition-duration:850ms;transition-duration:850ms}
[aos][aos][aos-duration='900'],body[aos-duration='900'] [aos]{-webkit-transition-duration:.9s;transition-duration:.9s}
[aos][aos][aos-duration='950'],body[aos-duration='950'] [aos]{-webkit-transition-duration:950ms;transition-duration:950ms}
[aos][aos][aos-duration='1000'],body[aos-duration='1000'] [aos]{-webkit-transition-duration:1s;transition-duration:1s}
[aos][aos][aos-duration='1050'],body[aos-duration='1050'] [aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}
[aos][aos][aos-duration='1100'],body[aos-duration='1100'] [aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}
[aos][aos][aos-duration='1150'],body[aos-duration='1150'] [aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}
[aos][aos][aos-duration='1200'],body[aos-duration='1200'] [aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}
[aos][aos][aos-duration='1250'],body[aos-duration='1250'] [aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}
[aos][aos][aos-duration='1300'],body[aos-duration='1300'] [aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}
[aos][aos][aos-duration='1350'],body[aos-duration='1350'] [aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}
[aos][aos][aos-duration='1400'],body[aos-duration='1400'] [aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}
[aos][aos][aos-duration='1450'],body[aos-duration='1450'] [aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}
[aos][aos][aos-duration='1500'],body[aos-duration='1500'] [aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}
[aos][aos][aos-duration='1550'],body[aos-duration='1550'] [aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}
[aos][aos][aos-duration='1600'],body[aos-duration='1600'] [aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}
[aos][aos][aos-duration='1650'],body[aos-duration='1650'] [aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}
[aos][aos][aos-duration='1700'],body[aos-duration='1700'] [aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}
[aos][aos][aos-duration='1750'],body[aos-duration='1750'] [aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}
[aos][aos][aos-duration='1800'],body[aos-duration='1800'] [aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}
[aos][aos][aos-duration='1850'],body[aos-duration='1850'] [aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}
[aos][aos][aos-duration='1900'],body[aos-duration='1900'] [aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}
[aos][aos][aos-duration='1950'],body[aos-duration='1950'] [aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}
[aos][aos][aos-duration='2000'],body[aos-duration='2000'] [aos]{-webkit-transition-duration:2s;transition-duration:2s}
[aos][aos][aos-duration='2050'],body[aos-duration='2050'] [aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}
[aos][aos][aos-duration='2100'],body[aos-duration='2100'] [aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}
[aos][aos][aos-duration='2150'],body[aos-duration='2150'] [aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}
[aos][aos][aos-duration='2200'],body[aos-duration='2200'] [aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}
[aos][aos][aos-duration='2250'],body[aos-duration='2250'] [aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}
[aos][aos][aos-duration='2300'],body[aos-duration='2300'] [aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}
[aos][aos][aos-duration='2350'],body[aos-duration='2350'] [aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}
[aos][aos][aos-duration='2400'],body[aos-duration='2400'] [aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}
[aos][aos][aos-duration='2450'],body[aos-duration='2450'] [aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}
[aos][aos][aos-duration='2500'],body[aos-duration='2500'] [aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}
[aos][aos][aos-duration='2550'],body[aos-duration='2550'] [aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}
[aos][aos][aos-duration='2600'],body[aos-duration='2600'] [aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}
[aos][aos][aos-duration='2650'],body[aos-duration='2650'] [aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}
[aos][aos][aos-duration='2700'],body[aos-duration='2700'] [aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}
[aos][aos][aos-duration='2750'],body[aos-duration='2750'] [aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}
[aos][aos][aos-duration='2800'],body[aos-duration='2800'] [aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}
[aos][aos][aos-duration='2850'],body[aos-duration='2850'] [aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}
[aos][aos][aos-duration='2900'],body[aos-duration='2900'] [aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}
[aos][aos][aos-duration='2950'],body[aos-duration='2950'] [aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}
[aos][aos][aos-duration='3000'],body[aos-duration='3000'] [aos]{-webkit-transition-duration:3s;transition-duration:3s}
[aos][aos][aos-delay='50'],body[aos-delay='50'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='50'].aos-animate,body[aos-delay='50'] [aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}
[aos][aos][aos-delay='100'],body[aos-delay='100'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='100'].aos-animate,body[aos-delay='100'] [aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}
[aos][aos][aos-delay='150'],body[aos-delay='150'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='150'].aos-animate,body[aos-delay='150'] [aos].aos-animate{-webkit-transition-delay:150ms;transition-delay:150ms}
[aos][aos][aos-delay='200'],body[aos-delay='200'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='200'].aos-animate,body[aos-delay='200'] [aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}
[aos][aos][aos-delay='250'],body[aos-delay='250'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='250'].aos-animate,body[aos-delay='250'] [aos].aos-animate{-webkit-transition-delay:250ms;transition-delay:250ms}
[aos][aos][aos-delay='300'],body[aos-delay='300'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='300'].aos-animate,body[aos-delay='300'] [aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}
[aos][aos][aos-delay='350'],body[aos-delay='350'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='350'].aos-animate,body[aos-delay='350'] [aos].aos-animate{-webkit-transition-delay:350ms;transition-delay:350ms}
[aos][aos][aos-delay='400'],body[aos-delay='400'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='400'].aos-animate,body[aos-delay='400'] [aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}
[aos][aos][aos-delay='450'],body[aos-delay='450'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='450'].aos-animate,body[aos-delay='450'] [aos].aos-animate{-webkit-transition-delay:450ms;transition-delay:450ms}
[aos][aos][aos-delay='500'],body[aos-delay='500'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='500'].aos-animate,body[aos-delay='500'] [aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}
[aos][aos][aos-delay='550'],body[aos-delay='550'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='550'].aos-animate,body[aos-delay='550'] [aos].aos-animate{-webkit-transition-delay:550ms;transition-delay:550ms}
[aos][aos][aos-delay='600'],body[aos-delay='600'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='600'].aos-animate,body[aos-delay='600'] [aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}
[aos][aos][aos-delay='650'],body[aos-delay='650'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='650'].aos-animate,body[aos-delay='650'] [aos].aos-animate{-webkit-transition-delay:650ms;transition-delay:650ms}
[aos][aos][aos-delay='700'],body[aos-delay='700'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='700'].aos-animate,body[aos-delay='700'] [aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}
[aos][aos][aos-delay='750'],body[aos-delay='750'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='750'].aos-animate,body[aos-delay='750'] [aos].aos-animate{-webkit-transition-delay:750ms;transition-delay:750ms}
[aos][aos][aos-delay='800'],body[aos-delay='800'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='800'].aos-animate,body[aos-delay='800'] [aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}
[aos][aos][aos-delay='850'],body[aos-delay='850'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='850'].aos-animate,body[aos-delay='850'] [aos].aos-animate{-webkit-transition-delay:850ms;transition-delay:850ms}
[aos][aos][aos-delay='900'],body[aos-delay='900'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='900'].aos-animate,body[aos-delay='900'] [aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}
[aos][aos][aos-delay='950'],body[aos-delay='950'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='950'].aos-animate,body[aos-delay='950'] [aos].aos-animate{-webkit-transition-delay:950ms;transition-delay:950ms}
[aos][aos][aos-delay='1000'],body[aos-delay='1000'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1000'].aos-animate,body[aos-delay='1000'] [aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}
[aos][aos][aos-delay='1050'],body[aos-delay='1050'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1050'].aos-animate,body[aos-delay='1050'] [aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}
[aos][aos][aos-delay='1100'],body[aos-delay='1100'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1100'].aos-animate,body[aos-delay='1100'] [aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}
[aos][aos][aos-delay='1150'],body[aos-delay='1150'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1150'].aos-animate,body[aos-delay='1150'] [aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}
[aos][aos][aos-delay='1200'],body[aos-delay='1200'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1200'].aos-animate,body[aos-delay='1200'] [aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}
[aos][aos][aos-delay='1250'],body[aos-delay='1250'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1250'].aos-animate,body[aos-delay='1250'] [aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}
[aos][aos][aos-delay='1300'],body[aos-delay='1300'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1300'].aos-animate,body[aos-delay='1300'] [aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}
[aos][aos][aos-delay='1350'],body[aos-delay='1350'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1350'].aos-animate,body[aos-delay='1350'] [aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}
[aos][aos][aos-delay='1400'],body[aos-delay='1400'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1400'].aos-animate,body[aos-delay='1400'] [aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}
[aos][aos][aos-delay='1450'],body[aos-delay='1450'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1450'].aos-animate,body[aos-delay='1450'] [aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}
[aos][aos][aos-delay='1500'],body[aos-delay='1500'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1500'].aos-animate,body[aos-delay='1500'] [aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}
[aos][aos][aos-delay='1550'],body[aos-delay='1550'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1550'].aos-animate,body[aos-delay='1550'] [aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}
[aos][aos][aos-delay='1600'],body[aos-delay='1600'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1600'].aos-animate,body[aos-delay='1600'] [aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}
[aos][aos][aos-delay='1650'],body[aos-delay='1650'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1650'].aos-animate,body[aos-delay='1650'] [aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}
[aos][aos][aos-delay='1700'],body[aos-delay='1700'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1700'].aos-animate,body[aos-delay='1700'] [aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}
[aos][aos][aos-delay='1750'],body[aos-delay='1750'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1750'].aos-animate,body[aos-delay='1750'] [aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}
[aos][aos][aos-delay='1800'],body[aos-delay='1800'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1800'].aos-animate,body[aos-delay='1800'] [aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}
[aos][aos][aos-delay='1850'],body[aos-delay='1850'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1850'].aos-animate,body[aos-delay='1850'] [aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}
[aos][aos][aos-delay='1900'],body[aos-delay='1900'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1900'].aos-animate,body[aos-delay='1900'] [aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}
[aos][aos][aos-delay='1950'],body[aos-delay='1950'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='1950'].aos-animate,body[aos-delay='1950'] [aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}
[aos][aos][aos-delay='2000'],body[aos-delay='2000'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2000'].aos-animate,body[aos-delay='2000'] [aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}
[aos][aos][aos-delay='2050'],body[aos-delay='2050'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2050'].aos-animate,body[aos-delay='2050'] [aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}
[aos][aos][aos-delay='2100'],body[aos-delay='2100'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2100'].aos-animate,body[aos-delay='2100'] [aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}
[aos][aos][aos-delay='2150'],body[aos-delay='2150'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2150'].aos-animate,body[aos-delay='2150'] [aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}
[aos][aos][aos-delay='2200'],body[aos-delay='2200'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2200'].aos-animate,body[aos-delay='2200'] [aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}
[aos][aos][aos-delay='2250'],body[aos-delay='2250'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2250'].aos-animate,body[aos-delay='2250'] [aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}
[aos][aos][aos-delay='2300'],body[aos-delay='2300'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2300'].aos-animate,body[aos-delay='2300'] [aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}
[aos][aos][aos-delay='2350'],body[aos-delay='2350'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2350'].aos-animate,body[aos-delay='2350'] [aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}
[aos][aos][aos-delay='2400'],body[aos-delay='2400'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2400'].aos-animate,body[aos-delay='2400'] [aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}
[aos][aos][aos-delay='2450'],body[aos-delay='2450'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2450'].aos-animate,body[aos-delay='2450'] [aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}
[aos][aos][aos-delay='2500'],body[aos-delay='2500'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2500'].aos-animate,body[aos-delay='2500'] [aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}
[aos][aos][aos-delay='2550'],body[aos-delay='2550'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2550'].aos-animate,body[aos-delay='2550'] [aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}
[aos][aos][aos-delay='2600'],body[aos-delay='2600'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2600'].aos-animate,body[aos-delay='2600'] [aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}
[aos][aos][aos-delay='2650'],body[aos-delay='2650'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2650'].aos-animate,body[aos-delay='2650'] [aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}
[aos][aos][aos-delay='2700'],body[aos-delay='2700'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2700'].aos-animate,body[aos-delay='2700'] [aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}
[aos][aos][aos-delay='2750'],body[aos-delay='2750'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2750'].aos-animate,body[aos-delay='2750'] [aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}
[aos][aos][aos-delay='2800'],body[aos-delay='2800'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2800'].aos-animate,body[aos-delay='2800'] [aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}
[aos][aos][aos-delay='2850'],body[aos-delay='2850'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2850'].aos-animate,body[aos-delay='2850'] [aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}
[aos][aos][aos-delay='2900'],body[aos-delay='2900'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2900'].aos-animate,body[aos-delay='2900'] [aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}
[aos][aos][aos-delay='2950'],body[aos-delay='2950'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='2950'].aos-animate,body[aos-delay='2950'] [aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}
[aos][aos][aos-delay='3000'],body[aos-delay='3000'] [aos]{-webkit-transition-delay:0;transition-delay:0}
[aos][aos][aos-delay='3000'].aos-animate,body[aos-delay='3000'] [aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}
[aos^=fade][aos^=fade]{opacity:0;-webkit-transition-property:all;transition-property:all}
[aos^=fade][aos^=fade].aos-animate{opacity:1}
[aos=fade-up]{-webkit-transform:translate(0,50px);-ms-transform:translate(0,50px);transform:translate(0,50px)}
[aos=fade-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-down]{-webkit-transform:translate(0,-50px);-ms-transform:translate(0,-50px);transform:translate(0,-50px)}
[aos=fade-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-right]{-webkit-transform:translate(-50px,0);-ms-transform:translate(-50px,0);transform:translate(-50px,0)}
[aos=fade-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

[aos=fade-roll-right]{-webkit-transform:translate(-200px,0) rotate(-361deg);-ms-transform:translate(-200px,0) rotate(-361deg);transform:translate(-200px,0) rotate(-361deg);}
[aos=fade-roll-right].aos-animate{-webkit-transform:translate(0,0) rotate(0deg);-ms-transform:translate(0,0) rotate(0deg);transform:translate(0,0) rotate(0deg); }

[aos=fade-left]{-webkit-transform:translate(50px,0);-ms-transform:translate(50px,0);transform:translate(50px,0)}
[aos=fade-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-up-right]{-webkit-transform:translate(-100px,100px);-ms-transform:translate(-100px,100px);transform:translate(-100px,100px)}
[aos=fade-up-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-up-left]{-webkit-transform:translate(100px,100px);-ms-transform:translate(100px,100px);transform:translate(100px,100px)}
[aos=fade-up-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-down-right]{-webkit-transform:translate(-100px,-100px);-ms-transform:translate(-100px,-100px);transform:translate(-100px,-100px)}
[aos=fade-down-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=fade-down-left]{-webkit-transform:translate(100px,-100px);-ms-transform:translate(100px,-100px);transform:translate(100px,-100px)}
[aos=fade-down-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos^=zoom][aos^=zoom]{opacity:0;-webkit-transition-property:all;transition-property:all}
[aos^=zoom][aos^=zoom].aos-animate{opacity:1}
[aos=zoom-in]{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
[aos=zoom-in].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
[aos=zoom-in-up]{-webkit-transform:translate(0,100px) scale(.6);-ms-transform:translate(0,100px) scale(.6);transform:translate(0,100px) scale(.6)}
[aos=zoom-in-up].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-in-down]{-webkit-transform:translate(0,-100px) scale(.6);-ms-transform:translate(0,-100px) scale(.6);transform:translate(0,-100px) scale(.6)}
[aos=zoom-in-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-in-right]{-webkit-transform:translate(-100px,0) scale(.6);-ms-transform:translate(-100px,0) scale(.6);transform:translate(-100px,0) scale(.6)}
[aos=zoom-in-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-in-left]{-webkit-transform:translate(100px,0) scale(.6);-ms-transform:translate(100px,0) scale(.6);transform:translate(100px,0) scale(.6)}
[aos=zoom-in-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
[aos=zoom-out].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
[aos=zoom-out-up]{-webkit-transform:translate(0,100px) scale(1.2);-ms-transform:translate(0,100px) scale(1.2);transform:translate(0,100px) scale(1.2)}
[aos=zoom-out-up].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-out-down]{-webkit-transform:translate(0,-100px) scale(1.2);-ms-transform:translate(0,-100px) scale(1.2);transform:translate(0,-100px) scale(1.2)}
[aos=zoom-out-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-out-right]{-webkit-transform:translate(-100px,0) scale(1.2);-ms-transform:translate(-100px,0) scale(1.2);transform:translate(-100px,0) scale(1.2)}
[aos=zoom-out-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=zoom-out-left]{-webkit-transform:translate(100px,0) scale(1.2);-ms-transform:translate(100px,0) scale(1.2);transform:translate(100px,0) scale(1.2)}
[aos=zoom-out-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
[aos=slide-up]{-webkit-transform:translate(0,5rem);-ms-transform:translate(0,5rem);transform:translate(0,5rem)}
[aos=slide-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=slide-down]{-webkit-transform:translate(0,-5rem);-ms-transform:translate(0,-5rem);transform:translate(0,-5rem)}
[aos=slide-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=slide-right]{-webkit-transform:translate(-5rem,0);-ms-transform:translate(-5rem,0);transform:translate(-5rem,0)}
[aos=slide-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos=slide-left]{ -webkit-transform:translate(50%,0); -ms-transform:translate(50%,0); transform:translate(50%,0); -moz-transform:translate(50%,0); -o-transform:translate(50%,0); }
[aos=slide-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
[aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden}
[aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}
[aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}
[aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}
[aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}
[aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}
[aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}
[aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}
[aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}
[aos=flip-o]{-webkit-transform:perspective(2500px) rotate(10deg);transform:perspective(2500px) rotate(10deg)}
[aos=flip-o].aos-animate{-webkit-transform:perspective(2500px) rotate(0);transform:perspective(2500px) rotate(0)}
}

 

/*!
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}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{
0%,100%,20%,50%,80%{-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%,100%,20%,50%,80%{-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%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes pulse{
0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
}
@keyframes rubberBand{
0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);-ms-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);-ms-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);-ms-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-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(0);transform:rotate(0)}
}
@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(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.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(.9) rotate(-3deg);transform:scale(.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(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.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}
@-webkit-keyframes wobble{
0%,100%{-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)}
}
@keyframes wobble{
0%,100%{-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)}
}
.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%{opacity:1;-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%{opacity:1;-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(-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 bounceInDown{
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)}
}
.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%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-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%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-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(-100px);transform:translateY(-100px)}
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(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
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(100px);transform:translateX(100px)}
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(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
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(-100px);transform:translateX(-100px)}
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(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
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(100px);transform:translateY(100px)}
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(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
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(-100px);transform:translateY(-100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
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(-100px);transform:translateX(-100px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
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(100px);transform:translateX(100px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
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(100px);transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
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(100px);transform:translateY(100px)}
}
@keyframes fadeOutDown{
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
}
.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(-100px);transform:translateX(-100px)}
}
@keyframes fadeOutLeft{
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
}
.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(100px);transform:translateX(100px)}
}
@keyframes fadeOutRight{
0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
}
.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:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
}
@keyframes fadeOutUp{
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
}
.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(0);transform:perspective(400px) rotateX(0);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(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);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(0);transform:perspective(400px) rotateY(0);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(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);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(0);transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{
0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);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(0);transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{
0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);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(0);transform:translateX(0) skewX(0);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(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);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(0);transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{
0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);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 slideInUp{
0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp{
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)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes slideOutDown{
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)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-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);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
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);-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;opacity:1}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{
0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@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(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{
0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{
0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
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}
@-webkit-keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}
}
@keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}
}
@keyframes zoomOut{
0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}
100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@font-face {
	font-family: "swiper-icons"; /* Project id 2560839 */
	src: url('../font/swiper.woff?t=1621499440278') format('woff');
  }
   .swiper-icons {
	font-family: "swiper-icons" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .swi-bzhan:before {
	content: "\e613";
  }
  
  .swi-huya:before {
	content: "\e617";
  }
  
  .swi-douyu:before {
	content: "\e67a";
  }
  
  .swi-kuaishou:before {
	content: "\e61b";
  }
  
  .swi-bilibili:before {
	content: "\e605";
  }
  
  .swi-qq:before {
	content: "\e603";
  }
  
  .swi-douyin:before {
	content: "\e690";
  }
  
  .swi-Titter:before {
	content: "\e694";
  }
  
  .swi-play:before {
	content: "\e630";
  }
  
  .swi-facebook:before {
	content: "\e63b";
  }
  
  .swi-more:before {
	content: "\e601";
  }
  
  .swi-yousanjiao:before {
	content: "\e614";
  }
  
  .swi-more1:before {
	content: "\e602";
  }
  
  .swi-shijian:before {
	content: "\e6b4";
  }
  
  .swi-ssj:before {
	content: "\e6cb";
  }
  
  .swi-weixin:before {
	content: "\e615";
  }
  
  .swi-sina:before {
	content: "\e61f";
  }
  
  .swi-downb:before {
	content: "\e600";
  }
  
  .swi-upb:before {
	content: "\eabc";
  }
  
  .swi-darrr:before {
	content: "\e65c";
  }
  
  .swi-arrlb:before {
	content: "\e62f";
  }
  
  .swi-darrl:before {
	content: "\eabb";
  }
  
  .swi-morear:before {
	content: "\e679";
  }
  
  .swi-jia:before {
	content: "\e65b";
  }
  
  .swi-jian:before {
	content: "\e622";
  }
  
  .swi-arrl:before {
	content: "\e60a";
  }
  
  .swi-close:before {
	content: "\e60b";
  }
  
  .swi-arrr:before {
	content: "\e648";
  }
  
  .swi-sousuo:before {
	content: "\e616";
  }
  
  .swi-arrrb:before {
	content: "\e676";
  }
  
  .swi-up:before {
	content: "\eabe";
  }
  
  .swi-moreal:before {
	content: "\eabf";
  }
  
  .swi-down:before {
	content: "\eabd";
  }
  
  
  :root {
	  --swiper-theme-color: #007aff
  }
  .swiper-container {
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  overflow: hidden;
	  list-style: none;
	  padding: 0;
	  z-index: 1;
  
  }
  
  .swiper-container-vertical>.swiper-wrapper {
	  flex-direction: column
  }
  
  .swiper-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  display: flex;
	  transition-property: transform;
	  box-sizing: content-box
  }
  
  .swiper-container-android .swiper-slide,.swiper-wrapper {
	  transform: translate3d(0px,0,0)
  }
  
  .swiper-container-multirow>.swiper-wrapper {
	  flex-wrap: wrap
  }
  
  .swiper-container-multirow-column>.swiper-wrapper {
	  flex-wrap: wrap;
	  flex-direction: column
  }
  
  .swiper-container-free-mode>.swiper-wrapper {
	  transition-timing-function: ease-out;
	  margin: 0 auto
  }
  
  .swiper-slide {
	  flex-shrink: 0;
	  width: 100%;
	  height: 100%;
	  position: relative;
	  transition-property: transform
  }
  
  .swiper-slide-invisible-blank {
	  visibility: hidden
  }
  
  .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	  height: auto
  }
  
  .swiper-container-autoheight .swiper-wrapper {
	  align-items: flex-start;
	  transition-property: transform,height
  }
  
  .swiper-container-3d {
	  perspective: 1200px
  }
  
  .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	  transform-style: preserve-3d
  }
  
  .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	  z-index: 10
  }
  
  .swiper-container-3d .swiper-slide-shadow-left {
	  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-right {
	  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-top {
	  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-bottom {
	  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
  }
  
  .swiper-container-css-mode>.swiper-wrapper {
	  overflow: auto;
	  scrollbar-width: none;
	  -ms-overflow-style: none
  }
  
  .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	  display: none
  }
  
  .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	  scroll-snap-align: start start
  }
  
  .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	  scroll-snap-type: x mandatory
  }
  
  .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	  scroll-snap-type: y mandatory
  }
  
  :root {
	  --swiper-navigation-size: 44px
  }
  
  .swiper-button-next,.swiper-button-prev {
	  position: absolute;
	  top: 50%;
	  width: 50px;
	  height: 50px;
	  z-index: 10;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: #007aff;
	 }
  
  .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	  opacity: .35;
	  cursor: auto;
	  pointer-events: none
  }
  
  .swiper-button-next:after,.swiper-button-prev:after {
	  font-family: swiper-icons;
	  font-size: 45px;
	  text-transform: none!important;
	  letter-spacing: 0;
	  text-transform: none;
	  font-variant: initial;
	  line-height: 1
  }
  
  .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	  left: 10px;
	  right: auto
  }
  
  .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
	   content: "\e60a";
  }
  
  .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	  right: 10px;
	  left: auto
  }
  
  .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
  content: "\e648";
  }
  
  .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	  --swiper-navigation-color: #ffffff
  }
  
  .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	  --swiper-navigation-color: #000000
  }
  
  .swiper-button-lock {
	  display: none
  }
  
  .swiper-pagination {
	  position: absolute;
	  text-align: center;
	  transition: .3s opacity;
	  transform: translate3d(0,0,0);
	  z-index: 10
  }
  
  .swiper-pagination.swiper-pagination-hidden {
	  opacity: 0
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	  bottom: 10px;
	  left: 0;
	  width: 100%
  }
  
  .swiper-pagination-bullets-dynamic {
	  overflow: hidden;
	  font-size: 0
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	  transform: scale(.33);
	  position: relative
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	  transform: scale(1)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	  transform: scale(1)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	  transform: scale(.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	  transform: scale(.33)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	  transform: scale(.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	  transform: scale(.33)
  }
  
  .swiper-pagination-bullet {
	  width: 8px;
	  height: 8px;
	  display: inline-block;
	  border-radius: 10px;
	  background: #fff;
	  opacity: .2
  }
  
  button.swiper-pagination-bullet {
	  border: none;
	  margin: 0;
	  padding: 0;
	  box-shadow: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
	  cursor: pointer
  }
  
  .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #fff
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets {
	  right: 10px;
	  top: 50%;
	  transform: translate3d(0px,-50%,0)
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 6px 0;
	  display: block
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	  top: 50%;
	  transform: translateY(-50%);
	  width: 8px
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	  display: inline-block;
	  transition: .2s transform,.2s top
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 4px
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	  left: 50%;
	  transform: translateX(-50%);
	  white-space: nowrap
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	  transition: .2s transform,.2s left
  }
  
  .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	  transition: .2s transform,.2s right
  }
  
  .swiper-pagination-progressbar {
	  background: rgba(0,0,0,.25);
	  position: absolute
  }
  
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	  background:#007aff;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  transform: scale(0);
	  transform-origin: left top
  }
  
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	  transform-origin: right top
  }
  
  .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	  width: 100%;
	  height: 4px;
	  left: 0;
	  top: 0
  }
  
  .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	  width: 4px;
	  height: 100%;
	  left: 0;
	  top: 0
  }
  
  .swiper-pagination-white {
	  --swiper-pagination-color: #ffffff
  }
  
  .swiper-pagination-black {
	  --swiper-pagination-color: #000000
  }
  
  .swiper-pagination-lock {
	  display: none
  }
  
  .swiper-scrollbar {
	  border-radius: 10px;
	  position: relative;
	  -ms-touch-action: none;
	  background: rgba(0,0,0,.1)
  }
  
  .swiper-container-horizontal>.swiper-scrollbar {
	  position: absolute;
	  left: 1%;
	  bottom: 3px;
	  z-index: 50;
	  height: 5px;
	  width: 98%
  }
  
  .swiper-container-vertical>.swiper-scrollbar {
	  position: absolute;
	  right: 3px;
	  top: 1%;
	  z-index: 50;
	  width: 5px;
	  height: 98%
  }
  
  .swiper-scrollbar-drag {
	  height: 100%;
	  width: 100%;
	  position: relative;
	  background: rgba(0,0,0,.5);
	  border-radius: 10px;
	  left: 0;
	  top: 0
  }
  
  .swiper-scrollbar-cursor-drag {
	  cursor: move
  }
  
  .swiper-scrollbar-lock {
	  display: none
  }
  
  .swiper-zoom-container {
	  width: 100%;
	  height: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center
  }
  
  .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain
  }
  
  .swiper-slide-zoomed {
	  cursor: move
  }
  
  .swiper-lazy-preloader {
	  width: 42px;
	  height: 42px;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  margin-left: -21px;
	  margin-top: -21px;
	  z-index: 10;
	  transform-origin: 50%;
	  animation: swiper-preloader-spin 1s infinite linear;
	  box-sizing: border-box;
	  border: 4px solid #007aff;

	  border-radius: 50%;
	  border-top-color: transparent
  }
  
  .swiper-lazy-preloader-white {
	  --swiper-preloader-color: #fff
  }
  
  .swiper-lazy-preloader-black {
	  --swiper-preloader-color: #000
  }
  
  @keyframes swiper-preloader-spin {
	  100% {
		  transform: rotate(360deg)
	  }
  }
  
  .swiper-container .swiper-notification {
	  position: absolute;
	  left: 0;
	  top: 0;
	  pointer-events: none;
	  opacity: 0;
	  z-index: -1000
  }
  
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
	  transition-timing-function: ease-out
  }
  
  .swiper-container-fade .swiper-slide {
	  pointer-events: auto;
	  transition-property: opacity
  }
  
  .swiper-container-fade .swiper-slide .swiper-slide {
	  pointer-events: auto
  }
  
  .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	  pointer-events: auto;z-index: 10
  }
  
  .swiper-container-cube {
	  overflow: visible
  }
  
  .swiper-container-cube .swiper-slide {
	  pointer-events: none;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  z-index: 1;
	  visibility: hidden;
	  transform-origin: 0 0;
	  width: 100%;
	  height: 100%
  }
  
  .swiper-container-cube .swiper-slide .swiper-slide {
	  pointer-events: none
  }
  
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
	  transform-origin: 100% 0
  }
  
  .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	  pointer-events: auto
  }
  
  .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	  pointer-events: auto;
	  visibility: visible
  }
  
  .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	  z-index: 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden
  }
  
  .swiper-container-cube .swiper-cube-shadow {
	  position: absolute;
	  left: 0;
	  bottom: 0px;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: .6;
	  -webkit-filter: blur(50px);
	  filter: blur(50px);
	  z-index: 0
  }
  
  .swiper-container-flip {
	  overflow: visible
  }
  
  .swiper-container-flip .swiper-slide {
	  pointer-events: none;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  z-index: 1
  }
  
  .swiper-container-flip .swiper-slide .swiper-slide {
	  pointer-events: none
  }
  
  .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	  pointer-events: auto
  }
  
  .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	  z-index: 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden
  }
  
  .swiper-button-next:after, .swiper-button-prev:after{}
/* Slider */
@font-face {
	font-family: "swiper-icons";
	src: url('../font/swiper.woff?t=1621499440278') format('woff');
  }
.slick-slider
{
    position: relative;

    display: block;
    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: none;
}
.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;
    margin-left: auto;
    margin-right: auto;
}
.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;
}


/* Icons */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'swiper-icons';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\e60a';
}
[dir='rtl'] .slick-prev:before
{
    content: '\e60a';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\e648';
}
[dir='rtl'] .slick-next:before
{
    content: '\e648';
}

/* Dots */


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '芒鈧�';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
@charset "utf-8";
.a_body { position: relative; z-index: 0; }
@font-face { font-family: sy; src: url("../font/sySong.woff"); }
@font-face { font-family: fz; src: url("../font/fzch.ttf"); }
.section { overflow: hidden; }
.header_box_li { position: relative; z-index: 1; }
.header_box {position: fixed;z-index: 1000;/* border-top: 0.04rem solid #d81b11; */width: 100%;}
#header {/* position: fixed; */z-index: 999;width: 100%;transition: all 0.36s ease 0s;border-top: 0.04rem solid #d81b11;}
.header_box_li #header::before {content: "";position: absolute;height: 1.2rem;top: -0.01rem;left: 0px;right: 0px;transition: all 0.2s ease 0s;opacity: 1;visibility: visible;pointer-events: none;background: linear-gradient(rgb(105 8 8 / 70%), transparent);z-index: -1;}

#header.xg {background: #d81b11;background: linear-gradient(180deg, rgb(164 0 0 / 38%) 0%, rgb(164 0 0 / 7%) 50%, rgba(255, 255, 255, 0) 100%);}
#header.xg::before {height: 100%;}
#header.xg .wp {height: 1.15rem;}
.header_top { position: relative; }

.header_top .li img {width: 0.15rem;display: inline-block;margin-right: 0.05rem;}
#header .right { padding-left: 7%; flex: 1; display: flex; flex-direction: column; align-items: flex-end; position: relative; }
.list_box0 {display: flex;align-items: center;justify-content: flex-end;}
.list_box0 .li {font-size: 0.16rem;color: rgb(255, 255, 255);display: inline-block;transition: all 0.6s ease 0s;position: relative;opacity: 0.7;display: flex;align-items: center;}
.list_box0 .li:hover { opacity: .7;}
.list_box0 .li a {align-items: center;display: flex;padding: 0px 0.15rem;}
.list_box0 .li:last-child a { padding-right: 0px; border-right: none; }
.list_box0 .li img{display: inline-block;margin-right: 0.2rem;}
.header_box .wp {height: 1rem;position: relative;display: flex;justify-content: space-between;transition: all 0.5s ease 0s;width: 100%;max-width: 100%;align-items: center;padding: 0 1.5rem 0 1rem;}


.header_box #logo {position: relative;transition: all 0.5s ease 0s;}
.header_box #logo img {width: 3.9rem;display: block;}
#nav { width: 100%; max-width: 11rem; }
#nav ul { display: flex; justify-content: space-between; }
#nav ul li { z-index: 0; height: 100%; position: relative; }
#nav ul li a { display: block; padding: 0px; position: relative; z-index: 2; }
#nav ul li h3 {font-size: 0.2rem;color: rgb(255, 255, 255);line-height: 0.65rem;position: relative;transition: all 0.36s ease 0s;display: inline-block;/* font-weight: bold; */}
#nav ul li .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.1rem;min-width: 1.6rem;}
#nav ul li .sub::after { content: ""; position: absolute; left: 50%; bottom:100%; transform: translateX(-50%);border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;border-bottom: 0.1rem solid #fff;}
#nav ul li .sub .box {padding: 0.14rem 0.18rem .07rem;text-align: center;}
#nav ul li .sub a {padding: 0.1rem 0.05rem;line-height: 0.28rem;transition: all 0.6s ease 0s;font-size: 0.16rem;color: #343434;text-align: center;min-width: 1rem;border-bottom: 1px solid #ddd;font-weight: 500;}
#nav ul li .sub a:last-child{border-bottom:none;}
#nav ul li .sub a:hover {color: #d81b11;border-bottom: 1px solid #d81b11;font-weight: 600;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#nav ul li.on h3 { font-weight: bold;}

/*  */
.search_btn { cursor: pointer; }
.search_btn svg { fill: rgb(255, 255, 255); width: 0.16rem; height: 0.16rem; }
.search-dialog-box { position: fixed; left: 0rem; top: 0rem; width: 100%; height: 100vh; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; }
.search-dialog-box::before { content: ""; position: absolute; top: 0rem; height: 0rem; background: #d81b11; transition: all 0.6s ease 0s; left: 0rem; right: 0rem; z-index: 1; opacity: 0.9; }
.search-dialog-box.on::before { height: 100%; display: none; }
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; }
.search-dialog-box .search-bg { position: absolute; left: 0rem; top: 0rem; width: 100%; height: 0rem; margin: 0rem; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; }
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; }
.search-dialog { position: absolute; left: 0rem; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 0.44rem; line-height: 0.56rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; }
.search-dialog .search-inner { overflow: hidden; margin-top: 0rem; }
.search-dialog .search-input { width: 8rem; margin: 0px auto; background-color: rgba(255, 255, 255, 0.1); box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; }
.search-dialog .search-input input[type="text"] { float: left; height: 0.7rem; width: calc(100% - 1rem); background-color: rgb(255, 255, 255); font-size: 0.2rem; line-height: 0.08rem; color: rgb(102, 102, 102); transition: all 0.3s ease 0s; padding: 0px 0.2rem; }
.search-dialog .search-input input[type="submit"], .search-dialog .search-input .clear-btn { float: right; height: 0.72rem; width: 1rem; }
.search-dialog .search-input input[type="submit"] { background-color: #d81b11; font-size: 0.2rem; color: rgb(255, 255, 255); }
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url("../images/close-btn.svg"); background-size: 0.56rem; border-radius: 100%; margin-right: 0.16rem; display: none; }
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); }
.search-dialog .hot-search { font-size: 0rem; width: 0.49rem; margin: 0.096rem auto 0rem; box-sizing: border-box; padding: 0px 0.096rem; overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; }
.search-dialog .hot-search .hot-tit { font-size: 0.06rem; line-height: 0.08rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.096rem; background-repeat: no-repeat; background-position: left center; background-size: 0.08rem; }
.search-dialog .hot-link { margin-left: 0.16rem; }
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.06rem; line-height: 0.08rem; margin-right: 0.12rem; color: rgb(255, 255, 255); padding-bottom: 0.05rem; position: relative; }
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0rem; width: 100%; height: 0.02rem; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; }
.search-dialog-box .bottom-box { position: absolute; left: 0rem; bottom: 5.1%; width: 100%; }
.search-dialog-box .bottom-box .share-box { overflow: hidden; }
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; }
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; }
.header-right.is-open .search-btn .con-box { display: none; }
.header-right.is-open .close-btn { display: block; }
.header-right.is-open .item .search-bg { transform: scale(1); }
.search-dialog-box.on { opacity: 1; visibility: visible; }
.search-dialog-box.on .search-bg { height: 100vh; }
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; }
.search-dialog-box.on .wrap-inner { transform: translateY(0px); }
.pub-close { position: absolute; width: 0.48rem; height: 0.48rem; z-index: 10; right: 0.24rem; top: 0.216rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; }
.pub-close .bg { position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; background-color: #d81b11; transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; }
.pub-close i { position: absolute; left: 0rem; top: 0rem; width: 100%; height: 100%; background-position: center center; background-size: 0.12rem; background-repeat: no-repeat; background-image: url("../images/close-btn.svg"); transition: all 0.6s ease 0s; }
.pub-close i:hover { transform: rotate(180deg); }
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes spin2 { 
  100% { transform: rotate(-1turn); }
}
@keyframes spin-reverse { 
  0% { transform: rotate(1turn); }
}
@keyframes spin-reverse2 { 
  0% { transform: rotate(-1turn); }
}
.m_header_box {transition: all 0.6s ease 0s;display: none;height: 0.7rem;position: relative;z-index: 1000;}
.m_header_box header { padding: 0px 0px 0px 0.15rem; height: 0.7rem; background: #d81b11; box-shadow: rgba(0, 0, 0, 0.05) 0px 0.03rem 0.05rem; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; display: flex; justify-content: space-between; align-items: center; }
.m_header_box header #logo { padding: 0px; }
.m_header_box header #logo img { max-height: 0.55rem; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; }
#nav_btn_box::before {content: "";position: absolute;z-index: -1;top: 0px;right: 0px;bottom: 0px;left: 0px;background: rgb(216 27 17);}
#nav_btn_box::after {content: "";position: absolute;z-index: -1;bottom: 0px;/* border-right: 0.1rem solid rgb(255, 255, 255); */border-top: 0.7rem solid transparent;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: 0.27rem;height: 0.24rem;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.28rem; }
#nav_btn .navbtn {position: absolute;top: 0.12rem;left: 0px;display: inline-block;width: 0.27rem;height: 0.02rem;transition: all 0.3s ease-out 0s;background: #ffffff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 0.27rem;height: 0.02rem;content: "";transition: all 0.3s ease-out 0s;background: #ffffff;}
#nav_btn .navbtn::after { top: -0.08rem; }
#nav_btn .navbtn::before { top: 0.08rem; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0rem; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0rem; }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 0.9rem 0.1rem 0.15rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out 0s;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background:  0% 0% / cover rgb(247, 247, 247);opacity: 0;visibility: hidden;}
#m_nav .close { position: absolute; top: 0.07rem; right: 0.15rem; left: 0.15rem; font-size: 0.3rem; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 0.35rem; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .search_box input.submit { background: url("../images/submit.svg") center center / 0.28rem no-repeat #d81b11; }
#m_nav .list_box0 {text-align: center;width: 90%;justify-content: flex-start;margin: 0.1rem auto 0px;flex-wrap: wrap;}
#m_nav .list_box0 .li {text-align: center;color: #d81b11;font-size: 0.14rem;width: auto;line-height: 0.4rem;}

.list_box_nav_mobile { width: 100%; padding: 0px 0px 0.1rem; overflow: hidden auto; margin: 0rem; }
.list_box_nav_mobile > li { width: 90%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .a { width: 100%; border-bottom: 1px solid rgb(226, 226, 226); line-height: 0.64rem; color: rgb(51, 51, 51); padding: 0px; font-size: 0.16rem; display: flex; position: relative; transition: all 0.5s ease 0s; }
.list_box_nav_mobile > li i {opacity: 1;width: 0.64rem;height: 0.64rem;background-image: url("../images/arrow_down.svg");transform: rotate(-90deg);background-position: center center;background-repeat: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;position: absolute;display: block;right: 0px;top: 0.02rem;background-size: 0.15rem 0.15rem !important;}
.list_box_nav_mobile > li.on1 i {transform: rotate(0deg);}
.list_box_nav_mobile > li.on .a { border-bottom: 1px solid rgb(226, 226, 226); }
.list_box_nav_mobile > li .list { padding: 0.1rem 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .list a { display: block; font-size: 0.13rem; color: rgb(102, 102, 102); line-height: 2.5; }
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
.wap_search { font-size: 0.16rem; border-radius: 0.05rem; color: rgb(255, 255, 255); text-align: center; letter-spacing: 0.02rem; width: 100%; height: 0.6rem; display: block; }
.wap_search .form {height: 0.4rem;border-radius: 0.2rem;background: rgb(255, 255, 255);position: relative;width: 3.68rem;margin: 0.1rem auto;border: 1px solid #d81b11;}
.wap_search .input {font-size: 0.16rem;color: rgb(100, 100, 100);height: 0.4rem;line-height: 0.4rem;padding: 0px 0.4rem 0px 0.2rem;box-shadow: none;appearance: none;float: left;background: none;width: calc(100% - 0.4rem);}
.wap_search .btn_blue { position: absolute; cursor: pointer; top: 0px; right: 0px; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border: 0px; background: url("../images/submit.svg") center center / 0.24rem no-repeat #d81b11; border-radius: 0.2rem; }
.wap_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); }
.wap_search input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.wap_search input:focus::-webkit-input-placeholder { color: transparent; }
/* 脙娄脗掳芒鈧撁兟┟嬧�犆偮ッ兣矫偮裁兟吢该⑩偓鹿脙庐脜戮脗聽脙庐芒鈧∶吢该兟ッ吢犆⑩偓掳脙娄脗掳芒鈧撁兟⑩偓拧芒鈧懊兟ッ偮矫⑩偓垄脙搂脜鈥櫭偮兟⑩偓鈥澝⑩偓潞脙漏芒鈥灺⒚⑩偓鹿 */

.miso_btn1 {width: 1.22rem;height: .8rem;cursor: pointer;transition: all 0.5s ease 0s;position: absolute;right: 0px;top: -1px;justify-content: flex-end;padding-right: 0.2rem;display: flex;align-items: center;/* border-radius: 0.33rem 0px 0px 0.33rem; */background: url(../images/menu.png) no-repeat;background-size: 100% 100%;}


#openBtn { cursor: pointer; display: inline-block; }
#openBtn .lcbody { width: 0.46rem; height: 0.2rem; position: relative; display: flex; flex-direction: column; justify-content: flex-start; }
#openBtn .lcbody .lcitem {width: 100%;height: 0.02rem;position: absolute;transition: transform 0.36s ease 0s;right: 0px;border-radius: 0rem;} 
#openBtn .lcbody .lcitem:nth-child(2) {width:70%;}
/* #openBtn .lcbody .lcitem:nth-child(3) { width: 70%; } */
#openBtn .lcbody .lcitem div { position: absolute; width: 100%; height: 100%; top: 0px; left: auto; right: 0px; background: rgb(255, 255, 255); }
#openBtn .lcbody .top { top: 0px; }
#openBtn .lcbody .center { display: block; top: 50%; width: 100%; }
#openBtn .lcbody .bottom { top: 100%; }
#openBtn .lcbody:hover .lcitem.top .rect { animation: 0.4s ease-in-out 0s 1 normal none running move; }
#openBtn .lcbody:hover .lcitem.center .rect { animation: 0.4s ease-in-out 0.1s 1 normal none running move; }
#openBtn .lcbody:hover .lcitem.bottom .rect { animation: 0.4s ease-in-out 0.2s 1 normal none running move; }
.active#openBtn .lcitem.top { transform: rotateZ(45deg); top: 49%; }
.active#openBtn .lcitem.center { opacity: 0; }
.active#openBtn .lcitem.bottom { transform: rotateZ(-45deg); top: 49%; width: 100%; }
.xg .miso_btn1 {/* top: 0.15rem; */}
@keyframes move { 
  0% { right: 0px; }
  40% { right: 0px; width: 0px; }
  60% { right: auto; width: 0%; }
  100% { right: auto; width: 100%; }
}
.show { overflow: hidden; }
.show .g-nav2 { transform: translateY(0px); }
.g-nav2 { position: fixed; z-index: 49; left: 0px; top: 0px; right: 0px; bottom: 0px; transition: all 0.5s ease 0s; transform: translateY(-100%);}
.g-nav2:after{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.5;}
.g-nav2 .scroll {position: absolute;z-index: 1;left: 0px;right: 0px;top: 1.5rem;bottom: 0px;overflow-y: auto;padding: 0 .5rem;}
.g-nav2 .scroll .wp { width: 100%; max-width: 100%; padding: 0px 0.5rem; }
.g-nav2 .scroll ul {width: 100%;flex-wrap: nowrap;position: relative;}
.g-nav2 .scroll ul:after{content:"";position:absolute;width:100%;top:.7rem;background:#D8D8D8;opacity:.1;left:0;z-index:1;height: 1px;}
.g-nav2 .scroll li {width: 10%;flex-shrink: 0;padding: 0px 0.15rem;}
.g-nav2 .scroll li h2 a {color: rgb(255, 255, 255);line-height: 0.32rem;display: flex;padding-bottom: 0.15rem;position: relative;z-index: 1;height: 0.7rem;}
.g-nav2 .scroll li h2 {font-size: 0.2rem;font-weight: bold;line-height: 0.7 rem;position: relative;z-index: 1;}

.g-nav2 .scroll li .list {padding: 0.2rem 0px;}
.g-nav2 .scroll li .list h3 {font-size: 0.16rem;line-height: 0.36rem;margin-bottom: 0.05rem;color: rgb(255, 255, 255);white-space: nowrap;}
.g-nav2 .scroll li .list dl {padding-bottom: 0.05rem;}
.g-nav2 .scroll li .list dd {font-size: 0.14rem;line-height: 0.26rem;opacity: 0.7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgb(255, 255, 255);transition: all 0.5s ease 0s;margin-bottom: .1rem;}
.g-nav2 .scroll li .list dd:hover { overflow: visible; opacity: 1; text-overflow: unset; }
.show #nav { opacity: 0; visibility: hidden; }
.g-nav2 .scroll li.on h2::after { width: 100%; left: 0px; }
.g-nav2 .scroll ul.on li { width: 9.5%; }
.g-nav2 .scroll ul.on li.on { width: 24%; padding: 0px 0.3rem; transition:0.5s;}
.g-nav2 .scroll li.on h2 {padding: 0 0.3rem;}
.g-nav2 .scroll li.on .list {background: linear-gradient(rgba(73, 34, 172, 0.3) 0%, rgba(216, 216, 216, 0) 100%);padding: 0.2rem 0.3rem;}
.g-nav2 .scroll li:hover h2::after{width: 100%; left: 0px;}

@keyframes ani_roll2 { 
  0% { background-position: 0px bottom; }
  100% { background-position: -100% bottom; }
}
/* banner */
.container00 .fp-tableCell{padding-top: 0 !important;}
.main-visual-wrapper { width: 100%; overflow: hidden; position: relative; }
.main-visual-slider { overflow: hidden; position: relative;width: 100vw;}
.main-visual-slider .swiper-slide { overflow: hidden;}
.swiper-box1 .imged{padding-bottom: 100vh;}
.slide-inner{overflow: hidden;}
.main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1); transition: opacity 0.5s}
.main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }
.main-visual-slider .imged::after{width: 100%;height: 30%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);}
.main-visual-slider a:hover .imged{transform: scale(1);}
.main-visual-slider video{transform: scale(1.1)\0;}

.main-visual-slider p{font-size: 0.32rem;font-weight: bold;line-height: 0.38rem;color: #FFFFFF;position: absolute;left: 3%;bottom: 5%;z-index: 10;}

.swiper-box1 .arrow{position: absolute;z-index: 10;right: 1.6rem;bottom: 0.4rem;display: flex;align-items: center;}
.swiper-box1 .cir {bottom: 0.42rem;width: 100%;text-align: center;}
.swiper-box1 .cir span{position: relative;width: .13rem;height: 0.13rem;opacity: 1;margin: 0rem  0.11rem!important;background: #fff;z-index: 1;}
.swiper-box1 .cir span.on{opacity: 1;background: #d81b11;}

.banner .bb{width: auto;left: 50%;transform: translateX(-50%);bottom: -.5rem;position: absolute;z-index: 10;width: 2rem;height: 2rem;border: 1px solid hsla(0, 0%, 100%, .2);border-radius: 50%;opacity: .5;padding-top: .3rem;}
.banner .bb::after{width: 100%;height: 100%;border-radius: 50%;bottom: 0;border-top: 1px solid #fff;left: 50%;transform: translateX(-50%);}
.banner .bb a{animation: scrollKey 3s ease-in-out infinite;width: 1;flex-direction: column;align-items: center;}
.banner .bb i{color: #fff;font-size: 0.14rem;display: block;padding-top: 0.1rem;}

@keyframes scrollKey {
    25% {
        opacity: 0;
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        transform: translateY(-50%)
    }
    75%,to {
        opacity: 1;
        transform: translateY(0%)
    }
}
@media (max-width: 1200px) {
.banner .bb{display: none;}
}
@media (max-width: 768px) {
  .swiper-box1 .cir{bottom: 0.2rem;}
  .banner .bb{display: none;}
}
/*  */

.home1 {padding: 1rem 0px 0rem;width: 100%;}
.container01::after{width: 100%;background: url("../images/hbg1.jpg") no-repeat bottom/cover; }

.title {margin-bottom: 0.25rem;align-items: center;position: relative;z-index: 10;justify-content: space-between;}
.title .h3{padding-bottom: 0.2rem;position: relative;}
.title h3 {font-size: 0.24rem;line-height: 1.5;cursor: pointer;color: rgb(51, 51, 51);font-weight: bold;font-family: sy;display: flex;align-items: baseline;padding: 0.15rem 0 0;}
.title h3::after{width: 0.88rem;height: 0.7rem;background: url(../images/tit1.png) no-repeat;background-size: 100% 100%;bottom: auto;top: 0;}

.title h3 b {font-family: sy;font-size: 0.33rem;}
.title p {font-size: 0.2rem;color: #b29873;font-family: sy;left: 0.57rem;position: absolute;bottom: 0;display: flex;white-space: nowrap;}
.more a{font-size: 0.14rem;color: #d81b11;border-radius: 0px;align-items: center;}
.more a img{display: inline-block;margin-left: 0.08rem;width: 0.32rem;}

.home1-t li *{ transition: all 0.5s ease 0s; }
.home1-t { justify-content: space-between; } 
.home1-t .left { width: 64.8%; }
.home1-t .right { width: 32%;}
.home1-t .left a { position: relative; display: block;}
.home1-t .left .imged {padding-bottom: 56%;}
.home1-t .left .imged::after{width: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 73%, rgba(216,27,17,.5) 101%);height:60%;}


.home1-t .left .con {padding: 0.15rem 0.44rem 0 0.36rem;position: relative;height: 1.15rem;background: #fff;width: 100%;/* margin: -0.7rem 0 0px; */z-index: 10;border-left: 0.05rem solid #d81b11;background-size: 100% 100%;}

.home1-t .left .con h3{font-size: 0.24rem;color: #333;line-height: 0.32rem;transition: all 0.5s ease 0s;max-height: 0.64rem\0;margin-bottom: 0.1rem;}
.home1-t .left .con p{color: #d81b11;font-size: 0.14rem;}


.home1-t .left .cir {bottom: 1.3rem;left: auto;right: 0.2rem;width: auto;}
.home1-t .left .cir span {width: 0.12rem;height: 0.12rem;background: #fff;opacity: 1;border-radius: 50%;margin: 0 .05rem!important;}
.home1-t .left .cir span.on {opacity: 1;background: #d81b11;}

.h1-s{/* margin-top: -0.6rem; */position: relative;z-index: 2;}
.home1-t .right li *{transition: 0.5s;}
.h1-s .imged{padding-bottom: 66.7%;}
.h1-s li a {align-items: center;border-bottom: 1px dashed #dddddd;height: 0.8rem;padding: 0.25rem 0;position:relative;z-index: 1;}
.h1-s li:last-child a { border-bottom: none;}
.h1-s li a::after {height:auto;bottom: -1px;background: #fff;top:-1px;width: auto;opacity: 0;width: 100%;box-shadow: 0px 0px 0.2139rem 0.0161rem rgba(87, 94, 94, 0.59);content:"";position:absolute;z-index: -1;left: 0;}

.h1-s li .con{flex: 1;min-width: 0;padding-right: 0.1rem;height: 100%;display: flex;align-items: center;}
.h1-s li .date{text-align: center;}
.h1-s li span{font-family: sy;font-size: 0.3rem;color: #666666;}
.h1-s li p{font-size: 0.14rem;color: #999;margin-top: 0.1rem;display: flex;align-items: baseline;font-family: sy;}
.home1-t .right li h3 {font-size: 0.18rem;color: #000;line-height: 0.24rem;font-weight: 500;max-height: 0.48rem\0;}
.h1-s{padding: 0;}
/* .h1-s .slick-current a:after{opacity:1;}
.h1-s .slick-current a{padding:.25rem;}
.h1-s li.slick-current a h3,.h1-s li.slick-current a span,.h1-s li.slick-current a p{color: #d81b11;}*/
.h1-s .slick-dots{width: 100%;display: flex;align-items: center;justify-content: center;bottom: -0.3rem;display: none;}
.h1-s .slick-dots li{width: 0.1rem;height: 0.1rem;border-radius: 50%;opacity: .3;margin: 0 0.04rem;background: #d81b11;}  
.h1-s .slick-dots li.slick-active{opacity: 1;width: 0.28rem;border-radius: 0.06rem;}
.h1-s .slick-dots li button{display: none;}
.home1-t .right li .imged{padding-bottom:55%;}

@media screen and (min-width: 1025px) {
  .more a:hover span{font-weight: bold;text-decoration: underline;}
  .h1-s li a:hover::after{opacity: 1;}
  .h1-s li a:hover h3,.home1-t .right li a:hover span,.home1-t .right li a:hover p{color: #d81b11;}
  .h1-s li a:hover{padding: .25rem;}
}
@media screen and (max-width: 1024px) {
  .home1 { padding: 0.4rem 0px; }
  .home1-t .left { width: 100%; margin: 0px; }
  .home1-t .right { width: 100%; margin-top: 0.3rem; }
}
@media screen and (max-width: 768px) {
  
  
}
@media screen and (max-width: 500px) {


}


/*  */
.container02::after{width: 100%;top: 0;background: url(../images/hbg2.png) no-repeat;background-size: cover;bottom:auto;}
.home2{width: 100%;padding: 1rem 0px 0;position: relative;z-index: 1;}
.home2-t{justify-content: space-between;}
.home2-t .left{width: 48%;}
.home2-t .right{width: 48%;}

.home2-t li *{transition: 0.5s;}
.list2{background: #fff;padding: 0.1rem .25rem .25rem;box-shadow: 0.03rem 0.01rem 0.08rem 0rem rgba(117, 118, 120, 0.15);}
.list2 li{width: 100%;}
.list2 li a {align-items: center;padding: .1rem 0rem;border-bottom: 1px dashed #ddd;}
.list2 li a::after {height: 1px;bottom: -1px;background: #d81b11;}
.list2 li h3 {font-size: 0.18rem;line-height: 0.3rem;color: #333;max-height: 0.6rem\0;flex: 1;min-width: 0;padding-right: 0.25rem;}
.list2 li p{font-size: 0.14rem;line-height: 0.28rem;color: #9E9E9E;}
.home2-t dt a{position: relative;display: block;}
.home2-t dt .imged{padding-bottom: 50%;}
.home2-t dt .imged::after{width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 101%);height:40%;}
.home2-t dt .con{width: 100%;padding: 0 0.25rem 0.15rem;position: absolute;left: 0;z-index: 10;bottom: 0;}
.home2-t dt h3{font-size: 0.18rem;color: #fff;line-height: 0.3rem;max-height: 0.6rem\0;width: 80%;}

.h2-s .slick-dots{width: auto;bottom: 0.2rem;left: auto;right: 0.2rem;}
.h2-s .slick-dots li{width: 0.1rem;height: 0.1rem;border-radius: 50%;opacity: 1;margin: 0 0.04rem;background: #fff;}  
.h2-s .slick-dots li.slick-active{opacity: 1;background: #d81b11;}
.h2-s .slick-dots li button{display: none;}
 

.home2-t .tit .h3{cursor: pointer;}
.home2-t .tit h3{opacity: .5;}
.home2-t .tit p{opacity: 0;}
.home2-t .tit .h3{padding-right:.25rem;}
.home2-t .tit .h3.on h3{opacity: 1;}
.home2-t .tit .h3.on p{opacity: 1;}
.home2-t .right .more a{display: none;}
.home2-t .right .more a.on{display: flex;}
.h2-t{position: relative;}
.h2-t .tab{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;transition: 0.5s;}
.h2-t .tab.on{opacity: 1;visibility: visible;position: relative;z-index: 10;}



@media screen and (min-width: 1200px) {
  .list2 li a:hover h3{color: #d81b11;font-weight: bold;}
  .list2 li a:hover::after{width:100%;}
  
}

@media screen and (max-width: 1024px) {
 .home2-t .left{width: 100%;}
  .home2-t .right{width: 100%;margin-top: 0.3rem;}

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

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



/*  */
.container03{background: url(../images/hbg3.png) no-repeat;background-size: cover;}
.home3{width: 100%;padding: 1rem 0px 0rem;}
.home3-t{justify-content: space-between;background: #fff;box-shadow: 0rem 0.22rem 0.1886rem 0.0414rem rgba(124, 124, 124, 0.16);padding: 0.25rem 0.4rem 0.1rem;}
.home3-t li *{transition: 0.5s;}
.home3-t .left{width: 31%;}
.home3-t .mid{width: 32%;}
.home3-t .right{width: 31%;}
.home3-t .right .imged{padding-bottom: 58%;}
.home3-t li a{/* display: block; */position: relative;}
.home3-t li h3{color: #000;font-size: 0.18rem;line-height: .26rem;max-height: 0.52rem\0;}
.home3-t li p{font-size:0.14rem;color: #999;}
.home3-t .left li{/* margin-bottom:.1rem; */}
.home3-t .left li a{display: block;overflow: hidden;height: 0.95rem;transition: 0.5s;}
.home3-t .left li span{color: #d81b11;padding-right: 0.1rem;}
.home3-t .left li span::after{width: 50vw;height: 1px;left: 100%;bottom: 50%;background: #f4f0e9;}
.home3-t .left li h3{margin-top: 0.15rem;}
.home3-t .mid li a{/* border-bottom: 1px dashed #ddd; */height: .83rem;display: block;}
.home3-t .mid li .con{height: 0.9rem;align-items: center;}
.home3-t .mid li a .img{width: 100%;/* box-shadow: 0rem 0.22rem 0.1886rem 0.0414rem rgba(124, 124, 124, 0.16); *//* display: none; */}
.home3-t .mid li a img{width: 100%;}
.home3-t .mid .h3-s{/* margin-bottom:.3rem; *//* height: 4rem; */}
.h3-s li{margin-bottom: .26rem;}
.home3-t .mid .slick-slide div:last-child li a{border-bottom: none;}
.home3-t .mid li h3{flex: 1;min-width: 0;padding-right: 0.2rem;}
.home3-t .mid .slick-dots{bottom: -.1rem;}
.home3-t .mid .slick-dots li{width:.1rem;height:.1rem;border-radius:50%;margin:0 .07rem;opacity:.5;background:#d81b11;}
.home3-t .mid .slick-dots li.slick-active{opacity:1;}
.home3-t .mid .slick-dots li button{display:none;}
.h3-t2{/* overflow-y: auto; *//* height: 6rem; *//* padding-right: .1rem; */}


/* .home3-t .mid li.on a{height: 1.9rem;}
.home3-t .mid li.on .img{display: block;} */
.home3-t .right .h3-t a{align-items: center;background:#f9f9f9;  box-shadow: 0rem 0.04rem 0.07rem 0rem rgba(79, 4, 4, 0.09);margin-bottom: 0.2rem;}
.home3-t .right .h3-t .scale{width: 1.97rem;}
.home3-t .right .h3-t .con{flex: 1;min-width: 0;padding: 0 0.2rem;}
.home3-t .right .h3-t h3{font-weight: bold;margin-bottom: 0.15rem;line-height: .26rem;max-height: .52rem;}
.home3-t .right .h3-t p{text-align: right;}
.home3-t .right li{margin-bottom: 0.24rem;}
.home3-t .right li a{align-items: center;height: .9rem;background:#f9f9f9;padding: 0 .2rem;}
.home3-t .right li a::after{width: 0.04rem;height: 0.23rem;background: #d81b11;bottom: auto;top: 0.2rem;}
.home3-t .right li h3{max-height: 0.78rem\0;flex: 1;min-width: 0;padding-right: 0.2rem;}

.home3-t .mid img{display: block;margin: auto;}




@media screen and (min-width: 1025px) {
   .home3-t li a:hover h3,.home3-t .right .h3-t a:hover h3{color: #d81b11;}
   .home3-t .right li a:hover{background:#d81b11;}
   .home3-t .right li a:hover h3,.home3-t .right li a:hover p{color: #fff;}
}
@media screen and (max-width: 1024px) {
  .home3{ padding: 0rem 0px 0.4rem; }
  .home3-t .left{width:100%;}
  .home3-t .mid{width: 100%;margin: 0.3rem 0;}
  .home3-t .right{width: 100%;}

}
@media screen and (max-width: 768px) {
.home3-t .right .h3-t .scale{width: 1.6rem;}
  .home3-t{padding:.2rem .15rem}
}

/*  */
.home4{width: 100%;padding: 0.5rem 0 0rem;z-index: 5;}
.container04::after{width: 100%;height: auto;background: url(../images/hbg4.jpg) repeat;top: 0rem;bottom: 0;background-size: 100% 100%;}
.home4 .title{display: none;}
.home4 .title h3,.home4 .title h3 b{color: #fff;}
.home4-t .left{width: 3rem;padding-top: 1.9rem;}
.home4-t .right{flex: 1;min-width: 0;padding-left: 1rem;}
.h4-s1 li a{align-items: center;padding-top: .9rem;}
.h4-s1 li .con{flex: 1;min-width: 0;padding-right: 0.15rem;}
.h4-s1 li .pis{width:4.4rem;}
.h4-s1 li .pis::after{width: auto;left: 0.65rem;right: 0.5rem;height: auto;top: -0.9rem;background: url(../images/h4-pbg.png) no-repeat;background-size: 100% 100%;bottom: .15rem;}
.h4-s1 li h3{color: #fff;font-size: 0.38rem;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.h4-s1 li h3::after{width: 1.1rem;height: 0.05rem;background: #ebe6ba;}
.h4-s1 li h4{color: #fff;font-size: 0.2rem;line-height: 0.3rem;max-height: 0.6rem\0;margin-bottom: 1rem;}
.h4-s1 li span{align-items: center;color: #fbffd3;font-size: 0.16rem;}
.h4-s1 li span img{display: inline-block;margin-left: 0.1rem;width: 0.18rem;}
.h4-s2{margin-top: .2rem;}
.h4-s2 li{padding: 0.2rem .15rem;}
.h4-s2 li a{display: block;padding-left: 0.22rem;background: url(../images/h4bg2.png) no-repeat;background-size: 100% 100% !important; box-shadow: 0rem 0.17rem 0.18rem 0rem rgba(79, 4, 4, 0.35);transition: 0.5s;}
.h4-s2 li.slick-current a{transform: scale(1.1);transform-origin:bottom}

.h4-s2 .slick-arrow{width: 0.19rem;height: 0.22rem;top: 50%;transform: translateY(-50%);background-size: 100% 100% !important;}
.h4-s2 .slick-arrow:before{display:none;}
.h4-s2 .slick-prev{background: url(../images/h4-prev.png) no-repeat;left: -0.4rem;}
.h4-s2 .slick-next{background: url(../images/h4-next.png) no-repeat;right: -0.4rem;}
.h4-s2 li .imged{padding-bottom: 125%;}
.h4-s1 li .imged{padding-bottom: 98%;}
.h4-s1 li a:hover .imged{transform:scale(1);}
@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1024px) {
  .home4 { padding: 0.1rem 0px 0.4rem; }
  .container04::after{background:#d81b11;}
  .home4-t .left{width: 100%;display: none;}
  .home4-t .right{width: 100%;padding: 0;}
  .home4 .title{display: flex;}
  .h4-s2{padding: 0 0.25rem;}
  .h4-s2 .slick-prev{left: 0;}
  .h4-s2 .slick-next{right: 0;}
  
  .h4-s1 li h3{font-size: 0.26rem;}
}
@media screen and (max-width: 768px) {
  .h4-s1 li .pis{width:3rem;margin: 0.5rem auto 0;}
  .h4-s1 li .con{flex: none;width: 100%;padding: 0;}
  .h4-s1 li h4{margin-bottom: 0.3rem;}
  .h4-s1 li a{padding:0}
  .h4-s2{margin-top:.3rem;}
}

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

}

/*  */
.home5{width: 100%;padding: 1.2rem 0px 0rem;}
.home5 ul{justify-content: space-between;}
.home5-t li{width: 47.5%;}
.home5-t li a{align-items: flex-start;padding: 0.3rem 0 0;border-radius: 0.3rem 0 0 0.3rem;overflow: hidden;}
.home5-t li a::after{width: auto;right: 0.3rem;background: url(../images/h5bg1.png) no-repeat center/cover;}
.home5-t li .pis{width: 2.86rem;padding: 0 0 0.2rem 0.2rem;background: #fff;border-radius: 0 0 0 0.2rem;}
.home5-t li .con{flex: 1;min-width: 0;padding: 0 0.35rem;}
.home5-t li .box{height: 3.7rem;padding: 0.35rem;}
.home5-t li .box::before{content: " “";position: absolute;top: 0;left: 0;font-size: 0.5rem;font-family: sy;color: #926625;opacity: .3;width: .25rem;height: .25rem;}
.home5-t li .box::after{content: "”";left: auto;right: 0;font-size: 0.5rem;font-family: sy;color: #926625;width: auto;height: auto;opacity: .3;width: .25rem;height: .25rem;}
.home5-t li .box p{font-size: 0.16rem;color: #926625;line-height: 0.25rem;max-height: 2rem\0;text-align: justify;}
.home5-t li h4{align-items: center;color: #fff;font-size: 0.18rem;height: 0.86rem;padding: 0 0.35rem;background: url(../images/h5-shad.png) no-repeat;background-size: 100% 100%;left: -.35rem;position: relative;}
.home5-t li h4 img{display: inline-block;margin: 0 0.15rem;width: 0.39rem;}
.home5-t li h3{font-size: 0.2rem;color: #000;font-weight: bold;margin-bottom: 0.1rem;}
.home5-t li span{color: #999;font-size: 0.16rem;line-height: 1.5;}
.home5-t li .con1{padding: 0.2rem 0 0;}
.home5-t .imged{padding-bottom:120%;}
.home5-t .arrow{margin-top: 0.35rem;justify-content:center;}
.home5-t .arror{width: 0.58rem;height: 0.58rem;border-radius: 50%;position: relative;left: auto;top: auto;right: auto;background: #fff;  box-shadow: 0px 0rem 0.24rem 0rem rgba(219, 43, 34, 0.6);margin: 0 0.15rem;display: flex;align-items: center;justify-content: center;}
.home5-t .arror::after{display: none;}


@media screen and (min-width: 1200px) {
  .home5-t li a:hover h3 { color: #d81b11; }
}
@media screen and (min-width: 501px) {
 .home5-t li:last-child .pis{order: -1;border-radius: 0 0 0.2rem 0;}
.home5-t li:last-child a{border-radius:0 0.3rem 0.3rem 0;}
.home5-t li:last-child a::after{left: 0.3rem;right: 0;background: #fff5ec;}
.home5-t li:last-child .con1{padding-left: 0.2rem;}
.home5-t li:last-child h4{background: url(../images/h5-shad2.png) no-repeat right;justify-content: flex-end;left: auto;right: -.35rem;}
.home5-t li:last-child h4 img{order: 2;}
}
@media screen and (max-width: 1024px) {
  .home5{ padding: 0.4rem 0px; }
  .home5-t li{width: 48.5%;}
  
}
@media screen and (max-width: 768px) {
  .home5-t li{width: 100%;margin-bottom: 0.3rem;}
   .home5{padding: 0.4rem 0rem;}
  .home5-t li .con{padding:0 .15rem;}
}
@media screen and (max-width: 500px) {
  .home5-t li a::after{right:0;}
  .home5-t li .pis{width: 2.86rem;padding: 0 0 0.2rem 0.2rem;order:-1;margin:0 auto .2rem;}
  .home5-t li .con{flex: none;padding: 0 0.15rem;width:100%;}
  .home5-t li .box{height: auto;padding: 0.25rem;}
}


/*  h6*/
.home6{padding: 1rem 0 0rem;width: 100%;}
.home6-t ul{align-items: flex-end;}
.home6-t .h6-t{width: 40%;display: flex;justify-content: flex-end;}
.home6-t li{width: 30%;}
.home6-t li .imged{padding-bottom: 3.7rem;}
.home6 li a{display: block;position: relative;}
.home6 li .con{position: absolute;z-index: 10;}
.home6-t li .con{top: 0.45rem;right: 0.3rem;}
.home6 li h3{
 font-size: 0.5rem;
 font-family: fz;
 writing-mode: td-lr;
 writing-mode: vertical-lr;
    /* 对于旧版Firefox的兼容 */
 writing-mode: vertical-lr;
 -webkit-writing-mode: vertical-lr;
}

/* IE浏览器兼容 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .home6 li h3 {
        /* IE特有的垂直排版方式 */
        writing-mode: tb-rl;
        /* 可选：如果需要从左到右排列，可以配合text-orientation */
        text-orientation: upright;
    }
}



.h6li1 h3{color: #926625;}
.h6li2 h3,.h6li4 h3{color: #fff;}
.h6li3 h3{color: #d81b11;writing-mode: inherit;}
.h6li5 h3{color: #575454;}
.home6-b li:nth-child(1){width: 34%;}
.home6-b li:nth-child(2){width: 22%;}
.home6-b li:nth-child(3){width: 44%;}
.h6li3{display: flex;flex-direction: column;align-items: flex-end;}
.h6li3 .con{top: 0.25rem;right: 0.35rem;}
.h6li3 a{width: 100%;}

.h6li3 .h6-t2{background: #9d7567;height: 3.32rem;width: 60%;display: none;}
.h6li3 .h6-t2 a{display: flex;align-items: center;flex-direction: column;justify-content: center;height: 100%;}
.h6li3 .h6-t2 img{width: 1.26rem;}
.h6li3 .h6-t2 h3{writing-mode: inherit;color: #fff;margin-top: .35rem;}
.h6li4 .con{left: 0.35rem;top: 45%;}
.h6li3 .imged{padding-bottom: 3.8rem;}
.h6li4 .imged{padding-bottom: 4.75rem;}
.h6li5 .imged{padding-bottom: 3.8rem;}
.h6li5 .scale{position: absolute;right: 0;top: 0;z-index: 10;width: 54%;}
.h6li5 .img{width: 46%;height: 4.75rem;padding: 0.3rem 0 0 0.4rem;align-items: flex-start;background: url(../images/h6-p5.png) no-repeat bottom/cover;background-size: 100% 2.88rem;}
.h6li5 .img p{font-size: 0.24rem;color: #666;width: 0.15rem;line-height: 1.2;margin-left: .15rem;/* margin-top: .35rem; */}




@media screen and (min-width: 1200px) {

}
@media screen and (max-width: 1024px) {
  .home6{padding: 0rem 0;}
  .home6 li h3{font-size: 0.4rem;}
}
@media screen and (max-width: 768px) {
  .home6-t .h6-t{width: 60%;margin: 0 auto;}
  .home6-t li{width: 50%;}
  .home6-b li:nth-child(1){width: 65%;}
  .home6-b li:nth-child(2){width: 35%;}
  .home6-b li:nth-child(3){width: 100%;}
  .home6 li h3{font-size: 0.26rem;}
  .home6-t li .imged{padding-bottom: 60%;}
  .h6li3 .imged{padding-bottom: 2rem;}
  .h6li4 .imged{padding-bottom: 2rem;}
  .h6li5 .imged{padding-bottom: 2rem;}
  .h6li3 .h6-t2{height: 2rem;width: 100%;}
  .h6li5 .img{/* width: 60%; */height: 2.5rem;}
  .h6li5 .img p{width: .8rem;}
}
@media screen and (max-width: 600px) {
.h6li5 .scale{/* width:60%; */}
}

/* h7 */
.home7{width: 100%;padding: 1.2rem 0 0;}

.home7-t .imged{padding-bottom: 130%;}
.home7-t{position: relative;}
.home7-t li{clip-path: polygon(0 97%,0 0,100% 3%,100% 100%);transition: 0.5s;}
.home7-t li.swiper-slide-active+li,.home7-t li.swiper-slide-active+li+li+li{clip-path: polygon(0 100%,0 3%,100% 0%,100% 97%);}

.home7-t .arror{width: .19rem;height: 0.33rem;margin-top: 0;transform: translateY(-50%);border-radius: 0%;}
.home7-t .swiper-button-prev{left: -0.5rem;}
.home7-t .swiper-button-next{left: auto;right: -0.5rem;}
.home7-t .arror::after{display: none;}


@media screen and (min-width: 1025px) {
.index {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    background: #fff;padding-top: 1rem;
}
#header.xg2::before{background: #c21616;height: 100%;}

}
@media screen and (max-width: 1600px) {
  .home7-t{padding: 0 0.4rem;}
  .home7-t .arror{left: 0rem;}
  .home7-t .swiper-button-next{left: auto;right: 0rem;}
}
@media screen and (max-width: 1024px) {
  .home7{padding: 0.4rem 0 .4rem;}
}
@media screen and (max-width: 768px) {
  .home7-t li{clip-path: none !important;transition: 0.5s;}
}

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

#fp-nav {display: none;}
/*  */
.container08{background: #c21616;}
.footer{ position: relative; z-index: 10;background: #c21616;width: 100%;}

.footer dl{padding: 0.5rem 0 0.35rem;}
.footer dt{color: #fff;font-size: 0.24rem;line-height: 1.5;border-right: 1px solid #fff;padding: 0 0.3rem;}
.footer dt:last-child{border-right: none;}

.foot-t{align-items: revert;justify-content: space-between;position: relative;padding: 0rem 0 0.4rem;}
.foot-t .fot1 {width: 37%;}
.foot-t .fot2 {width: 28%;}
.foot-t .fot3 {width: 35%;}
.foot-t .fot2 .img {
    text-align: center;
}

.footer dt:hover{opacity: .8;}


.select{width: 2.08rem;position: relative;cursor: pointer;padding: 0 0.1rem;}
.select h2{font-size: 0.18rem;height: 0.45rem;align-items: center;padding: 0 .15rem;justify-content: space-between;border-radius: 0rem;background: rgba(255, 255, 255, 0.2);}
.select h2 p{color: #fff;white-space: nowrap;}
.select ul{background: #f8f8f8;height: 1.2rem;position: absolute;width: auto;left: 0;right: 0;padding: .15rem 0rem;z-index: 99999999999999999999999;bottom: 100%;display: none;overflow-y: auto;}
.select li{font-size: 0.16rem;line-height: 0.32rem;color: #333;transition:0.5s;padding: 0 .15rem;text-align: center;}
.select h2 img{width: 0.11rem;}
.select li:hover{background:#c21616;color:#fff;}

.ul-iconsb1{justify-content:flex-end;}
.ul-iconsb1 li{padding-left: 0.28rem;}
.ul-iconsb1 .con{position:relative;cursor:pointer;}

.ul-iconsb1 .icon img{width:0.6rem;height: .6rem;}
.ul-iconsb1 .qrbox{bottom: 100%;transform: translateY(-30%) translateX(-50%);opacity:0;visibility:hidden;margin-bottom: .15rem;transition: 0.5s;position: absolute;width: 1.2rem;z-index: 10;height: auto;z-index: 100;left: 50%;}
.ul-iconsb1 .qrbox .qr{padding: .1rem;background: #fff;text-align: center;border-radius: .1rem;}
.ul-iconsb1 .qrbox::before{content:"";border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-top:.1rem solid #fff;bottom: -0.1rem;transform: translateX(-50%);position: absolute;left: 50%;}
.ul-iconsb1 li:last-child .qrbox{left:auto;transform: translateX(0%) translateY(-30%);right: 0rem;}
.ul-iconsb1 li:last-child .qrbox::before{right: .2rem;left: auto;transform: translateX(0%);}
.ul-iconsb1 .qrbox .qr img{width: 100%;}
.ul-iconsb1 .qrbox .p{font-size: 0.14rem;overflow:hidden;text-align: center;margin-top: .1rem;line-height: 1.5;}
.ul-iconsb1 .con:hover .qrbox{opacity:1;visibility:visible;transform: translateY(0%) translateX(-50%);}
.ul-iconsb1 li:last-child .con:hover .qrbox{transform: translateY(0%) translateX(0%);}              




.foot{padding: 0rem 0 0.6rem;text-align: center;}
.foot p{font-size: 0.16rem;line-height: 1.5;color: #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.foot p span{display: inline-block;padding: 0 0.15rem;}
.foot p a{align-items: center;padding: 0 0.05rem;}
.foot p a img{display: inline-block;margin-left: 0.05rem;}

@media screen and (max-width: 1024px) {
  .footer::after{display:none;}
  .foot-t {padding: 0rem 0px 0.25rem;}
  .footer dl{padding: 0.3rem 0 0.25rem;}
  .footer dt{font-size: 0.18rem;padding: 0 0.15rem;margin-bottom: .15rem;}
}

@media screen and (max-width: 985px) {
.select {
    width: 1.88rem;
}
}


@media screen and (max-width: 842px) {
.select {
    width: 1.68rem;
}
}


@media screen and (max-width: 835px) {
 .ul-iconsb1 li {
    padding-left: 0.08rem;
}
}



@media screen and (max-width: 768px) {
  .foot-t .fot1 { width: 100%; text-align: center; justify-content: center;}
  .foot-t .fot3 { width: 100%;}
  .foot-t .fot2{width:100%;margin: 0.2rem 0;}
  .foot-t .fot2 ul{justify-content:flex-start;}
  .ul-iconsb1{justify-content:center;}
  .ul-iconsb1 li{padding: 0 0.1rem;}
  .select{width:48%;}
}
@media screen and (max-width: 420px) {
  
}



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

  #header .right { padding-left: 7%; }
}
@media screen and (max-width: 1366px) {
  #header .right { padding-left: 5%; }
}
@media screen and (max-width: 1200px) {
  .header_box { display: none; }
  .m_header_box { display: block; }
  .swiper-box1 .imged { padding-bottom: 50%; }
  .swiper-box1 video{/* display: none; */}
}
@media screen and (max-width: 1024px) {
  .title .img { display: none; }

}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
  .txt1 { font-size: 0.2rem !important; }
  .p1 {font-size: 0.16rem !important;}
  .title { margin-bottom: 0.25rem !important; }
  .title h3 { font-size: 0.28rem !important; }
  .title .h3 {margin: 0px;padding-bottom: .16rem;}
  .title p{font-size: 0.16rem;}
  .title .h3::after{width: .9rem; height: .6rem;}
  .more{top: 0.1rem;}

  .title .more a {padding-right: 0rem;}
  .title .more a::after { width: 0.8rem; height: 0.22rem; }
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 420px) {
}

@media (min-width: 1200px) and (max-height: 750px){
  html{font-size: 4.5vw;}
}



.pb_sys_style1 .p_no_d { color: rgb(255, 255, 255); border: 1px solid #d81b11 !important; background-color: #d81b11 !important; }
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { height: auto !important; padding: 0.03rem 0.12rem !important; line-height: 0.2rem !important; }
.pb_sys_common { font-size: 0.14rem !important; line-height: 0.4rem !important; margin: 0.5rem 0px !important; }
@charset "utf-8";
/* common */
.ban{position: relative;}
.ban .imged {padding-bottom: 30%;}
.ban .imged::after{width: 100%;height: 30%;background-size: 100% 100%;}

.ban .wp{align-items: center;}
.ban .h3{position: absolute;left: 0;bottom: 0rem;z-index: 10;width: 100%;padding-bottom: 0;}
.ban .h3::before{z-index: -1;width: 100%;height: 0.76rem;background: #FDF4F3;content: "";position: absolute;left: 0;bottom: 0;}
.ban h3{color: #fff;font-size: 0.3rem;line-height: 1.5;font-family: sy;/* width: 3rem; */height: .76rem;padding-right: .35rem;}
.ban h3::before{content: "";position: absolute;width: auto;height: 1.1rem;background: url(../images/navbg.png) no-repeat;border-radius: 0 0.3rem 0 0;right: 0;left: -2.6rem;z-index: -1;bottom: 0;background-size: 100% 100%;}

.adress a,.adress{font-size: 0.16rem;color: #333;}
.adress{line-height: 0.3rem;justify-content: flex-end;/*height: 0.5rem;*/align-items: center;}
.adress a{transition: .5s;}
.adress p{background: url(../images/home.png) no-repeat left center;background-size: 0.2rem;padding-left: 0.32rem;}

.ejlm_pc{z-index: 100;padding: 0 .2rem 0 0.4rem;display: flex;flex: 1;min-width: 0;}
.ejlm_pc ul{align-items: center;}
.ejlm_pc ul li{height: 100%;padding: 0 0.14rem;position: relative;}
.ejlm_pc ul li>a{color: #333;transition: 0.5s;font-size: .18rem;min-height: 0.76rem;display: block;line-height: 0.76rem;border-bottom: 0.03rem solid rgba(0, 0, 0, 0);transition: 0.5s;}

.ejlm_pc .sub {position: absolute;top: 100%;background: rgb(255, 255, 255);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: all 0.5s ease 0s;transform-origin: center top;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;min-width: 1.6rem;padding: .1rem 0;}
.ejlm_pc ul li:hover .sub{transform: translateX(-50%) scaleY(1);visibility: visible;opacity: 1;}

.ejlm_pc .sub a{line-height: 0.35rem;font-size: 0.18rem;color: #333;display: block;text-align: center;padding-left: 0;}
.ejlm_pc .sub a:hover{background:#D81B11;color: #fff;}
.ejlm_pc ul li.active >a,.ejlm_pc ul li:hover>a{color: #D81B11 ;font-weight: bold;border-bottom: 0.03rem solid #D81B11;}



.inner .wp,.ban .wp{width: 14rem;}
.picleft{display: inline !important;border: 0 !important;vertical-align: initial !important;}

/* 手机内页二级导航 */
.wrap_ph{padding-bottom: 0.3rem;display: none;}
.wrap_ph h2{width:100%;color:#fff;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;padding: 0 0.2rem;background: #D81B11;}
.wrap_ph h2::after{width: 0.32rem;height: 0.32rem;background: url(../images/cd.svg) no-repeat right center/cover;left: auto;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.wrap_ph ul{padding: 0.1rem 0.2rem 0.2rem;display: none;box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11);}
.wrap_ph li{font-size: 0.18rem;line-height: 0.34rem;font-family: hel-bold;}
.wrap_ph li a{transition:0.5s;display: block;color: #333;}
.inner .wrap_ph{/* display: none; */}
.wrap_ph li.active a{color: #D81B11;}
.wrap_ph i{opacity: 1;display: inline-block;width: .34rem;height: .3rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;top: 2px;transition: 0.5s;}
.wrap_ph i.on{transform: rotate(-90deg);}
.wrap_ph .box{display: none;padding-left: 0.25rem;}
.wrap_ph .box a{font-size: 0.16rem;line-height: 0.3rem;color: #666 !important;display: block;}
.wrap_ph .box a:hover{color: #D81B11;}

.inner {padding: 0.5rem 0 .8rem;position: relative;/* background: #e2effa; */}
.inner .wp{align-items: flex-start;}
.inner_left {width: 2.8rem;z-index: 100;position: relative;margin-bottom: 0.4rem;position: sticky;top: 0;}
.inner_right { width: calc(100% - 2.8rem);padding-left: .7rem;}
.inner_left h2 {background: linear-gradient(270deg, #1079BE 2%, #1BA4BD 100%);text-align: center;height: 1.3rem;align-items: center;padding-left: 0.4rem;}
.inner_left h2 p{color: #fff;line-height: .34rem;font-weight: bold;font-size: 0.34rem;padding-right: 0.15rem;}

.inner_left ul {background: #f1f4f6;padding-bottom: 1rem;}
.inner_left ul li {position: relative;transition: .5s;padding: 0 0.2rem;}
.inner_left ul li p {padding: .2rem;height: 100%;border-bottom: 1px dashed #dde4e7;/* text-align: center; */}
.inner_left ul li p a {font-size: 0.18rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: 1.4;}
.inner_left ul li:last-child p{border-bottom:none;}
.inner_left ul li p a::after{content: "";position: absolute;top: 50%;right: 0;width: .16rem;height: 0.12rem;transition: 0.5s;transform: translateY(-50%);opacity:0;}


.inner_left ul li:hover p a, .inner_left ul li.active p a {color: #D81B11;font-weight: bold;}
.inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;}
.nysubnav {display: none;}
.inner_left ul li.active .nysubnav{display: block;padding-left: .3rem;}
.nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; }
.nysubnav a:hover, .nysubnav a.on {color: #D81B11;}

.local {border-bottom: 1px solid #ccc;padding: 0rem 0px 0.25rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;}
.local h2{color: #333;font-size: 0.3rem;}

/* 新闻列表1 */
.newlist1 ul.list li a{/* padding:.2rem 0; */}

ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;/* padding: .25rem 0; */border-bottom: 1px dashed #C4D1E5;transition: 0.5s;height: .7rem;}
ul.list li a::after{width: 100%;background: linear-gradient(180deg, #E74B4B 0%, #B20000 100%);height: auto;top:-1px;bottom: -1px;opacity: 0;}
ul.list h3{font-size: 0.18rem;color: #333;padding: 0 .2rem 0 0.25rem;transition: 0.5s;flex: 1;min-width: 0;}

ul.list li a span{font-size: 0.16rem;color: #666;}
ul.list li h3::after{width: 0.1rem;height: 0.17rem;background:url(../images/li.png) no-repeat;top: 50%;transform: translateY(-50%);content:"";position:absolute;left: 0;bottom: auto;background-size: 100% !important;}

.page{margin: .6rem 0 0;}
.page img{display: block;margin: 0 auto;}
@media(min-width: 1025px){	
	ul.list li a:hover h3,ul.list li a:hover span{color: #fff;}
	ul.list li a:hover::after{opacity: 1;}
	ul.list li a:hover{padding: 0rem .25rem;}
}

/* 学院新闻 */
.newlist li{margin-bottom: 0.7rem;}
.newlist li a{padding: 0rem 0;align-items: flex-start;transition: 0.5s;}
.newlist li a::after{left: 0rem;background: #FDF4F3;height: auto;top: 0.36rem;right: 0;width: auto;}
.newlist li .scale{width: 3.5rem;position: relative;z-index: 2;}
.newlist li .con{padding: 0 .5rem;flex: 1;min-width: 0;}

.newlist li span{font-size: 0.18rem;color: #fff;line-height: 1.3;transition: 0.5s;width: 1.65rem;line-height: 0.36rem;padding-left: 0.33rem;font-family: Arial;display: block;margin-left: -.5rem;}
.newlist li span::before{content: "";position: absolute;z-index: -1;left: -0.3rem;right: -0.15rem;opacity: 0;height: 100%;bottom: 0;background: #A98D61;transform: skewX(-15deg);}
.newlist li span::after{left: -0.3rem;right: 0;background: #D81B11;transform: skewX(-15deg);width:auto;}

.newlist li h3{font-size: 0.22rem;color: #333;line-height: 0.3rem;transition: 0.5s;margin: 0.3rem 0 0.2rem;}
.newlist li p{font-size: 0.16rem;color: #666;line-height: .28rem;max-height: 0.84rem\0;transition: 0.5s;}
.newlist li .line{opacity: 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);transition: 0.5s;margin-top: 0.3rem;opacity: 0;}
.newlist li .line::after{left: auto;right: 0;width: 0.89rem;height: 0.03rem;background: #A98D61;}

@media(min-width: 1025px){
  .newlist li a:hover::after{background: url(../images/newbg.jpg) no-repeat bottom/cover;}
  .newlist li a:hover h3,.newlist li a:hover p{color: #fff;}
  .newlist li a:hover span::after{background: #A98D61;}
  .newlist li a:hover span::before{opacity: .2;}
  .newlist li a:hover .line{opacity: 1;}
  .newlist li a:hover p{opacity: .8;}
  .newlist li a:hover{padding: 0 0 0.35rem 0;}
}
@media screen and (max-width: 1024px) {
  .newlist li{margin-bottom: 0.2rem;}
 .newlist li a{padding: 0rem 0;}
 .newlist li h4{display: none;}
}
@media screen and (max-width: 768px) {
  .newlist li a{/* padding: .2rem .2rem 0; */}
  .newlist li .scale{width: 100%}
  .newlist li .con{padding: 0.2rem .2rem;flex:none;width:100%;}
  .newlist li h3{margin:.1rem 0;}
  .newlist li p{-webkit-line-clamp: 2;max-height: .56rem !important;}
  .newlist li span{margin:0;}  
  .newlist li span::after{left:0;}                  
}
@media screen and (max-width: 420px) {

}

/* 学术科研 */
.ssky{padding-top: 0.45rem;}
.ssky li{margin-bottom: 0.5rem;}
.ssky li a{padding: 0rem 0;align-items: center;transition: 0.5s;background: #FEF8F8;}
.ssky li a::after{left: 6.8rem;background: url(../images/kybg.jpg) no-repeat bottom/cover;opacity: 0;width: auto;right: 0;}
.ssky li .scale{width: 6.8rem;position: relative;z-index: 2;}
.ssky li .con{padding: 0 .35rem;flex: 1;min-width: 0;}
.ssky li h3{font-size: 0.22rem;color: #333;line-height: 0.36rem;transition: 0.5s;max-height: 0.72rem\0;}
.ssky li p{font-size: 0.16rem;color: #666;line-height: .28rem;max-height: 0.84rem\0;transition: 0.5s;;margin: 0.25rem 0 0.2rem;}
.ssky li span{font-size: 0.16rem;color: #666;line-height: 1.3;transition: 0.5s;padding-left: 0.25rem;display: inline-block;background: url(../images/tim1.png) no-repeat left center;background-size: 0.2rem 0.2rem !important;}
.ssky li .line{width: 0.6rem;height: 0.03rem;background: #D81B11;margin: 0.25rem 0;}
.ssky li h4{padding-left: 0.3rem;font-size: 0.16rem;line-height: 0.25rem;color: #3D3D3D;margin-bottom: 0.14rem;}
.ssky li .t1{background: url(../images/per.png) no-repeat left center;background-size: 0.16rem 0.15rem !important;}
.ssky li .t2{background: url(../images/sj1.png) no-repeat left center;background-size: 0.16rem 0.16rem !important;}
.ssky li .t3{background: url(../images/adr1.png) no-repeat left center;background-size: 0.11rem 0.15rem !important;}



@media(min-width: 1025px){
  .ssky li a:hover::after{opacity: 1;}
  .ssky li a:hover h3,.ssky li a:hover p{color: #fff;}
  .ssky li a:hover span{color: #fff;background: url(../images/tim2.png) no-repeat;}
  .ssky li a:hover .line{background: #fff;}
  .ssky li a:hover h4{color: #fff;}
  .ssky li a:hover .t1{background: url(../images/per2.png) no-repeat left center;}
  .ssky li a:hover .t2{background: url(../images/sj2.png) no-repeat left center;}
  .ssky li a:hover .t3{background: url(../images/adr2.png) no-repeat left center;}
}
@media screen and (max-width: 1024px) {
  .ssky{padding-top: 0rem;}
  .ssky li .scale{width: 3.5rem;}
  .ssky li{margin-bottom: 0.3rem;}
}

@media screen and (max-width: 768px) {
 .ssky li .scale{width: 100%;}
 .ssky li .con{flex: 1;min-width: 0;padding: 0.2rem;}
 .ssky li p{margin: 0.1rem 0;}
}

/* 通知公告 */
.mtsj li *{transition: 0.5s;}
.mtsj li a{height: 100%;align-items: center;padding: 0.3rem 0;border-bottom: 1px solid #eee;}
.mtsj li:first-child a{padding-top: 0;}
.mtsj li:last-child a{border-bottom: none;}
.mtsj li .mtdate{width: .9rem;flex-direction: column;justify-content: center;text-align: center;height: .9rem;
border: 1px solid #D81B11;white-space: nowrap;transition:0.5s;}
.mtsj li .mt-r{width: calc(100% - .9rem);padding: 0 0 0 0.3rem;height: 100%;}
.mtsj li .mtdate span{font-size: 0.3rem;color: #D81B11;}
.mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #D81B11;}
.mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.15rem;width: 100%;}
.mtsj li .mt-r p{font-size: 0.15rem;color: #808080;width: 100%;line-height: .24rem;max-height: .48rem\0;}



@media(min-width: 1025px){	

.mtsj li a:hover .mtdate{background: #D81B11;}
.mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;}
.mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#D81B11;}
}


/*  内容页*/
.article .tit{font-size: 0.3rem;color: #222;line-height: 1.2;margin: 0.1rem 0 0.25rem;text-align: center;font-weight: bold;}

.article .conttime{padding: 0.2rem 0 0.2rem;margin-bottom: 0.2rem;text-align: center;display: flex;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.04);flex-wrap: wrap;line-height: 1.5;}
.article .conttime span{font-size: 0.16rem;color: #999;padding:0 0.2rem;align-items: center;display: flex;}
.article .conttime span img{display: inline-block;margin-right: 0.1rem;}
.article .conttime span span{
padding:0 ;
}
.article .cont p{font-size: 0.22rem !important;color: #333 !important;line-height: 2 !important;font-family: 宋体 !important;text-align:justify;margin-bottom: .2rem;text-indent: 2em;width: 100%;font-family: 宋体, SimSun;}
.article .cont p span{font-size: 0.22rem !important;color: #333 !important;line-height: 2 !important;font-family: 宋体 !important;}

.article .cont a{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important;}

.article .cont p img,.article .cont p video{height: auto !important;max-width: 100% !important;display: block;margin: 10px auto!important;}
.article .cont a{
    display: inline;
}
.article .cont{/* word-break: break-word; */}
.article .cont TABLE{ width:90%; margin:0 auto; border-collapse:collapse; border:1px solid #bbb; } 
.article .cont TABLE TD{ border:1px solid #bbb; padding:0px 5px; } 
.article .cont TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px;}

.new_miew{border-top: 1px solid #c9c9c9;padding-top: 0.3rem;margin-top:0.5rem;}
.new_miew p{font-size: 0.16rem;line-height: 2;margin-bottom: 0.1rem;transition: 0.5s;align-items: center;color: #D81B11;font-weight: bold;}
.new_miew p a{transition: 0.5s;display: inline;align-items: center;color: #D81B11;font-weight: bold;font-weight: normal;}
.new_miew p span{color: #333;}
.new_miew p:hover a{color: #D81B11;}
.new_miew p img{display: inline-block;margin-right: 0.1rem;width: 0.17rem;}
@media(max-width: 1024px){	
    .new_miew{margin-top: .3rem;}
    .cont p{margin-bottom: .1rem;}
}

@media print {
.header_box,.ban,.footer,.g-nav2{display: none;}

.article .tit{font-size: 24px;color: #222;line-height: 32px;margin: 10px 0 25px;text-align: center;}

.article .conttime{padding: 20px 0 20px;margin-bottom: 20px;text-align: center;display: flex;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.04);}
.article .conttime span{font-size: 14px;color: #999;padding:0 20px;align-items: center;display: flex;}
.article .conttime span img{display: inline-block;margin-right: 10px;}
.article .conttime span span{
padding:0 ;
}
.article .cont p{font-size: 16px !important;color: #333 !important;line-height: 2 !important;text-align:justify;margin-bottom: 20px;text-indent: 2em;}
.article .cont p span{font-size: 16px !important;color: #333 !important;line-height: 2 !important;}
.article .cont p img,.article .cont p video{ height: auto !important;max-width: 100% !important;display: block;margin: 0 auto;}
.article .cont a{
    display: inline;
}
.article .cont{
word-break: break-all;
}
.article .cont TABLE{ width:90%; margin:0 auto; border-collapse:collapse; border:0.01rem solid #bbb; } 
.article .cont TABLE TD{ border:0.01rem solid #bbb; padding:0rem 0.05rem; } 
.article .cont TABLE TD P {
    text-indent: 0rem; margin: 0rem; font-size: 0.14rem;}

.new_miew{border-top: 0.01rem solid #c9c9c9;padding-top: 30px;margin-top:50px;}
.new_miew p{font-size: 16px;line-height: 2;margin-bottom: 10px;transition: 0.5s;align-items: center;color: #D81B11;font-weight: bold;}
.new_miew p a{transition: 0.5s;display: inline;align-items: center;color: #D81B11;font-weight: bold;}
.new_miew p span{color: #333;}
.new_miew p:hover a{color: #D81B11;}
.new_miew p img{display: inline-block;margin-right: 10px;width: 17px;}

}


/* 校园风光 */
.xyfg ul{margin: 0 -0.22rem;}
.xyfg li{width: 33.3%;padding:0 0.11rem;margin-bottom: 0.25rem;}
.xyfg li a{display: block;position: relative;z-index: 1;}
.xyfg li .imged{position: relative;z-index: 1;}
.xyfg li .imged::after{content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);left: 0;bottom: 0;transition: 0.5s;z-index: -1;}
.xyfg li h3{font-size: 0.22rem;color: #fff;line-height: 0.3rem;text-align: center;;transition: 0.5s;padding: .1rem 0;position: absolute;padding: 0 0.2rem 0.15rem;left: 0;bottom: 0;z-index: 10;width: 100%;}
.xyfg li .scale .imged{padding-bottom: 57%;}


@media(min-width: 1025px){	
	.xyfg li a:hover h3{color: #D81B11;}
}
@media(max-width: 1024px){	
	.xyfg ul{margin: 0 -0.1rem;}
	.xyfg li{padding: 0 0.1rem;margin-bottom: 0.3rem;}
}

@media(max-width: 768px){	
	.xyfg li{width: 50%;}
}

/* 师资列表 */
.xrld ul{justify-content: space-between;}
.xrld li{width: 48%;margin-bottom: .6rem;}
.xrld li a{align-items: center;box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1);background: #fff;}
.xrld li a::after{background: #D81B11;width: 100%;height: 0;}
.xrld li .scale{width: 2.15rem;}
.xrld li .con{width:calc(100% - 2.15rem);padding: .3rem .25rem;}
.xrld li h3{font-size: 0.22rem;color: #333;line-height: 0.32rem;padding-bottom: .15rem;border-bottom: 1px solid #eee;transition: 0.5s;}
.xrld li h3::after{width: 0.83rem;height: 0.03rem;background: #D81B11;bottom: -1.5px;}
.xrld li p{font-size: 0.16rem;color: #666;line-height: 0.3rem;max-height: 0.9rem\0;margin-top: .2rem;transition: 0.5s;}
.xrld li .imged{padding-bottom: 130%;}



@media(min-width: 1024px){
  .xrld li a:hover::after{height: 100%;}
  .xrld li a:hover h3:after{background: #fff;}
  .xrld li a:hover h3,.xrld li a:hover p{color: #fff !important;}
}
@media screen and (max-width: 1024px) {
  .xrld li{width: 49%;margin-bottom: .3rem;}
}
@media screen and (max-width: 768px) {
  .xrld li{width: 100%;}
}
@media screen and (max-width: 420px) {
  .xrld li .scale{width: 1.6rem;}
  .xrld li .con{width:calc(100% - 1.6rem);padding: .2rem .2rem;}
}

/* 组织机构 */

.dzjg .fl01{margin-bottom: .35rem;position: relative;}
.dzjg .fl01>h3{width: 100%;overflow: hidden;margin-bottom: .25rem; background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,163,189) 100%);display: flex;align-items: center;height: 0.7rem;}
.dzjg .fl01>h3 span{font-size: 0.24rem;color: #fff;font-weight: 500;padding-left: .3rem;display: inline-block;}
.dzjg .fl03>h3{background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,184,163) 100%);}



.dzjg .fl01 ul{margin: 0 -0.2rem;}
.dzjg .fl01 li{width: 25%;padding: 0 0.2rem;display: flex;align-items: center;margin-bottom: 0.35rem;}
.dzjg .fl01 li h3{display: block;transition: 0.5s;width: 100%;font-size: .16rem;color: #222;line-height: 1.3;text-align: center;background: #ecf3f6;height: 0.7rem;display: flex;align-items: center;justify-content: center;}
.dzjg .fl02 li{width: 33.3%;}
 


@media(min-width: 1024px){
  .dzjg .fl01 li h3:hover{background: #036abb;}
  .dzjg .fl01 li h3:hover a{color: #fff;}
}
@media screen and (max-width: 1024px) {
  .dzjg .fl01 ul{margin: 0 -0.1rem;}
  .dzjg .fl01 li{width: 33.3%;padding: 0 0.1rem;}
}
@media screen and (max-width: 768px) {
  .dzjg .fl01{margin-bottom: .3rem;}
  .dzjg .fl01 li{width: 50%}
  .dzjg .fl01>h3 span{font-size:.22rem;}
}
@media screen and (max-width: 420px) {
  .dzjg .fl02 li{width: 100%;}
}
/* 组织机构 */

.zzjg ul{margin: 0 -0.3rem;}
.zzjg li{width: 33.3%;padding: 0 0.3rem;}
.zzjg li h3{height: 0.9rem;display: flex;flex-wrap: wrap;align-items: center;padding: 0 0rem;border-bottom: 1px solid #D81B11;transition: 0.5s;}
.zzjg li h3::after{width: 100%;opacity: 0;background: url(../images/jgbg.png) no-repeat ;background-size: 100% 100%;transition: 0.5s;bottom: -1px;height: auto;top: -1px;}

.zzjg li a{font-size: 0.22rem;color: #333;line-height: 1.3;transition: 0.5s;display: inline-block;padding: 0 0rem 0 0.3rem;background: url(../images/jg1.png) no-repeat left center;background-size: 0.13rem !important;width: 100%;}


@media(min-width: 1025px){	
  .zzjg li h3:hover{padding: 0 0.25rem;border-color: transparent;}
  .zzjg li h3:hover::after{opacity: 1;}
	.zzjg li h3:hover a{color: #fff;font-weight: 700;background: url(../images/jg2.png) no-repeat left center;}

}
@media(max-width: 1024px){	
  .zzjg{padding-top: 0rem;}
	.zzjg ul{margin: 0 -0.1rem;}
  .zzjg li{width: 33.3%;padding: 0 0.1rem;}
}

@media(max-width: 768px){	
  .zzjg li{width: 50%;}
  .zzjg li h3{height: 0.7rem;}
}
@media(max-width: 456px){	
	.zzjg li{width: 100%;}
}





/* 师资队伍 */
.szlist dl{border-bottom: 1px solid #ddd;margin-bottom: .5rem;}
.szlist dt{line-height: 0.6rem;padding: 0 0.5rem 0 0.3rem;font-size: 0.22rem;color: #333;transition: 0.5s;cursor: pointer;}
.szlist dt:before{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;opacity:0;clip-path: polygon(0 0, calc(100% - .2rem) 0, 100% 100%, 0 100%);background: #D81B11;z-index:-1;}
.szlist dt::after{width: 0.25rem;height: 0.6rem;background: url(../images/szline.png) no-repeat;left: auto;right: -0.1rem;opacity: 0;background-size: 100% 100%;}
.szlist dt.on{color: #fff;font-weight: 600;}
.szlist dt.on::after,.szlist dt.on:before{opacity: 1;}
.szlist .tab{display: none;}
.szlist .tab:first-child{display: block;}



.szlist ul{margin: 0 -0.45rem 0rem;}
.szlist li{width: 25%;padding: 0 0.45rem;margin-bottom: 0.25rem;}
.szlist li .con{padding: 0.1rem 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.04);}
.szlist li h3{font-size: 0.24rem;color: #333;line-height: 0.28rem;}
.szlist li h3.line{border: 2px solid #000000;padding: 0.05rem;}
.szlist li .imged{padding-bottom: 135%;}


@media(min-width: 1025px){
  .szlist li a:hover h3{color: #fff;}
  .szlist li a:hover .con{background: linear-gradient(0deg, #D81B11, #D81B11);}
}
@media screen and (max-width: 1200px) {
  .szlist ul{margin: 0 -0.2rem 0.2rem;}
  .szlist li{width: 25%;padding: 0 0.2rem;}
}
@media screen and (max-width: 1024px) {
  .szlist ul{margin: 0 -0.1rem 0.2rem;}
  .szlist li{width: 25%;padding: 0 0.1rem;}
}
@media screen and (max-width: 768px) {
  .szlist li{width: 33.3%;}
}
@media screen and (max-width: 420px) {
  .szlist li{width: 50%;}
}
/* 学院领导 */
.szld{padding-top: 0.25rem;}
.szld ul{justify-content: flex-start;}
.szld li{width: 33.3%;margin-bottom: 0.4rem;padding: 0 .2rem;}
.szld li a{display: block;height: 1.2rem;border-radius: 0rem 0rem 0.2rem 0rem;background: #FAFAFA;padding: 0.23rem;position: relative;}
.szld li a::after{content: "";position: absolute;width: 100%;height: 100%;left: 0.05rem;bottom: -0.05rem;opacity: 0;background: #A98D61;z-index: -1;}
.szld li h3{font-weight: bold;color: #333;font-size: 0.24rem;}
.szld li p{font-size: 0.2rem;line-height: 0.26rem;color: #333333;transition: 0.5s;border-top: 1px solid #ddd;padding-top: 0.1rem;margin-top: 0.15rem;}


@media screen and (min-width: 1025px) {
  .szld li a:hover::after{opacity: 1;}
  .szld li a:hover{background: url(../images/ldbg.png) no-repeat bottom/cover;border-radius: 0rem 0rem 0.2rem 0rem;}
  .szld li a:hover p,.szld li a:hover h3{color: #fff;}
  .szld li a:hover p{border-top: 1px solid rgba(255, 255, 255, 0.2);}
}
@media screen and (max-width: 1024px) {
  .szld{padding-top: 0rem;}
  .szld li{width: 33.3%;margin-bottom: 0.3rem;padding: 0 .1rem;}
}
@media screen and (max-width: 768px) {
  .szld li{width: 50%;padding: 0 .1rem;}
  .szld li h3{font-size: 0.2rem;}
}
@media screen and (max-width: 480px) {
  .szld li{width: 100%;}
}

.xzjj .fl01{align-items: center;background: #F1F4F4;margin-bottom: 0.35rem;}
.xzjj .fl01 .scale {width: 4.2rem;}
.xzjj .fl01 .con{width: calc(100% - 4.2rem);padding: 0 0.6rem;}
.xzjj .fl01 h3{font-size: 0.42rem;color: #333;}
.xzjj .fl01 h4{font-size: .2rem;line-height: 38px;color: #333;margin: 0.25rem 0 0.2rem;}
.xzjj .fl01 p{font-size: 0.18rem;line-height: 0.34rem;color: #333;}
.xzjj .cont p{text-indent: 2em;font-size: 0.18rem;line-height: 1.8;color: #333;}
.xzjj .img{width: 100%;text-align: center;margin-bottom: 0.25rem;}
@media(min-width: 1200px){	
 
}

@media(max-width: 1024px){	
  .xzjj .fl01 h3{font-size: 0.3rem}
  .xzjj .fl01 h4{margin:.15rem 0;}

}
@media(max-width: 768px){	
  .xzjj .fl01{padding:.2rem 0;}
  .xzjj .fl01 .scale {width: 4.2rem;margin: 0 auto .25rem;}
  .xzjj .fl01 .con{width: 100%;padding: 0 0.25rem;}
  .xzjj .fl01 h3,.xzjj .fl01 h4{text-align:center;}
 
}
/* 校园风景 */
.xyjs li img{display: none;}
.xyjs .xy1 li .imged{padding-bottom: 50%;}
.xyjs .xy2 li .imged{padding-bottom: 56%;}
.xyjs .xy2{margin-top: 0.35rem;}
.xyjs .xy2 li{padding: 0 0.13rem;}
.xyjs .xy2 li a{display: block;border: 0.05rem solid transparent;}
.xyjs .xy2 li.slick-current a{border-color: #C31717;}
.xyjs .xys2{margin: 0 -0.13rem;}
.xyjs .xy2 .slick-arrow{width: 0.16rem;height: 0.28rem;background-size: 100% 100% !important;}
.xyjs .xy2 .slick-arrow::before{display: none;}
.xyjs .xy2 .slick-prev{left: -.3rem;background: url(../images/x-prev.png) no-repeat;}
.xyjs .xy2 .slick-next{right: -.3rem;background: url(../images/x-next.png) no-repeat;}

@media(max-width: 1600px){	
  .xyjs .xys2{padding: 0 .3rem;}
  .xyjs .xy2 .slick-prev{left: 0rem;}
  .xyjs .xy2 .slick-next{right: 0rem;}
}

@media(max-width: 768px){	
  .xyjs .xy2 li{padding: 0 0.1rem;}
}
/* 校徽校训 */
.xhxx .xhli{margin-bottom: 0.55rem;}
.xhxx .bt{margin-bottom: 0.5rem;border-bottom: 1px solid #ddd;}
.xhxx .bt span{width: auto;height: 0.64rem;line-height: 0.64rem;padding-left: 0.2rem;color: #fff;font-size: 0.24rem;font-weight: bold;position: relative;display: inline-block;}
.xhxx .bt span::after{width: 120%;background: url(../images/bs-bg.png) no-repeat;background-size: 100% 100%;}
.xhxx .xhli1{padding: 0.47rem 0;align-items: center;}
.xhxx .xhli1::after{width: auto;right: 0.9rem;background: linear-gradient(180deg, #E74B4B 0%, #B20000 100%);}
.xhxx .xhli1 .img{width: 5.65rem;}
.xhxx .xhli1 .con{flex: 1;min-width: 0;padding: 0 0.5rem;}
.xhxx .xhli1 img{width: 100%;}
.xhxx .xhli1 h3{font-weight: bold;color: #fff;font-size: 0.3rem;margin-bottom: 0.3rem;}
.xhxx .xhli1 p{font-size: 0.18rem;color: #fff;line-height: 0.3rem;margin-bottom: 0.2rem;}
.xhxx .xhli1 .line{width: 0.6rem;height: 0.02rem;background: #fff;margin-bottom: 0.2rem;}
.xhxx .xhli2{background: #FDF4F3;padding: 0.65rem 0.5rem;}
.xhxx .xhli2 .img{width: 6rem;}
.xhxx .xhli2 .con{flex: 1;min-width: 0;padding: 0 0.5rem 0 1rem;}
.xhxx .xhli2 .img img{width: 100%;}
.xhxx .xhli2 h3{font-weight: bold;color: #333;font-size: 0.3rem;margin-bottom: 0.25rem;}
.xhxx .xhli2 p{font-size: 0.18rem;line-height: 0.28rem;margin-bottom: 0.25rem;text-align: justify;}
.xhli3 .img{text-align: center;}
.xhli3 .adu{align-items: center;justify-content: center;margin-top: 0.35rem;}
.xhxx .xyjs{padding: 0 1.5rem;}

@media screen and (max-width: 1025px) {
  
}
@media screen and (max-width: 1024px) {
  .xhxx .xhli1{padding:0;}
  .xhxx .xhli1::after{right:0;}
  .xhxx .xhli1 .img{width: 100%;}
  .xhxx .xhli1 .con{flex: none;min-width: 0;padding: 0.2rem;width: 100%;}
  .xhxx .xhli2 .img{width:100;}
  .xhxx .xhli2 .con{flex: none;min-width: 0;padding: .2rem;width: 100%;}
  .xhxx .xyjs{padding: 0rem;}
  .xhxx .xhli2{padding:.25rem;}
  .xhxx .bt span{padding-left:.2rem;width:1.8rem;line-height:.5rem;height:.5rem;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 420px) {
  
}
/* 历史沿革 */
.fzlcbg{width: 100%;background: url(../images/lcbg.png) no-repeat center/cover;}

.lc-t .lc1{padding-left: 1rem;padding-right: 0rem;}
.lc-t::after{width: 100%;height: .56rem;background: url(../images/lcline.png) no-repeat;top: 50%;transform: translateY(-50%);background-size: 100%;}

.lc-t .lc1 li{position: relative;}

.lc-t .lc1 li .con{display: flex;flex-direction: column;justify-content: flex-end;padding-left: 0.35rem;padding-bottom: 0.25rem;width:100%;padding-top: .4rem;}
.lc-t .lc1 li .box .con::after{width: 1.59rem;height: auto;top: 0rem;bottom: 0;left: 0.02rem;background: url(../images/ls-line.png) no-repeat;background-size: 100% 100% !important;}



.lc-t .lc1 .scale{width:100%;margin:.15rem 0;}
.lc-t .lc1 li span{font-size: 0.36rem;font-weight: 900;color: #C31717;display: block;margin-bottom: 0.2rem;}
.lc-t .lc1 li p{font-size: 0.18rem;line-height: 0.3rem;color: #282828;}
.lc-t .lc1 li .imged{padding-bottom: 55%;}
.lc-t .lc1 li .dian{width: 2.01rem;height: 0.39rem;position: absolute;left: -1rem;bottom: -0.39rem;z-index: 10;}


.fzlc .arrow{align-items: center;width: 100%;margin-top: 1rem;}
.fzlc .arror{width:0.5rem;height: 0.5rem;margin-top: 0;position: relative;left: auto;top: auto;right: auto;}
.fzlc .arror::after{display: none;}
.fzlc .swiper-button-next{margin-left: 0.3rem;}
.fzlc .cir{height: 1px;background: rgba(37, 50, 90, 0.1);position: relative;bottom: auto;width:100%;flex: 1;min-width: 0;display: flex;align-items: center;}
.fzlc .cir span{flex: 1;height: 0.03rem;background: #B20000;opacity: 0;width: auto;}
.fzlc .cir span.on{opacity: 1;}
.lsyg{margin-top:1rem;}
.lsyg h3{margin-bottom: 0.5rem;border-bottom: 1px solid #ddd;}
.lsyg h3 span{width: 3.95rem;height: 0.64rem;line-height: 0.64rem;padding-left: 0.34rem;color: #fff;font-size: 0.24rem;font-weight: bold;position: relative;}
.lsyg h3 span::after{width: 100%;background: url(../images/ls-bg.png) no-repeat;background-size: 100% 100%;}
.lsyg li{margin-bottom: 0.48rem;}
.lsyg li .a{align-items: center;}
.lsyg li p{width: 3.4rem;text-align: right;font-size: 0.24rem;font-weight: bold;line-height: 0.32rem;color: #C31717;padding-right: 0.1rem;}
.lsyg li span{width: 0.21rem;}
.lsyg li span::after{width: 1px;height: 0.43rem;background: #C31717;left: 50%;top: calc(100% + 0.09rem);}
.lsyg li:last-child span::after{display: none;}
.lsyg li .con{flex: 1;min-width: 0;padding-left: 0.2rem;}
.lsyg li h4{font-size: 0.18rem;line-height: 0.32rem;color: #333;}




@media screen and (min-width: 1025px) {
  .lc-t .lc1 li{position: relative;height: 10rem;/* padding-left: 0.2rem; */}
  .lc-t .lc1 li .box{position: absolute;left: 0.2rem;height: 5rem;top: 0;display: flex;align-items: flex-end;width: calc(100% + .5rem);}
  .lc-t .lc1 li:nth-child(2n) .dian{bottom: auto;top: 0;}
  .lc-t .lc1 li:nth-child(2n) .scale{order: 1;}
  .lc-t .lc1 li:nth-child(2n) span{order: 3;margin:.2rem 0 0;}
  .lc-t .lc1 li:nth-child(3) .con{padding-bottom: 0.75rem;transform: translateX(-.5rem);}
  .lc-t .lc1 li:nth-child(5) .con{padding-bottom: 1.2rem;transform: translateX(-1rem);}
  .lc-t .lc1 li:nth-child(2n) .box{top: auto;bottom: 0;/* align-items:flex-start; *//* padding-right: .2rem; */width: 100%;left: 0;}
  .lc-t .lc1 li:nth-child(2n) .con{justify-content: flex-start;padding: 0.8rem 0 0.35rem 0.35rem;}
  .lc-t .lc1 li:nth-child(2n) .box .con::after{top: 0;bottom: 0;background: url(../images/ls-line2.png) no-repeat;}

}

@media screen and (max-width: 1024px) {
  .lsyg li p{font-size: 0.2rem;}
  .lsyg h3 span{font-size: 0.2rem;}
  .lsyg{margin-top:.4rem;}
  .lc-t::after{bottom: 0.4rem;top: auto;transform: translateY(0);}
  .lc-t .lc1{padding: 0;}
  .lc-t .lc1 li .box{width: 100%;}
  .lc-t .lc1 li .dian{display: none;}
  .fzlc .arrow{margin-top: 0.3rem;}
  .lc-t .lc1 li span{font-size: 0.3rem;}
  .lc-t .lc1 li .con{padding-top: 0.25rem;}
  .lsyg h3 span{width: 3rem;height: 0.5rem;line-height: 0.5rem;padding-left: 0.2rem;}
}
@media screen and (max-width: 768px) {
  .lsyg li p{width: 100%;text-align: left;}
}


/* xxjj */
.xxjj::after{width: 100%;height: 12.49rem;background: url(../images/jjbg.png) no-repeat bottom;background-size: 100%;bottom: -1.15rem;}
.xxjj .cont p{font-size: 0.22rem !important;line-height: 2 !important;color: #666666 !important;text-indent: 2em;text-align: justify;margin-bottom: 0.25rem;}
 

@media screen and (min-width: 1200px) {
  
}
@media screen and (max-width: 1024px) {
  .xxjj .cont p{margin-bottom: .1rem;}
}







/* 影像*/
.yxli ul{justify-content: space-between;}
.yxli li{width: 48%;margin-bottom: 0.3rem;}
.yxli li .con{padding: 0.15rem 0;}
.yxli li h3{font-size: 0.18rem;color: #333;line-height: 0.34rem;transition: 0.5s;}
.yxli li .imged{padding-bottom: 56%;}
@media screen and (min-width:1025px){
.yxli li a:hover h3{color: #B20000;}
 
}

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

@media screen and (max-width:768px){
    .yxli li{width: 100%;margin-bottom: 0.3rem;}
}


/* 图文2 */
.newlist2 ul{margin: 0 -0.35rem;}
.newlist2 li{padding: 0 0.35rem;width: 33.3%;margin-bottom: 0.4rem;}
.newlist2 li *{transition: 0.5s;}
.newlist2 li .con{height: 2rem;background: #FEF8F8;padding: 0.3rem 0.35rem;}
.newlist2 li .con::after{width: 0.06rem;height: 0.5rem;background: #C31717;bottom: auto;top: 0.35rem;}
.newlist2 li h3{font-size: 0.18rem;font-weight: bold;line-height: 0.3rem;max-height: 0.6rem\0;}
.newlist2 li h4{font-size: 0.16rem;line-height: 0.25rem;max-height: 0.5rem\0;color: #333;opacity: .7;margin-top: 0.15rem;}




@media screen and (min-width:1025px){
  .newlist2 li a:hover .con{background: linear-gradient(180deg, #E74B4B 0%, #B20000 100%), #FEF8F8;}
 .newlist2 li a:hover::after{background: #D1B07C;}
  .newlist2 li a:hover h3{color: #fff;}
  .newlist2 li a:hover h4{color: #fff;}
}

@media screen and (max-width:1024px){
    .newlist2 ul{margin: 0 -0.1rem;}
    .newlist2 li{padding: 0 0.1rem;width: 33.3%;margin-bottom: 0.3rem;}
}

@media screen and (max-width:768px){
    .newlist2 li{width:50%;}
    .newlist2 li .con{padding: 0.2rem ;height: 1.6rem;}
}




@media screen and (min-width:1025px){

 
}

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

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



/* 三级栏目展开 */
.inner{min-height: 7rem;}

/* 翻页 */
.j_pages{margin:0.6rem auto 0;text-align: center;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
.j_pages a{padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;background: #fff;margin: 0 0.03rem;color: #919191;font-size: 0.14rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0.04rem;border: 1px solid #dadbdd;margin-bottom: .15rem;}
.j_pages a font{ padding:0 0.1rem}
.j_pages .on{background: #D81B11;color: #fff;}
.j_pages a:hover{background: #D81B11;color:#fff!important;}
.j_pages span{color:#919191; padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block; font-size:0.14rem;}
.j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #D81B11; color:#fff}
.j_pages .qd{background: #D81B11;color: #fff;border-radius: 0.05rem;height: 0.3rem;line-height: 0.3rem;}

@keyframes round_animate {
    to {
        transform: rotate(1turn);
       }
   }



















/* 三级导航 */
.san-nav{width: 100%;background: #f7f7f7;margin-bottom: .3rem;display: none;}
.san-nav ul{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.san-nav li{/* height: 0.8rem; */display: flex;align-items: flex-end;padding:0 .3rem;}
.san-nav a{display: inline-block;/* margin: 0 0.4rem; */font-size: 0.16rem;color: #a9a9a9;display: flex;align-items: center;height: 0.5rem;}
.san-nav a::after{height: 0.02rem;left: 0;background: rgba(0,0,0,0);width:100%}
.san-nav a.on::after{background: #D81B11;}
.san-nav a:hover,.san-nav a.on{color: #D81B11;}



@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1024px) {
    .inner_left,.inner_right .lm_top .adress{display: none;}
	.inner_right{width: 100%;padding-left: 0;}
	.wrap_ph{display: block;/* background: #e2effa; */}
	.inner{padding: .3rem 0 .5rem;overflow: hidden;}
	.page{margin:.25rem 0 0;}
  .local h2,.ejlm_pc,.ban .h3 h3{display: none;}
  .san-nav{display: block;}
  .local{margin-bottom: 0.2rem;}
  .ban .h3 .wp{justify-content: flex-end;}
  .adress{/* padding: 0.1rem 0 0; */color: #333;}
  .adress a,.adress p{color: #333;margin: 5px auto;/* padding-left: 0; */}
  .ban .h3{position: relative;}
	.ban .h3::before{height:100%;}
}
@media screen and (max-width: 768px) {
  .j_pages{margin:0.3rem auto 0;}


}