@import url("public.css");
@import url("animate.min.css");
@import url("swiper.min.css");
header#Header{width:100%; position:absolute;width:100%;top:0;left:0;z-index:8;}
header#Header.Inside{position:static;}
header#Header div.mw{display:flex;display: -webkit-flex;flex-wrap: nowrap; justify-content:space-between;padding:.3rem 0;position:relative;}
header#Header.Inside div.mw{padding:.2rem;}
header#Header div.mw a.logo{display:block;width:30%;}
header#Header div.mw a.logo img{max-height:.8rem;max-width:90%;}
header#Header.Inside div.mw a.logo img{max-height:.6rem;}
header#Header div.mw ol#MenuBtn{display:flex;display: -webkit-flex;flex-wrap:wrap;width:.4rem;height:.4rem;border:1px solid #fff;border-radius:3px; position:absolute;top:0;right:.2rem;top:.2rem;padding: .15rem;display:none; padding-bottom:.1rem;}
header#Header.Inside div.mw ol#MenuBtn{border-color:#666;width:.35rem;height:.35rem;padding:.1rem;}
header#Header.Inside div.mw ol#MenuBtn li{background-color:#666;}
header#Header div.mw ol#MenuBtn li{width:100%;height:.05rem;background:#fff; margin:.05rem 0;}
header#Header div.mw menu ul#Nav{display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between; }
header#Header div.mw menu ul#Nav li a{display:block;margin:0 .25rem;color:#fff;line-height:.8rem;font-size:.16rem;position:relative; text-align:center;}
header#Header div.mw menu ul#Nav li ul{display:none;}
header#Header.Inside div.mw menu ul#Nav li a{line-height:.6rem;}
header#Header.Inside div.mw menu ul#Nav li a{color:#333;}
header#Header div.mw menu ul#Nav li a:after{display:block;width:0;height:2px;background:#fff; position:absolute;bottom:.2rem;left:0;content:"";transition:width 1s;-moz-transition:width 1s; /* Firefox 4 */-webkit-transition:width 1s; /* Safari and Chrome */-o-transition:width 1s; /* Opera */}
header#Header div.mw menu ul#Nav li a.cur:after{width:100%;}
header#Header.Inside div.mw menu ul#Nav li a:after{background:#da0402; bottom:0;}
header#Header div.mw menu ul#Nav li a:hover:after{width:100%;}
#Banner{clear:both;margin-top:0; position:relative;width:100%;height:auto;overflow:hidden; text-align:center;margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;width:100%;}
#Banner .swiper-slide img{max-width:100%;margin:0 auto;}
#Banner .swiper-slide a.phoneimg{display:none;}
#Banner .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:3%;z-index:3;}
#Banner .pagination .swiper-pagination-bullet{display:inline-block;width:.15rem;height:.15rem;background:#fff;margin:0 .05rem;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; opacity:.8;}
#Banner .pagination .swiper-pagination-bullet-active{background:#c90202;}
#Banner .swiper-button-next, #Banner .swiper-button-prev {position:absolute;top:50%;background-repeat:no-repeat;width:.65rem;height:1.2rem; z-index:15; cursor:pointer;background-size:auto 100%;}
dl#compView{height:7.6rem;}
dl#compView dt.tl{padding:.5rem 0 .2rem; }
dl#compView dt.tl h1{font-size:.43rem;font-family:'EngFont'; letter-spacing:1px;}
dl#compView dt.tl h1 span{color:#d90404;clear:both;display:block;}
dl#compView dt.tl p{font-size:.22rem; letter-spacing:.28rem;display:block;height:.5rem;line-height:.5rem;}
dl#compView dd.lcns{position:relative;}
dl#compView dd.lcns>div.mw div.intro{line-height:.35rem;width:46%;font-size:.15rem;}
dl#compView dd.lcns>div.mw div.intro div.aboutISO{margin:.5rem 0;padding:.2rem 0;}
dl#compView dd.lcns>div.compImg{position:absolute;width:50%;top:0;right:0;}
dl#compView dd.lcns>div.compImg img,dl#compView dd.lcns>div.mw div.intro div.aboutISO img{max-width:100%;}
dl#compView dd.lcns>div.mw div.intro a.more{display:inline-block;padding:0 .2rem;background:#000;color:#fff;font-family:'EngFont'; line-height:.3rem; border-radius:.05rem;font-size:.14rem;}
dl#compView dd.lcns>div.mw div.intro a.more:hover{background-color:#d90404; }
div#ProView{width:100%;clear:both;float:none; position:relative;min-height:6.7rem;overlfow:hidden;}
div#ProView:after{display:block;clear:both;width:100%;height:0;content:""; }
div#ProView ul.Probg{ position:absolute;width:100%;height:100%;display:flex;display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between; z-index:1;top:0;left:0;}
div#ProView ul.Probg li{width:50%;}
div#ProView ul.Probg li img{width:100%;}
div#ProView ul.ProUl{width:100%;display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between; position:relative;z-index:2;height:100%;}
div#ProView ul.ProUl li{width:50%; position:relative;height:100%;}
div#ProView ul.ProUl li a{display:block;padding:5% 0;}
div#ProView ul.ProUl li:nth-child(2) a{padding:5% 8%;}
div#ProView ul.ProUl li a h1{display:block;height:1rem;line-height:1rem;font-size:.28rem;color:#333;font-weight:normal; position:relative;}
div#ProView ul.ProUl li a p{display:block;width:65%;line-height:.3rem;font-size:.15rem;color:#666;}
div#ProView ul.ProUl li:nth-child(2) a p{width:48%;}
div#ProView ul.ProUl li a span.more{display:inline-block;margin-top:.5rem;font-size:.14rem;color:#d90404;}
div#ProView ul.ProUl li a span.img{display:flex;display: -webkit-flex;position:absolute;top:2.5rem;right:.5rem;width:42%;height:3.5rem;align-items: flex-end;}
div#ProView ul.ProUl li a span.img img{max-width:100%;}
dl#NewsView{padding-top:.5rem; padding-bottom:.5rem;}
dl#NewsView dt.tl{ text-align:center; padding:.3rem 0 .5rem;}
dl#NewsView dt.tl h1{font-size:.43rem;font-family:'EngFont'; letter-spacing:1px;}
dl#NewsView dt.tl h1 span{color:#d90404;clear:both;display:inline-block;padding: 0.2rem;}
dl#NewsView dt.tl p{font-size:.22rem; letter-spacing:.28rem;display:block;height:.3rem;line-height:.3rem;}
dl#NewsView dd.lcns{display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between;}
dl#NewsView dd.lcns>div{width:47%;}
dl#NewsView dd.lcns>div img{max-width:100%;}
dl#NewsView dd.lcns>div.NewsFirst a.img{max-height:6rem;overflow:hidden;display:block;}
dl#NewsView dd.lcns>div.NewsFirst a.ntl{display:block;line-height:.6rem;height:.6rem;color:#333;font-size:.24rem;font-weight:bold; overflow:hidden; text-overflow:ellipsis;width:100%; white-space:nowrap;}
dl#NewsView dd.lcns>div.NewsFirst a.ntl:hover{color:#d90404;}
dl#NewsView dd.lcns>div.NewsFirst abbr{display:block;line-height:.3rem;font-size:.15rem; margin-bottom:.5rem;}
dl#NewsView dd.lcns>div.NewsFirst a.more{display:inline-block;line-height:.35rem;border-bottom:2px solid #f80000;color:#333;font-size:.2rem;font-family:'EngFont';}
dl#NewsView dd.lcns>div.NewsFirst a.more:hover{color:#d90404;}
dl#NewsView dd.lcns>div.List ul.nlist{height:auto;overflow:hidden;}
dl#NewsView dd.lcns>div.List ul.nlist li {margin-bottom:.4rem;}
dl#NewsView dd.lcns>div.List ul.nlist li:last-child{margin-bottom:0;}
dl#NewsView dd.lcns>div.List ul.nlist li a{display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.img{width:30%;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.img img{max-width:100%;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.box{width:67%;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.box strong{display:block;height:.45rem;color:#333;font-size:.24rem;font-weight:bold; overflow:hidden; text-overflow:ellipsis;width:100%; white-space:nowrap;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.box abbr{display:block;line-height:.25rem;font-size:.15rem; margin-bottom:.3rem;color:#666;}
dl#NewsView dd.lcns>div.List ul.nlist li a div.box span.more{display:inline-block;line-height:.35rem;border-bottom:2px solid #f80000;color:#333;font-size:.18rem;font-family:'EngFont';}
dl#NewsView dd.lcns>div.List ul.nlist li a:hover div.box span.more,dl#NewsView dd.lcns>div.List ul.nlist li a:hover div.box strong{color:#d90404;}
section#gcalView{width:100%;background:url(../index/gcalbg.jpg) top center no-repeat;background-size:auto 110%;padding:1rem 0;margin-top:1rem ;}
section#gcalView dl.mw{display:flex;display: -webkit-flex;flex-wrap: nowrap;justify-content:space-between;}
section#gcalView dl.mw dt.tl{width:27%;padding:.3rem 0 .5rem;color:#fff; position:relative;}
section#gcalView dl.mw dt.tl h1{font-size:.43rem;font-family:'EngFont'; letter-spacing:1px;}
section#gcalView dl.mw dt.tl h1 span{color:#d90404;clear:both;display:block;}
section#gcalView dl.mw dt.tl p{font-size:.22rem; letter-spacing:.28rem;display:block;height:.3rem;line-height:.3rem;}
section#gcalView dl.mw dt.tl div.txt{position:absolute;bottom:.5rem;left:0;width:100%;font-size:.18rem;line-height:.33rem;font-family:'EngFont';}
section#gcalView dl.mw dt.tl div.txt abbr{display:block;padding:.2rem 0;}
section#gcalView dl.mw dt.tl div.txt a.more{display:inline-block;padding:0 .25rem;color:#fff;background:#d90404;margin-top:.2rem;border-radius:.05rem;font-size:.14rem;}
section#gcalView dl.mw dd.lcn{width:60%; position:relative;}
section#gcalView dl.mw dd.lcn ul.gcalGrid{display:flex;display: -webkit-flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse ; position:relative;margin-top:-1.8rem;z-index:6;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li{width:45%; position:relative;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li a{display:block;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li a span.Image{display:block;position:relative; box-shadow:0 0 3px rgba(255,255,255,.2);}
section#gcalView dl.mw dd.lcn ul.gcalGrid li a span.Image i{display:inline-block;font-size:.65rem;color:#fff; font-style:normal; position:absolute;bottom:-.35rem;left:.1rem; text-shadow:0 0 .1rem rgba(0,0,0,.2); font-family:'NumTTf';}
section#gcalView dl.mw dd.lcn ul.gcalGrid li a span.Image img{max-width:100%;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li:nth-child(2n){margin-top:2rem;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li:nth-child(3){margin-top:-1.5rem;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li:nth-child(4){margin-top:.5rem;}
section#gcalView dl.mw dd.lcn ul.gcalGrid li a span.txt{font-size:.23rem;color:#fff;margin-top:.4rem;display:block;height:.6rem;padding-left:.1rem; letter-spacing:2px;}
footer{width:100%;background-color:#ebecf0;padding:.5rem 0 0;}
footer div#Footer.mw{display:flex;display: -webkit-flex;flex-wrap:nowrap;justify-content:space-between; padding-bottom:.5rem;}
footer div#Footer.mw>div{padding:0 .2rem;border-right:1px solid #ccc;}
footer div#Footer.mw>div.flogo img{max-width:100%;}
footer div#Footer.mw>div:nth-child(1){width:20%;}
footer div#Footer.mw>div:nth-child(2){width:55%;}
footer div#Footer.mw>div:nth-child(3){width:22%;}
footer div#Footer.mw>div:last-child{border:0;}
footer div#Footer.mw>div.contact h1{font-size:.25rem;display:block;line-height:.5rem;height:.5rem;}
footer div#Footer.mw>div.contact strong.tel{display:block;font-size:.16rem;color:#d90404;height:.5rem;line-height:.5rem; white-space:nowrap;}
footer div#Footer.mw>div.contact p.Cons{display:block;padding:.05rem 0;line-height:.24rem;}
footer div#Footer.mw>div.gz p{display:block; text-align:center;font-size:.15rem;padding:.1rem 0;}
footer div#Footer.mw>div.fNav ul.Navs{display:flex;display: -webkit-flex;flex-wrap:nowrap;justify-content:space-between;}
footer div#Footer.mw>div.fNav ul.Navs>li{width:21%;}
footer div#Footer.mw>div.fNav ul.Navs>li:nth-child(3){width:36%;}
footer div#Footer.mw>div.fNav ul.Navs>li>a{line-height:.4rem;height:.4rem;font-size:.18rem;color:#000;display:block;}
footer div#Footer.mw>div.fNav ul.Navs>li ul{padding:.1rem 0;}
footer div#Footer.mw>div.fNav ul.Navs>li ul li a{line-height:.3rem;height:.3rem;color:#666;display:block;}
footer div#Footer.mw>div.fNav ul.Navs>li ul li a:hover{color:#333;}
footer div.copyright{background:#000; text-align:center;color:#fff;line-height:.45rem;height:.45rem;font-size:.13rem;}
footer div.copyright a{display:inline-block;padding:0 .1rem;color:#f5f5f5}
div#bannerImage{width:100%;}
div#bannerImage img{max-width:100%;}
section.MainPath{border-bottom:1px solid #999;height:.55rem;}
section.MainPath div.mw ul{display:flex;display: -webkit-flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch;}
section.MainPath div.mw ul li{line-height:.55rem;padding-right:.3rem;}
section.MainPath div.mw ul li a{display:block; line-height:.54rem;font-size:.18rem;color:#333; white-space:nowrap;}
section.MainPath div.mw ul li a.cur{border-bottom:3px solid #d40404;}
section#Main{padding:.6rem 0;}
div#FrameContact{display:flex;display: -webkit-flex;flex-wrap:nowrap;justify-content:space-between;}
div#FrameContact>div{width:48%;}
div#FrameContact>div h2{font-size:.24rem;line-height:.5rem;}
div#FrameContact>div:nth-child(2){width:50%;}
@media only screen and (max-width:1400px) {
	div#ProView{min-height:inherit;}
	div#ProView ul.ProUl{padding:0;}
    div#ProView ul.Probg{position:relative;}
    div#ProView ul.ProUl{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;}
    div#ProView ul.ProUl li a{display:block;padding:5% 2%;width:auto;margin:0;}
	div#ProView ul.ProUl li a span.img{top:auto;right:.3rem;bottom:.3rem;width:35%;}
}
@media only screen and (max-width:640px) {
   body.Mobile header#Header div.mw{padding:.3rem .2rem;}
   body.Mobile header#Header div.mw ol#MenuBtn{display:block;z-index:66}
   body.Mobile header#Header div.mw a.logo{position:relative;z-index:55;width:38%;}
   body.Mobile header#Header div.mw a.logo img{max-width:100%;}
   body.Mobile header#Header div.mw ol#MenuBtn.close li:nth-child(2){display:none;}
   body.Mobile header#Header div.mw ol#MenuBtn.close li:nth-child(1){transform:rotate(45deg);transform-origin:4px 6px;transition: all .35s;}
   body.Mobile header#Header div.mw ol#MenuBtn.close li:nth-child(3){transform:rotate(-45deg);transform-origin:center center;transition: all .35s;}
   body.Mobile header#Header div.mw menu{position:fixed;left:105%;background:rgba(0,0,0,.2);width:100%;top:0;z-index:3;height:100%;}
   body.Mobile header#Header.Inside div.mw menu{background:rgba(255,255,255,.4);}
   body.Mobile header#Header div.mw menu ul#Nav{flex-direction: column;padding:1rem 0 .5rem;background:#000; box-shadow:0 0 3px rgba(0,0,0,.5)}
   body.Mobile header#Header.Inside div.mw menu ul#Nav{background:#fff;}
   body.Mobile header#Header div.mw menu ul#Nav li a{border-bottom:1px solid #333; text-align:left;font-size:.24rem;}
   body.Mobile header#Header.Inside div.mw menu ul#Nav li a{border-color:#e8e8e8;color:#333;line-height:.6rem;}
   body.Mobile header#Header.fixed{ position:fixed;background:#333; box-shadow:0 0 .1rem rgba(0,0,0,.2);}
   body.Mobile header#Header.Inside.fixed div.mw{background-color:#fff;}
   body.Mobile dl#compView{height:auto;}
   body.Mobile dl#compView dt.tl{padding:.5rem .1rem .2rem;}
   body.Mobile dl#compView dd.lcns>div.mw{padding:.2rem .1rem .3rem;height:auto;overflow:hidden;}
   body.Mobile dl#compView dd.lcns>div.mw div.intro{width:100%;font-size:.22rem;line-height:.4rem;}
   body.Mobile dl#compView dd.lcns>div.mw div.intro div.aboutISO{width:80%;}
   body.Mobile dl#compView dd.lcns>div.mw div.intro a.more{padding:.1rem .3rem;}
   body.Mobile dl#compView dd.lcns>div.compImg{ position:static;width:100%;}
   body.Mobile div#ProView ul.Probg{position:relative;}
   body.Mobile div#ProView ul.ProUl{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;}
   body.Mobile div#ProView ul.Probg,body.Mobile div#ProView ul.ProUl,body.Mobile dl#NewsView dd.lcns{flex-direction: column }
   body.Mobile div#ProView ul.Probg li{width:100%;padding:0;}
   body.Mobile div#ProView ul.ProUl li{width:100%; position:relative;height:50%;}
   body.Mobile div#ProView ul.ProUl li a{display:block;padding:5% 2%;width:auto;margin:0;}
   body.Mobile div#ProView ul.ProUl li a span.img{top:auto;right:.3rem;width:40%;bottom:.3rem;}
   body.Mobile dl#NewsView{padding:.3rem .1rem;}
   body.Mobile dl#NewsView dd.lcns>div.NewsFirst a.img{height:auto;}
   body.Mobile dl#NewsView dd.lcns>div{width:100%;padding-bottom:.3rem;}
   body.Mobile dl#NewsView dd.lcns>div.List ul.nlist li{padding:.2rem 0;border-top:1px solid #e8e8e8;}
   body.Mobile dl#NewsView dd.lcns>div.List ul.nlist li a div.box strong{height:.5rem;}
   body.Mobile dl#NewsView dd.lcns>div.NewsFirst abbr,body.Mobile dl#NewsView dd.lcns>div.List ul.nlist li a div.box abbr{margin-bottom:.2rem;line-height:.35rem;}
   body.Mobile section#gcalView{margin:0; padding:.5rem 0;}
   body.Mobile section#gcalView dl.mw{display:block;}
   body.Mobile section#gcalView dl.mw dt.tl{width:50%;}
   body.Mobile section#gcalView dl.mw dd.lcn{width:100%; position:relative;}
   body.Mobile section#gcalView dl.mw dt.tl div.txt{display:none;}
   body.Mobile section#gcalView dl.mw dd.lcn ul.gcalGrid li{width:48%; position:relative;}
   body.Mobile footer div.copyright{font-size:.12rem;height:auto;overflow:hidden;}
   body.Mobile footer div.copyright a{display:block;}
   body.Mobile footer div#Footer.mw>div{display:none;}
   body.Mobile footer div#Footer.mw>div.contact{display:block;width:100%;border:0;}
   body.Mobile footer div#Footer.mw>div.contact p.Cons{line-height:.35rem;}
   body.Mobile section.MainPath{height:.7rem;}
   body.Mobile section.MainPath div.mw ul li{line-height:.7rem;padding:0 .2rem;}
   body.Mobile section.MainPath div.mw ul li a{ line-height:.68rem;font-size:.22rem;}
   body.Mobile section#Main{padding:.3rem .1rem;}
   body.Mobile div#FrameContact{flex-direction: column;}
   body.Mobile div#FrameContact>div{width:100%;}
   body.Mobile div#FrameContact>div:nth-child(2){ margin-top:.3rem;}
   body.Mobile section.MainPath div.mw ul li a{display:block; line-height:.68rem;font-size:.18rem;color:#333; white-space:nowrap; text-overflow:ellipsis;}
}
