/*底部*/.yunu-footer {/*background-color:#26272b;*/background: url(../images/web_bg.jpg) center bottom no-repeat;
	background-size: cover;}
.fd-top {overflow:hidden;padding:50px 0;}
.fd-txt {float:left;margin-top:20px;}
.fd-txt .tel {font-size:12px;line-height:30px;color:#ddd;}
.fd-txt .tel strong {font-size:16px;color:#fff;}
.fd-txt .link {overflow:hidden;margin-left:30px;}
.fd-txt .link .item {float:left;width:100px;margin-right:18px;text-align:center;}
.fd-txt .link .item a {color:#ccc;}
.fd-txt .link .item img {display:block;width:100%;height:100%;}
.fd-nav {float:right;}
.fd-nav dl {float:left;margin-left:100px;}
.fd-nav dl dt {height:48px;line-height:48px;font-size:14px;color:#ffffff;}
.fd-nav dl dt a {color:#FFF;}
.fd-nav dl dd a {display:block;font-size:12px;color:#ddd;height:30px;line-height:30px;}
.fd-nav dl dd a:hover {color:#ff0;}
.yunu-footer .copy {overflow:hidden;font-size:12px;height:70px;line-height:70px;color:#999;background:rgba(0,0,0,0.2)}
.yunu-footer .copy .p1 {float:left;}
.yunu-footer .copy .p2 {float:right;}
.yunu-footer .copy .p2 a {margin-right:5px;}
.yunu-footer .copy p a {color:#999;}
.yunu-footer .copy p a:hover {color:#ff0;}
.wp {width:100%;max-width:1200px;margin:0 auto;}
.h50 {display:none;}
.h50 {height:50px;clear:both;overflow:hidden;}
.yunu-link {display:none;overflow:hidden;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;background-color:#fff;padding:4px 0;box-shadow:5px 0 10px rgba(0,0,0,.05);}
.yunu-link li {float:left;width:25%;}
.yunu-link li a {display:block;text-align:center;font-size:13px;color:#000;}
.yunu-link li.on a,.yunu-link li:hover a {color:#d3443e;}
.yunu-link li a i {display:block;width:25px;margin:0 auto;height:25px;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 18px;-ms-background-size:auto 18px;-moz-background-size:auto 18px;-webkit-background-size:auto 18px;background-size:auto 18px;}
.yunu-link li a .i1 {background-image:url(../images/sj-nav1.png);}
.yunu-link li.on .i1,.yunu-link li:hover .i2 {background-image:url(../images/sj-nav1-on.png);}
.yunu-link li a .i2 {background-image:url(../images/sj-nav2.png);}
.yunu-link li.on .i2,.yunu-link li:hover .i2 {background-image:url(../images/sj-nav2-on.png);}
.yunu-link li a .i3 {background-image:url(../images/sj-nav3.png);}
.yunu-link li.on .i3,.yunu-link li:hover .i3 {background-image:url(../images/sj-nav3-on.png);}
.yunu-link li a .i4 {background-image:url(../images/sj-nav4.png);}
.yunu-link li.on .i4,.yunu-link li:hover .i4 {background-image:url(../images/sj-nav4-on.png);}
.lefttitlem{width:100%; height: 40px; line-height: 40px; background: #006bbd; text-align: center; color:#fff; font-size: 18px; font-weight: bold;}
.lefttitlem i{margin-left: 15px;}
.g-cur {height:40px;line-height:40px;background:#f3f3f3; margin-bottom: 20px;}
.g-cur .wp {padding-left:16px;box-sizing:border-box;}
.g-cur .wp a {color:#2f2f2f;}
.g-cur .wp a:hover ,.g-cur .wp i{color:#006bbd;}
.g-cur .wp i{margin-right: 10px;}
.g-titIns1 {height:44px;line-height:44px;font-size:20px;color:#545454;border-bottom:1px solid #ebebeb;font-weight:normal;position:relative;}
.g-titIns1::after {content:'';width:80px;height:1px;background:#006bbd;position:absolute;left:0;bottom:-1px;}
.m-about {padding:15px 0;line-height:28px;color:#2f2f2f;font-size:14px;}
#myform1{width:100%;}
#myform1 th{width: 20%; min-width: 100px;}
#myform1 td{padding:3px 0;}
#myform1 td .input_txt,#myform1 dd .input_txt{width:100%; height:30px; line-height: 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#myform1 td .input_txt,#myform1 dd .input_txt2{width:48%; height:30px; line-height: 30px; float:left;}
#myform1 td .input_txt,#myform1 dd .input_txt3{width:48%; height:30px; line-height: 30px; float:right;}
#myform1 td .messatgeTxt,#myform1 dd .messatgeTxt{width:100%; height:70px; line-height: 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#myform1 dd input{margin-bottom: 10px;}
.verfiIpt{height:30px; line-height: 30px; width:80px; position: absolute; top:0;}
.verfytd{height:30px; position: relative;}
.verfy{height:30px; position: absolute; left:90px; top:0px; width:65px; display: inline-block;}
.verfytxt{line-height: 30px;position: absolute; left:180px; top:0;}
.okBtn{width:150px; height: 35px; margin-top: 15px; line-height: 35px; background: #0c9dd6; color:#fff; border:none; border-radius:35px; margin-right: 15px;}
.cancelBtn{width:150px; height: 35px; margin-top: 15px; line-height: 35px; background: #f1f1f1; border-radius:35px; border:none; margin-right: 15px;}
.ul-news {overflow:hidden;padding-bottom:20px;}
.ul-news.news {padding-bottom:0;margin:0 -10px 15px;}
.ul-news li {font-size:14px;padding:20px 0;border-bottom:#dddddd 1px dotted;}
.ul-news li .top {overflow:hidden;margin-bottom:20px;height:30px;line-height:30px;}
.ul-news li .top .time {float:right;font-size:14px;margin-left:10px;}
.ul-news1 li .top .time {font-size:12px;}
.ul-news li .top .tit {display:block;font-size:16px;font-weight:bold; background:url('../images/news-r.png') left center no-repeat;padding-left:14px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ul-news li .tit:hover {color:#d3443e;}
.ul-news li .txt p {font-size:14px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.subright{margin-top: 20px;}
.m-news1 {padding-top:20px;}
.m-news1 h1 {line-height:34px;color:#434343;margin-bottom:15px;text-align:center;font-size:24px;}
.m-news1 .desc {text-align:center;}
.m-news1 .desc span {display:inline-block;font-size:14px;margin:0 10px;}
.m-news1 .txt {padding:15px 0;line-height:28px;color:#2F2F2F;font-size:14px;}
.m-txt3 {margin-top:10px;}
.m-link2 {padding-left:20px;margin-bottom:15px;height:36px;line-height:36px;color:#868686;font-size:14px;background-color:#f5f5f5;border:1px dotted #e5e5e5;}
.m-link2 a {color:#868686;}
.m-link2 a:hover {color:#0097d6;}
.m-tabel {overflow:hidden;color:#5a5a5a;border-top:1px dashed #999;border-bottom:1px dashed #999;font-size:14px;margin-top:16px;}
.m-tabel span {float:left;height:42px;line-height:42px;margin-right:10px;}
.m-tabel ul {overflow:hidden;}
.m-tabel li {float:left;}
.m-tabel li a {display:block;margin-right:10px;height:42px;line-height:42px;}
.m-tabel li a:hover {color:#0097d6;}
.ul-news.news li {float:left;width:50%;}
.ul-news.news li .top {margin:0 10px;}
.m-list1 {overflow:hidden;padding:14px 0 25px;border-bottom:1px dotted #a9a9a9;}
.m-pic1 {float:left;width:380px;}
.m-txt1 {overflow:hidden;padding-left:38px;}
.m-txt1 .tit {font-size:16px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px dotted #a9a9a9;font-weight:600;}
.m-txt1 .txt {margin-right:0px;}
.m-txt1 .txt dd{margin-bottom:5px;}
.m-txt1 .txt p {line-height:28px;margin-bottom:10px;font-size:14px;color:#2f2f2f;}
.m-txt1 .desc p{line-height: 18px; margin-block-end:0;}
.m-txt1 .btn {display:block;width:98px;height:32px;line-height:32px;padding-left:15px;background-color:#0097d6;color:#fff;}
.m-txt1 .btn:hover {background-color:#444;}
.m-txt1 .btn span {display:block;padding-left:15px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/btn-r.png);}
.m-txt2 {margin-top:12px;font-size:14px;line-height:26px;}
.ul-arrow {overflow:hidden;margin:15px 0;}
.ul-arrow li {float:left;font-size:14px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ul-arrow li:last-child {float:right;}
.ul-arrow li a {color:#337AB7;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ul-arrow li a:hover {color:#0097d6;}
.m-list3 {padding:5px 0;}
.ul-city {overflow:hidden;padding-top:20px;}
.ul-city li {float:left;margin-bottom:20px;}
.ul-city li a {display:block;margin-right:17px;font-size:14px;}
.ul-city li a:hover {color:#0097d6;}
/* 放大镜 */
div.zoomDiv {z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0;}
div.zoomMask {position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.yunu-showcase {margin-bottom:30px;}
.yunu-showcase-pic {position:relative;width:100%;overflow:hidden;float:left;}
.yunu-showcase-pic .bd {font-size:0;margin-top:13px;overflow:hidden;}
.yunu-showcase-pic .bd li {height:75px;line-height:75px;cursor:pointer;display:inline-block;width:99px;border:1px solid #ddd;padding:1px;margin:0 5px;}
.yunu-showcase-pic .bd li.active {border-color:#c80003;}
.yunu-showcase-pic .prev,.yunu-showcase-pic .next {position:absolute;background:no-repeat 0 0;width:14px;height:27px;bottom:26px;z-index:2;}
.yunu-showcase-pic .prev {background-image:url(../images/zlztdetailscon1btn01.png);left:0;}
.yunu-showcase-pic .next {background-image:url(../images/zlztdetailscon1btn02.png);right:0;}
.yunu-showcase-pic .prev:hover,.yunu-showcase-pic .next:hover {background-position:0 bottom;}
.yunu-showcase-pic .cover {height:300px;line-height:300px;border:1px solid #ddd;padding:1px;}
.yunu-showcase-pic .cover a {display:block;width:100%;height:100%;}
.yunu-showcase-info {float:right;width:500px;}
.yunu-showcase-info h1 {margin:0 0 15px;font-size:20px;overflow:hidden;font-weight:normal;border-bottom:1px solid #ddd;padding-bottom:15px;}
.yunu-showcase-info p {margin:0;color:#666;line-height:2;}
.yunu-showcase-info .tel {border-top:2px solid #e6e6e6;margin-top:15px;padding-top:15px;background:url(../images/viskins-p1.png) no-repeat 0 15px;height:42px;padding-left:50px;line-height:21px;}
.yunu-showcase-info .tel a {float:right;line-height:42px;padding:0 15px;background-color:#c80003;color:#fff;}
.yunu-showcase-info .tel span {display:block;color:#c80003;font-size:18px;}
div.zoomDiv {z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0;}
div.zoomDiv img {max-width:none;}
div.zoomMask {position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.img-center {text-align:center;font-size:0;}
.img-center img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;}
.m_pic_showpic {display:none;}
.m_showpic img {display:block;max-width:100%;}
.pc-slide {width:100%;margin:0 auto;}
.m-pic1 .view .swiper-slide {padding:0 0px;}
.view .swiper-slide .imgauto {width:100%;height:250px;line-height:250px;}
.view .swiper-container {width:100%;}
.preview {width:100%;margin-top:10px;position:relative;}
.preview .swiper-container {margin:0 10%;}
.preview .swiper-slide {/*width:33.33%;*/width:101px;padding:5px 0;}
.preview .swiper-slide .imgauto {width:100%;height:80px;line-height:78px;text-align:center;font-size:0;cursor:pointer;}
.preview .swiper-slide .imgauto img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;padding:5px;border:2px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.preview .slide6 {width:82px;}
.preview .arrow-left {background:url(../images/feel3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right {background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview img {padding:1px;}
.preview .active-nav .imgauto img{border:2px solid #006bbd;}
.g-tit3 {padding-bottom:10px;font-size:16px;color:#d3443e;border-bottom:1px solid #e4e4e4;font-weight:600;}
.g-tit3 span {font-weight:400;color:#999;text-transform:uppercase;}
.g-pages {text-align:center;font-size:0;margin:20px 0;}
.g-pages li {display:inline-block;}
.g-pages li a {display:block;padding:2px 10px;line-height:24px;margin:0 2px;border:1px solid #dbdbdb;font-size:13px;}
.g-pages li.on a,.g-pages li a:hover {background-color:#d3443e;border:1px solid #d3443e;color:#fff}
.pc-date{float:right; color: #999;}
.more-news li{padding:10px 0; width:100%; }
.more-news li a{width: calc(100% - 100px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;}

@media screen and (min-width:768px){
.pchide{display:none;}
}

@media screen and (max-width:768px){
.yunu-footer .copy .p1 {float:none; text-align: center;}
.mbhide{display:none;}
.gallery .item {height:100%;overflow:hidden;text-align:left;margin:20px 10px 0 10px;}
.leftnav,.indexprocon{background: none; width:97%; margin:0 1.5% 20px;}
.indexpro .indexpro_li{width:48%; margin:0 1% 15px;}
.nav .nav-box li{width:25%; line-height: 44px;}
.nav .nav-box li:nth-child(1){border-bottom: 1px #444 solid;}
.nav .nav-box li:nth-child(2){border-bottom: 1px #444 solid;}
.nav .nav-box li:nth-child(3){border-bottom: 1px #444 solid;}
.nav .nav-box li:nth-child(4){border-bottom: 1px #444 solid;}
.nav .nav-box li:after {top:0;}
.nav .nav-box li:nth-child(4):after {
  position: absolute;
  top: 11px;
  right: 0%;
  width:1px;
  height:44px;
  content:'';
  background:none;
}
.nav .nav-box li span{background: #fff;}
.nav{height:89px;}
.g-cur .wp{}

.m-txt1 {
    overflow: hidden;
    padding-left: 10px;
}
.mpro{width:100%; margin:0 0 20px;}

.m-pic1{width:340px;}
.m-txt1{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

.messcon label{width:100%; margin-bottom: 10px; height: 40px; line-height: 40px; position: relative; display: block;}
.messcon label span{width:125px; font-size: 14px; line-height: 40px; text-align: right; display: inline-block;}
.messcon label input{position: absolute; left:125px; width: calc(100% - 127px); height:38px; border:1px #ccc solid;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.messcon label textarea{position: absolute; left:125px; width: calc(100% - 127px); height:90px; line-height: 30px; border:1px #ccc solid;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-1{width:100%; display: block; margin-top:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 125px;}
.btn-1 input:nth-child(1){width:90px; line-height: 40px; background: #d3443e; color:#fff; font-size: 16px; border:1px #d3443e solid;}
.btn-1 input:nth-child(2){width:90px; line-height: 40px; background: #bbb; color:#333; font-size: 16px; border:1px #bbb solid;}

.pages{text-align: center;margin-top: 30px;font-size: 0;}
.pages a{display: inline-block;margin: 1px;padding: 8px;background-color: #e7e7e7;font-size: 12px; color:#333;}
.pages a.active, .pages a:hover{background-color: #2b9219;color: #fff;font-weight: bold;}
.pagination p{margin: 0;cursor: pointer}
.pagination{height: 40px;text-align: center;padding: 20px 0px;}
.pagination a{display: inline-block;margin-right: 10px;padding: 2px 12px;height: 24px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;font-size: 12px;line-height: 24px;}
.pagination a:hover{color: #2b9219;background: white;border: 1px #2b9219 solid;}
.pagination a.cur{border: none;background: #2b9219;color: #fff;}
.pagination p{display: inline-block;padding: 2px 12px;font-size: 12px;height: 24px;line-height: 24px;color: #bbb;border: 1px #ccc solid;background: #fcfcfc;margin-right: 8px;}
.pagination p.pageRemark{border-style: none;background: none;margin-right: 0px;padding: 4px 0px;color: #666;}
.pagination p.pageRemark b{color: red;}
.pagination p.pageEllipsis{border-style: none;background: none;padding: 4px 0px;color: #808080;}

.newscenter{margin-bottom: 10px; text-align: center;}
.c_white{cursor: pointer;}

.diysorttitle{text-align: center; font-size: 30px; margin:25px 0;}
.diylist{width:100%; margin:0; padding:0;}
.diylist li{float:left; width:33.33%; position: relative; padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.diylist li img{width:100%; max-width: 100%;}
.diylist li p{ position: absolute; text-align: right; bottom:20px; right:20px; font-size: 16px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.clear30{width:100%; clear: both; height:30px; overflow: hidden; display: block;}

.diylist2 li{float:left; width:50%; position: relative; padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.diylist2 li img{width:100%; max-width: 100%;}
.diylist2 li p{ position: absolute; text-align: right; bottom:20px; right:20px; font-size: 16px; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}

.pageContent_view img{width: 100%; max-width: 100%;}

@media screen and (max-width:768px){
.diylist li{width:50%;}
.only3 li:nth-child(1){width:100%;}
}