@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
html{font-size: 62.5%}
img{border:0;vertical-align:bottom;max-width:100%;}
input{-webkit-appearance: none;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
.cl{clear: both;display: block;}
.center{text-align: center;}
.left{float: left;display: inline-block;}
.right{float: right;display: inline-block;}
.zw{height: 6rem;}
.box{padding : 0 0 10%;overflow: hidden;}
.public{padding: 0 3%}
.max{    width: 100%;max-width: 640px;height: auto;margin: 0 auto; position: relative;z-index: 1;overflow: hidden;}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}
.click_more{width: 80%;padding: 2.5% 0;margin: 5% auto;text-align: center;background-color: #42b9ef;color:#fff;font-size: 4vw}
/*头部*/
header{max-width: 640px;}
.navigation{width: 100%;position: relative;position:fixed; top:0; margin: 0 auto; width:100%;max-width: 640px;z-index:999;}
.navigation .logo{width: 100%}
.navigation .search{position: absolute;width: 10%;height: 100%;left: 3%;top: 0;box-sizing:border-box;text-align: center;padding-top: 3%}
.navigation .search img{width: 70%}
.navigation .ss{width:0;height:10vw;position:absolute;left:3%;top:14vw;overflow:hidden;z-index:10;}
.navigation .ss_bd{width:67%;height:10vw;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1.4rem;}
.navigation .ss_btn{width:20%;float:left;line-height:10vw;background-color:#fff;border:none;color:#333;font-family:"微软雅黑";border-radius:3px;float: right;}
.navigation .lanmus{position: absolute;width: 10%;height: 100%;right: 0;top: 0;box-sizing:border-box;text-align: center;padding-top: 3%;moz-transition: all .9s ease;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}
.navigation .lanmus img{width: 80%}
.lmlist{position: fixed;width: 0;height: 0;top: 0;right: 0;moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 98;overflow: hidden;}
.lmlist .lanmuclose{color: #fff;font-size: 40px;height: 13vw;text-align: center;line-height: 10vw;padding: 0;right: -13vw}
.lmlistCon{width:70%;margin: 20vw auto;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;}
.lmlistCon li{text-align: center;padding: 3% 0;font-size:1.6rem}
.lmlistCon li a{color: #fff}
#banner .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background-color: #464645;opacity: 1;}
#banner .swiper-pagination-bullet-active{width: 34px;opacity: 1;background-color: #fad915;border-radius: 12px}
/*底部*/
footer{background-color:#363636;width: 100%;max-width: 640px;position: fixed;bottom: 0;margin: 0 auto;z-index: 100;background-position: bottom left;padding: 10px 0;}
footer ul li{width: 25%;float: left;text-align: center;text-align: center;}
footer ul li a{display: block;width: 100%;height: 100%}
footer ul li span{font-size:1.4rem;color:#fdd900;display: block;margin-top: 5%}
footer ul li img{width: 30%;vertical-align: middle;color:#fff;}
/*搜索列表*/
.search_lm{width:94%;margin-top: 3%;background: url(../images/cp.png);background-size:100% 100%;height:100%;margin-left: 3%;}
.search_main {min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;}
.search_list{border-radius:8px;width:94%;background: #363636;padding: 4% 0;margin-top:3%;}
.search_list a{color:#fff;text-align: left;display: block;width: 100%;}
.search_list .list span{color:#fff;float: right;}
/*首页*/
.indexTitle{border-bottom: 1px solid #ddd;margin-bottom: 5%;}
.indexTitle h3{display: inline-block;;position: relative;font-size:1.9rem;color: #2e2e2e;padding: 5% 0;position: relative;font-weight: normal;}
.indexTitle h3:after{position: absolute;content: "";width: 100%;height: 2px;background-color: #333;left: 0;bottom:-1px}
.indexTitle .cmore{background: #fdd900;font-size: 1.4rem;color: #333;height: 2rem;margin-top: 6%;line-height:2rem;padding: 0 1rem;margin-left: 1rem;}
.indexTitle1{border-bottom: 1px solid #fff}
.indexTitle1 h3{color: #fff}
.indexTitle1 h3:after{background-color: #da2f2f}
.part1{background-color: #f8f8f8}
.part1List li{float: left;width: 16.6%;box-sizing:border-box;overflow: hidden;padding: 5% 0}
.part1List li img{display: block;width: 80%;margin: 0 auto;moz-transition: all  .66s;-webkit-transition: all .66s;-o-transition: all .66s;transition: all  .66s;}
.part1List li:hover img{transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
.part2List li{width: 48.5%;position: relative;margin-bottom: 3%}
.part2List li:nth-child(odd){margin-right: 3%}
.part2List li img{width: 100%}
.part2List li .part2ListTitle{position: absolute;color: #fff;background: rgba(0, 0, 0, .5);z-index: 2;left: 0;right: 0;bottom: 0;padding: 5px 10px;text-align: center;}
.part2type{background-color: #f8f8f8;padding:5% 0;}
.part2type li{float: left;width: 15%;text-align: center;margin-left: 2%}
.part2type li:first-child{margin-left: 0}
.part2TypePic{width: 100%;overflow: hidden;border-radius: 8px;margin: 0 auto;position: relative;}
.part2TypePic img{width: 100%;height: 100%;transition: all .66s;}
.part2TypePic .part2TypeM{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;line-height: 200%;font-size: 2.8rem}
.part2TypePic:hover img{transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
.part2type li p{padding-top: 5%;color: #000;font-size: 1.2rem;}
.part3{padding-bottom: 5%}
.part3List ul li{width: 32%;margin-bottom: 2%;box-sizing:border-box;border:1px solid #f6f6f6;padding-bottom: 3%}
.part3List ul li:nth-child(3n-1){margin-left: 2%;margin-right: 2%}
.part3List ul li .part3Pic{width: 100%;overflow: hidden;}
.part3List ul li .part3Pic img{width: 100%;transition: all .66s;}
.paer3Info{padding: 2% 3%}
.paer3Info strong{color: #333;font-size: 1.8rem;}
.paer3Info p{line-height: 1.6;font-size: 1.4rem}
.paer3Info p span{color: #f00}
.paer3More{font-size: 0;padding: 0 3%}
.paer3More a{width: 45%;height: 2rem;line-height:2rem;background: #fdd900;border-radius: 5px;color: #363636;display: inline-block;font-size: 1.2rem}
.paer3More .m{background-color: #363636;color: #fdd900;margin-right: 10%}
.part4{background: url(../images/bg.jpg) no-repeat center;background-size: cover;padding-bottom: 1%}
.part4List li{float: left;width:48%;margin-bottom:4%;}
.part4List li:nth-child(odd){margin-right: 4%}
.part4List li .part4Pic{width: 100%;overflow: hidden;}
.part4List li .part4Pic img{width: 100%;height: 100%;transition: all .66s;}
.part4Con{background-color: #fff}
.part4Con h2{padding: 3% 0;font-weight: 400;border-bottom: solid 1px #ccc;width: 70%;margin: 0 auto;font-size: 1.6rem;color: #373737}
.part4Con p{padding: 3% 0 5%;font-size: 1.3rem;}
.part4Con p span{color: #2e2e2e;width: 50%}
.part4Con p label{color: #da2f2f}
.part5List li{width: 48%;position: relative;overflow: hidden;margin-bottom: 4%}
.part5List li:nth-child(odd){margin-right: 4%}
.part5List li img{width: 100%;height: 100%;transition: all .66s;}
.part5bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;box-sizing:border-box;text-align: center;font-size: 2rem;color: #fff;line-height: 10rem}
.part5bg span{position: relative;}
.part5bg span:after{content: "";position: absolute;width: 40%;height: 2px;background-color: #fdd900;left: 0;bottom: -1.5rem;}
.part6List {font-size: 0;text-align: center;}
.part6List li{ display: inline-block;text-align: center;width: 25%;margin-bottom: 5%}
.part6Pic{width: 80%;overflow: hidden;margin: 0 auto;border-radius: 50%}
.part6Pic img{width: 100%;height: 100%;transition:transform 1s;}
.part6List h3{padding: 15% 0 5%;color: #2e2e2e;font-size: 1.6rem;font-weight: normal;}
.part6List p{color: #999;font-size: 13px;}
.part7List li{box-sizing:border-box;height: 6rem;background-color: #f1f1f1;margin-bottom:3%;padding: 0 3% 0 0;}
.part7List li .part7num{width: 20%;height: 6rem;line-height: 6rem;color: #666;font-size: 18px;text-align: center;}
.part7title {width: 80%}
.part7title h3{height: 3rem;line-height: 3rem;color: #333;font-size: 1.6rem;position: relative;font-weight: 600;}
.part7title h3 span{position: absolute;height: 3rem;line-height: 3rem;right: 0;top: 0;font-size: 14px;font-weight: normal;}
.part7title p{height: 3rem;line-height: 3rem;font-size:1.4rem;color: #666 }
/*分页*/
#page{text-align: center;padding-top: 5%}
#page li{display: inline-block;width: 2rem;height: 2rem;box-sizing:border-box;background-color: #363636;margin-left: 1rem;line-height: 2rem;vertical-align: middle;}
#page .bigpage{width: 5rem;}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.3rem;color: #fff}
#page .page_active{background-color: #fdd900;}
#page span{display: inline-block;margin-left: 1rem;color: #a5a4a4}
.nono{color: #a5a4a4;font-size: 1.6rem;text-align: center; line-height: 5rem}
.ejTiTle{height: 5rem;line-height: 5rem;border-bottom: 1px solid #e1e1e1;margin-bottom: 5%;}
.ejTiTle span,.ejTiTle img,.ejTiTle a{color: #363636;font-size: 1.4rem;display: inline-block;vertical-align: middle;}
.ejtype{padding-bottom: 2%}
.ejtype li{width: 22%;margin-left: 4%;margin-bottom: 3%;height: 3rem;line-height: 3rem;background-color: #363636;text-align: center;font-size: 1.4rem}
.ejtype li:nth-child(4n+1){margin-left: 0}
.ejtype li a{color: #fff}
/*案例详情*/
.proshowTitle{border-bottom: 1px solid #f2f2f2;padding: 0 3%}
.proshowTitle p{color: #333333;font-size: 2rem;font-weight: bold;text-align: center;}
.proshowDate{padding: 5% 0;;text-align: center;font-size: 1.4rem;color: #999}
.proshowDate span:first-child{margin-right: 5%}
.proshowCon{padding: 5% 3%}
.proshowCon img{display: block;margin: auto;max-width:100%}
.ejpage{box-sizing:border-box;padding: 3% 3% 0;}
.ejpage>div{width: 45%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.ejpage>div a,.ejpage>div span{;color: #363636;font-size: 1.4rem;vertical-align: middle;}
.ejpageR{text-align: right;}
/*设计详情*/
.proshow1{box-sizing:border-box;}
.proshow1Pic{width: 35%;}
.proshow1Pic img{width: 100%}
.proshow1Info{width: 60%;margin-left: 5%;padding-top: }
.proshow1Title{font-size: 2rem;color: #333;font-weight: bold;}
.proshow1Title span{font-size:1.6rem;display: inline-block;margin-left:5%;padding-left: 5%;border-left: 1px solid #666}
.proshow1num{padding: 5% 0;border-bottom: 1px solid #f2f2f2;color: #666;font-size: 1.4rem}
.proshow1num span label{color: #c39160;font-weight: bold;}
.proshow1num span:first-child{display: inline-block;margin-right:5%;}
.proshow1Info p{margin-top:3%;color: #333;font-size: 1.4rem;line-height:2rem;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.proshow1Info p span{color: #666}
.proshow1Tag{height: 4rem;line-height: 4rem;color: #666;font-size: 1.5rem;}
/*新闻*/
.newlist{padding-bottom: 3%}
.newlist li{background-color: #f8f8f8;margin-bottom: 5%}
.newlist li .newL{width: 60%;padding:0 2%;box-sizing:border-box;}
.newlist li .newL p{font-size: 1.5rem;font-weight: bold;color: #333;position: relative;margin-top: 2%}
.newlist li .newL p:before{content: "";position: absolute;width: 3px;height:120%;left: -3%;top: -10%;background-color: #fdd900}
.newlist li .newL .newLdate{margin: 3% 0;color: #999;font-size: 1.4rem;}
.newlist li .newL .newLdate span,.newlist li .newL .newLdate img{display: inline-block;vertical-align: middle;}
.newlist li .newL .newLdate img{width:7%}
.newlist li .newL .newLdate span{margin-left: 3%}
.newlist li .newL .newLjianjie{font-size: 1.4rem;color: #666;line-height: 2rem}
.newlist li .newR{width: 40%;overflow: hidden;}
.newlist li .newR img{width: 100%;transition: all 1s;}
.newshowCon img{display: block;max-width: 100%;margin: auto}
/*表单*/
.formbox{background-color: #f5f5f5;padding:0 8% 5%}
.formbox p{font-size: 2.2rem;color: #4c4c4c;text-align: center;padding: 5% 0}
.formbox input{background-color: #fff;width: 100%;height: 2.8rem;padding: 0 3%;box-sizing:border-box;border:none;margin-bottom:5%;font-size: 1.4rem;color: #363636;outline: none;}
.formbox .abtn{width: 60%;margin: 3% auto 0;display: block;height: 2.8rem;border: none;background-color: #fdd900;color: #363636;font-size: 1.6rem}