.home0.header{position: absolute;top: 0;left: 0;right: 0;z-index: 3;} .home1 { position: relative;} .home1 img{width: 100%;} .home1.now img{height: 100%;width: auto;} .home1 .frame{height: 100%;overflow: hidden;width: 100%;position: absolute;top: 0;left: 0;width: 100%;} .home1 .child{width: 100%; height:100%; background-repeat: no-repeat;background-size:cover;background-position: center;display: table;position: absolute;left: 0;top: 0;} /*.home1:after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;}*/ .home1 .child img{height: auto;width: auto;} .home1 .child .text{text-align: center;display: table-cell;vertical-align: middle;} .home1 .child.c1 .text img{transition: all 1.3s ease;transform: translateY(-100px);opacity: 0; filter:Alpha(Opacity=0);} .home1 .child.c1.jquery-slider-slide-current .text img{transform: translateY(0);opacity: 1; filter:Alpha(Opacity=100);} /*.home2 .child .text{opacity: 0; filter:Alpha(Opacity=0);transition: all 1.8s ease-out 0s; transform: translateY(-200px)} .home2.active .child .text{transform: translateY(0);opacity: 1; filter:Alpha(Opacity=100);}*/ .home1 .child2{position: absolute;top: 0;right: 0;width: 100%;height: 100%;} .home1 .child2 .table{display: table;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0; filter:Alpha(Opacity=0);} .home1 .child2 .table.now{z-index: 2;opacity: 1; filter:Alpha(Opacity=100);} .home1 .child2 .table .text{text-align: center;display: table-cell;vertical-align: middle;} .home1 .child2 .table .text em{} .home1 .child2 .text h2{font-size: 53px;} .home1 .child2 .text p{font-size: 20px;margin-top: 10px;/*font-family: Impact,Arial;text-transform: uppercase;*/} .home1 .child2 .text.t1 h2{font-size:100px;color:#8E6D51;line-height: 1;} .home1 .child2 .text.t1 p{font-size:80px;color:#8E6D51;line-height: 1;} .home1 .child2 .text.t2 h2{color: #8e6d51;} .home1 .child2 .text.t2 p{color: #8e6d51;} .home1 .child2 .text.t3 h2{color: #8e6d51;} .home1 .child2 .text.t3 p{color: #8e6d51;} .home1 .child2 .text.t4 h2{color: #8e6d51;} .home1 .child2 .text.t4 p{color: #8e6d51;} .home1 .child2 .text em{/*transition: all 1s ease 0s;margin: 0 1px; opacity: 0; filter:Alpha(Opacity=0);transform: translateY(80px);*/ display: inline-block;/*padding: 0 20px;*/} .home1 .child2 .table.now .text em{/*transform: translateY(0) translateY(0) rotate(0deg);*/opacity: 1; /*filter:Alpha(Opacity=100);*/} .home1 .tit1{font-size: 25px;color: #6b5443;text-transform: uppercase;} .home1 .tit2{font-size: 25px;color: #8e6d51;margin-top: 10px;} .home1 .tit2 br{display:none;} .home1 .tit3{font-size: 35px;color: #6b5443;font-weight: bold;margin-top: 10px;} .home1 .tit4{font-size: 35px;color: #8e6d51;margin-top: 10px;} .home2{/*background: url(../image/banner5-1.jpg) no-repeat center;*/} .home2 .child .text{margin-top: -30px;} .home2 .child img{width: 100%;} .case4 .list .item1 h2 a,.news1 .cont li .text .top h2{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } .case4 .list .item12 h2 a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } .brief1{background: url(../image/s5989760e6876d.jpg) no-repeat center;height: 678px;} .pubc-title1{text-align: center;text-transform: uppercase;color: #7a94b5;} .pubc-title1 h2{font-size: 26px;color:inherit;line-height: 1;font-weight: bold;font-family: 'arial';} .pubc-title1 p{font-size: 50px;color:inherit;font-weight: bold;line-height: 1;margin-top: 5px;font-family: 'arial';} .pubc-title1 .name{font-size: 34px;line-height: 1;padding-top: 15px;color: inherit;} .brief1 .text{text-align: center;padding-top: 15px;} .brief1 .text h2{font-size: 34px;color: #fff;line-height: 1;padding-bottom: 20px;} .brief1 .text p{font-size: 16px;color: #fff;line-height: 1.4;margin-bottom: 20px;} .brief1 .text .tip{font-size: 28px;color: #fff;} .brief1 .text .tip em{background: url(../image/dian.png) no-repeat center;display: inline-block;width: 5px;height: 5px;vertical-align: middle} .brief1 .pubc-title1{padding-top: 130px;} .brief2{background:#8e6d51 url(../image/brief2-img1.jpg) no-repeat top center;height: 860px;} .brief2 .text{float: left;padding-top: 158px;padding-left: 80px;} .brief2 .text {width: 550px;} .brief2 .text .pubc-title1{text-align: left;color: #fff;} .brief2 .text .pubc-title1 .name{line-height: 1;padding-top: 10px;} .brief2 .text .title1{margin-top: 55px;} .brief2 .text .title1 h2{font-size: 22px;color: #fff;text-transform: uppercase;position: relative;padding: 5px 0;} .brief2 .text .title1 h2:after{content: "";border-top: 1px solid #fff;position: absolute;top: 0;left: 0;width: 80px;} .brief2 .text .title1 p{font-size: 28px;color: #fff;line-height: 1;} .brief2 .text .desc{font-size: 16px;color: #fff;line-height: 1.5;padding-top: 45px;text-align: justify;} .brief2 .foucs{float: right;height: 100%;margin-right: 40px;width: 495px;} .brief2 .foucs{overflow: hidden;} .brief2 .img{overflow: hidden;} .brief2 .img .child1{float: left;} .brief2 .img .child1 img{width: 100%;} .brief2 .img:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: bottom;} .brief2 .frame1{position: relative;height: 100%;} .brief2 .child{position: absolute;bottom: -2px;left: 0;right: 0;height: 790px;overflow: hidden;} .brief2 .button{width: 72px;height: 28px;position: absolute;top: 340px;left: 600px;background: url(../image/brief2-img5.png) no-repeat center;} .brief2 .button a{display: block;background: url(../image/brief2-img2.png) no-repeat 0 0;height: 28px;width: 15px;float: left;} .brief2 .button .prev{background-position: left center;float: left;} .brief2 .button .next{background-position: right center;float: right;} .brief2 .button a:hover{background: url(../image/brief2-img3.png) no-repeat 0 0;} .brief2 .button .prev:hover{background-position: left center;} .brief2 .button .next:hover{background-position: right center;} .brief3{background: url(../image/brief3-img1.jpg);} .brief3 .foucs{background: #fff;} .brief3 .pubc-title1{color: #fff;padding-top: 100px;padding-bottom: 120px;} .brief3 .child{float: left;position: relative;margin-left: 0.245%;margin-bottom: 0.245%;} .brief3 .child.fr{margin-left: 0;} .brief3 .child img{width: 100%;} .brief3 .frame{overflow: hidden;} .brief3 .child {width: 19.8%;overflow: hidden;} .brief3 .child .text-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #8e6d51;text-align: center;opacity: 0; filter:Alpha(Opacity=0);transition: all 0.8s ease;visibility: hidden;} .brief3 .child .text-box:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;} .brief3 .child .text-box h2{font-size: 28px;color: #fff;} .brief3 .child .text-box h3{font-size: 16px;color: #fff;margin-top: 10px;} .brief3 .child .text-box p{font-size: 14px;color: #fff;margin-top: 15px;line-height: 1.4;text-align: justify;} .brief3 .child .inner_box{vertical-align: middle;padding: 0 9%;display: inline-block;width: 80%;} .brief3 .child:hover .text-box{opacity: 1; filter:Alpha(Opacity=100);visibility: visible;} .brief3 .foucs{position: relative;} .brief3 .a{width: 18px;height: 35px;display: block;position: absolute;top:50%;margin-top: -17.5px; background: url(../image/brief3-icon1.png) no-repeat 0 0;} .brief3 .prev{left: 24px;background-position: bottom left;} .brief3 .next{right: 24px;background-position: bottom right;} .brief3 .prev:hover{background-position: top left;} .brief3 .next:hover{background-position: top right;} .brief4{background: url(../image/brief4-img1.jpg) no-repeat center;height: 896px;} .brief4 .block{overflow: visible;} .brief4 .pubc-title1{color: #fff;padding-top: 127px;} .brief4 .list{text-align: center;height: 602px;position: relative;} .brief4 .item{background: url(../image/brief4-img4.png) no-repeat center;background-size: cover;width: 408px;height: 408px;text-align: center; position: absolute;top: 50%;margin-top: -204px;transition: all 0.6s ease;} .brief4 .item .text{font-size: 16px;color: #fff;line-height: 1.6;padding-top: 18px;height: 0;overflow: hidden;transition: all 0.8s ease-out;} .brief4 .item:after{content: "";display: inline-block;height: 100%;width: 0;vertical-align: middle;} .brief4 .item a{display: inline-block;vertical-align: middle;margin-top: -30px;} .brief4 .item h2{font-size: 28px;color: #fff;} .brief4 .item .img{width:170px;height:80px;overflow:hidden;margin:0 auto;} .brief4 .item.now {background: url(../image/brief4-img5.png) no-repeat center;background-size: cover;width: 602px;height: 602px;margin-top: -301px;margin-left: -301px} .brief4 .item.now .text{height: 150px;} .brief4 .item.now a{margin-top: -80px;} .brief4 .item.i1{left: 42px;} .brief4 .item.i2{left: 50%;margin-left: -204px;} .brief4 .item.i3{left: 780px;}/**/ .brief4 .item.now.i1{left: 50%;margin-left: -675px;} .brief4 .item.now.i2{left: 50%;margin-left: -301px;} .brief4 .item.now.i3{left: 50%;margin-left: 65px;}/**/ .brief5{background: url(../image/brief5-img2.jpg) no-repeat center;height: 804px;margin-bottom: 80px;} .brief5 .mCustomScrollBox{margin-bottom: 60px;} .brief5 .pubc-title1{padding-top: 125px;} .brief5 .pubc-title1 .name{color: #474747;} .brief5 .jjl_nav_wp{margin-top: 47px;} .brief5 .tabs-con{height:280px;position:relative;} .brief5 .tabs-con .group{height: 280px;overflow: hidden;position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);} .brief5 .tabs-con .group.now{display: block;opacity:1;z-index:3;filter:alpha(opacity=100);} .brief5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:200px;left: 200px;} .brief5 .tabs-con .group{overflow:hidden;} .brief5 .tabs-con .group .scroll-con{overflow: hidden;display: inline-block} .brief5 .tabs-con .item{float: left;margin-left: 10px;margin-bottom: 10px;width: 236px;height: 118px;border: 1px solid #d2d2d2;overflow:hidden;} .brief5 .tabs-con .item.fr{margin-left: 0;} .brief5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 0;opacity:1;border-radius:0;} .brief5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#d2d2d2;opacity:1;} .brief5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#d2d2d2;opacity:1;} .brief5 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#d2d2d2;opacity:1;} .brief5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{background:#d2d2d2;} .brief5 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#d2d2d2;opacity:1;} .brief6 {padding: 90px 0;} .brief6 .block{overflow: hidden;} .brief6 .item{text-align: center;width: 160px;float: left;} .brief6 .item h2{font-size: 18px;color: #474747;} .brief6 .item .img{width: 95px;height: 95px;border: 1px solid #aeadac;border-radius: 50%;overflow: hidden;display: inline-block;} .brief6 .item h3{font-size: 14px;text-transform: uppercase;color: #474747;margin-top: 5px;} .brief6 .item{margin-left: 54px;} .brief6 .item:first-child{margin-left: 0;} .brief6 .item .text{padding-top: 14px;} @keyframes mapitem{ 0%{transform: scale(1);opacity: 1; filter:Alpha(Opacity=100);} 20%{transform: scale(1.1);opacity: 0.5;} 30%{transform: scale(1.4);opacity: 0; filter:Alpha(Opacity=0);} 40%{transform: scale(1);opacity: 1; filter:Alpha(Opacity=100);} 100%{transform: scale(1);opacity: 0; filter:Alpha(Opacity=0);} } .case4{background: #51738f;padding-bottom: 130px;margin-bottom: 90px;} .case4 .pubc-title1{padding-top: 160px;} .case4 .pubc-title1 .name{color: #fff;} .case4 .list{overflow: hidden;padding-top: 60px;padding-bottom: 70px;} .case4 .list .item1{width: 515px;border-bottom: 1px solid #3f5d77;padding: 30px 0;padding-bottom:14px;overflow: hidden;float: left;transition:all 1s ease;} .case4 .list .item1:hover{border-color:#fff;} .case4 .list .item1 h2{font-size: 18px;color: #fff;padding: 10px 0;} .case4 .list .item1 p{font-size: 14px;color: #fff;line-height: 1.4;} .case4 .list .item1 .more{font-size: 14px;color: #fff;text-transform: uppercase;background: url(../image/case1-img5.png) no-repeat right center;padding-right: 15px;} .case4 .list .item1 .more-box{padding: 3px 10px;float: right;margin-top:16px;} .case4 .list .item1:hover .more-box{background-color: #3f5d77;} .case4 .list .item1{margin-left: 90px;} .case4 .list .item1.fr{margin-left: 0;} .case4 .jjl_page a{border-color: #ab927d;color: #fff;vertical-align: middle;} .case4 .jjl_page span{color: #fff;} .case4 .jjl_page a:hover{background-color: #785940;border-color: #785940;} .case4 .jjl_page a.now{background-color: #785940;border-color: #785940;} .case4 .jjl_page .prev:hover{background-color: #785940;border-color: #785940;} .case4 .jjl_page .next:hover{background-color: #785940;border-color: #785940;} .case4 .jjl_page a.prev{background: url(../image/jjl/left2.png) no-repeat center;} .case4 .jjl_page a.next{background: url(../image/jjl/right2.png) no-repeat center;} .case4 .list .item12{width: 565px;border-bottom: 1px solid #333333;padding: 30px 0;padding-bottom:14px;overflow: hidden;float: left;transition:all 1s ease;} .case4 .list .item12:hover{border-color:#3f5d77;} .case4 .list .item12 h2{font-size: 18px;color: #333333;padding: 10px 0;} .case4 .list .item12 p{font-size: 14px;color: #3333333;line-height: 1.4;} .case4 .list .item12 .more{font-size: 14px;color: #333333;text-transform: uppercase;background: url(../image/case1-img5.png) no-repeat right center;padding-right: 15px;} .case4 .list .item12 .more-box{padding: 3px 10px;float: right;margin-top:16px; } .case4 .list .item12:hover .more-box{background-color: #7996b6;} .case4 .list .item12{margin-left: 90px;} .case4 .list .item12.fr{margin-left: 0;} .case3 {padding-top: 150px;padding-bottom: 125px;} .case3 .name{color: #474747;} .case3 .scroll-box{margin-top: 60px;} .case3 .scroll-box .scroll{overflow: hidden;} .case3 .scroll-box .item{overflow: hidden;border: 1px solid #d2d2d2; width: 282px;height: 118px;float: left;margin-left: 30px;margin-bottom: 46px;} .case3 .scroll-box .item.fr{margin-left: 0;} .case3 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 0;opacity:1;border-radius:0;} .case3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#d2d2d2!important;opacity:1;} .case3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#d2d2d2;opacity:1;} .case3 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#d2d2d2;opacity:1;} .case3 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{background:#d2d2d2;} .case3 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#d2d2d2;opacity:1;} .case3 .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 235px;right: 235px;} .case3 .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 30px;} #dowebok .footer{line-height:60px;position:absolute;bottom:0;left:0;right:0;} #dowebok .fp-tableCell{height:auto !important;} .brief3-1{margin-top: 40px;padding-top: 40px;border-top: 1px solid #9e9e9e;margin-bottom: 80px;height: 823px;overflow: hidden;} .brief3-1 .item{width: 49.5%;margin-left: 0.5%; height: 130px;overflow: hidden;background: #d1d1d1;float: left;margin-bottom: 0.5%;} .brief3-1 .item.fr{margin-left: 0;} .brief3-1 .item h2{font-size: 16px;color: #1e1e1e;margin:0;} .brief3-1 .item h2 span{font-size: 16px;padding-right: 15px;} .brief3-1 .item p{font-size: 14px;color: #1e1e1e;padding-top: 10px;} .brief3-1 .item a{display: block;padding:20px 35px} .brief3-1 .item:hover{background: #8e6d51;color: #fff;} .brief3-1 .item:hover h2{color: #fff;} .brief3-1 .item:hover p{color: #fff;} .brief3-1 .block{overflow: hidden;width: 100%;} .brief3-1 .mCSB_inside > .mCSB_container{margin-right: 20px;} .brief3-1 .mCSB_scrollTools .mCSB_draggerRail{width: 30px;border-radius:0;background: #efefef;} .brief3-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 100%;border-radius: 0;} .brief3-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #d1d1d1;} .brief3-1 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #d1d1d1;opacity: 1;} .brief3-1 .mCSB_scrollTools{opacity: 1 !important;} .brief3-1 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover > .mCSB_scrollTools, .brief3-1 .mCustomScrollBox:hover ~ .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .brief3-1 .mCustomScrollBox > .brief3-1 .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .brief3-1 .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1;} .brief3-1 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .brief3-1 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #d1d1d1;} .brief3-1 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* #dowebok{opacity: 0; filter:Alpha(Opacity=0);transform: translateY(100px);transition: all 1s ease 0s;} #dowebok.show1{transform: translateY(0);opacity: 1; filter:Alpha(Opacity=100);}*/ p.phone {display: none;} @media screen and (max-width: 640px){ p.phone {display: block;} p.pc {display: none;} #dowebok .footer{line-height:normal;} .footer .block{margin:0;} html{min-width: 320px;} .brief1{height: auto;background-size:auto 100%;padding: 30px 0;} .brief1 .pubc-title1{padding-top: 0;} .brief5{margin-bottom: 0.78rem;} .pubc-title1 h2{font-size: 0.26rem;} .pubc-title1 p{font-size: 0.4rem;} .pubc-title1 .name{font-size: 0.3rem;padding-top: 0.15rem;} .brief1 .text h2{font-size: 0.3rem;padding-bottom: 0.2rem;} .brief1 .text p{font-size: 0.22rem;margin-bottom: 0.2rem; text-align: justify;} .brief1 .text p br{display: none;} .brief1 .text{padding-top: 0.15rem;} .brief1 .text .tip{font-size: 0.26rem;padding-top: 0.1rem;width:3.15rem;margin:0 auto;word-break: break-all;} .brief1 .text .tip em:nth-child(5){display:none;} .brief2{background-size:auto 100%;height: auto;padding: 0.4rem;} .brief2 .img{padding: 0;margin: 0;} .brief2 .text{width: 100%;padding: 0;padding-top: 20px;} .brief2 .child{position: static;height: auto;} .brief2 .text .title1{margin-top: 0.3rem;} .brief2 .text .title1 h2{font-size: 0.22rem;} .brief2 .text .title1 p{font-size: 0.28rem;} .brief2 .text .desc{font-size: 0.22rem;padding-top: 0.45rem;} .brief3 .pubc-title1{padding-top: 0.4rem;padding-bottom: 0.6rem;} .brief4 .item{} .brief4 .item,.brief4 .item.now{position: static;width: 100%;transition-property: none;background: rgba(255,255,255,0.5);height: auto;margin: 20px 0 !important;} .brief4 .item .text,.brief4 .item.now .text{display: block;} .brief4 .item.now a{margin: 0;} .brief4 .item a{margin: 0;padding: 0.2rem 0.1rem;padding-bottom: 0.3rem;} .brief4 .list{height: auto;} .brief4{height: auto;background-size: cover;overflow: hidden;} .brief4 .pubc-title1{padding-top: 63px;} .brief4 .item .text{font-size: 0.24rem;;} .brief5 .pubc-title1{padding-top: 42px;} .brief5 .jjl_nav_wp{white-space: nowrap;} .brief5 .tabs-con .item{width: 100%;height: auto;margin: 0;box-sizing: border-box;text-align: center;margin-bottom: 10px;} .brief5 .tabs-con .group{height: auto;} .brief5{height: auto;} .brief2 .button{top: 9.15rem;right: 0;left:auto;transform: scale(0.8);-webkit-transform: scale(0.8);} .brief2 .block{margin:0;} .brief2 .img .child1 img{width: 100%;} .brief2 .img{width: 100%;} .case4 .pubc-title1 {padding-top: 30px;} .case4 .list .item1{width: auto;margin: 0;padding: 5px 0;} .case4 .list .item1 h2{font-size: 16px;padding: 5px 0;} .case4 .list .item1 p{font-size: 12px;line-height: 1.6;} .case4 .list{padding-top: 20px;padding-bottom: 35px;} .case4{padding-bottom: 45px;margin-bottom: 45px;} .home1 .child {background-size:cover !important;} .home1 img{height: 100%; width:auto;} .home1 .child .text{padding: 0 0.3rem;} .home1 .child .text img{width: 4rem;} .home1 .child .text h2{font-size: 0.53rem;} .home1 .child .text p{font-size: 0.2rem;} .home1 .tit1{font-size: 0.25rem;} .home1 .tit2{font-size: 0.25rem;/*width: 4.1rem;margin:0 auto;word-break: break-all;*/} .home1 .tit2 br{display:block;} .home1 .tit3{font-size: 0.4rem;} .home1 .tit4{font-size: 0.32rem;} .home1 .tit4{ padding-bottom: 1.2rem; } .case1 .map-box{width: 6rem;height: 5rem; margin: 0 auto;background-size: 100%;} .case1 .map-box .item1{width: 0.9rem;height: 0.9rem;} .case1 .map-box .item1 .text {font-size: 0.2rem;margin-left: 0.2rem;margin-top: 0.1rem;width: 2.2rem;height: 0.6rem;background-size: 100%;line-height: 0.58rem;} .case1 .map-box .item1.now .text {background-size: 100%;} .case1 .map-box .item1:hover .text {background-size: 100%;} /*.case1 .map-box .item1 .text a{padding-left: 0.35rem;background-size: 0.2rem;}*/ .case1 .map-box .item1.i6{top: 1.75rem;left: 1.85rem;} .case1 .map-box .item1.i5{top: 3.1rem;left: 2.7rem;} .case1 .map-box .item1.i5 .text{margin-top:0.16rem;margin-left:0.05rem;} .case1 .map-box .item1.i4{top: 4.15rem;left: 3.8rem;} .case1 .map-box .item1.i4 .text{margin-top: 0.25rem;margin-left: 0.2rem;} .case1 .map-box .item1.i3 {left: 4.45rem;top: 2.80rem;} .case1 .map-box .item1.i3 .text {margin-top: 0.10rem;margin-left: 0.20rem;} .case1 .map-box .item1.i2 {left: 3.65rem;top: 1.25rem;} .case1 .map-box .item1.i2 .text{margin-top: 0.00rem;margin-left: 0.15rem;} .case1 .map-box .item1.i1{left: 5rem;top: 0.70rem;} /*.case1 .map-box .item1.i1 .text{margin-left: -1.1rem;}*/ /*.case1 .map-box .item1.i1 .text a{padding-right: 0.35rem;margin-left: 0.5rem;background-position: right center;padding-left: 0;}*/ .case1{padding-bottom: 0.8rem;height: auto;overflow: hidden;} .case1 .case1-alyer{padding: 0;position: absolute;padding: 2.07rem 0;background: rgba(0,0,0,0.6);} .case1-alyer .frame .child img{width: 100%;} .case1-alyer .container1{width: 6rem;height: 4.15rem;} .case1-alyer .right_box{width: 100%;} .case1-alyer .close{width: 0.33rem;height: 0.33rem;background-size: 100%;/**/} .case1-alyer .pubc-title1{padding: 0.3rem;} .case1-alyer .pubc-title1 h2{font-size: 0.3rem;} .case1-alyer .pubc-title1 p{font-size: 0.28rem;} .case1-alyer .pubc-title1 .name{font-size: 0.28rem;padding-top: 0.1rem;} .case1-alyer .text-box1{padding: 0 0.3rem;padding-top: 1.1rem;} .case1-alyer .right_box .title1{font-size: 0.24rem;} .case1-alyer .right_box .title2{font-size: 0.2rem;margin-top: 0.05rem;} .case1-alyer .right_box .title3{font-size: 0.18rem;margin-top: 0.05rem;} .case1-alyer .right_box .desc{padding-top: 0.12rem;margin-top: 0.12rem;font-size: 0.22rem;} .case2 .a{width: 0.65rem;height: 0.65rem;background-size: 1.32rem;margin-top: 0.12rem;} .case2 .a.prev{left: 0.1rem;} .case2 .a.next{right: 0.1rem;;} .case2 .child .item{height: 1.3rem;} .case2{padding: 0.6rem 0;} .case3 .scroll-box .item{margin-bottom: 30px;} .case3 .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 50px;right: 50px;} .case3{padding-top: 0.8rem;padding-bottom: 0.5rem;} .case1-alyer .a{background-size: 100%; width: 0.65rem;height: 0.65rem;margin-top: -0.325rem;} .case3 .scroll-box .item{width: 2.82rem;height: 1.18rem;margin-left: 10px;margin-bottom: 10px;} .case3 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .case3 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #d2d2d2;} .case3 .scroll-box .item img{width: 100%;} .case3 .scroll-box{margin-top: 0.6rem;} .brief5 .tabs-con .item{width: 2.36rem;height: 1.18rem;} .brief5 .tabs-con .item img{width: 100%;} .brief5 .tabs-con .item{margin-left: 10px;display: inline-block;float: none;vertical-align:top;} .brief5 .tabs-con .scroll{white-space: nowrap;} .brief5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 50px;right: 50px;} .tabs-con .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 20px;} .brief5 .tabs-con{padding-bottom: 30px;} .brief3 .child .text-box{transition-property:none;} .brief3 .child .text-box h2{font-size:0.3rem;} .brief3 .child .text-box h3{margin-top:0;font-size:0.24rem;padding:0.1rem;} .brief3 .child .text-box p{margin-top:0;font-size:0.22rem;} .brief3 .child .inner_box{height:2.8rem;overflow:hidden;} .brief3 .child .inner_box{padding:0;overflow-y:scroll;} .case2 .child h2{font-size: 0.18rem;padding-bottom: 0.1rem;} .case2 .child h2:after{border-bottom-width: 0.02rem;} .brief5 .tabs-con .group{overflow-x: scroll;} .brief5 .tabs-con .group .item:first-child{margin-left: 0;} .case2 .frame{width: auto;} .brief4 .item .text{height: auto;} .brief2 .foucs {margin: 0;width: 100%;} .brief5 .tabs-con{height:1.28rem;} .brief2 .img .child1{width:5.2rem;} .home1 .child2 .text h2{font-size:0.48rem;} .home1 .child2 .text p{ font-size:0.3rem; } .home1 .child2 .text.t1 h2{font-size:0.72rem;} .home1 .child2 .text.t1 p{font-size:0.48rem;} #dowebok .text{padding:0 0.2rem;} .brief3-1 {margin: 0 10px;} .brief3-1 .item h2 span{font-size: 0.33rem;display:block;} .brief3-1 .item h2{font-size: 0.2rem;line-height:1.6;} .brief3-1 .item p{font-size: 0.2rem;padding-top:0.1rem;} .brief3-1 .item{height: 3rem;width: 48%;} .brief3-1 .block{margin: 0;} .brief3-1 .mCSB_inside > .mCSB_container{margin: 0 0.2rem;} .brief3-1 .item a{padding:0.1rem 0.1rem;} .brief3-1 .mCSB_scrollTools{width: 0.1rem;} .brief3-1 .mCSB_inside > .mCSB_container{margin-right: 0rem;} .brief3-1 .mCSB_scrollTools .mCSB_draggerRail{width: 0.1rem;border-radius:0;background: #efefef;} .brief3-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 100%;border-radius: 0;} .brief3-1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #d1d1d1;} .brief3-1 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #d1d1d1;opacity: 1;} .brief3-1 .mCSB_scrollTools{opacity: 1 !important;} .brief3-1 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover > .mCSB_scrollTools, .brief3-1 .mCustomScrollBox:hover ~ .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .brief3-1 .mCustomScrollBox > .brief3-1 .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .brief3-1 .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1;} .brief3-1 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .brief3-1 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #d1d1d1;} .brief3-1 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCustomScrollBox:hover ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .brief3-1 .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .brief3-1 .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .brief3-1{margin-bottom: 0.2rem;} /*ld*/ .brief3 .child{ width:50% !important; margin:0 !important; } .brief3-1{ padding-top:0.4rem; } .brief3-1 .mCSB_inside > .mCSB_container{ margin:0; } .brief3-1 .item{ width:48%; margin:0 1% 2%; height:4.2rem; } .brief3-1{ height:5.4rem; padding-bottom: 0.2rem; } .brief3-1 .item a{ padding:0.2rem 0.2rem 0; } .brief4 .pubc-title1{ padding-top:0.8rem; } .brief4 .item .img{ height:1.2rem; } .brief4 .item .img img{ max-height:100%; } .brief4 .item h2{ font-size:0.32rem; } .brief4 .item .text{ padding-top:0.18rem; } .brief4 .item.now .text{ height:auto; } .brief4 .item a{ padding:0.4rem 0.1rem; } .brief5 .jjl_nav_wp{ margin-top:0.4rem; } .case1-alyer .right_box .desc::before{ height:0.04rem; } .case1-alyer .right_box .desc{ padding:0.22rem 0 ;margin-top: 0.22rem; } .case1-alyer .text-box1{ padding:1.5rem 0.5rem 0; } .case1-alyer .pubc-title1{ padding:0.3rem 0.5rem; } .case1-alyer .a.prev{ left:0; } .case1-alyer .a.next{ right:0; } .case1-alyer .right_box{ transition-property:none; transform: translateX(0);background:#99775A;opacity: 1;} .case1-alyer .frame .child img{display: none;} .case1 .case1-alyer{padding:1rem 0;} .case1-alyer .container1{height: 5.65rem;} .case2 .child{width:6rem;} .case2 .child .item{width: 33.3333%;height: 2.19rem;} .case2 .child .div{padding:0 0.3rem;box-sizing:border-box;} .case4 .list .item1{ float: none; } } @media screen and (max-width: 1366px){ /*.case2 .a.prev {left: -67px;} .case2 .a.next {right: -67px;}*/ } @media screen and (max-width: 320px){ .news1 .cont li{ width:100% !important; margin:0 0 0.4rem!important; } }