*{margin:0;padding:0}
@font-face {
    font-family: 'MicrosoftYaHei';
    src: url('../fonts/PINGFANGHEAVY.ttf') format('Light');

}

@font-face {
    font-family: 'DinMedium';
    src: url('../fonts/DINMedium.otf') format('truetype');
}


body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal; font-family: 'MicrosoftYaHei', sans-serif;}
a:active,a:hover,a:link,a:visited{text-decoration:none}
a{text-decoration:none}
li{list-style-type:none}
ol,ul{list-style-type:none;list-style-image:none}
input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
select{-webkit-appearance:none}
html{font-size:12px}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul,h3{font-size:15px}}
.html{overflow:hidden}
.swiper-slide video{width:100%;}
.conbox{margin:0 auto;max-width:1600px;position:relative}
.content{margin:0 auto;width:100%; background:url(../images/body.jpg) no-repeat top left; overflow:hidden; background-size:100% 100%}
.head{width:100%; margin:0 auto; position:fixed; z-index:9;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; z-index:99999}
.head .logo{float:left; margin:10px 0;width:110px}
.head .logo img{ display:inline-block; width:100%}
.head .tel{ float:right; font-size:20px; font-weight:bold; color:#000; line-height:80px;}
.head .wxchar{ float:right; font-size:20px; font-weight:bold; color:#000; line-height:80px; margin:0 10px; position:relative;}
.head .wxchar img{ vertical-align:sub; margin-right:8px; width:25px;}
.head .wxchar .weixin{width:90px; height:90px; background:#fff; padding:10px; position:absolute; left:-40px; top:80px;display:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }
.head .wxchar .weixin img{width:100%; margin:0}
.head .wxchar:hover .weixin{ display:block}
.head .tel img{ vertical-align:sub; margin-right:8px; width:25px}
.head .nav{float:right;height:80px}
.head .nav ul li{float:left;text-align:center;position:relative;line-height:80px;}
.head .nav ul li a{color:#000;font-size:15px;padding:0 30px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out }
.head .nav ul li a:hover{color:#000; font-weight:bold}
.head .nav ul li ul li:last-child:after{ display:none}
.head .nav ul li ul{position:absolute; top:120px;z-index:1;left:0%; width:100%; visibility:hidden; opacity:0;background:#fff;z-index:99;  padding:10px 0; box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 10%); text-align:center;border-radius:10px}
.head .nav ul li:last-child ul{ left:auto; right:0px;}
.head .nav ul li:hover ul{display:block; top:80px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; opacity:1; visibility:inherit}
.head .nav ul li:last-child a{ padding:0 20px 0 30px}
.head .nav ul li ul li:last-child a{ padding:0}
.head .nav ul li:last-child a:hover{ font-weight:inherit;}
.head .nav ul li ul dl{ overflow:hidden;}
.head .nav ul li i{font-size:15px; position:absolute;top:5px;right:0px; height:30px;padding:0px 7px 0 7px; font-weight:400;transform:rotate(0deg);transition:all ease 0.35s}
.head .nav ul li:hover i svg{transform:rotate(180deg)}
.head .nav ul li ul dl li{line-height:40px;height:auto;overflow:hidden;width:100%; position:relative;}
.head .nav ul li ul li a{color:#333;font-size:15px; padding:0px; font-weight:400;}
.head .nav ul li ul li a:hover{color:#fff}
.head .nav ul li ul li a:hover{color:#ffae02}
.head .white .nav ul li ul li a:after{content:"";margin:0}
.head .white .nav ul li:last-child:after{content:"|";margin:0;color:#fff; position:absolute; top:0; right:0}
.had .white .nav ul li:last-child:after{color:#8294a2}
.headshow .nav ul li:last-child:after{content:"|";margin:0;color:#8294a2; position:absolute; top:0; right:0}
.head .sp_nav{display:none}
.head .btn{display:none}
.had{ background:#fff;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 16%); transition: all .4s ease;}
.banner,.swiper-container { width: 100%;}
.indexbanner{ position:relative}
.mobilebanner{ display:none}
.banner .swiper-slide img{width:100%;height:auto;}
.indexbanner .bslong{ position:absolute; bottom:-6%; left:0; margin:0 auto;width:100%;z-index:999}
.indexbanner .bslong img{width:100%}
.about{ max-width:1600px; margin:0 auto 100px; overflow:hidden}
.aboutleft{ margin-top:120px; float:left; overflow:hidden; width:40%}
.abouttit{ font-size:36px; color:#000;margin-bottom:40px; line-height:50px; font-weight:bold}
.abouttxt{ font-size:15px; line-height:25px; color:#000;}
.aboutright{ float:right; margin-top:5%; text-align:right; width:30%}
.aboutright img{ width:50%}
.culture{ max-width:1600px; margin:100px auto; overflow:hidden}
.culture h1{ font-size:30px; color:#000; text-align:center; font-weight:inherit}
.culbox{ width:100%; background:url(../images/culbg.png) no-repeat center bottom; padding-bottom:50px}
.culture h2{ font-size:25px; color:#000; text-align:center; margin-top:50px}
.culture p{ font-size:15px; line-height:40px; margin-top:20px; text-align:center}
.services{ max-width:1600px; margin:0 auto 100px; overflow:hidden}
.title h1{ font-size:30px; color:#000; text-align:center; }
.title h3{ font-size:18px; color:#414141; text-align:center; font-weight:normal; line-height:40px}
.serlist{ margin:40px auto 0; overflow:hidden}
.serlist ul li{ float:left;width:23.5%; overflow:hidden; margin-right:2%; position:relative}
.serlist ul li:last-child{ margin-right:0}
.serlist ul li dl{ margin-top:20px; overflow:hidden; position:relative}
.serlist ul li dl dt{ font-size:25px;color:#000; line-height:50px;}
.serlist ul li dl dt em{ font-size:18px; font-style:normal;}
.serlist ul li dl dd{font-size:15px;color:#000; line-height:25px}
.serlist ul li:last-child dl dt:after{content:"+"; position:absolute;top:-10px;}
.serlist ul li div{width:100%; height:100%; overflow:hidden; border-radius:20px; font-size:0}
.serlist ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%; height:100%}
.serlist ul li div span{ position:absolute; top:0; left:0; height:60%; width:60%; background:rgba(0,0,0,0.6); opacity:0; padding:30% 20%}
.serlist ul li div span h1{ font-size:25px; color:#fff; font-weight:normal; line-height:40px}
.serlist ul li div span p{ font-size:15px; line-height:25px; color:#fff; margin-top:20px}
.serlist ul li:hover div span{ opacity:1}
.serlist ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.youshi{ max-width:1600px; margin:0 auto 50px; overflow:hidden}
.youshilist{background:rgba(255,255,255,0.7); margin:50px 10px;border-radius:30px; overflow:hidden;box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 10%);transition: all .4s ease;}
.youshilist ul li{ float:left; width:42%; overflow:hidden; border-left:10px #bfcc41 solid; margin:3% 3%; padding:0 2%;box-sizing:border-box}
.youshilist ul li span:after{ content:''; background:url(../images/line.png) no-repeat left top; display:block; width:100%; height:1px; margin-top:8px;opacity:0.7}
.youshilist ul li span{ display:block;color:#1d1d1f; font-size:25px; margin-bottom:15px}
.youshilist ul li p{ font-size:15px; color:#1d1d1f; line-height:25px;}
.youshilist ul li:nth-child(2n){ float:right}
.youshilist ul li:nth-child(2){border-left:10px #fda444 solid;}
.youshilist ul li:nth-child(3){border-left:10px #72c1eb solid;}
.youshilist ul li:nth-child(4){border-left:10px #588a8b solid;}
.cases{ max-width:1600px; margin:0 auto 100px; overflow:hidden}
.casestype{ background:#fff;height:60px;border-radius:30px;box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 10%);transition: all .4s ease; margin:50px auto 80px; max-width:1600px;color:#3b3b3b;}
.casestype ul li{ float:left; overflow:hidden; margin:5px 2%; line-height:50px; height:50px; text-align:center;width:10.28%; cursor:pointer;}
.casestype ul li img{ width:20%; vertical-align:middle}
.casestype ul li a{color:#3b3b3b}
.casestype ul li.active{ background:url(../images/curr.jpg) no-repeat center center; background-size:100% 100%;border-radius:25px; font-weight:bold}
.caseslist{ overflow:hidden; max-width:1600px; margin:0 auto; position:relative;}
.caseslist ul li{width:100%; overflow:hidden; position:absolute;}
.caseslist ul li dl{ float:left; width:20%; margin-top:10%;opacity: 0;transform: translateX(50px);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.caseslist ul li dl dt{ font-size:25px;  color:#000; margin-bottom:15px}
.caseslist ul li dl dt img{width:15%; vertical-align:middle; margin-right:10px}
.caseslist ul li dl dd{ font-size:15px; line-height:25px;color:#000; padding-left:17%;}
.caseslist ul li div{width:60%; float:right;opacity: 0;transform: translateX(-50px);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index:1}
.caseslist ul li div img{width:100%}
.caseslist ul li.active dl{opacity:1;transform: translateX(0); }
.caseslist ul li.active div{opacity:1;transform: translateX(0); }
.caseslist ul li span{ display:block;opacity: 0; overflow:hidden; position:absolute; top:5%; left:15%;z-index:-1;transform:translate(-50px, -100px);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.caseslist ul li span img{width:60%}
.caseslist ul li.active span{opacity:1;transform:translate(0,0); }
.caseslist ul li:nth-child(2) span{top:5%; left:5%;}
.caseslist ul li:nth-child(3) span{top:5%; left:25%;}
.caseslist ul li:nth-child(4) span{top:5%; left:8%;}
.caseslist ul li:nth-child(5) span{top:5%; left:10%;}
.caseslist ul li:nth-child(6) span{top:5%; left:25%;}
.nbanner{ width:100%; overflow:hidden; position:relative}
.nbanner img{width:100%;}
.nbanner .bannerbox{width:100%;overflow:hidden; position:absolute; top:0;left:0; text-align:center; height:100%}
.nbanner .bannerbox .txtbox{ max-width:780px; margin:20% auto 0;}
.nbanner .txtbox h1{ font-size:30px; color:#fff; font-weight:inherit}
.nbanner .txtbox p{font-size:15px; color:#fff; line-height:30px; text-align:left; margin-top:30px}
.context{margin:50px 10px 0;background: linear-gradient(to bottom, #fff 10%,rgba(255,255,255,0) 50%);border-radius:30px;box-shadow:0px 0px 1px 0px rgb(38 38 39 / 10%); padding:2% 3%; overflow:hidden}
.contact{max-width:1600px;margin:0 auto 30px; overflow:hidden}
.conleft{ float:left;width:35%; overflow:hidden;}
.conleft h1{ font-size:25px; color:#889fb8;   line-height:70px}
.conleft h1:after{content:'';color:#363636; display:block; border-bottom:1px solid #363636;}
.conleft p{ font-size:15px; color:#000; line-height:30px; margin-top:20px}
.conleft p em{ font-style:normal; text-indent:5em; display:block}
.conright{ float:right; width:55%; overflow:hidden; color:#000; line-height:25px}
.conright img{width:100%}
.footer{ background:url(../images/footbg.jpg) no-repeat center top; background-size:100% 100%; width:100%; overflow:hidden;}
.footbox{max-width:1600px; margin:30px auto 0;}
.footleft{ float:left; width:30%; }
.footlogo{width:150px;}
.footlogo img{width:100%}
.footleft p{ font-size:15px;color:#fff;letter-spacing:4px; text-align:center; line-height:40px;width:150px}
.footleft .icoimg{ margin-top:20px; display:flex}
.footleft .icoimg ul li{ float:left; margin-right:10px; text-align:center; position:relative}
.footleft .icoimg ul li img{width:60%}
.footleft .icoimg ul li span{ position:absolute;width:90px; height:90px; padding:10px;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; display:none}
.footleft .icoimg ul span img{width:100%;}
.footleft .icoimg ul li:nth-child(1) span{left:-40px; top:30px;}
.footleft .icoimg ul li:nth-child(3) span{left:-10px; top:30px;}
.footleft .icoimg ul li:nth-child(4) span{left:-20px; top:30px;}
.footleft .icoimg ul li:hover span{ display:block}
.footcontact{ margin-top:30px; overflow:hidden; font-size:15px; color:#fff; line-height:25px;width:200%}
.footcontact a{color:#fff;}
.footcontact em{ font-style:normal; text-indent:2.4em; display:block;margin-bottom:20px}
.footnav{width:60%; float:left; overflow:hidden; }
.footnav ul{ float:left; margin-right:10%; margin-top:5%}
.footnav ul h3{ font-size:18px; color:#fff; overflow:hidden; font-weight:normal; margin-bottom:20px; max-width:80px}
.footnav ul:nth-child(1) h3{max-width:40px}
.footnav ul h3:after{content:'';display:block; border-bottom:1px solid #636363; padding-bottom:10px}
.footnav ul h3 a{ color:#fff}
.footnav ul li{ font-size:15px; color:#636363; line-height:30px;}
.footnav ul li a{color:#636363}
.footchar{width:100px; float:right; font-size:15px; color:#fff; line-height:30px; text-align:center; margin-top:5%}
.footchar img{width:100%}
.links{max-width:1600px; margin:0 auto; overflow:hidden}
.copyright{line-height:30px; border-top:1px solid #636363; font-size:15px; color:#fff; padding:20px 0; margin-top:20px}
.copyright a{color:#fff; margin-right:20px}
.copyright span{ display:block; float:right}
.white .sp_nav span{ background:#fff}
.white .nav ul li a{color:#fff}
.white .nav ul li i svg{fill:#fff;}
.white .tel{color:#fff}
.white .tel a{color:#fff}
.had .white .tel a{color:#000}
.headshow .tel a{color:#000}
.white .nav ul li a:hover{color:#fff}
.white .logo img:nth-child(2){ display:none;}
.white .wxchar img:nth-child(2){ display:none;}
.white .tel img:nth-child(2){ display:none;}
.had .white .logo img:nth-child(1){ display:none;}
.had .white .logo img:nth-child(2){ display:block;}
.had .white .wxchar img:nth-child(1){ display:none;}
.had .white .wxchar img:nth-child(2){ display:inline-block;}
.had .white .wxchar .weixin img{ display:block;}
.had .white .tel img:nth-child(1){ display:none;}
.had .white .tel img:nth-child(2){ display:inline-block;}
.had .white .nav ul li i svg{fill:#000}
.had .white .nav ul li a{color:#000}
.had .white .tel{color:#000}
.partner{ width:100%; background:url(../images/partner.jpg) no-repeat center center; background-size:100% 100%; overflow:hidden}
.partner h1{ font-size:30px; color:#fff; text-align:center; margin:50px 0; overflow:hidden; font-weight:inherit}
.partner ul{ max-width:1600px; margin:0 auto 5%; overflow:hidden}
.partner ul li{width:6.5%; float:left; overflow:hidden; text-align:center; margin:1% 3%}
.partner ul li img{width:100%;}
.caselink{ margin:80px auto; text-align:center; font-size:25px; color:#000}
.caselink a{color:#000}
.caselink:hover{ font-weight:bold}

.headshow{ background:#fff;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 16%); transition: all .4s ease;top:0}
.currlocation{ margin:150px auto 50px; overflow:hidden;max-width:1600px; background:url(../images/home.png) no-repeat left center; text-indent:2em; font-size:15px;color:#7e7e7e;background-size:20px}
.currlocation a{ padding:0 5px ;color:#7e7e7e;}
.currlocation a:after{ content:">"; padding-left:5px; font-family:"宋体"}
.currlocation a:last-child:after{content:""}
.currlocation1{background:rgba(0,0,0,0.4); text-indent:2em; font-size:15px; position:absolute; height:50px; width:100%; bottom:0}
.locationbox{max-width:1600px; background:url(../images/home1.png) no-repeat left center; text-indent:2em; font-size:15px;color:#fff; margin:0 auto; height:50px; line-height:50px; background-size:20px}
.locationbox a{ padding:0 5px ;color:#fff;}
.locationbox a:after{ content:">"; padding-left:5px; font-family:"宋体"}
.locationbox a:last-child:after{content:""}
.scope{ max-width:1600px; overflow:hidden; margin:50px auto}
.scope dl{width:100%; background:url(../images/scope.png) no-repeat center center; background-size:100% 100%; overflow:hidden; margin-top:50px}
.scope dl h1{ font-size:30px; display:block; color:#fff; text-align:center; margin-top:80px;letter-spacing:6px;}
.scope dl h3{ font-size:14px; display:block; color:#fff; text-align:center; margin-top:10px; font-weight:inherit;text-transform: uppercase;}
.scope dl p{ width:60%; margin:30px auto 80px; font-size:15px; line-height:25px;color:#fff}
.scope dl ul{overflow:hidden}
.scope ul li{margin-top:50px; background:#f7f7f7; overflow:hidden; width:100%;}
.scope ul li .scopeleft{ float:left; width:44%; padding:3%}
.scope ul li .scopeleft h1{ font-size:25px; font-weight:normal; color:#000;letter-spacing: 2px;}
.scope ul li .scopeleft h3{ font-size:12px;text-transform: uppercase;}
.scope ul li .scopeleft p{ font-size:15px; color:#000; line-height:25px; margin-top:30px; width:80%}
.scope ul li .scopeleft span{ margin-top:80px; font-size:15px; color:#000; display:inline-grid}
.scope ul li .scopeleft span a{color:#000}
.scope ul li .scopeleft span:after{content:""; border-bottom:1px solid #000; line-height:10px; height:10px;}
.scope ul li .scopeleft span em{ font-style:inherit;font-family:"宋体"}
.scope ul li .scopeleft span:hover{ font-weight:bold}
.scope ul li .scoperight{ float:right; width:50%; overflow:hidden;}
.scope ul li:nth-child(2n) .scopeleft{ float:right;}
.scope ul li:nth-child(2n) .scoperight{ float:left;}
.scope ul li .scoperight img{width:100%;-webkit-transition:all .5s;transition:all .5s;width:100%;}
.scope ul li:hover .scoperight img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.process{max-width:1600px; overflow:hidden; margin:50px auto}
.process dl{ margin-top:50px; overflow:hidden;}
.process dl h1{ font-size:25px; font-weight:normal; color:#000;letter-spacing: 2px;}
.process dl h3{ font-size:12px;text-transform: uppercase;}
.process ul{overflow:hidden; margin-top:60px}
.process ul li{width:22%; margin-right:4%; float:left; height:0; padding-bottom:22%;border-radius:20px; position:relative; margin-bottom:4%; overflow:hidden}
.process ul li:nth-child(4n){ margin-right:0}
.process ul li img{width:100%; height:100%; position:absolute; top:0; left:0; display:block;object-fit:cover;-webkit-transition:all .5s;transition:all .5s;width:100%;}
.process ul li span{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0}
.process ul li .probox{ position:absolute; top:60%;width:88%; margin:0 6%; z-index:9999}
.process ul li .probox h1{ font-size:20px;color:#fff; font-weight:normal; margin-bottom:10px}
.process ul li .probox h3{ font-size:15px; color:#fff; line-height:25px;font-weight:normal}
.process ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.project{max-width:1600px; overflow:hidden; margin:50px auto}
.project dl{ margin-top:50px; overflow:hidden;}
.project dl dd{ width:100%; height:50px; line-height:50px; font-size:30px;  position:relative; overflow:hidden; text-align:center; font-weight:600;color:#bcbcbc}
/*.project dl dd:after{ content:""; border-bottom:1px solid #969696; position:absolute; top:25px;left:120px; display:block; overflow:hidden; width:100%; height:1px}*/
.project ul{ margin-top:40px; overflow:hidden}
.project ul li{ float:left;width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden;}
.project ul li div{background:#c2c2c2;width:100%;height:0; padding-bottom:60%; overflow:hidden;position:relative;}
.project ul li div img{width:100%; height:100%;position: absolute;top: 0;left: 0;display: block;object-fit: cover;-webkit-transition:all .5s;transition:all .5s;}
.project ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.project ul li:nth-child(4n){ margin-right:0}
.project ul li h1{ font-size:16px; overflow:hidden; display:block; margin-top:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.project ul li a h1{ color:#000}
.project ul li h3{ font-size:15px; overflow:hidden; display:block; line-height:35px; font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.project ul li a h3{ color:#000}
.project ul li:last-child div span{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); font-size:16px; text-align:center;color:#fff;display: flex;align-items: center;justify-content:center;}
.project ul li:last-child div span:after{content:""; background:url(../images/more.png) no-repeat center right;width:50px; height:20px; background-size:80%; padding-left:10px}
.project dl dd.customtitle:after{left:160px;}
.project dl dd em:after{content: "+";position: absolute;top: -10px; font-style:normal}
.customized{ margin:20px 0; overflow:hidden}
.customized img{width:100%}
.customized h1{font-size:20px; line-height:60px;color:#000}
.customized p{ font-size:15px; line-height:30px; color:#000}
.nbanner .casebanner { background:rgba(0,0,0,0.5)}
.nbanner .casebanner .txtbox{ margin:18% auto 0}
.nbanner .casebanner .txtbox p{ text-align:center;margin-top:10px}
.xiangqing{ max-width:1600px; margin:80px auto; overflow:hidden}
.xqbox{ overflow:hidden}
.xqleft{width:40%; float:left; overflow:hidden}
.xqleft h1{ font-size:25px; color:#000;}
.xqleft h3{ font-size:16px; color:#000; font-weight:normal; line-height:50px}
.xqtxt{ font-size:15px; line-height:25px; color:#000; border-top:1px solid #969696; padding-top:20px}
.xqright{ float:right; width:30%; text-align:left}
.xqright ul li{width:100%; line-height:30px; font-size:15px;}
.xqright ul li a{color:#000}
.xqbody{ margin-top:80px; overflow:hidden;width:100%; background:#dad9da}
.xqright ul li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xqbody .mySwiper .swiper-slide img{width:100%}
.xqbody .mySwiper .swiper-button-prev,.xqbody .mySwiper .swiper-button-next{ background:#b83f2f; opacity:1; width:35px; height:60px}
.xqbody .mySwiper .swiper-button-prev{ margin-left:15px;}
.xqbody .mySwiper .swiper-button-next{ margin-right:15px}
.xqbody .mySwiper .swiper-button-prev:after,.xqbody .mySwiper .swiper-button-next:after{ font-size:20px; color:#fff}
.xqbody .mySwiper .swiper-button-next.swiper-button-disabled:after, .xqbody .mySwiper .swiper-button-prev.swiper-button-disabled:after{color:#dad9da}
.contactbox{max-width:1600px; margin:0 auto;  height:480px; position:relative}
.conboxbox{ background:#fff; position:absolute;width:96%; top:-200px; left:0; padding:3% 2%}
.conboxbox h1{ font-size:20px}
.conboxbox h3{ font-size:25px; margin-top:20px}
.contactboxleft{margin-top:30px; overflow:hidden;color:#9c9c9c; font-size:15px; line-height:30px; width:30%; float:left}
.contactboxleft a{color:#9c9c9c}
.contactboxleft em{ text-indent:5em; display:block; font-style:normal}
.quick{ margin-top:80px; color:#9c9c9c; font-size:15px; line-height:30px}
.contactboxright{ float:right; width:60%; overflow:hidden;border-radius:20px}
.contactboxright img{width:100%}
.brands{max-width:1600px; margin:0 auto 80px; overflow:hidden; position:relative}
.brands img{width:100%}
.brandbox{width:100%; overflow:hidden; position:absolute; top:30%; text-align:center}
.brandbox img{width:200px}
.brandbox p{ font-size:18px; color:#fff; line-height:50px;}
.quick li{ font-size:15px}
.dingzhi1{width:100%; background:url(../images/dingzhi1.jpg) no-repeat center center; height:100%; background-size:cover}
.dingzhi1 h1{ font-size:30px;color:#fff; text-align:center; font-weight:inherit;letter-spacing:5px;}
.dingzhi1 h3{ font-size:18px; text-align:center; color:#fff; font-weight:inherit; margin-top:10px}
.dingzhi1 p{ font-size:15px; line-height:30px; margin-top:40px; text-align:center; color:#fff}
.dingzhi2{width:100%; background:url(../images/dingzhi2.jpg) no-repeat center center; height:100%; background-size:cover}
.dingzhi2 h1{ font-size:30px;color:#fff; text-align:center; font-weight:inherit;letter-spacing:5px;}
.dingzhi2 h3{ font-size:18px; text-align:center; color:#fff; font-weight:inherit; margin-bottom:10px;letter-spacing:8px;}
.dingzhi2 p{ font-size:15px; line-height:30px; margin-top:40px; text-align:center; color:#fff; max-width:800px; margin:40px auto}
.dingzhi2 .dingzhifuwu{ width:100%; position:absolute; top:75%}
.dingzhi2 .dingzhifuwu ul{width:950px; margin:0 auto; overflow:hidden}
.dingzhi2 .dingzhifuwu ul li{ float:left; overflow:hidden;color:#fff; font-size:30px; font-size:40px; margin:0 50px; width:150px; position:relative}
.dingzhi2 .dingzhifuwu ul li span{ font-size:14px; float:left; line-height:20px; margin-top:7px;width:60px}
.dingzhi2 .dingzhifuwu ul li em{ font-style:inherit; display:inline-block; font-family:'DinMedium', sans-serif;}
.dingzhi2 .dingzhifuwu ul li b{ display:inline-block}
.dingzhi2 .dingzhifuwu ul li:nth-child(1):after{content:"+"; font-size:20px; position:absolute; top:0; font-weight:bold}
.dingzhi2 .dingzhifuwu ul li:nth-child(4){ margin-right:0}
.dingzhi2 .dingzhifuwu ul li:nth-child(3):after{content:"+"; font-size:20px; position:absolute; top:0;  right:10px;}
.dingzhi2 .dingzhifuwu ul li:nth-child(1) span{width:30px}
.dingzhicases{width:80%; margin:0 auto}
.dingzhi3 h1{ font-size:25px; color:#000; font-weight:inherit; margin-top:120px}
.swiper-backface-hidden .swiper-slide{ overflow:hidden}
.swiper-backface-hidden .swiper-slide img{width:100%}
.dingzhicases .swiper{ margin-top:40px}
.dingzhicases .swiper-button{ margin:40px auto; text-align:right; height:50px}
.dingzhicases .swiper-button a{ margin:0 5px;}
.dingzhicases .swiper-button a img{width:30px}
.dingzhicases .swiper-slide dl{ position:absolute; top:3%; left:8%}
.dingzhicases .swiper-slide span{ position:absolute; bottom:3%; right:5%; display:inline-table; width:20px; height:20px; background:#333336;border-radius:10px; text-align:center; color:#fff; line-height:17px}
.dingzhicases .swiper-slide dl dd{ font-size:22px;color:#000}
.dingzhicases .swiper-slide dl dt{ font-size:15px;color:#000}
.dingzhicases .swiper-slide:nth-child(3) dl dd,.dingzhicases .swiper-slide:nth-child(4) dl dd{color:#fff}
.dingzhicases .swiper-slide:nth-child(3) dl dt,.dingzhicases .swiper-slide:nth-child(4) dl dt{color:#fff}
.dingzhibox{ position:fixed; width:100%; height:100vh; top:0; background:rgba(0,0,0,0.5); z-index:9999999; display:none;overflow-y: scroll;}
.dzboxcontent{ width:60%; background:#fff; overflow:hidden;  margin:3% auto;border-radius:20px; padding:5% 5%; min-height:84%; position:relative}
.dzboxcontent ul li{ display:none; overflow:hidden; font-size:15px; line-height:30px}
.dzboxcontent ul li h1{ font-size:28px; font-weight:inherit; color:#000; line-height:70px; }
.dzboxcontent ul li h2{ font-size:15px; color:#000; line-height:25px; font-weight:inherit}
.dzboxcontent ul li h3{ font-size:24px; color:#a2a2a2; line-height:40px; margin-top:40px; font-weight:inherit}
.dzboxcontent ul li .slideimg{ margin-top:50px; overflow:hidden; text-align:center;}
.dzboxcontent ul li .slideimg dl{ overflow:hidden}
.dzboxcontent ul li .slideimg dl dd{ width:48%; margin:0 4% 0 0; float:left}
.dzboxcontent ul li .slideimg dl dd:nth-child(2n){ margin-right:0}
.dzboxcontent ul li img{ max-width:100%}
.slideclose{width:40px;height:40px; background:#333336;border-radius:20px; position:fixed; right:16%; top:7%; cursor:pointer; color:#fff; font-size:20px; text-align:center; line-height:40px;}
.customized video::-webkit-media-controls-enclosure{display: none;}
.slideclose::before, .slideclose::after {content: '';position: absolute;top: 10px;left: 20px; width: 2px;height: 20px;background:#fff; }
.slideclose::before {transform: rotate(45deg);} 
.slideclose::after {transform: rotate(-45deg);}
.dingzhi4{width:100%; height:100%;background:url(../images/dingzhi4.jpg) no-repeat center center; font-size:25px; text-align:center; background-size:cover}
.dingzhi4 h1{ font-size:25px;color:#000; text-align:center; font-weight:inherit;letter-spacing:5px;}
.dingzhi4 p{ font-size:15px; line-height:30px; margin:30px auto 0; text-align:center; color:#000;max-width:600px}
.dzboxcontent ul li:nth-child(2) h2{ max-width:650px}
.dingzhi4 a{color:#020202; display:inline-table; padding-top:15%; font-size:16px}
.dingzhi4 a::after{content:">"; font-family:"宋体"; font-weight:bold; font-size:20px;display: contents;}
.myDingzhiSwiper .swiper-slide{ cursor:pointer}
@media (max-width:1600px){
.conbox{width:90%}
}
@media (max-width:1650px){
.conbox,.about,.services,.youshi,.cases,.contact,.footbox,.scope,.process,.currlocation,.project,.locationbox,.xiangqing,.contactbox,.brands{width:90%}
.aboutleft{width:60%} 
.conleft{width:30%;}
.conright{width:60%;}
.contactbox{ height:430px}
}
@media (max-width:1480px){
.footnav ul{ margin-right:8%}
.process ul li .probox{ top:50%}
.process ul li{ margin-bottom:2%; margin-right:2%;width:23.5%}
.xqleft{width:60%}
.contactbox{ height:360px}
.dzboxcontent{width:80%}
.slideclose{right:7%}

}
@media (max-width:1450px){
.conleft{width:25%;}
.conright{width:65%;}
.aboutright{ margin-top:10%}
.caseslist ul li span img{width:50%}
.nbanner .bannerbox .txtbox{ margin:15% auto 0}
.contactbox{ height:350px}
.dingzhicases{width:90%}
}

@media (max-width:1300px){
.conright{width:70%;}
.scope ul li .scopeleft span{ margin-top:50px}
.process ul li .probox{ top:40%}
.contactbox{ height:420px}
.serlist ul li div span{ padding:20% 15%;width:70%; height:100%}
.slideclose{top:6%; right:5%}
.dzboxcontent{ padding:5% 8%} 
}
@media (max-width:1250px){
.head .tel{ display:none}
.aboutright img{width:70%}
.footnav ul{ margin-right:5%}
.copyright{ text-align:center}
.copyright span{ float:inherit; overflow:hidden}
.process ul li .probox{ top:30%}
.contactboxright{width:70%}
.conboxbox{top:-100px}
}
@media (max-width:1130px){
.conleft{width:30%;}
.conright{width:60%;}
.footleft{width:100%}
.footlogo{ float:left;}
.footleft .icoimg{ float:left; margin-left:10%; margin-top:5%}
.footcontact{ float:right; width:35%}
.footnav{width:70%}
.footnav ul{width:20%; margin-right:0}
.footchar{width:30%}
.footchar ul li{ float:left; width:40%; margin:5%}
.footnav ul:nth-child(1){width:15%}
.caseslist ul li span img{width:40%}
.partner ul li{width:10.66%}
.scope ul li .scopeleft span{ margin-top:30px}
.scope ul li .scopeleft p{width:100%}
.project ul li{width:31.33333%}
.project ul li:nth-child(4n){ margin-right:2%}
.project ul li:nth-child(3n){ margin-right:0}
.brandbox{top:25%}
.serlist ul li div span{ padding:10% 2%;width:96%; height:100%;}
.serlist ul li div span p{ margin-top:10px}

}
@media (max-width:1050px){
 .aboutleft{width:65%}
 .head .nav ul li a{padding:0 20px}
 .caseslist ul li dl{width:30%}
 .head .nav ul li i{right:-5px}
 .scope ul li .scopeleft span{ margin-top:10px}
.scope ul li .scopeleft span{ float:right; margin-top:0}
.process ul li .probox{ top:20%}
}
@media (max-width:1000px){
.process ul li .probox{ top:10%;}
.process ul li .probox h3{ line-height:22px;}
.dingzhi2 .dingzhifuwu ul{width:90%}
.dingzhi2 .dingzhifuwu ul li{width:19%; margin:0 3%}

}
@media (max-width:960px){
 .aboutleft{width:70%}
 .aboutright{ margin-top:20%}
 .head .logo{width:120px}
 .conleft{width:100%}
 .conleft p{width:50%; float:left}
 .conright{width:100%;}
 .footlogo{width:120px;}
 .footleft p{ letter-spacing:0; text-align:center;width:120px} 
 .scope ul li .scopeleft span{ float:right; margin-top:-10px}
 .quick{margin-top:30px}
 .contactboxright{width:65%}
 .contactboxleft{width:35%}
 .contactbox{ height:350px}
}
@media (max-width:900px){
.conbox,.about,.services,.youshi,.cases,.contact,.footbox,.scope,.process,.currlocation,.project,.locationbox,.xiangqing,.contactbox,.brands{width:96%}
.html{ overflow:hidden}
.indexbanner{ display:none;}
.mobilebanner{ display:block}
.mobilebanner img{width:100%}
.conbox, .about, .services, .youshi, .cases, .contact, .footbox{width:96%}
.head .logo{width:1.5rem}
.head .sp_nav{display:block;width:0.4rem;float:right;position:relative;cursor:pointer;height:0.4rem;margin-top:0.4rem; z-index:999}
.head .sp_nav span{display:block;background:#000;width:100%;height:0.06rem;position:absolute;left:0;transition:all ease 0.35s;border-radius:0.02rem;}
.head .sp_nav span:nth-of-type(1){top:0}
.head .sp_nav span:nth-of-type(2){top:0.15rem}
.head .sp_nav span:nth-of-type(3){top:0.3rem}
.head .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.head .sp_nav_se span:nth-of-type(2){width:0}
.head .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.had .sp_nav span{ background:#333}
.head .wxchar{ display:none;}
.head .nav{position:fixed;z-index:9;background:rgba(255,255,255);width:60%;height:100%;font-size:0.35rem;line-height:0.6rem;top:0;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; padding-top:1rem}
.head .nav ul{ overflow:hidden; border-top:1px solid #f1f1f1}
.head .sp_nav{ display:block;}
.head .sp_nav_se span{background:#000}
.head .logo img{ width:100%;}
.head .sjj_nav{right:-1px;}
.head .nav ul li {float:inherit;text-align: left;position: relative;line-height:inherit; padding:0.1rem 0; }
.head .nav ul li:last-child a{padding:0 0.3rem}
.head .nav ul li:last-child:after{ display:none}
.head .nav ul li a{ color:#333; font-size:0.3rem; font-weight:400; padding:0 0.3rem}
.head .nav ul li ul{ position:relative; overflow:hidden; width:auto; display:none; top: 0px;z-index: 1;left: 0%;visibility:inherit;opacity: 1;background: #fff;z-index: 99;padding:0;box-shadow:none;}
.head .nav ul li i{ display:block; font-size:0.3rem; right:0.2rem; height:0.4rem; width:0.4rem; top:0.2rem; position:absolute; padding:0}
.head .nav ul li i svg{width:100%; height:100%;vertical-align:top;}
.head .nav ul li ul div,.head .nav ul li ul dl h3{ display:none;}
.head .nav ul li ul dl {width: auto; margin:0 0.2rem;float:inherit;}
.head .nav ul li:hover ul{ top:0; opacity:0}
.head .nav ul li:hover ul{display:none; top:0px;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; opacity:1; visibility:inherit}
.head .tel{ display:none}
.head .nav ul li ul dl li {line-height:inherit; padding:0px; padding-left:0.2rem; border:none; border-bottom:1px #ccc solid; line-height:0.6rem}
.head .nav ul li ul li a{ font-size:0.3rem;}
.head .nav ul li:nth-child(1) i,.head .nav ul li:nth-child(7) i{ display:none;}
.head .nav ul li:hover i{transform:none}
.head .nav ul li:hover i svg{transform:none}
.head .nav ul li i.sjj_nav_i_se{transform:rotate(180deg)}
.about{ margin:0 auto 0.5rem}
.aboutleft{width:100%;margin-top:1rem}
.abouttit{ font-size:0.5rem; margin-bottom:0.5rem; line-height:0.6rem}
.abouttxt{ font-size:0.3rem; line-height:0.5rem; width:60%}
.aboutright{ margin-top:-50%; width:30%}
.aboutright img{width:90%}
.services{ margin:0 auto 0.5rem;}
.title h1{ font-size:0.5rem;}
.title h3{ font-size:0.3rem;line-height:0.5rem; margin-top:0.2rem}
.serlist{ margin:0.4rem auto 0}
.serlist ul li{width:48%; margin-right:4%; margin-bottom:2%}
.serlist ul li:nth-child(2n){ margin-right:0}
.serlist ul li dl{ margin-top:0.1rem;}
.serlist ul li dl dt{ font-size:0.4rem;line-height:0.7rem}
.serlist ul li dl dd{ font-size:0.3rem; line-height:0.5rem;}
.serlist ul li:last-child dl dt:after{top:-0.1rem; font-size:0.4rem}
.youshi{ margin:0 auto 0.5rem;}
.youshilist{ margin:0.5rem 0.1rem;border-radius:0.2rem}
.youshilist ul li{width:94%; margin:3%; padding:3%}
.youshilist ul li span{ font-size:0.4rem; margin-bottom:0.2rem;}
.youshilist ul li p{ font-size:0.3rem; line-height:0.5rem;}
.casestype{ background:none; height:auto; margin:0.3rem auto; overflow:hidden;border-radius:0;box-shadow:none}
.casestype ul li{ margin:0; width:23.5%; margin-right:2%; background:#fff; height:0.8rem; line-height:0.8rem;border-radius:0.2rem; margin-bottom:0.2rem; font-size:0.3rem;box-shadow: 0px 2px 6px 0px rgb(38 38 39 / 10%);}
.casestype ul li:nth-child(4n){ margin-right:0}
.casestype ul li.active{border-radius:0.2rem}
.cases{ margin:0 auto 0.4rem}
.caseslist { height:9rem;}
.caseslist ul li dl{width:100%; margin:2% 0}
.caseslist ul li dl dt{ font-size:0.4rem; margin-bottom:0.2rem}
.caseslist ul li dl dt img{width:10%}
.caseslist ul li dl dd{ font-size:0.3rem; line-height:0.5rem; padding-left:10%}
.caseslist ul li div{width:100%}
.caseslist ul li span img{width:58%}
.caseslist ul li:nth-child(2) span{top:0}
.context{ margin:0.5rem 0.1rem 0;border-radius:0.2rem}
.conleft h1{ font-size:0.4rem; line-height:0.8rem}
.conleft p{width:100%; margin-top:0.1rem; line-height:0.6rem; font-size:0.3rem}
.conright{ font-size:0.3rem; line-height:0.5rem;}
.conright p{ font-size:0.3rem; line-height:0.5rem;}
.footlogo{width:1.5rem}
.footleft p{ display:none}
.footleft .icoimg{ float:right; margin-top:0.3rem; margin-left:0}
.footleft .icoimg ul li{ margin-right:0}
.footleft .icoimg ul li img{width:45%}
.footleft .icoimg ul li span img{width:100%}
.footleft .icoimg ul li:nth-child(4) span{right:0; left:inherit}
.footnav{width:100%; margin-top:0.5rem}
.footcontact{ float:inherit; clear:both; font-size:0.3rem; line-height:0.5rem; margin-top:0.4rem; width:100%}
.footnav ul:nth-child(1){width:100%;}
.footnav ul{width:100%; margin-top:0;border-bottom: 1px solid #636363; padding-bottom:0.2rem; margin-bottom:0.2rem}
.footnav ul h3{ font-size:0.3rem; margin-bottom:0;}
.footnav ul h3:after{ display:none}
.footnav ul:nth-child(1) h3{ max-width:100%}
.footnav ul h3{ max-width:100%}
.footnav ul li{ font-size:0.3rem;width:50%; float:left; line-height:0.5rem}
.footchar{width:70%; margin:0 auto; font-size:0.3rem; line-height:0.5rem; float:inherit; overflow:hidden}
.footchar ul li{width:40%}
.copyright{ font-size:0.3rem; line-height:0.5rem; margin-top:0.2rem; padding:0.2rem 0}
.copyright a{ margin-right:0.1rem}
.head .white .sp_nav span{ background:#fff}
.head .white .sp_nav_se span{ background:#000}
.nbanner .bannerbox .txtbox{ margin:2rem 2%;}
.nbanner img{ width:200%; margin-left:-50%}
.nbanner .txtbox h1{ font-size:0.5rem}
.nbanner .txtbox p{ font-size:0.3rem; line-height:0.5rem;margin-top:0.4rem;}
.culture{ margin:0.5rem 2%}
.culture h1{ font-size:0.5rem}
.culture h2{ font-size:0.35rem;margin-top:0.2rem}
.culture p{ font-size:0.3rem; line-height:0.5rem; margin-top:0.2rem}
.partner h1{ font-size:0.5rem; margin:0.5rem 0}
.partner ul li{width:19%}
.caselink{ font-size:0.35rem; margin:0.5rem auto}
.white .sjj_nav ul li i svg{ fill:#000}
.had .white .sp_nav span{ background:#000}
.currlocation{ margin:1.5rem auto 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:0.3rem; background-size:0.4rem}
.scope dl{ margin-top:0.2rem}
.scope dl h1{ margin-top:0.5rem; font-size:0.4rem;letter-spacing:0}
.scope dl h3{ font-size:0.25rem; margin:0.1rem auto; width:80%;}
.scope dl p{ width:80%; line-height:0.5rem; font-size:0.3rem;margin:0.2rem auto 0.5rem}
.scope ul li{ margin-top:0.2rem;}
.scope ul li .scopeleft{width:94%;}
.scope ul li .scopeleft h1{ font-size:0.4rem;}
.scope ul li .scopeleft h3{ font-size:0.25rem}
.scope ul li .scopeleft p{ margin-top:0.2rem; line-height:0.5rem; font-size:0.3rem}
.scope ul li .scopeleft span{ float:left; margin-top:0.2rem; font-size:0.3rem}
.scope ul li .scoperight{width:100%}
.scope{ margin:0.8rem auto}
.process ul li{width:48%; margin-right:4%; margin-bottom:4%;padding-bottom:48%}
.process ul li:nth-child(2n){ margin-right:0}
.process dl{ margin-top:0.8rem; text-align:center}
.process dl h1{ font-size:0.4rem}
.process dl h3{ font-size:0.25rem; }
.process ul{ margin-top:0.5rem}
.process ul li .probox h1{ font-size:0.35rem}
.process ul li .probox h3{ font-size:0.3rem; line-height:0.4rem}
.scope{ margin:0.8rem auto}
.project{ margin:0.8rem auto}
.project dl{ margin-top:0.5rem}
.project dl dd{ font-size:0.45rem; height:1rem; line-height:1rem}
.project dl dd.customtitle:after{top:0.5rem;left:2.5rem}
.project ul{ margin-top:0.2rem}
.project ul li{width:49%;}
.project ul li:nth-child(3n){ margin-right:2%;}
.project ul li:nth-child(2n){ margin-right:0;}
.project ul li h1{ font-size:0.3rem;margin-top:0.1rem}
.project ul li h3{ font-size:0.3rem; line-height:0.5rem}
.project ul li:last-child div span{ font-size:0.3rem}
.customized h1{ font-size:0.35rem; line-height:0.8rem;}
.customized p{ font-size:0.3rem; line-height:0.5rem}

.currlocation1{ margin:1.5rem auto 0;overflow: hidden;font-size:0.3rem; height:0.8rem}
.currlocation1 .locationbox{ font-size:0.3rem; height:0.8rem; line-height:0.8rem;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;background-size:0.4rem}
.xiangqing{ margin:0.5rem auto}
.xqleft h1{ font-size:0.4rem}
.xqleft h3{ font-size:0.3rem;line-height:0.8rem}
.xqtxt{ font-size:0.3rem; line-height:0.5rem; padding-top:0.2rem}
.xqright{ margin-top:0.4rem;}
.xqright ul li{ font-size:0.3rem; line-height:0.5rem;}
.xqbody{ margin-top:0.8rem}
.xqbody .mySwiper .swiper-button-prev,.xqbody .mySwiper .swiper-button-next{ background:#b83f2f; opacity:1; width:0.5rem; height:0.8rem}
.xqbody .mySwiper .swiper-button-prev{ margin-left:0.1rem;}
.xqbody .mySwiper .swiper-button-next{ margin-right:0.1rem}
.xqbody .mySwiper .swiper-button-prev:after,.xqbody .mySwiper .swiper-button-next:after{ font-size:20px; color:#fff}
.xqbody .mySwiper .swiper-button-next.swiper-button-disabled:after, .xqbody .mySwiper .swiper-button-prev.swiper-button-disabled:after{color:#dad9da}
.nbanner .casebanner .txtbox{ margin:3rem 2%}
.conboxbox h1{ font-size:0.35rem;}
.conboxbox h3{ font-size:0.4rem; margin-top:0.2rem}
.contactboxleft{ margin-top:0.3rem; font-size:0.3rem; line-height:0.5rem}
.quick{ margin-top:0.3rem; font-size:0.3rem; line-height:0.5rem}
.contactboxright{ margin-top:0.5rem}
.contactbox{ height:8.5rem}
.quick li{ font-size:0.3rem}
.brandbox img{width:2rem}
.brandbox{ top:20%}
.brands{ margin:0 auto 0.5rem}
.brandbox p{ font-size:0.3rem; line-height:0.8rem}
.serlist ul li div span h1{ font-size:0.4rem; line-height:0.6rem;}
.serlist ul li div span p{ font-size:0.3rem; line-height:0.5rem; margin-top:0.2rem}
.dingzhi1 h1{ font-size:0.5rem}
.dingzhi1 h3{ font-size:0.35rem;margin-top:0.2rem}
.dingzhi1 p{ font-size:0.3rem; line-height:0.5rem; width:90%; margin:0.5rem auto}
.dingzhi2 h3{ font-size:0.35rem; margin-bottom:0.2rem}
.dingzhi2 h1{ font-size:0.5rem}
.dingzhi2 p{ font-size:0.3rem; line-height:0.5rem; width:80%; margin:0.5rem auto;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden;}
.dingzhi2 .dingzhifuwu ul{width:96%}
.dingzhi2 .dingzhifuwu ul li:nth-child(1) span{width:100%}
.dingzhi2 .dingzhifuwu ul li span{ font-size:0.3rem; line-height:0.4rem; height:0.8rem; width:1.3rem}
.dingzhi2 .dingzhifuwu ul li{ font-size:0.5rem; position:relative; margin:0 0.17rem; width:1.5rem}
.dingzhi2 .dingzhifuwu ul li:nth-child(3):after{ font-size:0.3rem; top:0.9rem; left:0.9rem;right:0}
.dingzhi2 .dingzhifuwu ul li:nth-child(1):after{ font-size:0.3rem; top:0.7rem; line-height:0.8rem}
.dingzhi3 h1{ font-size:0.4rem; margin-top:1.5rem; text-align:center}
.dingzhi4 h1{ font-size:0.4rem;text-align:center}
.dingzhi4 p{ font-size:0.3rem; width:90%; line-height:0.5rem}
.dingzhi4 a{ font-size:0.3rem}
.dingzhicases .swiper{width:100%; margin:0.5rem auto 0;}
.slideclose{ top:0.3rem; right:0.4rem}
.dzboxcontent ul li{ font-size:0.3rem; line-height:0.5rem}
.dzboxcontent ul li h1{ font-size:0.4rem; line-height:1rem;}
.dzboxcontent ul li h2{ font-size:0.3rem;line-height:0.5rem}
.dzboxcontent ul li h3{ font-size:0.35rem;line-height:0.5rem;margin-top:0.5rem}
.dzboxcontent ul li .slideimg dl dd{width:100%; margin:0}
}
@media (max-width:900px){
.xqleft{width:100%}
.xqright{width:100%; float:left; margin-top:40px;}
.xqright ul li{ line-height:30px}
.contactboxleft{width:100%}
.contactboxright{width:100%}
.contactbox{ height:9rem}
.dzboxcontent{ padding:8% 8% 5%}
}
@media (max-width:660px){
.dingzhi2 p{ display:block}
#fullpage .section:nth-child(2) .fp-tableCell{ vertical-align:middle}
.dingzhi2 .dingzhifuwu{top:73%}
.dingzhi2 p{ font-size:0.3rem; line-height:0.5rem; width:80%; margin:0.5rem auto;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;}
}
@media (max-width:550px){
.contactbox{ height:8.5rem}
.dingzhicases .swiper{width:100%; margin:0.5rem auto 0}
.slideclose{ top:0.3rem; right:0.5rem}
.dingzhi2 p{  -webkit-line-clamp:7;}
}
@media (max-width:550px){
.contactbox{ height:8.5rem}
.dingzhicases .swiper{width:100%; margin:0.5rem auto 0}
.slideclose{ top:0.3rem; right:0.5rem}
}
@media (max-width:470px){
.contactbox{ height:8rem}
.dingzhicases .swiper-slide dl dd{ font-size:0.4rem;}
.dingzhicases .swiper-slide dl dt{ font-size:0.3rem;}
.dingzhicases .swiper{width:80%;}
.slideclose{ top:0.3rem; right:0.6rem}
.dingzhi2 p{  -webkit-line-clamp:10;}
}