/****************************************reset******************************************/ *{box-sizing: border-box;margin: 0;padding: 0;outline:none; blr:expression(this.onFocus=this.blur());} ol,ul,li{list-style:none;} a{color:inherit;text-decoration: none;} button,input,textarea{border-radius: 0;-webkit-appearance:none;font-family:'微软雅黑';font-size: 14px;color: #666;border: 1px solid #ddd;padding:0 10px;vertical-align: middle;resize:none;} button,input[type="submit"]{cursor: pointer;} body {width: 100%; font-size:14px; line-height:1.8;font-family:'微软雅黑';color: #666;overflow-x: hidden;} .wrap{width:90%;max-width: 1440px;margin: auto;} .over{overflow: hidden;width: 100%;display: block;} .l{float: left;} .r{float: right;} .img-box{display: block;} .img-box img{display: block;width: 100%;} .show p{display: block;max-width: 100% !important;margin:0 auto !important;height: auto !important;max-height:none !important} .show img{display: block;max-width: 100% !important;margin:0 auto !important;height: auto !important;max-height:none !important} .height-170{height:170px;} .height-120{height:120px;} .height-70{height: 70px;} .height-60{height: 60px;} .height-50{height: 50px;} .height-40{height: 40px;} .height-30{height: 30px;} .height-20{height: 20px;} @media only screen and (max-width: 1279px) { .height-170{height:100px;} .height-120{height:70px;} .height-70{height: 40px;} .height-60{height: 30px;} .height-50{height: 30px;} .height-40{height: 20px;} .height-30{height: 20px;} .height-20{height: 20px;} } @media only screen and (max-width: 640px) { .height-170{height:40px;} .height-120{height:30px;} .height-70{height: 25px;} .height-60{height: 20px;} .height-50{height: 20px;} .height-40{height: 20px;} .height-30{height: 20px;} .height-20{height: 20px;} } .header .main .logo{float: left;height:42px;margin:14px 0;} .header .main .logo img{display: block;height: 100%;} .header .main .nav-b{display: none;} .header .main .nav-s{display: none;} @media only screen and (min-width:1280px) { .header .main .nav-b{float: right;display: block;text-align: center;} .header .main .nav-b a{color:rgba(255,255,255,0.47);} .header .main .nav-b .li1{height:70px;line-height:70px;margin-left: 25px;display:inline-block;position: relative;} .header .main .nav-b .li1 a{display: block;padding: 0 15px;font-size: 16px;} .header .main .nav-b .ul2{background:rgba(0,0,0,0.6);position: absolute;top: 100%;left:50%;width: 200px;margin-left: -100px;} .header .main .nav-b .ul2 li{display: block;position: relative;} .header .main .nav-b .li2{display: block;height: 100%;font-size: 14px;line-height:40px;height:40px;color: #666;} .header .main .nav-b .li2 ul{left: 100%;top:0;width: 100%;background:rgba(0,0,0,0.6);} .header .main .nav-b li a:hover{color: rgba(255,255,255,1);} .header .main .nav-b li.cur a{color: rgba(255,255,255,1);} } @media only screen and (max-width:1279px) { .header{height: 60px;} .header .main .logo{height:30px;margin: 15px 0;} .header .main .nav-s{display:block;position:relative;z-index:9;} .header .main .nav-s .nav-btn{width: 40px;height: 40px;float: right;cursor: pointer;padding: 4px;margin-top: 10px;} .header .main .nav-s .nav-btn span{width: 26px;height: 2px;background: #fff;display: block;margin:7px auto;} .header .main .nav-s .nav{position:fixed;width: 100%;top:60px;left: 0;background:rgba(0,0,0,0.9);display: none;} .header .main .nav-s .nav li{position:relative;} .header .main .nav-s .nav .li1 a{font-size: 15px;display: block;height: 50px;line-height: 50px;color: #fff;padding: 0 5%;position: relative;} .header .main .nav-s .nav .li1>a:after{content:"";position: absolute;left:0;bottom: 0;width: 100%;height: 1px;background: #666;} .header .main .nav-s .nav .ul2{border-bottom: 1px solid #666;padding: 10px;} .header .main .nav-s .nav .li2 a{font-size: 12px;display: block;height:35px;line-height: 35px;color: #eee;} .header .main .nav-s .btn1{position: absolute;right:5%;top:10px;width: 30px;height: 30px;z-index: 9;} .header .main .nav-s .btn1 .x1{width: 2px;height: 16px;position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -1px;background: #fff;} .header .main .nav-s .btn1 .x2{width:16px;height: 2px;position: absolute;left: 50%;top: 50%;margin-left: -8px;margin-top: -1px;background: #fff;} .header .main .nav-s .li1.cur .btn1 .x1{display: none;} } .banner{position: relative;} .banner img{display: block;width: 100%;} .banner .slick-slide{position:relative} .banner .slider-for .banner-z{width: 40%;margin: auto;position: absolute;z-index: 9;left:50%;left:30%;top: 50%;opacity: 0;} .banner .slider-for .slick-current .banner-z{top:45%;transition: 1s;opacity: 1;} .banner .slider-nav{position: absolute;bottom:20px;left:50%;width:240px;margin-left: -120px;text-align: center;color: rgba(255,255,255,0.12);border-bottom: 1px solid rgba(255,255,255,0.12);padding-bottom:5px;} .banner .slider-nav .lump{border-bottom: 1px solid rgba(255,255,255,0.12);width: 36px;margin: auto;padding-bottom: 3px;cursor: pointer;} .banner .slider-nav .slick-current .lump{color: #fff;} .banner2{background: no-repeat top fixed;background-size:cover;overflow: hidden;padding-top: 170px;} .banner2 .txt{position:relative;padding-left: 20%;} .banner2 .t1{font-size: 30px;color: #fff;position: relative;} .banner2 .t1:before{content: "";position: absolute;right: 100%;width: 1920px;height: 1px;background: #f3f3f3;top: 50%;margin-right: 30px;opacity: 0.2;} .banner2 .t2{font-size: 16px;color: #fff;opacity: 0.6;} @media only screen and (max-width:1279px) { .banner2{padding-top:140px;} .banner2 .t1{font-size: 24px;} .banner2 .t2{font-size: 14px;} } @media only screen and (max-width:640px) { .banner2{padding-top:100px;} .banner2 .txt{padding-left: 0;} .banner2 .t1{font-size: 18px;} .banner2 .t1:before{display:none;} .banner2 .t2{font-size: 12px;} } .banner3 .img-s{display:none} .banner3 img{display:block;width:100%} @media only screen and (max-width:1279px) { .banner3 .img-b{display:none} .banner3 .img-s{display:block} } .web-bt-1{font-size: 0;height: 62px;} .web-bt-1 img{height: 100%;} @media only screen and (max-width:1279px) { .web-bt-1{height: 50px;} } @media only screen and (max-width:640px) { .web-bt-1{height: 40px;} } .web-in-1{background:url(../Images/bj-in-1.jpg) no-repeat center;background-size: cover;color:rgba(255,255,255,0.4);} .web-in-1 .main{overflow:hidden;} .web-in-1 .mainleft{width: 26%;float: left;} .web-in-1 .mainleft .z1{margin-top:10px} .web-in-1 .mainleft .nav li{line-height: 40px;height:40px;} .web-in-1 .mainleft .nav a{font-size: 16px;transition: 0.2s} .web-in-1 .mainright{width:68%;float: right;} .web-in-1 .mainright .zbl-lump{overflow: hidden;} .web-in-1 .mainright .zbl-lump .txt-box{position:absolute;width: 100%;padding:0 10px;left:0;bottom:50%;transform:translateY(50%);opacity:0;z-index:2;transition:0.2s;font-size: 18px;color: #fff;text-align: center;} .web-in-1 .mainright img{transition: 0.3s;} @media only screen and (min-width:1280px) { .web-in-1 .mainleft .nav a:hover{font-size: 18px;color: #b97a46;} .web-in-1 .mainright .zbl-lump:hover img{transform: scale(1.1);opacity:0.2} .web-in-1 .mainright .zbl-lump:hover .txt-box{opacity:1;} } @media only screen and (max-width:1279px) { .web-in-1 .mainright .zbl-lump .txt-box{bottom: 0;transform:translateY(0);line-height: 30px;height: 30px;opacity: 1;background: rgba(0,0,0,0.5);font-size: 14px;} } @media only screen and (max-width:980px) { .web-in-1 .mainleft{float: none;width: 100%;margin-bottom: 20px;} .web-in-1 .mainleft .nav{overflow: hidden;} .web-in-1 .mainleft .nav li{display: inline-block;margin-right:30px;line-height:30px;height:30px} .web-in-1 .mainright{float: none;width: 100%;} } .web-in-2{background:url(../Images/bj-in-2.jpg) no-repeat center;background-size: cover;color:rgba(255,255,255,0.4);} .web-in-2 .main{overflow: hidden;position: relative;} .web-in-2 .main .logo{position:absolute;left: 0;top: 0;} .web-in-2 .mainleft{float: left;width: 50%;} .web-in-2 .mainleft .txt{font-size: 30px;color: #333;margin-bottom: 70px;} .web-in-2 .mainleft .ys{overflow: hidden;text-align: center;} .web-in-2 .mainleft .ys .lump{width: 33.3%;float: left;} .web-in-2 .mainleft .ys .lump .z1{font-size: 80px;color: #b97a46;line-height: 100px;} .web-in-2 .mainleft .ys .lump .z2{font-size: 32px;color: #333;} .web-in-2 .mainright{float:right;width:45%;position: relative;padding-right: 20px;padding-bottom: 40px;} .web-in-2 .mainright .jb{position: absolute;right:0;bottom:0;z-index: 90;width:40%;} .web-in-2 .zbl-lunbo{position: relative;overflow: hidden;} .web-in-2 .zbl-lunbo .zbl-lun-box{ width:100%;overflow: hidden;position: relative;padding-top:85%;} .web-in-2 .zbl-lunbo .zbl-lun-box ul{position:absolute; width: 100%;height:100%;top: 0;left:0;padding:0;margin:0} .web-in-2 .zbl-lunbo .zbl-lun-box ul li{position: absolute;transition:0.4s; list-style: none} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-0{z-index: 0;width:36%;height:50%;left:32%;top: 0%;opacity:0;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-1{z-index:10;width:36%;height:60%;left:13%;top: 0%;opacity:0.6;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-2{z-index:20;width:36%;height:60%;left: 7%;top:10%;opacity:0.7;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-3{z-index:30;width:36%;height:60%;left: 0%;top:20%;opacity:0.8;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-4{z-index:40;width:36%;height:60%;left:12%;top:30%;opacity:0.9;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-5{z-index:50;width:36%;height:60%;left:32%;top:40%;opacity:1;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-6{z-index:40;width:36%;height:60%;left:52%;top:30%;opacity:0.9;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-7{z-index:30;width:36%;height:60%;left:64%;top:20%;opacity:0.8;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-8{z-index:20;width:36%;height:60%;left:57%;top:10%;opacity:0.7;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-9{z-index:10;width:36%;height:60%;left:51%;top: 0%;opacity:0.6;} .web-in-2 .zbl-lunbo .left-btn{position: absolute;width:32%;height:90%;left:0;top:0%;z-index:100;} .web-in-2 .zbl-lunbo .right-btn{position: absolute;width:32%;height:90%;right:0;top:0%;z-index:100;} .web-in-2 .zbl-lunbo .img-box{ width: 100%;height: 100%;border: 1px solid #ccc;box-sizing: border-box;} .web-in-2 .zbl-lunbo .img-box img{display: block;width: 100%;height: 100% !important;} @media only screen and (max-width:1279px) { .web-in-2 .main .logo{display: none;} .web-in-2 .mainleft .txt{font-size: 24px;margin-bottom: 50px;} .web-in-2 .mainleft .ys .lump .z1{font-size:60px;line-height: 70px;} .web-in-2 .mainleft .ys .lump .z2{font-size:26px;} } @media only screen and (max-width:980px) { .web-in-2 .mainleft .txt{font-size: 20px;margin-bottom: 20px;} .web-in-2 .mainleft .ys .lump .z1{font-size:40px;line-height:50px;} .web-in-2 .mainleft .ys .lump .z2{font-size:20px;} .web-in-2 .mainright{padding: 0;} .web-in-2 .mainright .jb{display: none;} } @media only screen and (max-width:768px) { .web-in-2 .mainleft .txt{font-size: 16px;margin-bottom: 10px;} .web-in-2 .mainleft .ys .lump .z1{font-size:24px;line-height:30px;} .web-in-2 .mainleft .ys .lump .z2{font-size:14px;} } @media only screen and (max-width:640px) { .web-in-2 .mainleft{float: none;width: 100%;margin-bottom: 20px;} .web-in-2 .mainleft .txt{font-size: 14px;} .web-in-2 .mainright{float: none;width: 90%;max-width: 400px;margin: auto;} .web-in-2 .zbl-lunbo .zbl-lun-box{padding-top: 55%;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-0{z-index: 0;width:0%;height:0%;left:50%;top:50%;opacity:0;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-1{z-index:10;width:8%;height:20%;left:0%;top: 40%;opacity:0.6;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-2{z-index:20;width:15%;height:30%;left:3%;top:35%;opacity:0.7;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-3{z-index:30;width:20%;height:60%;left:8%;top:20%;opacity:0.8;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-4{z-index:40;width:30%;height:80%;left:17%;top:10%;opacity:0.9;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-5{z-index:50;width:40%;height:100%;left:30%;top:0;opacity:1;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-6{z-index:40;width:30%;height:80%;left:53%;top:10%;opacity:0.9;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-7{z-index:30;width:20%;height:60%;left:72%;top:20%;opacity:0.8;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-8{z-index:20;width:15%;height:30%;left:82%;top:35%;opacity:0.7;} .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-9{z-index:10;width:8%;height:20%;left:92%;top:40%;opacity:0.6;} } .web-in-3{background:url(../Images/bj-in-3.jpg) no-repeat center;background-size: cover;color:#fff;} .web-in-3 .main{position: relative;} .web-in-3 .dbt{position: absolute;left:30px;top:60px;z-index: 10;} .web-in-3 .more{position: absolute;right:30px;top:60px;z-index: 10;} .web-in-3 .zbl-lump{padding: 200px 0 230px;border-right:1px solid rgba(255,255,255,0.2);} .web-in-3 .zbl-lump:first-child{border-left:1px solid rgba(255,255,255,0.2);} .web-in-3 .zbl-lump:before{content:"";position: absolute;top: 0;height: 100%;background: #b97a46;width:80%;opacity: 0;} .web-in-3 .zbl-lump.hover1:before{left: 0;width: 100%;opacity: 1;transition:0.8s;} .web-in-3 .zbl-lump.hover2:before{right: 0;width: 80%;opacity: 0;transition:0.8s;} .web-in-3 .zbl-lump .box{position: relative;z-index: 1;} .web-in-3 .zbl-lump .sz{font-size: 48px;position: relative;padding-left: 40px;margin-bottom: 75px;font-weight: 100;} .web-in-3 .zbl-lump .sz:before{content: "";position: absolute;left: 0;top: 50%;width: 23px;height:4px;background: #fff;} .web-in-3 .zbl-lump .bt{font-size: 30px;padding: 0 30px;margin-bottom: 75px;} .web-in-3 .zbl-lump .txt{font-size: 16px;padding: 0 30px;line-height:30px;height:90px;overflow:hidden;} @media only screen and (max-width:1279px) { .web-in-3 .zbl-lump{padding: 140px 0 130px;} .web-in-3 .zbl-lump .sz{font-size: 30px;margin-bottom: 40px;} .web-in-3 .zbl-lump .sz:before{height: 3px;} .web-in-3 .zbl-lump .bt{font-size: 24px;margin-bottom: 40px;} } @media only screen and (max-width:980px) { .web-in-3 .zbl-lump{padding: 120px 0 80px;} .web-in-3 .zbl-lump .sz{font-size: 24px;margin-bottom:20px;} .web-in-3 .zbl-lump .sz:before{height: 2px;} .web-in-3 .zbl-lump .bt{font-size: 18px;margin-bottom: 20px;} .web-in-3 .zbl-lump .txt{font-size: 14px;} } @media only screen and (max-width:640px) { .web-in-3 .dbt{top: 40px;} .web-in-3 .more{top: 40px;font-size:12px} .web-in-3 .zbl-lump{padding: 80px 0 40px;} .web-in-3 .zbl-lump .sz{display: none;} .web-in-3 .zbl-lump .bt{font-size: 16px;margin-bottom: 10px;} } .web-bread{padding:10px 0} .web-bread a{margin:0 5px;float: left;} .web-pages{text-align:center;overflow: hidden;width: 100%;} .web-pages a{width: 30px;height:30px;line-height:28px;margin:6px 3px;font-size: 16px;display: inline-block;vertical-align: middle;border: 1px solid #666;} .web-pages a.cur{background:#9e713f;color: #fff;border: 1px solid #9e713f;} .web-pages a:first-child{border: 1px solid #fff;background: url(../Images/page-left.png) no-repeat center; background-size:70%;margin-right:15px;} .web-pages a:last-child{border: 1px solid #fff;background: url(../Images/page-right.png) no-repeat center; background-size:70%;margin-left: 15px;} .web-nav-1 .main{padding: 15px 0;overflow: hidden;border-bottom: 1px solid #999;} .web-nav-1 .main a{float: left;width: 16.66%;line-height: ;text-align:center;font-size: 17px;color: #333;} .web-nav-1 .main a.cur{color: #9e713f;} @media only screen and (max-width:1279px) { .web-nav-1 .main a{width: 33.33%;} } @media only screen and (max-width:640px) { .web-nav-1 .main a{width: 50%;font-size: 14px;} } /*产品,方案*/ .web-box-1 .zbl-lump{border: 1px solid #dadada;} .web-box-1 .img-box{overflow:hidden} .web-box-1 .img-box img{transition:0.2s} .web-box-1 .txt-box{padding: 20px;} .web-box-1 .txt-box .time{font-size:14px;color:#333;margin-bottom: 15px;} .web-box-1 .txt-box .t1{font-size: 18px;color: #333;line-height:30px;height: 30px;overflow: hidden;margin-bottom:15px;transition:0.2s;} .web-box-1 .txt-box .t2{font-size: 14px;color: #333;line-height:25px;height: 50px;overflow: hidden;margin-bottom:35px;} .web-box-1 .txt-box .more{display: inline-block;border: 1px solid #dadada;width: 140px;height: 45px;line-height:43px;text-align: center;font-size: 16px;color: #333;transition:0.2s} @media only screen and (min-width: 1280px) { .web-box-1 .img-box:hover img{transform: scale(1.1);} .web-box-1 .txt-box .more:hover{border:1px solid #9e713f;background:#9e713f;color:#fff} .web-box-1 .txt-box .t1:hover{color:#9e713f;} } @media only screen and (max-width: 640px) { .web-box-1 .txt-box .time{margin-bottom: 5px;} .web-box-1 .txt-box .t1{font-size: 16px;margin-bottom: 5px;} .web-box-1 .txt-box .t2{margin-bottom: 15px;} .web-box-1 .txt-box .more{width:100px;height: 35px;line-height: 33px;font-size: 14px;} } /*视频*/ .web-box-2{} .web-box-2 .video-box{background: #000;position:relative;width: 100%;padding-top: 45%;} .web-box-2 .video{width: 100%;display: block;position: absolute;left: 0;top: 0;height: 100%;} .web-box-2 .txt{font-size: 18px;color: #333333;border: 1px solid #dadada;border-top:0;line-height: 76px;padding: 0 20px;} @media only screen and (max-width:1280px) { .web-box-2 .txt{font-size: 16px;line-height: 60px;} } @media only screen and (max-width: 640px) { .web-box-2 .txt{font-size: 14px;line-height: 40px;padding: 0 10px;} } /*新闻*/ .web-box-3 {overflow: hidden;} .web-box-3 .img-box{width: 490px;float: left;margin-right: 40px;} .web-box-3 .txt-box{padding: 20px;} .web-box-3 .txt-box .time{font-size: 14px;color: #333;margin-bottom: 15px;} .web-box-3 .txt-box .t1{font-size: 18px;color: #333;line-height:30px;height: 30px;overflow: hidden;margin-bottom:15px;} .web-box-3 .txt-box .t2{font-size: 14px;color: #333;line-height:25px;height: 50px;overflow: hidden;margin-bottom:35px;} .web-box-3 .txt-box .more{display: inline-block;width: 140px;height: 45px;line-height:43px;text-align: center;font-size: 16px;color: #333;background: #dadada;} @media only screen and (max-width: 1279px) { .web-box-3 .img-box{width: 400px;margin-right: 30px;} .web-box-3 .txt-box .time{margin-bottom:5px;} .web-box-3 .txt-box{padding: 0;} .web-box-3 .txt-box .t2{margin-bottom:20px;} } @media only screen and (max-width: 980px) { .web-box-3 .img-box{width: 315px;margin-right: 20px;} .web-box-3 .txt-box .time{margin-bottom:0;} .web-box-3 .txt-box .t1{margin-bottom: 5px} .web-box-3 .txt-box .t2{margin-bottom:5px;} .web-box-3 .txt-box .more{width:100px;height: 35px;line-height: 33px;font-size: 14px;} } @media only screen and (max-width: 640px) { .web-box-3{margin-top: 20px;} .web-box-3 .img-box{width:100%;margin-right:0;margin-bottom: 20px;} .web-box-3 .txt-box .t2{margin-bottom:10px;} } .about-1{max-width: 750px;width: 100%;color: #fff;padding-left: 20%;} @media only screen and (max-width:640px) { .about-1{padding-left: 0;} } .about-2{width: 100%;color: #fff;padding-left: 20%;} @media only screen and (max-width:640px) { .about-2{padding-left: 0;} } .about-3{width: 100%;} .about-3 .zbl-lunbo{position: relative;overflow: hidden;padding: 0 10%;} .about-3 .zbl-lunbo .zbl-lun-box{ width:100%;overflow: hidden;position: relative;padding-top: 55%;} .about-3 .zbl-lunbo .zbl-lun-box ul{position:absolute; width: 100%;height:100%;top: 0;left:0;padding:0;margin:0} .about-3 .zbl-lunbo .zbl-lun-box ul li{position: absolute;transition:0.4s; list-style: none} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-0{z-index:10;width:8%;height:20%;left:50%;top: 40%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-1{z-index:20;width:15%;height:30%;left:3%;top:35%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-2{z-index:30;width:20%;height:60%;left:8%;top:20%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-3{z-index:40;width:30%;height:80%;left:17%;top:10%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-4{z-index:50;width:40%;height:100%;left:30%;top:0;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-5{z-index:40;width:30%;height:80%;left:53%;top:10%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-6{z-index:30;width:20%;height:60%;left:72%;top:20%;} .about-3 .zbl-lunbo .zbl-lun-box ul li.li-7{z-index:20;width:15%;height:30%;left:82%;top:35%;} .about-3 .zbl-lunbo .left-btn{position: absolute;width:10%;height:20%;left:0;top:40%;z-index:100;background:url(../Images/jt-2-left.png) no-repeat center;background-size: 30%;} .about-3 .zbl-lunbo .right-btn{position: absolute;width:10%;height:20%;right:0;top:40%;z-index:100;background:url(../Images/jt-2-right.png) no-repeat center;background-size:30%;} .about-3 .zbl-lunbo .zbl-lun-box img{height} .about-3 .zbl-lunbo .img-box{ width: 100%;height: 100%;border: 1px solid #ccc;box-sizing: border-box;} .about-3 .zbl-lunbo .img-box img{display: block;width: 100%;height: 100% !important;} .contact .box-1{background:url(../Images/contact.jpg) no-repeat center;height: 110px;position: relative;border-radius:5px;} .contact .box-1 .btn{width: 153px;height: 50px;line-height: 50px;background:#3a3a3a;color: #fff;text-align: center;font-size: 24px;position: absolute;right: 7%;bottom: 50%;margin-bottom: -25px;border-radius:10px;cursor: pointer;} .contact .box-2{position: relative;padding-left: 400px;} .contact .box-2 .boxleft{position: absolute;left: 0;top: 0;} .contact .box-2 .boxleft .lump{color: #fff;margin: 16px 0;} .contact .box-2 .boxleft .lump .img{display: inline-block;vertical-align: middle;margin-right: 20px;width: 30px;height: 30px;background: no-repeat center;} .contact .box-2 .boxleft .lump span{display: inline-block;vertical-align: middle;} .contact .box-2 .boxright{width: 100%;height: 200px;background: #fff;} @media only screen and (max-width:980px) { .contact .box-2{padding-left: 0;} .contact .box-2 .boxleft{position: initial;margin-bottom:30px;} } @media only screen and (max-width:640px) { .contact .box-1{background-image:url(../Images/contact-s.jpg);height: 90px;background-size: cover;} .contact .box-1 .btn{right: 50%;margin-right:-60px;width: 120px;margin-bottom: 0;bottom:10px;line-height:30px;height:30px;font-size: 18px;} .contact .box-2 .boxleft .lump .img{display: none;} } .tanchuang{position: fixed;z-index: 100;background: #fff;border-radius:15px;overflow: hidden;width: 50%;height:460px;top:50%;left: 25%;margin-top: -230px;padding:10px 25px 25px;display: none;} .tanchuang .xbt{font-size: 20px;margin-bottom: 70px;} .tanchuang .off{background: #25242a;width: 40px;height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;text-align: center;line-height: 40px;color: #fff;font-size: 16px;transition: 0.2s;} .tanchuang .off:hover{background-color:#b97a46;} .tanchuang form .lump{float: left;width: 100%;margin-bottom:40px;overflow: hidden;} .tanchuang form .lump:nth-child(1){float: left;width: 48%;} .tanchuang form .lump:nth-child(2){float:right;width: 48%;} .tanchuang form .b{font-size: 16px;margin-bottom: 5px;} .tanchuang form input[type="text"]{border: 0;border-bottom: 1px solid #ddd;display: block;width: 100%;padding: 0;line-height:40px;font-size: 16px;} .tanchuang form textarea{border: 0;border-bottom: 1px solid #ddd;display: block;width: 100%;padding: 0;font-size: 16px;} .tanchuang form input[type="submit"]{background:#b97a46;display: block;width: 160px;height: 50px;border: 0;line-height: 50px;text-align: center;margin:0 auto;font-size: 20px;color: #fff;border-radius:10px;opacity: 0.9;} @media only screen and (max-width:980px ) { .tanchuang{width: 90%;left: 5%;} } @media only screen and (max-width:640px ) { .tanchuang .xbt{margin-bottom: 30px;} .tanchuang form .lump{width: 100% !important;} .tanchuang form .lump{margin-bottom:25px;} } .productshow{overflow: hidden;} .productshow .show-1{overflow: hidden;position: relative;} .productshow .show-1:before{content: "";position: absolute;top: 0;left:41%;width: 0;height: 100%;border-right:1px dashed #d2d2d2;} .productshow .show-1 .lunbo{width:32%;float: left;background: #fff;padding-bottom: 2px;} .productshow .show-1 .lunbo img{display: block;width: 100%;} .productshow .show-1 .lunbo .lunbo-box{overflow: hidden;} .productshow .show-1 .lunbo .slider-for{width: 100%;margin-bottom:13px;border: 1px solid #ddd;padding: 1px;} .productshow .show-1 .lunbo .slider-nav{position: relative;} .productshow .show-1 .lunbo .slider-nav .left{cursor: pointer;position: absolute;left: 0;top: 0;width: 30px;height:100%;background: url(../Images/jt-left.png) no-repeat center;background-size:auto 70%;} .productshow .show-1 .lunbo .slider-nav .right{cursor: pointer;position: absolute;right: 0;top: 0;width:30px;height:100%;background: url(../Images/jt-right.png) no-repeat center;background-size:auto 70%;} .productshow .show-1 .lunbo .slider-nav .slick-slide .lump{padding: 5px;} .productshow .show-1 .lunbo .slider-nav .slick-slide .lump img{display: block;width: 100%;border: 1px solid #ddd;} .productshow .show-1 .lunbo .slider-nav .slick-current .lump img{border: 1px solid #66ad45;} .productshow .show-1 .boxright{width: 50%;float: right;} .productshow .show-1 .boxright .t1{font-size: 24px;color: #bf8c47;border-bottom: 1px solid #dcdcdc;line-height: 55px;margin-bottom: 15px;} .productshow .show-1 .boxright .t2{font-size: 16px;color: #333;margin-bottom: 30px;} .productshow .show-1 .boxright .t3{overflow: hidden;} .productshow .show-1 .boxright .t3 .lump{float: left;width: 34%;line-height: 40px;} .productshow .show-1 .boxright .t3 .img{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background:no-repeat center;margin-right: 10px;} .productshow .show-1 .boxright .t3 .t{font-size: 14px;color: #b3813e;} .productshow .show-2 .nav-box{background: #eee;overflow: hidden;} .productshow .show-2 .nav-box .li-box{float: left;height:60px;line-height: 44px;font-size: 16px;padding:8px 30px;margin-right: 10px;} .productshow .show-2 .nav-box .li-box span{display: inline-block;position: relative;padding-left: 65px;} .productshow .show-2 .nav-box .li-box span:before{content:"";position: absolute;left:0;top: 0;width: 50px;height: 100%;background:no-repeat center;border-right:1px dashed #676767;} .productshow .show-2 .nav-box .li-box:nth-child(1) span:before{background-image:url(../Images/proshow-icon-5-b.png);} .productshow .show-2 .nav-box .li-box:nth-child(1).cur span:before{background-image:url(../Images/proshow-icon-5-w.png);} .productshow .show-2 .nav-box .li-box:nth-child(2) span:before{background-image:url(../Images/proshow-icon-6-b.png);} .productshow .show-2 .nav-box .li-box:nth-child(2).cur span:before{background-image:url(../Images/proshow-icon-6-w.png);} .productshow .show-2 .nav-box .li-box:nth-child(3) span:before{background-image:url(../Images/proshow-icon-7-b.png);} .productshow .show-2 .nav-box .li-box:nth-child(3).cur span:before{background-image:url(../Images/proshow-icon-7-w.png);} .productshow .show-2 .nav-box .li-box:nth-child(4) span:before{background-image:url(../Images/proshow-icon-8-b.png);} .productshow .show-2 .nav-box .li-box:nth-child(4).cur span:before{background-image:url(../Images/proshow-icon-8-w.png);} .productshow .show-2 .nav-box .li-box.cur{background: #b3813e;color: #fff;} .productshow .show-2 .nav-box .li-box.cur span:before{border-right:1px dashed #fff;} .productshow .show-2 .b-box .bt{margin: 50px 0 25px;font-size: 18px;color: #333;font-weight: bold;} .productshow .show-2 .b-box .s-box:nth-child(1) dl{font-size: 16px;margin:15px 0;} .productshow .show-2 .b-box .s-box:nth-child(1) dt{color:#333} .productshow .show-2 .b-box .s-box:nth-child(1) dd{color:#666} .productshow .show-2 .b-box .s-box:nth-child(3) .video-box{background: #000;position:relative;width: 100%;padding-top: 45%;} .productshow .show-2 .b-box .s-box:nth-child(3) .video{width: 100%;display: block;position: absolute;left: 0;top: 0;height: 100%;} .productshow .show-2 .b-box .s-box:nth-child(3) .txt{font-size: 18px;color: #333333;border: 1px solid #dadada;border-top:0;line-height: 76px;padding: 0 20px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo{position: relative;padding: 0 50px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump{border: 1px solid #dadada;margin: 0 15px;padding-bottom: 20px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .img-box{padding: 10px;margin-bottom: 10px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .txt-box{font-size:12px;text-align: center;padding:0 10px;line-height: 20px;height: 20px;overflow: hidden;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .left{cursor: pointer;position: absolute;left: 0;top: 0;width: 30px;height:100%;background: url(../Images/jt-1-left.png) no-repeat center;background-size:19px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .right{cursor: pointer;position: absolute;right: 0;top: 0;width:30px;height:100%;background: url(../Images/jt-1-right.png) no-repeat center;background-size:19px;} .productshow .show-2 .b-box .s-box:nth-child(4) form{overflow: hidden;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box{width: 100%;margin-bottom:2.5%;position: relative;float: left;padding-right: 15px;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box.l{float: left;width: 48.5%;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box.r{float: right;width: 48.5%;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xing{position: absolute;right: 0;top: 0;font-size: 16px;color:red;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xbt{position: absolute;left: 0;top: 0;line-height: 42px;padding: 0 10px;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="text"]{border: 1px solid #bfbfbf;display: block;width:100%;line-height: 40px;padding-left: 62px;} .productshow .show-2 .b-box .s-box:nth-child(4) form textarea{border: 1px solid #bfbfbf;width: 100%;height:200px;padding: 10px;padding-left: 62px;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="submit"]{float: left;font-size: 16px;width: 125px;line-height:40px;background: #b3813e;color: #fff;border: 0;margin-right:3%;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="reset"]{float: left;font-size: 16px;width: 125px;line-height:40px;background: #aaaaaa;color: #fff;border: 0;} @media only screen and (max-width:1279px) { .productshow .show-1 .lunbo{width:37%;float: left;background: #fff;} .productshow .show-1 .boxright{width: 55%;float: right;} .productshow .show-1 .boxright .t1{font-size: 20px;line-height: 30px;margin-bottom: 10px;padding-bottom: 5px;} .productshow .show-1 .boxright .t2{font-size: 14px;margin-bottom: 10px;} .productshow .show-1 .boxright .t3 .lump{width: 50%;line-height: 35px;} .productshow .show-2 .b-box .bt{margin: 40px 0 20px;} .productshow .show-2 .b-box .s-box:nth-child(1) dl{font-size: 14px;margin:10px 0;} .productshow .show-2 .b-box .s-box:nth-child(3) .txt{font-size: 16px;line-height: 60px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo{padding:0 40px ;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump{margin:0 10px;} } @media only screen and (max-width:980px) { .productshow .show-1:before{display: none;} .productshow .show-1 .lunbo{width: 100%;float: none;} .productshow .show-1 .boxright{width: 100%;float: none;margin-bottom: 20px;} .productshow .show-2 .nav-box .li-box{height:50px;line-height: 40px;padding:5px 20px;margin-right:0;} .productshow .show-2 .nav-box .li-box span{padding-left:35px;} .productshow .show-2 .nav-box .li-box span:before{border-right:0 !important;width: 30px;} .productshow .show-2 .b-box .bt{margin: 30px 0 15px;} } @media only screen and (max-width:640px) { .productshow .show-1 .boxright .t1{font-size: 18px;} .productshow .show-1 .boxright .t3 .lump{width: 100%;} .productshow .show-2 .nav-box .li-box{width: 25%;float: left;text-align: center;padding:0;height:40px;} .productshow .show-2 .nav-box .li-box span{padding-left: 0;} .productshow .show-2 .nav-box .li-box span:before{display: none;} .productshow .show-2 .b-box .bt{margin: 20px 0 10px;font-size: 16px;} .productshow .show-2 .b-box .s-box:nth-child(3) .txt{font-size: 14px;line-height: 40px;padding: 0 10px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo{padding:0 30px ;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump{margin:0 5px;padding-bottom:10px;} .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .img-box{margin-bottom: 0;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box{width: 100% !important;} .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xbt{height: 32px;line-height: 32px;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="text"]{line-height: 30px;} .productshow .show-2 .b-box .s-box:nth-child(4) form textarea{height: 75px;padding-top:5px;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="submit"]{width: 100px;height: 35px;line-height: 35px;font-size: 14px;} .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="reset"]{width: 100px;height: 35px;line-height: 35px;font-size: 14px;} } @media only screen and (max-width:480px) { .productshow .show-2 .nav-box .li-box{width: 50%;} } .newshow .bt{text-align: center;font-size: 30px;font-weight: bold;color: #383838;} .newshow .time{text-align: center;margin-bottom:40px;color: #999999;} .newshow .show{font-size: 14px;color: #666;} .newshow .txt{display: inline;} .newshow .grid{margin: 30px 0;} .newshow .fx{display: inline-block !important;width:15px !important;height:15px !important;} .newshow .fx .buzzButton{display: inline-block !important;width: 15px !important;height:15px !important;background:url(../Images/fx.png) no-repeat center !important;background-size: contain !important;} #bsBox{width:560px !important;left:50% !important;margin-left:-280px !important;box-sizing: border-box;} #bsBox .bsTop{width: 100% !important;} #bsBox .bFind-wrapper-top{height: 25px;position: relative;padding-left:25px;} #bsBox .bFind-wrapper-top .bFind-placeholder{position: absolute;left: 4px;top: 4px;} #bsBox .bFind-wrapper-top #searchBox{width: 100% !important;} #bsBox .bsPlatDiv{height: 313px;} #bsMorePanel{width: 100% !important;height: 372px !important;} #bsPanel{box-sizing: content-box;} .newshow .fy{line-height: 30px;padding: 15px 0;border: 1px dashed #dbdbdb;border-left:0;border-right:0;overflow: hidden;} .newshow .fy .lump{float:left;width: 50%;padding-right: 10px;} .newshow .fy span{margin-right: 5px;} .newshow .tuijian{border: 1px solid #d7d7d7;} .newshow .tuijian .xbt{background: #fff;padding: 0 20px;line-height: 30px;display: inline-block;position: relative;top: -15px;left: 20px;color: #666;font-weight: bold;} .newshow .tuijian .box{overflow: hidden;padding:15px 20px;margin-top:-30px;} .newshow .tuijian .box .lump{float: left;width: 50%;border-bottom: 1px dashed #d7d7d7;line-height:30px;height: 30px;padding: 0 10px;margin:5px 0;overflow: hidden;} @media only screen and (max-width:1280px) { .newshow .bt{font-size: 24px;} } @media only screen and (max-width:980px) { .newshow .bt{font-size: 18px;} .newshow .time{margin-bottom: 20px;} .newshow .grid{margin: 20px 0;} } @media only screen and (max-width:640px) { .newshow .bt{font-weight:normal;} .newshow .time{margin-bottom: 10px;} .newshow .grid{margin: 10px 0;} #bsBox{width: 80% !important;margin-left: -40% !important;} .newshow .fy .lump{width: 100%;float: none;} .newshow .tuijian .box .lump{width: 100%;float: none;} } .jiejuefangan .main{overflow: hidden;position: relative;} .jiejuefangan .mainleft .nav-box{position: absolute;left: 0;top: 0;width:250px;} .jiejuefangan .mainleft .nav-box.cur{transition: 0.3s;} .jiejuefangan .mainleft .nav-box .li-box{background: url(../Images/jjfa-navbj.png) no-repeat center;background-size:contain;line-height: 50px;font-size: 18px;color: #6d3901;padding: 0 30px;margin-bottom: 2px;} .jiejuefangan .mainleft .nav-box .li-box.cur{text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;} .jiejuefangan .mainright{width: 100%;} .jiejuefangan .mainright .s-box{padding-bottom:40px;} .jiejuefangan .mainright .bt{font-size: 24px;line-height:40px;font-weight: bold;border-bottom:2px solid #00aef3;padding-bottom: 10px;margin:0 auto;} .jiejuefangan .mainright .box-2{margin-top: 25px;} .jiejuefangan .mainright .box-6{margin-top: 25px;} .jiejuefangan .mainright .box-0{overflow: hidden;margin-bottom: 30px;} .jiejuefangan .mainright .box-0 .b1{font-size: 14px;color: #333;margin-bottom: 40px;} .jiejuefangan .mainright .box-0 .img-box{float: left;margin-right: 20px;width: 45%;} .jiejuefangan .mainright .box-0 .txt-box .t1{font-size:24px;color: #333;font-weight: bold;margin-bottom: 10px;} .jiejuefangan .mainright .box-0 .txt-box .t2{color: #333;} .jiejuefangan .mainright .box-0 .t1{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 10px;} .jiejuefangan .mainright .box-0 .t2{color: #333;font-size:18px;} .jiejuefangan .mainright .box-1{font-size: 14px;color: #333;} .jiejuefangan .mainright .box-2 .zbl-lump{border: 1px solid #e9e9e9;text-align: center;} .jiejuefangan .mainright .box-2 .zbl-lump .txt-box{padding: 15px;} .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t1{font-size: 14px;color: #333;line-height: 20px;height: 20px;overflow: hidden;} .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t2{font-size: 12px;color: #333;overflow: hidden;margin-bottom: 10px;} .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t3{font-size: 12px;background: #656969;width: 110px;height: 30px;line-height: 30px;margin: auto;color:#fff;} .jiejuefangan .mainright .box-3 {padding: 0 60px;position: relative;} .jiejuefangan .mainright .box-3 .slider{border: 1px solid #dadada;padding: 10px;} .jiejuefangan .mainright .box-3 .left{cursor: pointer;position: absolute;left: 0;top: 0;width: 30px;height:100%;background: url(../Images/jt-1-left.png) no-repeat center;background-size:19px;} .jiejuefangan .mainright .box-3 .right{cursor: pointer;position: absolute;right: 0;top: 0;width:30px;height:100%;background: url(../Images/jt-1-right.png) no-repeat center;background-size:19px;} .jiejuefangan .mainright .box-3 .lump .txt-box{font-size: 12px;text-align:center;} .jiejuefangan .mainright .box-4{text-align: center;} .jiejuefangan .mainright .box-4 .b1{background:url() no-repeat center;background-size:auto 25%;margin-bottom: 65px;height: 140px} .jiejuefangan .mainright .box-4 .lump{display: inline-block;width:140px;height: 140px;border-radius:50%;vertical-align: top;margin: 0 10px;background: rgba(178,136,80,0.4);position: relative;} .jiejuefangan .mainright .box-4 .lump:before{content: "";position: absolute;width: 90%;height: 90%;left: 5%;top: 5%;border-radius:50%;background: #b28850;} .jiejuefangan .mainright .box-4 .lump span{position: relative;z-index: 2;font-size: 14px;color: #fff;} .jiejuefangan .mainright .box-4 .lump:nth-child(1){padding:45px 10px;top:45px;} .jiejuefangan .mainright .box-4 .lump:nth-child(2){padding:20px 10px;} .jiejuefangan .mainright .box-4 .lump:nth-child(3){padding:35px 10px;} .jiejuefangan .mainright .box-4 .lump:nth-child(4){padding:35px 10px;top:45px;} .jiejuefangan .mainright .box-4 .b2{width: 100%;} .jiejuefangan .mainright .box-4 .b2 img{display: block;width: 100%;} .jiejuefangan .mainright .box-5 .zbl-lump .txt-box{width:100%;padding-top:70%;position: relative;background: url(../Images/jjfa-5.png) no-repeat center;background-size: contain;transition: 0.2s;} .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt .t1{font-size: 16px;width: 30px;height: 30px;border-radius:50%;overflow: hidden;text-align: center;line-height: 30px;background: #ffffff;color: #d5b386;margin:10% auto 2%;} .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt .t2{padding: 0 10px;color: #fff;} .jiejuefangan .mainright .box-5 .zbl-lump:hover .txt-box{background-image:url(../Images/jjfa-5-h.png);} .jiejuefangan .mainright .box-6 .video-box{background: #000;position:relative;width: 100%;padding-top: 45%;} .jiejuefangan .mainright .box-6 .video{width: 100%;display: block;position: absolute;left: 0;top: 0;height: 100%;} .jiejuefangan .mainright .box-6 .txt{font-size: 18px;color: #333333;border: 1px solid #dadada;border-top:0;line-height: 76px;padding: 0 20px;} .jiejuefangan .mainright .box-6 .st{margin-top: -5px;} .jiejuefangan .mainright .box-7{border: 1px solid #d8d8d8;padding:15px;overflow:hidden;margin-top:25px;} .jiejuefangan .mainright .box-7 .lump{float:left;width:48%;margin:1%;line-height: 46px;height: 48px;border: 1px solid #d8d8d8;position: relative;color: #666;font-size: 14px;} .jiejuefangan .mainright .box-7 .lump .xbt{padding-left: 30px;height: 46px;overflow: hidden;} .jiejuefangan .mainright .box-7 .lump .xbt span{margin-right: 20px;} .jiejuefangan .mainright .box-8 .lump{margin-top: 25px;font-size: 14px;color: #666;} .jiejuefangan .mainright .box-8 .lump span{display: inline-block;width: 40px;height:40px;background: url(../Images/jjfa-bj-1.png) no-repeat center;background-size: contain;text-align: center;line-height: 36px;font-size: 18px;color: #fff;margin-right: 25px;} .jiejuefangan .mainright .box-9 form{overflow: hidden;} .jiejuefangan .mainright .box-9 form .box{width: 100%;margin-bottom:2.5%;position: relative;float: left;padding-right: 15px;} .jiejuefangan .mainright .box-9 form .box.l{float: left;width: 48.5%;} .jiejuefangan .mainright .box-9 form .box.r{float: right;width: 48.5%;} .jiejuefangan .mainright .box-9 form .box .xing{position: absolute;right: 0;top: 0;font-size: 16px;color:red;} .jiejuefangan .mainright .box-9 form .box .xbt{position: absolute;left: 0;top: 0;line-height: 42px;padding: 0 10px;} .jiejuefangan .mainright .box-9 form input[type="text"]{border: 1px solid #bfbfbf;display: block;width:100%;line-height: 40px;padding-left: 62px;} .jiejuefangan .mainright .box-9 form textarea{border: 1px solid #bfbfbf;width: 100%;height:200px;padding: 10px;padding-left: 62px;} .jiejuefangan .mainright .box-9 form input[type="submit"]{float: left;font-size: 16px;width: 125px;line-height:40px;background: #b3813e;color: #fff;border: 0;margin-right:3%;} .jiejuefangan .mainright .box-9 form input[type="reset"]{float: left;font-size: 16px;width: 125px;line-height:40px;background: #aaaaaa;color: #fff;border: 0;} @media only screen and (max-width:1279px) { .jiejuefangan .main{padding: 0;} .jiejuefangan .mainleft{display: none;} .jiejuefangan .mainright .bt{font-size: 20px;} .jiejuefangan .mainright .s-box{padding-bottom:25px;} .jiejuefangan .mainright .box-0{margin-bottom: 25px;} .jiejuefangan .mainright .box-6 .txt{line-height: 60px;font-size: 16px;} .jiejuefangan .mainright .box-6 .st{margin-top: -5px;} } @media only screen and (max-width:980px) { .jiejuefangan .mainright .box-4 .b1{margin-bottom:0;height:auto;padding:0 !important;overflow: hidden;background:none;} .jiejuefangan .mainright .box-4 .b2{display: none;} .jiejuefangan .mainright .box-4 .lump{border-radius: 0;padding:10px !important;width: 49%;float: left;margin:0 !important;margin-right: 2% !important;margin-bottom: 2% !important;background:#b28850;height:70px;line-height:25px;top: 0 !important;} .jiejuefangan .mainright .box-4 .lump:nth-child(2n){margin-right:0 !important} .jiejuefangan .mainright .box-4 .lump:before{display: none;} .jiejuefangan .mainright .box-4 .lump br{display: none;} } @media only screen and (max-width:640px) { .jiejuefangan .mainright .bt{font-size: 16px;line-height:35px;border-bottom:2px solid #d5b386;padding-bottom:0;margin-bottom: 15px;} .jiejuefangan .mainright .s-box{padding-bottom: 20px;} .jiejuefangan .mainright .box-0{margin-bottom: 20px;} .jiejuefangan .mainright .box-0 .b1{margin-bottom: 20px;} .jiejuefangan .mainright .box-0 .img-box{width: 100%;max-width: 100%;margin:0 auto 20px;} .jiejuefangan .mainright .box-0 .txt-box .t1{font-size: 16px;} .jiejuefangan .mainright .box-3 {padding: 0 40px;} .jiejuefangan .mainright .box-4 .lump{height: 95px;} .jiejuefangan .mainright .box-6 .txt{line-height: 40px;font-size: 14px;} .zbl-lump video { height: 170px; box-shadow: 0px 3px 12px 3px #aaa; } .jiejuefangan .mainright .box-6 .st{margin-top: -5px;} .jiejuefangan .mainright .box-7{padding:10px} .jiejuefangan .mainright .box-7 .lump{line-height: 40px;height: 42px;width:100%;margin:1% 0;} .jiejuefangan .mainright .box-7 .lump .time{height: 42px;line-height: 42px;padding:0 10px;} .jiejuefangan .mainright .box-7 .lump .xbt{padding-left: 10px;height: 42px;} .jiejuefangan .mainright .box-7 .lump .xbt span{margin-right: 10px;} .jiejuefangan .mainright .box-8 .lump{margin-top:10px ;} .jiejuefangan .mainright .box-8 .lump span{margin-right: 10px;} .jiejuefangan .mainright .box-9 form .box{width: 100% !important;} .jiejuefangan .mainright .box-9 form .box .xbt{height: 32px;line-height: 32px;} .jiejuefangan .mainright .box-9 form input[type="text"]{line-height: 30px;} .jiejuefangan .mainright .box-9 form textarea{height: 75px;padding-top:5px;} .jiejuefangan .mainright .box-9 form input[type="submit"]{width: 100px;height: 35px;line-height: 35px;font-size: 14px;} .jiejuefangan .mainright .box-9 form input[type="reset"]{width: 100px;height: 35px;line-height: 35px;font-size: 14px;} } .solution .main{border: 1px solid #d8d8d8;padding:15px;} .solution .lump{line-height: 46px;height: 48px;border: 1px solid #d8d8d8;position: relative;padding-right:170px;color: #666;font-size: 14px;margin: 20px 0;} .solution .lump .time{position: absolute;right: 0;top: 0;height: 48px;line-height: 48px;padding:0 30px;} .solution .lump .xbt{padding-left: 30px;height: 46px;overflow: hidden;} .solution .lump .xbt span{margin-right: 20px;} .footer .yqlj{color: #b97a46;position: relative;padding: 25px 0;} .footer .yqlj:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height:1px;background: #000;} .footer .yqlj:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #fff;opacity: 0.09;} .footer .yqlj span{font-size: 18px;} .footer .yqlj a{font-size: 14px;display: inline-block;margin-right: 25px;} .footer .grid{overflow: hidden;} .footer .grid .lump:nth-child(1){float: left;width: 40%;} .footer .grid .lump:nth-child(2){float:right;width: 40%;} .footer .grid .lump:nth-child(1) .lump2{padding:10px 0;line-height: 30px;} .footer .grid .lump:nth-child(2) .fx{border-bottom: 1px dashed #999;height: 50px;padding: 10px 0;margin-bottom:30px;} .footer .grid .lump:nth-child(2) .fx a{display: inline-block;vertical-align: middle;margin-right: 10px;} .footer .grid .lump:nth-child(2) .fx img{display: block;} .footer .grid .lump:nth-child(2) .showbot{width: 100%;max-width: 430px;overflow: hidden;padding-bottom:20px;} .footer .grid .lump:nth-child(2) form{width: 100%;max-width: 430px;overflow: hidden;padding-top:20px;} .footer .grid .lump:nth-child(2) form .f-box{float: left;margin-top: 20px;background: #626262;position: relative;padding-left:40px;width: 100%;} .footer .grid .lump:nth-child(2) form .f-box:nth-child(1){width: 46%;float: left;margin-top: 0;} .footer .grid .lump:nth-child(2) form .f-box:nth-child(2){width: 46%;float:right;margin-top: 0;} .footer .grid .lump:nth-child(2) form .f-box .bt{font-size: 12px;position: absolute;left: 0;top: 0;line-height: 30px;padding-left:10px;color: #fff;} .footer .grid .lump:nth-child(2) form input{display: block;width: 100%;background:#626262;color: #fff;border: 0;line-height: 30px;font-size: 12px;} .footer .grid .lump:nth-child(2) form textarea{width: 100%;line-height: 24px;border:0;padding:3px 10px;height: 70px;color: #fff;background:#626262;font-size: 12px;} .footer .grid .lump:nth-child(2) form input[type="submit"]{float: left;line-height: 40px;font-size: 16px;color: #fff;width: 100%;max-width: 240px;margin-top:20px;} .banquan{font-size: 12px;text-align: center;color: rgba(255,255,255,0.4);background: #000;line-height: 20px;padding:15px 10px;font-family: arial;} @media only screen and (max-width: 1279px) { .footer .yqlj{display: none;} .footer .web-bt-1{display: none;} } @media only screen and (max-width: 640px) { .footer .grid .lump{width: 100% !important;float: none !important;} .footer .grid .lump:nth-child(2) .fx{border-bottom: 0;margin-bottom: 0;} .footer .grid .lump:nth-child(2) form .f-box{margin-top: 15px;} .footer .grid .lump:nth-child(2) form input[type="submit"]{margin-top: 15px;} } .fuchuang {position: fixed;bottom:10%;right: 0;z-index: 101;} .fuchuang .lump{width: 75px;height:75px;position: relative;overflow: hidden;cursor: pointer;margin-top: 5px;} .fuchuang .lump .btn{display: block;width: 100%;height: 100%;background: no-repeat center;background-size: contain;transition: 0.2s;position: relative;z-index: 2;} .fuchuang .lump .box{position: absolute;right:0;top:0;opacity: 0;transition: 0.2s;} .fuchuang .lump:nth-child(1){margin-top: 0;} .fuchuang .lump:nth-child(1) .btn{background-image: url(../Images/fuchuang-2.png);} .fuchuang .lump:nth-child(2) .btn{background-image: url(../Images/fuchuang-3.png);} .fuchuang .lump:nth-child(3) {height: 59px;} .fuchuang .lump:nth-child(3) .btn{background-image: url(../Images/fuchuang-4.png);} .fuchuang .lump:nth-child(2) .box{width: 160px;height: 160px;} .fuchuang .lump:nth-child(2) .box img{display: block;width: 100%;} .fuchuang .lump:nth-child(3) .box{width: 160px;height: 160px;} .fuchuang .lump:nth-child(3) .box img{display: block;width: 100%;} .fuchuang .lump:hover{overflow: initial;} .fuchuang .lump:hover .box{right:100%;opacity: 1;} @media only screen and (max-width:640px) { .fuchuang .lump{width:50px;height:50px;} .fuchuang .lump:nth-child(2) .box{width: 85px;height:85px;} .fuchuang .lump:nth-child(3) .box{width: 85px;height:85px;} .fuchuang .lump:nth-child(4){height: 30px;} } .height-10{ max-width: 1440px; width: 90%; margin:10px auto; } .height-10 a{ float:none; }