@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; color:#666666}
li{ list-style:none}
a,a:visited,a:link{ text-decoration:none;}
img{ width:100%}
.green{color:#91b70d}
.o12px{ font-size:0.375rem;}
.o14px{ font-size:0.4375rem;}
.o16px{ font-size:16px;}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1463920333_7289076.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1463920333_7289076.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1463920333_7289076.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1463920333_7289076.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1463920333_7289076.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;}  


.menuWrap{ width:10rem; padding:0.5rem 0; background:#f0f0f0; display:none; overflow:hidden}
.navBtn a,.navBtn p{ color:#232323}
.navBtn{ width:9rem; margin:0 auto; font-size:0.5rem; border-bottom:1px solid #cccccc; padding-bottom:0.4rem; margin-bottom:0.4rem; color:#232323}
.navBtn img{ width:13px; height:13px; float:right; } 
.menuWrap .navBtnOn{animation:navBtnImgOn 0.4s;transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.menuWrap .navBtnOut{animation:navBtnImgOut 0.4s;transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
.sub{ font-size:0.4375rem; margin:0.4rem 0 0 0; display:none; overflow:hidden; color:#8b8b8b}
.sub a{color:#8b8b8b}  
.sub li{height:0.75rem;}                                
.headerWrap{ width:10rem;}
.header{ width:10rem; height:1.875rem; background:#fff}
.logo{ width:3.406rem; margin:0.406rem 0 0 0.266rem; float:left}
.phone{ float:right; margin:0.406rem 0.266rem 0 0;width:0.875rem; height:0.875rem;}
.header .on{animation:phoneImg 0.5s}
@keyframes navBtnImgOn{ from{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}to{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}}
@keyframes navBtnImgOut{ from{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}to{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}}
@keyframes phoneImg{from {transform: rotateY(0deg);}to {transform: rotateY(360deg);}}

.topnav,.topnavBottom{ font-size:14px}

.topnavBottom li{ float:left; width:2.422rem; text-align:center}
.topnavTop li{ float:left; text-align:center; margin:0 5px}
.topnavTop{ height:1.1rem; line-height:1.1rem; background:#87af18; margin:0 auto}
.topnavTopWrap{ width:10rem; background:#87af18;}
.topnavTop a{ color:#FFFFFF;}
.topnavTop li .on{ border-bottom:2px solid #fff; padding-bottom:1px}
.topnavBottomWrap{ width:10rem; height:1.4rem; padding-top:0.5rem}
.topnavBottom{ margin:0 auto; height:0.9375rem;}
.topnavBottom a{ color:#333333}
.topnavBottom li{ background:#e8e8e8; height:0.9375rem; line-height:0.9375rem; margin:0 0.1rem}
.topnavBottom .on{ background:#87af18; color:#FFFFFF; display:block; width:100%; height:100%}

.footer{ color:#b3b3b3; background:#efefef; height:2.921rem; width:9.5rem; font-size:0.1875rem; text-align:center;line-height:0.36rem; line-height:16px; padding:0.5rem 0.25rem}


.bar{ width:10rem; height:1.531rem; overflow:hidden; position:fixed; bottom:0; z-index:10;}
.bar li{ float:left; width:2.5rem; height:1.531rem; background:#1a8128; font-size:0.3125rem;}
.bar .on{animation: barLi 0.2s;}
.bar a{ width:100%; height:100%; color:#fff; text-align:center; display:block}
.bar p{ width:0.578125rem; height:0.609375rem; overflow:hidden; margin:0.25rem auto 0.18rem}
@keyframes barLi{from {background: #1a8128;}to {background: #1a6724;}}

.BingLangPrev{ width:7rem; height:1.53125rem; margin:0 auto}
.BingLangPrev a{ display:block; width:3.359375rem; border:1px #d4e3e8 solid; height:0.625rem; text-align:center; line-height:0.625rem; float:left; margin-top:0.4375rem;color:#ccd2de;}
.BingLangPrev .on{ background:#a8c908; color:#FFFFFF; border: 1px solid #d5d8e9; animation:prevOn 0.2s}
.BingLangPrev1{ border-top-left-radius:10% 50%; border-bottom-left-radius:10% 50%;}
.BingLangPrev2{ border-top-right-radius:10% 50%;border-bottom-right-radius:10% 50%;margin-left:0.15625rem;}
@keyframes prevOn{from {background: #a8c908;}to {background:#89A404;}}