@import url("public.css");
@import url("animate.min.css");
@import url("swiper.min.css");
@import url("aos.css");
header{position:relative;width:100%; box-shadow:0 0 5px rgba(0,128,193,.3);background:#fff; z-index:999;}
header:after{display:block;content:"";width:100%; clear:both;height:0;}
.hTop{background:#0080c1;line-height:.22rem;color:#f2f2f2; border-bottom:1px solid #bfd3eb;}
header .topWap{display:flex;justify-content:space-between;padding:.08rem .1rem;width:100%; box-sizing:border-box;}
.hTop .welcome  .linkTop{display:inline-block;}
.hTop  a{color:#f2f2f2;padding:0 .08rem;}
.hTop  a:hover{color:#fff;}
.hTop .langContact{display:flex;justify-content:space-between;}
div.langContact div.tel{padding-left:10px;}
div.langContact div.tel span{color:#f2f2f2;}
div.langContact div.tel strong{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:.16rem;}
#Header{padding:.1rem .1rem;}
#Header a.logo{display:flex;align-items:center;}
#Header .logoImg{max-width:180px;}
#Menu,form#hsearch{display:flex;justify-content:space-between;align-items:center;}
form#hsearch input.keys{height:20px;line-height:20px;font-size:.13rem;border:1px solid #ddd; border-right:0; padding-left:5px; border-radius:3px 0 0 3px; }
form#hsearch input[type=image]{height:16px;background:#0080c1;padding:4px 6px; border-radius:0 3px 3px 0;}
#Menu .BtnArea{display:none;}
#Menu .BtnArea a.menuBtn,#Menu .BtnArea a.SeaBtn{display:inline-block;width:.5rem;height:.5rem;position:relative; margin-left:.12rem;}
#Menu .BtnArea a.SeaBtn{background:url(../index/sBtn.gif) center center no-repeat;background-size:90% auto;}
#Menu .BtnArea a.SeaBtn.on{background-image:url(../index/sBtnhover.gif);}
#Menu .BtnArea a.menuBtn:before,#Menu .BtnArea a.menuBtn:after{display:block;height:3px;width:80%;background:#454545;border-radius:3px; content:"";position:absolute;left:50%;margin-left:-40%;}
#Menu .BtnArea a.menuBtn:before{top:35%;}
#Menu .BtnArea a.menuBtn:after{top:60%;}
#Menu menu{padding:0 .22rem;}
#Menu menu a.closeBtn{display:none;}
ul#Nav{display:flex;justify-content:space-between;align-items:center;}
ul#Nav>li{position:relative;margin:0 20px;}
ul#Nav>li>a{display:flex;justify-content:space-between;font-size:16px; padding:.24rem 0;border-bottom:2px solid #fff;font-weight:bold;}
ul#Nav>li>a.cur{border-bottom:2px solid #0080c1;}
ul#Nav>li>a.cur:before{left:0;}
ul#Nav>li>a.cur:after{right:0;}
ul#Nav>li>a.cur{color:#3398ce;}
ul#Nav>li ul{width:240px;}
ul#Nav li ul{position:absolute;top:100%;left:0;background:#fff;display:none;box-sizing:border-box; box-shadow:0 5px 5px rgba(18,121,180,.3);}
ul#Nav li ul li a{display:block;line-height:22px;padding:8px .1rem; border-bottom:2px solid #e5e5e5;font-size:14px;}
ul#Nav li ul li a:hover{background:#3398ce;color:#fff;}
#Banner{clear:both;margin-top:0;border-bottom:6px solid #a8a8a8; 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;width:100%;}	
#Banner .swiper-slide a.phoneimg{display:none;}
#Banner .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:4%;z-index:6; display:flex;justify-content:center; align-items:center;}
.draw_h{ width:20px !important; height:20px !important; line-height:20px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h:hover .icon{ fill:#0081cc;}
.dotbox{ position: absolute; left: 0; bottom: .4rem; width: 100%; height: 20px; z-index: 111;}
.dotbox .dots{ width:20px !important; height:20px !important; display: inline-block; background: none; opacity: 1; margin-right: 7px; }
.dotbox .dots:before{ border: 0; background: #fff; transform: scale(.4);}
.dotbox .dots svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1.5;    
	stroke-dasharray: 0 , 62.8;
	stroke-dashoffset:62.8;
}
.dots.swiper-pagination-bullet-active svg.drawcircle circle { animation: svgrotate 6.2s forwards;}
@-webkit-keyframes svgrotate {
    0% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray: 0 , 62.8;
        stroke-dashoffset:62.8;}
    100% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray:62.8 , 0;
        stroke-dashoffset:62.8; }
}
section#AboutView{width:100%; display:flex;justify-content:space-between; justify-content:flex-end;}
div.CompImg{max-width:50%;}
div.CompImg img.AboutImage{max-width:100%;}
div.AboutCon{width:50%;margin-right:.65rem; max-width:620px;padding:.8rem .1rem;}
div.AboutCon .title{border-left:.07rem solid #0080c1; padding-left:.15rem;}
div.AboutCon .title h1{font-size:.25rem;}
div.AboutCon .title p{font-size:.3rem;font-family:'Urbanist';}
div.AboutCon .Instrs{margin:.32rem 0 .3rem;line-height:24px;color:#7a7a7a;font-size:14px;}
div.AboutCon a.more{display:inline-block;padding:.07rem .2rem;background:#0080c1;color:#fff;font-size:.14rem;border-radius:2em 2em;}
div.AboutCon ul.Alist{display:flex;justify-content:space-between;font-size:.15rem;margin:.8rem 0 0;}
div.AboutCon ul.Alist li{border-left:2px solid #ccc;padding-left:.15rem;width:30%;}
div.AboutCon ul.Alist li span{display:block;color:#000;font-size:.14rem;}
div.AboutCon ul.Alist li strong{font-size:.4rem; margin-right:5px;color:#007fc2;}
section#ProView{background:url(../index/probg.jpg) top center #f1f1f1 no-repeat; background-size:100% auto; padding:.65rem 0;}
section#ProView div.title{display:flex;justify-content:space-between;width:100%;align-items:flex-end;}
section#ProView div.title div.tl{border-left:.07rem solid #0080c1; padding-left:.15rem;}
section#ProView div.title div.tl h1{font-size:.25rem;color:#0080c1; }
section#ProView div.title div.tl p{font-size:.3rem;color:#4d4d4d;font-family:'Urbanist';}
section#ProView div.title a.more{display:inline-block;padding:.07rem .2rem;background:#0080c1;color:#fff;font-size:.12rem;border-radius:2em 2em;}
section#ProView div.Pcon{ margin:.45rem 0 .25rem;}
.HotView {background:url(../index/hotPro.jpg) top center no-repeat;background-size:100% auto;padding:.5rem .6rem .65rem;height:3rem; position:relative;display:flex;justify-content:space-between;}
.HotView .proTitle{width:35%; display:flex;justify-content:space-between;align-content:space-between;flex-direction:column;}
.HotView .proTitle div.tl h1{font-size:.26rem;color:#3fa0e7;line-height:.45rem;font-weight:normal;}
.HotView .proTitle div.tl p{font-size:.25rem; font-family:Arial, Helvetica, sans-serif;color:#1f1f1f;font-family:'Urbanist';}
.HotView .proTitle a.more{width:32px;}
.HotView .proTitle a.more img{max-width:100%;}
.HotView .ProImg{max-width:50%; display:flex; align-items:flex-end;}
.HotView .ProImg img{max-width:100%; max-height:100%;}
#ProBox {position:relative;width:100%; padding-bottom:.8rem;}
#ProBox li.swiper-slide a{ display:block;background:url(../index/pbg.jpg) center center no-repeat; box-shadow:0 .1rem .1rem rgba(0,0,0,.15);padding:.3rem .35rem .2rem;max-width:382px; box-sizing:border-box;margin:.1rem;}
#ProBox li.swiper-slide a div.ptl{min-height:1.2rem;}
#ProBox li.swiper-slide a:hover img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
#ProBox li.swiper-slide a strong{color:#3fa0e7;font-size:.2rem;display:block;font-weight:normal;}
#ProBox li.swiper-slide a span{color:#1d2120;font-size:.16rem;display:block; margin-bottom:.25rem;font-family:'Urbanist';}
#ProBox div.swiper-scrollbar{height:10px;border-radius:0;background:#a8a8a8; position:absolute;width:100%;bottom:.15rem;}
#ProBox div.swiper-scrollbar .swiper-scrollbar-drag{height:10px;border-radius:0;background:#0080c1; position:relative; display:flex;justify-content:center;}
#ProBox div.swiper-scrollbar .swiper-scrollbar-drag:before{display:block;width:28px;height:28px;background:url(../index/arrow.png) no-repeat;background-size:100% auto; position:relative;margin-top:-10px;content:"";}
#ProBox li.swiper-slide a div.img{ text-align:right;display:block;overflow:hidden;width:100%;}
#ProBox li.swiper-slide a div.img img{max-width:100%;height:250px;}
#areaView {background-color:#f1f1f1;}
#areaView div.mw{padding:.5rem .1rem;}
#areaView div.title{display:flex;justify-content:space-between;width:100%;align-items:flex-end;}
#areaView div.title div.tl{border-left:.07rem solid #0080c1; padding-left:.15rem;}
#areaView div.title div.tl h1{font-size:.25rem;color:#0080c1;}
#areaView div.title div.tl p{font-size:.3rem;color:#4d4d4d;font-family:'Urbanist';}
#areaView div.title a.more{display:inline-block;padding:.07rem .2rem;background:#0080c1;color:#fff;font-size:.12rem;border-radius:2em 2em;}
#areaView .List{display:flex;width:100%; flex-wrap:wrap;padding-top:.5rem;}
#areaView .List li{width:33%;max-width:400px;}
#areaView .List li a{position:relative;display:block;}
#areaView .List li a img{max-width:100%;}
#areaView .List li a div.pa{top:0;left:0;bottom:0;right:0;padding:.25rem;position:absolute;z-index:6;background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;flex-direction:column;}
#areaView .List li a div.pa strong{display:block;padding:.05rem 0;color:#3fa0e7;font-size:.22rem;text-align:center; font-weight:normal;}
#areaView .List li a div.pa span{font-family:'Urbanist';font-size:.15rem;}
#areaView .List li:nth-child(even) a div.pa{background:#0080c1;}
#areaView .List li:nth-child(even) a div.pa strong,#areaView .List li:nth-child(even) a div.pa span{color:#fff;}
#areaView .List li a:hover div.pa{ opacity:0;transition: all .35s;}
#NewsView{width:100%;padding:.5rem 0;}
.newsV div.title{display:flex;justify-content:space-between;width:100%;align-items:flex-end;}
.newsV div.title div.tl{border-left:.07rem solid #0080c1; padding-left:.15rem;}
.newsV div.title div.tl h1{font-size:.25rem;color:#0080c1;}
.newsV div.title div.tl p{font-size:.3rem;color:#4d4d4d;font-family:'Urbanist';}
.newsV div.title a.more{display:inline-block;padding:.07rem .2rem;background:#0080c1;color:#fff;font-size:.12rem;border-radius:2em 2em;}
#newsBox {position:relative;width:100%; padding-bottom:.8rem;margin-top:.5rem;}
#newsBox li.swiper-slide a{display:block;max-width:369px; box-sizing:border-box;padding:.15rem;margin:.15rem; box-shadow:3px 3px 3px rgba(0,0,0,.2);height:auto; overflow:hidden;}
#newsBox li.swiper-slide a div.img{display:block;overflow:hidden;}
#newsBox li.swiper-slide a div.img img{max-width:100%;}
#newsBox li.swiper-slide a:hover img{-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
#newsBox li.swiper-slide a strong{color:#000;font-size:15px;display:block; margin:.08rem 0; white-space:nowrap;width:100%;height:.4rem;line-height:.4rem; overflow:hidden; text-overflow:ellipsis;font-weight:400;}
#newsBox li.swiper-slide a div.node{color:#666;font-size:13px;display:block;line-height:22px; margin-bottom:.23rem;}
#newsBox li.swiper-slide a span.more{display:inline-block;padding:.07rem .2rem;background:#0080c1;color:#fff;font-size:.12rem;border-radius:2em 2em; float:right;}
#newsBox div.swiper-scrollbar{height:10px;border-radius:0;background:#a8a8a8; position:absolute;width:100%;bottom:.15rem;}
#newsBox div.swiper-scrollbar .swiper-scrollbar-drag{height:10px;border-radius:0;background:#0080c1; position:relative; display:flex;justify-content:center;}
#newsBox div.swiper-scrollbar .swiper-scrollbar-drag:before{display:block;width:28px;height:28px;background:url(../index/arrow.png) no-repeat;background-size:100% auto; position:relative;margin-top:-10px;content:"";}
#newsBox li.swiper-slide a div.img{ text-align:right;}
#newsBox li.swiper-slide a div.img img{max-width:100%;}
#newsBox li.swiper-slide a:hover span.more{background:#333;}
#newsBox li.swiper-slide a:hover strong{color:#0080c1;}
section#advantage{padding:.5rem 0;}
.gridView{display:flex;justify-content:space-between;width:100%; box-shadow:5px 5px 5px rgba(0,0,0,.25);background:#e7e7e7;}
.gridView div.Image{width:50%;max-width:650px; position:relative;}
.gridView div.Image img{max-width:100%;}
.gridView div.Image div.title{position:absolute;top:0;left:0;bottom:0;right:0;padding:.5rem;color:#fff;}
.gridView div.Image div.title h1{font-size:23px;font-weight:normal;padding:.1rem 0;}
.gridView div.Image div.title p{display:block;width:70%;font-family:'Urbanist';font-size:18px;}
.gridView div.ConView{width:50%;padding:.5rem;}
.gridView div.ConView div.title h1{font-size:23px;font-weight:normal;padding:.1rem 0;color:#1086c3; }
.gridView div.ConView div.title p{display:block;width:100%;font-family:'Urbanist';font-size:18px;}
.gridView div.ConView div.con{padding:.35rem 0;color:#656565;line-height:22px;font-size:13px;}
.gridView div.ConView A.ABTN{padding:6px 8px;width:40%;display:inline-flex;justify-content:space-between;background:#192b3f;color:#fff;font-family:'Urbanist';max-width:140px;}
.gridView div.ConView A.ABTN:after{display:block;content:">>"; font-family:"宋体";}
.gridView div.ConView A.more2{background:#0080c1;}
section#msgBook{background:#e1e1e1;width:100%;padding:0; margin-top:1.5rem;}
section#msgBook div.flexWap{display:flex;justify-content:space-between;}
section#msgBook div.flexWap div.img{ position:relative;width:30%;}
section#msgBook div.flexWap div.img img{max-width:100%; position:relative; margin-left:-1.2rem; margin-top:-1.2rem;}
section#msgBook div.flexWap div.formView{width:68%;display:flex; align-items:center; }
section#msgBook div.flexWap div.formView form{display:flex;justify-content:flex-start;align-items:center; width:100%; flex-wrap:wrap;}
section#msgBook div.flexWap div.formView input{padding:5px 10px;height:30px;line-height:30px; margin-bottom:.1rem;}
section#msgBook div.flexWap div.formView input.inpCss{width:140px;border:1px solid #aaa;border-radius:5px; margin-right:5px;}
section#msgBook div.flexWap div.formView input.node{width:320px;}
section#msgBook div.flexWap div.formView input.subTN{padding:5px 28px;line-height:32px;height:40px;background:#0080c1;color:#fff;border:1px solid #036;border-radius:5px;}
footer{width:100%;padding:0; border-top:1px solid #e5e5e5;}
#Footer{display:flex;justify-content:space-between; margin:.45rem auto .4rem;}
#Footer dl.Contact{max-width:400px;width:35%;}
#Footer dl.Contact dt.tl{padding:.2rem 0;}
#Footer dl.Contact dt.tl img{max-width:100%;}
#Footer dl.Contact dd.lcn{font-size:13px;padding:.1ren 0;line-height:25px;color:#666666;}
#Footer dl.Contact dd.shareBox{padding:.1rem 0;}
#Footer ul.Fnav{width:63%;display:flex;justify-content:space-between;}
#Footer ul.Fnav>li{margin:.2rem 0; border-left:1px solid #e9e9e9; padding-left:.15rem; max-width:20%;}
#Footer ul.Fnav>li:first-child{border-left:0;padding-left:0;}
#Footer ul.Fnav>li>a{display:block;line-height:25px;padding:.1rem 0;font-size:18px;color:#0180c3;font-weight:600;}
#Footer ul.Fnav>li>ul>li{padding:5px 0;}
footer .copyright{background:#dbdbdb;padding:15px 0;width:100%;color:#666666;line-height:25px;}
footer .copyright a{display:inline-block;padding:0 .3rem;color:#666666;}
footer .copyright a:hover{color:#333;}
#Banners{position:relative;height:3rem;background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
#Banners img{max-width:100%;}
#Banners .bannerPa{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;}
.topWap{position:relative;height:100%;}
.bflex{display:flex;height:100%;position:relative;padding:0 .3rem; box-sizing:border-box;width:100%;flex-direction:column;align-content:center;justify-content:center;}
#Banners h1{font-size:.35rem;padding:.1rem 0; text-shadow:0 0 3px rgba(255,255,255,.5)}
#Banners p{font-family:'Urbanist';font-size:.25rem;color:#2f93c3; font-weight:bold; text-transform:capitalize;}
div#nList{position:relative; margin-top:-45px;z-index:99;height:auto;}
div#nList ul{display:flex;height:100%;position:relative; box-sizing:border-box;width:100%;justify-content: flex-start;flex-wrap:wrap;align-content:stretch;}
div#nList ul li{width:32.8%;margin:2px;}
div#nList ul li a{display:flex;padding:.13rem .3rem;align-items:center;color:#fff;font-size:14px;background:rgba(0,0,0,.7);height:100%; box-sizing:border-box;}
div#nList ul li a.cur,div#nList ul li a:hover{background:rgba(0,128,188,.6);}
.Mpath{margin:.35rem .1rem;padding:.25rem 0;border-bottom:1px solid #e9e9e9;font-size:14px;}
.Mpath span,.Mpath a{display:inline-block;}
div#mainFrime{padding:1% .1rem .8rem;width:100%; box-sizing:border-box;}
div#mainFrime 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#mainFrime div.ViewContact{padding:0;line-height:25px;color:#333333;font-size:14px;height:auto; overflow:hidden;}
div#mainFrime div.ViewContact div.AboutImg{ float:left;max-width:45%;margin-right:3%;}
div#mainFrime div.ViewContact div.AboutImg img{max-width:100%;}
div#mainFrime div.ViewContact div.AboutImg{padding:.3rem 0;}
div#mainFrime div.ViewContact div.contactImg{float:right;width:20%;margin-left:3%;}
div#mainFrime div.ViewContact div.contactImg img{max-width:100%;}
div#mainFrime 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 #fff;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%;padding:.1rem 0;}
DIV.ProlistBtn,a.colseBtn{display:none;}
div.ProSolid{width:100%;position:relative; margin-top:-52px;z-index:99;height:auto;}
div#pList ul{width:100%;display:flex;display: -webkit-flex; flex-wrap:wrap;}
div#pList ul li{width:24%;margin:3px;}
div#pList ul li a{width:100%;padding:.1rem;color:#fff; font-size:14px;line-height:25px; box-sizing:border-box;display:block; background:rgba(0,0,0,.8)}
div#pList ul li a.cur,div#pList ul li a:hover{background:rgba(0,128,188,.6);}
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;}
@media only screen and (max-width:1100px) { 
div.AboutCon .Instrs{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
#newsBox li.swiper-slide a strong{margin:.1rem 0;}
section#msgBook div.flexWap div.img{ position:relative;width:40%;}
section#msgBook div.flexWap div.img img{max-width:100%; position:relative; margin-left:-.8rem; margin-top:-1.8rem;}
}
@media only screen and (max-width:1000px) { 
.hTop{line-height:.4rem;}
#lang dt,#lang dt:after{height:.4rem;line-height:.4rem;}
div.AboutCon{margin-right:.6rem;padding:.5rem .1rem 0;}
div.AboutCon .Instrs{margin:.45rem 0;line-height:.38rem;font-size:.2rem;}
div.AboutCon ul.Alist{margin:.6rem 0 0;}
#Banners{background-size:auto 100%;height:4rem;}
}
@media only screen and (max-width:940px) { 
header{position:fixed;top:0;left:0;z-index:10000;}
#Menu .BtnArea{display:inline-block;}
menu,#searBox{display:none;}
#Header{padding:0.12rem .1rem;}
#searBox{width:100%;background:#fff;padding:.15rem; box-sizing:border-box;left:0;top:1.7rem;position:fixed; box-shadow:0 3px 5px rgba(0,128,193,.2);}
#searBox input.keys{width:96%;height:.5rem;line-height:.5rem;font-size:.2rem;}
#Header{padding:.23rem .1rem;}
menu{right:0;background:rgba(0,0,0,.5);top:0;left:0;position:fixed;z-index:60;bottom:0; }
#Menu menu a.closeBtn{display:block;width:.55rem;height:.55rem;position:absolute;top:.15rem;right:.15rem;z-index:66;}
#Menu menu a.closeBtn:before{display:block;width:100%;height:2px;background:#fff;content:""; position:absolute;top:50%; transform:rotate(45deg);}
#Menu menu a.closeBtn:after{display:block;width:100%;height:2px;background:#fff;content:""; position:absolute;top:50%; transform:rotate(-45deg);}
menu #Nav{width:50%;max-width:320px;position:absolute;top:0;right:0;transform:translateX(100%);transition: all .35s; flex-direction:column;height:100%; box-sizing:border-box;background:#3398ce;justify-content:flex-start;padding-top:1rem; box-shadow:0 5px 5px rgba(0,0,0,.25)}
menu #Nav li{display:block;width:100%;}
menu #Nav>li>a{font-size:.24rem;line-height:.45rem;border-bottom:1px solid #0174ac;color:#000;margin:0;padding:.15rem .3rem;}
menu #Nav>li>a.cur{color:#fff;background:rgba(0,0,0,.5);}
menu #Nav>li>a.cur:before,menu #Nav>li>a.cur:after{display:none;}
menu #Nav>li>ul{position:static;background:none;width:100%; }
menu #Nav>li>ul li{padding:.1rem;font-size:.22rem;box-sizing:border-box;}
ul#Nav li ul li a{border-width:1px;}
#Banner{ margin-top:1.7rem;}
div.AboutCon .Instrs{-webkit-line-clamp:2;}
section#msgBook div.flexWap div.img img{margin-top:-1rem;}
section#msgBook div.flexWap div.formView form{flex-wrap:wrap;}
section#msgBook div.flexWap div.formView form input{flex-wrap:wrap;}
section#msgBook div.flexWap div.formView form input{ margin-bottom:.1rem;}
#Banners{margin-top:1.7rem;}
div#nList{margin-top:-1rem;}
div#nList ul li a{height:1rem; display:flex;padding:0 .5rem;align-items:center;color:#fff;font-size:.2rem;}
div.ProSolid{margin-top:-45px;}
div#pList ul li{width:32%;padding:1px;border:0;}
}
@media only screen and (max-width:840px) { 
    section#AboutView{ flex-direction:column;}
	div.CompImg{max-width:100%;overflow:hidden; position:relative;height:8.5rem;}
	div.CompImg img.AboutImage{ position:relative;margin-top:-.35rem;}
	div.AboutCon{width:95%;margin-right:0;max-width:100%;padding:.4rem .25rem .1rem;}
	div.AboutCon .Instrs{-webkit-line-clamp:5;}
	div.AboutCon ul.Alist{flex-wrap:nowrap; margin-bottom:.5rem;}
	div.AboutCon ul.Alist li{width:auto; margin:0;}
	.HotView .proTitle{width:50%;}
	.HotView .ProImg{width:40%;}
	#areaView .List li{width:50%;}
	#areaView .List li:nth-child(3) a div.pa{background:#0080c1;}
    #areaView .List li:nth-child(3) a div.pa strong,#areaView .List li:nth-child(3) a div.pa span{color:#fff;}
	#areaView .List li:nth-child(4) a div.pa{background:rgba(255,255,255,.8);}
    #areaView .List li:nth-child(4) a div.pa strong{color:#3fa0e7;}
	#areaView .List li:nth-child(4) a div.pa span{color:#000;}
	.gridView div.Image div.title h1,.gridView div.ConView div.title h1{font-size:18px;}
	.gridView div.ConView div.title p,.gridView div.Image div.title p{font-size:14px;}
	.gridView div.ConView div.con{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:auto;padding:0;margin:.4rem 0;}
    .gridView div.Image div.title p{width:80%;}
	section#msgBook div.flexWap div.img img{margin-top:-.9rem;}
	section#msgBook div.flexWap div.formView{width:68%;padding:.5rem 0 .25rem;}
	section#msgBook div.flexWap div.formView form input.node{width:100%;}
	#Footer ul.Fnav{display:none;}
	#Footer dl.Contact{max-width:100%;width:100%;}
	div#nList{margin-top:-1rem;height:auto;}
	div.ProSolid{background:none;}
	div#nList ul,div#pList ul{ flex-wrap:wrap;}
	div#nList{background:none;height:auto; overflow:hidden;line-height:.8rem;}
	div#nList ul li,div#pList ul li{width:48.5%;padding:1px;border:0;}
	div#nList ul li a,div#pList ul li a{line-height:.25rem;background:rgba(0,0,0,.7);padding:.15rem .3rem;font-size:.22rem;}
	div#pList ul li a{border:0;}
	div#mainFrime div.ViewContact{line-height:.38rem;font-size:.2rem;}
	div#mainFrime div.ViewContact div.AboutImg img{max-width:100%;}
	div#mainFrime div.ViewContact div.AboutImg{padding:.3rem 0;}
	div#mainFrime div.ViewContact div.contactImg{width:35%;}
}
@media only screen and (max-width:640px) { 
.hTop .welcome  .linkTop{display:none;}
div.AboutCon ul.Alist{flex-wrap:wrap;}
div.AboutCon ul.Alist li{width:45%; margin-bottom:.15rem;}
div.CompImg  img.AboutImage{margin-top:-.8rem;}
div.CompImg {height:5.5rem;}
div.AboutCon ul.Alist{margin:.5rem 0;}
.HotView {background-size:auto 100%;}
.HotView .ProImg{width:50%;}
#ProBox li.swiper-slide a strong{font-size:.28rem; margin-bottom:.1rem;}
.gridView {flex-direction:column;}
.gridView div.Image,.gridView div.ConView{width:100%; box-sizing:border-box;}
.gridView div.ConView{position:relative;margin-top:-1.5rem;background:rgba(231,231,231,.8)}
.gridView div.ConView div.con{-webkit-line-clamp:6; }
section#msgBook div.flexWap{ flex-direction:column;}
section#msgBook div.flexWap div.img{width:60%;}
section#msgBook div.flexWap div.img img{margin-top:-1.8rem;}
section#msgBook div.flexWap div.formView{padding:.5rem .8rem;width:100%; box-sizing:border-box;}
footer .copyright{ text-align:center;}
#Banners{position:relative;height:3.5rem;}
div#pList ul li{width:48%;}
}
@media only screen and (max-width:540px) { 
div.CompImg {height:4.5rem;}
.HotView {flex-direction:column;height:auto;padding:.5rem .3rem;}
.HotView .proTitle{width:100%;}
.HotView .proTitle div.tl{ padding-bottom:.3rem;}
.HotView .ProImg{width:100%;justify-content:flex-end; }
.HotView .ProImg img{width:60%;}
.HotView .proTitle div.tl h1{font-size:.26rem;}
.HotView .proTitle div.tl p{font-size:.2rem;}
.HotView .proTitle a.more{width:25px;}
}
@media only screen and (max-width:480px) { 
div.langContact div.tel{display:none;}
div.CompImg  img.AboutImage{margin-top:-.2rem;}
div.CompImg {height:4rem;}
}