﻿@import url(font_1752514_ixejl0aet38.css);
@import url(font-awesome.min.css);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
body{font:14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",Arial,Helvetica,SimHei,"黑体",STXihei,"华文细黑",sans-serif;margin:0 auto;color:#333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-casele:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
img{border:0}
::-moz-selection{background:#00863C;color:#fff;text-shadow:none}
::selection{background:#00863C;color:#fff;text-shadow:none}
select{outline:0}
select::-ms-expand{display:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color: #000;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none;color: #00863C}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.tc{text-align:center}
.tr{text-align:right}
.fl,.l{float:left;}
.fr,.r{float:right;}
.none{display:none}
ul,li{list-style: none;}
.inner{width:1200px;margin:0 auto;}
.row{position: relative;background: #fff;}
.ismobile{display: none;}
.ispc{display: block;}

.header{left:0px !important;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.header.open_1{left:0 !important;transition:display .8s;-webkit-transition:display .8s;-moz-transition:display .8s;-ms-transition:display .8s;-o-transition:display .8s}
.header{width:150px;height:100%;background:rgba(0,0,0,0.4);position:fixed;left:-100%;top:0;z-index:33}
.logo{height:178px;font-size:0;text-align:center;position:relative}
.logo i,.logo a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.logo i{height:1px;position:absolute;left:0;bottom:0;width:100%;opacity:0.3;filter:alpha(opacity=30);-webkit-filter:alpha(opacity=30);background-color:#fff}
.logo img{margin-top:24px}
.navsider ul > li{position:relative;text-align:center;cursor:pointer}
.navsider ul > li.on .subtit{background-color:rgba(0,0,0,0.4)}
.navsider ul > li.on .subnav{background-color:rgba(0,0,0,0.2)}
.navsider ul > li.on_1 a{opacity:0.4;filter:alpha(opacity=40);-webkit-filter:alpha(opacity=40)}
.navsider ul > li i.border{opacity:0.3;background-color:#fff;width:100%;height:1px;position:absolute;left:0;bottom:0;filter:alpha(opacity=30);-webkit-filter:alpha(opacity=30)}
.navsider ul > li .subtit > a{display:block;padding:18px 0}
.navsider ul > li .tit{font-size:48px;font-weight:bold;color:#2b545c;line-height:1.2}
.navsider ul > li .name{display:inline-block;position:relative;font-family:"Microsoft Yahei Light";font-size:14px;line-height:20px;color:#000}
.navsider ul > li .name span,.navsider ul > li .name em{font-family:Reeji;display:block;font-size:18px;color:#fff}
.navsider ul > li .name em{text-transform:capitalize;font-family:NSimSun;margin-top:5px}
.navsider ul > li:hover .name span,.navsider ul > li:hover .name em{color:#00863C;opacity:1}
.navsider ul > li .subnav ol li:hover a{color:#00863C !important;opacity:1}
.subnav{height:0;width:100%;opacity:1;overflow:hidden;transition:height .6s ease-out;-webkit-transition:height .6s ease-out;-moz-transition:height .6s ease-out;-ms-transition:height .6s ease-out;-o-transition:height .6s ease-out}
.subnav ol{position:relative;z-index:2;padding:10px 0}
.subnav ol li{margin-bottom:0 !important}
.subnav ol li a{display:block;font-size:15px;color:#fff;height:35px;line-height:35px;text-align:left;padding-left: 30px;}
.subnav ol li a>i{display:inline-block;width:6px;height:6px;margin-right:10px;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.left-tool{margin-top:30px;text-align:center;position:absolute;bottom:20px;width:100%}
.left-tool li{color:#fff;position:relative;padding:5px 0;width:100%}
.left-tool li.lang a{display:block;width:50px;height:30px;line-height:30px;border:1px solid #00863C;font-size:13px;color:#00863C;border-radius:4px}
.left-tool li.lang a.active,.left-tool li.lang a:hover{background-color: #00863C;color: #fff}
.left-tool li.tel{font-weight:bold;font-family:SourceHanSansCN;font-size:19px}
.left-tool li.tel span{color:#fafd01;font-size:14px;}
.left-tool li .link-item{display:inline-block;*display:inline;*zoom:1}
.left-tool li .ewm{position:fixed;bottom:120px;left:10px;padding:4px;transform:scale(0.001);opacity:0;visibility:hidden;transition:all 0.5s}
.left-tool li a:hover{-webkit-animation:work-btn 1s linear;-moz-animation:work-btn 1s linear;animation:work-btn 1s linear}
.left-tool li .link-item3:hover .ewm{transform:scale(1,1);opacity:1;visibility:visible}

.mheader{position:fixed;z-index:22;padding:0 10px;width: calc(100% - 20px);display: none;height: 75px;background-color: #fff;box-shadow: 0px 2px 0px #cfcfcf;}
.mheader .logo{float: left;height: auto}
.mheader .logo img{height:90px;margin-top:6px}
.menu-toggle{width:30px;height:30px;line-height:30px;font-size:28px;text-align:center;position:absolute;right:10px; top: 13px;padding: 10px;background-color: #006429}
.menu-toggle img{max-width: 100%;}
.close-img{display:none}
.navsider > ul > li .menu-dsub{display:block;width:15px;height:15px;line-height:15px;font-size:18px;text-align:center;color:#666;position:absolute;right:10px;top:22px;transition:transform .4s;color:#fff;background:url(../image/add.png) no-repeat;background-size:cover}
.navsider > ul > li.on .menu-dsub{background:url(404.png) no-repeat;background-size:cover;top:20px}
.block-bg{display:none;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5;position:fixed;left:0;top:0;z-index:22}
.block-bg.open_1{display:block}

.banner img{width: 100%;}
.banner .slick-dots li{border-color: #fff;}
.banner .slick-dots li.slick-active, .banner .slick-dots li:hover{background-color: #FCFF00!important}
.mbanner{padding-top:75px;}
.mbanner .item{background-size:cover;background-repeat:no-repeat;background-position:center top}

.title{width: 100%;border-bottom: 1px solid #DEDEDE;position: relative;text-align: center;margin: 0 auto 60px;}
.title:after{position: absolute;bottom: -2px;left: 50%;margin-left: -50px;width: 100px;height: 3px;content: '';background-color: #00863C}
.title h1{font-size: 36px;font-weight: 400;}

#section1{overflow: hidden;}
.index-about .bg{height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:auto;animation:fangda 20s linear infinite}
@keyframes fangda{ 0%{transform:scale(1,1)} 50%{transform:scale(1.2,1.2)} 100%{transform:scale(1,1)} }
.index-about .inner{position: relative;z-index: 1}
.index-about .inner .box{width: 280px;float: left;background: url(../image/i-a-b.png) 0 center no-repeat;margin-top: 240px;}
.index-about .inner .box2{background: url(../image/i-a-b-1.png) 0 center no-repeat;}
.index-about .inner .box a{width:120px;height:120px;background:#ffffff;border-radius:50%;line-height:120px;text-align:center;transition:1s;display:block;font-size:16px;margin-left: 60px;}
.index-about .inner .box2 a{margin-right:60px;float: right;}
.index-about .inner .box a:hover {transform: scale(0.8,0.8);}
.index-about .inner .center{width: 605px;float: left;background:url(../image/center-bg.png) center center no-repeat;position: relative;height: 600px;margin: 0 17px;}
.index-about .inner .center .c-bg{animation-name:lhl;animation-direction:normal;animation-duration:5s;animation-delay:0s;animation-fill-mode:both;animation:lhl 5s infinite linear;position: absolute;left: 0;top: 0}
.index-about .inner .center .c{width: 100%;height: 100%;background:url(../image/pi.png) center no-repeat;position: absolute;z-index: 2;color: #fff}
.index-about .inner .center .c h2{margin-top: 110px;letter-spacing: 6px;font-size: 34px;text-align: center;position: relative;margin-bottom: 10px;}
.index-about .inner .center .c h2:before{position: absolute;content: "";border-bottom: 1px solid #ccc;width: 50%;height: 1px;left: 25%;bottom: 0}
.index-about .inner .center .c .meta{text-align: center;font-size: 18px;}
.index-about .inner .center .c .c-c{width: 66%;margin: 20px auto 0;}

.index-zdh{text-align: center;color: #fff}
.index-zdh h2{font-weight: normal;font-size: 36px;line-height: 50px;position: relative;padding-bottom: 20px;}
.index-zdh h2:before{content: '';left: 50%;bottom: 0;width: 70px;margin-left: -35px;height: 1px;background-color: #ffffff;position: absolute;}
.index-zdh .c-1{font-size: 72px;line-height: 100px;}
.index-zdh .c-2{font-size: 16px;line-height: 26px;margin-top: 16px;}
.index-zdh .more{width: 250px;height: 45px;line-height: 45px;display: block;margin: 60px auto 0;border: 1px solid #00863C;color: #00863C;border-radius: 20px;font-size: 18px;}
.index-zdh .more:hover{border: 1px solid #00863C;color: #fff;background-color: #00863C}


.index-product{}
.DB_tab25{width:100%;height:990px;position:relative;overflow:hidden;cursor:pointer}
.DB_tab25 .DB_bgSet{position:relative}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:984px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1556px;left:50%;margin-left:-700px}
.DB_tab25 .DB_imgSet li span{position:absolute;width:1374px;height:687px;border:10px solid #ffffff;left:12px;top:83px}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:22px;top:93px;width:1374px;height:687px}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;top:152px;left:76px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:150px;top:200px;width: 300px;}
 .DB_tab25 .DB_imgSet li em { position: absolute; top: 145px; left: 70px; width: 1276px; height: 589px; border: 3px solid #00863C; }
.DB_tab25 .DB_imgSet li font { position: absolute; width: 1268px; height: 580px; border: 1px solid #000; top: 152px; left: 76px; }

.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:820px;text-align:center}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_1_3 a { position: absolute; display: block; width: 96px; height: 28px; text-align: center; border: 1px solid #00863C; border-radius: 15px; line-height: 28px; font-size: 14px; color: #fff; z-index: 999; transition: .5s; -webkit-transition: .5s;}
.DB_1_3 a:hover { background: #00863C; color: #ffffff; }
.DB_2_3 a { position: absolute; display: block; width: 96px; height: 28px; text-align: center; border: 1px solid #00863C; border-radius: 15px; line-height: 28px; font-size: 14px; color: #fff; z-index: 999; transition: .5s; -webkit-transition: .5s; }
.DB_2_3 a:hover { background: #c3ab86; color: #ffffff; }
.DB_1_3 h2{font-size: 36px;color: #00863C;font-weight: 100;line-height: 1;margin-bottom: 40px;}
.DB_1_3 h3{font-size: 28px;color: #fff;font-weight: 100;position: relative;padding-bottom: 15px;margin-bottom: 6px;line-height: 1;}
.DB_1_3 h3:before{position: absolute;left: 0;bottom: 0;content: '';width: 100px;height: 2px;background-color: #fff;}

#section4{background-color: #eeeeee;}
.index-news{padding: 60px 0;}
.index-news .title{margin-bottom: 20px;}
.index-news *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index-news .box-left{padding-top: 60px;padding-bottom: 60px;padding-right: 75px;position: relative;width: 50%;float: left;}
.index-news  .star-sky{width:100%;top:60px;position:relative}
.index-news  .star-sky-background{width:100%;left:60px;position:absolute;background:transparent;border-radius:2px;border:1px solid #000000}
.index-news  .star-sky img{max-width:100%;-moz-box-shadow:0px 0px 20px #333333;-webkit-box-shadow:0px 0px 20px #333333;box-shadow:0px 0px 20px #333333}
.index-news .box-right {margin-top: 60px;float: right;width: 49%;position: relative;}
.sahrebg { line-height: 1; overflow: hidden; }
.sahrebg img { display: block; width: 100%; height: 410px; line-height: 0; }
.newsle {  }
.shrebix { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #00863C; filter: alpha(opacity=70); background: rgba(0, 100, 41, 0.7); }
.sharein { float: left; width: 100%; }
.sharetop { margin-bottom: 50px; text-align: center; }
.sharetop img { display: block; width: 260px; height: auto; line-height: 1;  margin: auto; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); visibility: hidden; }
.sharetop span { display: block; color: #fff; font-size: 14px; text-align: center; margin-top: 18px; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); }
.sharetext { text-align: center; width: 84%; margin: auto; margin-bottom: 40px; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; }
.sharetext span { display: inline-block; width: 100%; padding-left: 60px; padding-right: 60px; position: relative; margin: auto; color: #ffffff; font-size: 20px; line-height: 1.4;box-sizing: border-box;}
.sharetext span:before { content: ""; width: 45px; height: 42px; background: url(../image/symbol1.png) center no-repeat; position: absolute; left: 0; top: -26px; }
.sharetext span:after { content: ""; width: 45px; height: 42px; background: url(../image/symbol2.png) center no-repeat; position: absolute; right: 0; bottom: -2px; }
.shareli .slick-list { z-index: 4; position: relative; }
.shareli { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
.sharein { margin-top:9%; opacity: 1 !important; }
.sharebtn { text-align: center; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; }
.sharebtn span { display: inline-block;  width: 150px; height: 50px; line-height: 50px; color: #646464; font-size: 14px; background: #fff; border-radius: 24px; cursor: pointer; text-align: center; margin-left: 18px; position: relative; overflow: hidden; }
.sharebtn span:first-child { margin-left: 0; }
.sharebtn span:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.sharebtn span:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
.sharein.slick-current .sharetop img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; transition: 0.68s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharetop span { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.68s 0.18s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharetext { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); visibility: visible; transition: 0.75s 0.28s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharebtn { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.75s 0.4s cubic-bezier(.075,.82,.165,1); }
.shareli .slick-arrow, .actbtn, .diskbann .slick-arrow { display: block; padding: 0; margin: 0; border: 0; width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; text-indent: 99999px; overflow: hidden; outline: none; transition: 0.4s; z-index: 10; cursor: pointer; }
.shareli .slick-arrow.slick-prev, .actbtn.prev, .diskbann .slick-arrow.slick-prev { left: 0; background: url(../image/prev1.png) center no-repeat; }
.shareli .slick-arrow.slick-next, .actbtn.next, .diskbann .slick-arrow.slick-next { right: 0; background: url(../image/next1.png) center no-repeat; }
.shareli .slick-arrow.slick-prev:hover, .actbtn.prev:hover, .diskbann .slick-arrow.slick-prev:hover { background: url(../image/prev2.png) center no-repeat; }
.shareli .slick-arrow.slick-next:hover, .actbtn.next:hover, .diskbann .slick-arrow.slick-next:hover { background: url(../image/next2.png) center no-repeat; }

.shareli .slick-dots { width: 100%; position: absolute; left: 0; bottom: 27px; text-align: center; }
.shareli .slick-dots li { display: inline-block; margin-left: 27px; line-height: 1; position: relative; }
.shareli .slick-dots li:first-child { margin-left: 0; }
.shareli .slick-dots li button { padding: 0; margin: 0; line-height: 0; border: none; outline: none; width: 12px; height: 12px; text-indent: 9999px; overflow: hidden; background: #fff; border-radius: 50%; cursor: pointer; }
.shareli .slick-dots li:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.42s; }
.shareli .slick-dots li.slick-active:before { visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }



#section5{background-size: cover;    color: #898989;}
.index-contact{height: 752px;}
.index-contact .inner{padding-top: 170px;}
.index-contact h2 { font-size: 34px; color: #00863C; font-weight: normal; line-height: 38px;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.index-contact h2:before{position: absolute;left: 0;bottom: 0;content: '';width: 100px;height: 2px;background-color: #00863C;}
.index-contact span { width: 410px; display: block; margin: 10px 0;}
.index-contact p{color: #FCFF00;font-size: 20px;}
.index-contact .map{width: 700px;height: 400px;position: relative;}
.back4_botRight { position: absolute; width: 478px; height: 307px; background: #00863C; z-index: 0; bottom: -10px; right: -10px;}
#andamap{z-index: 1!important}

footer.footer-home  *{    -webkit-box-sizing: border-box; box-sizing: border-box;}
@media (min-width:992px) {
    footer.footer-home { margin-top: 0; }
    footer.footer-home .footer-tools { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
}

@media (min-width:1200px) {
    footer.footer-home { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; }
    footer.footer-home .ft-item { background-color: rgba(230,230,230,1); }
    footer.footer-home .ft-item:hover { background-color: rgba(255,255,255,1); }
    footer.footer-home .ft-item:hover.phone { background-image: url(../image/phoneh.png); }
    footer.footer-home .ft-item:hover.wx { background-image: url(../image/wxh.png); }
}

.footer-head { padding: 20px 0; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s; }

@media (min-width:768px) {
    .footer-head { padding: 15px 0 25px; }
}

@media (min-width:992px) {
    .footer-head { padding: 0; }
}

.footer-tools { text-align: center; }
.footer-tools:after { content: ''; display: block; clear: both; }

@media (min-width:992px) {
    .footer-tools { position: fixed; right: 30px; bottom: 50%; z-index: 3777; width: 40px; }
}

.ft-list { display: inline-block; vertical-align: top; }
.ft-item { float: left; margin: 0 10px; border-radius: 50%; width: 40px; height: 40px; background: #00863C no-repeat center center; background-size: 60%; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s; }

@media (min-width:768px) {
    .ft-item { width: 60px; height: 60px; }
}

@media (min-width:992px) {
    .ft-item { position: relative; margin: 5px 0; width: 40px; height: 40px; background-color: #aaa; cursor: pointer; }
    .ft-item:hover.phone { background-color: #fe0000; }
    .ft-item:hover.wx { background-color: #42ae41; }
}

.ft-item .sti-box { visibility: hidden; position: fixed; top: 50%; left: 50%; z-index: 10; margin-top: -110px; margin-left: -100px; border-radius: 5px; padding: 5px; width: 200px; height: 220px; font-size: 12px; line-height: 20px; background: #fff; opacity: 0; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); cursor: default; }
.ft-item .sti-box img { width: 190px; height: 190px; }
.ft-item .sti-box.show { visibility: visible; z-index: 15; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }

@media (min-width:992px) {
    .ft-item .sti-box { position: absolute; top: auto; left: auto; right: 100%; bottom: 0; margin-right: 10px; }
}

.ft-item:active { background-color: #ec6200; -webkit-tap-highlight-color: rgba(255,255,255,0); }
.ft-item.phone { background-image: url(../image/phone.png); }
.ft-item.phone a { display: block; border-radius: 50%; width: 100%; height: 100%; }
.ft-item.phone .sti-box { margin-top: -15px; height: 30px; font-size: 16px; line-height: 20px; color: #333; }

@media (min-width:992px) {
    .ft-item.phone .sti-box { margin-top: -20px; padding: 10px 0; height: 40px; }
}

.ft-item.wx { background-image: url(../image/wx.png); }
.footer-foot .container { width: 90%; max-width: none; padding: 0; }

@media (min-width:992px) {
    .footer-foot .container { width: 100%; padding: 0 30px; }
}

.footer-foot .copyright { font-size: 12px; line-height: 20px; text-align: center; color: #999; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s; }

@media (min-width:576px) {
    .footer-foot .copyright { font-size: 16px; line-height: 25px; }
}

@media (min-width:768px) {
    .footer-foot .copyright { font-size: 20px; }
}

@media (min-width:992px) {
    .footer-foot .copyright { font-size: 12px; line-height: 20px; text-align: right; }
    .footer-foot .copyright.wc { color: #fff; }
}

@media (min-width:1200px) {
    .footer-foot .copyright.w { color: #fff; }
}
footer.footer-home .ispc{color: #fff}
footer.footer-home .ispc a{color: #fff}

.pbanner { position: relative; overflow: hidden; background: url(../image/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C{ position: absolute; left: 10%; top: 35%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 30px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family: "Humanst521 BT";}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}
.black-15{ background: rgba(0,0,0,0.15); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nav-sub{text-align: center;margin-top: -35px;position: relative;z-index: 6}
.nav-sub a{padding: 0px 20px;margin: 0px 5px;font-size: 18px;background: #fff;color: #333;width: 190px;display: inline-block;line-height: 70px;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.nav-sub a:hover,.nav-sub a.current-page{background: #00863C;color: #fff}

.header-ny .telbox{font-size: 15px;line-height: 1;position:absolute;right:5%;top:20px;color:#fff}
.header-ny .telbox i{display: block;float: left;font-size: 35px;color: #00863C;line-height: 1}
.header-ny .telbox .fl{margin-left: 10px;}
.header-ny .telbox .tels{font-size: 28px;margin-top: 3px;}
header.scroll .telbox {color:#000}


.iboxT { padding: 0 0 30px; text-align: center; color: #b4b4b4; }
.iboxT .zh { font: 28px/1.4 "microsoft yahei"; color: #000; margin-bottom: 15px;font-weight: bold; }
.iboxT .mz { color: #b4b4b4; letter-spacing: 4px; text-transform: uppercase; position: relative; padding: 0px 15px; }
.iboxT .mz .i1, .iboxT .mz .i2 { height: 1px; background-color: #d2d2d2; position: absolute; top: 50%; width: 112px; overflow: hidden; display: block; }
.iboxT .mz .i1 { right: 100%; }
.iboxT .mz .i2 { left: 100%; }
.iboxT .c{font-size:18px;text-align:center;color:#888;line-height:30px;width:640px;margin:0 auto;display: block;}

.page-about{padding: 60px 0 0}
.gsjj{padding: 80px 0 135px;}
.gsjj .inner{width: 1280px;}
.gsjj .box{width: 600px;}
.gsjj .box h1{font-size: 30px;font-weight: 400;margin-bottom: 30px}
.gsjj .scapic{width:625px;}

.ceo{padding: 80px 0 135px;background-color: #f5f5f5}
.ceo .inner{width: 1000px;}
.ceo .box{width: 600px;}
.ceo .box h1{font-size: 30px;font-weight: 400;margin-bottom: 30px}
.ceo .scapic{width:350px;}





.imghide {overflow: hidden;}
.network{padding:90px 0;}


.qywhbox{position:relative;width:100%;height:100%;background-position:center bottom;background-repeat:no-repeat;background-size:cover;padding: 60px 0}
.qywh{width:100%}
.qywh ul li{width:50%;float:left;font-size:22px;color:#333333;background:url(../image/xian.jpg) no-repeat 63px 101px;height:197px}
.qywh ul li.li-8{height: 270px;}
.qywh ul li span{display:block;font-size:13px;color:#c7c7c7;padding-bottom:15px}
.qywh ul li p{font-size:16px}
.qywh ul li .bgz{width:125px;height:125px;float:left}
.qywh ul li .whwz{float:left;padding-top:22px;padding-left:26px;width:70.4%}
.qywh ul li .bg1{background:url(../image/whbg1.png) no-repeat center center}
.qywh ul li:hover .bg1{background:url(../image/whbgh1.png) no-repeat center center}
.qywh ul li .bg2{background:url(../image/whbg2.png) no-repeat center center}
.qywh ul li:hover .bg2{background:url(../image/whbgh2.png) no-repeat center center}
.qywh ul li .bg3{background:url(../image/whbg3.png) no-repeat center center}
.qywh ul li:hover .bg3{background:url(../image/whbgh3.png) no-repeat center center}
.qywh ul li .bg4{background:url(../image/whbg4.png) no-repeat center center}
.qywh ul li:hover .bg4{background:url(../image/whbgh4.png) no-repeat center center}
.qywh ul li .bg5{background:url(../image/whbg5.png) no-repeat center center}
.qywh ul li:hover .bg5{background:url(../image/whbgh5.png) no-repeat center center}
.qywh ul li .bg6{background:url(../image/whbg6.png) no-repeat center center}
.qywh ul li:hover .bg6{background:url(../image/whbgh6.png) no-repeat center center}
.qywh ul li .bg7{background:url(../image/whbg7.png) no-repeat center center}
.qywh ul li:hover .bg7{background:url(../image/whbgh7.png) no-repeat center center}
.qywh ul li .bg8{background:url(../image/whbg8.png) no-repeat center center}
.qywh ul li:hover .bg8{background:url(../image/whbgh8.png) no-repeat center center}
.qywh ul li:hover .bgz{transition:all 0.50s ease-in-out;-webkit-transition:all 0.50s ease-in-out;-moz-transition:all 0.50s ease-in-out;background-color:#00863C;border-radius:50%}


.nav-product{text-align: center;margin-bottom: 20px}
.nav-product * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.bhn-list{display:inline-block;text-align:center}
.bhn-list li{float:left;position:relative;z-index:1;}
.bhn-list li:before{visibility:hidden;position:absolute;left:50%;bottom:-16px;margin-left:-15px;width:30px;height:5px;background:#f88000;opacity:0;content:''}
.bhn-list li.active a{background:#00863C;color:#fff;border-color: #00863C}
.bhn-list li.active:before{visibility:visible;opacity:1}
.bhn-list li a{color: #333;display: block;font-size:18px;line-height:20px;border:1px solid #333;border-radius:5px;padding:20px 30px;margin:0 10px;height:60px;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s;cursor:pointer}
.bhn-list li a:hover,.bhn-list li.on a,.bhn-list li a.active{color: #fff;background-color: #00863C;border-color: #00863C}
.n-gridlist .item{width:380px;float:left;margin:20px 10px 0;background:#fff;position:relative;overflow:hidden;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.n-gridlist .item a{width:100%;display:block;cursor:pointer}
.n-gridlist .item img{width:380px;height:285px;display:block}
.n-gridlist .item h3{width:100%;height:64px;line-height:64px;text-align:center;font-size:16px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background-color: #efefef}
.n-gridlist .item .bg{position:absolute;width:380px;padding-top:122px;height:226px;left:-400px;top:0;z-index:10;background:url(../image/red80.png) repeat 0 0;text-align:center;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.n-gridlist .item .bg s{width:50px;height:50px;display:block;border-radius:100%;margin:0 auto;background-color:#fff;background-position:-22px 18px}
.n-gridlist .item:hover{background:#333333;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.n-gridlist .item:hover h3{color:#fff;background-color: #009b4c}
.n-gridlist .item:hover .bg{left:0}
.nyIcon {background: url(../image/nyIcon.png) no-repeat;display: inline-block;vertical-align: middle;}

ul.proPic li{height:auto;float:left;overflow:hidden;padding:15px 15px}
ul.proPic li{width:calc(33.333333% - 30px)}
ul.proPic li.hide{display:none}
ul.proPic li .proCon{box-shadow:1px 3px 10px #dfdfdf;padding:15px;position:relative}
ul.proPic li p{line-height:24px;background:#fafafa;text-align:center;margin:10px 0 0 0;padding:15px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
ul.proPic li .proCon .border_top{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_bottom{position:absolute;bottom:0;right:0}
ul.proPic li .proCon .border_left{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_right{position:absolute;bottom:0;right:0}
ul.proPic li a .proCon .border_top,ul.proPic li a .proCon .border_bottom{height:1px;width:0;background:#00863C;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li a .proCon .border_left,ul.proPic li a .proCon .border_right{height:0px;width:1px;background:#00863C;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li  a:hover .proCon .border_top,ul.proPic li  a:hover .proCon .border_bottom{width:100%}
ul.proPic li  a:hover .proCon .border_left,ul.proPic li  a:hover .proCon .border_right{height:100%}
ul.proPic li img{width:100%;height:auto}
ul.proPic li .Img{width:100%;height:auto;overflow:hidden;position:relative}
ul.proPic li a .Img img{-webkit-transform:translateZ(0)  scale(1);-moz-transform:translateZ(0)  scale(1);-ms-transform:translateZ(0)  scale(1);-o-transform:translateZ(0)  scale(1);transform:translateZ(0)  scale(1);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li a:hover .Img img{-webkit-transform:translateZ(0)  scale(1.05);-moz-transform:translateZ(0)  scale(1.05);-ms-transform:translateZ(0)  scale(1.05);-o-transform:translateZ(0)  scale(1.05);transform:translateZ(0)  scale(1.05);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li .Img p{position:absolute;width:100%;padding:15px 0;margin:0;color:#FFF;line-height:24px;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
ul.proPic li a .Img p{width:100%;background:rgba(0,0,0,0.3);visibility:hidden;opacity:0;-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);transform:translate(0,100px);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
ul.proPic li a:hover .Img p{width:100%;visibility:visible;opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}

.page-content{padding:95px 0 50px}
.bgf5 {background-color: #f5f5f5;}
.bgf5 .footer{background-color: #fff}

.news-content{padding:60px 70px;width:1060px;background-color:#fff;margin:0px auto}
.news-content h2.tit{font-size:28px; font-weight:bold;}
.news-content .meta { color:#999;margin-top: 10px;}
.news-content .meta  span{padding:0 5px;}
.news-content .edit-cont{ padding:3% 0%; margin-top:2%; border-top:1px solid #eee; font-size:16px; color:#666; line-height:2;}
.news-content .bshare{margin-top: 10px;}

.previous{ padding:26px 0px 0; border-top:1px solid #dedede; position:relative; margin-top: 50px;}
.previous .previ{ display:block; width:130px; height:44px; text-align:center; line-height:44px; color:#333333; background-color: #dedede;}
.previous .prev{ float:left;}
.previous .next{ float:right;}
.backlist{ display:block; width:145px; height:44px; text-align:center; line-height:44px; color:#fff; background:#00863C; position:absolute; left:50%; margin-left:-72px; top:26px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#00863C; color:#fff;}

.page-list,.page-product{padding: 85px 0 60px}
.pagetit{margin-bottom:45px}
.pagetit .zh{font-size:30px;color:#333333;line-height:1.5}
.pagetit .en{color:#666;font-family:arial,helvetica,sans-serif;text-transform:uppercase}
.page-product .zh{font-size: 30px;line-height: 1;margin-bottom: 30px;}
.page-product .en{font-size: 24px;line-height:32px;color: #999}

.news_cell{margin-top: 15px;}
.news_cell li{float:left;width:38%;margin-bottom:27px;margin:0 2% 0 0;background:#fff;border-bottom:1px solid#eeeeee;padding:4rem 5%;}
.news_cell li h1{font-weight:bold;float:left;width:88%;font-size: 20px;margin-top: 35px;}
.news_cell li h1 a{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.6;height:3.2em}
.news_cell li h1 a:hover{color:#fff;}
.news_cell li p{color:#999;width:100%;float:left;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:4.5em;}
.news_cell li p .mt_35{margin-top:10px}
.news_cell li:hover{background-color:#00863C;}
.news_cell li:hover a,.news_cell li:hover h1,.news_cell li:hover p,.news_cell li:hover span{color:#fff}
.news_cell li:hover .news_mm{background:url(../image/new_mm_on.png)no-repeat}
.news_cell li:nth-child(2n+0){margin-right:0}
.news_date{float:left;width:100%;text-align:left;line-height:16px;font-family:arial;color:#666}
.news_d_d{float:left;font-size: 24px;}
.news_d_y{float:left;margin-left:13px;padding-top:2px}
.news_mm{float:left;width:33px;height:22px;background:url(../image/new_mm.png)no-repeat;margin-top: 30px;}
.topnews{width: 100%;padding-bottom: 60px;background: url(../image/new_t_bac.jpg) repeat-x bottom;}
.topnews .scapic{width: 50%;float: left;}
.topnews .scapic .pic{max-height: 500px;}
.topnews .con{float: right;width: 45%;padding-top: 130px;}
.topnews .con h3{font-size: 24px;font-weight: 400;line-height: 35px;}
.topnews .con .de{font-size: 14px;margin-top: 35px;}
.topnews .con .time{margin-top: 15px;line-height: 22px;}
.topnews .con .a{margin-top: 40px;}

.pages{text-align: center; width:100%;}
ul.pagination{display:inline-block;padding:0;margin:2rem auto;}
ul.pagination li{display:inline}
ul.pagination li a{color:black;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd}
ul.pagination li a.active{background-color:#00863C;color:white;border:1px solid #00863C}
ul.pagination li a:hover:not(.active){background-color:#ddd}

.page-contact{padding: 164px 0 60px;}

.contact-page{background-color: #F5F5F5}
.contact-page .map{width: 100%;height: 900px;}
.scroll-down { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; }
.contact-page .container { overflow: hidden; background: #fff;max-width: 1750px;margin: 0 auto ;}
.scroll-down .i { display: block; margin: 15px auto; width: 20px; height: 30px; background: url(../image/scroll-down.png) no-repeat center center; }
.cy-content {margin: 0 auto;width: 1000px;    text-align: center;}
.contact-content{padding-bottom: 50px;}
.contact-content .contact-head { padding: 120px 0 90px; border-bottom: 1px solid #eee;}
.contact-content .contact-head .t { margin-bottom: 15px; font-size: 14px; line-height: 20px; color: #333; }
.contact-content .contact-head .c { position: relative; margin: 0 auto 25px; border: 2px solid #00863C; padding: 8px 15px; width: 220px; font-size: 28px; line-height: 30px; color: #333; }
.contact-content .contact-head .c a { cursor: default; }
.contact-content .contact-head .c:before { position: absolute; left: 50%; bottom: -27px; margin-left: -15px; width: 30px; height: 3px; background: #00863C; content: ''; }
.contact-content .contact-body { padding: 50px 0; }
.contact-content  .contact-body .t{margin-bottom:15px;font-size:14px;line-height:20px;color:#999}
.contact-content .contact-body .c{margin-bottom:40px;font-size:16px;line-height:25px;color:#333}

.block-list{width:88.75rem;padding:2.5rem 0 3.75rem;margin:auto}
.block-list:after{content:'';display:table;clear:both}
.block-list .block{width:28.75rem;height:28.75rem;margin-right:1.25rem;margin-bottom:1.25rem;float:left;position:relative;z-index:1;cursor:pointer;overflow:hidden}
.block-list .block .mask{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all 0.2s;transition:all 0.2s}
.block-list .block img{width:100%;height:auto;position:absolute;left:0;top:0;-webkit-transition:all 0.2s;transition:all 0.2s}
.block-list .block .mask{z-index:2;opacity:0;background:rgba(0,0,0,0.7);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column}
.block-list .block p{color:#fff;font-size:1.5rem;line-height:2rem}
.block-list .block img{z-index:1}
.block-list .block:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.block-list .block:hover .mask{opacity:1}
.block-list .block:nth-child(3n){margin-right:0}
.block-list .block .mask{background:rgba(32,29,28,0.45);opacity:1}
.block-list .block .mask img{position:static;width:4.25rem;height:4.25rem;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s;transition:all 0.3s;margin-top:1.875rem}

.goTop {position:fixed;bottom:140px;right:2%;cursor:pointer;z-index:33;}

.mqywh img{max-width: 100%;}

#imageFlow{position:relative;width:1200px;height:700px;}
#imageFlow .diapo{position:absolute;left:-10000px;cursor:pointer;-ms-interpolation-mode:nearest-neighbor}
#imageFlow .link{border:dotted #fff 1px;margin-left:-1px;margin-bottom:-1px}
#imageFlow .bank{visibility:hidden}
#imageFlow .top{position:absolute;width:100%;height:40%;background:#181818}
#imageFlow .text{position:absolute;left:0;width:100%;bottom:16%;text-align:center;color:#fff;font-family:verdana,arial,Helvetica,sans-serif;z-index:1000}
#imageFlow .title{font-size:.9em;font-weight:700;display: none;}
#imageFlow .legend{font-size:.8em;color: #000;font-size: 16px;}
#imageFlow .scrollbar{position:absolute;left:10%;bottom:10%;width:80%;height:16px;z-index:1000}
#imageFlow .track{position:absolute;left:1%;width:98%;height:16px;filter:alpha(opacity=30);opacity:.3}
#imageFlow .arrow-left{position:absolute}
#imageFlow .arrow-right{position:absolute;right:0}
#imageFlow .bar{position:absolute;height:16px;left:25px}
#imageFlow canvas{display: none}
#imageFlow img{max-height: 100%;}

@keyframes lhl{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}