@charset "utf-8";

@font-face {
    font-family: "苹方特粗";
    src: url("../font/PINGFANG HEAVY.ttf");
    font-weight: normal;
    font-style: normal;
}
 html, body {
        position: relative;
        height: 100%;
    }
html{font-size: 62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;  padding: 0;  font-size:14px;font-family: "microsoft yahei";color: #333; line-height:1.8; overflow-x:hidden}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn,.hidden{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.w1300{ width:1300px; margin:0 auto;}
.wstyle{ width:90%; margin:0 auto;}

.headbox{ background:url(../image/tbg.jpg) no-repeat; background-size:100% 100%;height:100px; position: relative; z-index:9999; width:100%;}
.logo{ width:20.7%; margin-top:2%}
.logo img{ width:100%}
.serch,.sjserch{ display:flex;height:46px; width:40%; margin-left:12%;margin-top:2%}
.sjserch{ display:none}
.serch_l,.sjserch_l{ width:70%;flex:1;height:46px; line-height:46px; border:1px solid #cccccc; border-right:none; border-top-left-radius:5px;border-bottom-left-radius:5px; background:url(../image/sico.png) no-repeat 10px center; padding-left:10%;}
.serch_l input,.sjserch_l input{height:46px; line-height:46px; background:none; border:none}
.serch_l input::placeholder,.sjserch_l input{ color:#999}
.serch button,.sjserch button{ width:88px; text-align:center; border:none; background:#c79e68; height:46px; line-height:46px; border-top-right-radius:5px;border-bottom-right-radius:5px; font-size:16px; color:#fff; cursor:pointer}
.nav{ width:100%; height:50px; line-height:50px; background:#000000; z-index:99999999}
.nav > ul > li{ height:50px; line-height:50px; width:11%; text-align:center; float:left; position:relative; transition:all 300ms ease}
.nav > ul > li a{ display:block; font-size:16px; color:#fff;}
.nav > ul > li:hover{ background:#c79e68}
.nav > ul > li:hover > a{ color:#fff}
.nav > ul > li.active{ background:#c79e68}
.nav > ul > li.active > a{ color:#fff}
.ejmenu{display: none;
    position: absolute;
    left: 0px; right:0;
    top:100%;
    z-index: 999;
    background: #ebebeb;}
.ejmenu li{text-align:center; height:45px; line-height:45px; background:#373737}
.ejmenu li a{ display:block; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; color:#fff; font-size:15px!important}
.ejmenu li:hover{ background:#fff;}
.ejmenu li:hover > a{ color:#333}
.phone{ width:13%; margin-top:1%; line-height:1.3}
.phone dt{background:url(../image/dh.png) no-repeat left center; padding-left:20px; font-size:12px;}
.phone dd{ }
.phone dd h2{text-align:right; font-size:24px; color:#454e58; font-weight:bold; font-style:italic}
.phone dd h2 p{ font-size:18px; color:#666}


.index-banner{width: 100%;overflow: hidden; background: #000; position: relative;}
.index-banner .swiper-container {width: 100%;}
.index-swiper-banner{width: 70px; height: 80px; overflow: hidden; z-index: 2; background: none!important;}
.index-swiper-banner,.index-swiper-banner>*{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.index-swiper-banner div{width: 235px; height: 80px; float: left;}
.index-swiper-banner div:first-child{width: 70px; background: #000 url(../image/icon.png) no-repeat; background-position:  15px -953px; position: absolute; top: 0; left: 0; z-index: 2;}
.swiper-button-next, .swiper-button-prev{height:80px!important;}
.index-swiper-banner .btn-hover{background: #fff url(../image/icon.png) !important; background-position:  50px -953px !important;}
.index-swiper-banner div:last-child{width: 235px; height: 80px; position: absolute; top: 0; left: -70px;  opacity: 0; z-index: 1;}
.index-swiper-banner div:last-child *{width: 100%; height: 80px; float: left;}
.index-swiper-banner div:last-child span{background: #fff; text-align: center; line-height: 80px; font-size: 14px; padding: 0 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.index-banner .swiper-button-prev{ left:0; background:rgba(0,0,0,.5) url(../image/pl.png) no-repeat center center; width:70px; height:80px;  }	
.index-banner .swiper-button-next{ right:0; background:rgba(0,0,0,.5) url(../image/pr.png) no-repeat center center; width:70px; height:80px;}
.index-banner .swiper-slide{background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}	
.index-banner .swiper-slide a{ display:block}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px!important;}
.index-banner .swiper-pagination-bullet{width:110px; height:8px; background: #fff; border-radius: 0; opacity:.5; margin:0 10px!important;}
.swiper-pagination-bullet-active{ background:#5e5b59!important;opacity:1!important}
.index-banner .banner-info{position: absolute; bottom: 50px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px;}
.index-banner .banner-info h5{color: #fff; margin-bottom: 5px;}
.index-banner .banner-info input{height: 40px; border: none; margin-right: 20px; width: 180px;}
.index-banner .banner-info input:last-child{margin-right: 0;}
.index-banner .banner-info .info{text-indent: 10px;}
.index-banner .banner-info .info:nth-child(2){width: 340px;}
.index-banner .banner-info input[type='button']{background: #00ae66; color: #fff; vertical-align: bottom; cursor: pointer;}

.dzbgbox{ background:url(../image/albg.gif) no-repeat; background-size:100% 100%; padding:3% 0;}
.dzbg_l{ width:36.6%; height:265px;}
.dzbg_l img{ width:100%; height:100%}
.dzbg_r{ width:62%; background:url(../image/bjbg.jpg) no-repeat;background-size:100% 100%;height:265px; padding:3% 5%}
.dzbg_r table{ width:100%}
.dzbg_r table tr td{ white-space:nowrap}
.dzbg_r table tr td:first-child{ width:80%;}
.dzbg_r table tr td:last-child{ width:20%;}
.dzbg_r table tr td select{ width:20%; margin-left:5%; height:40px; border:1px solid #ddd; color:#999; margin-top:-1%}
.dzbg_r table tr td select:first-child{ margin-left:0;}
.dzbg_r table tr td input{width:55%; margin-left:6.5%; height:40px; border:1px solid #ddd; color:#999; padding:0 2%; box-sizing:border-box; margin-top:2%}
.dzbg_r table tr td input:first-child{ margin-left:0; width:35%;}
.dzbg_r table tr td button{ background:#ef8200; height:40px; font-size:16px; color:#fff; text-align:center; line-height:40px; border:none; width:100%; margin-top:5%}

.title{ text-align:center; width:65%; margin:0 auto; position:relative}
.title:before{ content:""; position:absolute; left:0; width:33%; height:3px; background:#fff; top:50%;}
.title:after{ content:""; position:absolute; right:0; width:33%; height:3px; background:#fff; top:50%;}
.title h2{ font-size:33px; color:#fff}
.title h3{ font-size:16px; color:#fff; margin-top:-5px; text-transform:uppercase}

.ysbox{ margin-top:1%}
.yslist li{ float:left; width:20%; text-align:center;}
.yslist li dt img{ max-width:100%; transition:all 500ms ease-in-out}
.yslist li dd{ height:50px; line-height:50px; font-size:18px;}
.yslist li:hover dt img{ transform:rotateY(360deg)}

.fxmbox{ margin-top:2%}
.imgstyle{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgstyle > img{ width:100%}
.fxmmain{ margin-top:2%}
.fxmt{}
.fxmt ul li{ float:left; width:33%; margin-right:0.5%; position:relative; text-align:center}
.fxmt ul li:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.3); transition:all 300ms ease-in-out}
.fxmt ul li a{ display:block}
.fxmt ul li:last-of-type{ margin-right:0}
.fxmtext{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../image/cnlbg.png) no-repeat center center;background-size: 100% 100%; padding-top:20%;}
.fxmtext dt{ height:104px;}
.fxmtext dt img{ max-height:100%}
.fxmtext dd{}
.fxmtext dd h2{ font-size:18px; font-weight:bold; color:#fff}
.fxmtext dd h3{ font-size:16px;color:#fff}
.fxmb{ margin-top:0.5%;}
.fxmb ul li{ width:49.75%;}
.fxmb ul li .fxmtext{ padding-top:16%}
.fxmt ul li:hover:before{ opacity:0} 

.htitle h2,.htitle h3{ color:#333;}
.htitle:before,.htitle:after{ background:#333}
.casebox{width:100%; padding:4% 0}
.almenu{ text-align:center; margin-top:3%}
.almenu a{ display:inline-block; width:12%; text-align:center; height:55px; line-height:55px; background:#eee; border:1px solid #ddd; font-size:22px; font-weight:bold; border-radius:3px; margin-left:8%;}
.almenu a:first-child{ margin-left:0}
.casemain{ margin-top:3%}
.casetop{ width:100%}
.casetop_l{ width:64.4%;}
.casetop_l_t{ 	width:100%;}
.casetop_l_t_l{ width:61%; height:347px; position:relative; overflow:hidden}
.casetop_l_t_l a,.casetop_l_t_r a,.casetop_l_b_r a,.casetop_l_b_l a,casetop_r_t a,casetop_r_b a,.casebtom_l a,.casebtom_c a,casebtom_r a{ display:block; height:100%; position:relative}
.casetop_l_t_l:before,.casetop_l_t_r:before,.casetop_l_b_r:before,.casetop_l_b_l:before,.casetop_r_t:before,.casetop_r_b:before,.casebtom_l:before,.casebtom_c:before,.casebtom_r:before{ content:""; position:absolute; left:0; top:0; width:0; background:#c79e68; height:4px;transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;z-index:10}
.casetop_l_t_l:after,.casetop_l_t_r:after,.casetop_l_b_r:after,.casetop_l_b_l:after,.casetop_r_t:after,.casetop_r_b:after,.casebtom_l:after,.casebtom_c:after,.casebtom_r:after{ content:""; position:absolute; left:0; top:0; width:4px; background:#c79e68; height:0;transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;z-index:10}
.casetop_l_t_l a:before,.casetop_l_t_r a:before,.casetop_l_b_r a:before,.casetop_l_b_l a:before,.casetop_r_t a:before,.casetop_r_b a:before,.casebtom_l a:before,.casebtom_c a:before,.casebtom_r a:before{ content:""; position:absolute; bottom:0; left:0; width:0; background:#c79e68; height:4px;transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;z-index:10}
.casetop_l_t_l a:after,.casetop_l_t_r a:after,.casetop_l_b_r a:after,.casetop_l_b_l a:after,.casetop_r_t a:after,.casetop_r_b a:after,.casebtom_l a:after,.casebtom_c a:after,.casebtom_r a:after{ content:""; position:absolute; right:0; bottom:0; width:4px; background:#c79e68; height:0;transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0; z-index:10}
.casetop_l_t_l:hover:before,.casetop_l_t_l a:hover:before,.casetop_l_t_r:hover:before,.casetop_l_t_r a:hover:before,.casetop_l_b_r:hover:before,.casetop_l_b_r a:hover:before,.casetop_l_b_l:hover:before,.casetop_l_b_l a:hover:before,.casetop_r_t:hover:before,.casetop_r_t a:hover:before,.casetop_r_b:hover:before,.casetop_r_b a:hover:before,.casebtom_l:hover:before,.casebtom_l a:hover:before,.casebtom_c:hover:before,.casebtom_c a:hover:before,.casebtom_r:hover:before,.casebtom_r a:hover:before{ width:100%; opacity:1}
.casetop_l_t_l:hover:after,.casetop_l_t_l a:hover:after,.casetop_l_t_r:hover:after,.casetop_l_t_r a:hover:after,.casetop_l_b_r:hover:after,.casetop_l_b_r a:hover:after,.casetop_l_b_l:hover:after,.casetop_l_b_l a:hover:after,.casetop_r_t:hover:after,.casetop_r_t a:hover:after,.casetop_r_b:hover:after,.casetop_r_b a:hover:after,.casebtom_l:hover:after,.casebtom_l a:hover:after,.casebtom_c:hover:after,.casebtom_c a:hover:after,.casebtom_r:hover:after,.casebtom_r a:hover:after{ height:100%;opacity:1}
.casetop_l_t_r{ width:38.2%;height:347px;position:relative; overflow:hidden}
.casetop_r{ width:35%;}
.casetop_l_b{width:100%; margin-top:0.8%}
.casetop_l_b_l{ width:45.2%; height:347px; position:relative; overflow:hidden}
.casetop_l_t_l img,.casetop_l_t_r img,.casetop_l_b_l img,.casetop_l_t_r img,.casetop_l_b_r img,.casetop_r_t img,.casetop_r_b img,.casebtom_l img,.casebtom_c img,.casebtom_r img{ width:100%; height:100%;transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;}
.casetop_l_b_r{width:54%;height:347px; position:relative; overflow:hidden}
.casetop_r_t{ width:100%; height:440px;position:relative; overflow:hidden}
.casetop_r_b{ width:100%; height:255px; margin-top:1.6%;position:relative; overflow:hidden}
.casebtom{margin-top:0.5%}
.casebtom_l{ width:34.1%;height:347px;position:relative; overflow:hidden} 
.casebtom_c{width:34.1%;height:347px; margin-left:0.5%;position:relative; overflow:hidden}
.casebtom_r{width:30.8%;height:347px;position:relative; overflow:hidden}
.casetop_l_t_l img:hover,.casetop_l_t_r img:hover,.casetop_l_b_r img:hover,.casetop_l_b_l img:hover,.casetop_r_t img:hover,.casetop_r_b img:hover,.casebtom_l img:hover,.casebtom_c img:hover,.casebtom_r img:hover{ transform:scale(1.03)}

.designer{ width:100%; background:url(../image/sjbg.jpg) no-repeat; background-size:100% 100%; padding:3% 0}
.more{ margin-top:3%; text-align:center;}
.more a{ display:inline-block; width:30%; text-align:center; border:1px solid #ddd; height:38px; line-height:38px;border-radius:5px; transition:all 300ms ease}
.more a:hover{background:#f5cb8f; color:#865610; box-shadow:0 0 10px 1px rgba(0,0,0,.1)}


.designermain{ background:url(../image/sjd.png) no-repeat 80% 25%;}
.index-designer-container{width: 100%; height: 820px; background: url(../image/isjsbg.jpg); }
.index-designer-center{width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.white-subhead *{color: #fff;}
.index-designer-content{width: 100%; height:775px; margin-top: 20px; position: relative;}
.index-designer-content .swiper-slide{width: 1240px; height: 775px; }
.index-designer-content .swiper-slide .swiper-shade{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #000; opacity: 0; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }
.index-designer-content .swiper-slide .designer-anli{position: absolute; top: 0; left: 0; width:75%; height:652px; z-index: 1; background-size: cover; background-position: center center;
box-shadow:0 0 25px 5px rgba(0,0,0,.5); margin-top:2%}
.index-designer-content .swiper-slide .designer-anli img{width: 100%; height: 100%; display: block;}
.index-designer-content .swiper-slide .designer-anli div{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background:linear-gradient(transparent,rgba(0,0,0,0.8)); background: -moz-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -o-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));}
.index-designer-content .swiper-slide .designer-anli div p{color: #cfcfcf; font-size: 14px; line-height: 25px; width: 520px; height: 100%; padding: 20px;}
.index-designer-content .swiper-slide .designer-info{display: flex; background: url(../image/sjs.jpg); display: -webkit-flex; display: -ms-flex; width: 80%; height:300px; position: absolute; bottom:5%; right: 0; z-index: 2; box-shadow:0 0 25px 5px rgba(0,0,0,.5)}
.index-designer-content .swiper-slide .designer-info > a{ display:block;width: 25%;height: 100%;}
.index-designer-content .swiper-slide .designer-info .designerImg{width:100%; height: 100%; background-size: cover; background-position: center center;}
.index-designer-content .swiper-slide .designer-info>div{width: 75%; height: 100%;background-size: cover;background-position-x:5px;  padding: 20px 20px 0 60px;}
.index-designer-content .swiper-slide .designer-info>div h2{font-size:56px; color: #f5cb8f;}
.index-designer-content .swiper-slide .designer-info>div h3{font-size:30px; color: #fff; margin: 20px 0 10px;}
.index-designer-content .swiper-slide .designer-info>div h3 span{font-size: 14px; color: #cfcfcf;}
.index-designer-content .swiper-slide .designer-info>div h5{color: #fff; line-height:30px;}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(3){ color:#f5cb8f}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(4){ margin-top:2%}
.index-designer-content .swiper-slide .designer-info>div h5 span{color: #f5cb8f; margin-right:15%}
.index-designer-content .swiper-slide .designer-info .designer-btn{width: 118px; height: 43px; border: 1px solid #666; border-radius: 5px; text-align: center; line-height: 43px; font-size: 14px; color: #666; background: transparent; margin-top: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; float:right; margin-right:10%}
.index-designer-content .swiper-slide .designer-info .designer-btn:hover{background: #c79e68; color: #fff;}
.index-designer-content .swiper-button-prev,.index-designer-content .swiper-button-next{opacity: .9;}
.index-designer-content .swiper-button-prev{left:0;width: 10%;top:50%;background: none;margin-top:-8%;}
.index-designer-content .swiper-button-prev div{width: 49px;height:97px;position: absolute;top: 40%;right: 0;background-image: url(../image/sjl.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.index-designer-content .swiper-button-next{right:5%;width: 10%;top:50%;background:none; margin-top:-8%}
.index-designer-content .swiper-button-next div{width: 49px;height: 97px;position: absolute;top:50%;left:0;background-image: url(../image/sjr.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.index-designer-content .swiper-pagination-bullets{ display:none}
.index-designer-content .designer-more{color: #fff; position: absolute; top: 0; right: 145px; line-height: 24px; z-index: 100; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-designer-content .designer-more:hover{opacity: .8;}
.index-designer-content .designer-more i{background: url(../image/icon.png); background-position: 0 -334px; width: 24px; height: 24px; margin-left: 10px;}
.index-designer-content .swiper-slide-next,.index-designer-content .swiper-slide-prev{height:520px;}
.index-designer-content .swiper-slide-next .designer-anli,.index-designer-content .swiper-slide-prev .designer-anli{ position:relative; filter: blur(5px);}
.index-designer-content .swiper-slide-next .designer-info,.index-designer-content .swiper-slide-prev .designer-info{ filter: blur(5px); bottom:-35%}
.hmore a{ color:#999;}
.hmore a:hover{box-shadow:0 0 20px 5px rgba(0,0,0,1)!important}

.newbox{ padding:3% 0}
.newmenu{ text-align:center; margin-top:2%}
.newmenu a{ display:inline-block; text-align:center; width:10%; height:38px; line-height:38px; border:1px solid #ddd; border-radius:5px; margin:0 3%; transition:all 250ms ease}
.newmenu a:hover{ background:#ef8200; color:#fff}
.newmenu a.active{ background:#ef8200; color:#fff}
.newmain{ margin-top:3%}
.new_l{ width:48%;}
.new_l_list li{ width:100%; margin-bottom:2%;}
.new_l_list li dt{ float:left; width:26.8%;height:110px;}
.new_l_list li img{ width:100%; height:100%}
.new_l_list li dd{ float: right; width:71%;}
.new_l_list li dd h2{ font-size:16px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.new_l_list li dd h3{ font-size:12px; color:#999; margin-top:1.5%}
.new_l_list li dd p{ color:#999;margin-top:1%; line-height:1.9; height:52px; overflow:hidden}
.new_l_list li:hover .nlname{ color:#ef8200}
.new_r{ width:48%;border-top:1px dashed #dedede;}
.new_r_list li{ width:100%; padding:0 3%; border-bottom:1px dashed #dedede; height:61px; line-height:61px; box-sizing:border-box}
.new_r_list li a{ display:inline-block; width:60%;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;font-size:16px; transition:all 300ms ease}
.new_r_list li a i{ font-weight:bold; font-size:16px; margin-right:5%}
.new_r_list li span{ float: right; background:url(../image/nico.png) no-repeat right center; padding-right:5%;font-size:16px;}
.new_r_list li:hover a.nrname{ color:#ef8200; padding-left:1%;}

.footbox{ background:url(../image/fbg.jpg) no-repeat; background-size:100% 100%; padding-top:2%}
.ftwstyle{ width:70%; margin:0 auto}
.foot_l{ width:65%;}
.foot_l ul li{ float:left; width:11%; text-align:center}
.foot_l ul li a{ display:block;font-size:16px; color:#fff;line-height:2.8; opacity:.9;white-space: nowrap;}
.foot_l ul li a:hover{ opacity:1; text-decoration:underline}
.foot_r{ width:33%; }
.foot_r dl dt{ text-align:center; float:left; width:28%;}
.foot_r dl dt img{ max-width:100%}
.foot_r dl dd{float:right; width:66%;}
.foot_r dl dd h2{ color:#fff; background:url(../image/dh.png) no-repeat left center; padding-left:20px; font-size:12px;}
.foot_r dl dd h3{ font-size:24px; color:#fff; transform:skew(-15deg); font-weight:bold;margin-top:-12px;}
.foot_r dl dd h4{ color:#fff; font-size:18px;transform:skew(-15deg); margin-left:33px; margin-top:-12px;}
.foot_r p{ color:#fff; font-size:12px; margin-top:3%}

.linkbox{font-size:14px; color:#666; font-weight:bold; margin-top:2%}
.linkbox a{ font-size:14px; color:#666;font-weight: normal; margin:0 3px; line-height:1.8}
.linkbox a:hover{ text-decoration:underline}
.footbtom{ text-align:center; font-size:15px; color:#fff; height:61px; line-height:61px; border-top:1px solid #555250; margin-top:1%}
.footbtom a{ color:#fff;}
.footbtom a:hover{ text-decoration:underline}

.foot{display: none;}

.left-fixed-nav{ position: fixed; bottom: 32%; right:0; width:88px; height: auto; background: #dcdcdc; padding: 1px; z-index: 10086;}
.left-fixed-nav a{display: block; margin-top: 1px;}
.left-fixed-nav a:first-child{margin-top: 0;}
.left-fixed-nav li{width: 100%; height: 88px;  background: #fff; text-align: center; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; padding-top:10px; box-sizing:border-box}
.left-fixed-nav a:nth-child(4) li{ padding-top:22px}
.left-fixed-nav li i{ display:inline-block;}
.left-fixed-nav li h6{color: #454e58; line-height: 30px;}
.left-fixed-nav .fixed-nav-icon1{background: url(../image/bjico.png) no-repeat center;width:49px; height:50px;}
.left-fixed-nav .fixed-nav-icon3{background: url(../image/dzico.png) no-repeat center;width:36px; height:50px;}
.left-fixed-nav .fixed-nav-icon2{background: url(../image/kfico.png) no-repeat center;width:50px; height:52px;}
.left-fixed-nav .fixed-nav-icon4{background: url(../image/fhico.png) no-repeat center;width:48px; height:24px;}
.left-fixed-nav li.active{background: #00ae66; color: #fff;}
.left-fixed-nav li.active h6{color: #fff;}


input{outline:none;}
#ncbjDy{width:auto;height:auto;display: flex;}
#ncbjDy div{position: relative;width:auto;display:block;margin:0 auto;background-color:#fff;height:auto;;display: flex;flex-direction:column;align-items:center;position: relative;}
#ncbjDy div input{position: absolute;width: 295px;height: 40px;padding-left: 20px;font-size: 18px;color: #000;border:0;background:none; }
#ncbjDy img{width: auto;height: auto;}
.yuanjiao{border-radius: 30px;overflow: hidden;}
#bjDy{background-color:rgba(0,0,0,0.5);width:440px;height:535px;display: flex;border-radius: 5px}
#bjDy div{position: relative;width:420px;display:block;margin:0 auto;background-color:#fff;height:515px;margin-top: 10px;background-image: url(../image/navbg.jpg);display: flex;flex-direction:column;align-items:center;}
#bjDy div h3{color: #373737;font-size: 20px;font-weight: normal;text-align: center;margin-top: 39px}
#bjDy div h3 span{color: #f33420;font-size: 30px}
#bjDy div input{width: 360px;height: 52px;display: flex;border: 1px solid #d6d7d4;border-radius: 3px;font-size: 18px;margin-top:20px;padding-left: 15px}
#bjDy div a{display: flex;width: 360px;height: 52px;background-color: #ef8200;border-radius: 3px;font-size: 16px;text-align: center;text-decoration: none;align-items:center;justify-content:center;margin-top: 26px;color: #fff}
#bjDy div p{font-size: 12px;color: #686868;margin-left: -50px;margin-top: 15px;position: relative;}
#bjDy div img{position: absolute;bottom:171px;right: 32px;width:94px;height:48px;cursor: pointer;}
#bjDy div p i{position: absolute;display: flex;width: 5px;height: 4px;background-image: url(../image/img31.jpg);top: 7px;left:-10px}

.nybody{ background:#f3f3f3}
.nypic,.nypic img{ width:100%}
.adress{ width:100%;padding:0.6% 0; background:#f7f7f7; box-shadow:0 3px 10px 1px rgba(0,0,0,.05)}
.adress a{ font-size:15px;}

.all{ margin-top:2%; margin-bottom:3%}
.tree{ width:23%; border-top-left-radius:10px;border-top-right-radius:10px; overflow:hidden; background:#fff;}
.tree h2{ background:#454e58; height:98px; line-height:98px; font-size:20px; color:#fff;padding:0 10%;}
.treelist{ padding:0 7%; padding-bottom:2%}
.treelist li{ border-bottom:1px solid #dedede; height:58px; line-height:58px; font-size:18px; padding:0 5%; box-sizing:border-box}
.treelist li a{ display:block}
.treelist li:hover a{ font-weight:bold; color:#c79e68}
.treelist li.active a{font-weight:bold; color:#c79e68}
.content{ width:75%; }
.contitle{ background:#fff;  padding:0 2%}
.contitle h2{font-size:20px;font-weight:bold; color:#454e58;height:80px; line-height:80px;border-bottom:1px solid #d8e1ec;  }
.hbg{ background:#fff; padding:1%}
.nynewlist{}
.nynewlist ul li{ width:100%; background:#fff; padding:2% 3%; box-sizing:border-box; margin-bottom:1.5%}
.nynewlist ul li a{ display:block;}
.nynewlist ul li dt{ float:left; width:33.1%;}
.nynewlist ul li dt img{width:100%}
.nynewlist ul li dd{ float:right; width:65%;}
.nynewlist ul li dd h2{ font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.nynewlist ul li dd p{ font-size:16px; color:#666; margin-top:3%; line-height:1.8; height:84px; overflow:hidden}
.nynewlist ul li dd h3{ margin-top:10%}
.nynewlist ul li dd span{ float:left; font-size:14px; color:#666}
.nxmore{ float:right; font-size:14px;color:#666; background:url(../image/ico.jpg) no-repeat right center; padding-right:35px; display:inline-block}
.page{ text-align:center; margin-top:3%; clear:both;}
.page a{ display:inline-block;text-align:center; padding:8px 15px; color:#333; margin:0 1%; border:1px solid #999;vertical-align:middle;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}
.pageactive{display:inline-block; text-align:center; padding:8px 15px; background:#454e58; border:1px solid #454e58;color:#fff!important; margin:0 1%; vertical-align:middle;}
.page a:hover{ background:#454e58; color:#fff!important;border:1px solid #454e58;}

.contentb{ background:#fff; padding-bottom:2%}
.nyzxbjlist{ margin:0 4%}
.nyzxbjlist ul li{ height:58px; line-height:58px; border-bottom:1px dashed #ededed; padding:0 2%; box-sizing:border-box; font-size:16px; transition: all 300ms ease}
.nyzxbjlist ul li a{ width:70%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; float:left}
.nyzxbjlist ul li:hover{ padding-left:2.5%}
.nyzxbjlist ul li:hover a{ color:#c79e68}

.nyabcont{ margin:5%; margin-top:2%}
.nyabcont h2{ font-size:20px; font-weight:bold; text-align:center}
.nyabmain{ margin-top:2%;}
.nyabmain p{ font-size:16px;}

.caseflbox{ width:100%; background:#fff;}
.casefl{}
.casefl dl{ border-bottom:1px solid #f3f3f3; padding:1% 0; line-height:40px; font-size:15px;}
.casefl dl dt{ float: left; width:10%; text-align:center}
.casefl dl dd{ float:left; width:80%}
.casefl dl dd a{ display:inline-block; margin:0 1%; padding:0 2%; height:40px; line-height:40px;}
.casefl dl dd a:first-child{ margin-left:0}
.casefl dl dd a:hover{ background:#454e58; color:#fff;}
.casefl dl dd a.active{ background:#454e58; color:#fff;}

.nyxm{ margin-top:3%}
.nyxmlist{}
.nyxmlist li{ background:#fff; float:left; width:31.8%; margin-right:2.2%; margin-bottom:2%; transition:all 300ms ease-in-out}
.nyxmlist li:nth-child(3n+0){ margin-right:0}
.nxminfo{ padding:2.5% 3%;}
.nxminfo h2{ float:left; width:50%; white-space:nowrap; overflow:hidden; font-size:18px; font-weight:bold; margin-top:1%;}
.nxminfo > a{ display:block; float:right; width:120px; height:42px; line-height:42px; background:#c79e68 url(../image/xico.png) no-repeat right center; padding-right:15px; box-sizing:border-box color:#fff; text-align:center; font-size:16px; font-weight:bold; border-radius:5px; color:#fff;}
.nyxmlist li:hover{ box-shadow:0 0 25px 2px rgba(0,0,0,.15)}

.nycase{margin-bottom:3%}
.nycase ul li{ background:#fff; margin-top:3%; width:31.3%; float: left; margin-right:3%; overflow:hidden; padding-bottom:1%}
.nycase ul li:nth-child(3n+0){ margin-right:0}
.nalimg{ width:100%;overflow:hidden;}
.nalimg a{ display:block;transition:all 1s ease}
.nalimg img{ width:100%;}
.nalinfo{ margin:3%; margin-top:1%}
.nalinfo h2{ font-size:20px; font-weight:bold; border-bottom:1px solid #d6d6d6; padding-bottom:10px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.naljs{ margin-top:2%}
.naljs h3{ float:left; width:80%;}
.naljs h3 dt{ float:left; border-radius:100%; width:52px; height:52px;}
.naljs h3 dt img{ border-radius:100%; width:52px; height:52px;}
.naljs h3 dd{ margin-top:1.5%; float:left; margin-left:2%; width:60%}
.naljs h3 dd span{ font-size:16px; margin-right:2%}
.alxq{  background:url(../image/alico.png) no-repeat; width:46px; height:25px; margin-top:1%;transition:all 300ms ease}
.nycase ul li:hover .nalimg a{ transform:scale(1.1)}
.nycase ul li:hover .alxq{ margin-right:1.5%;background:url(../image/alico1.png) no-repeat;}
.jzgd{ margin-top:2%; margin-bottom:3%}
.jzgd a{ display:inline-block; width:100%; height:48px; line-height:48px; text-align:center; border-radius:3px; background:#fff}
.jzgd a:hover{ color:#c79e68}

.nysjslist{ margin-top:1%}
.nysjslist > ul > li{ margin-bottom:2%; background:#fff; padding:2%; position:relative;transition:all 300ms ease}
.sjsimg{ width:18.8%; height:400px;}
.sjsimg img{ width:100%; height:100%;}
.sjsinfo{ width:70%; margin-left:2%}
.sjsinfo h2{ font-size:36px;}
.sjsinfo h2 span{ font-size:20px; margin-left:20px;}
.sjsinfo h3{}
.sjsinfo h3 dt{ float:left;}
.sjsinfo h3 dd{ float:left; width:50%}
.sjszp{ margin-top:5%}
.sjszp h2{ font-size:20px; margin-bottom:2%}
.sjszp ul li{ float:left; margin-left:3%; width:20%; height:163px;} 
.sjszp ul li:first-child{ margin-left:0}
.sjszp ul li img{ width:100%; height:100%}
.sjsxq{  width:7%; height:100%; position:absolute; right:0; top:0}
.sjsxq a{ width:100%; height:100%; display:block;background:#d8d8d8 url(../image/shico.png) no-repeat center center; border-left:6px solid #c0c0c0; transition:all 300ms ease}
.nysjslist > ul > li:hover{ box-shadow:0 0 15px 2px rgba(0,0,0,.2)}
.nysjslist > ul > li:hover .sjsxq a{background:#454e58 url(../image/shico.png) no-repeat center center;border-left:6px solid #3d454e;}

.detail_l{ background:#fff; padding:2% 5%; width:73%; padding-bottom:3%}
.detail_l h2{ font-size:24px;font-weight:bold; text-align:center; color:#454e58}
.detail_l h3{ font-size:14px; color:#666; text-align:center; margin-top:5px;}
.detailmain{ margin-top:3%}
.detailmain p img{ max-width:100%}
.sxpbox{width:68%; margin:0 auto;  margin-top:3%}
.sxpbox a{ background:#f3f3f3; border-radius:5px; height:55px; line-height:55px; padding:0 3%; color:#666; width:33%; box-sizing:border-box; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.sxpbox a:hover{ background:#c79e68; color:#fff;}

.detail_r{ width:24%;}
.ndzbj{ width:100%; background:#fff; padding-bottom:2%}
.ndzbj_t,.ndzbj_t img{width:100%;}
.ndzbj_c{ margin:0 7%}
.ndzbj_c table{ width:100%;}
.ndzbj_c table tr td input{ background:#fafafa; border:1px solid #e2e2e2; width:100%; height:38px; line-height:38px; text-align:center; font-size:16px;}
.ndzbj_c table tr td input::placeholder{ color:#999}
.ndzbj_c table tr td button{ background:#ef8200;height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; border:none; width:100%; cursor:pointer}

.tjzp{ background:#fff; margin-top:30px; padding:9% 8%}
.detail_rtitle{ font-size:20px; font-weight:bold; color:#454e58; border-bottom:1px solid #d8e1ec; padding-bottom:10px; margin-bottom:20px;}
.detail_rtitle span{ font-size:16px; color:#666; margin-left:10px;}
.tjzplist{}
.tjzplist li{ margin-top:5%;}
.tjzplist li dt{ float:left; width:40%; height:106px;}
.tjzplist li dt img{ width:100%; height:100%}
.tjzplist li dd{ width:55%; float:right}
.tjzplist li dd h2{ font-size:14px; height:56px; overflow:hidden}
.tjzplist li dd a{ float:right; font-size:12px; margin-top:5%}
.tjzplist li:hover .tjxq,.tjsjslist li:hover .tjxq{ color:#c79e68; text-decoration:underline}

.tjsjslist{}
.tjsjslist li{ margin-top:5%;}
.tjsjslist li dt{ float:left; width:35%; height:140px;}
.tjsjslist li dt img{ width:100%; height:100%;}
.tjsjslist li dd{ float:right; width:60%;}
.tjsjslist li dd h2{ font-size:18px; font-weight:bold;}
.tjsjslist li dd p{ font-size:12px; margin-top:3%; height:63px; overflow:hidden}
.tjsjslist li dd a{font-size:12px; display:block}

.nzxbjlist{}
.nzxbjlist li a{ display:block; height:40px; line-height:40px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.nzxbjlist li a:hover{color:#c79e68; text-decoration:underline}

.sjsxqbox{ background:url(../image/albg.gif) no-repeat; background-size:100% 100%; padding-top:1%; padding-bottom:3%}
.sjadrss{}
.sjadrss a{}
.sjsxqbox_t{ margin-top:1%;}
.sjsxqbox_t_l{ width:73%;}
.sjsxq_l{width:24.7%; height:400px; border:13px solid #454e58; box-sizing:content-box}
.sjsxq_l img{width:100%; height:100%}
.sjsxq_r{ float:right; width:68%}
.sjsxq_r h2{ font-size:40px; font-weight:bold; color:#454e58}
.sjsxq_r h3{ font-size:38px; color:#454e58; margin-top:-18px;}
.sjsxq_r h4{ font-size:16px;}
.sjsxq_r p{ font-size:16px; margin-top:1.5%}
.sjsxqtable{ border-top:1px solid #999; margin-top:1%; padding-top:1%}
.sjsxqtable table{ width:95%;}
.sjsxqtable table tr th{ font-weight:normal; font-size:16px;padding:0.9% 0; white-space:nowrap;}
.sjsxqtable table tr td{font-size:16px; padding:0.9% 0}
.sjsxqbox_t_r{ width:23%; }
.sjsxqbox_t_r .ndzbj{background:#f3f3f3; box-shadow:0 0 5px 1px rgba(0,0,0,.2)}
.sjdbzpbox{ margin-top:3%}
.sjdbzp{ background:#fff; padding:2% 3%; width:73%}
.ndbzplist{}
.ndbzplist ul li{ float:left; width:32%; margin-right:2%; text-align:center; margin-bottom:2%}
.ndbzplist ul li:nth-child(3n+0){ margin-right:0}
.ndbzplist ul li a{ display:block;}
.ndbzplist ul li dt{ width:100%; height:290px; text-align:center; position:relative; overflow:hidden}
.ndbzplist ul li dt img{ width:100%; height:100%;}
.ndbzplist ul li dt p{ position:absolute; width:100%; height:100%; line-height:290px; left:0; right:0; top:0; bottom:0; opacity:0; color:#fff; background:rgba(0,0,0,.3); box-sizing:border-box; transition:all 300ms ease}
.ndbzplist ul li dt p span{border-bottom:2px solid #fff;font-size:22px; font-weight:bold; padding:0 10px; padding-bottom:5px; }
.ndbzplist ul li:hover .dbzimg p{ opacity:1}
.ndbzplist ul li dd{ height:50px; line-height:50px; font-size:18px; white-space:nowrap;text-overflow: ellipsis; overflow:hidden}
.hjzgd a{ background:#f3f3f3; color:#999; font-size:16px}
.zpxq_r{ width:23%}
.zpxq_r .tjzp{ margin-top:0}

.xgalbox{ margin-top:60px}
.xgalbox h2{ font-size:16px; text-align:center; font-weight:normal}
.xgalbox ul{ margin-top:30px}
.xgalbox ul li{float:left; width:22.48%; margin-right:3%; border:1px solid #ddd; text-align:center}
.xgalbox ul li:nth-child(4){margin-right:0}
.xgalbox ul li dt{ height:168px}
.xgalbox ul li dt img{ width:100%; height:100%;}
.xgalbox ul li dd{ height:40px; line-height:40px; color:#666; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;padding: 0 3%;
    box-sizing: border-box;}
.xgalbox ul li:hover{ background:#c79e68}
.xgalbox ul li:hover dd{ color:#fff}

.quyubox{ border:1px solid #e6e6e6; background:#fff;padding-bottom:3%}
.quyut{ border-bottom:1px solid #e6e6e6; height:65px; line-height:65px; padding:0 2%;}
.quyut span{ display:inline-block;height:62px; line-height:62px; font-size:18px; font-weight:bold;border-bottom:3px solid #c79e68;}
.quyutext{padding:2% 0; padding-left:2%}
.quyutext a{ display: inline-block; width:10%; margin-right:1%;text-align:center; white-space:nowrap; overflow:hidden;height:30px; line-height:30px; border:1px solid #e6e6e6; box-sizing:border-box; margin-bottom:1.2%;text-overflow: ellipsis;}
.quyutext a:hover{ border:1px solid #c79e68; color:#c79e68}
.zxwdtop{ padding:2%; background:#e6e6e6;}
.zxwdtop_r{}
.zxwdtop_r textarea{ background:#fff; border: none; width:100%; height:126px; resize:none;font-family: "microsoft yahei"; font-size:16px; padding:10px; box-sizing:border-box}
.zxwdtop_r textarea:focus{ outline:none}
.zxwdtop_r textarea::placeholder{ color:#999999;}
.zxwdtop_r button{ width:140px; background:#c79e68; height:40px; line-height:40px; border:none; font-size:14px; color:#fff; margin-top:20px; cursor:pointer; box-sizing:border-box}
.zxwdtop_r button:focus,.serch input:focus{outline:none}
.askbox{}
.askbox dl{ border:1px solid #e6e6e6; box-sizing:border-box; padding:2%; padding-top:1%; margin-top:2%; position:relative;transition:all 300ms ease-in-out;}
.askbox dl dt{ border-bottom:1px solid #e5e5e5; height:50px; line-height:50px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.askbox dl dt h2:before{ content:"问"; position:absolute; left:0; top:14px;display:inline-block; width:20px; height:20px; background:#c79e68; border-radius:3px; font-weight:bold; color:#fff; line-height:20px; text-align:center; font-size:14px;}
.askbox dl dt h2{ display:inline-block;border-bottom:4px solid #c79e68; height:47px; line-height:47px; font-size:18px; font-weight:bold; position:relative;padding-left:32px;}
.askbox dl dd{ margin-top:1%;position:relative; padding-left:30px;height:75px; overflow:hidden; }
.askbox dl dd:before{content:"答";position:absolute; left:0; top:3px;display:inline-block; width:20px; height:20px; background:#e15b63; border-radius:3px; font-weight:bold; color:#fff; line-height:20px; text-align:center; font-size:14px;}
.askbox dl dd p{ font-size:14px;text-align:justify}
.askbox dl:hover{ border:1px solid #c79e68;}

.wzdtlist{}
.wzdtlist dl{ margin-top:1%}
.wzdtlist dl dt{ font-size:18px; font-weight:bold;padding-left:2%; box-sizing:border-box}
.wzdtlist dl dd{ background:#f7f7f7; border:1px solid #dcdcdc; box-sizing:border-box; margin-top:1%; padding:1% 2%;line-height: 2.5;}
.wzdtlist dl dd a{ color:#666; font-size:16px; margin-right:5%; display:inline-block}
.wzdtlist dl dd a:hover{ color:#c79e68; text-decoration:underline}
.lmt{ padding:0; height:50px; line-height:50px;}
.lmt span{height:46px; line-height:46px;}

.fwxq_l{ width:68%}
.fwxqmain{}
.fwxqlist li{ padding:2.5% 0; border-bottom:1px solid #e6e6e6}
.xqimg{width:40%}
.xqimg img{ width:100%}
.xqtext{ width:56%}
.xqtext h2{ font-size:20px; font-weight:bold; margin-top:2%; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xqtext h3{ font-size:16px; background:url(../image/xqdz.png) no-repeat left 8px; padding-left:20px; margin-top:5%; height:56px; overflow:hidden}
.xqtext > a {
    display: block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #c79e68 url(../image/xico.png) no-repeat right center;
    padding-right: 15px;
    box-sizing: border-box color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px; margin-top:15%;
    color: #fff;
}


.xqtext2{ width:56%}
.xqtext2 h2{ font-size:20px; font-weight:bold; margin-top:2%; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xqtext2 h3{ font-size:16px; background:url() no-repeat left 8px; padding-left:20px; margin-top:5%; height:56px; overflow:hidden}
.xqtext2 a {
    display: block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #c79e68 url(../image/xico.png) no-repeat right center;
    padding-right: 15px;
    box-sizing: border-box color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px; margin-top:15%;
    color: #fff;
}



.fwxq_r{ width:29%; border:1px solid #e6e6e6; padding:0 2%; padding-bottom:2%}
.rmxqlist{ padding:0 5%; box-sizing:border-box; padding-top:3%}
.rmxqlist li{ margin-top:6%}
.rmxqlist li a{ display:block; position:relative}
.rmxqlist li a p{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; font-weight:bold}

.nywd_l{width:68%;}
.nywd_r{width:30%;}
.wendar{border:1px solid #e6e6e6;} 
.nyask{}
.nyask dl{ margin:0; background:#fff8ef; border:1px solid #d6c3ad}
.nyask dl dt{ border-bottom:1px solid #b19677; }
.nyask dl dt h2{ border-bottom:none;color:#6f460f}
.nyask dl dd{ font-size:14px;height:auto}
.xgwdbox{ border:1px solid #e6e6e6; margin-top:2%}
.nyasklist{padding-bottom:3%}
.nyasklist dl{ border:none; border-bottom:1px solid #e6e6e6}
.nyasklist dl:hover{ border:none}
.nyasklist dl:last-child{ border-bottom:none}
.nyasklist dl dt{} 
.nyasklist dl dt h2{ border-bottom:none; padding:0}
.nyasklist dl dt h2:before{ display:none}
.nyasklist dl dd{ padding:0; color:#999999}
.nyasklist dl dd:before{ display:none}
.nyasklist dl:hover{ border:none; border-bottom:1px solid #e6e6e6}
.nyasklist dl:hover:last-child{ border-bottom:none}
.nyasklist dl:hover h2{ }
.gdwlist{}
.gdwlist ul li{ border-bottom:1px solid #e6e6e6; height:55px; line-height:55px; padding:0 5%; box-sizing:border-box; }
.gdwlist ul li a{font-size:16px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.gdwlist ul li:hover a{color:#6f460f; font-weight:bold}

.mfytop{ border:1px solid #e6e6e6; padding:1.5%}
.mfy_l{ width:63%}
.mfy_l img{ width:100%}
.mfy_r{ width:30%; text-align:center; background:url(../image/ybg.jpg) no-repeat center center; background-size:cover; padding:1% 2%; padding-bottom:1.6%;
 position: absolute;
    top: 50%;
    z-index: 999999;
    left: 50%;
    margin-left: -12%;
    margin-top: -18%; box-shadow:0 0 20px 1px rgba(0,0,0,.3)}
.ytable{ width:100%; margin-top:2%}
.ytable tr td{}
.ytable tr td textarea{font-family: "microsoft yahei"; background:#fff; border:1px solid #ddd; width:100%; height:35px; resize:none; margin-bottom:2.5%; padding:2%; box-sizing:border-box}
.ytable tr td input{background:#fff; border:1px solid #ddd; width:100%; height:40px; line-height:40px; padding:0 3%; box-sizing:border-box; margin:2.5% 0 }
.ytable tr td input:focus,.ytable tr td textarea:focus{ outline:none}
.ytable tr td input::placeholder,.ytable tr td textarea::placeholder{ color:#999}
.ytable tr td button{ height:40px; line-height:40px; border-radius:5px; width:100%; background:#c79e68; border:none; font-size:20px; font-weight:bold; color:#fff; margin-top:2.5%}
.mfy_r h2{ font-size:24px; font-weight:bold; text-align:left}
.beizhu{ text-align:center; color:#999999; margin-top:2%}
.fwtjbox{border:1px solid #e6e6e6; margin-top:2%}
.fwtjlist{ margin-top:2%; padding:0 2.5%}
.fwtjlist ul li{ float:left; width:22.7%; margin-right:3%; text-align:center;}
.fwtjlist ul li:nth-child(4n+0){ margin-right:0}
.fwtjlist ul li dd{ height:50px; line-height:50px; font-size:16px; font-weight:bold}
.fwtjlist ul li:hover dt{ border:3px solid #c79e68}
.fwtjlist ul li dt{border:3px solid #fff; box-sizing:border-box; transition:all 300ms ease-in-out}

.nxqtop_l{ width:47.8%;}
.nxqtop_l img{ width:100%;max-height: 100%;}
.nxqtop_r{ width:48.5%;}
.nxqtop_r h2{ font-size:20px; font-weight:bold; border-bottom:1px solid #e6e6e6; padding-bottom:1%}
.nxq{ margin-top:8%; width:60%;}
.nxq p{ font-size:16px; line-height:2.6}
.nxq p span{ font-size:24px; color:#d70c18}
.yinfo_r{ width:30%; margin-top:5%}
.yinfo_r img{ max-width:100%}
.xqybuton{}
.xqybuton a{ display: inline-block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #c79e68 url(../image/xico.png) no-repeat right center;
    padding-right: 15px;
    box-sizing: border-box color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px; margin-top:15%;
    color: #fff; margin-right:6%;cursor: pointer;}
.xqybuton a.hqbj{background: #e6e6e6 url(../image/xico1.png) no-repeat right center; color:#333}
.sxp{ border-top:1px solid #e6e6e6; padding-top:3%; margin-top:5%}
.sxp a:hover{ text-decoration:underline}
.nxqcont{ margin-top:2%; border:1px solid #e6e6e6}
.nxqcontc{ padding:2%}
.nxqcontc p{ font-size:16px;}
.nxqcontc p img{ max-width:100%}
.xqcase{margin-top:2%; border:1px solid #e6e6e6}
.xqcaselist{ padding:2%; padding-bottom:0}
.xqcaselist ul li{ float:left; width:22%; margin-right:4%; text-align:center}
.xqcaselist ul li:nth-child(4n+0){ margin-right:0}
.xqcaselist ul li dd{ height:50px; line-height:50px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.nmore{ color:#999999}
.xqcaselist ul li:hover dd{ color:#c79e68}
.xqxgtbox{margin-top:2%; border:1px solid #e6e6e6}
.xqxgtlist{ padding:2%; padding-bottom:0}
.xqxgtlist ul li{ float:left; width:31.3%; margin-right:3%;}
.xqxgtlist ul li:nth-child(3n+0){ margin-right:0}
.xqxgtlist ul li dt{ position:relative}
.xqxgtlist ul li dt p{ position:absolute; left:0; right:0; bottom:0; height:35px; line-height:35px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; background:rgba(0,0,0,.5); padding:0 3%; box-sizing:border-box; color:#fff}
.xqxgtlist ul li dd{ height:60px; line-height:60px; background:url(../image/alico.png) no-repeat right center; background-size:35px}
.xqxgtlist ul li dd img{ width:30px; height:30px; border-radius:100%; margin-bottom:-8px; margin-right:2%;}
.xqcaselist ul li dd.bjnum{ height:35px; line-height:35px; margin-bottom:2%}
.bjnum h2{ float:left; font-size:14px;}
.bjnum h3{ float:right; font-size:14px;}
.bjnum h3 span{ color:#ff2424}
.xqzsbox{margin-top:2%; border:1px solid #e6e6e6}
.xqzslist{ padding:0 2%}
.xqzslist ul li{ padding:2% 0; border-bottom:1px solid #e6e6e6}
.xqzslist ul li dt{ float:left; width:31%}
.xqzslist ul li dd{ float:right; width:67%}
.xqzslist ul li dd h2{ font-size:18px; font-weight:bold; margin-top:1%;white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.xqzslist ul li dd p{ color:#999; font-size:16px; margin-top:3%; height:56px; overflow: hidden}
.xqzslist ul li dd h3{ margin-top:12%}
.xqzslist ul li dd h3 span.ckzs{ color:#999; display:inline-block; background:url(../image/alico.png) no-repeat right center; background-size:30px; padding-right:35px;}
.xqzslist ul li:hover dd h2{ color:#c79e68}
.xqxwbox{margin-top:2%; border:1px solid #e6e6e6}
.xqxwlist ul li dd h4{ font-size:14px; color:#999999; margin-top:1%}
.xqxwlist ul li dd p{ height:85px; margin-top:5%}
.xqybuton1 a{ margin-top:5%}
.zflist{ margin-top:8%; border-top:1px solid #e6e6e6; padding-top:5%; display:flex}
.zflist dt{float:left; width:80px;height:42px; line-height:42px;}
.zflist dd{float:right;flex:1;}
.zflist dd span{ float:left; border:1px solid #e6e6e6; height:42px; width:21%; margin-right:3%; text-align:center;-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;}
.zflist dd span:last-child{margin-right:0}
.sjbuton{ display:none}
.nav-2 { clear:both;
    background-color: #fff; left:0;
    position: fixed; top:120px; right:0; transform:translateX(100%); transition:all 450ms ease-out;
    z-index: 130000;
}
.nav-2.active{ transform:translateX(0);}
.nav-2 > ul > li {
    border-top: 1px dashed #ccc;
    padding: 10px 20px;
}
.nav-2 > ul > li:first-child {
    border-top: 0;
}
.nav-2 > ul > li > a {
    font-size: 14px; display:block;
    width: 100%;
    color: #333;
}
.nav-2 > ul > li ul{ display:none}
.nav-2 > ul > li ul{ margin-left:3%}
.nav-2 > ul > li ul li{ line-height:2.5; border-top: 1px solid #eee;}
.nav-2 > ul > li ul li:first-child{border-top: 0;}
.chenggao {
    display: none;
    height:100px;
}
#nav-2-heidi {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background:rgba(0,0,0,.7);
    display: none;
}
.navico{ float:right; background:url(../image/sanlan.png) no-repeat center center; width:30px; height:30px; margin-top:12px; margin-right:1%;display: none}

.fxmlist{}
.fxmlist li{ float:left; width:25%; text-align:center; margin-top:4%}
.fxmlist li a{display:block; width:168px; height:168px; margin:0 auto; border-radius:100%; border:1px solid #c79e68; padding-top:30px; box-sizing:border-box; transition:all 300ms ease-in-out}
.fxmlist li dt{ height:70px;}
.fxmlist li dt img{ max-height:100%}
.fxmlist li dd{ font-size:16px;}
.fxmlist li:hover a{ background:#fff; box-shadow:0 0 25px 2px rgba(0,0,0,.18)}

.yuyue_l{ width:13%; background:#fff; padding-right:1%}
.ytree{border-top:10px solid #fff;border-bottom:10px solid #fff;}
.ytree ul li{ height:70px; background:#fff; line-height:70px; padding-left:23%; box-sizing:border-box; border-left:10px solid #fff; transition:all 200ms ease-in-out}
.ytree ul li a{ display:block; font-weight:bold}
.ytree ul li.li_1 a{ background:url(../image/nfxm.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_2 a{ background:url(../image/nfxm1.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_3 a{ background:url(../image/nfxm2.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_4 a{ background:url(../image/nfxm3.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_5 a{ background:url(../image/nfxm4.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_6 a{ background:url(../image/nfxm5.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_7 a{ background:url(../image/nfxm6.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_8 a{ background:url(../image/nfxm7.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_9 a{ background:url(../image/nfxm8.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_10 a{ background:url(../image/nfxm9.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_11 a{ background:url(../image/nfxm10.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li.li_12 a{ background:url(../image/nfxm11.png) no-repeat left center; padding-left:30px; box-sizing:border-box}
.ytree ul li:hover{ border-left:10px solid #454e58; background:#fff; }
.ytree ul li.li_1:hover a{ background:url(../image/nfxmh.png) no-repeat left center;}
.ytree ul li.li_2:hover a{ background:url(../image/nfxmh1.png) no-repeat left center}
.ytree ul li.li_3:hover a{ background:url(../image/nfxmh2.png) no-repeat left center;}
.ytree ul li.li_4:hover a{ background:url(../image/nfxmh3.png) no-repeat left center;}
.ytree ul li.li_5:hover a{ background:url(../image/nfxmh4.png) no-repeat left center;}
.ytree ul li.li_6:hover a{ background:url(../image/nfxmh5.png) no-repeat left center; }
.ytree ul li.li_7:hover a{ background:url(../image/nfxmh6.png) no-repeat left center; }
.ytree ul li.li_8:hover a{ background:url(../image/nfxmh7.png) no-repeat left center;}
.ytree ul li.li_9:hover a{ background:url(../image/nfxmh8.png) no-repeat left center;}
.ytree ul li.li_10:hover a{ background:url(../image/nfxmh9.png) no-repeat left center;}
.ytree ul li.li_11:hover a{ background:url(../image/nfxmh10.png) no-repeat left center;}
.ytree ul li.li_12:hover a{ background:url(../image/nfxmh11.png) no-repeat left center;}
.ytree ul li:hover a{color:#454e58}
.yuyue_r{ width:87%;}
.yuyue_r dl dd{ padding:0 2%; box-sizing:border-box}
.nfxmlist{}
.nfxmlist{ padding:1.8% 1.3%; padding-right:0;padding-top: 0;}
.nfxmlist li{ background:#fff; float:left; width:31.8%; margin-right:2.2%; margin-bottom:2%; transition:all 300ms ease-in-out}
.nfxmlist li:nth-child(3n+0){ margin-right:0}
.nxminfo{ padding:2.5% 3%;}
.nxminfo h2{ float:left; width:50%; white-space:nowrap; overflow:hidden; font-size:18px; font-weight:bold; margin-top:1%;}
.nxminfo > a{ display:block; float:right; width:120px; height:42px; line-height:42px; background:#c79e68 url(../image/xico.png) no-repeat right center; padding-right:15px; box-sizing:border-box color:#fff; text-align:center; font-size:16px; font-weight:bold; border-radius:5px; color:#fff;}
.nfxmlist li:hover{ box-shadow:0 0 20px 1px rgba(0,0,0,.1)}
.nfxmbg{ background: url(../image/xmb.jpg) no-repeat center center; background-size:100% 100%; position:relative}
.nfxmbg > a{ display:block; position:relative; z-index:11;border:4px solid #e1a95e;box-sizing: border-box;}
.nfxmbg a img{width:100%}
.nfxmmain{ position:absolute; left:0; right:0; width:65%; margin:0 auto; text-align:center; background:rgba(255,255,255,.8); top:30%; padding:8% 0; letter-spacing:1px;z-index:10}
.nfxmmain h2{ font-size: 26px; font-weight:bold; padding:0 6%; box-sizing:border-box; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; text-align:center}
.nfxmmain:before{ content:""; position:absolute; left:10px; top:10px; right:10px; bottom:10px; border:1px solid #999999; z-index:5}


.fxmenu{  margin-top:2%}
.fxmenu a{ background:#fff; display:inline-block; text-align:center; width:11%; height:40px; line-height:40px; font-size:16px; border:1px solid #ddd; border-radius:5px; margin-right:2%}
.fxmenu a.active{ background:#454e58;color:#fff}
.fxmenu a:hover{background:#454e58; color:#fff}

#j_mfy_box{
	 position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;}
.bg_box{
    position: fixed;
    z-index: 99999;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');
    background: rgba(0,0,0,0.3);
}
.close{ position:absolute; right:17px; top:30px; display:block; width:19px; height:19px; z-index:99999999; background:url(../image/gb.jpg) no-repeat}

.quyulist{ border:1px solid #ddd; margin:3%; margin-top:2%; margin-bottom:0}
.quyulist h2{ background:#eee; border-bottom:1px solid #ddd; font-size:15px; padding:0 2%; box-sizing:border-box; height:45px; line-height:45px;}
.fwxmqy{border:1px solid #e6e6e6; margin-bottom:3%}
.fwxmqy .quyutext{ padding:1% 0; height:230px;overflow: hidden;}
.fwxmqy .quyutext a{ border:none; margin-bottom:0.5%}
.fwxmt{border-bottom:1px solid #e6e6e6;}
.fwxmt a{ display:inline-block; height:48px; line-height:48px; text-align:center; width:8.333%; border-left:1px solid #e6e6e6; box-sizing:border-box}
.fwxmt a:first-of-type{ border-left:none}
.fwxmt a.active{ background:#e6e6e6}

.nyfwxm{ padding-bottom:2%}
.xmyu{ text-align:center; margin-top:2%; position:relative}
.xmyu:after{ content:""; position:absolute; left:50%; top:0; background:#ddd; width:1px; height:30px;}
.xmyu a{ margin:0 2%}
.xmitem span{ font-size:25px; font-weight:bold;white-space: nowrap;}
.xmitem{ text-align:center; width:50%; float:left; height:42px; line-height:42px;}
.xmitem span.ynum{ font-size:22px; color:#666; margin-left:2%; font-weight:normal}

.fwwdbox{width:90%; margin:0 auto}

.foot{ position:fixed; left:0; right:0; bottom:0; width:100%; background:#fff; padding-top: 5px; box-shadow:0 -2px 3px 1px rgba(0,0,0,.03);z-index: 99;}
.footlist{ width:40.58%;}
.footlist li{ float:left; width:50%; text-align:center;}
.footlist li dt{ width:30px; height:30px; display:inline-block;}
.footlist li dd{font-size: 13px;}
.foot_c{ width:76px; height:76px; background:#fff; border-radius:100%; padding:8px; margin-top:-33px;}
.foot_c .xxico{ display:inline-block; background: url(../image/xx.png) no-repeat; width:60px; height:60px; background-size:60px; position:relative}
.foot_c .xxico i{ display:inline-block; background:#f02835; font-size:12px; color:#fff; width:20px; height:20px; position:absolute; right:8px; top:3px; text-align:center; line-height:20px; border-radius:100%;-webkit-animation: hideNav 450ms linear infinite;-moz-animation: hideNav 450ms linear infinite;-o-animation: hideNav 450ms linear infinite;animation: hideNav 450ms linear infinite;}
@keyframes hideNav {from { top: 3px; } to { top: 0; } } 
@-webkit-keyframes hideNav {from { top:3px; } to { top: 0; } }
@-moz-keyframes hideNav { from { top:3px; } to { top: 0; } } 
@-o-keyframes hideNav { from { top:3px; } to { top: 0; } } 
.footlist li dt.navhome{ background:url(../image/home.png) no-repeat; background-size:30px;}
.footlist li dt.navico1{ background:url(../image/cl.png) no-repeat; background-size:30px;}
.footlist li dt.navico2{ background:url(../image/bj.png) no-repeat; background-size:30px;}
.footlist li dt.navico3{ background:url(../image/bdh.png) no-repeat; background-size:30px;}

#ncbjDy img.ncbjimg{width: 100%;}
.ncbjmj{top: 318px;}
.ncbjdh{top: 383px;}
#ncbjDy img.ncbjnum{position: absolute;height: 34px;top: 198px;right: 81px;}

.yhtext a{width:19%}

.wdlist{ padding:0 2%; padding-bottom:2%; box-sizing:border-box}
.wdlist dl{ border:none; border-bottom:1px solid #e6e6e6; margin-top:0; float:left; width:48%; margin-right:4%;}
.wdlist dl:nth-child(2n+0){ margin-right:0}
.wdlist dl dd{ height:50px; overflow:hidden}
.wdlist dl:hover{border:none; border-bottom:1px solid #c79e68}
.wdlist dl dt{ border-bottom:none}

.hotbq li{ float:left; width:48%; margin-right:4%}
.hotbq li:nth-child(2n+0){ margin-right:0}

.bqlist{ }
.bqlist li{ float:left; padding:0 15px; margin-right:2%; margin-top:2%;color:#fff; background:#888; border-radius:50px; position:relative; line-height:30px; box-sizing:border-box; padding-left:20px}
.bqlist li:before{ content:""; position:absolute; left:10px; top:12px; background:#fff; width:5px; height:5px; border-radius:100%}
.bqlist li a{ color:#fff}


@media screen and (max-width:1440px){
	.ftwstyle{ width:90%}
  .ytree ul li{padding-left:14%}
  .sjsinfo h3 dd{width: 80%;height:116px;overflow: hidden;}
  .sjsimg{width: 24%;}
  .sjszp ul li{height: 130px;}
  .sjszp h2{margin-bottom: 1%;}
  .sjsxq_r{width: 65%;}
  .sjsxq_l{width: 30%;}
  .ndbzplist ul li dt{height: 210px;}
  .tjzplist li dd a{margin-top: 1%;}
  .tjzplist li dt{height: 80px;}
  .tjsjslist li dt{height: 120px;}
  .tjsjslist li dd a{margin-top:0; }
	
}

@media screen and (max-width:1366px){
	.ftwstyle{ width:90%}
	.sjsimg{ width:23%}
	.sjszp ul li{ height:130px;}
	
}

@media screen and (max-width:1280px){
	.w1300,.ftwstyle,.wstyle{ width:95%;}
	.inner-nav{ width:445px;}	
	.tjsjslist li dt{ height:120px}
	.tjsjslist li dd a{ margin-top:1%}
	.sjsxq_l{ width:32%; box-sizing:border-box}
	.sjsxq_r{ width:65%}
	.ndbzplist ul li dt{ height:240px;}
	.tjzplist li dt{ height:92px;}
}


@media screen and (max-width:1024px){
.w1300,.ftwstyle,.wstyle{ width:95%;}	
.headbox{ height:120px;}
.logo{ margin-top:6%; width:45%}
.index-banner .swiper-button-prev{ background:rgba(0,0,0,.5) url(../image/pl.png) no-repeat center center; background-size:12px;width:35px; height:35px!important;  }	
.index-banner .swiper-button-next{background:rgba(0,0,0,.5) url(../image/pr.png) no-repeat center center; background-size:12px;width:35px; height:35px!important;}
.nav{ margin:0; margin-left:2%; display:none}
.serch,.nynewlist ul li a.nxmore{ display:none}
.sjserch{ display: block; width:80%; clear:both; margin:0; padding-top:3%; height:36px; line-height:36px;}
.sjserch_l{ width:72.8%}
.sjserch_l,.sjserch_l input,.sjserch button{height:33px; line-height:33px;}
.sjserch button{ width:60px; font-size:14px;}
.phone{width: 40%;}
.phone dd h2{ font-size:18px;}
.phone dd h2 p{ font-size:15px;}
.dzbg_l,.bjimg,.pctj,.rowtd,.casetop,.index-designer-content .swiper-slide .designer-info > a{ display:none}
.dzbg_r{ width:100%;height: 214px;padding: 5%;}
.sjbuton,.navico{ display:block}
.dzbg_r table tr td input{width: 56%;margin-left:0.5%;}
.dzbg_r table tr td input:first-child{ width:42%}
.dzbg_r table tr td select{width: 23.3%; margin-left: 1%;}
  .dzbg_r table tr td button{margin-top:3%}
.title,.index-designer-content .swiper-slide .designer-anli{ width:100%}
.title h3{ font-size:14px;}
.title h2{ font-size:22px;}
.title:before,.title:after{ height:2px; width:26%}
.casebtom_l,.casebtom_c,.casebtom_r{ width:100%; height:auto; margin:0; margin-bottom:2%;}
.index-designer-content .swiper-slide .designer-info{ width:65%;}
.newmenu a{ width:28%; margin:0 2%}
.new_l,.new_r,.foot_l,.foot_r,.tree,.content,.fwxq_l,.fwxq_r,.nywd_l,.nywd_r,.detail_l,.detail_r,.mfy_l,.mfy_r,.nxqtop_l,.nxqtop_r,.sjsxqbox_t_l,.sjsxqbox_t_r,.sjdbzp,.yuyue_l,.yuyue_r{ float:none; width:100%}
.new_l_list li dt{ width:33%; height:90px;}
.new_l_list li dd{ width:63%;}
.new_l_list li dd p{ height:42px; line-height:1.4}
.new_r_list li{ height:50px; line-height:50px;}
.foot_l ul li{ width:33.333%}
.footbtom{ height:auto; line-height:1.5; font-size:12px; padding:3%}
.foot_r{ margin-top:3%}
.foot_r dl dd h3{ font-size:20px;}
.foot_l ul li a{ font-size:14px;}
.index-banner .swiper-pagination-bullet{ width:30px; height:4px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px!important;}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(3),.index-designer-content .swiper-slide .designer-info>div{ width:100%}
.index-designer-content .swiper-slide{ width:100%}
.index-designer-content .swiper-slide,.index-designer-content{ height:600px; overflow:hidden}
.index-designer-content .swiper-slide .designer-anli{ height:450px;}
.index-designer-content .swiper-slide .designer-info{ width:100%; height:auto; padding-bottom:5%}
.index-designer-content .swiper-slide .designer-info>div h3{ margin:0}
.index-designer-content .swiper-button-next{ right:3%; margin-top:-55%}
.index-designer-content .swiper-button-prev{left:3%; margin-top:-55%}
.designermain{ background:none}
.casefl dl{ height:auto; line-height:35px;}

.casefl dl dt{ width:22%}
.casefl dl dd{ width:66%}
.casefl dl dd a{ height:33px; line-height:33px;}
.nyxmlist li,.nycase ul li{ width:100%; margin:0; margin-top:3%}
.nxminfo a{ width:85px; height:33px; line-height:33px; font-size:15px; margin-top:1%}
.page a,.pageactive{ padding:0 8px;}
.nalimg{ height:245px;}
.sjszp ul li{ height:30px;}
.sjsimg{ width:32%; height:150px;}
.sjsinfo{width:65%; margin-left:3%}
.sjsinfo h2{ font-size:22px;}
.sjsinfo h3 dd{ height:45px; overflow:hidden; font-size:14px; line-height:1.5}
.sjsinfo h2{ font-size:16px;}
.sjsinfo h2 span{font-size:14px;}
.sjszp{ margin:2%}
.sjsxq a{background: #d8d8d8 url(../image/shico.png) no-repeat center center; background-size:15px}
.tree h2,.treelist li,.contitle h2,.nyzxbjlist ul li,.quyut,.askbox dl dt,.gdwlist ul li,.xqxgtlist ul li dd,.ndbzplist ul li dd{ height:45px; line-height:45px;}
.askbox dl dt h2{ height:41px; line-height:41px;}
.content,.fwxq_l,.fwxq_r,.nyask,.nywd_r,.nxqtop_r,.nxq,.xqybuton a{ margin-top:2%}
.treelist li,.contitle h2,.nynewlist ul li dd h2,.xqtext h2,.askbox dl dt h2,.wzdtlist dl dt,.xqzslist ul li dd h2,.sjsxq_r h2,.detail_rtitle{ font-size:16px;}
.linkbox a,.nyzxbjlist ul li,.nynewlist ul li dd p,.xqtext h3,.nyask dl dd,.gdwlist ul li a,.xqzslist ul li dd p,.nxqcontc p,.sjsxq_r p,.sjsxqtable table tr th,.sjsxqtable table tr td,.ndbzplist ul li dd,.detail_rtitle span,.fxmlist li a dd{ font-size:14px;}
.nynewlist ul li dd p{ line-height:1.4; height:40px; margin:0}
.nynewlist ul li dd h3{ margin:1%}
.nynewlist ul li dt{ width:40%; height:95px; overflow:hidden}
.nynewlist ul li dd{ width:57%}
.quyut span{ height:41px; line-height:41px; font-size:16px;}
.quyutext a{ padding:0 2.45%; margin:1%}
.xqtext h3{ margin-top:1%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; height:auto}
.xqtext > a{ height:30px; line-height:30px; width:80px; font-size:14px; margin-top:4%; background-size:22px;}
.askbox dl{ margin:0;margin-top:3%;}
.wzdtlist dl dd{ height:auto; line-height:30px; font-size:14px; padding:2%; box-sizing:border-box}
.detail_l h2,.sjsxq_r h3{ font-size:20px}
.tjzp{ padding:3%}
.sxpbox a{ float:none; display:block; width:100%; height:45px; line-height:45px; margin-top:3%}
.sxpbox{width:100%}
.xgalbox ul li,.fwtjlist ul li,.xqcaselist ul li,.xqxgtlist ul li{ width:47.8%!important; margin-bottom:3%}
.xgalbox ul li:nth-child(2n+0),.fwtjlist ul li:nth-child(2n+0),.xqcaselist ul li:nth-child(2n+0),.xqxgtlist ul li:nth-child(2n+0),.zflist dd span:nth-child(2n+0){ margin-right:0;}
.xgalbox ul li dt{ height:110px;}
.detail_l{ padding:2% 3%}
.nxq p{ line-height:1.8}
.xqxgtlist ul li:nth-child(3){margin-right:3%;}
.xqxgtlist ul li dd{ background-size:22px;}
.xqzslist ul li dt{ width:40%}
.xqzslist ul li dd{ width:58%; margin-top:-5px;}
.xqzslist ul li dd p{ line-height:1.4; margin-top:0; height:37px}
.xqzslist ul li dd h3{ margin-top:2%; font-size:14px}
.xqzslist ul li dd h3 span.ckzs{ display:none}
.xqxwlist ul li dd h4{ margin:0; font-size:12px}
.sjsxq_l{ width:40%;float:none; margin:0 auto; height:200px;border:3px solid #454e58;}
.sjsxq_r{ width:100%; float:none}
.sjsxq_r h3{ margin:0}
.ndbzplist ul li dt{ height:100px}
.zflist dd span{width:47.5%; margin-bottom:3%}
.pic-show{ height:230px}
.pic-switch a.left,.pic-switch a.right{ width:30px; background-size:30px 68px; height:68px!important}
.inner-nav{ width:305px;}
.inner-nav span a img,.pic-switch .inner-nav span a{ width:57px; height:57px;}
.pic-switch .inner-nav span a{ margin:0 1px}
.inner-nav,.pic-switch-nav,.pic-switch-mar20,.pic-switch{ height:68px}
.fxmlist li{width:33.333%;}
.fxmlist li a{ width:90px; height:90px; padding-top:10px}
.fxmlist li a dt{height:40px;}
.nfxmlist li{ float:none; width:100%; margin:0; margin-bottom:3%}
.ytree{ border:none;}
.yuyue_l{ padding:0}
.yuyue_r{ margin-top:3%}
.ytree ul li{ height:45px; line-height:45px; padding:0; border:none; float:left; width:50%; box-sizing:border-box;text-align: center;}
  .ytree ul li.li_1 a{padding:0;}
  .dzbg_r table tr td:last-child,.dzbg_r table tr td:first-child{width:100%}
  .nalinfo h2{font-size: 18px;}
   .mfy_r{ margin-left:inherit; margin-top: inherit; top:50%; width:92%; left:50%; position:absolute;transform: translate(-50%,-50%);}
  .close{ top:15px;}
    .quyutext a{ width:31.3%}
  .fwxmt a{ width:25%}
  .fwxmqy .quyutext{ height:330px;overflow: hidden;}
  .fxmenu a{width: 30%;}
  .nxq{width: 70%;}
  .xmitem{ float:none;width:100%;margin-bottom:3% }
  .xmyu:after{display: none;}
  .nysjslist > ul > li:hover .sjsxq a{background:#454e58 url(../image/shico.png) no-repeat center center;border-left:6px solid #3d454e;background-size: 15px;}
  .tjsjslist li dt{ height:140px}
  .fwwdbox{width:95%;}
  .new_r_list{height: 150px;
    overflow: hidden;}
  .foot{display: block;}
  .layui-layer-page .layui-layer-content{overflow: hidden!important;}
  #ncbjDy{height:420px!important;}
  .layui-layer{width:320px!important;}
  .ncbjmj{top:252px;padding-left: 40px!important;
    box-sizing: border-box;}
.ncbjdh{top: 303px;padding-left: 40px!important;
    box-sizing: border-box;}
#ncbjDy img.ncbjnum{position: absolute;height: 26px;top: 160px;right:60px;}
  #bjDy{width: 320px;}
  #bjDy div{width: 305px;}
  #bjDy div input{width: 260px;}
  #bjDy div a{width: 280px;}
  #bjDy div p{margin-left: 20px; line-height:1.4}
  .left-fixed-nav{width: 52px;}
  .left-fixed-nav li{height:55px;padding-top:5px;}
  .left-fixed-nav li i{background-size: 30px!important;width: 30px!important;
    height: 30px!important;}
  .left-fixed-nav i.fixed-nav-icon3{background-size:22px!important;}
  .left-fixed-nav a:nth-child(4) li{padding-top:0}
  .left-fixed-nav li h6{line-height: 20px;}
  .ytable tr td input{ margin:1.5% 0;}
  .mfy_r h2{ font-size:18px;}
  .layui-layer{top: 50%!important;
    left: 50%!important;position: absolute;
    transform: translate(-50%,-50%);
    width: 89%!important;-webkit-animation-fill-mode: inherit!important; background:none!important}
    .layer-anim{animation-name: inherit!important;-webkit-animation-name: inherit!important;}
    .wdlist dl{width:100%}
	}

@media screen and (max-width:375px){
	.inner-nav{ width:272px;}
  .dzbg_r table tr td select{width: 23.2%;}
   .xmitem span{font-size: 20px;}
  .xmitem span font{font-size: 25px;
    letter-spacing: -1px;}
  .footlist{width: 39.6%;}
    .quyut span{ font-size:14px;letter-spacing: -1px;}
  .nmore{font-size: 12px;}
}

@media screen and (max-width:360px){
	.sjsimg{ height:140px}
	.inner-nav{ width:255px;}
   .footlist{width: 39.1%;}
 
  
}
@media screen and (max-width:320px){
	 .footlist{width: 38.1%;}

 
  
}