@import url("public.css");
@import url("animate.min.css");
@import url("swiper.min.css");
header{width:100%;background-color:#325267;display:block; box-shadow:0 .05rem .05rem rgba(0,0,0,.2); position:relative;z-index:11;}
header:after{width:100%;display:block;height:0;clear:both;content:"";}
header div.MenuLogo{position:relative;display:flex;justify-content:space-between;align-items:stretch;align-content:center; z-index:22;}
header div.MenuLogo a.logo{display:block;padding:.2rem 0;width:40%;}
header div.MenuLogo a.logo img{height:.54rem;}
header div.MenuLogo ol#MenuBtn{display:flex;display: -webkit-flex;flex-wrap:wrap;width:.6rem;height:.5rem;border-radius:3px; position:absolute;right:.2rem;top:50%; margin-top:-.25rem;padding: .2rem;display:none; cursor:pointer;}
header div.MenuLogo ol#MenuBtn{width:.45rem;height:.35rem;padding:.1rem;}
header div.MenuLogo ol#MenuBtn li{width:100%;height:.05rem;background:#f69125; margin:.02rem 0;}
header div.MenuLogo a.searbtnA{display:none;}
div.Nav{padding:0;width:60%;}
div.Nav>ul{display:flex;display:inline-flex;justify-content:space-between;width:100%;height:100%;}
div.Nav>ul>li {display:block;text-align:center; position:relative;width:16.2%;}
div.Nav>ul>li>a{font-size:.15rem;color:#fff;display:flex;display:inline-flex;height:100%;align-items:center;align-content:center;width:96%;padding:0 2%;flex-wrap:wrap; text-align:center;justify-content:center;}
div.Nav>ul>li>a span{display:block;width:100%;height:1px;margin-top:5px;}
div.Nav>ul>li>a:hover,div.Nav>ul>li>a.cur{background:#0ea4c7;}
div.Nav>ul>li>a:hover span,div.Nav>ul>li>a.cur span{width:50%;background:#fff; transition: all .35s;}
div.Nav>ul>li ul{position:absolute;width:100%;background:#32c3e2;padding:.1rem 0 .2rem;top:100%; display:none;}
div.Nav>ul>li.pro ul{width:160%;}
div.Nav>ul>li ul li a{color:#fff;padding:8px 0;display:block;font-size:13px;}
div.Nav>ul>li ul li a:hover{background-color:#f69125;}
div.SearchBox{width:10%;display:flex;display:inline-flex;align-items:center;}
form.formCss{border-bottom:1px solid #fff;display:flex;display:inline-flex;width:100%;justify-content:space-between;}
form.formCss input.keys{width:76%;background:none;border:0;line-height:25px;color:#fff;}
form.formCss input.keys::placeholder,form.formCss input.keys::-webkit-input-placeholder{color:#fff;}
form.formCss input[name=searBtn]{width:20px;height:20px;}
#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;transition:1s linear 2s;transform:scale(1.1,1.1);width:100%;}
#Banner .swiper-slide-active img,#Banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
#Banner .swiper-slide a.phoneimg{display:none;}
#Banner .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:4%;z-index:3;}
#Banner .pagination .swiper-pagination-bullet{display:inline-block;width:.32rem;height:3px;background:none;margin:0 .03rem;cursor:pointer;opacity:.8;border:1px solid #fff; border-radius:0;background:none;}
#Banner .pagination .swiper-pagination-bullet-active{background:#fff;}
#Banner .swiper-button-next, #Banner .swiper-button-prev {position:absolute;top:50%;background-repeat:no-repeat;width:75px;height:76px; z-index:15; cursor:pointer;background-size:auto 100%; opacity:.3; margin-top:-38px}
#Banner .swiper-button-prev{background-image:url(../index/bannerBtn-prev.png); left:1rem}
#Banner .swiper-button-next{background-image:url(../index/bannerBtn-next.png);right:1rem;}
#Banner .swiper-button-prev:after,#Banner .swiper-button-next:after{content:"";}
#Banner .swiper-button-next:hover,#Banner .swiper-button-prev:hover{ opacity:.8rem;}
#CompView{padding:.5rem 1rem; box-shadow:0 .1rem .1rem rgba(0,0,0,.3);margin-top:.5rem; margin-bottom:.5rem;}
#CompView dl.index_company dt.tl{ text-align:center;}
div.tlBg{display:inline-block;width:4.8rem;height:.5rem;position:relative;margin:.25rem; max-width:90%; position:relative;}
div.tlBg:after{border-left:2px solid #ccc;border-bottom:2px solid #ccc;display:block;height:100%;width:42%;left:0;bottom:0;content:""; position:absolute;}
div.tlBg:before{border-top:2px solid #ccc;border-right:2px solid #ccc;display:block;height:100%;width:50%;right:0;bottom:0;content:"";position:absolute; z-index:1;}
div.tlBg h1{display:inline-block;padding:.1rem;position:absolute;left:.3rem;font-size:.42rem;margin-top:-.45rem;color:#666666; letter-spacing:.02rem;}
div.tlBg h1:before{content:"";position:absolute;left:-.3rem;top:55%;width:13%;background:#ccc;height:2px;display:block;}
div.tlBg i{position:absolute;right:0;bottom:0;width:.3rem;background:#ccc;height:2px;display:block;}
div.tlBg span{display:inline-block;background:#02b8df;color:#fff;border-radius:5px;padding:3px .1rem;position:absolute;bottom:-.15rem;right:.33rem;transform: skewX(-10deg);font-size:.22rem;z-index:3;}
#CompView dl.index_company dd.AboutCon{position:relative;padding:.5rem 0;display:flex;justify-content:space-between;width:100%;padding-bottom:1rem; align-items: flex-start;}
#CompView dl.index_company dd.AboutCon:before{display:block;width:.4rem;height:1.4rem;bottom:0;left:0;background:#02b8df;content:"";position:absolute;}
#CompView dl.index_company dd.AboutCon div.content{padding:.6rem; padding-bottom:.25rem;max-width:340px;line-height:.35rem;position:relative;font-size:.18rem;color:#2a2a2a;z-index:6}
#CompView dl.index_company dd.AboutCon div.content a{display:block;padding:.2rem 0;}
#CompView dl.index_company dd.AboutCon div.content a:hover{color:#0ea4c7;}
#CompView dl.index_company dd.AboutCon div.content:after{border:4px solid #ffe200;display:block;width:130%;top:0;left:0;position:absolute;content:"";height:100%;z-index:-1; }
#CompView dl.index_company dd.AboutCon div.image{position:relative;padding-top:.5rem;padding-bottom:.5rem;padding-right:.5rem;width:63%; z-index:3;}
#CompView dl.index_company dd.AboutCon div.image img{max-width:100%;}
#CompView dl.index_company dd.AboutCon div.image:after{width:75%;height:50%;background:#e1e1e1;position:absolute;right:0;bottom:0;display:block;content:""; z-index:-1;}
section#ProView{width:100%;padding-top:1rem;background:url(../index/Probg.jpg) top no-repeat;}
section#ProView dl.index_Pro dt.tl{ text-align:center; margin-bottom:.5rem;}
section#ProView dl.index_Pro dt.tl h1{background-color:transparent;color:#fff;}
section#ProView dl.index_Pro dt.tl span{border:0; border-radius:3px;bottom:-.18rem;right:.41rem; }
section#ProView dl.index_Pro dd.lcn .mySwiper{position:relative; overflow:hidden;height:900px; background:url(../index/probg.png) repeat-x;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide{height:280px !important}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on{background:#02b8df; height:340px !important}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:hover{background:#02b8df;height:340px !important;transition: all .35s;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box{color:#fff;padding:3%;height:94%; position:relative;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box h1{font-size:.3rem; position:relative;z-index:5;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box h2{font-size:.35rem; font-weight:normal; position:relative;z-index:5;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box span{font-size:.45rem;font-weight:bold; position:absolute;top:.46rem;left:.5rem; z-index:1; opacity:.2;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box a{font-size:.15rem;color:#fff; margin-top:.5rem;display:inline-block;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box ul{width:50%;display:flex;justify-content:space-between; position:absolute;bottom:1.2rem;left:.45rem;display:none;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box ul li{width:30%;font-size:12px;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box ul li font{display:block;font-weight:bold;font-size:.2rem;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on div.box ul{display:flex;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box img{max-width:400px;position:absolute;right:10%;top:-17%;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:last-child div.box img{top:-15%}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on div.box img{max-width:560px;bottom:10%;right:2%;transition: all .35s;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box{ text-align:right;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box img{left:2%;max-width:360px;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even).on div.box img{max-width:500px;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box span{top:.46rem;right:.5rem; z-index:1; opacity:.2;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box ul{left:auto;right:.45rem;display:none;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even).on div.box ul{display:flex;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:last-child div.box img{top:-20%;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:last-child.on div.box img{top:-1.5rem}
section#GcalView{width:100%;padding:1rem 0 0;}
section#GcalView dl.index_gcal dt.tl{ text-align:center; margin-bottom:.5rem;}
section#GcalView dl.index_gcal dd.lcns{padding:.5rem 10px; overflow:hidden;}
.IndexCase{padding-bottom:1rem; position:relative;}
.IndexCase .swiper-slide div.box{position:relative;}
.IndexCase .swiper-slide div.box a{display:block;padding:.25rem; box-shadow:0 .2rem .08rem rgba(0,0,0,.2)}
.IndexCase .swiper-slide div.box a span.img{display:block;height:3.5rem;width:auto;border:5px solid #FF0;background-size:100% auto; margin-top:-.5rem; position:relative; background-position:center center;background-repeat:no-repeat;}
.IndexCase .swiper-slide div.box a strong{display:block; white-space:nowrap; overflow:hidden;height:.5rem;line-height:.5rem;width:100%; text-overflow:ellipsis;font-size:.22rem;color:#666666;}
.IndexCase .swiper-slide div.box a abbr{color:#666666;display:block;line-height:.25rem; margin-bottom:.25rem;}
.IndexCase .swiper-slide div.box a:hover strong{color:#03b8df;}
.IndexCase .swiper-slide div.box a:hover span.img{background-size:120% auto;transition: all .35s;}
.IndexCase .swiper-pagination-bullet-active{background:#03b8df;}
section#NewsView{background-color:#f2f2f2;padding:1rem 0;}
section#NewsView dl.index_news dt.tl{ text-align:center;}
section#NewsView dl.index_news dt.tl span{padding:0 .4rem}
div.Newslist{display:flex;display:inline-flex;justify-content:space-between;width:100%;padding-top:.5rem;}
div.Newslist div.top{width:45%;}
div.Newslist div.top a,div.Newslist div.top a span.img{display:block;}
div.Newslist div.top a span.img{display:block;overflow:hidden;background-size:100% auto; position:relative; background-position:center center;background-repeat:no-repeat;height:3rem; -webkit-animation:breatheBg 6s ease-in-out infinite alternate; animation:breatheBg 6s ease-in-out infinite alternate; -moz-animation:breatheBg 6s ease-in-out infinite alternate; -o-animation:breatheBg 6s ease-in-out infinite alternate; }
div.Newslist div.top a span.img:before{position:absolute;display:inline-block;padding:5px .25rem;color:#fff;background:#03b8df;content:"TOP";font-weight:bold;font-size:.3rem;z-index:2;}
div.Newslist div.top a:hover span.img{background-size:120% auto;transition: all .35s;}
div.Newslist div.top a strong{display:block;font-size:.2rem;white-space:nowrap; overflow:hidden;height:.6rem;line-height:.6rem;width:100%; text-overflow:ellipsis;color:#666666;}
div.Newslist div.top a abbr{display:block;color:#666;line-height:.25rem;}
div.Newslist div.top a span.More{display:inline-block;margin-top:.25rem;}
div.Newslist ul.list{width:52%;}
div.Newslist ul.list li{padding:.2rem 0;border-bottom:1px solid #e6e6e6;position:relative;}
div.Newslist ul.list li:first-child{padding-top:0;}
div.Newslist ul.list li:after{display:block;content:"";position:absolute;left:0;width:0;bottom:-1px;background:#ffe200;height:2px;}
div.Newslist ul.list li:hover:after{width:100%;transition: all .6s;} 
div.Newslist ul.list li a{display:flex;display:inline-flex;justify-content:space-between;width:100%;}
div.Newslist ul.list li a span.date{width:100px; text-align:center;color:#656565;font-size:.15rem;}
div.Newslist ul.list li a span.date p{font-size:.55rem;font-weight:bold;color:#cccccc;line-height:.7rem;}
div.Newslist ul.list li a div.info{width:90%;}
div.Newslist ul.list li a div.info strong{display:block;font-size:.2rem;white-space:nowrap; overflow:hidden;height:.5rem;line-height:.5rem;width:100%; text-overflow:ellipsis;color:#666666;}
div.Newslist ul.list li a div.info abbr{display:block;color:#666;line-height:.25rem;}
div.Newslist ul.list li a:hover div.info strong{color:#03b8df;transition: all .35s;}
div.Newslist ul.list li a:hover span.date p{color:#03b8df;transition: all .35s;}
section#Link{display:flex;display:inline-flex;justify-content:space-between; box-shadow:0 .1rem .1rem rgba(0,0,0,.2);}
section#Link a{display:block;width:50%;position:relative;overflow:hidden;}
section#Link a span{display:flex;display:inline-flex;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;align-items:center;align-content:center;font-size:.4rem;justify-content:center;color:#fff;}
section#Link a span:before{display:inline-block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-size:90% auto;background-position:center center; margin-right:.2rem;}
section#Link a img{max-width:100%;}
section#Link a:nth-child(1) span:before{background-image:url(../index/contact.png);}
section#Link a:nth-child(2) span:before{background-image:url(../index/network.png);}
section#Link a:hover img{ transform:scale(1.1,1.1);transition: all .35s;}
footer{background:url(../index/footer.jpg) top  no-repeat;background-size:100% auto;padding:1rem 0 .3rem;color:#fff;}
footer a{color:#fff;}
#Footer div.FootFix{width:100%;display:flex;display:inline-flex;justify-content:space-between;padding-bottom:.5rem;}
#Footer div.FootFix div.footerCon{width:35%;line-height:.25rem;}
#Footer div.FootFix div.footerCon a.Flogo{display:block;margin-bottom:.4rem;width:50%;}
#Footer div.FootFix div.footerCon img{max-width:100%;}
#Footer div.FootFix ul#Fnav{width:62%;display:flex;display:inline-flex;justify-content:space-between;line-height:.25rem;}
#Footer div.FootFix ul#Fnav>li>a{font-size:.17rem;font-weight:bold;display:block;line-height:.45rem;}
div#bannerImage{width:100%; position:relative;}
div#bannerImage img{max-width:100%;}
.bannerbox{width:100%;height:100%;top:0;position:absolute;left:0;z-index:5;}
.bannerbox .bnbox{position:relative;height:100%;}
.bannerbox .bnbox .txtfix{display:flex;display:inline-flex;width:100%;height:100%;align-items:center;align-content:center;}
.bannerbox .bnbox .txtfix div.tlBgs{border:2px solid #ffe200;height:.75rem;width:4rem; margin-bottom:12%; margin-left:.3rem; position:relative;}
.bannerbox .bnbox .txtfix div.tlBgs h1{font-size:.7rem;position:relative; margin-left:-.2rem; margin-top:-.5rem;color:#636262; text-shadow:0 5px 5px rgba(255,255,255,.3);color:#000000;}
div.product .bnbox .txtfix div.tlBgs h1,div.product_show  .bnbox .txtfix div.tlBgs h1{color:#fff;}
.bannerbox .bnbox .txtfix div.tlBgs span{display:inline-block;background:#02b8df;color:#fff;border-radius:5px;padding:3px .4rem;position:absolute;bottom:-.3rem;left:1.2rem;transform: skewX(-10deg);font-size:.4rem;z-index:3; text-transform:uppercase; font-weight:bold; white-space:nowrap; opacity:.9;}
#Main{position:relative;margin-top:-.4rem;background:#fff; box-shadow:0 .1rem .1rem rgba(0,0,0,.2);z-index:11; padding:.2rem 0 .5rem; margin-bottom:.5rem; }
.NavPath{border-bottom:2px solid #03b1dc;height:.7rem;display:flex;display:inline-flex;width:100%;}
.NavPath h1{margin:0 .2rem;display:block;font-size:.32rem;color:#666666;padding-top:.05rem;}
.NavPath h1:before{display:block;width:5px;height:20px;background:#ffdf00;content:"";display:flex;display:inline-flex;justify-content:space-between; margin-right:.15rem; margin-top:.1rem;}
.NavPath ul.navbar-nav{display:flex;display:inline-flex; }
.NavPath  ul.navbar-nav>li>a{font-size:.15rem; position:relative; height:100%;padding:0 .3rem;line-height:100%;align-items:center;align-content:center;display:flex;display:inline-flex;}
.NavPath  ul.navbar-nav>li{display:flex;display:inline-flex;}
.NavPath  ul.navbar-nav>li>a.active{color:#03b1dc;font-weight:bold;}
.NavPath  ul.navbar-nav>li>a.active:before{display:block;height:.2rem;width:.24rem;content:"";position:absolute;background:#fff;border-top:2px solid #03b1dc;border-left:2px solid #03b1dc;transform: skewX(-140deg); transform:rotate(42deg);bottom:-.12rem;left:42%;}
div.FrameCon{padding:.3rem .3rem 0;line-height:.35rem;font-size:.14rem;}
div.FrameCon img{max-width:100%;}
@media only screen and (max-width:1200px) {
	header div.MenuLogo a.logo{width:28%;}
	div.Nav ul li a{font-size:.2rem;}
	div.Nav{padding:0;width:60%;}
	div.SearchBox{width:15%;}
	#Footer div.FootFix div.footerCon{line-height:.4rem;}
	#Footer div.FootFix ul#Fnav>li{line-height:.4rem;}
	#Footer div.FootFix ul#Fnav>li>a{font-size:.3rem;font-weight:bold;display:block;line-height:.7rem;}
	#Main{margin:.1rem; margin-top:-.3rem;}
	.NavPath ul.nav{display:flex;display:inline-flex; }
    .NavPath ul.navbar-nav>li>a{font-size:.22rem;}
}
@media only screen and (max-width:960px) {
div.SearchBox{display:none;}
div.Nav{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7); z-index:88;align-items:center;align-content:center; text-align:center; overflow:auto;}
div.SearchBox{width:100%;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7); z-index:6;align-items:center;align-content:center; text-align:center;}
div.SearchBox form.formCss{width:80%;margin:0 10%;}
form.formCss input.keys{line-height:40px;font-size:.3rem;}
form.formCss input[name=searBtn]{width:35px;height:35px;}
div.Nav>ul>li{width:100%;}
div.Nav>ul>li a span{display:none;}
header div.MenuLogo a.logo{ position:static;}
header div.MenuLogo{padding:0 .1rem;}
header div.MenuLogo ol#MenuBtn{display:flex;z-index:15; position:absolute;}
header div.MenuLogo ol#MenuBtn.close li{background:#fff; position:absolute; top:.3rem;left:0;}
header div.MenuLogo ol#MenuBtn.close li:nth-child(3){display:none;}
header div.MenuLogo ol#MenuBtn.close li:nth-child(1){transform:rotate(45deg);transform-origin:center center;transition: all .35s;}
header div.MenuLogo ol#MenuBtn.close li:nth-child(2){transform:rotate(-45deg);transform-origin:center center;transition: all .35s;}
div.Nav ul{justify-content:center;color:#fff;flex-direction:column;}
div.Nav ul li a{color:#fff;font-size:.35rem;line-height:1rem;height:1rem;}
div.Nav>ul>li ul{position:static;background:none;}
div.Nav>ul>li ul li a{font-size:.3rem;padding:0;border-bottom:1px solid #333;}
div.Nav>ul>li.pro ul{width:100%;}
header div.MenuLogo a.searbtnA{display:block;position:absolute;width:.4rem;height:.4rem;background:url(../index/searBtn1.png) center no-repeat;background-size:100% 100%;right:1.2rem;margin:-.2rem;top:50%; cursor:pointer;}
#CompView{padding:.5rem;}
#CompView dl.index_company dd.AboutCon{ flex-direction:column; }
#CompView dl.index_company dd.AboutCon div.content{padding:0 0 1rem; max-width:90%;line-height:.42rem;}
#CompView dl.index_company dd.AboutCon div.content:after{width:96%;border:0;}
#CompView dl.index_company dd.AboutCon div.image{width:90%; margin-top:-1rem;}
section#ProView dl.index_Pro dd.lcn .mySwiper{height:650px;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide{height:200px !important}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on{background:#02b8df; height:250px !important}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:hover{background:#02b8df;height:250px !important;transition: all .35s;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on div.box ul,section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even).on div.box ul{display:none;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box img,section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box img{max-width:250px;}
section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on div.box img,section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even).on div.box img{max-width:320px;}
.IndexCase .swiper-slide div.box a span.img{height:3rem;background-size:auto 100%;}
footer{background-size:auto 100%;padding-top:.5rem;}
#Footer div.FootFix div.footerCon{width:100%;line-height:.32rem;}
#Footer div.FootFix ul#Fnav{display:none;}
.bannerbox .bnbox .txtfix div.tlBgs{margin-bottom:2%}
#Main{margin:.2rem; margin-top:-.5rem;}
footer{background-size:100% 100%;}
.NavPath{flex-direction:column;height:auto;border:0;}
.NavPath h1{width:100%;}
.NavPath ul.navbar-nav{height:auto;flex-direction:column;width:100%}
.NavPath ul.navbar-nav>li>a{font-size:.25rem;border-bottom:2px solid #03b1dc;display:block;width:100%;padding:.35rem 0; text-indent:.25rem;}
.NavPath ul.navbar-nav>li>a.active:before{left:.55rem;}
div.FrameCon{line-height:.4rem;font-size:.22rem;}
}
@media only screen and (max-width:640px) {
   header{border-bottom:1px solid #e6e6e6;height:1rem;}
   header div.head_top div.head_mw .headBox{display:none;}
   header div.head_top{height:4px;line-height:4px;}
   #Banner .swiper-button-next, #Banner .swiper-button-prev {width:40px;height:40px;  margin-top:-20px}
   #Banner .swiper-button-prev{ left:.3rem}
   #Banner .swiper-button-next{right:.3rem;}
   section#ProView dl.index_Pro dd.lcn .mySwiper{height:620px;}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide{height:200px !important}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on{background:#02b8df; height:220px !important}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:hover{background:#02b8df;height:220px !important;transition: all .35s;}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box a{font-size:.22rem;}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide div.box img,section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even) div.box img{max-width:220px;}
   section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide.on div.box img,section#ProView dl.index_Pro dd.lcn .mySwiper .swiper-slide:nth-child(even).on div.box img{max-width:280px;}
   div.Newslist{ flex-direction:column;}
   div.Newslist div.top,div.Newslist ul.list{width:100%;}
   div.Newslist div.top{margin-bottom:.5rem;}
   div.Newslist div.top a strong{font-size:.25rem;line-height:.8rem;height:.8rem;}
div.Newslist div.top a abbr{font-size:.2rem; line-height:.33rem;}
div.Newslist div.top a span.More{font-size:.2rem;margin-top:.3rem;}
div.Newslist ul.list li a span.date{width:120px; font-size:.25rem;}
div.Newslist ul.list li a span.date p{font-size:.8rem;line-height:.9rem;}
div.Newslist ul.list li a div.info{width:80%;}
div.Newslist ul.list li a div.info strong{font-size:.25rem;height:.8rem;line-height:.8rem;}
div.Newslist ul.list li a div.info abbr{line-height:.33rem;font-size:.2rem;}
.bannerbox .bnbox .txtfix div.tlBgs{border:2px solid #ffe200;height:.5rem;width:3rem; margin-bottom:2%; margin-left:.3rem; position:relative;}
.bannerbox .bnbox .txtfix div.tlBgs h1{font-size:.5rem;position:relative; margin-left:-.2rem; margin-top:-.35rem;}
.bannerbox .bnbox .txtfix div.tlBgs span{display:inline-block;background:#02b8df;color:#fff;border-radius:5px;padding:3px .4rem;position:absolute;bottom:-.3rem;left:1.2rem;transform: skewX(-10deg);font-size:.3rem;z-index:3; text-transform:uppercase; font-weight:bold; white-space:nowrap; opacity:.9;}
div.FrameCon{font-size:.2rem;}
}
@media only screen and (max-width:450px) {
section#ProView dl.IndexPro dt.tl,section#CaseView dl.IndexCase dt.tl,section#CoopView dl.IndexCoop dt.tl{ background-size:120% auto;}
.bannerbox .bnbox .txtfix div.tlBgs{border:2px solid #ffe200;height:.3rem;width:2rem; margin-bottom:2%; margin-left:.3rem; }
.bannerbox .bnbox .txtfix div.tlBgs h1{font-size:.35rem;margin-left:-.2rem; margin-top:-.3rem;color:#636262;}
.bannerbox .bnbox .txtfix div.tlBgs span{display:inline-block;background:#02b8df;color:#fff;border-radius:5px;padding:3px .4rem;position:absolute;bottom:-.2rem;left:.6rem;font-size:.2rem;z-index:3; opacity:.9;}
}