/* CSS Document */
body {margin: 0;  padding: 0;  font-size:14px; font-family:"microsoft yahei" ;color: #333; line-height:1.8; }

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 }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both}
.clearfix{display:inline-table;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clearfix { display:block; }
.dn{ display:none}
div{ box-sizing:border-box!important}
.cur{ display:block;}

body.ovhide{overflow:hidden}

.nybody{background:#fff}
.w1200{width: 1200px;margin: 0 auto}
.w1600{ width:1600px; margin:0 auto}
.top{ background:#f8f8f8; height:32px; line-height:32px;}
.top_l{ font-size:12px; color:#999}
.city{ display:inline-block; color:#333}
.city img{ height:14px; margin-right:5px; margin-bottom:-2px;}
.city a{ color:#999; display:inline-block; margin-left:3px;}
.city a:hover{ color:#666; text-decoration:underline}
.top_r{ display:flex}
.mftext{font-size:12px; color:#999}
.mftext a{font-size:12px; color:#999; margin:0 15px;}
.mftext a:hover{ color:#0077b4}
.dhtext{font-size:12px; color:#999;}
.dhtext img{ height:14px; margin-bottom:-2px; margin-right:5px;}
.headtop{background:#fff}
.head{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; padding:1em 0}
.logo img{ max-width:100%}
.phone{line-height:1.4}
.phone dt{background:url(../image/dhico.png) no-repeat left center; background-size:contain; padding-left:23px; font-size:12px;}
.phone dd{ }
.phone dd span{text-align:right; font-size:22px; color:#0077b4; font-weight:bold; font-style:italic}
.phone dd span p{ font-size:16px; margin-top:-3px; color:#333;font-style:italic}
.serch{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;height:45px; width:40%; border:1px solid #0077b4; overflow:hidden}
.sjserch,.sjnav{ display:none}
.serch select,.sjserch select{ width:120px; background:#f8f8f8;height:45px; line-height:45px; border:none; padding:0 15px; box-sizing:border-box; color:#888}
.serch input,.sjserch input{ width:58%;height:45px; line-height:45px; background:none; border:none;}
.serch input::placeholder,.sjserch input::placeholder{ color:#999}
.serch select:focus,.sjserch select:focus{ outline:none}
.serch button,.sjserch button{ width:110px; text-align:center; border:none; background:#0077b4; height:45px; line-height:45px;color:#fff; cursor:pointer}
.nav{ background: url(../image/navbg.jpg) no-repeat center center; background-size:cover;height:60px; z-index:9999; position:relative; left:0; right:0; top:0}
.menu{ padding:0 3%; box-sizing:border-box;height:60px;}
.menu > li{ float:left; width:12.5%;text-align:center;position:relative;height:60px;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;}
.menu > li:nth-child(3){ position:inherit}
.menu > li > a{ display:block;  transition:all 300ms}
.menu > li > a h2{ font-size:16px;}
.menu > li > a h3{ font-size:12px; color:#999999; text-transform: uppercase; transition:all 300ms}
.menu > li:hover > a,.menu > li:hover > a h3,.menu > li.active > a,.menu > li.active > a h3{ color:#0077b4; }
.ejmenu{ background:rgba(255,255,255,.9); position:absolute; left:0; right:0; top:100%; z-index:100;
transform-origin: 50% 0%;
    transform: perspective(70px) rotateX(-90deg);
    opacity: 0;
    transition: all .3s 0s;
    visibility: hidden; }
.ejmenu li{ height:45px; line-height:45px;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; display:block}
.ejmenu li:hover a{ color:#0077b4}
.menu > li:hover .ejmenu{ visibility: visible;
    transform: perspective(0px) rotateX(0deg);
    -webkit-transform: perspective(0px) rotateX(0deg);
    opacity: 1;
    transition: all .1s 0s;}


.indexbanner .swiper-slide > a{ display:block; position:relative}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ width:100%; text-align:right; padding-right:10%; bottom:6%;height:32px; display:flex;align-items: center;justify-content: flex-end;}
.indexbanner .swiper-pagination-bullet{ background:#fff;width:10px; height:10px;border-radius:100%; margin:0 8px!important; opacity:1;}
.indexbanner .swiper-pagination-bullet-active{ background:url(../image/pico.png) no-repeat center center; width:32px; height:32px;}
.imgstyle{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative}
.imgstyle img{ width:100%}

.ysbox{ padding:3% 0}
.yslist{}
.yslist li{ float:left; width:15.2%; border-radius:10px; overflow:hidden; margin-right:1%; text-align:center; padding:1.5%; box-sizing: border-box}
.yslist li:last-of-type{ margin-right:0}
.yslist li dt{}
.yslist li dt img{ height:65px; transition:all 800ms}
.yslist li dd{ margin-top:10px;}
.yslist li dd span{color:#fff;font-size:18px; font-weight:bold;}
.yslist li dd p{ color:#fff; font-size:12px; text-overflow: ellipsis;height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.yslist li:nth-child(1){ background:url(../image/ysimg.jpg) no-repeat center center; background-size:cover;}
.yslist li:nth-child(2){ background:url(../image/ysimg1.jpg) no-repeat center center; background-size:cover;}
.yslist li:nth-child(3){ background:url(../image/ysimg2.jpg) no-repeat center center; background-size:cover;}
.yslist li:nth-child(4){ background:url(../image/ysimg3.jpg) no-repeat center center; background-size:cover;}
.yslist li:nth-child(5){ background:url(../image/ysimg4.jpg) no-repeat center center; background-size:cover;}
.yslist li:nth-child(6){ background:url(../image/ysimg4.jpg) no-repeat center center; background-size:cover;}
.yslist li:hover img{ transform:rotateY(360deg)}

.yewu{ background:url(../image/ywbg.jpg) no-repeat center center; background-size:cover; padding:3% 0}
.title{ text-align:center}
.title h2{ font-size:24px; font-weight:bold;}
.title h2 i{ display:inline-block; width:200px; height:1px; background:#d7d7d7; margin-right:30px; position:relative; top:-7px;}
.title h2 i:nth-child(2){ margin-right:inherit; margin-left:30px;}
.title h2 i:nth-child(1):after{ content:""; position:absolute; top:-3px; right:0; width:7px; height:7px; background:#0077b4}
.title h2 i:nth-child(2):after{ content:""; position:absolute;top:-3px; left:0; width:7px; height:7px; background:#0077b4}
.title h3{ font-size:16px; color:#888; letter-spacing:1px;}
.ywcont{ margin-top:3%}
.ywcont_l{ width:72%; position:relative;}
.ywcont_l_l{transition:all 300ms}
.ywcont_l_r{ width:69.2%}
.ywlist{}
.ywlist li{ float:left; width:49.2%; margin-right:1.5%; position:relative; transition:all 300ms}
.ywlist li:last-of-type{ margin-right:0}
.ywcont_l_r_b{ margin-top:1.5%}
.ywcont_l_r_b .ywlist li{ width:32.3%}
.ywinfo{ position:absolute; left:30px; top:15px;}
.ywinfo span{ font-size:24px; letter-spacing:2px;}
.ywinfo h3{ color:#999; font-size:16px; letter-spacing:1px; margin-top:-3px;}
.ywcont_l_r_b .ywinfo{ top:5px}
.ywcont_l_l:hover,.ywlist li:hover{box-shadow: 2px 8px 21px 0px rgba(148,149,149,0.29);}
.ywcont_r{ width:27%; background:#fff; border-radius:10px; padding-bottom:2.5%;}
.ywcont_r > h2{ background:#0077b4; padding:3%; box-sizing:border-box; color:#fff; font-size:20px; text-align:center}
.ywcont_r > h2 img{ height:22px; margin-bottom:-3px; margin-right:10px;}
.ywcont_r > h2 span{ font-size:16px; margin-left:10px;}
.mft{ display:flex;align-items: center;justify-content:center; margin-top:10%}
.mft li{ font-size:16px; margin:0 3%; color:#666; text-align:center; border:1px solid #ddd; border-radius:8px; padding:2% 15px; padding-left:45px; box-sizing:border-box; cursor: pointer; transition:all 300ms}
.mft li:nth-child(1){ background:url(../image/cico1.png) no-repeat 10px center;}
.mft li:nth-child(2){ background:url(../image/cico.png) no-repeat 10px center;}
.mft li:nth-child(1):hover,.mft li:nth-child(1).active{ background:#0077b4 url(../image/cicoh1.png) no-repeat 10px center; color:#fff;border:1px solid #0077b4;}
.mft li:nth-child(2):hover,.mft li:nth-child(2).active{ background:#0077b4 url(../image/cicoh.png) no-repeat 10px center;color:#fff;border:1px solid #0077b4;}
.mfinfo{ padding:0 5%; box-sizing:border-box; margin-top:8.4%}
.mfinfo li{display:flex;align-items: center;justify-content:space-between; margin-top:7%}
.mfinfo li select{ border:1px solid #dddddd; width:30%; padding:3.5%; box-sizing:border-box}
.mfinfo li input{ width:48%;border:1px solid #dddddd;padding:3.5%; box-sizing:border-box}
.mfinfo li input:focus,.mfinfo li select:focus{ outline:none}
.beizhu{ padding:5%; color:#bbbbbb; white-space:nowrap;}
.ybuton{width:220px;margin:0 auto;}
.ybuton button{ width:100%; padding:5%; cursor:pointer; box-sizing:border-box; background:#0077b4; color:#fff; font-size:16px; font-weight:bold; border:none; }

.sjsbox{ background:url(../image/sjbg.jpg) no-repeat center center; background-size:cover; padding:3% 0; margin-top:3%}
.btitle h2,.btitle h3{ color:#fff}
.btitle h2 i,.btitle h2 i:after{ background:#fff!important}
/*设计师*/
.designermain{ margin-top:3%}
.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:542px; margin-top: 20px; position: relative;overflow:hidden}
.index-designer-content .swiper-slide{width:88%; height: 542px; }
.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:65%; z-index: 1; bottom:0;box-shadow:0 0 25px 5px rgba(0,0,0,.5);}
.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:#333; display: -webkit-flex; display: -ms-flex;    align-items: center;justify-content: space-between; width:60%;position: absolute; top:12%; bottom:0; 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;height: 100%; margin-right:5%;}
.index-designer-content .swiper-slide .designer-info .designerImg{width:100%; height: 100%; background-size:auto 100%; background-position: left center; background-repeat:no-repeat}
.index-designer-content .swiper-slide .designer-info>div{width:53%; padding-right:2%; padding-bottom:7%}
.index-designer-content .swiper-slide .designer-info>div .designer{font-family: "苹方细体";font-size:60px; color: #0077b4; text-transform:uppercase}
.index-designer-content .swiper-slide .designer-info>div h3{ display:inline-block;font-size:30px; color: #fff;  background:#0077b4; padding:0 15px; box-sizing:border-box; margin-bottom:5%}
.index-designer-content .swiper-slide .designer-info>div p{color: #fff; font-size:16px; line-height:2.2;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.index-designer-content .swiper-slide .designer-info>div p span{ color:#0077b4; font-size:14px;  }
.index-designer-content .swiper-slide .designer-info>div p:nth-child(1) span{white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.index-designer-content .swiper-slide .designer-info>div h5:nth-child(4){ margin-top:2%}
.index-designer-content .swiper-slide .designer-info .designer-btn{width: 118px; height: 43px; border: 1px solid #fff; text-align: center; line-height: 43px; font-size: 14px; color: #fff; background: transparent; margin-top: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.index-designer-content .swiper-slide .designer-info .designer-btn:hover{background: #0077b4; 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%;bottom:20%;background: none;}
.index-designer-content .swiper-button-prev div{width: 33px;height:56px;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:0;width: 10%;bottom:20%;background:none;}
.index-designer-content .swiper-button-next div{width: 33px;height: 56px;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{ text-align:right; padding-right:29%}
.index-designer-content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:4%}
.index-designer-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff; transition:all 500ms}
.index-designer-content .swiper-pagination-bullet-active{ width:30px; border-radius:50px;}
.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%}
.index-designer-content .swiper-slide .designer-anli div.zpinfo{width:auto; height:inherit; background:none; position:absolute; bottom:2%; z-index:100; color:#fff; right:37%; padding:3% 5%;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;height:106px}


.case{ background:url(../image/albg.jpg) repeat center center; padding:3% 0; margin-top:3%;}
.almain{ margin-top:3%}
.almenu{ text-align:center; align-items: center;justify-content:center;display:flex;}
.almenu li{ transition:all 300ms; padding:0 40px; font-size:16px; height:40px; cursor:pointer; line-height:40px; margin:0 2%; box-sizing:border-box; border:1px solid #dddddd; border-radius:8px;}
.almenu li:hover,.almenu li.active{ background:#0077b4; border:1px solid #0077b4; color:#fff}
.alcont{ margin-top:7%}
.caselist{}
.caselist li{ float:left; width:32%; margin-right:2%; margin-top:-3%}
.caselist li:nth-child(3n+0){ margin-right:0}
.caselist li dt{ overflow:hidden}
.caselist li dt div{ transition:all 1s}
.caselist li dd{ width:70%; margin:0 auto; padding:4%; padding-top:3%; box-sizing:border-box; background:#fff; box-shadow:0 2px 10px 1px rgba(0,0,0,.1); position:relative;top:-95px; z-index:10; transition:all 800ms}
.alt{ display:flex;align-items: center;justify-content: flex-start;}
.altimg{width:50px; height:50px; border-radius:100%;overflow:hidden; margin-right:15px;}
.alt img{ width:50px;}
.alt span{width:80%; text-overflow: ellipsis; white-space:nowrap;overflow: hidden; font-size:20px; transition:all 300ms}
.caselist li dd p{ font-size:12px; color:#666666;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin:3% 0}
.albuton{display:flex;align-items: center;justify-content:space-between; padding:0 15%; margin-top:4%}
.albuton span{ height:30px; line-height:30px; border:1px solid #ddd; width:98px; text-align:center}
.albuton span a{ display:block;}
.albuton span.alyu{ background:#0077b4; border:1px solid #0077b4}
.albuton span.alyu a{ color:#fff;}
.caselist li:hover dt div{ transform:scale(1.05)}
.caselist li:hover dd{ border-radius:10px; transform:translateY(-3px)}
.albuton span:hover{ text-decoration:underline}
.alt h2 a:hover{ color:#0077b4}
.more{ text-align:center; }
.more a{ display:inline-block; width:150px; margin-top:-2%;height:40px; line-height:40px; text-align:center; border:1px solid #ccc; color:#999999; transition:all 300ms}
.more a:hover{ background:#0077b4; color:#fff; border:1px solid #0077b4}

.zjgcbox{ background:url(/Public/images/gcbg.jpg) no-repeat center center; padding:3% 0; background-size:100% 100%; margin-top:3%}
.gcmain{ margin-top:1%}
.gclist{ padding:0 8%; box-sizing:border-box}
.gclist li{ float:left; width:23.3%; margin-right:2.2%; margin-top:2.5%; overflow:hidden; background:url(../image/gcimg.jpg) repeat; border-radius:10px; padding:1%; padding-bottom:1.2%; box-sizing:border-box; position:relative; text-align:center}
.gclist li:nth-child(4n+0){ margin-right:0}
.gclist li:before{ content:""; position: absolute; left:0;top:0; height:0; right:0; background:url(../image/gcimg1.png) repeat; transition:all 500ms}
.gclist li a{position:relative; z-index:10; transition:all 300ms}
.gclist li h2{ font-size:24px;text-overflow: ellipsis; white-space:nowrap;overflow: hidden;}
.gclist li h3{ font-size:35px; margin-bottom:2%}
.gclist li h3 span{ font-size:16px; margin-left:5px;}
.gclist li p{ font-size:16px; color:#666666;text-overflow: ellipsis; white-space:nowrap;overflow: hidden; transition:all 300ms}
.gclist li:hover:before{ height:100%;}
.gclist li:hover a{ color:#fff}
.gclist li:hover p{color:#fff}


.baike{ padding:3% 0; background:url(../image/albg.jpg) repeat; margin-top:3%}
.bkmenu{ margin-top:3%}
.bkmain{ margin-top:3%}
.baike_l{ width:44.6%; border:1px solid #dddddd; transition:all 300ms}
.baike_r{ width:52%}
.baike_l dt{}
.baike_l dd{ padding:2.5% 3%; box-sizing:border-box}
.bkt{}
.bkt p{ font-size:18px; float:left; width:80%;text-overflow: ellipsis; white-space:nowrap;overflow: hidden;transition:all 300ms}
.bkt span{ float:right; color:#999999; margin-top:5px;}
.baike_l dd p{text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical; color:#666666; margin-top:1%}
.baike_l:hover{ background:#fff}
.baike_l:hover dd h2{ color:#0077b4}
.bklist{}
.bklist li{ padding:4.6% 0; border-bottom:1px dashed #dddddd}
.bklist li:first-of-type{ padding-top:0}
.bklist li:last-of-type{ border-bottom:none}
.bklist li a{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-sizing: border-box; transition:all 300ms;}
.bklist li dt{ margin-right:3%; width:26.5%}
.bklist li dd{width:71.5%}
.bklist li dd span{ font-size:18px;text-overflow: ellipsis; white-space:nowrap;overflow: hidden;transition:all 300ms; margin-top:-2px;}
.bklist li dd p{text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical; color:#666666; line-height:1.5}
.bklist li dd h3{ font-size:14px; color:#999999; margin:0.6% 0}
.bklist li dd h3 img{ height:14px; margin-right:5px; margin-bottom:-1px;}
.bklist li:hover{}
.bklist li:hover dd h2{color:#0077b4}
.baike .more{ margin-top:3%}

.fwlc{ padding:4% 0}
.lclist{ margin-top:3%}
.lclist{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between;
    -webkit-box-sizing: border-box;}
.lclist li{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:center;
    -webkit-box-sizing: border-box; border:1px solid #dddddd; padding: 2%; box-sizing:border-box; transition:all 300ms}
.lclist li:last-of-type{display: none}
.lclist li i{ background:#0077b4; border-radius:100%; width:50px; height:50px; color:#fff; text-align:center; line-height:50px; font-size:42px; transform:skewX(-10deg)}
.lclist li img{ height:70px;}
.lctext{ margin:0 18px;}
.lctext span{font-size:18px; white-space:nowrap}
.lctext h3{ font-size:18px; margin-top:-6px; white-space:nowrap}
.lclist li:hover{ box-shadow:0 0 8px 1px rgba(0,0,0,.09);border:1px solid  transparent;}


.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%; margin-top:-15px}
.foot_l ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between;
    -webkit-box-sizing: border-box;}
.foot_l ul li{ }
.foot_l ul li a{ display:block;font-size:16px; color:#fff;line-height:2.8;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 .phone{ color:#fff; background:url(../image/dhico.png) no-repeat left center;margin-bottom: 20px; padding-left:30px; font-size:16px;}
.foot_r dl dd h3{ font-size:24px; color:#0077b4; transform:skew(-15deg); font-weight:bold;margin-top:-12px;}
.foot_r dl dd h4{ color:#fff; font-size:18px;transform:skew(-15deg); margin-top:-12px;font-weight:bold; margin-left:25px;}
.foot_r p{ color:#fff; font-size:12px; margin-top:3%; white-space:nowrap}

.linkbox{font-size:14px; color:#bbb; font-weight:bold; margin-top:4px}
.linkbox a{ font-size:14px; color:#bbb;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:21px}
.footbtom a{ color:#fff;}
.footbtom a:hover{ text-decoration:underline}

.nav-2 { clear:both;
    background-color: #fff; left:0;
    position: fixed; top:0; right:0; transform:translateX(100%); transition:all 450ms ease-out;
    z-index: 999;padding-top: 55px;padding-bottom:20px;overflow-y: auto; bottom:10%;
}
.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: 80;
    background:rgba(0,0,0,.7);
    display: none;
}
.navico{background:url(../image/sanlan.png) no-repeat center center;width:30px; height:30px;}

.nypic{}
.nypic img{ width:100%}
.nyall{ padding:0px; padding-bottom:5%}
.yuyue_l{ width:13%;background:#fff}
.ytree{ }
.ytree li{ height:81px;line-height:81px; text-align:center}
.ytree li a{ font-size:16px; display:block;border-left:2px solid #fff; border-bottom:1px solid #fff;box-sizing:border-box;transition:all 300ms;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;padding:0 20px;box-sizing:border-box}
.ytree li:hover a,.ytree li.active a{ color:#0077b4; font-weight:600; border-left:2px solid #0077b4; border-bottom:1px solid #f5f5f5}
.yuyue_r{ width:85.5%;}
.yuyuelist li{ background:#fff; float:left; width:32.3%; margin-right:1.5%; margin-bottom:1.5%; transition:all 500ms; position:relative}
.yuyuelist li:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#0077b4;transition:all 500ms;}
.yuyuelist li:nth-child(3n+0){ margin-right:0}
.yuyuelist li dt{ position:relative; z-index:10}
.kline{ position:absolute; left:6%; bottom:-1px; width:48.4%; border:1px solid #fff; height:33px;}
.yuyuelist li dt:after{ content:""; position:absolute; right:20%; bottom:0; width:0; height:0; border-bottom:12px solid #fff;border-top:12px solid transparent;border-left:12px solid transparent;border-right:12px solid transparent}
.yuyuelist li dd{flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center; padding:6%; padding-top:0; box-sizing:border-box; padding-bottom:0}
.yuyuelist li dd h2{ float:left; font-size: 24px; width:55%; padding:8%; padding-top:15%; position:relative; top:-33px; border:1px solid #0077b4; box-sizing:border-box; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; text-align:center;}
.yuyuelist li dd h2 span{position:relative}
.yuyuelist li dd h2 span:before{ content:""; position:absolute; bottom:-10px; left:20%; right:20%; height:3px; background:#0077b4}
.yuyuelist li dd > span{ display:block; float:right; width:30%; height:42px; line-height:42px; background:#0077b4 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; margin-top:6%}
.yuyuelist li:hover{ box-shadow:0 0 20px 1px rgba(0,0,0,.15)}
.yuyuelist li:hover:after{ width:100%}
.page{ text-align:center; margin-top:4%; clear:both;}
.page a{ display:inline-block;text-align:center; padding:5px 8px; 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:#0077b4; border:1px solid #0077b4;color:#fff!important; margin:0 1%; vertical-align:middle;}
.page a:hover{ background:#0077b4; color:#fff!important;border:1px solid #0077b4;}

.adress{height:45px; line-height:45px; background:#fff; padding:0 30px; margin-top:40px; font-family:"宋体"; display: flex;}
.adress a{display: block; font-size:14px;font-family:"microsoft yahei" ;margin: 0 5px;position: relative;top: -2px;white-space:nowrap}
.adress a:first-of-type{margin-left:0}
.adress a:last-of-type{ color:#0077b4; font-weight:bold;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.adress a:hover{ text-decoration:underline}
.caseflbox{ width:100%; background:#fff;}
.casefl{}
.casefl dl{ border-bottom:1px solid #f3f3f3; padding:1% 0; height:40px; 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:#0077b4; color:#fff;}
.casefl dl dd a.active{ background:#0077b4; color:#fff;}
.nycase{margin-bottom:3%}
.nycase ul li{ background:#fff; margin-top:3%; width:31.3%; float: left; margin-right:3%; overflow:hidden;}
.nycase ul li:nth-child(3n+0){ margin-right:0}
.nycase ul li dt{ overflow:hidden }
.nalimg{transition:all 1s ease;}
.nalinfo{ padding:3%;box-sizing:border-box; padding-top:1%}
.nalinfo h2{ font-size:20px; font-weight:bold; border-bottom:1px solid #d6d6d6; height:52px; line-height:52px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.naljs{ margin-top:15px;flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.naljs h3{width:80%;flex-direction: row;
    align-items: center;
    justify-content:flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.naljs h3 dt{ float:left; border-radius:100%; width:52px; height:52px; margin-right:6px;overflow:hidden}
.naljs h3 dt img{width: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%}
.naljs > span{  background:url(../image/alico.png) no-repeat; width:46px; height:25px; margin-top:1%;transition:all 300ms ease}
.nycase ul li:hover .nalimg{ transform:scale(1.1)}
.nycase ul li:hover .naljs > span{ 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;}
.nysjslist > ul > li a{flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.sjsimg{ }
.sjsimg img{ width:100%; display:block}
.sjsinfo{ width:70%; margin-left:2%; margin-right:7.5%}
.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%;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.sjszp{ margin-top:5%}
.sjszp h2{ font-size:20px; margin-bottom:2%}
.sjszp ul{flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.sjszp ul li{ margin-left:3%;} 
.sjszp ul li:first-child{ margin-left:0}
.sjszp ul li img{ max-width:100%;}
.sjsxq{  width:7%; height:100%; position:absolute; right:0; top:0;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{background:#454e58 url(../image/shico.png) no-repeat center center;border-left:6px solid #3d454e;}

.list_l{width:23%;position: sticky;
    top: 90px;}
.tree{ width:100%; border-top-left-radius:10px;border-top-right-radius:10px; overflow:hidden; background:#fff;}
.tree h2{ background:#0077b4; height:98px; line-height:98px; font-size:20px; color:#fff;padding:0 10%;}
.treelist{ padding:0 7%; padding-bottom:8%}
.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:#0077b4}
.treelist li.active a{font-weight:bold; color:#0077b4}
.content{ width:75%; background:#fff; padding-bottom:3%}
.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;  }
.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:#0077b4}

.nynewlist{}
.nynewlist ul li{ width:100%; background:#fff; padding:2% 3%; box-sizing:border-box; margin-bottom:1.5%}
.nynewlist ul li a{flex-direction: row;
    align-items: center;
    justify-content:center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.nynewlist ul li dt{ width:33.1%; margin-right:3%}
.nynewlist ul li dd{ width:65%;}
.nynewlist ul li dd h2{ font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; transition:all 300ms}
.nynewlist ul li dd p{ font-size:16px; color:#666; margin-top:3%; line-height:2;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.nynewlist ul li dd h3{ margin-top:4%}
.nynewlist ul li dd span{ float:left; font-size:14px; color:#666}
.nynewlist ul li dd span.nxmore{ float:right; font-size:14px;color:#666; background:url(../image/ico.jpg) no-repeat right center; padding-right:35px; display:inline-block}
.nynewlist ul li:hover dd h2{ color:#0077b4}

.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;}
.nyabmain p img{ max-width:100%}

.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 img{max-width: 100%;display: block;margin: 10px auto;}
.sxpbox{width:100%; margin:0 auto;  margin-top:3%}
.sxpbox a{ transition:all 300ms; background:#f3f3f3; border-radius:5px; height:55px; line-height:55px; padding:0 3%; color:#666; width:45%; box-sizing:border-box; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.sxpbox a:hover{ background:#0077b4; 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:#0077b4;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{white-space:nowrap; 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 a{flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.tjzplist li dt{  width:40%;}
.tjzplist li dd{ width:55%;}
.tjzplist li dd h2{ font-size:14px;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient: vertical;}
.tjzplist li dd span{ float:right; font-size:12px; margin-top:11%}
.tjzplist li:hover .tjxq,.tjsjslist li:hover .tjxq{ color:#0077b4; text-decoration:underline}

.tjsjslist{}
.tjsjslist li{ margin-top:5%;}
.tjsjslist li a{flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.tjsjslist li dt{  width:35%;}
.tjsjslist li dd{width:60%;}
.tjsjslist li dd h2{ font-size:18px; font-weight:bold;}
.tjsjslist li dd p{ font-size:12px; margin-top:3%; height:45px; overflow:hidden}
.tjsjslist li dd span{font-size:12px; margin-top:8%; 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:#0077b4; text-decoration:underline}
.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.5%; margin-right:3%; border:1px solid #ddd; text-align:center; transition:all 300ms;box-sizing: border-box}
.xgalbox ul li:nth-child(4){margin-right:0}
.xgalbox ul li dt{}
.xgalbox ul li dd{padding: 0 10px;box-sizing: border-box; height:40px; line-height:40px; color:#666; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.xgalbox ul li:hover{ background:#0077b4}
.xgalbox ul li:hover dd{ color:#fff}

.sjsxqbox_t{background:url(../image/albg.gif) no-repeat; background-size:100% 100%; padding:3%;
flex-direction: row;
    align-items: flex-start;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.nysjs{ width:73%;}
.sjsxq_l{width:24.7%;border:13px solid #454e58; box-sizing:content-box; margin-top:20px;}
.sjsxq_l img{width:100%; height:100%}
.sjsxq_r{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%; margin-top:2%}
.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{ position:relative; overflow:hidden}
.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 dt 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}


.lmdt{ background:#fff; padding:30px;}
.lmt{ height:50px; line-height:50px;border-bottom:1px solid #e6e6e6;}
.lmt span{ display:inline-block;height:46px; line-height:46px; font-size:18px; font-weight:bold;}
.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.5% 2%;}
.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}

.fwxm{ width:85.5%; }
.fwxmmain{background:#fff; padding:30px; padding-bottom:20px; }
.fwxmlist{}
.fwxmlist li{float: left;margin-right:1%; border:1px solid #e6e6e6; box-sizing: border-box; border-radius:5px; height:42px; line-height:42px;width:19.2%; text-align:center; margin-bottom:22px}
.fwxmlist li:nth-child(5n+0){margin-right: 0}
.fwxmlist li a{ display:block; transition:all 200ms;text-overflow: ellipsis; white-space:nowrap; overflow:hidden;padding: 0 15px;box-sizing: border-box;}
.fwxmlist li a:hover{ background:#0077b4; color:#fff}

.fwxqc{ width:60%;margin-left:1.5%}
.fwxqmain{ background:#fff; padding:30px; padding-bottom:10px; }
.fwxqlist li{ padding:25px 0; border-bottom:1px solid #e6e6e6}
.fwxqlist li a{flex-direction: row;
    align-items: flex-start;
    justify-content:space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.fwxqlist li:first-of-type{ padding-top:0}
.fwxqlist li:last-of-type{ border-bottom:none}
.fwxqlist li dt{width:40%}
.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%;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.xqtext span {
    display: block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #0077b4 url(../image/xico.png) no-repeat right center;
    padding-right: 10px;
    box-sizing: border-box color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px; margin-top:12%;
    color: #fff;
}



.fwxq_r{ width:24%; background:#fff;padding:20px 30px;}
.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; transition:all 300ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;box-sizing:border-box}
.rmxqlist li:hover p{ background:#0077b4}

.xqadress{margin-top: 0;margin-bottom: -15px}
.nxqtop{display: flex;flex-direction: row;align-items:flex-start;justify-content: space-between}
.nxqtop_l{ width:47.8%;margin-right: 5%;height: 483px}
.nxqtop_l img{ width:100%;max-height: 100%;}
.nxqtop_l.xiaoqu_l{height: auto}
.nxqtop_r{ width:48.5%;margin-top:10px}
.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: #0077b4 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:14px;}
.nxqcontc p img{ max-width:100%}
.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 #0077b4;}
.xqcase{margin-top:2%; border:1px solid #e6e6e6}
.xqcaselist{ padding:20px;padding-top:10px }
.xqcaselist ul li{ float:left; width:22%; margin-right:4%; text-align:center;margin-top:15px;}
.xqcaselist ul li:nth-child(4n+0){ margin-right:0}
.xqcaselist ul li dd{margin-top: 12px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;transition: all 300ms}
.nmore{ color:#999999}
.xqcaselist ul li:hover dd{ color:#0077b4}

.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}
.zflist dd span img{max-height: 100%;max-width:100%}
.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}

#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.5);
}
.close{ position:absolute; right:17px; top:30px; display:block; width:19px; height:19px; z-index:99999999; background:url(../image/gb.jpg) no-repeat}
.mfy_r{ width:28%; 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%; box-shadow:0 0 20px 1px rgba(0,0,0,.3);
transform: translate(-50%,-50%)}
.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:#0077b4; 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%}

.nyfwxm{ padding-bottom:20px}
.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{ margin-top:-20px}
.nywd_l{width:68%;}
.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:#0077b4; 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:47px; line-height:50px;}
.askbox dl dt h2:before{ content:"问"; position:absolute; left:0; top:14px;display:inline-block; width:20px; height:20px; background:#0077b4; border-radius:3px; font-weight:bold; color:#fff; line-height:20px; text-align:center; font-size:14px;}
.askbox dl dt h2:after{content:"";position:absolute;bottom:0;height:4px;background:#0077b4;width:30%;left:0}
.askbox dl dt h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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; }
.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 #0077b4;}
.nywd_r{width:30%;}
.nyask{}
.nyask dl{ margin:0; background:#f4fbe9; border:1px solid #d6f4a7}
.nyask dl dt{ border-bottom:1px solid #0077b4; }
.nyask dl dt h2{ border-bottom:none;color:#0077b4}
.nyask dl dd{ font-size:16px;}
.xgwdbox{ border:1px solid #e6e6e6; margin-top:2%}
.nyasklist{}
.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{ color:#0077b4}
.gdwlist{}
.gdwlist ul li{ border-bottom:1px solid #e6e6e6; height:40px; line-height:40px; padding:0 5%; box-sizing:border-box; }
.gdwlist ul li:last-of-type{ border-bottom:none}
.gdwlist ul li a{font-size:14px; display:block; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.gdwlist ul li a i{display:inline-block;width:15px;height:15px;background:#d0d0d0;color:#fff;text-align:center;line-height:15px;font-size:12px;margin-right:6px;}
.gdwlist ul li:nth-child(1) a i{background:#f54545}
.gdwlist ul li:nth-child(2) a i{background:#ff8547}
.gdwlist ul li:nth-child(3) a i{background:#ffac38}
.gdwlist ul li:hover a{color:#0077b4; font-weight:bold}
.wendar{border: 1px solid #e6e6e6; margin-top:4%}
.hotbq li{ float:left; width:48%; margin-right:4%}
.hotbq li:nth-child(2n+0){ margin-right:0}
.bqlist{ margin-top:1.5%}
.bqlist li{ float:left; padding:0 15px; margin-right:2%; margin-bottom:3%; background:#888; color:#fff; border-radius:50px; position:relative; height:30px; 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}

.zjlc{ background:#fff; padding:2em; margin-top:2%}
.zjlc ul li{ float:left; margin-right:4%; height:35px; line-height:35px;}
.zjlc ul li a{ font-size:16px; display:inline-block; padding:0 12px; padding-bottom:3px; box-sizing:border-box;}
.zjlc ul li.active a{ border-bottom:1px solid #0077b4; color:#0077b4; font-weight:bold}
.zjlc ul li:hover a{ color:#0077b4; font-weight:bold}
.nyzjgc .fwxqc{ width:74%; margin-left:0}
.zjgclist{}
.zjgclist li{ margin-bottom:3%}
.zjgclist li a{flex-direction: row;
    align-items:center;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.zjimg{ width:28.5%; margin-right:3%; overflow:hidden;}
.zjimg div{ transition:all 500ms}
.zjcont{ width:68%}
.zjgct h2{ float:left;white-space:nowrap; overflow:hidden;text-overflow: ellipsis; width:60%; font-size:20p; font-weight:bold;}
.zjck{ float:right;
    width: 120px;
    height: 42px;
    line-height: 42px;
    background: #0077b4 url(../image/xico.png) no-repeat right center;
    padding-right: 10px;
    box-sizing: border-box color:#fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
}
.zjinfo{ margin:2% 0}
.zjinfo p{ float:left; width:50%; color:#999999; line-height:2.2}
.zjjd{ flex-direction: row;
    align-items: flex-start;
    justify-content:flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;}
.zjjd dt{ color:#999; white-space:nowrap}
.zjjd dd{flex:1}
.zjjd dd p{ position: relative; display:inline-block; width:12.3%;color: #666; font-size:12px;
    line-height: 14px;
    margin: 32px 1px 0 0;
    text-align: center;white-space:nowrap}
.zjjd dd p::before {
    background: rgba(0, 0, 0, 0) url(../image/plan_bg.png) no-repeat scroll -73px center;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: -20px;
    width: 72px;
}
.zjjd dd p.current::before {
    background-position: 0 center;
}
.zjgclist li:hover .zjimg div{ transform:scale(1.08)}
.canguan{ background:#0077b4; padding:8% 10%; border-radius:8px;}
.canguan > h2{ font-size:20px; color:#fff; text-align:center; letter-spacing:1px;}
.cginfo{}
.cginfo li{height:35px; line-height:35px; background:#fff; margin-top:6%;}
.cginfo li input{ width:100%; border:none; background:none; height:35px; line-height:35px; padding:0 10px; box-sizing:border-box}
.cginfo li input::placeholder{ color:#999}
.canguan p{ font-size:12px; color:#fff; text-align:center; margin:5% 0}
.canguan .ybuton button{ background:#fff; color:#0077b4; font-weight:bold; font-size:12px;}
.cginfo li input:focus,.ybuton button:focus{ outline:none}

.xqxwbox {margin-top: 2%;border: 1px solid #e6e6e6;}
.wdlist{ padding:0 2%; padding-bottom:2%; box-sizing:border-box}
.wdlist dl{padding:2% 0;  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 dt h2{ font-size:16px; font-weight:normal}
.wdlist dl dt h2:after{width:58%}
.wdlist dl dd{ height:50px; overflow:hidden;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;margin-top:3%}
.wdlist dl dd:before{top:6px}
.wdlist dl:hover{border:none; border-bottom:1px solid #0077b4}

.nyfwbox{}
.nyfwtree{ width:17%; background:#fff}
.fwxqcont{ width:81%;background:#fff; padding:3%}
.fwxqcont .nxqcont{margin-top:0;}
.fwxqcont .sxpbox{ margin-bottom:3%}

.lcxq{ margin-top:3%; color:#888}
.lcxq a{ display:inline-block; background:#f5f5f5; padding:0 15px; margin-right:2%; color:#666;height:35px; line-height:35px; margin-bottom:3%}
.lcxq a.active{ background:#0077b4; color:#fff!important}
.lcxq a:hover{ color:#0077b4}

.zjdetail p img{ max-width:100%; margin:0 auto;display:block;margin-bottom:1em}

.lanmu{ display:none}
.lmlist{ padding:3.3% 3%; box-sizing:border-box; border-bottom:10px solid #f5f5f5; padding-bottom:6%}
.lmlist li{ float:left; width:25%; text-align:center; margin-top:4%}
.lmlist li dt {}
.lmlist li dt img{ height:50px;}
.lmlist li dd{}

.xgtj ul li{position:relative;padding-left:15px;box-sizing:border-box}
.xgtj ul li:before{content:"";position:absolute;left:0;top:18px;width:5px;height:5px; border-radius:100%;background:#999;transition:all 300ms}
.xgtj ul li:hover:before{background:#0077b477;}

#rightButton{ background:#fff; position:fixed;top:77%;right:0; z-index:999999; display:block;box-shadow:0 0 8px 1px rgba(132,194,37,.2)}

#right_ul{ position:relative;margin:0;}
#right_ul li{width:80px; height:80px;background:#0077b4;position:relative; text-align:center; border-bottom:1px solid #0077b4; padding-top:15px; box-sizing:border-box  }
#right_ul li dt{width:33px; height:33px; margin:0 auto;}
#right_ul li dd{ color:#fff; }
#right_qq dt{background:url(../image/rico.png) no-repeat center center;}
#right_tel dt{background:url(../image/rico1.png) no-repeat center center;}
#right_weixin dt{background:url(../image/rico2.png) no-repeat center center;}


#right_tip{background:url(/Public/images/flag_right.png) no-repeat; width:252px; height:91px; position:absolute; right:80px; top:-10px; display:none; z-index:999999; }
.flagShow_p1{ float:left; margin-left:15px; _margin-left:5px; font-size:18px; line-height:91px;}
.flagShow_p2{ float:left; margin-left:10px; _margin-left:5px; font-size:18px;  color:#FA7C00;}
.flagShow_p2 a{ display:block; margin: 20px 0 5px 12px; line-height:0;}
.flagShow_p2 span{ margin: 0 0 0 14px; }
#backToTop{right:0; z-index:999999;background:#eaeaea;}
a.backToTop_a dt{background:url(../image/ricoh5.png) no-repeat center center;}
.line91{ line-height:91px; }

#right_ul div{padding:8px;position:absolute;top:0;right:80px;width:200px;background:#0077b4;display:none;}
#right_ul li div p{font-size:16px;height:32px;line-height:32px;color:#fff;}
#right_ul li div p a{color:#fff;}
#right_ul li div p a:hover{color:#fed6d6;}
#right_ul li div p strong{width:50px;text-align:right;color:#fff;}
#right_weixin div.weixin{width:124px;height:124px;padding:5px;background:#0077b4;position:absolute;right:80px;top:0px;display:none;}
#rightButton div.weixin img{width:100%;}
#right_weixin:hover div.weixin{display:block;}
#right_ul li:hover div{display:block;}
#right_add dt{background:url(../image/rico3.png) no-repeat center center;}
#right_ul li .a {
    display: block;
    width: 100%;
    height: 100%;
}
#right_ul .tel{
    width: 140px;
}
#right_ul li:hover{ background:#0077b4}
#right_qq:hover dt{background:url(../image/ricoh.png) no-repeat center center;}
#right_tel:hover dt{background:url(../image/ricoh1.png) no-repeat center center;}
#right_weixin:hover dt{background:url(../image/ricoh2.png) no-repeat center center;}
#right_add:hover dt{background:url(../image/ricoh3.png) no-repeat center center;}
#backToTop:hover dt{background:url(../image/ricoh5.png) no-repeat center center;}
#right_ul li:hover dd{ color:#fff}

.hengtiao{ position:fixed; left:0; right:0; bottom:-160px; background:rgba(0,0,0,.9);; padding-bottom:10px; z-index:999999999; transition:all 300ms}
.hengtiao.height{bottom:0;}
.htmain{ width:1280px; margin:0 auto;}
.htmain > h2{ text-align:center; position:relative; top:-20px;width:562px; height:60px; margin:0 auto; position:relative}
.htmain > h2 i{ display:block; position:absolute; top:15px; right:86px; width:30px; height:30px; cursor:pointer;transform:rotate(180deg)}
.htmain > h2 i img{ height:30px;}
.gbtk.active{transform:rotate(0)}
.htcont_l{ width:900px; margin-top:10px;}
.htcont_r{ background:#555555; border-radius:5px; height:45px; line-height:45px; overflow:hidden;margin-top:40px;}
.htcont_r dt{ float:left; width:120px; text-align:center; color:#fff}
.htcont_r dd{float:left; width:166px; text-align:center; font-size:20px; color:#fff; background:#0077b4;}
.htcont_l table{ width:100%}
.htcont_l table tr td{ color:#fff}
.htcont_l table tr td input{ background:#555555; height:42px; line-height:42px; width:260px; border:none; padding:0 20px; box-sizing:border-box; color:#cccccc; margin-left:5px; margin-bottom:18px;}
.htcont_l table tr td input::placeholder{color:#cccccc}
.htcont_l table tr td span{ color:#ee0d0d; font-size:16px}
.htcont_l table tr td input:focus{ outline:none}
.dhqbj{ width:95px; height:95px; border-radius:100%; text-align:center; color:#fff; background:#0077b4; font-size:18px; line-height:1.5; padding-top:22px; cursor:pointer; margin-top:-20px;}

.indexft{padding-bottom:60px}

.sjbanner{ display:none}


@media screen and (max-width:1598px){
.w1600{ width:1400px;}
.bklist li dt{ width:32%}
.bklist li dd{ width:65%}
.bklist li{ padding:4% 0}
.mfinfo li{ margin-top:5%}
.beizhu{ padding:4% 5%}
.mft{ margin-top:8%}
.mfinfo{ margin-top:8.2%}
.lclist li{ padding:2% 2.5%;}
.lclist li img{ height:45px;}
.lclist li i{ width:45px; height:45px;line-height:40px; font-size:36px;}
.lctext{ margin:0 12px;}
.baike_l{width: 47.4%}
.baike_r{width: 50%}
.ytree li{height: 72px;line-height: 72px}
.fwxmmain{padding-bottom: 3px;min-height: 863px}
	}


@media screen and (max-width:1440px){
.w1600{ width:1200px;}
.ywcont_r{ padding-bottom:1.74%}
.xqtext h2{margin-top: 0}
.xqtext span{margin-top: 3%}
    .mft{ margin-top:6%}
    .mfinfo{ margin-top:6%}
    .baike_l{width: 46%}
    .baike_r{width: 50.5%}
    .lclist li{padding: 1.3%}
    .ytree li{height: 63px;line-height: 63px}
   .logo{width: 15%}
   .yuyuelist li dd h2{font-size:20px;top: -14px;padding-top: 12%;}
   .zjlc ul li{margin-right:1.8%}
   .canguan .ybuton{width:100%}
   .zjimg{width:31%}
   .zjcont{width:64%}
   .zjjd dd{margin-top:-7px;}
   .zjjd dd p{width:11.9%;transform: scale(.75);}
   .canguan > h2{font-size:17px}
   .rmxqlist li a p{font-size:14px}
   .ndbzplist ul li dd{font-size:16px}
   .ftwstyle{width:80%}
   
	.detail_rtitle span{font-size:14px}
}

@media screen and (max-width:1250px){
    
    
    .lclist li{padding: 0.7%}
.lclist li img{ height:40px;}
.lclist li i{ width:40px; height:40px; line-height:40px; font-size:33px;}
.lctext{ margin:0 10px;}
.ftwstyle{ width:80%}
    .baike_l{width: 47%}
    .baike_r{width: 50%}
    .gclist{padding: 0}
    .mft li,.mft li:nth-child(1):hover, .mft li:nth-child(1).active,.mft li:nth-child(2),.mft li:nth-child(2):hover, .mft li:nth-child(2).active{font-size: 14px;background-size: 20px}
    .beizhu{font-size: 12px;padding:1.5% 5%}
    .ywinfo h3{font-size: 14px}
    .mft{margin-top: 3%}
    .menu > li > a h3{transform: scale(.9);letter-spacing: -1px}
    .ytree li{height: 54px;line-height: 54px}
    .nynewlist ul li dd p{margin-top:2%;font-size: 14px;line-height: 1.6}
    .detail_l{width:70%}
    .detail_r{width: 28%}
    .tjsjslist li dd span,.tjsjslist li dd p{margin-top: 0}
    .tjsjslist li dd h2{font-size: 16px}
}

@media screen and (max-width:1024px){
body{overflow-x:hidden}
.nav,.top_r,.serch,.hengtiao,.pcbanner{ display:none}
.sjbanner{ display:block;}
.lanmu{ display:block;}
.sjnav{ display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;position:static; left:0; right:0; top:0; padding:10px 20px; background:#fff; z-index:9999;}
.w1600,.w1200{width: 92%}

.head{ padding:10px 0; padding-bottom:0}
.sjserch{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;height:35px; width:86%; overflow:hidden;}

.phone dd span{ font-size:16px; margin-top:-3px;}
.phone dd span p{ font-size:12px; margin-top:-4px;}
.title h2{ font-size:20px;}
.title h2 i{ width:60px;}
.title h3{ font-size:14px;}
.ywcont_l,.ywcont_r,.baike_l,.baike_r,.foot_l,.foot_r,.yuyue_l,.yuyue_r,.nxqtop_l,.nxqtop_r,.nycase ul li,.detail_l,.detail_r,.sjsinfo h3 dt,
.sjsinfo h3 dd,.nysjs,.list_l,.content,.fwxm,.xmitem,.sxpbox a,.fwxqc,.fwxq_r,.nywd_l,.nywd_r,.nyzjgc .fwxqc,.zjcont,.zjimg,.wdlist dl{ float:none; width:100%}
.list_l{position:inherit}
.ywinfo{ top:10px; left:10px; right:0}
.ywcont_l_r_b .ywinfo{top:10px; }
.ywinfo span{ font-size:15px; letter-spacing:0;}
.ywinfo h3{ font-size:12px; letter-spacing:0;  white-space:nowrap;text-overflow: ellipsis;overflow:hidden}
.ywcont_r{ margin-top:5%; padding-bottom:6%}
.ywcont_l_l{ width:30.8%}
.ywcont_l_r{ width:68.2%}
.index-designer-content .swiper-slide .designer-info > a{margin-right:0}
    .index-designer-content .swiper-slide .designer-info>div{width: 100%;}
.index-designer-content .swiper-slide .designer-info{ width:100%; top:50%}
.index-designer-content .swiper-slide .designer-anli{ width:100%; bottom:50%}
.index-designer-content .swiper-slide .designer-anli div.zpinfo{ right:0;height:66px;font-size:12px}
.index-designer-content .swiper-slide .designer-info>div .designer{ font-size:18px;}
.index-designer-content .swiper-slide .designer-info>div h3{ font-size:15px;}
.index-designer-content .swiper-slide .designer-info>div p{ font-size:12px; line-height:1.5;    -webkit-line-clamp: 1;line-clamp:1;}
.index-designer-content .swiper-slide .designer-info .designer-btn{width:100px; height:28px; line-height:25px; margin-top:4px}
.index-designer-content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:2%}
.index-designer-content .swiper-slide .designer-anli div.zpinfo{ line-height:1.5}
.index-designer-content .swiper-pagination-bullets{ padding-right:21%;}
.almenu li{ padding:0 8px; margin:0 1%;font-size:13px;white-space:nowrap; height:35px; line-height:33px}
.gclist{ padding:0}
.gclist li{ margin-right:2%; width:49%; padding:1% 2%}
.gclist li:nth-child(even){ margin-right:0}
.gclist li h2{ font-size:16px;}
.gclist li p{ font-size:12px;}
.gclist li h3{ font-size:18px;margin-bottom:0;margin-top:-6px}
.baike_l,.baike_r,.foot_r{ margin-top:5%}
.bkt p{ width:74%}
.bklist li dd{ width:54%}
.lclist li{ padding:3%; margin-left:20px}
.lctext span{ font-size:15px;}
.lclist{ overflow-x:auto}
.lclist::-webkit-scrollbar {/*滚动条整体样式*/
        width:0px;     /*高宽分别对应横竖滚动条的尺寸*/
        height:0px;
    }
.lclist::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        background: #ccc;
    }
.lclist::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background:#eaeaea;
    }
.lclist li img{ height:35px;}
.lclist li i{ width:35px; height:35px; line-height:35px; font-size:28px;}
.lcmain{ width:100%;}
.lclist li:last-of-type{ margin-right:12px; border:none; padding:1px;}
.ftwstyle{ width:92%}
.footbtom{ margin-top:3%; height:auto; line-height:inherit; font-size:14px; padding:3% 5%}
.foot_l ul{flex-wrap: wrap;justify-content: center;}
.foot_l ul li{ margin:3px 10px;}
.foot_l ul li a{ line-height:2}
.sjcaselist{margin-top:14%}
.sjcaselist li{ float:left; width:49%; margin-right:2%; margin-top:-7%}
.sjcaselist li:nth-child(2n+0){ margin-right:0}
.sjcaselist li dt{ overflow:hidden}
.sjcaselist li dt div{ transition:all 1s}
.sjcaselist li dd{ width:90%; margin:0 auto; padding:4%; padding-top:2%; box-sizing:border-box; background:#fff; box-shadow:0 2px 10px 1px rgba(0,0,0,.1); position:relative;top:-45px; z-index:10; transition:all 800ms}
.sjcaselist li dd p{ font-size:12px; color:#666666;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical; margin:2% 0;line-height:1.5}
.case .more a{margin-top:-4%}
.alt span{ font-size:14px;margin-top:2px;}
.albuton span{height:24px;line-height:24px}
.albuton{ padding:0;margin-top:2%}
.altimg{ width:26px; height:26px;margin-right:6px}
.alt img{ width:26px; }
.albuton span a{ font-size:12px;}
.askbox dl dt h2{ font-size:16px}
.yslist{     display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
.yslist li{ float:none; width:30%; margin-right:0; margin:0 1%; margin-bottom:1%; margin-top:1%; }
.yslist li dt img{ height:30px;}
.yslist li dd{margin-top:0}
.yslist li dd span{ font-size:14px;white-space:nowrap}
.ytree li{height: 45px;line-height: 45px; float: left;width: 50%;}
.ytree li a{border-bottom: 1px solid #eee;padding:0 10px}
.yuyue_r{margin-top: 5%}
.sjyuyuelist li{ background:#fff; float:left; width:49%; margin-right:2%; margin-bottom:2%;padding-bottom: 20px; transition:all 500ms; position:relative}
.sjyuyuelist li:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#0077b4;transition:all 500ms;}
.sjyuyuelist li:nth-child(even){ margin-right:0}
.sjyuyuelist li dt{ position:relative; z-index:10}
.kline{ position:absolute; left:6%; bottom:-1px;width: auto; right: 6%; border:1px solid #fff; height:19px;}
.sjyuyuelist li dd{padding:6%; padding-top:0; box-sizing:border-box; padding-bottom:0}
.sjyuyuelist li dd h2{ font-size: 18px; padding:8%; padding-top:15%; position:relative; top:-20px; border:1px solid #0077b4; box-sizing:border-box; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; text-align:center;}
.sjyuyuelist li dd h2 span{position:relative}
.sjyuyuelist li dd h2 span:before{ content:""; position:absolute; bottom:-10px; left:20%; right:20%; height:3px; background:#0077b4}
.sjyuyuelist li dd > span{ display:block; width:100px;margin: 0 auto; height:40px; line-height:40px; background:#0077b4 url(../image/xico.png) no-repeat right center; padding-right:15px; box-sizing:border-box color:#fff; text-align:center; font-size:14px; font-weight:bold; border-radius:5px; color:#fff;}
.page a,.pageactive{padding:0 8px}
.nxqtop_l{height: 400px}
.gallery-thumbs{height: 10%!important}
.nxqtop{flex-direction: column}
.nxq{width: 66%}
.nxq p span{font-size: 18px}
.xqybuton a{margin-top: 5%}
.zflist dd span{width:47.5%; margin-bottom:3%}
.zflist dd span:nth-child(2n+0) {margin-right: 0;}
.xmitem span{font-size:22px}
.quyut{height: 50px; line-height: 50px}
    .quyut span{font-size: 16px;height: 48px; line-height: 48px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 69%;}
    .nxqcontc{padding: 15px}
    .fwtjlist ul li{width: 49%; margin-right: 2%}
    .fwtjlist ul li:nth-child(even){margin-right: 0}
    .casefl dl{height: auto;flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;padding: 10px 0}
    .casefl dl dt{width: 80px;text-align: left;white-space: nowrap;}
    .nalinfo h2{font-size: 18px}
    .casefl dl dd a{height: 35px; line-height: 35px;padding: 0 10px;margin: 0 2%}
    .adress{margin-top: 20px;padding:0 10px;}
    .nyall{padding: 20px 0}
    .detail_l{padding:5%}
    .detail_l h2{font-size:18px;line-height:1.6}
    .xgalbox{margin-top: 40px}
    .xgalbox ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%}
    .xgalbox ul li:nth-child(even){margin-right: 0}
    .foot_r p{white-space: normal}
    .nysjslist > ul > li a{align-items: flex-start;}
    .sjsimg{width: 33%;    margin-top: 6px;}
    .sjsinfo{width: 64%;margin-right: 0}
    .sjsinfo h2{font-size: 18px}
    .sjsinfo h2 span,.sjszp h2,.sjsinfo h3 dt,.nynewlist ul li dd h2,.xqtext h2,.lmt span,.wzdtlist dl dt{font-size: 16px}
    .sjsinfo h3 dd{font-size: 14px;text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;line-height: 1.5}
    .sjszp{margin-top: 0}
    .sjsxq{display: none}
    .detail_r{margin-top: 20px}
    .sjsxqbox_t{flex-direction: column;}
    .sjsxq_r{width: 100%;margin-top: 20px}
    .sjsxq_l{width: 50%;margin: 0 auto;border: 3px solid #454e58;}
    .sjsxqbox_t{padding: 20px}
    .sjsxq_r h2,.nxqtop_r h2{font-size: 18px}
    .sjsxq_r h3{font-size: 20px;margin-top: 0}
    .sjsxq_r p,.sjsxqtable table tr th,.sjsxqtable table tr td,.ndbzplist ul li dd,.nynewlist ul li dd p,.nyabmain p,.foot_l ul li a,
    .wzdtlist dl dd a,.gdwlist ul li a{font-size: 14px}
    .detail_rtitle,.treelist li,.bklist li dd span{font-size: 16px}
    .tjzp{padding: 20px}
    .content{margin-top: 20px}
    .tree h2{height: 45px;line-height: 45px;font-size: 18px}
    .treelist li{height: 50px;line-height: 50px;}
    .contitle h2{height: 50px;line-height: 50px;font-size: 16px}
    .nyzxbjlist ul li{height: 45px;line-height: 45px;font-size: 14px}
    .nynewlist ul li{margin-bottom: 0}
    .nynewlist ul li dd p{margin-top: 0;line-height: 1.4;text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;margin: 1% 0}
    .nynewlist ul li dd span.nxmore{display: none}
    .nynewlist ul li dd h3{margin-top: 0}
    .nynewlist ul li dt{width: 41%;margin-right: 4%}
    .nynewlist ul li dd{width: 55%}
    .footbox{padding-top: 20px}
    .fwxm{margin-top: 20px}
    .fwxmmain{padding: 10px}
    .fwxmlist li{width: 32%;height: 35px; line-height: 35px;margin-bottom: 8px;margin-right: 2%;}
    .fwxmlist li:nth-child(5n+0){margin-right: 2%;}
    .fwxmlist li:nth-child(3n+0),.fwxmlist li:nth-child(15){margin-right: 0}
    .fwxmlist{justify-content: flex-start;}
    .fwxmlist li a{padding:0 10px;}
    .ytree li a{font-size:15px}
    .xmyu:after{display: none}
    .xmyu a{margin-top: 0}
    .sxpbox a{display: block;margin-top: 15px;}
    .sxpbox{width: 100%}
    .xqcase,.nxqcont,.fwxq_r{margin-top: 20px}
    .xqcaselist ul li{width: 49%;margin-right: 2%}
    .xqcaselist ul li:nth-child(even){margin-right: 0}
    .xqcaselist{padding: 10px}
    .fwxqc{margin: 0;margin-top: 20px}
    .fwxq_r{padding: 0px;padding-bottom: 20px}
    .xqtext h3{font-size: 14px;    -webkit-line-clamp:1;line-clamp: 1;margin-top: 0;margin: 2% 0}
    .xqtext span{width:90px;height: 30px; line-height: 30px; font-size: 14px;background-size: 22px;}
    .fwxqlist li{padding: 20px 0}
    .fwxqlist li dt{width: 43%}
    .xqtext{width: 52%}
    .fwxqmain,.lmdt{padding: 15px}
    .wzdtlist dl dd{height: auto;line-height: inherit;padding: 15px}
    .wzdtlist dl{margin-top: 20px}
    .indexbanner .swiper-pagination-bullet{width: 7px;height: 7px;}
    .indexbanner .swiper-pagination-bullet-active{background-size: 20px;width: 20px;height: 20px;}
    .index-designer-content .swiper-button-prev div,
    .index-designer-content .swiper-button-next div{background-size: 60%}
    .swiper-container{overflow: inherit}
    .index-designer-content .swiper-button-prev{width: 33px;left: -2%;bottom:inherit;margin-top:-16%}
    .index-designer-content .swiper-button-next{width: 33px;right: -2%;bottom:inherit;margin-top:-16%}
    .swiper-pagination-bullet{width: 5px;height: 5px;}
    .index-designer-content .swiper-pagination-bullet-active{width: 15px}
    .bklist li dd h3{margin: 0}
    .more a{width: 108px;height: 35px; line-height: 35px;margin-top: 0}
    .baike .more{margin-top: 5%}
    .zjgcbox,.baike,.fwlc,.ysbox,.yewu,.sjsbox,.case{padding: 6% 0}
    .yslist li{padding: 2%}
    .yslist li dd p{line-height: 1.4;height:34px}
	
	.nywd_r{ margin-top:5%}
	
	.zjlc{ padding:3%}
	.zjgclist li{ margin-bottom:7%}
	.gdwlist ul li{ height:45px; line-height:45px;}
	.zjlc ul li{ margin:0; width:33.3333%; text-align:center}
	.zjlc ul li a{ font-size:14px; padding:0}
	.zjgclist li a{flex-direction: column;}
	.zjimg{ margin:0}
	.zjinfo p{ width:100%; float:none}
	.zjck{ display:none}
	.zjcont{ margin-top:1em}
	.zjjd{flex-direction: column;}
	.zjjd dd p{ width:23.5%;transform: scale(1);}
	
	.zjjd dd{margin-top:0}
	
	.nyfwtree,.fwxqcont{ float:none; width:100%}
	.fwxqcont{ margin-top:5%}
	
	.lcxq a{ padding:0 5px; height:30px; line-height:30px;}
	
	.index-designer-content .swiper-slide,.index-designer-content{height:345px}
	
	.zjdetail p img{max-width:100%; }
	.detail_rtitle{margin-bottom:9px}
	.xgtj ul li:before{top:14px}
	.nzxbjlist li a{height:33px;line-height:33px}
	.tjzp{margin-top:18px}
	.bklist li dt{width:44%;border-radius:8px;/*border-bottom-left-radius:8px;*/}
	.bklist li dd p{line-height:1.4}
	.bklist li dd span{font-size:15px}
	.bkt p{font-size:16px}
	.bkt span{margin-top:3px}
	
	#right_ul li{ width:42px; height:42px; padding-top:5px}
	#right_ul li dt{ width:18px; height:18px; background-size:18px}
	#right_ul li dd{ font-size:12px; transform:scale(.8); margin-top:-3px;}
	#right_ul div,#right_weixin div.weixin{ right:42px}
	#right_ul li:hover dt{background-size:18px}
	#right_ul li div p{font-size:14px; line-height:1.6; height:auto}
	#right_ul li div p strong{ font-size:14px;}
	
	.indexft{padding-bottom:0}


}

@media screen and (max-width:420px){
    .logo{ width:40%}
}

/*分页*/
.pagination {}
/*.pageactive{display:inline-block; text-align:center; padding:8px 15px; background:#0077b4; border:1px solid #0077b4;color:#fff!important; margin:0 1%; vertical-align:middle;}*/
.pagination li {display: inline-block;margin:3px;padding: 5px;min-width: 30px;text-align: center;border-radius: 5px;}
.pagination li.active {color: #fff;background:#13356b;}
.pagination li:hover,.pagination li a:hover{background:#13356b;color: #fff;}
.pagination li a {display: block;text-align: center;}