@import url("public.css");
@import url("aos.css");
@import url("swiper.min.css");
@import url("animate.min.css");
header{width:100%;padding:1rem 0;position:absolute; z-index:55;opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
header.header-up {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
div#Header{max-width:1366px; margin:0 auto;  position:relative;height:auto;padding:0 .2rem;}
div#Header:after{content:"";width:100%;clear:both;height:1px;display:block;}
div#Header a.logo{display:block;position:relative;z-index:22;margin-top:.2rem;}
div#Header a.logo img{max-height:.8rem;}
body{-webkit-transition: all .3s ease;transition: all .3s ease;}
div#Banner{height: 100vh;position: relative;z-index: 1;overflow: hidden;perspective: 3000px;background:#0e49a5; width:100%;}
div#Banner .swiper-container {width: 100%;height: 100%;}
div#Banner .swiper-container .swiper-slide {text-align: center; 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;  background-repeat:no-repeat; background-position: bottom center; background-size:100% auto;color:#fff; cursor:pointer;}
div#Banner .swiper-container .swiper-slide  .ani{width:35%; display:inline-block;z-index:3; position:absolute;}
div#Banner .ani h1{line-height:3rem;font-size:1rem;height:3rem;font-weight:normal; position:relative; text-shadow:0 .1rem .1rem rgba(0,0,0,.3)}
div#Banner .ani hr{width:2.2rem;border:0;height:2px;background:#fff;}
div#Banner .ani p{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;padding:1rem 0;font-size:.65rem;line-height:1rem;text-shadow:0 .1rem .1rem rgba(0,0,0,.25);}
div#Banner div.swiper-pagination{bottom:5vh;}
div#Banner div.swiper-pagination span.swiper-pagination-bullet{width:.4rem;height:.4rem; background: #fff;opacity:1;}
div#Banner div.swiper-pagination span.swiper-pagination-bullet-active{width:1rem; border-radius:2em 2em 2em 2em; opacity:.8;background:#3c8cc6;}
div#Banner .downbtn {color: #fff;line-height: 1; position: absolute;width: 100%;text-align: center;z-index: 4;bottom:2.5rem;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity .5s ease;transition: opacity .5s ease;}
div#Banner .downbtn .tit-14 {font-size:.35rem;line-height: 1;}
div#Banner .downbtn .btn {width: 11px;height: 13px;margin:.5rem auto 0;-webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite;}
div#Banner .downbtn.active {  opacity: 1;  filter: alpha(opacity=100);}
menu{float:right;width:50%;display:block; }
menu a.menuBtn{ width:36px;height:36px;display:inline-block;position:absolute;right:.25rem;top:0;z-index:25; overflow:hidden; padding-top:.05rem;}
menu a.menuBtn span{display:block;height:.1rem;width:100%;top:.15rem;background-color:#fff;position:absolute;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
menu a.menuBtn span:nth-child(1){top:.15rem}
menu a.menuBtn span:nth-child(2){top:.4rem}
menu a.menuBtn span:nth-child(1){top:.65rem}
menu a.menuBtn.active span:nth-child(1){-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg);}
menu a.menuBtn.active span:nth-child(2){ opacity:0;}
menu a.menuBtn.active span:nth-child(3){-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);transform: translate3d(0, 10px, 0) rotate(45deg);}
menu a.searbtn{display:inline-block;margin:.2rem; position:absolute;right:1.6rem;}
menu a.searbtn img{max-width:100%;}
ul#Nav li{float:left;padding:0 .6rem; position:relative}
ul#Nav li a{display:block;color:#fff;font-size:.45rem;padding:.2rem .1rem;}
ul#Nav li a:hover{border-bottom:2px solid #fff;}
ul#Nav li ul{display:none;top:1rem;left:0;width:100%;position:absolute;}
ul#Nav li ul li{display:block;float:none;width:100%;}
ul#Nav li ul li a{font-size:.35rem;border:0;}
ul#Nav li ul li a:hover{border:0;}
.searchBox {display: none;flex-direction: column;justify-content: center;align-items: center;text-align: center;visibility:visible;position: fixed;z-index: 1000;top: 0;left: 0;width: 100%;height: 100vh;background:#0054b4;}
#search-close {position: absolute;top:30px;right:30px;width:45px;height:45px;display: none;background:none;border:none;fill: #fff;display: block;}
.search__form{width:100%;margin: 0 0 1rem;}
.search__input{font-family: inherit;font-size:3.5vw;line-height:1;display: inline-block;box-sizing: border-box;width: 90%;padding:.5rem 0;background:none;border:none;color: rgba(255, 255, 255, 0.6);}
.search__form .inputbox{width: 75%; position:relative;padding: 0.05em 0;margin:0 auto;line-height: 1;border-bottom: 5px solid;border-bottom-color: rgba(255, 255, 255, 0.1); display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.search__input::-webkit-input-placeholder {	/* WebKit, Blink, Edge */	color: #4a319e;}
.search__input::-moz-placeholder {	opacity: 1;	/* Mozilla Firefox 19+ */	color: #4a319e;}
.search__input:-ms-input-placeholder {	/* Internet Explorer 10-11 */	color: #4a319e;}
.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration {-webkit-appearance: none;}
.search__input::-ms-clear {	display: none;}
.search__info {	font-size: 90%;	font-weight: bold;	display: block;	width: 75%;	margin: 0 auto;	padding: 0.85em 0;	text-align: right;	color: rgba(255, 255, 255, 0.55);}
.search__submit{width:10%; position:absolute;height:100%;right:0;top:0;}
.search__submit input { position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1; cursor:pointer;}
.icon-search:before{content: "\e6de";font-size:2rem;color: rgba(255, 255, 255, 0.6);top:50%; margin-top:-1rem;  display:inline-block; position:absolute;height:1rem;width:1rem;left:50%;margin-left:-1rem;}
menu.open:before{position:fixed;width:100%;height:100%;background:#0054b4;z-index:2;top:0;left:0;content:"";display:block;}
menu.open nav{display: flex;position:fixed;z-index:10; float:none;width:100%;height:100vh;left:0;top:0;flex-direction: column; justify-content: center;align-items: center;text-align: center;visibility: visible;}
menu.open nav div.NavCon{visibility: visible;opacity: 1;-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: -webkit-transform 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985), opacity 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);transition: transform 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985), opacity 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);position: relative; z-index: 5;max-width: 1336px; width: 90%;margin: 0 auto; }
menu.open nav div.NavCon ul#Nav li{padding:0;width:16%; text-align:left;}
menu.open nav div.NavCon ul#Nav li a{border:0;height:1rem;font-size:.45rem;}
menu.open nav div.NavCon ul#Nav li ul{display:block;position:static;}
menu.open nav div.NavCon ul#Nav li ul li{ width:100%;min-height:auto;}
menu.open nav div.NavCon ul#Nav li ul li a{color:rgba(255,255,255,.6);font-size:12px;height:auto;font-size:.35rem;}
menu.open nav div.NavCon ul#Nav li ul li a:hover{color:rgba(255,255,255,1);}
section#Product{padding:1.5rem 0;}
section#Product div.Ptl{padding:.5rem 1.2rem;height:auto;overflow:hidden;}
section#Product div.Ptl div.tl h1{font-size:.8rem;line-height:1.8rem;height:1.8rem;}
section#Product div.Ptl div.tl p{font-size:.4rem;color:#666;}
section#Product div.Ptl span.fr{width:25%;display:block;padding:.55rem 0;line-height:.75rem;}
section#Product div.ProBox{margin:2.8rem auto 1rem; box-shadow:0 0 1rem rgba(0,0,0,.5); position:relative; max-width:1190px;}
section#Product div.ProBox div.grid{ position:absolute;height:53.5%;display:block; z-index:5;padding:0;}
section#Product div.ProBox img,section#Product div.ProBox div.grid img{width:100%;}
section#Product div.ProBox div.grid a{dipslay:block;position:absolute;bottom:0;z-index:2;left:0;width:100%; overflow:hidden;}
section#Product div.ProBox div.grid a img{max-width:100%;}
section#Product div.ProBox div.grid a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition:all .3s ease-in-out .3s; transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s; -ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;}
section#Product div.ProBox div.overOut:before{display:block;position:absolute;top:0;left:0;width:100%;content:"";height:100%;background:rgba(255,255,255,.5);z-index:5;}
section#Product div.ProBox div.grid a span.Name{position:absolute;bottom:-2rem;z-index:10;width:96%;padding:.35rem 2%;left:0;background:rgba(22,28,97,.8);color:#fff;font-size:.4rem;}
section#Product div.ProBox div.grid a:hover span.Name{bottom:0;-webkit-transition:all .3s ease-in-out .3s; transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s; -ms-transition:all .3s ease-in-out .3s;-o-transition:all .3s ease-in-out .3s;}
section#Product div.ProBox div.overOut.g2:before,section#Product div.ProBox div.overOut.g1:before,section#Product div.ProBox div.overOut.g5:before{display:none;}
section#Product div.ProBox div.overOut.g2 a:before{display:block;position:absolute;top:0;left:0;width:100%;content:"";height:100%;background:rgba(255,255,255,.5);z-index:5;}
section#Product div.ProBox div.overOut.g1 a:before{display:block;position:absolute;top:0;left:0;width:100%;content:"";height:100%;background:url(../index/profix.png) no-repeat; background-size:100% auto;z-index:5;}
section#Product div.ProBox div.g1{left:0;width:62%;top:0;}
section#Product div.ProBox div.g2{right:0;width:38%;top:0;}
section#Product div.ProBox div.g3{bottom:0;width:31%;left:0;height:46.5%;overflow:hidden;}
section#Product div.ProBox div.g4{bottom:0;width:31%;left:31%;height:46.5%;overflow:hidden;}
section#Product div.ProBox div.g5{display: block;bottom:0;right:0;width:38%;height:46.5%;background:#171c61; }
section#Product div.ProBox div.g5 a{width:auto;padding-left:20%;margin: 0 auto;display: flex;flex-direction: column;text-align:left;color:#fff;font-size:.55rem;position:absolute;top:50%;left:50%;height:1.8rem;line-height:1rem; margin-top:-.9rem;margin-left:-28%;font-size:.6rem;}
section#Product div.ProBox div.g5 a.icon-arrow:before{content:"\e672";display:block;position:absolute;left:0;top:0;height:1rem;width:50%;font-size:1rem; text-align:center;}
section#Product div.ProBox div.g5 a span{display:block;font-size:.35rem;line-height:.5rem;font-family:Arial, Helvetica, sans-serif;}
section#Product div.ProBox div.g5 a:hover font{border-bottom:2px solid #fff;display:inline-block;padding:0;}
section#Company{padding:2rem 0;background:url(../index/aboutbg.jpg) #f6f6f6 center no-repeat; background-size:100% auto;}
section#Company div.mw{height:auto;overflow:hidden;}
dl#Comp{margin:0 1rem;width:28%;}
dl#Comp dt.tl{padding:.25rem;}
dl#Comp dt.tl p{font-size:.5rem; letter-spacing:.08rem;color:#cbcbcb;font-family:Arial, Helvetica, sans-serif;}
dl#Comp dt.tl H1{font-size:.7rem;line-height:1.5rem;height:1.5rem;color:#171c61;}
dl#Comp dd.lcn{padding:.25rem;line-height:.75rem;font-size:.35rem;height:6.3rem;color:#31356e; text-indent:25px;}
dl#Comp dd.more {padding:.25rem ;}
dl#Comp dd.more a{ letter-spacing:.15rem;border-bottom:1px solid #252525;color:#252525;}
dl#Comp dd.more a:hover{color:#00a0e9;border-bottom:1px solid #00a0e9;}
section#Company div.mw div.Cimg{width:62%;}
section#Company div.mw div.Cimg img{max-width:100%;}
section#News{padding:1.5rem 0;}
section#News dl#NewsView dt.tl{padding:.5rem 1rem; background:url(../index/more.png) 93% no-repeat; background-size:auto 17%;}
section#News dl#NewsView dt.tl p{font-size:.5rem; letter-spacing:.08rem;color:#a4a4a4;font-family:Arial, Helvetica, sans-serif;}
section#News dl#NewsView dt.tl H1{font-size:.7rem;line-height:1.5rem;height:1.5rem;}
section#News dl#NewsView dd.View{padding:.25rem .85rem;}
section#News dl#NewsView dd.View:after{display:block;clear:both;height:.1rem;width:100%;content:"";}
section#News dl#NewsView dd.View ul{height:auto;overflow:hidden;width:100%;}
section#News dl#NewsView dd.View ul li{width:30%;margin:1.6%;margin-left:.2rem;display:block; box-shadow:0 0 .35rem rgba(0,0,0,.3);float:left; overflow:hidden;position:relative;}
section#News dl#NewsView dd.View ul li img{width:100%;}
section#News dl#NewsView dd.View ul li:nth-child(4){margin-top:2.3%;}
section#News dl#NewsView dd.View ul li:nth-child(4) a div.newsT span.time,section#News dl#NewsView dd.View ul li:nth-child(3) a div.newsT span.time{ text-align:right;float:right;}
section#News dl#NewsView dd.View ul li a{top:0;left:0;display:block;position:absolute;width:100%;height:100%;background-size:auto 100%;background-repeat:no-repeat; background-position:center; background-size:100% auto;}
section#News dl#NewsView dd.View ul li a div.newsT{padding:1rem .6rem .1rem;color:#fff; position:relative;z-index:5;}
section#News dl#NewsView dd.View ul li a div.newsT span.time{display:block;line-height:1rem;}
section#News dl#NewsView dd.View ul li a div.newsT strong{ border-bottom:1px solid rgba(255,255,255,.7);line-height:1rem;font-size:.4rem;padding:.2rem 0;box-sizing: border-box; }
section#News dl#NewsView dd.View ul li a span.more{display:block;width:90%;padding:.5rem 5%;background:rgba(0,0,0,.5);color:#fff;bottom:0;left:0;position:absolute; letter-spacing:.1rem;font-size:.4rem;}
section#News dl#NewsView dd.View ul li a span.more:before{display:block;width:30px;height:30px;position:absolute;right:.5rem;top:.5rem;content:""; background:url(../index/arr.png) no-repeat; background-size:100% auto; background-position:center 20%;}
section#News dl#NewsView dd.View ul li a:hover:before{display:block;position:absolute;width:100%;height:100%;background:rgba(0,84,180,.8);z-index:3;content:"";top:0;left:0;}
section#News dl#NewsView dd.View ul li a:hover span.more{background:none; z-index:8; position:relative;right:auto;padding:0 3%;}
section#News dl#NewsView dd.View ul li a:hover span.more:before{ bottom:none;position:relative;left:.5rem;right:auto;}
section#News dl#NewsView dd.View ul li a:hover span.more div{display:none;}
footer{background:#282828;padding:1.5rem 0 .8rem;}
footer div#Footer {height:auto;overflow:hidden;padding:0  0 1rem;}
footer div#Footer ul#Fnav{width:50%;float:left; margin:0 1rem;}
footer div#Footer ul#Fnav li{width:20%;float:left;}
footer div#Footer ul#Fnav li.pro{width:32%}
footer div#Footer ul#Fnav li a{font-size:.5rem;color:#fff;height:1.2rem;line-height:1.2rem;}
footer div#Footer ul#Fnav li ul li{width:100%;}
footer div#Footer ul#Fnav li ul li a{line-height:.75rem;font-size:12px;color:#a9a9a9;height:auto;}
footer div#Footer ul#Fnav li ul li a:hover{color:#e5e5e5;}
footer div#Footer div.Cwm{width:42%;float:right; margin-top:.5rem;}
footer div#Footer div.Cwm div.Tel{color:#fff;padding-left:1.2rem; margin-top:.8rem;height:1.2rem;line-height:1.2rem;background:url(../index/tel.png) left no-repeat;background-size:auto 80%;font-size:.6rem;}
footer div#Footer div.Cwm div.ewm{padding:.5rem;color:#aeaeae;line-height:1rem; float:right; text-align:center;}
footer div#Footer div.Cwm div.ewm span.rim{display:block;}
footer div.copy{ text-align:center;line-height:.75rem;border-top:2px solid #333;padding:.4rem 0;color:#a9a9a9;}
footer div.copy a{color:#a9a9a9;padding:0 .3rem;}
footer div.copy a:hover{color:#fff;}
#banners{height:auto; overflow:hidden;width:100%;display: flex;flex-direction: column; justify-content: center;align-items: center;text-align: center;visibility: visible;}
#banners img{max-width:100%; position:relative;z-index:2;}
#banners div.mw{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: -webkit-transform 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985), opacity 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);transition: transform 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985), opacity 0.6s 0.6s cubic-bezier(0.34, 0.615, 0.4, 0.985);position:absolute; z-index: 5;max-width: 1200px; width: 90%;margin: 0 auto; z-index:5; text-align:right;color:#fff;line-height:1.8rem;height:auto;overflow:hidden;}
#banners div.mw strong{font-size:.9rem;border-bottom:2px solid #fff;display:inline-block;margin:0 .5rem;font-weight:normal;}
#banners div.mw span{font-size:.6rem; text-transform:capitalize;}
div.MenuNav{padding:.5rem 0;width:100%;background:#fff; box-shadow:0 0 .2rem rgba(0,0,0,.2);margin-bottom:1rem; }
div.navTop{ position:fixed;top:0;width:100%;left:0; box-shadow:0 0 .2rem rgba(0,0,0,.5);z-index:99;}
div.MenuNav:after{content:"";width:100%;height:1px;clear:both;display:block;}
div.MenuNav div.mw{position:relative;}
div.MenuNav div.mw a.goto{display:inline-block;padding-right:.8rem;background:url(../index/topIco.jpg) right no-repeat;position:absolute;top:50%;right:0;color:#000;}
div.MenuNav ul{width:100%;}
div.MenuNav ul li{float:left;padding:.1rem .5rem;position:relative;display:block;}
div.MenuNav ul li:after{display:block;width:1px;height:50%;top:0; margin-top:.18rem; position:absolute;right:0;background:#686868;z-index:2;content:"";}
div.MenuNav ul li:last-child:after{display:none;}
div.MenuNav ul li:first-child{padding-left:0;}
div.MenuNav ul li a{display:block;font-size:.4rem;color:#000000;}
div.MenuNav ul li a.cur,div.MenuNav ul li a:hover{color:#171c61;}
div.MenuNav ul li a.cur{font-weight:bold;}
section#Main{padding:1rem 0 0;background:url(../index/framebg.jpg) right 80% no-repeat;background-size:45% auto;}
section#Main dl.mw dt.tl{padding:.5rem 0;height:auto;overflow:hidden;line-height:1.2rem;}
section#Main dl.mw dt.tl h1{float:left;margin-right:.3rem;font-size:.8rem;}
section#Main dl.mw dt.tl span{font-size:.5rem; margin-left:.3rem;}
section#Main dl.mw dd.Fcn{padding:1rem 0 1.5rem;line-height:.75rem;font-size:.35rem;}
@media only screen and (max-width:1366px) {
 header.headup{background:rgba(0,0,0,.5);padding:.5rem 0; position:fixed;top:0;width:100%;left:0; box-shadow:0 0 .2rem rgba(0,0,0,.5);z-index:99;}
 div#Banner .swiper-container .swiper-slide .ani{width:50%;}
 div#Banner .ani p{font-size:.5rem;}
 menu nav{display:none;}
}
 
@media only screen and (max-width:1024px) {
	 div#Banner{height:60vh;}
	 div#Header a.logo img{max-height:.7rem;}
	 section#Product div.Ptl  span.fr{width:35%;}
	  dl#Comp{width:35%;}
	  dl#Comp dd.lcn{min-height:inherit;}
	  section#Company div.mw div.Cimg{width:50%;}
}
@media only screen and (max-width:780px) {	
div#Banner .swiper-container .swiper-slide{background-size:100% auto;}
  div#Banner .swiper-container .swiper-slide .ani{width:70%;}
  div#Banner div.swiper-pagination span.swiper-pagination-bullet{width:.3rem;height:.3rem; background: #fff;opacity:1;}
  div#Banner div.swiper-pagination span.swiper-pagination-bullet-active{width:.8rem; border-radius:2em 2em 2em 2em; opacity:.8;background:#3c8cc6;}
  div#Banner .ani h1{line-height:2rem;font-size:.8rem;height:2rem;}
  div#Banner .ani hr{width:2rem;height:2px;}
  div#Banner .ani p{  padding:.5rem 0;font-size:.45rem;line-height:1rem;}
  div#Banner div.swiper-pagination{bottom:2.5vh;}
  div#Banner .downbtn{bottom:2rem; display:none;}
  menu.open nav div.NavCon ul#Nav li{width:25%; min-height:7rem;}
  section#Product div.Ptl  span.fr{width:50%;}
  section#Company{background-image:none}
  dl#Comp{margin:0 1rem;width:94%;}
  dl#Comp dd.lcn{height:auto;overflow:hidden;}
  section#Company div.mw div.Cimg{width:100%; margin-top:.5rem;}
  section#News dl#NewsView dd.View  ul li{width:48%;margin:1%;}
  section#News dl#NewsView dd.View ul li:nth-child(4){margin-top:1%;}
  section#News dl#NewsView dd.View ul li a div.newsT{padding-top:.5rem;}
  section#News dl#NewsView dd.View ul li a span.more:before{width:20px;height:20px;}
   footer div#Footer ul#Fnav,footer div#Footer div.Cwm{width:90%;padding:0 5%;}
}
@media only screen and (max-width:640px) {
  header{padding:.5rem 0;}
  div#Header a.logo img{max-height:.6rem;}
  menu a.searbtn{width:20px;}
  menu a.menuBtn{ width:28px;height:28px;top:0;}
  div#Banner{height:33vh;}
  section#Product div.ProBox div.g5 a.icon-arrow:before{font-size:.6rem;}
  section#Product div.ProBox div.g5 a{font-size:.5rem;}
  section#Product div.ProBox div.g5 a span{display:block;font-size:12px;;}
  footer{padding:.5rem 0 .8rem;}
  footer div#Footer ul#Fnav{display:none;}
  footer div#Footer div.Cwm{width:90%;padding:0 5%;}
  div.MenuNav div.mw a.goto span{display:none;}
  section#News dl#NewsView dd.View ul li:nth-child(3) a div.newsT strong,section#News dl#NewsView dd.View ul li:nth-child(4) a div.newsT strong{height:1rem; overflow:hidden;display:block;}
   section#Main{padding: 1rem 0 0rem;}
   h1{font-size:.8rem;line-height:1.5rem;}
   section#Main dl.mw dd.Fcn{line-height:1rem;font-size:.4rem;}
}
@media only screen and (max-width:500px) {
	div#Banner{height:28vh;}
   menu a.menuBtn.active span:nth-child(1){-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);transform: translate3d(0, -7px, 0) rotate(-45deg);}
   menu a.menuBtn.active span:nth-child(3){-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);transform: translate3d(0, 7px, 0) rotate(45deg);}
   menu a.menuBtn{ width:28px;height:28px;top:.1rem;}
}