@import url('../css/fonts.css');
html{font-size: 100px;}
@media (max-width: 4096px){html{font-size: 175px;}}
@media (max-width: 2560px){html{font-size: 125px;}}
@media (max-width: 1920px){html{font-size: 100px;}}
@media (max-width: 1600px){html{font-size: 100px;}}
@media (max-width: 1440px){html{font-size: 100px;}}
@media (max-width: 1220px){html{font-size: 100px;}}
@media (max-width: 1024px){html{font-size: 100px;}}
@media (max-width: 991px){html{font-size: 100px;}}
@media (max-width: 639px){html{font-size: 100px;}}

body{font-size:0.16rem; line-height:1.625; font-family:var(--font); background-color:#fff; overflow-x:hidden; color: var(--fontcolor);max-width:4096px; margin:0 auto;box-sizing:border-box;}
a{ color:#0f1821; text-decoration:none; outline: medium none;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
h1,h2,h3{font-family: var(--fontH);}
h4,h5,h6{font-family: var(--fontH);}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#0f1821;}
img,li{ vertical-align:top; border:0px; list-style-type: none;}
img{ max-width:100%;}
.clear{clear: both;}
.container{ margin: 0px auto; clear: both;box-sizing:border-box;}
*{margin:0px;padding:0px;box-sizing:border-box;}
ul{ list-style-type:none;}
b{ font-weight: normal; }
ul,li,h5,dt,dd,img{margin:0px;padding:0px;box-sizing:border-box;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0; font-weight: normal;box-sizing:border-box;}
body,td,th{ font-family: var(--font);}
input,textarea{ font-family: var(--font); border:0; outline:medium;}

@media (min-width:1px) and (max-width:991px){
	.container{width:100%; padding:0px 15px; box-sizing:border-box;}
	.container2{ width:100%; padding:0px 15px;}
}
@media (min-width:992px){
	.container{width: calc(100% - 30px);margin:0 auto;}
	.container2{ width:calc(100% - 30px); margin:0 auto;}
}
@media (min-width:1200px){
	.container{ width:calc(100% - 132px); margin:0 auto;}
		.container2{ width:calc(100% - 143px); margin:0 auto;}
}
@media (min-width:1400px){
	.container{ width:calc(100% - 132px); margin:0 auto;}
		.container2{ width:calc(100% - 143px); margin:0 auto;}
}
@media (min-width:1630px){
	.container{ width:calc(100% - 132px); margin:0 auto;}
	.container2{ width:calc(100% - 286px); margin:0 auto;}
}

.header{position:absolute;left:0;top:35px; width:100%;}
.header .toplist{align-items:center;}
.header .item.logo{width:70px; text-align:left;}
.header .item.logo img{width:66px; height:auto;}
.header .item.nvalist{width:calc(100% - 330px); text-align:left;}
.header .item.nvalist ul.menulist{display:block;}
.header .item.nvalist ul.menulist li{display:inline-block; padding:0px 18px; margin-left:0;}
.header .item.nvalist ul.menulist li a{font-size:0.17rem; color:#fff}
.header .item.nvalist ul.menulist li a:hover{color:var(--maincolor)}

.header .item.sharelist{width:230px; text-align:right;}
.header .item.sharelist ul li{padding:0px 5px;}
.header .item.sharelist ul li a i{font-size:0.25rem; color:#fff}
.header .item.sharelist ul li a:hover i{color:var(--maincolor)}

.banner{display:block;}
.banner .container{width:calc(100% - 520px); margin:0 auto;position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);}
.banner .container .content{display:block;}
.banner .container .content h2{display:block; font-size:0.84rem; color:#ffffff;font-family: "PERTILI",Arial, Helvetica, sans-serif;}
.banner .container .content p{display:block; font-size:0.2rem; color:#ffffff; margin-bottom:25px;}
.banner .container .content a.btnquote{font-size:0.16rem;  border:solid 1px #fff;border-radius:0;text-decoration:underline;box-shadow:none;}

.section1{ background:#f7f7f7; padding:94px 0;}
.section1 .container2{width:70%;}
.section1 ul li{}
.section1 ul li a{display:block; text-align:center;}
.section1 ul li a img{display:block;}
.section1 ul li a h3{display:block; font-size:0.17rem; color:#000; line-height:1.2; margin-top:20px;}
.section1 ul li a:hover h3{color:var(--maincolor)}

.catelist{background:#f7f7f7;}
.catelist .cateBgImg{ height:320px;display:block; overflow:hidden; background-size:100%}
.catelist .cateBgImg .bg{position:relative; width:100%; height:100%; background:rgba(0,0,0,0.39);}
.catelist .container2{height:100%;}
.catelist .content{display:block; position:relative; max-width:1075px; width:100%; height:100%;padding:65px; margin-left:0;}
.catelist .content h3{display:block;font-size:0.3rem;color:#000;}
.catelist .content .txt{font-size:0.15rem;color:#666; margin-top:15px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.catelist .prolist{padding:65px 0;}
.catelist .prolist .item{width:calc((100% - 140px)/3); margin-right:70px; background:#fff;cursor:pointer;position:relative;transition:all .3s ease;z-index:1;}
.catelist .prolist2 .item{width:calc((100% - 70px)/2); margin-right:70px; background:#fff;cursor:pointer;position:relative;transition:all .3s ease;z-index:1;}
.catelist .prolist .item:last-child{margin-right:0px;}
.catelist .prolist .item img{max-width:100%; width:100%; height:auto;}
.catelist .prolist .item .txt{display:block; padding:30px 36px;}
.catelist .prolist .item .txt h4{display:block;font-size:0.2rem;color:#000;transition:all .1s ease;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.catelist .prolist .item .txt p{font-size:0.16rem;color:#666666;transition:all .1s ease;}
.catelist .prolist .item .txt em{display:block;height:1px; background:#eaeaea; margin:15px 0;transition:all .1s ease;}
.catelist .prolist .item .txt p.pd{margin-bottom:20px;}
.catelist .prolist .item .txt dl{display:block; margin-bottom:20px;}
.catelist .prolist .item .txt dl dd{display:flex;flex-wrap:nowrap;justify-content:start;align-items:center;}
.catelist .prolist .item .txt dl dd i{font-size:0.10rem; color:#666; line-height:30px; margin-right:10px;transition:all .1s ease;}
.catelist .prolist .item .txt dl dd span{font-size:0.14rem; color:#666;line-height:30px;transition:all .1s ease;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

a.btnquote2{font-size:0.14rem; color:#000; border:solid 1px #000;border-radius:0;text-decoration:underline;box-shadow:none;}
a.btnquote2:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background-color:#000;border-radius:0px;transition:all .3s ease;box-shadow:none;}
a.btnquote2:hover{color:#fff}
a.btnquote2:hover:after{left:0;width:100%}
a.btnquote2:active{top:2px}

.catelist .prolist .item:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background-color:#cbb38c;transition:all .3s ease;}
.catelist .prolist .item:hover:after{left:0;width:100%}

.catelist .prolist .item:hover h4{color:#fff;}
.catelist .prolist .item:hover p{color:#fff;}
.catelist .prolist .item:hover .txt dl dd span{color:#fff;}
.catelist .prolist .item:hover .txt dl dd i{color:#fff;}
.catelist .prolist .item:hover em{background:#fff;}

.advantages{background:url(../images/index_02.jpg) no-repeat center top;background-size:cover; padding:75px 0;}
.advantages .title .title_txt{max-width:560px; margin-left:0; padding-left:86px; background:url(../images/c1.png) no-repeat left 10px;}
.advantages .title .item:last-child{ margin-right:0; width:200px; text-align:right;}
.advantages .title .title_txt h3{font-size:0.3rem; color:#000;}
.advantages .title .title_txt p{font-size:0.14rem; color:#666;}
.advantages .list{margin-top:60px;}
.advantages .list .item{width:calc((100% - 100px)/5);margin-right:25px;background-image: linear-gradient(45deg,#b6b5b2, #f1f1f1); border-radius:10px; padding:10px 25px 25px 25px; }
.advantages .list .item:last-child{margin-right:0px;}
.advantages .list .item i{display:block; font-size:0.5rem; color:#ffcf4d;}
.advantages .list .item h4{display:block; font-size:0.18rem; color:#000;}
.advantages .list .item p{display:block; font-size:0.14rem; color:#666; margin-top:10px;}
.advantages .list .item:hover{background:#fff; }

.about{background:#fff; padding:87px 0;}
.about .list{align-items:center;}
.about .list .item{width:calc(100% - 1000px); margin-left:0;}
.about .list .item.img{width:920px; margin-right:0;}
.about .list .item img{width:100%; height:auto;}
.about .list .item h3{display:block;font-size:0.4rem;color:#000;}
.about .list .item p{font-size:0.16rem;color:#666;margin-top:35px; margin-bottom:65px;}
.about .listitem{margin-top:53px;}
.about .listitem .item{width:calc((100% - 86px)/3); margin-right:43px;position:relative; overflow:hidden;}
.about .listitem .item:last-child{margin-right:0;}
.about .listitem .item img{width:100%; height:auto;transition:all .3s ease;}
.about .listitem .item .bg{position:absolute;left:0%; top:0%; width:100%; height:100%;  background:rgba(0,0,0,0.59); text-align:center; }
.about .listitem .item .bg span{position:absolute;left:50%; top:50%; width:100%;  transform:translate(-50%,-50%); font-size:0.3rem; color:#fff; }
.about .listitem .item:hover .bg{background:rgba(0,0,0,0.2);}
.about .listitem .item:hover img{transform:scale(1.1)}

.process{background:#f7f7f7; padding:75px 0;}
.process .title .title_txt{max-width:560px; margin-left:0; padding-left:86px; background:url(../images/c2.png) no-repeat left 10px;}
.process .title .item:last-child{ margin-right:0; width:200px; text-align:right;}
.process .title .title_txt h3{font-size:0.3rem; color:#000;}
.process .title .title_txt p{font-size:0.14rem; color:#666;}
.process .list{margin-top:53px; position:relative; height:400px;}
.process .list .item{width:calc((100% - 120px)/7);margin-right:20px; padding:0px 25px; position:relative; z-index:1; margin-top:26px; }
.process .list .item:last-child{margin-right:0px;}
.process .list .item i{display:block;background:#c9b188; height:62px; width:62px; color:#fff; border-radius:5px; text-align:center; line-height:62px; font-size:0.35rem; margin:0 auto;}
.process .list .item p{display:block; margin-top:20px; font-size:0.18rem; color:#000;font-family: var(--fontH); text-align:center;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.process .list .item p b{font-weight:800;font-family: var(--fontH);}
.process .list .item span{display:block;background:#d6d4c8; height:26px; width:26px; border-radius:50%; margin:20px auto; position:relative; box-sizing:border-box; }
.process .list .item span em{background:#c9b188; height:16px; width:16px; border-radius:50%; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);box-sizing:border-box;}
.process .list .item.item2{margin-top:167px;}
.process .list .line{width:100%; height:1px;background:#d9d9d9;position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); z-index:0;}

.case{background:#fff; padding:75px 0;}
.case .title .title_txt{max-width:600px; margin-left:0; padding-left:86px; background:url(../images/c3.png) no-repeat left 10px;}
.case .title .item:last-child{ margin-right:0; width:200px; text-align:right;}
.case .title .title_txt h3{font-size:0.3rem; color:#000;}
.case .title .title_txt p{font-size:0.14rem; color:#666;}
.case .list{margin-top:53px; position:relative;}

.case .list .listitem:first-child{ width:36.5%; margin-left:0;}
.case .list .listitem{width:42.6%; display:flex;flex-wrap:wrap; justify-content:space-between;align-items:start;}
.case .list .listitem:last-child{margin-right:0px;width:17.6%;display:block}
.case .list .listitem .item{width:calc((100% - 25px)/2); margin-right:25px;}
.case .list .listitem .item:nth-child(2n){margin-right:0;}
.case .list .listitem .item:last-child{margin-right:0;}
.case .list .listitem .item h4{display:block;font-size:0.16rem; color:#000; line-height:55px;}
.case .list .listitem:last-child .item{display:block; width:100%; margin:0;}
.case .list .listitem:last-child .item h4{line-height:49px;}

.faq{background:#f7f7f7; padding:75px 0;}
.faq .title{margin-left:0;width:890px;position:relative; padding-top:245px;}
.faq .title .mapdoc{display:block; position:relative;}
.faq .title .mapdoc img{width:100%; height:auto;}
.faq .title .mapdoc .doclist{position:absolute; left:0;top:0px; width:100%; height:100%;}

.doclist .doc{position:absolute; left:0%;top:0%;  background:#e6002d;}
.doclist .doc,.doclist .doc:after,.doclist .doc:before{width:7px; height:7px;border-radius:50%;box-shadow:0 0 0 0 rgba(255,255,255,.9);-webkit-animation:play 3s infinite;animation:play 3s infinite}
.doclist .doc:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute}
@-webkit-keyframes play{70%{box-shadow:0 0 0 10px rgba(255,255,255,0.5)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes play{70%{box-shadow:0 0 0 10px rgba(255,255,255,0.5)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}

.doclist .doc1{left:12.1%;top:35.4%;}
.doclist .doc2{left:20.6%;top:14.7%;}
.doclist .doc3{left:26.5%;top:24%;}
.doclist .doc4{left:31%;top:13%;}
.doclist .doc5{left:34.7%;top:22%;}
.doclist .doc6{left:39.6%;top:12.7%;}
.doclist .doc7{left:40.6%;top:19.6%;}
.doclist .doc8{left:64.8%;top:16.4%;}
.doclist .doc9{left:72.8%;top:23.2%;}
.doclist .doc10{left:82.9%;top:42.9%;}

.faq .title .title_txt{position:absolute; left:0; top:0; width:100%; height:auto; max-width:690px;}
.faq .title .title_txt h3{display:block;font-size:0.37rem;color:#000; line-height:1.5; margin-bottom:30px;}
.faq .title .title_txt h3 b{color:#c9b188;}


.faq .faqlist{ width:calc(100% - 941px);}
.faq .faqlist h3{display:block;font-size:0.4rem;color:#000; line-height:1.5; margin-bottom:30px;}
.faq .faqlist ul{display:block;}
.faq .faqlist ul li{display:block; background:#fff; margin-bottom:25px; border-radius:10px;padding:20px 25px; cursor:pointer;}
.faq .faqlist ul li .tit span{font-size:0.2rem;color:#333; font-family:var(--fontH);}
.faq .faqlist ul li .tit i{font-size:0.12rem;color:#fff; width:24px; height:24px; line-height:24px; text-align:center; background:#000;}
.faq .faqlist ul li .txt{display:none; margin-top:10px; font-size:0.15rem; color:#666666;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.faq .faqlist ul li:hover .txt{display:block;}
.faq .faqlist ul li:hover i{ transform: rotate(180deg);}


.getintouch{background:#ffffff;padding:75px 0;}
.getintouch .list{}
.getintouch .list .item:first-child{width:calc(100% - 977px); margin-left:0; background:#fbfbfb; border-radius:10px; padding:35px 40px;}
.getintouch .list .item:last-child{width:905px; margin-right:0px;margin-top:35px;}
.getintouch .list .item h3{display:block; font-size:0.4rem; color:#000; font-weight:bold;}
.getintouch .list .item p{display:block; font-size:0.16rem;color:#666;}
.getintouch .list .item ul{margin-top:35px;}
.getintouch .list .item ul li{margin-bottom:15px;}
.getintouch .list .item ul li input{display:block; background:#fff; border-radius:5px; line-height:53px;width:100%;padding:0px 15px; font-size:0.14rem;box-sizing:border-box;}
.getintouch .list .item ul li textarea{display:block; background:#fff; border-radius:5px; line-height:53px;width:100%;padding:0px 15px; font-size:0.14rem;box-sizing:border-box;}
.getintouch .list .item ul li button{display:block; background:#000; color:#fff; border-radius:5px; line-height:53px;  width:100%; text-align:center; font-size:0.20rem;box-sizing:border-box;cursor:pointer;}
.getintouch .list .item ul li button i{font-size:0.25rem; margin-left:25px; line-height:53px;}

.getintouch .list .item dl{margin-top:20px;}
.getintouch .list .item dl dd{display:flex; flex-wrap:nowrap;justify-content:left;align-items:start; text-align:left; margin-bottom:15px;}
.getintouch .list .item dl dd b{font-size:0.2rem; color:#000;margin-left:0; font-weight:bold; font-family:var(--fontH)}
.getintouch .list .item dl dd a{font-size:0.2rem; color:#000; width:calc(100% - 85px);margin-left:0;margin-right:auto;}
.getintouch .list .item dl dd img{display:block; margin-top:15px;}
.getintouch .list .item dl dd:last-child{margin-bottom:0;}

.reviews{background:#eeede6;padding:75px 0;}
.reviews .title{display:block; text-align:center;}
.reviews .title img{display:block; width:auto; margin:0 auto;}
.reviews .mySwiper{max-width:770px; margin:0 auto; text-align:center; padding-bottom:80px; margin-top:60px;}
.reviews .mySwiper p{font-size:0.16rem;color:#333;display:block; }
.reviews .mySwiper strong{font-size:0.16rem;color:#000; margin-top:40px; display:block; font-family:var(--fontH); font-weight:normal;}
.reviews .mySwiper .swiper-pagination-bullet{width:30px; height:2px; background:#d6d4c8; opacity:1;}
.reviews .mySwiper span.swiper-pagination-bullet-active{width:30px; height:2px; background:#c9b188;}

.footer{background:#fff;padding:75px 0 35px 0px;}
.footer .item:first-child{max-width:760px; margin-left:0;}
.footer .item h3{display:block;font-size:0.55rem; color:#000000; line-height:1.4;}
.footer .item:last-child{max-width:600px;width:600px;margin-right:0; text-align:left; margin-top:20px;}
.footer .item:last-child a.footemail{font-size:0.34rem;color:#000000;display:block; margin-top:15px;}
.footer .item:last-child a.footwhatsapp{font-size:0.2rem;color:#000000;display:block;margin-top:35px;}
.footer .copyby{margin-top:70px;}
.footer .item:first-child a{ margin-top:15px;}



.floatForm{position:fixed;right:0;bottom:-200%;z-index:10; transition: linear 0.35s; overflow: hidden;}
.floatForm[typeof='close']{ bottom:-200%;}
.floatForm[typeof='open']{ bottom: 0;}
.floatForm .contactTop{ overflow: hidden; display: flex; justify-content: space-between; margin-left: -20px; margin-top: -30px; position: relative; height: 75px; margin-bottom: 0.2rem; align-items: center;}
.floatForm .contactTop:before{position:absolute;top:0;left:0;width:0;height:0;border-color:var(--maincolor) transparent transparent transparent;border-style:solid;border-width:75px 98px 0 0;content:"";}
.floatForm .contactTop .contactLogo{ margin-left: 20px; margin-top: 5px; position: relative; z-index: 3; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px #333; background: #fff; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 5px;}
.floatForm .contactTop .contactLogo img{ max-width: inherit; width: 100%; height: auto;}
.floatForm .contactForm{width:90%;max-width:380px;z-index:1; padding:30px 20px;background-color:#f3f3f3;border:1px solid #d5d5d5; overflow: hidden; border-radius: 10px;}
.floatForm .contactForm .btnclose{display:inline-flex;width:30px;height:30px;background-color:#000;border:3px solid #fff;border-radius:50%;z-index:1;align-items: center;justify-content: center;cursor:pointer; margin: 0;}
.floatForm .contactForm .btnclose>i{font-size:0.12rem;color:#fff;font-weight:bold;}
.floatForm .contactForm .quickQuoteTitle{font-size:22px;line-height:24px;color:#171717;font-weight:600;margin-bottom:20px;}
.floatForm .contactForm input,.contactForm textarea{padding:12px;width:100%;border:1px solid #dadada;margin-bottom:10px;background-color:#fff;color:#000;resize:none; font-size:0.12rem; box-sizing: border-box;}
.floatForm .contactForm .submit{padding:0.0rem 0.2rem;min-width:100%;font-size:0.14rem;border:1px solid var(--maincolor);background-color:var(--maincolor);text-align:center;color:#fff;display:inline-block; height: auto; box-shadow:none; box-sizing: border-box; border-radius: 0;}
.floatForm .contactForm .submit:hover{color:var(--maincolor);}
@media (min-width:1px) and (max-width:1081px){
	.floatForm[typeof='open']{ bottom: 50px;}
}


/**********右侧浮动**********/
#float{position:fixed;right:15px;top:50%;margin-top:-80px;z-index:9; padding:0.15rem;  background:#c9b188; border-radius:45px;}
#float .ico{  display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; cursor: pointer; position: relative;}
#float .ico i{ font-size: 0.25rem;}
#float .ico:hover{color:#000}

.mbMenu{display:none;position:fixed;bottom:0; left:0; width:100%; z-index:999; background:#fff; border-top:solid 1px #eaeaea;}
.mbMenu ul li{width:20%;}
.mbMenu ul li a{display:block; text-align:center; padding:5px 0;}
.mbMenu ul li a i{display:block; color:#000;}
.mbMenu ul li a span{display:block; font-size:0.12rem; color:#000;}


nav{overflow:hidden;position:fixed;left:0;top:0;z-index:9; transform:translateX(-400px);height:100%;width:400px;transition:all .8s cubic-bezier(.8, 0, .33, 1);border-radius:0 0 100% 50%}
nav.nav-open{transform:translateX(0);border-radius:0 0 0 0;background:rgba(0,0,0,.8)}

nav .menu-btn{position:absolute;top:15px;right:5%;padding:0;width:30px;cursor:pointer;z-index:2; display:none;}
nav .menu-btn .line{padding:0;width:30px;background:#fff;height:2px;margin:5px 0;transition:all .7s cubic-bezier(.9, 0, .33, 1)}
nav .menu-btn .line.line--1{width:30px;transform:rotate(0) translateY(0)}
nav .menu-btn .line.line--1.line-cross{width:30px;transform:rotate(45deg) translateY(10px);background:rgba(255,255,255,1)}
nav .menu-btn .line.line--2{width:28px;transform:translateX(0)}
nav .menu-btn .line.line--2.line-fade-out{width:28px;transform:translate(30px);opacity:0}
nav .menu-btn .line.line--3{width:20px;transform:rotate(0) translateY(0)}
nav .menu-btn .line.line--3.line-cross{width:30px;transform:rotate(-45deg) translateY(-10px);background:rgba(255,255,255,1)}
nav .nav-links{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateX(-100px);opacity:0;transition:all .9s cubic-bezier(.9, 0, .33, 1)}
nav .nav-links.fade-in{opacity:1;transform:translateX(0)}
nav.nav-open .menu-btn{display:block;}
nav .nav-links ul{display:block; padding:25px;}
nav .nav-links ul li{display:block;padding:10px 0; }
nav .nav-links ul li a{display:block; font-size:0.18rem;color:#fff; line-height:2;}



@media (min-width:1px) and (max-width:1081px){
	.header{margin-top:0px; top:0px;}
	.header .item.logo{width:70px;margin-left:0;}
	.header .item.logo a{display:block;margin-left:0;}
	.header .item.logo a img{display:block;margin-left:0;}
	.header .item.sharelist{width:120px; margin-right:0; text-align:right;}
	.header .item.sharelist ul li a i{font-size:0.18rem;}
	.header .item.nvalist{display:none;}
	.banner .container{position:relative; left:0;top:0; transform:translate(0,0); width:100%;background:var(--maincolor); padding:15px;}
	.banner .container .content h2{font-size:0.24rem;color:#fff;font-weight:bold;}
	.banner .container .content p{font-size:0.14rem;color:#fff;}
	.section1{display:block; padding:40px 0;}
	.section1 .container2{width:100%;display:block; padding:0 15px;clear: both;}
	.section1 ul{display:block; width:100%;}
	.section1 ul li{float:left; width:33%; text-align:center;margin-bottom:10px;}
	.section1 ul li a img{max-width:100%;}
	.section1 ul li a h3{margin-top:10px; font-size:0.14rem;}
	.catelist .prolist{padding:35px 0;}
	.catelist .prolist .item{display:block;width:100%; margin-right:0; margin-bottom:25px;}
	.catelist .prolist .item .txt{padding:15px;}
	.catelist .prolist .item .txt h4{font-size:0.18rem;}
	.catelist .prolist .item .txt p{font-size:0.14rem;-webkit-line-clamp: 4;}
	.catelist .content{padding:15px; background-size:25%!important}
	.catelist .cateBgImg{height:auto;background:none!important;}
	.catelist .cateBgImg .bg{background:#fff;}
	.catelist .content .txt{-webkit-line-clamp: 50;}
	.advantages{ padding:40px 0;}
	.advantages .list .item{display:block;width:100%; margin-right:0; margin-bottom:25px;}
	.advantages .title .title_txt h3{font-size:0.24rem;}
	.advantages .title .title_txt{margin-bottom:15px;}
	.about{padding:40px 0;}
	.about .listitem .item{display:block;width:100%; margin-right:0; margin-bottom:25px;}
	.about .list .item{width:100%;}
	.about .list .item h3{font-size:0.24rem;}
	.about .list .item p{margin:25px 0;}
	.about .list .item.img{margin-top:15px;}
	.about .listitem{margin-top:25px;}
	.about .listitem .item .bg span{font-size:0.18rem;}
	.process{padding:40px 0;}
	.process .title .title_txt{margin-bottom:15px;}
	.process .list{display:block; height:auto;}
	.process .list .line{width:1px; height:100%; left:13px; top:0px; transform:translate(0,0)}
	.process .list .item{display:block;width:100%; margin-right:0; margin-bottom:25px;}
	.process .list .item span{position:absolute; left:0;top:0;}
	.process .list .item i{margin-left:10px;}
	.process .list .item p{margin-left:10px; text-align:left; font-size:0.16rem;}
	.process .list .item.item2{margin-top:0;}
	.case{padding:40px 0;}
	.case .title .title_txt{margin-bottom:15px;}
	.case .title .title_txt h3{font-size:0.2rem;}
	.case .list{margin-top:25px;}
	.case .list .listitem:first-child{width:100%; margin:0;}
	.case .list .listitem{width:100%; margin:0;}
	.case .list .listitem:last-child{width:100%; margin:0;}
	.case .list .listitem .item h4{font-size:0.12rem;}
	.case .list .listitem:last-child .item .picimg img{ width:100%;}
	.faq{padding:40px 0;}
	.faq .title .title_txt{margin-bottom:15px;}
	.faq .faqlist h3{display:none;}
	.faq .title .title_txt h3{font-size:0.24rem;}
	.faq .title{padding-top:300px; width:100%;}
	.faq .faqlist{display:block; width:100%;}
	.faq .faqlist ul li .tit span{font-size:0.14rem; max-width:calc(100% - 40px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
	.getintouch{padding:40px 0;}
	.getintouch .list .item h3{font-size:0.24rem;}
	.getintouch .list .item:first-child{width:100%;}
	.getintouch .list .item:last-child{width:100%;}
	.getintouch .list .item dl dd b{font-size:0.16rem;}
	.getintouch .list .item dl dd a{font-size:0.16rem;}
	.reviews{padding:40px 0;}
	.reviews .mySwiper{margin-top:30px;padding-bottom: 40px;}
	.footer .item:first-child{width:100%;}
	.getintouch .list .item:first-child{padding:20px;}
	.footer{padding:40px 0 80px 0;}
	.footer .item:first-child a{margin-top:15px;}
	.footer .item:last-child{width:100%;}
	.footer .item:last-child img{display:none;}
	.footer .item h3{font-size:0.25rem;}
	.footer .item:last-child a.footwhatsapp{margin-top:10px;}
	.footer .copyby{margin-top:15px;}
	#float{display:none;}
	.mbMenu{display:block;}
}

@media (min-width:1080px) and (max-width:1201px) {
	.header .item.logo{width:70px;}
	.header .item.sharelist{width:150px;}
	.header .item.nvalist{width:calc(100% - 220px);}
	.header .item.nvalist ul.menulist li{padding: 0px 10px;}
	.header .item.nvalist ul.menulist li a{font-size:0.16rem;}
	.banner .container{width: calc(100% - 132px); margin: 0 auto; top:40%;}
	.banner .container .content h2{font-size:0.5rem;}
	.section1 .container2{width: calc(100% - 132px);}
	.catelist .prolist .item{width: calc((100% - 60px)/3);margin-right: 30px;}
	.catelist .prolist2 .item{width: calc((100% - 30px)/2);margin-right: 30px;}
	.catelist .prolist .item .txt h4{font-size:0.14rem;}
	.catelist .prolist2 .item .txt h4{font-size:0.16rem;}
	.catelist .prolist .item .txt p.pd{font-size:0.14rem;}
	.catelist .prolist .item .txt dl dd span{font-size:0.12rem;}
	.advantages .list .item h4{font-size:0.14rem;}
	.advantages .list .item p{font-size:0.12rem;}
	.about .list .item{width:48%;}
	.about .list .item.img{width:48%;}
	.about .list .item h3{font-size:0.35rem;}
	.about .list .item p{margin-top: 15px;margin-bottom:25px;}
	.about .listitem .item{width: calc((100% - 40px)/3);margin-right: 20px;}
	.process .list .item{padding:0;}
	.process .list .item p{font-size:0.14rem; height:59px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	.case .list .listitem .item h4{font-size:0.12rem;}
	.faq .title{width:48%; padding-top:320px;}
	.faq .faqlist{width:48%}
	.faq .faqlist ul li .tit span{font-size:0.16rem; max-width:calc(100% - 60px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
	.getintouch .list .item:first-child{width:48%;}
	.getintouch .list .item:last-child{width:48%;}
	.footer .item:first-child{width:48%;}
	.footer .item:last-child{width:48%;}
	.footer .item h3{font-size:0.35rem;}
	.footer .item:last-child{margin-top:0px;}
	.footer .item:last-child a.footwhatsapp{margin-top:0px;}

}

@media (min-width:1200px) and (max-width:1441px) {
	.header .item.logo{width:70px;}
	.header .item.sharelist{width:150px;}
	.header .item.nvalist{width:calc(100% - 220px);}
	.header .item.nvalist ul.menulist li{padding: 0px 10px;}
	.header .item.nvalist ul.menulist li a{font-size:0.16rem;}
	.banner .container{width: calc(100% - 132px); margin: 0 auto; top:40%;}
	.banner .container .content h2{font-size:0.5rem;}
	.section1 .container2{width: calc(100% - 132px);}
	.catelist .prolist .item{width: calc((100% - 60px)/3);margin-right: 30px;}
	.catelist .prolist2 .item{width: calc((100% - 30px)/2);margin-right: 30px;}
	.catelist .prolist .item .txt h4{font-size:0.14rem;}
	.catelist .prolist2 .item .txt h4{font-size:0.16rem;}
	.catelist .prolist .item .txt p.pd{font-size:0.14rem;}
	.catelist .prolist .item .txt dl dd span{font-size:0.12rem;}
	.advantages .list .item h4{font-size:0.14rem;}
	.advantages .list .item p{font-size:0.12rem;}
	.about .list .item{width:48%;}
	.about .list .item.img{width:48%;}
	.about .list .item h3{font-size:0.35rem;}
	.about .list .item p{margin-top: 15px;margin-bottom:25px;}
	.about .listitem .item{width: calc((100% - 40px)/3);margin-right: 20px;}
	.process .list .item{padding:0;}
	.process .list .item p{font-size:0.14rem; height:59px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
	.case .list .listitem .item h4{font-size:0.12rem;}
	.faq .title{width:48%; padding-top:320px;}
	.faq .faqlist{width:48%}
	.faq .faqlist ul li .tit span{font-size:0.16rem; max-width:calc(100% - 60px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
	.getintouch .list .item:first-child{width:48%;}
	.getintouch .list .item:last-child{width:48%;}
	.footer .item:first-child{width:48%;}
	.footer .item:last-child{width:48%;}
	.footer .item h3{font-size:0.35rem;}
	.footer .item:last-child{margin-top:0px;}
	.footer .item:last-child a.footwhatsapp{margin-top:0px;}
	
}
@media (min-width:1441px) and (max-width:1650px) {
	.header .item.nvalist ul.menulist li{    padding: 0px 10px;}
	.banner .container{width: calc(100% - 132px); margin: 0 auto;}
	.process .list .item p{font-size:0.12rem;}
	.case .list .listitem .item h4{line-height:55px;}
	.case .list .listitem:last-child .item h4{font-size:0.14rem;}
	.faq .title{width:48%; padding-top:320px;}
	.faq .faqlist{width:48%}
	.faq .faqlist ul li .tit span{font-size:0.16rem;}
	.getintouch .list .item:first-child{width:48%;}
	.getintouch .list .item:last-child{width:48%;}
	.footer .item:first-child{width:48%;}
	.footer .item:last-child{width:48%;}
	.footer .item h3{font-size:0.4rem;}
}