@charset "utf-8";body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0;}
body{font:12px Arial,"Microsoft Yahei","微软雅黑","宋体",Helvetica,sans-serif;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
a{color:#333;text-decoration:none;transition:color .3s;}
a:hover{text-decoration:none;color:#75BB2D;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
.z{float:left;}
.y{float:right;}
.default-article-content a{color:#00f;}
.default-article-content ul{padding-left:20px;}
.default-article-content li{list-style-type:inherit;}
.header,#diy2,.service,.order,.footnav,.list-news,.related,.list-page{margin:0 auto;width:95%;}
.cl{zoom:1;}
.cl:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.s{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mr0{margin-right:0!important;}
.block{display:block!important;}
.logo a{display:block;width:auto;line-height:30px;}
.logo a img{width:auto;height:auto;max-height:55px;}
.dmlogo{padding:15px 0px;display:inline-block;font-size:20px;color:#717171;}
.menu ul li{float:left;}
.menu ul li a{display:block;margin-left:1px;padding:15px 30px;font-size:15px;line-height:30px;}
.menu ul li.a a,.menu ul li:hover a{background:#75BB2D;color:#fff;}
.menu #dmnav li .dmcur{background:#75BB2D;color:#fff;}
.swiper-slide,.swiper-wrapper{height:auto!important;}
.pagination{position:absolute;bottom:20px;z-index:20;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 5px;width:10px;height:10px;border:1px solid #fff;border-radius:8px;background:#555;opacity:.8;cursor:pointer;}
.pagination .swiper-active-switch{background:#BC0404;}
.banner .arrow-left{position:absolute;top:50%;z-index:15;margin-top:-15px;width:45px;height:65px;background:url(/images/sprite.png) no-repeat 0px -17px;}
.banner .arrow-right{position:absolute;top:50%;z-index:15;margin-top:-15px;width:45px;height:65px;background:url(/images/sprite.png) no-repeat -117px -17px;}
.banner .arrow-left{left:5px;opacity:0;filter:alpha(opacity=0);transition:all .3s;}
.banner:hover .arrow-left{opacity:0.8;filter:alpha(opacity=80);transition:all .3s;}
.banner .arrow-right{right:5px;opacity:0;filter:alpha(opacity=0);transition:all .3s;}
.banner:hover .arrow-right{opacity:0.8;filter:alpha(opacity=80);transition:all .3s;}
.banner a span{display:none;}
.banner{position:relative;}
.banner img{width:100%;height:auto;}
@keyframes scrr{0%{transform:translateY(5px);}
50%{transform:translateY(-5px);}
100%{transform:translateY(5px);}
}
.scrr{cursor:pointer;animation:scrr 1s infinite;}
.scrr{position:absolute;bottom:60px;left:50%;z-index:2;display:block;margin-left:-29px;width:58px;height:89px;background:url(/images/sw2.png) no-repeat;}
.tit{margin:70px 0px 100px 0px;text-align:center;}
.tit em{position:relative;display:block;margin-top:-58px;width:100%;border-bottom:1px solid #969494;}
.advantage ul{overflow:hidden;margin:0 auto;padding-top:50px;width:90%;}
.advantage ul li{float:left;padding-left:2.5%;width:22%;border-left:2px solid #75BB2D;}
.advantage ul li h3{margin-bottom:10px;font-size:30px;}
.advantage ul li p{color:#666;font-size:13px;line-height:2em;}
.w960 .advantage ul li p{font-size:14px;padding-right:50px;}
.advantage ul li{opacity:0;transform:translateX(200px);}
.advantage ul.active li{opacity:1;transition-delay:.5s;transition-duration:.5s;transform:translateX(0);}
.advantage ul.active li:nth-child(1){transition-delay:.3s;}
.advantage ul.active li:nth-child(2){transition-delay:.5s;}
.advantage ul.active li:nth-child(3){transition-delay:.7s;}
.advantage ul.active li:nth-child(4){transition-delay:.9s;}
.works ul li{float:left;margin-right:1.3%;margin-bottom:1.3%;width:24%;box-shadow:0px 0px 10px #ccc;}
.works ul li a{display:block;}
.works ul li span{display:block;overflow:hidden;}
.works ul li a img{width:100%;transition:all .5s;height:auto;}
.works ul li:hover a img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);-ms-transform:scale(1.08);}
.works ul li a h3{text-align:center;font-weight:700;font-size:15px;line-height:3em;}
.more01{display:block;margin:50px auto;width:150px;height:42px;background:url(/images/52.png) no-repeat;color:#666;text-align:center;font-weight:700;font-size:14px;line-height:42px;transition:all .3s;}
.more01:hover{color:#BC0404;}
.video .video01{height:587px;}
.video .video01 object{width:100%;height:100%;}
.service{margin:100px auto;text-align:center;}
.service h2{color:#000;font-size:40px;}
.service h3{padding:30px 0;background:url(/images/li2.png) no-repeat center bottom;color:#75BB2D;font-size:30px;}
.service ul{text-align:center;}
.service ul li{display:inline-block;margin:0 30px;width:200px;height:180px;}
.service ul li a{display:block;width:100%;height:100%;}
.service ul li p{padding-top:155px;color:#fff;text-align:center;font-size:15px;}
.service ul li strong{display:block;margin-top:10px;color:#999;font-weight:400;font-size:14px;}
.service ul li.qq{background:url(/images/ff1.png) no-repeat;}
.service ul li.wx{background:url(/images/ff2.png) no-repeat;}
.service ul li.tel01{background:url(/images/ff3.png) no-repeat;}
.service ul li.qq:hover{background:url(/images/f1.png) no-repeat;}
.service ul li.wx:hover{background:url(/images/f2.png) no-repeat;}
.service ul li.tel01:hover{background:url(/images/f3.png) no-repeat;}
.form01{padding:40px 0;background:url(/images/order.jpg) no-repeat;}
.order{height:145px;background:url(/images/gg8.png) no-repeat;}
.w960 .order .name{margin-left:15%;}
.order div{float:left;margin-right:20px;width:170px;}
.w960 .order div{width:140px;}
.order .name{margin-left:30%;}
.order .dmyzm{width:50px !important;}
.order input,.order select{margin-top:56px;padding-left:10px;width:96%;height:36px;border:none;line-height:35px;box-shadow:0px 1px 5px #7B7B7B;}
.order select{width:150px;border-radius:3px;}
.order .submit input{padding:0 10px;width:100px;background:#75BB2D;color:#fff;font-size:16px;font-family:"微软雅黑";}
.dmorder tr{line-height:40px;background:#fff;}
.dmorder td{font-size:14px;}
.dmorder tr textarea,input{padding-left:5px;line-height:30px; border:1px solid #aaa;}
.process ul{overflow:hidden;margin:0 auto;padding:0 54px;padding-top:107px;width:808px;height:350px;background:url(/images/jy5.png) no-repeat center top;}
.process ul:hover{background:url(/images/jy15.png) no-repeat center top;}
.process ul li{float:left;width:14.28%;height:85px;color:#fff;text-align:center;font-size:25px;}
.process ul li h3{font-size:50px;}
.process ul li.p2{margin-top:120px;}
.process ul li{opacity:0;transform:translateX(200px);}
.process.active ul li{opacity:1;transition-delay:.5s;transition-duration:.5s;transform:translateX(0);}
.process.active ul li:nth-child(1){transition-delay:.3s;}
.process.active ul li:nth-child(2){transition-delay:.5s;}
.process.active ul li:nth-child(3){transition-delay:.7s;}
.process.active ul li:nth-child(4){transition-delay:.9s;}
.process.active ul li:nth-child(5){transition-delay:1.1s;}
.process.active ul li:nth-child(6){transition-delay:1.3s;}
.process.active ul li:nth-child(7){transition-delay:1.5s;}
.tu{text-align:center;}
.tu span{display:block;display:inline-block;margin:0 20px;width:118px;background:url(/images/hy2.png) no-repeat left top;transition:all .3s;}
.tu span.sc{background:url(/images/hy2.png) no-repeat right top;}
.tu span p{padding-top:150px;color:#999;font-size:13px;line-height:40px;}
.tu span.zan.a,.tu span.zan:hover{background:url(/images/hy21.png) no-repeat left top;}
.tu span.sc.a,.tu span.sc:hover{background:url(/images/hy21.png) no-repeat right top;}
.tu h3{color:#999;font-size:20px;}
.footer{margin-top:100px;background:#181818;}
.ftnav{padding-bottom:100px;border-top:1px solid #333;background:#262626;}
.ftmenu{float:left;margin:20px 0;padding-left:1.5%;width:18%;border-left:1px solid #333;}
.ftmenu li{color:#777;line-height:22px;}
.ftmenu li a{color:#777;}
.ftmenu li.f1{margin-bottom:5px;color:#ccc;font-weight:700;font-size:15px;}
.ftmenu li:hover a{text-decoration:underline;}
.links{overflow:hidden;padding:5px 10px;}
.links li{float:left;background:url(/images/sx1.png) right center no-repeat;color:#555;}
.links li a{display:block;padding:0 10px;color:#666;}
.links li:hover a{color:#ccc;}
.copy{padding:10px 0px;text-align:center;}
.copy p{color:#666;}
.copy a{color:#666;}
.erweima{position:fixed;top:30%;right:48px;z-index:2000;width:120px;}
.con01{position:fixed;top:30%;right:2px;z-index:10;}
.con01 ul li{margin-bottom:2px;width:45px;height:45px;background:url(/images/kf.png) no-repeat;background-color:#7F7F7F;}
.con01 ul li a{display:block;height:45px;}
.con01 ul li.qq{background-position:0 -75px;}
.con01 ul li.wb{background-position:0 -153px;}
.con01 ul li.wx{background-position:0 -227px;}
.con01 ul li.top{background:url(/images/dt.png) no-repeat;background-color:#7F7F7F;cursor:pointer;}
.con01 ul li:hover{background-color:#555;}
.banner01{position:relative;}
.banner01 img{width:100%;height:auto;}
.list-nav{margin-top:30px;}
.list-nav.active{position:fixed;top:0;z-index:10;margin-top:0;width:100%;background:#fff;}
.list-nav .dmdqxz{background:#bc0404;color:#fff;}
.list-nav ul li{float:left;margin-right:18px;}
.list-nav ul li a{display:block;margin-bottom:12px;padding-left:20px;height:35px;background-color:#9e9e9e;background-position:10px center;color:#fff;font-weight:700;font-size:20px;line-height:35px;}
.list-nav ul li a p{padding:0 5px;font-weight:400;font-size:12px;}
.list-nav ul li a span{display:none;}
.list-nav ul li ul li a{display:block;padding:0 18px;border:1px solid #999;background:#fff;color:#000;font-weight:400;font-size:15px;}
.w960 .list-nav ul li ul li a{padding:0 7px;}
.list-nav ul li ul li.a a,.list-nav ul li ul li:hover a{border:1px solid #bc0404;background:#bc0404;color:#fff;}
.list-page .show{margin-top:30px;}
@keyframes showimg{from{width:0;}
to{width:24%;}
}
.show li{float:left;margin-right:1.3%;margin-bottom:20px;width:24%;animation:showimg 1s;-moz-animation:showimg 1s;-webkit-animation:showimg 1s;-o-animation:showimg 1s;box-shadow:0px 0px 10px #ccc;}
.show li a{display:block;}
.show li h3{color:#000;font-weight:700;font-size:14px;line-height:30px;text-align:center;padding:10px 0;}
.show li a span{display:block;overflow:hidden;}
.show li a img{width:100%;transition:all .5s;height:auto;}
.show li:hover a img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);-ms-transform:scale(1.08);}
.show li p{height:30px;color:#666;font-size:14px;line-height:30px;}
.service01{margin-top:50px;padding-top:50px;border-top:2px solid #a9a9a9;}
.partner ul li p{font-size:14px;text-align:center;}
.word{position:relative;margin-top:60px;}
.word h3{margin-bottom:30px;color:#000;text-align:center;font-size:30px;}
.word .dmtime{text-align:center;margin-bottom:30px;padding:20px 0;border-bottom:1px #ccc solid;}
.yem{margin-top:30px;text-align:center;}
.yem p{display:inline-block;font-size:14px;line-height:35px;padding:0 10px;}
.yem p a{float:right;display:block;padding:0 50px;border:2px solid #999;line-height:35px;}
.yem p a:hover{border:2px solid #BC0404;}
.share{margin:0 auto;width:148px;}
.retit{margin-bottom:20px;height:35px;border-bottom:2px solid #ccc;}
.retit h3{display:inline-block;height:35px;border-bottom:2px solid #000;color:#000;font-weight:700;font-size:16px;line-height:35px;}
.retit a{display:block;width:100px;background:#999;color:#fff;text-align:center;font-size:14px;line-height:32px;}
.related{margin-top:20px;padding:20px 0;border-bottom:2px solid #ccc;}
.related01{position:relative;overflow:hidden;}
.related ul{overflow:hidden;height:260px;}
.related ul li{float:left;}
.related ul li a{display:block;padding:10px 5px;width:290px;height:260px;}
.related ul li a img{width:100%;height:auto;min-height:178px;}
.next01,.prev01{position:absolute;top:50%;display:block;margin-top:-25px;width:44px;height:50px;background:rgba(255,255,255,.73);color:#000;text-align:center;font-size:30px;font-family:"宋体";line-height:50px;}
.prev01{left:-8px;border-radius:0 50% 50% 0;}
.next01{right:-8px;border-radius:50% 0 0 50%;}
.list-news{margin:30px auto;}
.list-news .bt{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.list-news .bt p{color:#999;font-size:14px;}
.list-news .bt p a{color:#000;}
.news-z{width:75%;}
.news-z ul{margin-top:20px;}
.news-z ul li{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #eee;}
.news-z ul li a{display:block;}
.news-z ul li span{display:block;overflow:hidden;width:30%;}
.news-z ul li span img{width:100%;height:auto;transition:all .5s;}
.news-z ul li span:hover img{transform:scale(1.08);}
.news-z ul li div{width:67%;}
.news-z ul li div h3{margin-bottom:15px;font-weight:700;font-size:16px;}
.news-z ul li div:hover h3{color:#BC0404;}
.news-z ul li div p{color:#666;font-size:14px;line-height:2em;}
#showpage{text-align:center;font-size:14px;}
.news-y{padding:0 1%;width:20%;border:1px solid #ccc;}
.news-y h3{border-bottom:1px solid #ccc;font-weight:700;font-size:15px;line-height:40px;}
.news-y ul{margin:10px 0;}
.news-y ul li a{display:block;padding-left:5px;line-height:30px;transition:all .3s;}
.news-y ul li:hover a{background-color:#eee;color:#BC0404;}
.article{padding:0 30px;}
.dmpicys{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #aaa;}
.about .dmwp{margin:40px auto; width:96%}
.about p{font-size:14px;line-height:2em;padding:10px 0px;}
.item ul li{float:left;padding:0 2%;width:21%;text-align:center;}
.item ul li span{display:block;margin:0 auto;width:86px;height:86px;}
.item ul li span img{width:100%;height:auto;}
.item ul li div h3{font-weight:700;font-size:14px;line-height:30px;}
.item ul li:hover div h3{color:#BC0404;}
.item ul li div p{color:#999;line-height:25px;}
.ptit{margin-bottom:10px;color:#BC0404;font-weight:700;font-size:20px;}
.ptit em{color:#000;}
.price ul li{float:left;margin-right:1.3%;width:24%;}
.price ul li a{display:block;}
.price ul li ins{display:block;overflow:hidden;}
.price ul li img{width:100%;height:auto;transition:all .5s;}
.price ul li:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);-ms-transform:scale(1.08);}
.price ul li div span{display:block;width:50%;}
.price ul li div{color:#000;font-weight:700;font-size:14px;line-height:30px;}
.price ul li p{width:50%;text-align:right;}
.price ul li.p1 span{background:url(/images/xx1.png) no-repeat;background-position:40px center;}
.price ul li.p2 span{background:url(/images/xx2.png) no-repeat;background-position:40px center;}
.price ul li.p3 span{background:url(/images/xx3.png) no-repeat;background-position:40px center;}
.tuku{margin-top:50px;}
.tuku .show{margin-top:0;}
.article img{height:auto;max-width:100%;}
@media screen and (max-width:1024px){.wp{padding-right:10px;padding-left:10px;width:auto!important;}
.advantage ul li p{font-size:13px;}
.order{background-position:-92px center;}
.order .name{margin-left:138px;}
}
@media screen and (max-width:768px){.logo a{width:100%;}
.ban01{bottom:107px;}
.advantage ul{width:100%;}
.advantage ul li p{font-size:12px;}
.service ul li{width:180px;}
.order input,.order select{width:90px;}
.order div{margin-right:10px;width:100px;}
.process ul{padding:0 5%;width:90%;background-size:100%;}
.process ul:hover{background-size:100%;}
.process ul li{margin-top:78px;font-size:23px;}
.process ul li.p2{margin-top:163px;}
.footer .tel02{font-size:22px;}
.partner ul li p{margin-top:11px;font-size:12px;}
.dmorder td{display:flex;}
}
@media screen and (max-width:480px){.logo a{width:100%;}
.menu{margin-bottom:10px;width:100%;}
.menu ul li a{padding:0;border:1px solid #ccc;border-radius:3px;text-align:center;font-size:12px;line-height:25px;}
.menu ul li{margin:.5%;width:19%;}
.ban01{bottom:30px;}
.ban01 a{margin:0 16px;width:100px;background-size:100%;font-size:15px;line-height:41px;}
.scrr{bottom:10px;margin-left:-10px;width:20px;height:30px;background-size:100%;}
.tit{margin:0 0;}
.tit img{height:auto;max-width:300px;}
.tit em{margin-top:-47px;}
.advantage ul li{margin-bottom:10px;padding-left:2%;width:47%;}
.advantage ul li h3{font-size:23px;}
.works ul{margin-top:57px;}
.works ul li{margin-right:2%;margin-bottom:2%;width:49%;}
.works ul li:nth-child(2n){margin-right:0!important;}
.more01{margin:10px auto;}
.video .video01{margin-top:60px;height:200px;}
.service h2{font-size:25px;}
.service h3{font-size:20px;}
.service{margin:30px auto;}
.service em{margin:10px auto;}
.service ul li{margin:0;width:98px;height:98px;background-size:100%!important;}
.service ul li p{padding-top:90px;color:#AAA;font-size:12px;}
.service ul li strong{margin-top:0;}
.order{padding:10px;height:auto;background:#D2D2D2;}
.order input,.order select{margin-top:10px;width:100%;}
.order div{margin:0 auto;margin-right:0;width:97%;}
.order .name{margin-left:0;}
.process ul{margin-top:50px;padding:0 15px;width:273px;height:auto;}
.process ul li{margin-top:27px;font-size:12px;}
.process ul li h3{font-size:15px;}
.process ul li.p2{margin-top:63px;}
.tu span{margin:0 10px;}
.tu h3{font-size:16px;}
.con01{display:none;}
.erweima{display:none;}
.footer .tel02{font-size:15px;}
.ftmenu{margin:10px 0;width:23%;}
.ftmenu:nth-child(5){width:98.5%;}
.links li a{padding:0 5px;}
.copy{margin-top:10px;}
.footer .tel02,.lianxi{width:100%;}
.list-nav ul li{margin-right:0;}
.list-nav ul li a{padding-left:15px;font-size:15px;}
.list-nav ul li ul li{margin-right:5px;}
.list-nav ul li ul li a{padding:0 10px;height:30px;border-radius:3px;font-size:12px;line-height:30px;}
.price ul li,.show li{margin-right:2%;margin-bottom:2%;width:49%;}
.price ul li:nth-child(2n),.show li:nth-child(2n){margin-right:0!important;}
.partner ul{margin-top:50px;background:0 0;}
.partner ul li{width:30.6%;border:1px solid #ccc;}
.partner ul li:nth-child(10){display:none;}
.footer{margin-top:30px;}
.article{padding:0 10px;}
.yem p{margin-bottom:5px;}
.news-z{width:100%;}
.news-z ul li div h3{margin-bottom:0;font-size:12px;}
.news-z ul li div p{overflow:hidden;height:45px;font-size:12px;line-height:1.3em;}
.list-news .bt{margin-bottom:0;}
.news-y{padding:0 2%;width:96%;}
.about .wp,.item ul{margin-top:50px;}
.item ul li{padding:0;width:25%;}
.item ul li div p{overflow:hidden;height:25px;line-height:25px;}
.word h3{font-size:20px;}
.word{margin-top:15px;}
.ann{display:none;}
.lianxi li{margin:0;width:30px;height:30px;background-size:90px 30px;}
.lianxi li.wx{background-position:-28px 0;}
.lianxi li.wb{background-position:-60px 0;}
.erweima{margin-left:-150px;width:300px;}
}