@import url("public.css");
@import url("animate.min.css");
@import url("swiper.min.css");
@import url("dialog.css");
header{width:100%;background:rgba(77,77,77,.85);display:block; position:absolute;z-index:88;left:0;top:0;}
header:after{width:100%;display:block;height:0;clear:both;content:"";}
div.headerFix{display:flex;display:inline-flex;width:100%;justify-content:space-between;}
div.headerFix a.logo{padding:.28rem .1rem;}
div.headerFix a.logo img{height:.35rem;}
div.headerFix div.Nav{width:72%;}
header 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 ol#MenuBtn{width:.45rem;height:.35rem;padding:.1rem;display:none;}
header ol#MenuBtn li{width:100%;height:.05rem;background:#b29881; margin:.02rem 0;}
header ol#MenuBtn.close li{background:#fff; position:absolute; top:.3rem;left:0;}
header ol#MenuBtn.close li:nth-child(3){display:none;}
header ol#MenuBtn.close li:nth-child(1){transform:rotate(45deg);transform-origin:center center;transition: all .35s;}
header ol#MenuBtn.close li:nth-child(2){transform:rotate(-45deg);transform-origin:center center;transition: all .35s;}
#Nav{width:96%;display:flex;display:inline-flex;height:100%;justify-content:flex-end; }
#Nav>li{position:relative;}
#Nav>li>a{color:#c9c9c9;font-size:.16rem;display:flex;display:inline-flex;padding:0 .35rem;height:100%;justify-content: space-between;align-items:center;margin:0 1px;}
#Nav>li>a:hover,#Nav>li>a.cur{background:#b29881;color:#fff;}
#Nav>li>ul{position:absolute;width:100%;top:100%;left:0;padding:.1rem .2rem; background:linear-gradient(-45deg, transparent 20px,rgba(77,77,77,.7) 0);display:none;}
#Nav>li>ul li a{display:block;padding:.06rem 0;color:#ddd; text-align:left;}
#Nav>li>ul li a:hover{color:#fff;}
#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%; max-height:100vh;}
#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; display:flex;justify-content:center; align-items:center;}
#Banner .pagination .swiper-pagination-bullet{display:inline-block;width:.32rem;height:8px;background:none;margin:0 .05rem;cursor:pointer;opacity:.8;  border-radius:0;background:none;background:#fff;}
#Banner .pagination .swiper-pagination-bullet-active{background:#fff;width:.18rem;height:.18rem;border-radius:50%;}
section#newPro{padding:1rem 0;width:100%;}
section div.h_title{display:flex;display: -webkit-flex;justify-content:center;width:100%;padding-bottom:1rem;align-items:flex-end;}
section div.h_title div.front{font-size:1.45rem;transform:rotate(-90deg) translateY(-.8rem);width:1rem;height:1rem;color:#af977f;}
section div.h_title:after{display:block;content:"";width:.35rem;height:.35rem;background:#af9680;clip-path: polygon(0 0, 100% 0, 0 100%, 0 0); transform:rotate(-90deg) translateX(6PX) translateY(10PX)}
section div.h_title h1{font-size:.42rem;}
section div.h_title h1 p{font-size:.28rem;font-weight:normal;color:#b39883; text-transform:uppercase;}
section div.h_con{width:100%;display:flex;display: -webkit-flex;justify-content:space-between; box-shadow:0 0 5px rgba(0,0,0,.1);background:#fff; align-items:stretch;}
section div.h_con div.h_Plist{background:url(../index/prolistBg.png) no-repeat;max-width:360px; background-position: bottom left;width:35%; display:flex;display: -webkit-flex;flex-direction:column; align-content: space-between;justify-content:space-between;align-items:center;}
section div.h_con div.h_Plist ul{width:100%;flex-direction:column;display:flex;display: -webkit-flex;}
section div.h_con div.h_Plist ul li{border-bottom:1px solid #e9e4de;display:block;padding:.2rem 10%;width:80%;background:#777777;color:#fff;font-size:.25rem; cursor:pointer;}
section div.h_con div.h_Plist ul li p{font-size:.16rem; text-transform:uppercase;}
section div.h_con div.h_Plist ul li.on{background:#b29881;}
section div.h_con div.h_Plist div.HotTel{font-size:.35rem;color:#fff; margin-bottom:.25rem;width:80%;}
section div.h_con div.h_Plist div.HotTel p{font-size:.18rem;}
section div.h_con div.h_ProDetail{width:76%;max-width:1010px;padding:.25rem;}
ul.ProV{width:100%;justify-content:space-between;flex-wrap:wrap;display:none; }
ul.ProV.on{display:flex;display: -webkit-flex;animation:fadeIn .35s;}
ul.ProV li{width:33%;max-width:310px;margin-bottom:.25rem;}
ul.ProV li:first-child a{height:100%; text-align:center;}
ul.ProV li a.img{display:block;position:relative;overflow:hidden;border:1px solid #a6a6a6;}
ul.ProV li a img{max-width:100%;}
ul.ProV li a.img span{position:absolute;left:0;display:inline-block;color:#fff;z-index:2;bottom:.3rem;padding:.1rem .32rem .1rem .22rem;font-size:.2rem;background:linear-gradient(-45deg, transparent 8px,#b29881 0);}
ul.ProV li div.pcon{padding:.1rem 0;overflow:hidden;height:.25rem; white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.15rem;}
ul.ProV li a.more{display:inline-block;border-bottom:1px solid #b29881;color:#b29881;padding:5px 0;}
ul.ProV li:first-child{max-width:660px;width:70%;}
ul.ProV li:first-child img{max-width:100%;}
ul.ProV li a{overflow:hidden; position:relative;display:block;}
ul.ProV li a:hover img{transform:scale(1.1,1.1);transition: all .35s;}
section#ADVbox{width:100%;}
div.adv_View{background:linear-gradient(0, transparent 20%,#e0e0e0 0);width:100%;}
div.adv_View ul.hd{justify-content:space-between;display:flex;display: -webkit-flex; flex-wrap:wrap;}
div.adv_View ul.hd li{width:25%;padding:.45rem 0 .3rem;font-size:.24rem; text-align:center;justify-content:center;display:flex;display: -webkit-flex; align-items:center; cursor:pointer;}
div.adv_View ul.hd li:before{display:block;width:.45rem;height:.45rem; margin-right:.2rem;content:"";}
div.adv_View ul.hd li:nth-child(1):before{background:url(../index/icon3.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li:nth-child(2):before{background:url(../index/icon1.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li:nth-child(3):before{background:url(../index/icon2.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li:nth-child(4):before{background:url(../index/icon4.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li.on:nth-child(1):before{background:url(../index/icon3-1.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li.on:nth-child(2):before{background:url(../index/icon1-1.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li.on:nth-child(3):before{background:url(../index/icon2-1.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li.on:nth-child(4):before{background:url(../index/icon4-1.png) no-repeat;background-size:100% auto;}
div.adv_View ul.hd li.on{background:#b29881;color:#fff;}
div.adv_View div.bd{padding:.45rem 0;display:block;width:100%;}
div.adv_View div.bd div.gridfix{width:100%; position:relative;padding-bottom:5px;display:none;}
div.adv_View div.bd div.gridfix:after{display:block;content:"";width:100%; clear:both;height:2px;}
div.adv_View div.bd div.gridfix.on{display:block;}
div.adv_View div.bd div.gridfix div.boxs{position:absolute;width:100%;height:100%;left:0;top:0;}
div.adv_View div.bd div.gridfix div.left_box{max-width:485px;background:#fff;height:calc(100% - 5px);padding:0;width:50%; box-shadow:0 0 5px rgba(0,0,0,.1)}
div.adv_View div.bd div.gridfix  div.Lbox{height:100%;}
div.adv_View div.bd div.gridfix div.left_box{display:flex;display: -webkit-flex;flex-direction:column; padding:0;}
div.adv_View div.bd div.gridfix div.left_box:before{display:block;width:100%;height:.5rem;content:"";}
div.adv_View div.bd div.gridfix div.left_box div.tit{padding:3px .3rem;border-left:.1rem solid #b29881;color:#818181; position:relative; text-transform:uppercase;}
div.adv_View div.bd div.gridfix div.left_box div.tit:after{display:block;width:.4rem;height:.4rem;transform: rotate(45deg);background:#fff;position:absolute;top:.2rem;right:-.2rem;content:""; }
div.adv_View div.bd div.gridfix div.left_box div.tit h1{font-size:.35rem;color:#333;display:block;padding:5px 0;}
div.adv_View div.bd div.gridfix div.left_box div.lcn{padding:.3rem .4rem;color:#4d4d4d;font-size:.14rem;line-height:.3rem;}
div.adv_View div.bd div.gridfix div.left_box a.more{display:inline-block;border:1px solid #797979;margin:0 .4rem;width:100px; text-align:center;height:30px;line-height:30px;position:relative }
div.adv_View div.bd div.gridfix div.left_box a.more:after{display:block;width:20px;height:20px;position:absolute;right:-11px;top:-11px;border-bottom:1px solid #797979;background:#fff;content:"";transform: rotate(45deg);}
div.adv_View div.bd div.gridfix div.Image{width:63%; float:right;}
div.adv_View div.bd div.gridfix div.Image img{width:100%;}
div.boxbg{background:url(../index/bgImage.jpg) top no-repeat; background-size:auto 100%;}
section#CaseView{padding:1rem 0;width:100%;}
section#CaseView div.BoxCon{padding:0;}
section#CaseView div.BoxCon div.flexBox{display:flex;display: -webkit-flex;justify-content:space-between;width:100%;flex-wrap:wrap;}
section#CaseView div.BoxCon div.flexBox a{width:32%;max-width:458px;display:block; position:relative; margin-bottom:.3rem; position:relative;overflow:hidden;}
section#CaseView div.BoxCon div.flexBox a img{max-width:100%;}
section#CaseView div.BoxCon div.flexBox a:hover img{transform:scale(1.1,1.1);transition: all .35s;}
section#CaseView div.BoxCon div.flexBox a:first-child{width:66%;max-width:950px;}
section#CaseView div.BoxCon div.flexBox a span{display:flex;display: -webkit-flex;bottom:0;left:0;position:absolute;z-index:2;background:rgba(0,0,0,.6);width:96%;padding:.25rem 2%;color:#fff;font-size:.2rem;}
section#CaseView div.BoxCon div.flexBox a span:after{display:block;width:20px;height:20px; margin-left:8px;content:">";}
section#CompView {padding-bottom:1rem;}
section#CompView div.CompFlex{display:flex;display: -webkit-flex;justify-content:space-between;}
section#CompView div.CompFlex div.CompImg{display:flex;display: -webkit-flex;justify-content:space-between;max-width:640px;}
section#CompView div.CompFlex div.CompImg img{max-width:100%;}
section#CompView div.CompFlex div.CompCon{width:50%;display:flex;display: -webkit-flex;flex-direction:column;}
section#CompView div.CompFlex div.CompCon div.Content{line-height:.35rem;font-size:.17rem;}
section#CompView div.CompFlex div.CompCon a.more{display:inline-block;border:1px solid #797979;margin:.3rem 0;width:100px; text-align:center;height:30px;line-height:30px;position:relative }
section#CompView div.CompFlex div.CompCon a.more:after{display:block;width:20px;height:20px;position:absolute;right:-11px;top:-11px;border-bottom:1px solid #797979;background:#fff;content:"";transform: rotate(45deg);}
section#CompView div.CompFlex div.CompCon div.aBoutlist{width:90%;display:flex;display: -webkit-flex;justify-content:space-between;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a{width:20%; text-align:center;line-height:.65rem;font-size:.16rem;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a span{display:inline-block;margin:.05rem auto;background:#fff;border-radius:50%;width:.8rem;height:.8rem; box-shadow:0 0 5px rgba(0,0,0,.1);padding:.3rem; overflow:hidden;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a span img{max-width:100%;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a:hover span img{transform:scale(1.1,1.1);transition: all .35s;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a:hover span{ box-shadow:0 0 5px rgba(0,0,0,.2)}
section#CompView div.CompFlex div.CompCon div.aBoutlist a em{ text-decoration:none;display:block; font-style:normal;}
div.Compbg{background:#b29881;width:100%;padding:.5rem 0; }
ul.CompData{display:flex;display: -webkit-flex;justify-content:center;width:98%;align-items:center; flex-wrap:wrap;}
ul.CompData li{width:24%;}
ul.CompData li div.C_Num{font-size:.55rem;line-height:.65rem;color:#fff;}
ul.CompData li div.C_Num strong{font-weight:normal;}
ul.CompData li abbr{display:block;clear:both;line-height:.35rem;font-size:.18rem;}
section#NewsView{padding:1rem 0 .6rem;}
section#NewsView div.h_NewsList{display:flex;display: -webkit-flex;flex-wrap:wrap;}
section#NewsView div.h_NewsList a{display:block;width:27%;padding:2%;border:1px solid #e5e5e5;margin:1%;padding-bottom:.8rem; position:relative;}
section#NewsView div.h_NewsList a span.Pname{display:block;font-size:.24rem;padding:.2rem 0;color:#b2987f;}
section#NewsView div.h_NewsList a strong{display:block;padding:.1rem 0; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;width:100%;font-size:.18rem;color:#333;font-weight:normal;}
section#NewsView div.h_NewsList a div.con{padding:.1rem 0;color:#666;}
section#NewsView div.h_NewsList a div.time{color:#5f3914;}
section#NewsView div.h_NewsList a span.more{display:inline-block;position:absolute;right:0;bottom:0;border:1px solid #e5e5e5;padding:.1rem .32rem;border-bottom:0; border-right:0;}
section#NewsView div.h_NewsList a span.more:before{display:block;position:absolute;top:-11px;left:-11px;border-bottom:1px solid #e5e5e5;transform: rotate(-45deg);width:20px;height:20px;content:"";background:#fff;}
section#NewsView div.h_NewsList a:hover{background:#b29881;}
section#NewsView div.h_NewsList a:hover span.Pname{color:#fff;}
section#NewsView div.h_NewsList a:hover strong{color:#fff;}
section#NewsView div.h_NewsList a:hover div.con{color:#f5f5f5;}
section#NewsView div.h_NewsList a:hover div.time{color:#eee;}
section#NewsView div.h_NewsList a:hover span.more{background:#fff;}
section#NewsView div.h_NewsList a:hover span.more:before{background:#b29881;display:none;}
#Footer{width:100%;padding:.6rem 0 .1rem;background-color:#b29881;}
.footFlex{width:100%;display:flex;display: -webkit-flex;justify-content:space-between; border-bottom:1px solid #897563;padding-bottom:.6rem;}
.footFlex .footLeft{width:30%;display:flex;display: -webkit-flex;justify-content:space-between;flex-direction:column;}
.footFlex .footLeft .flogoImg{ margin-bottom:.5rem;}
.footFlex .footLeft .flogoImg img{max-width:60%;}
.footFlex .footLeft .footContact{color:#fff;line-height:.25rem;font-size:.14rem;}
.footFlex .footLeft .footContact strong.Comapny{font-size:.24rem;line-height:.35rem;}
.footFlex .footLeft .footContact strong.Comapny span{font-size:.16rem;display:block}
#FNav{width:65%;display:flex;display: -webkit-flex;justify-content:space-between;}
#FNav a{color:#fff;}
#FNav>li>a{font-size:.2rem;display:block;padding:.1rem 0;font-weight:bold;}
#FNav>li ul li a{display:block;padding:5px 0;color:#e5e5e5;}
#FNav>li ul li a:hover{color:#fff;}
div.copyright{color:#fff;padding:.1rem 0;font-size:.13rem;}
div.copyright a{color:#f2f2f2;padding:0 .1rem;}
#Banners{position:relative; border-bottom:.2rem solid #b29881;}
#Banners img{max-width:100%;}
#Banners .bannerPa{position:absolute;width:100%;height:100%;left:0;z-index:2;top:0;}
#Banners .bannerPa .topWap{position:relative;height:100%;}
#Banners .bannerPa .topWap div.bflex{display:flex;display: -webkit-flex;justify-content:center;position:relative;height:100%;width:96%;flex-direction:column;padding:0 2%;color:#fff;font-size:.4rem;}
#Banners .bannerPa .topWap div.bflex h1{ letter-spacing:4px;}
#Banners .bannerPa .topWap div.bflex p{display:flex;display: -webkit-flex; align-items:flex-end; text-transform:uppercase;}
#Banners .bannerPa .topWap div.bflex p:after{display:block;content:"";width:.4rem;height:.4rem;background:#fff;clip-path: polygon(0 0, 100% 0, 0 100%, 0 0); transform:rotate(-90deg) translateX(6PX) translateY(10PX); margin-left:.1rem;}
section#Main{ background:linear-gradient(-45deg, transparent 50px,rgba(255,255,255,1) 0);box-shadow:0 0 5px rgba(0,0,0,.3); margin-top:-.8rem; position:relative;padding:0; margin-bottom:.5rem; z-index:66;}
section#Main:after{display:block;content:"";width:.5rem;height:.5rem;background:url(../index/liEnd.jpg) no-repeat;background-size:100% auto;position:absolute;bottom:-5px;right:-5px;}
div.MainFlex{display:flex;display: -webkit-flex;justify-content:space-between;}
div#nList{width:35%;max-width:360px; background:url(../index/leftbg.jpg) #9ccafc bottom no-repeat;background-size:100% auto; padding-bottom:1rem;}
div#nList.Pro{background:rgba(0,0,0,.3);}
div#nList ul{background:rgba(0,0,0,.3);}
div#nList ul li a{display:block;border-top:1px solid #637f9e;display:flex;display: -webkit-flex;width:80%;padding:5% 10%;color:#fff;flex-direction:column;font-size:.22rem;}
div#nList.Pro ul li a{border-color:#999999}
div#nList ul li:first-child a{border:0;}
div#nList ul li a span{font-size:.16rem; font-weight:normal;padding:5px 0 0; font-family:'Urbanist',sans-serif; text-transform:uppercase;}
div#nList ul li a.cur,div#nList ul li a:hover{background-color:rgba(178,152,129,.8);}
DIV.ProlistBtn,a.colseBtn{display:none;}
div.ProLeft{width:35%;max-width:360px; background:#777777;background-size:100% auto; padding-bottom:1rem;}
div#pList{width:100%;max-width:380px;}
div#pList ul li a{display:block;border-bottom:1px solid #666;display:flex;display: -webkit-flex;width:84%;padding:5% 8%;color:#fff;flex-direction:column;font-size:.18rem;}
div#pList ul li a span{font-size:.16rem; font-weight:normal;padding:5px 0 0; font-family:'Urbanist',sans-serif; text-transform:uppercase;}
div#pList ul li a.cur,div#pList ul li a:hover{background-color:rgba(178,152,129,.8);}
div#pList ul li ul{display:none;}
div#pList ul li ul li>a{font-size:.16rem;background:rgba(255,255,255,.2);border-color:#777;padding:4.2% 8%; text-indent:10px;}
div#pList ul li ul li ul li a{font-size:.14rem;text-indent:.2rem;background:rgba(255,255,255,.4);padding:3.5% 8%;border-color:#999797;}
div.FrameView{padding:2%;width:69%;}
div.FrameView div.TitL{font-size:.25rem;font-weight:bold;padding-bottom:.5rem;background:url(../index/titbg.png) bottom left no-repeat;background-size:auto 40%;}
div.FrameView div.ViewContact{padding:.3rem  0 .5rem;line-height:.38rem;color:#333333;font-size:.15rem;}
div.FrameView div.ViewContact div.AboutImg img{max-width:100%;}
div.FrameView div.ViewContact div.AboutImg{padding:.3rem 0;}
div.FrameView div.ViewPro{padding:0 0 .5rem;line-height:.38rem;color:#333333;font-size:.15rem;}
ul#MapTree{display:flex;display: -webkit-flex;width:100%;flex-direction:column;}
ul#MapTree ul.ProlistView{display:flex;display: -webkit-flex;width:100%; flex-wrap:wrap; box-sizing:border-box;}
ul#MapTree>li ul{border:1px solid #e1e1e1;padding:5px;}
ul#MapTree>li>a{font-size:.22rem;padding:.1rem 0;display:block;}
ul#MapTree>li>ul>li>a{font-size:.16rem; text-indent:.1rem;display:block;}
ul#MapTree>li>ul li.Parent>a,a.mcls{font-size:.18rem;padding:.15rem 0;display:block;}
ul#MapTree ul.ProlistView li.ProA{width:33%;}
ul#MapTree ul.ProlistView li.ProA a{display:block;margin:5px;line-height:.32rem;height:.32rem; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; border-bottom:1px solid #e9e9e9; text-indent:10px;background:url(../index/con_icon.jpg) left no-repeat;}
ul.sonNav{display:flex;display: -webkit-flex;width:100%; flex-wrap:wrap;}
ul.sonNav li{width:25%;}
@media only screen and (max-width:1440px) {
 section div.h_con div.h_Plist{max-width:auto;width:30%;}
 ul.ProV li:first-child{max-width:auto;width:65%;}
 ul.ProV li{width:31%;max-width:auto;}
 div.adv_View div.bd div.gridfix{ overflow:visible;}
 div.adv_View div.bd div.gridfix div.Image{max-width:auto;width:68%;}
 div.adv_View div.bd div.gridfix div.Image img{width:100%;}
 div.adv_View div.bd div.gridfix div.left_box{max-width:auto;padding:0;width:35%; }
 div.adv_View div.bd div.gridfix div.left_box div.lcn{font-size:.2rem;line-height:.45rem;}
 section#CompView div.CompFlex div.CompImg {width:45%;}
 section#CompView div.CompFlex div.CompCon div.Content{font-size:.23rem;line-height:.4rem;}
 div#nList{width:26%;max-width:100%;}
 div.FrameView div.TitL{font-size:.36rem;}
 div.FrameView div.ViewContact{font-size:.22rem;line-height:.5rem;font-size:.18rem;}
}
@media only screen and (max-width:1200px) {
 div.ProLeft,div#nList{width:30%;max-width:300px;}
 div#pList ul li a{font-size:.2rem;}
 div.FooterBox{padding:0 .1rem;width:96%;}
}
@media only screen and (max-width:960px) {
 header{position:fixed;z-index:888;}
 div.Nav{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7); z-index:8;align-items:center;align-content:center; text-align:center; overflow:auto;}
 div.headerFix div.Nav{width:100%;}
 header ol#MenuBtn{display:flex;z-index:15; position:absolute;}
 #Nav{width:100%;justify-content:flex-start;flex-direction:column;height:80vh; overflow:auto;}
 #Nav>li>a{font-size:.4rem;padding:.15rem 4%;width:90%; margin:0 0;align-items: flex-start; height:auto;}
 #Nav>li>ul{ position:static;width:90%;padding:.2rem 5%;}
 #Nav>li>ul li a{font-size:.22rem;padding:.15rem 0;}
 div.adv_View div.bd div.gridfix div.left_box{max-width:300px;width:50%;}
 div.adv_View div.bd div.gridfix div.left_box div.lcn{font-size:.22rem;line-height:.36rem;}
 div.adv_View div.bd div.gridfix div.Image{width:90vw;}
 section#CompView div.CompFlex div.CompCon div.aBoutlist{width:96%;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a{width:24%; }
section#CompView div.CompFlex div.CompCon div.aBoutlist a span{margin:.05rem auto;width:.5rem;height:.5rem;padding:.25rem;}
section#CaseView{width:96%;padding:1% 2%;}
ul.CompData li{width:49%;}
#Footer{padding-bottom:.25rem;}
.footFlex{flex-direction:column; padding-bottom:.4rem;}
.footFlex .footLeft{width:96%;padding:0 2%;}
.footFlex .footLeft .flogoImg img{max-width:200px;width:100%;}
.footFlex .footLeft .footContact strong.Comapny{font-size:.4rem;line-height:.5rem;}
.footFlex .footLeft .footContact strong.Comapny span{font-size:.26rem;display:block}
.footFlex .footLeft .footContact{line-height:.4rem;font-size:.2rem;}
div.copyright{color:#fff;padding:.2rem .2rem;font-size:.16rem;}
ul#FNav{display:none;}
#Banners .bannerPa .topWap div.bflex{padding:.8rem 2% 0;height:80%;}
#Banners .bannerPa .topWap div.bflex{font-size:.34rem;}
section#Main{margin:-30px .1rem .8rem;}
div.MainFlex{flex-direction:column;}
div#nList{width:100%;max-width:100%;padding:0;}
div#nList ul{width:100%;display:flex;display: -webkit-flex;flex-wrap:wrap;}
div#nList ul li{width:25%;}
div#nList ul li a{border:0;}
div.FrameView{padding:2%;width:96%; padding-top:.5rem;}
div.FrameView div.TitL{font-size:.36rem;}
DIV.ProlistBtn{padding:.5rem .2rem .2rem; text-align:right; display:block;}
a.colseBtn{display:block;padding:.1rem .2rem;background:#777777;color:#fff;position:absolute;top:10vh;right:.2rem;font-size:.26rem;}
DIV.ProlistBtn a.ProbTN{display:inline-block;padding:.15rem .4rem;font-size:.36rem;border:1px solid #e8e8e8;}
div.ProLeft{background:rgba(0,0,0,.9);padding-bottom:0rem; position:fixed;width:100%;top:0;left:0;z-index:1000;max-width:100%;height:100%;display:none;}
div#pList{width:100%;max-width:100%;height:88vh; margin-top:10vh; display:flex;display: -webkit-flex;justify-content:center;}
div#pList ul.mlist{max-width:76%;width:100%;background:#777777;overflow:auto;}
div#pList ul.mlist li a{font-size:.3rem;padding:.2rem 5%; width:90%;}
div#pList ul.mlist li ul{display:none;}
div#pList ul.mlist li ul li>a{font-size:.26rem;}
div#pList ul.mlist li ul li ul li a{font-size:.22rem;}
}
@media only screen and (max-width:640px) {
div.headerFix a.logo{padding:.25rem .1rem;}
div.headerFix a.logo img{height:.3rem;}
section div.h_con{flex-direction:column;}
section div.h_con div.h_Plist{width:100%;flex-direction:row; max-width:100%;justify-content:space-between; background-size:100% auto;}
section div.h_con div.h_Plist div.HotTel {width:4.2rem;padding:0 .25rem; margin-bottom:0}
section div.h_con div.h_Plist ul{flex-direction:row;}
section div.h_con div.h_Plist ul li{border-bottom:0;padding:.3rem 5%;background:rgba(77,77,77,.8);}
section div.h_con div.h_ProDetail{width:100%;max-width:100%;padding:0; margin:.25rem 0;}
ul.ProV{width:96%;padding:0 2%;}
div.adv_View div.bd div.gridfix div.left_box:before{height:.05rem;}
div.adv_View div.bd div.gridfix div.left_box div.tit:after{top:-.68rem;left:.28rem;right:auto;}
div.adv_View div.bd div.gridfix div.left_box{background:rgba(255,255,255,.98);max-width:100%;width:100%; padding:.5rem 0;}  
div.adv_View div.bd div.gridfix div.Image{width:100%; float:none;}
div.adv_View ul.hd li{width:50%;}
div.adv_View div.bd div.gridfix div.boxs{position:relative; margin-top:-.6rem; z-index:8;}
section#CompView div.CompFlex div.CompCon div.aBoutlist a em,div.adv_View div.bd div.gridfix div.left_box a.more{font-size:.22rem;}
section#CompView div.CompFlex{flex-direction:column;}
section#CompView div.CompFlex div.CompImg{max-width:100%;width:100%;}
section#CompView div.CompFlex div.CompCon{width:100%;padding-top:.5rem;  }
section#CompView div.CompFlex div.CompCon a.more{margin-left:70%;font-size:.22rem;}
section#NewsView div.h_NewsList a{width:43%;padding:2%; padding-bottom:1rem;}
section#NewsView div.h_NewsList a span.Pname{font-size:.28rem;}
section#NewsView div.h_NewsList a strong{font-size:.25rem;}
section#NewsView div.h_NewsList a div.con{font-size:.22rem;line-height:.38rem;}
section#NewsView div.h_NewsList a div.time{font-size:.21rem;padding:.1rem 0;}
section#NewsView div.h_NewsList a span.more{font-size:.22rem;}
div#nList ul li{width:50%;}
#Banners .bannerPa .topWap div.bflex{padding:.5rem 2% 0}
div.FrameView div.TitL{font-size:.4rem;}
ul#MapTree ul.ProlistView li.ProA{width:50%;}
ul#MapTree>li>a{font-size:.3rem;padding:.1rem 0;display:block;}
ul#MapTree>li>ul>li>a{font-size:.26rem;}
ul#MapTree>li>ul li.Parent>a{font-size:.22rem;}
div.FrameView div.ViewContact{font-size:.22rem;}
ul.selTyc li{flex-direction:column;}
ul.selTyc li label{font-size:.24rem; text-align:left;padding:8px 0;}
ul.selTyc li div{font-size:.2rem;}
}
@media only screen and (max-width:540px) {
 section div.h_con div.h_ProDetail{padding:0;}
 ul.ProV{padding:2%;width:96%;}
 ul.ProV li:first-child{max-width:auto;width:100%;}
 ul.ProV li{width:48%;}
 ul.ProV li a.more,ul.ProV li div.pcon{display:none;}
 section#CaseView div.BoxCon div.flexBox a{width:48%;}
section#CaseView div.BoxCon div.flexBox a:first-child{width:100%;}
 section#NewsView div.h_NewsList a{width:93%;padding:2%; padding-bottom:1rem;}
}