@charset "utf-8";

/* CSS Document */


@media screen and (max-width:1000px)
{

.nav .mainbox{ width:calc(100% - 30px)}
.nav{ position: fixed;top:0;right:0;z-index:99;float:inherit;width:100%;height:100vh; text-align:center;opacity:0;visibility: hidden;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#a28d6c }
.nav ul{display:block; text-align:center}
.nav li a{ color:#fff; background:none}
.nav li{line-height:60px;}
.nav li>a{ font-size:16px;  }
.nav li:hover>a{ color:#Fff}


.navdown{ position:relative; left:0%; width:100%; margin-left:0px; top:0px; background:url(../images/xials2.png) no-repeat center 10px; opacity:1; display:none;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition-property:none;-webkit-transition-property:none}
.navdown a{ display:block; line-height:40px;}
.navdown a:hover{ opacity:0.8}


.nav-btnbox {position:absolute;z-index:99;right:8px;top:50%; transform:translate(0,-50%); width:25px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }
.nav-btnbox .icon-bar {display: block; height: 3px;border-radius: 10px;overflow: hidden;background-color:#99763d;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;
-ms-transition: all .3s ease; margin:0 auto;}



.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
.menu-open .nav-btnbox .icon-bar{ background-color:#fff;}
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}

.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}

.menu-open .nav{visibility:visible;opacity:1;}
.menu-open .icon-bar{ background:#FFF}
.menu-open .nav ul{padding: 0;}
.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp; display:block}

.menu-open .nav li:nth-child(1){animation-delay:0s;}
.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
.menu-open .nav li:nth-child(10){animation-delay:0.9s;}


.mainbox{ padding-left:15px; padding-right:15px;}

.nymainbox{ padding-left:15px; padding-right:15px;}

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}


.top.cur{padding:10px 0px;}
.top{ padding:15px 0px; background:#FFF;}
.logo{ width:30%}
.topright{ width:50%;}

.search{ display:none}
.banner{ margin-top:50px;}
.banner .bannertxt{ width:90%}
.banner .bannertxt img{ max-width:65%}

.menu-open .top.cur .nav li a{ color:#fff}


.syabout{ padding-bottom:30%}
.syabout .mainbox.erduan{ display:block}
.syabpic{ display:none}
.syabtxt{ width:100%}
.syabwenzi{ line-height:1.8}
.syaboutshuzi{ padding:10px; width:calc(100% - 20px)}
.syaboutshuzi ul.erduan{ display:block}
.syaboutshuzi li{ width:33.33%; float:left; margin:10px 0px;}
.sycasetit{ display:block; margin-top:184px; padding-bottom:20px;}
.sycasetit h2{ width:100%; margin-bottom:10px;}
.casebiaoti{ width:100%; display:block; overflow:hidden;width:calc(100% + 12px); margin-left:-12px;}
.casebiaoti a{ width:calc(50% - 12px); font-size:14px; border:1px solid #ccc; padding:7px 0px; text-align:center;  display:block; float:left; margin:5px 0px; margin-left:10px;}
.sycasebox.shang{ display:block}
.sycaseleft{ width:100%; margin-bottom:5%}
.sycaseright{ width:100%}
.sycasetxt p{ font-size:16px;}
.sycasetxt em{ margin-top:10px;}
.gongyi.erduan{ display:block}
.gongyileft{ margin:0px;  width:100%}
.gongyileft ul{ width:100%}
.gongyileft li{ width:25%; font-size:14px; margin:10px 0px;}
.gongyiright{ width:100%}
.swiperanniu{ right:0px; bottom:10px;}
.syprotit.erduan{ display:block}
.syshejishi.erduan{ display:block}
.syprotit h2{ width:100%; margin-bottom:10px;}
.syproqiehuan{ margin-left:0px; padding-left:15px; padding-right:15px;}
.syshejileft{ width:100%}
.syshejiright{ width:100%}
.shejistxt{ width:90%; padding:20px 0px;}
.shejiwex li h2{ font-size:20px; margin-bottom:10px;}
.shejiwex li p{ font-size:14px;}
.shejqieh{ margin:20px 0px;}

.swiperanniutwo{ display:none}
.syproqiehuan{ padding-bottom:30px; position:relative; margin-bottom:20px;}
.syproqiehuan .swiper-pagination{ width:100%; bottom:0;left: 50%;transform: translate(-50%, 0%);}
.syproqiehuan .swiper-pagination-bullet{ height:10px; width:10px;  border-radius:10px;opacity:1; border:1px solid #939393; background:none; position:relative; margin:0px 5px;}
.syproqiehuan .swiper-pagination-bullet-active{ background-color:#99763d; border:1px solid #99763d;}
.synewsbox.erduan{ display:block}
.synewsleft{ width:94%}
.synewsright{ width:100%; margin-top:15px;}
.synewsright li a.erduan{}
.synewstxtright span{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; font-size:12px; margin:5px 0px}
  
.synewstxtright p{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient: vertical; font-size:16px;}

.fotnav{ display:none}
.fottel{ display:none}
.fotlianx{ border:none; padding:0px; margin:0px}
.footbot .erduan{ display:block; text-align:center}
.footbot .you{ width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}  


.nobj .nav li a{ color:#fff}
.nobj .toptel{ color:#99763d }
.nobj .nav li a:before{background:#99763d;}
.top.cur .nav li a{ color:#99763d}
.top.cur .toptel{ color:#99763d }
.top.cur .nav li a:before{background:#99763d;}
.top.cur.nobj .none{ display:block} 
.top.cur.nobj .show{ display:none} 
.nobj .none{ display:block}
.nobj .show{ display:none}

.nybanner{ margin-top:50px; width:200%; margin-left:-50%}
.aboxysc.erduan{ display:block}
.nyaboutpic{ width:100%}
.nyabouttxt{ width:100%}

.nyaboutshuzi li{ width:calc(33.33% - 12px); float:left; margin-left:10px; height:120px; margin-bottom:10px;}
.nyaboutshuzi ul{ display:block; overflow:hidden;width: calc(100% + 10px); margin-left:-10px;}
.nyaboutshuzi li:first-child{ margin-left:10px;}
.nyaboutshuzi li p{ font-size:13px;}
.nyaboutshuzi li span i { font-size:35px;}
.nyaboutshuzi li span img { max-width:39px;}

.honorqiehan{ max-width:100%}
.honorbox .swiper-button-next{ right:0}
.honorbox .swiper-button-prev{ left:0}
.photolist.shang{ display:block}
.photolist dt{ width:100%}
.photolist dd{width: calc(100% + 10px); margin-left:-10px; margin-top:10px;}
.photolist dd .photopic{ width:calc(50% - 10px); float:left; margin-left:10px; margin-bottom:10px; }

.photolist li{ width:calc(50% - 20px);}


.pronav{ padding:10px 0px}
.pronav ul{ display:block}
.pronav li{ width:50%; float:left; padding:10px 0px}
.pronav li.cur:before{ display:none}
.pronavtwo{ margin:10px 0px;}
.pronavtwo ul{ display:block; overflow:hidden;}
.pronavtwo li{ width:50%; float:left; padding:0px; margin:0px; text-align:center}
.prolist .item p:before{ width:25px;}
.prolist .item p{ padding-left:32px;}
.nyproshow{ margin-top:46px;}

.proqiehz.erduan{ display:block}
.proshowqiehuan{ width:100%}
.proqiehz{ padding:0px; margin:0px;}
.proshowright{ width:90%; margin:0 auto; padding:20px 0px; text-align:center}
.proshowtxt h1{ font-size:22px; margin-bottom:10px}
.proshowlisx{ margin-top:20px;}
.xiangqing.shang{ display:block}
.allkanbj li{width: calc(100% - 60px); margin-bottom:20px;}
.caseqieleft{ width:100%}
.caseqieright{ width:100%}
.casetxts{ padding:20px;}
.casetxts h2{ margin-bottom:0px;}
.caselist li {width: calc(100% - 60px); margin-bottom:20px;}

.caseshowleft{ width:100%}

.caseshowleft .pd4{ padding:10px 20px;}
.back{ display:none}
.caseshowright{ width:100%}

.dingzhitit{ font-size:20px;}

.fannaolist li{ width:33.33%; margin-bottom:20px}
.jmdapei li:nth-child(2){ margin:0px 10px;}
.wenda4da ul{width: calc(100% + 10px);margin-left: -10px;}
.wenda4da li{width: calc(50% - 10px);margin-left: 10px;}
.wenda4da li p{ padding:10px; height:40px; line-height:20px;}
.liudayoushi li{ width:50%}
.liudayoushi li img{ max-width:120px}
.husnnxbj li{ width:100%; margin:20px 0px}

.sdjsoaxa li{ display:block; text-align:center}
.gongxsu{ width:100%; margin:20px 0px;}
.ruxaca{ width:100%}
.shuxisa{ width:50px; height:50px; font-size:30px; border-radius:50px; line-height:50px; margin:0 auto}
.kandexjian li {width: calc(50% - 20px); margin-left:20px; margin-bottom:20px;}
.kandexjian ul{width: calc(100% + 20px); margin-left:-20px;}
.kandexjian li img{ width:100%}
.gongcahzhan li{width: calc(50% - 10px);margin-left:10px;margin-bottom: 10px;}
.gongcahzhan ul {width: calc(100% + 10px);margin-left: -10px;}
.duanpro{ width:100%}
.newslist li {width: calc(100% - 50px);margin-bottom:20px;}


.contactleft{ width:100%}
.contactbox .mainbox.shang{ display:block}
.contactright{ margin-top:20px; width:100%}
.mapbox{ background:url(../images/map.jpg) no-repeat center center; background-size:cover; padding:20px;}
.mapbox>img{ display:none;}
.dingwx{ position:relative; margin:0 auto; width:90%; left:auto; bottom:auto}

.nav li:hover .navdown{ display:none}
}












@media screen and (max-width:768px)



{
body{ font-size:13px; overflow-x:hidden}
.prolist .item{ width:calc(100% - 80px); margin-bottom:0px;}
.loadbtn a{ width:100%}
}