@import url("public.css");
@import url("animate.min.css");
@import url("swiper.min.css");
header{width:100%; box-shadow:0 0 .05rem rgba(0,0,0,.1)}
header:after{width:100%;display:block;height:0;clear:both;content:"";}
header div.head_top{background:#008342;line-height:.42rem;height:.42rem;}
header div.head_top div.head_mw{max-width:1260px;margin:0 auto;padding:0 .1rem;}
header div.head_top div.head_mw .headBox{display:flex;display: inline-flex;justify-content: space-between;color:#fff;width:100%;}
header div.head_top div.head_mw .headBox div.welTxt{height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
header div.head_top div.head_mw .headBox div.Tel{display:flex;display: inline-flex;font-family:Arial, Helvetica, sans-serif;font-size:.18rem;}
header div.head_top div.head_mw .headBox div.Tel:before{display:block;content:"";width:.42rem;background-color:#fff;height:100%; margin-right:.1rem;background-image:url(../index/telIco.jpg);background-position:center center;background-repeat:no-repeat; border-radius:0 0 2em 2em;background-size:45% auto; }
header div.head_top div.head_mw .headBox div.Tel a{display:inline-block; margin:0 .1rem;font-size:.15rem;color:#333; background:#fff; padding:0 .2rem; }
header div.MenuLogo{max-width:1260px;margin:0 auto;padding:0 .1rem; text-align:center;  position:relative;}
header div.MenuLogo:after{width:100%;display:block;height:0;clear:both;content:"";}
header div.MenuLogo a.logo{ position:absolute;z-index:5;top:.23rem; margin-left:-1.2rem;}
header div.MenuLogo a.logo img{height:.7rem;}
header div.MenuLogo ol#MenuBtn{display:flex;display: -webkit-flex;flex-wrap:wrap;width:.4rem;height:.4rem;border-radius:3px; position:absolute;top:0;right:.2rem;top:.24rem;padding: .2rem;display:none;}
header div.MenuLogo ol#MenuBtn{width:.35rem;height:.35rem;padding:.1rem;}
header div.MenuLogo ol#MenuBtn li{width:100%;height:.05rem;background:#008342; margin:.02rem 0;}
div.Nav{padding:.2rem 0;}
div.Nav ul{display:flex;display: inline-flex;justify-content: space-between;color:#fff;width:100%; align-items: center;padding:.22rem 0;}
div.Nav ul li.logo{width:1.5rem;}
div.Nav ul li a{display:inline-block;line-height:.3rem;font-size:.16rem;border-bottom:1px  solid transparent;}
div.Nav ul li a:hover,div.Nav ul li a.cur{border-bottom:1px solid #008342;}
#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:4%;z-index:3;}
#Banner .pagination .swiper-pagination-bullet{display:inline-block;width:.1rem;height:.1rem;background:none;margin:0 .03rem;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; opacity:.8;border:1px solid #555;}
#Banner .pagination .swiper-pagination-bullet-active{background:#555;}
#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;}
section#ProView{width:100%;padding:.8rem 0;background:url(../index/Probg.jpg) top center no-repeat;background-size:auto 100%;}
section#ProView dl.IndexPro dt.tl{ text-align:center;color:#fff;background:url(../index/titlebg_white.png) center no-repeat; background-size:90% auto;}
section#ProView dl.IndexPro dt.tl h1{font-size:.35rem; letter-spacing:1px;line-height:.65rem;}
section#ProView dl.IndexPro dt.tl{color:#f5f5f5;font-size:.17rem;}
section#ProView dl.IndexPro dd.lcns{padding:.8rem 0; position:relative;max-width:1600px;margin:0 auto;}
section#ProView dl.IndexPro dd.lcns div.swiper-container{height:auto;overflow:hidden;position:relative;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a{display:block;overflow:hidden;text-align:center;height:auto;background:#ffffff;border:4px solid #6b6b6a; border-radius:120px 120px  0 0;background-color:#6b6b6a;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a span.img{padding:0;display:block;height:auto;overflow:hidden;width:100%;position:relative;text-align:center;padding-top:.8rem;background:#fff;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a span.img img{max-width:100%;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a:hover span.img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a span.els{display:block;width:98%;padding:.35rem 1%;color:#fff;font-size:.18rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow: 0px 1px 0px rgb(204 204 204);}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a:hover span.els{color:#fff;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide a:hover{border-color:#008342;background-color:#008342;}
section#ProView dl.IndexPro dd.lcns div.swiper-container .swiper-slide:nth-child(even){padding-top:1rem;}
section#ProView dl.IndexPro dd.buttonBox{ text-align:center;padding:.15rem 0;}
section#ProView dl.IndexPro dd.buttonBox .button-next,section#ProView dl.IndexPro dd.buttonBox .button-prev {display:inline-block;width:.7rem;height:.7rem;background-repeat:no-repeat;background-position:center center; opacity:.6; cursor:pointer; background-size:100% auto;}
section#ProView dl.IndexPro dd.buttonBox .button-prev{background-image:url(../index/bannerBtn1-prev.png); }
section#ProView dl.IndexPro dd.buttonBox .button-next{background-image:url(../index/bannerBtn1-next.png);}
section#ProView dl.IndexPro dd.buttonBox  .swiper-button-disabled{display:none;}
section#ProView dl.IndexPro dd.more{ text-align:center;padding:.25rem 0;}
section#ProView dl.IndexPro dd.more a{display:flex;display: inline-flex;justify-content: center;color:#a1a1a1;font-size:.15rem; position:relative;}
section#ProView dl.IndexPro dd.more a:after{display:block;width:.3rem;height:.3rem;background:url(../index/btns.png) center no-repeat;background-size:100% auto;content:""; margin-left:.2rem; }
section#CaseView{width:100%;padding:.8rem 0;background:url(../index/casebg.jpg) top center no-repeat;background-size:100% 100%;min-height:8rem;}
section#CaseView dl.IndexCase dt.tl{ text-align:center;color:#008342;background:url(../index/titlebg.png) center no-repeat; background-size:90% auto;}
section#CaseView dl.IndexCase dt.tl h1{font-size:.35rem; letter-spacing:1px;line-height:.65rem;}
section#CaseView dl.IndexCase dt.tl{color:#008342;font-size:.17rem; margin-bottom:.5rem;}
section#CaseView dl.IndexCase dd.lcns{padding:.5rem 0; position:relative;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide-active{ z-index:22;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox{background:#fff;padding:0;max-width:1600px;margin:0 auto;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox{display:flex;display: -webkit-flex;justify-content: space-between;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox{width:60%; position:relative;margin-left:-10%; }
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox img{border-radius:0 150px 150px 0;opacity:.8; max-width:100%;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox:hover img{opacity:1;transition: all .35s;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon{width:35%;padding:5%;padding-left:0;display:flex;display: inline-flex;justify-content:center;flex-direction:column;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon h1{font-size:.25rem;color:#008342;display:block;padding:.2rem 0; font-weight:normal;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon span.time{display:block;color:#888;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon div.lcn{padding:.2rem 0;color:#666;line-height:.3rem;}
section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon a.more{font-size:.15rem; text-transform:uppercase;font-weight:600;}
section#CaseView dl.IndexCase dd.lcns div.button-next,section#CaseView dl.IndexCase dd.lcns div.button-prev {display:inline-block;width:.5rem;height:.5rem;background-repeat:no-repeat;background-position:center center; opacity:1; cursor:pointer; background-size:100% auto; position:absolute;z-index:12;bottom:1rem;right:12%;}
section#CaseView dl.IndexCase dd.lcns div.button-prev{background-image:url(../index/bannerBtn2-prev.png);right:15%; }
section#CaseView dl.IndexCase dd.lcns .button-next{background-image:url(../index/bannerBtn2-next.png); }
section#CaseView dl.IndexCase dd.lcns .swiper-button-disabled{ opacity:.2  !important;}
section#CoopView{width:100%;padding:.8rem 0 0;background:url(../index/coopbg.jpg) top center no-repeat;background-size:100% 100%;}
section#CoopView dl.IndexCoop dt.tl{ text-align:center;color:#fff;background:url(../index/titlebg_white.png) center no-repeat; background-size:90% auto;}
section#CoopView dl.IndexCoop dt.tl h1{font-size:.35rem; letter-spacing:1px;line-height:.65rem;}
section#CoopView dl.IndexCoop dt.tl{color:#f5f5f5;font-size:.17rem; text-transform:uppercase;margin-bottom:.8rem;}
section#CoopView dl.IndexCoop dd.lcns{padding:1rem; position:relative;max-width:1200px;margin:0 auto; background:rgba(255,255,255,.7);border-radius:100px 100px 0 0;}
div.listbox{display:flex;display: inline-flex; flex-wrap:wrap;width:100%;}
section#CoopView dl.IndexCoop dd.lcns div.listbox a{width:25%;display:block;padding:0.25rem 0; text-align:center;}
section#CoopView dl.IndexCoop dd.lcns div.listbox a img{max-width:80%;}
section#CoopView dl.IndexCoop dd.lcns div.listbox a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
section#CompView{background:#eb6528;width:100%;display:flex;display: inline-flex;justify-content: space-between;background-color:#008342;}
section#CompView div.Comp,section#CompView div.img{width:50%;display:flex;display: inline-flex;justify-content:flex-end;}
section#CompView div.img img{position:relative;max-width:100%;border-radius:50% 0 0 0;}
section#CompView div.Comp .CompCon{width:100%;padding:1rem;color:#fff; max-width:580px;}
section#CompView div.Comp .CompCon div.tl {font-size:.3rem;}
section#CompView div.Comp .CompCon div.tl span.h1{font-size:.5rem; padding-right:.3rem;}
section#CompView div.Comp .CompCon div.lcn{padding:.5rem 0;line-height:.35rem;font-size:.16rem;}
section#HonorView{width:100%;padding:.8rem 0 4rem;background:url(../index/honorbg.jpg) top center no-repeat;background-size:100% 100%;min-height:7rem;}
section#HonorView dl.IndexCert dt.tl{ text-align:center;color:#008342;background:url(../index/titlebg.png) center no-repeat; background-size:90% auto;}
section#HonorView dl.IndexCert dt.tl h1{font-size:.35rem; letter-spacing:1px;line-height:.65rem;}
section#HonorView dl.IndexCert dt.tl{color:#008342;font-size:.17rem; text-transform:uppercase;margin-bottom:.8rem;}
section#HonorView dl.IndexCert dd.lcns{padding:0rem; position:relative;max-width:1400px;margin:0 auto; }
section#HonorView dl.IndexCert dd.lcns div.swiper-container{height:auto;overflow:hidden;position:relative;}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide{ text-align:center;}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a{display:inline-block;overflow:hidden;text-align:center;height:auto;}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a span.img{display:block;height:auto;overflow:hidden;width:90%;margin:5%;position:relative;text-align:center; box-shadow:0 0 .15rem rgba(0,0,0,.3);}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a span.img img{max-width:100%;}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a:hover span.img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a span.els{display:block;width:98%;padding:.15rem 1%;color:#666;font-size:.18rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:4px solid #666; border-top:1px solid #888; margin-top:.5rem;}
section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a:hover span.els{border-bottom-color:#008342;}
section#HonorView dl.IndexCert dd.lcns div.button-next,section#HonorView dl.IndexCert dd.lcns div.button-prev {display:inline-block;width:.5rem;height:.5rem;background-repeat:no-repeat;background-position:center center; opacity:1; cursor:pointer; background-size:100% auto; position:absolute;z-index:12;top:50%; margin-top:-.25rem; opacity:.6; }
section#HonorView dl.IndexCert dd.lcns div.button-prev{background-image:url(../index/bannerBtn-prev.png);left:-.5rem; }
section#HonorView dl.IndexCert dd.lcns .button-next{background-image:url(../index/bannerBtn-next.png); right:-.5rem;}
section#HonorView dl.IndexCert dd.lcns .swiper-button-disabled{ opacity:.2  !important;}
section#NewsView{width:100%;background:#494745;}
section#NewsView div.NewsBox{max-width:1400px;margin:0 auto;position:relative;padding:1rem .25rem .3rem;}
section#NewsView div.NewsBox div.title{width:20%;position:absolute;left:.45rem;top:1.5rem; z-index:88;}
section#NewsView div.NewsBox div.title h1{font-size:.4rem;color:#008342;}
section#NewsView div.NewsBox div.title p{padding:.15rem 0;color:#fff;font-size:.17rem;}
section#NewsView div.NewsBox div.title a{display:inline-block;margin:.2rem 0;padding:.14rem .6rem;background:#008342;color:#fff;border-radius:0 2em 2em 0;}
section#NewsView .swiper-container {width: 100%;} 
section#NewsView #gallery{width:100%;padding:.5rem 0;}
section#NewsView #gallery .swiper-slide{width:100%;display:flex;display: inline-flex;justify-content: flex-end; }
section#NewsView #gallery .swiper-slide div.NewsCon{width:65%;}
section#NewsView #gallery .swiper-slide div.NewsCon a.title{display:block;line-height:.4rem;font-size:.25rem;color:#008342;}
section#NewsView #gallery .swiper-slide div.NewsCon article{color:#eee;line-height:.32rem;}
section#NewsView .gallery-thumbs {box-sizing: border-box; position:relative;margin-top:-3.3rem;}
section#NewsView .gallery-thumbs .swiper-slide{ text-align:center;}
section#NewsView .gallery-thumbs .swiper-slide img{max-width:90%;border:4px solid #999; border-radius:.2rem;height:3rem;}
section#NewsView .gallery-thumbs .swiper-slide-thumb-active img{border-color:#008342;}
section#NewsView div.NewsBox div.button-next,section#NewsView div.NewsBox div.button-prev {display:inline-block;width:.5rem;height:.5rem;background-repeat:no-repeat;background-position:center center; opacity:1; cursor:pointer; background-size:100% auto; position:absolute;z-index:12;top:0; margin-top:-.8rem; opacity:.6; }
section#NewsView div.NewsBox  div.button-prev{background-image:url(../index/bannerBtn-prev.png);left:.2rem; }
section#NewsView div.NewsBox .button-next{background-image:url(../index/bannerBtn-next.png); right:.2rem;}
section#NewsView div.NewsBox .swiper-button-disabled{ opacity:.2  !important;}
section#Contact{width:100%;background:url(../index/contactbg.jpg) top center no-repeat;background-size:100% 100%;min-height:6rem;padding:1rem 0;}
section#Contact div.contBox{max-width:1200px;margin:0 auto;position:relative;padding:1rem .25rem .3rem;}
section#Contact div.contBox ul{width:100%;display:flex;display: inline-flex; flex-wrap:wrap;justify-content:space-between;}
section#Contact div.contBox ul li { margin-bottom:.2rem;}
section#Contact div.contBox ul li label{line-height:.5rem;display:block;color:#666;}
section#Contact div.contBox ul li input,section#Contact div.contBox ul li textarea{width:100%;border:0;padding:.2rem 0; text-indent:50px;}
section#Contact div.contBox ul li input.submitCss{ text-indent:0;}
section#Contact div.contBox ul li textarea{height:1rem;}
section#Contact div.contBox ul li:nth-child(1){width:48%;}
section#Contact div.contBox ul li:nth-child(2){width:45%;}
section#Contact div.contBox ul li:nth-child(3){width:100%;}
section#Contact div.contBox ul li:nth-child(4){width:100%;}
section#Contact div.contBox ul li input:focus{background:#616161;color:#fff;}
section#Contact div.contBox ul li input:focus::placeholder{color:#fff;}
section#Contact div.contBox ul li textarea{background:url(../index/c03_1.png) 15px 10px #fff no-repeat;}
section#Contact div.contBox ul li textarea:focus{background:#616161;color:#fff;background:url(../index/c03.png) 15px 10px #616161 no-repeat;}
section#Contact div.contBox ul li textarea:focus::placeholder{color:#fff;}
section#Contact div.contBox ul li input.contactIco{background:url(../index/c01_1.png) 15px center #fff no-repeat;background:auto 60%;}
section#Contact div.contBox ul li input.contactIco:focus{background:url(../index/c01.png) 15px center #616161 no-repeat;background:auto 60%;}
section#Contact div.contBox ul li input.telIco{background:url(../index/c02_1.png) 15px center #fff no-repeat;background:auto 60%;}
section#Contact div.contBox ul li input.telIco:focus{background:url(../index/c02.png) 15px center #616161 no-repeat;background:auto 60%;}
section#Contact div.contBox ul li input.submitCss{background:#008342;color:#fff;}
footer{background:#008342;width:100%;}
#footer{max-width:1200px;margin:0 auto;padding:.5rem; position:relative;}
#footer ul.Fnav{display:flex;display: -webkit-flex;width:100%;justify-content: space-between; margin-bottom:.5rem;}
#footer ul.Fnav li { text-align:center;}
#footer ul.Fnav li a{color:#fff;display:inline-block;line-height:.3rem;border-bottom:2px solid #008342;font-size:.16rem; text-transform:uppercase;}
#footer ul.Fnav li a:hover{border-bottom:2px solid #fff;}
#footer div.footFix{display:flex;display: -webkit-flex;width:100%;justify-content: space-between;color:#fff;}
#footer div.footFix .Telbox{padding:.25rem 0;font-size:.35rem;line-height:.5rem;width:30%;}
#footer div.footFix .Telbox p{font-size:.2rem;}
#footer div.footFix .lcns{padding:.25rem 0;width:40%;line-height:.4rem;font-size:.16rem;}
#footer div.footFix div.ewm{width:220px; text-align:center;font-size:.12rem;}
#footer div.footFix div.ewm span{display:inline-block;background:url(../index/ewmbg.png) top center no-repeat;padding:12px;width:135px;height:140px; clear:both;}
#footer a.gotoTop{display:inline-block;padding:2px 8px;border:1px solid #fff;color:#fff;position:absolute;right:0;top:.5rem;}
footer div.copyright{background:#404040;width:100%;padding:.2rem 0; text-align:center;color:#888888;}
footer div.copyright a{color:#888;padding:0 .1rem;}
div#bannerImage{width:100%;}
div#bannerImage img{max-width:100%;}
section#Main{max-width:1200px;margin:0 auto; box-shadow:0 0 .1rem  rgba(0,0,0,.3);padding:.5rem .3rem; margin-top:-.2rem; position:relative;background:#fff;}
div.FramesFix{display:flex;display: inline-flex;justify-content:space-between;width:100%;}
dl#LeftSide{width:240px;border:1px solid #e8e8e8; border-radius:5px 5px 0 0; overflow:hidden;}
dl#LeftSide dt.tl{padding:.28rem .2rem;background:#008342;color:#fff; }
dl#LeftSide dt.tl h2{font-size:.22rem;padding:.05rem 0;}
dl#LeftSide dt.tl span{ font-family:Arial, Helvetica, sans-serif;font-size:.12rem;}
dl#LeftSide dd.lcn ul li a{display:block;padding:.13rem .42rem .13rem .1rem;border-top:1px solid #e8e8e8;color:#333; position:relative;}
dl#LeftSide dd.lcn ul li a:before{display:block;height:100%;width:.5rem;background:url(../index/btns.png) center no-repeat;position:absolute;right:5px;top:0;content:"";background-size:50% auto;}
dl#LeftSide dd.lcn ul li a:hover{background:#f9f9f9;}
dl#LeftSide dd.lcn ul li a.cur{color:#008342;}
div.Frames{width:77%;padding:.2rem 0; margin-left:20px;}
div.Frames div.title{display:flex;display: inline-flex;width:100%;}
div.Frames div.title h2{font-size:.28rem;color:#008342;font-weight:normal;}
div.Frames div.title span{display:inline-block;padding:.16rem .1rem 0; text-transform:uppercase;color:#666; }
div.Frames div.Path{padding:.15rem 0;color:#888;}
div.Frames div.Path a{color:#888;}
div.Frames div.Path a:hover{color:#008342;}
div.Frames div.lcns{padding:.25rem 0;line-height:.3rem;}
div.Frames div.lcns img{max-width:100%;}
@media only screen and (max-width:1600px) {
	div.Nav ul li a{font-size:.22rem;line-height:.4rem;}
	section#CompView div.Comp .CompCon div.lcn{line-height:.4rem;font-size:.22rem;}
	section#HonorView dl.IndexCert dd.lcns div.button-prev{left:.3rem; }
    section#HonorView dl.IndexCert dd.lcns .button-next{right:.3rem;}
	section#HonorView{padding:.8rem 0 3.5rem;}
	#footer ul.Fnav li a{font-size:.2rem;}
}
@media only screen and (max-width:1200px) {
	div.Nav ul li a{font-size:.2rem;}
	section#CompView div.Comp .CompCon div.lcn{line-height:.4rem;font-size:.22rem;}
	
}
@media only screen and (max-width:960px) {
	div.Nav{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7); z-index:6;}
	header div.MenuLogo a.logo{ position:static;}
	header div.MenuLogo{padding:.12rem .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:.24rem;line-height:.54rem;height:.54rem; margin-bottom:.1rem;}
	section#ProView{background-size:auto 100%;}
	section#ProView dl.IndexPro {width:98%; padding:0 1%;}
	section#NewsView #gallery .swiper-slide div.NewsCon article{font-size:.22rem;}
	section#CaseView dl.IndexCase dd.lcns div.button-next,section#CaseView dl.IndexCase dd.lcns div.button-prev {right:10%;}
    section#CaseView dl.IndexCase dd.lcns div.button-prev{background-image:url(../index/bannerBtn2-prev.png);right:15%; }
	section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon div.lcn{font-size:.2rem;line-height:.35rem;}
	section#HonorView dl.IndexCert dd.lcns div.swiper-container .swiper-slide a span.els{font-size:.22rem;}
	section#CompView{ flex-direction:column;}
	section#CompView div.Comp .CompCon{width:100%;padding:1rem;color:#fff; max-width:none;}
	section#CompView div.Comp,section#CompView div.img{width:100%;display:flex;display: inline-flex;justify-content:flex-end;}
	section#CompView div.img img{position:relative;max-width:100%;border-radius:50% 0 0 0;}	
	section#NewsView div.NewsBox div.title{width:20%;position:absolute;left:.2rem; z-index:88;}
	#footer{max-width:1200px;margin:0 auto;padding:.5rem; position:relative;}
}
@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#CaseView dl.IndexCase dd.lcns{padding: 0;}
    section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox {margin:5%;max-width:90%;}
   section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox{display:block; box-shadow: 0 0 .1rem rgba(0,0,0,.2); padding-bottom:.6rem}
	section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox{width:100%;margin-left:0; }
	section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox img{border-radius:0 ;opacity:.8; max-width:100%;}
	section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox a.imgbox:hover img{opacity:1;transition: all .35s;}
	section#CaseView dl.IndexCase dd.lcns div.swiper-container .swiper-slide .caseBox .wxBox .CaseCon{width:90%;padding:5%;display:block;}
   section#CaseView dl.IndexCase dd.lcns div.button-next,section#CaseView dl.IndexCase dd.lcns div.button-prev {right:10%;bottom:.55rem;}
    section#CaseView dl.IndexCase dd.lcns div.button-prev{right:20%; }
	section#CoopView dl.IndexCoop dd.lcns{padding:.5rem;}
	section#CoopView dl.IndexCoop dd.lcns div.listbox a{width:33%;}
	section#CoopView dl.IndexCoop dd.lcns div.listbox a img{max-width:90%;}
   section#CompView div.Comp .CompCon{padding:.8rem .5rem;}
   section#HonorView{width:100%;padding:1rem 0 5rem;}
   section#NewsView div.NewsBox div.title{width:100%;position:absolute;left:0;top:-4rem; z-index:8; text-align:center;}
   section#NewsView div.NewsBox div.title h1{font-size:.4rem;color:#008342;}
   section#NewsView div.NewsBox div.title p{padding:.15rem 0;color:#666;font-size:.2rem;}
   section#HonorView dl.IndexCert dt.tl,section#CaseView dl.IndexCase dt.tl,section#ProView dl.IndexPro dt.tl,section#CoopView dl.IndexCoop dt.tl{font-size:.22rem;}
   section#NewsView div.NewsBox div.title a{border-radius:2em 2em;}
   section#NewsView div.NewsBox{padding:1.5rem 0 0rem;}
   section#NewsView #gallery .swiper-slide{justify-content:center; }
   section#NewsView #gallery .swiper-slide div.NewsCon{width:94%;}
   section#NewsView #gallery .swiper-slide div.NewsCon a.title{line-height:.5rem;padding:.1rem 0;}
   section#NewsView #gallery{padding:.5rem 0 0;}
   #footer ul.Fnav{flex-wrap:wrap;}
   #footer ul.Fnav li {width:20%;padding:.1rem;}
   #footer div.footFix{flex-direction:column;}
   #footer div.footFix div.Telbox,#footer div.footFix div.lcns{width:100%;padding:.2rem 0;}
   #footer div.footFix div.lcns{font-size:.2rem;}
   #footer ul.Fnav{margin-bottom:.2rem;}
   div.FramesFix{flex-direction:column;}
   dl#LeftSide{width:100%;}
   dl#LeftSide dd.lcn ul li a{padding:.2rem .2rem;font-size:.22rem;}
   div.Frames{width:100%;padding:.2rem 0; margin-left:0;}
   div.Frames div.lcns{padding:.25rem 0;line-height:.43rem;font-size:.23rem;}
   section#Contact div.contBox ul li label{font-size:.24rem;}
   section#ProView dl.IndexPro dd.more a {font-size:.22rem;}
}
@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;}
}