@charset "utf-8"; /* CSS Document */ body,header,footer,div,p,img,a,span,ul,li,h1,h2,h3,h4,h5,hr{ margin:0; padding:0;} button,input,textarea,a{-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;} body,html{ overflow-x:hidden;} li{ list-style:none;} a{ text-decoration:none;} .fl{ float: left;} .fr{ float: right;} html,body{ font-size:10px;} .whbest{ height:100%; width:100%;} @media screen and (max-width:414px){ html,body{ font-size:13px;} } @media screen and (max-width:320px){ html,body{ font-size:12px;} } /*@-webkit-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-moz-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-ms-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-o-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}}*/ /*¾ÆµêÃñËÞ*/ .jdms-con>hr{ width:100%; background:url(../images/jdms/jd/fengexian.png) no-repeat; background-size:100%;height:2.5rem; border:none;} .jdms-header{border-bottom:1px inset #dddddd; position:fixed; top:0;left:0;z-index: 2; background: #fff; width: 100%;} .jdms-header a{ font:1.5rem/3.5rem 'Microsoft YaHei'; display:inline-block; width:50%; box-sizing:border-box; color:#333333; text-align:center; } .jdms-header a.active{ color:#2a915a; border-bottom:3px inset #2a915a;} .jdms-bg-img{width: 100%; position: fixed;z-index: 0; top: 0; left: 0; } .jdms-bg-img>img{width: 100%; } .jdms-con{position: relative;z-index: 1;margin-top: 3.5rem; display: none;} .jdms-fix { width:100%; padding-bottom:2.8rem;} .jdms-fix h1{ width:100%; padding-top:1.8rem; margin-bottom:1rem;} .jdms-fix h1>img{ width:100%; display:block;} .jdms-fix h2{ margin-top:2rem; margin-bottom:1rem;} .jdms-fix h2>img{ width:8rem; display:block;} .jdms-fix p{ padding:0 1.5rem; box-sizing:border-box; font:1.3rem/2.2rem 'Microsoft YaHei'; color:#555555;} .jdms-fix p>img{ width:100%; display:block;} .jdms-fix .contact{font:1.3rem/1.8rem 'Microsoft YaHei';justify-content:center;align-items:center;display:-webkit-flex;border-bottom:1px solid #dddddd; padding:.8rem .2rem;} .jdms-fix .contact>i{margin-right:.8rem; background-size:100%; width:1.7rem; height:2rem; display:inline-block;} .jdms-fix .contact>span{ display:inline-block; border-right:1px solid #dddddd; width:100%; padding-right: 1rem;} .jdms-fix .contact>button,.jdms-fix .contact>a{ margin-left:1rem; border:none; width:3.2rem; height:3rem;-webkit-tap-highlight-color:rgba(0,0,0,0);} .jdms-fix .contact-address{ margin:1.6rem 1.5rem 0 1.5rem;border-top:1px solid #dddddd;} .jdms-fix .contact-address>i{ background:url(../images/jdms/dizhi.png) left center no-repeat; background-size:100%;} .jdms-fix .contact-address>a{ display:inline-block;background:url(../images/jdms/jd/daozheerqu.png) no-repeat; background-size:100%;} .jdms-fix .contact-phone{ margin:0 1.5rem;} .jdms-fix .contact-phone>i{ background:url(../images/jdms/dianhua.png) left center no-repeat; background-size:100%;} .jdms-fix .contact-phone>a{background:url(../images/jdms/jd/dadianhua.png) no-repeat; background-size:100%;} .jdms-fix .btn-p{ text-align:center; margin-top:1.8rem;} .jdms-fix .btn-p>button{ height:4.6rem; width:20rem; background:#3f9d69; border:none; border-radius:50px; font:1.8rem/4.6rem 'Microsoft YaHei'; color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);} /**ÃñËÞµ¥¶ÀÑùʽ**/ .ms-con .btn-p>button{ background:#219cbb;} .ms-con>hr{background:url(../images/jdms/ms/fengexian.png) no-repeat;background-size:100%;} .ms-con .jdms-fix .contact-address>i{ background:url(../images/jdms/dizhi.png) left center no-repeat; background-size:100%;} .ms-con .jdms-fix .contact-address>a{background:url(../images/jdms/ms/daozheli.png) no-repeat; background-size:100%;} .ms-con .jdms-fix .contact-phone{ margin:0 1.5rem;} .ms-con .jdms-fix .contact-phone>i{ background:url(../images/jdms/dianhua.png) left center no-repeat; background-size:100%;} .ms-con .jdms-fix .contact-phone>a{background:url(../images/jdms/ms/dadianhua.png) no-repeat; background-size:100%;} /***Ã×ÁÖ-¾Æµêµ¥¶ÀÑùʽ*******/ .ml-jd-con .btn-p>button{ background:#d56e2b;} .ml-jd-con>hr{background:url(../images/ml/jd/fengexian.png) no-repeat;background-size:100%;} .ml-jd-con .jdms-fix .contact-address>i{ background:url(../images/ml/dizhi.png) left center no-repeat; background-size:100%;} .ml-jd-con .jdms-fix .contact-address>a{background:url(../images/ml/jd/daozheli.png) no-repeat; background-size:100%;} .ml-jd-con .jdms-fix .contact-phone{ margin:0 1.5rem;} .ml-jd-con .jdms-fix .contact-phone>i{ background:url(../images/ml/dianhua.png) left center no-repeat; background-size:100%;} .ml-jd-con .jdms-fix .contact-phone>a{background:url(../images/ml/jd/dadianhua.png) no-repeat; background-size:100%;} /***Ã×ÁÖ-ÃñËÞµ¥¶ÀÑùʽ*******/ .ml-ms-con .btn-p>button{ background:#dd5bb5;} .ml-ms-con>hr{background:url(../images/ml/ms/fengexian.png) no-repeat;background-size:100%;} .ml-ms-con .jdms-fix .contact-address>i{ background:url(../images/ml/dizhi.png) left center no-repeat; background-size:100%;} .ml-ms-con .jdms-fix .contact-address>a{background:url(../images/ml/ms/daozheli.png) no-repeat; background-size:100%;} .ml-ms-con .jdms-fix .contact-phone{ margin:0 1.5rem;} .ml-ms-con .jdms-fix .contact-phone>i{ background:url(../images/ml/dianhua.png) left center no-repeat; background-size:100%;} .ml-ms-con .jdms-fix .contact-phone>a{background:url(../images/ml/ms/dadianhua.png) no-repeat; background-size:100%;} /*****ÊÓƵ²¥·ÅÏêÇéÒ³Ãæ****/ .spxq-con{ margin-bottom: 5rem;} .spxq-con>hr{ width:100%; background:url("../images/sp/fengexian.png") no-repeat;background-size:100%;height:2.5rem; border:none; margin-top:1.8rem;} .sp-video{ position:relative; width:100%; height:auto;} .sp-video>video{ position:absolute; left:0; top:0;width:100%; height:100%;} .sp-video .cover{ position: relative; width:100%; } .sp-video .cover-img{width:100%;} .sp-video .title{ position:absolute; text-align:center; bottom:3rem; width:100%;} .sp-video .title>img{ width:13rem;} .sp-video button{ position:absolute; width:6rem; height:6rem; border:none; background:url(../images/sp/btn_de.png) no-repeat; background-size:100%; left:50%; margin-left:-3rem; top:5rem;} .sp-video button:active{background:url(../images/sp/btn_active.png) no-repeat; background-size:100%;} .sp-detail{ margin-top: -1rem;} .sp-detail>p{ width:100%; box-sizing:border-box; padding:1rem 1.5rem; padding-bottom: 0; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem;} .sp-detail p>img{ width:100%; border-radius:3px; margin-left: -1.3rem;} /***ÁÖÖ¥Ò³ÃæÒ»****/ .lzym1-con{background: url("../images/lzym1/bg.jpg") no-repeat; background-size: 100%; overflow: hidden;} .lzym1-con p{ width: 100%; box-sizing: border-box; text-align: center;} .lzym1-con .img3-p{ text-align: center;} .lzym1-con .img3-p a{ /*width: 16rem; background: url("../images/lzym1/btn_de.png") no-repeat; background-size: 100%; height: 4rem; display: inline-block;*/} .lzym1-con .img3-p a:active{background: url("../images/lzym1/btn_active.png") no-repeat; background-size: 100%;} .lzym1-con p img{ width: 95%;} .lzym1-con .img2-p{margin-top:-3rem;position: relative; z-index:2;} .lzym1-con .img2-p>img{ -webkit-animation: 50s lzym1-con-img1 linear infinite; -o-animation: 50s lzym1-con-img1 linear infinite; -ms-animation: 50s lzym1-con-img1 linear infinite; animation: 50s lzym1-con-img1 linear infinite; } .lzym1-con .img3-p{ padding:0 3.5rem; margin-top: -2.5rem; position: relative; z-index: 10;} .lzym1-con .img1-p{ padding: 0 2rem; margin-top: 4.5rem;} /*@-webkit-keyframes lzym1-con-img1 { 0%{-webkit-transform:scale(0) rotate(-720deg);} 100%{-webkit-transform:scale(1) rotate(0deg);} } @-o-keyframes lzym1-con-img1 { 0%{-o-transform: scale(0) rotate(-720deg);} 100%{-o-transform:scale(1) rotate(0deg);} } @-ms-keyframes lzym1-con-img1 { 0%{-ms-transform: scale(0) rotate(-720deg);} 100%{-ms-transform:scale(1) rotate(0deg);} } @keyframes lzym1-con-img1 { 0%{transform: scale(0) rotate(-720deg);} 100%{transform:scale(1) rotate(0deg);} }*/ @-webkit-keyframes lzym1-con-img1 { 0%{-webkit-transform:rotate(-360deg);} 100%{-webkit-transform:rotate(0deg);} } @-o-keyframes lzym1-con-img1 { 0%{-o-transform:rotate(-360deg);} 100%{-o-transform:rotate(0deg);} } @-ms-keyframes lzym1-con-img1 { 0%{-ms-transform:rotate(-360deg);} 100%{-ms-transform:rotate(0deg);} } @keyframes lzym1-con-img1 { 0%{transform:rotate(-360deg);} 100%{transform:rotate(0deg);} } /***ÁÖÖ¥Ò³Ãæ¶þ****/ .lzym2-con{background: url("../images/lzym2/bg.jpg") no-repeat; background-size: 100% 100%; overflow: hidden; position: relative;} .lzym2-con p{ width: 100%; box-sizing: border-box; position: absolute;} .lzym2-con p a{ width: 100%; display: block;} .lzym2-con p img{ width: 100%; display: block;} .lzym2-con .img1-p{padding-top: 5rem; bottom: 0;} .lzym2-con .img2-p{ padding:0 11.8rem; margin-top: -3rem; bottom: 5px;} .lzym2-con .shousi-img{ text-align: center;} .lzym2-con .shousi-img>img{ width: 5rem; position: relative; -webkit-animation: 2s lzym2-con-img1 ease-in-out alternate infinite; animation: 2s lzym2-con-img1 ease-in-out alternate infinite; transform-origin: bottom; } .lzym2-con .yunduo{ position: absolute; z-index: 2; animation: yunduo ease 8s alternate infinite; -webkit-animation: yunduo ease 8s alternate infinite; -moz-animation: yunduo ease 8s alternate infinite; -o-animation: yunduo ease 8s alternate infinite;} .lzym2-con .yunduo1{ width: 9rem; left: 2rem; top:2rem; } .lzym2-con .yunduo2{ width: 9rem; right: -.51rem; top: 1.5rem;} .lzym2-con .yunduo3{ width: 9rem; left:13rem; top: 6rem;} .lzym2-con .yunduo4{ width: 9rem; left: -.5rem; top: 10rem;;} @keyframes yunduo{0%{ margin-left: .2rem;} 25%{ margin-top: .5rem;} 50%{ margin-top: .2rem; margin-left: 0} 75%{ margin-top: .5rem; margin-left: .1rem;} 100%{ margin-left: 0;} } @-webkit-keyframes yunduo{0%{ margin-left: .2rem;} 25%{ margin-top: .5rem;} 50%{ margin-top: .2rem; margin-left: 0} 75%{ margin-top: .5rem; margin-left: .1rem;} 100%{ margin-left: 0;} } @-moz-keyframes yunduo{0%{ margin-left: .2rem;} 25%{ margin-top: .5rem;} 50%{ margin-top: .2rem; margin-left: 0} 75%{ margin-top: .5rem; margin-left: .1rem;} 100%{ margin-left: 0;} } @-o-keyframes yunduo{0%{ margin-left: .2rem;} 25%{ margin-top: .5rem;} 50%{ margin-top: .2rem; margin-left: 0} 75%{ margin-top: .5rem; margin-left: .1rem;} 100%{ margin-left: 0;} } @-webkit-keyframes lzym2-con-img1 { 0%{-webkit-transform:rotate(30deg);}100%{-webkit-transform:rotate(0deg);} } /**ÏàͬµÄ±êÌâ½á¹¹**/ h1.total-fix{ background: #fff; text-align: center; height: 4rem; box-shadow: 1px 1px 3px 0px #000000;justify-content:center;align-items:center;display:-webkit-flex;position: relative; z-index: 3;} h1.total-fix>img{ height:1.56rem;} /*******Ã×Ò×ÏØ*******/ .myx-con{ overflow: hidden; background: url("../images/myx/bg.jpg") no-repeat; background-size:100% 100% } .myx-con-fix{position: relative; } .myx-con-fix>img{ width: 11rem; position: absolute; display: none;} .myx-con-fix>img.animate{ -webkit-animation: 1s myx-con-fixani-img ease; display: block;} @-webkit-keyframes myx-con-fixani-img{ 0%{ left: -11rem;} 100%{ left: 0} } .myx-con-fix .btn{ position: absolute; } .myx-con-fix .btn a{ position: absolute;} .myx-con-fix .btn img{ width: 12.3rem; display: none;} .myx-con-fix .btn img.animate{-webkit-animation:1s myx-con-fixani-btn ease-in-out; transform-origin: left; display: block;} @-webkit-keyframes myx-con-fixani-btn{ 0%{transform: scaleX(0);} 100%{transform: scaleX(1);} } .myx-con-fix .btn-a1{ top: -1rem; left: .5rem;} .myx-con-fix .btn-a2{ top: 3.2rem; left: 6rem;} .myx-con-fix .btn-a3{ top: 8rem; left: 9rem;} .myx-con-fix .btn-a4{ top: 13rem; left: 10.2rem;} .myx-con-fix .btn-a5{ top: 18.5rem; left: 9.8rem;} .myx-con-fix .btn-a6{ top: 23.5rem; left: 8rem;} .myx-con-fix .btn-a7{ top: 28rem; left: 4.3rem;} /******ÇøÏظÅÀÀ*******/ .qxgl-con{ overflow: hidden; background: url("../images/qxgl/bg.png") no-repeat; background-size:100% 100%;} .qxgl-con-fix{ position: relative;} .qxgl-con-fix .btn_bg{ width: 100%; position: absolute; bottom: -5rem;} .qxgl-con-fix .btn_bg>img{ width: 100%;} .qxgl-con-fix .reqiqiu-ani{ position: absolute; left: 0; top:2rem; padding-left: 4rem; padding-right:2rem; box-sizing: border-box; z-index: 2; } .qxgl-con-fix .reqiqiu-ani>img{ width: 100%; position: relative; -webkit-animation: 1s reqiqiu-ani-img ease alternate infinite; -moz-animation: 1s reqiqiu-ani-img ease alternate infinite; -ms-animation: 1s reqiqiu-ani-img ease alternate infinite; -o-animation: 1s reqiqiu-ani-img ease alternate infinite; animation: 1s reqiqiu-ani-img ease alternate infinite;} @-webkit-keyframes reqiqiu-ani-img{ 0%{top:0;} 100%{top:.2rem;} } @-moz-keyframes reqiqiu-ani-img{ 0%{top:0;} 100%{top:.2rem;} } @-ms-keyframes reqiqiu-ani-img{ 0%{top:0;} 100%{top:.2rem;} } @-o-keyframes reqiqiu-ani-img{ 0%{top:0;} 100%{top:.2rem;} } @keyframes reqiqiu-ani-img{ 0%{top:0;} 100%{top:.2rem;} } .qxgl-con-fix .sm-title{ text-align: center;padding-top: 4.8rem;} .qxgl-con-fix .sm-title>img{ width: 10rem;} .qxgl-con-fix .ditu{ position: relative; z-index: 3; top: 2rem;} .qxgl-con-fix .ditu img{ width: 100%;} .qxgl-con-fix .ditu a{ position: relative;} .qxgl-con-fix .ditu .shouzhi-ditu{ width: 4rem; position: absolute; bottom: 4rem; right: 4rem; -webkit-animation: 1s shouzhi-ditu linear alternate infinite; -o-animation: 1s shouzhi-ditu linear alternate infinite; -ms-animation: 1s shouzhi-ditu linear alternate infinite; animation: 1s shouzhi-ditu linear alternate infinite;} @-webkit-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } @-o-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } @-ms-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;}} @keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } .qxgl-con-fix .btn{ position: absolute; bottom: 1rem; width: 100%; z-index: 3;} .qxgl-con-fix .btn span{ display: none; position: absolute; top: 0;} .qxgl-con-fix .left-kb{width: 4.74rem;} .qxgl-con-fix .right-kb{width: 5.06rem; z-index: 1; left: 27rem;} .qxgl-con-fix .btn a{ display: none; position: absolute; top: 0; width: 5.6rem} .qxgl-con-fix .btn span>img{ width: 100%;} .qxgl-con-fix .btn a>img{ width: 100%;} .qxgl-con-fix .btn a.active{ z-index: 10;} .qxgl-con-fix .btn a.active>img{ width: 130%;} .qxgl-con-fix .btn .btn-a1{left: 0; top: -4rem;transform: rotate(-50deg); } .qxgl-con-fix .btn .btn-a2{ left: 3.6rem; top: -7.3rem; transform: rotate(-30deg)} .qxgl-con-fix .btn .btn-a3{ left: 8.2rem; top: -9rem; transform: rotate(-10deg)} .qxgl-con-fix .btn .btn-a4{ left: 13.4rem; top: -9.5rem; z-index: 5; transform: rotate(-0deg)} .qxgl-con-fix .btn .btn-a5{ left: 18.2rem; top: -8.8rem; z-index: 4; transform: rotate(20deg)} .qxgl-con-fix .btn .btn-a6{left: 23rem; top: -6.5rem; z-index: 3; transform: rotate(30deg)} .qxgl-con-fix .btn .btn-a7{left: 26.3rem; top: -3.5rem; z-index: 2; transform: rotate(55deg)} .qxgl-con-fix .btn .left-kb.animate{ -webkit-animation: 1s left-kb ease-in-out; display: inline-block;} .qxgl-con-fix .btn .right-kb.animate{ -webkit-animation: 1s right-kb ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a1.animate{ -webkit-animation: 1s qxgl-btn-a1 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a2.animate{ -webkit-animation: 1s qxgl-btn-a2 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a3.animate{ -webkit-animation: 1s qxgl-btn-a3 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a4.animate{ -webkit-animation: 1s qxgl-btn-a4 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a5.animate{ -webkit-animation: 1s qxgl-btn-a5 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a6.animate{ -webkit-animation: 1s qxgl-btn-a6 ease-in-out; display: inline-block;} .qxgl-con-fix .btn .btn-a7.animate{ -webkit-animation: 1s qxgl-btn-a7 ease-in-out; display: inline-block;} @-webkit-keyframes left-kb{ 0%{ top: 5rem;} 100%{ top: 0;}} @-webkit-keyframes right-kb{ 0%{ top: 9rem;left: 0;} 100%{top: 0; left: 27rem;}} @-webkit-keyframes qxgl-btn-a1{ 0%{top: 9rem;} 100%{ top: -4rem;}} @-webkit-keyframes qxgl-btn-a2{ 0%{ left: 0; top: 9rem;} 100%{ left: 3.6rem; top: -7.3rem;}} @-webkit-keyframes qxgl-btn-a3{ 0%{ left: 0; top: 9rem;} 100%{ left: 8.2rem; top: -9rem; }} @-webkit-keyframes qxgl-btn-a4{ 0%{ left: 0; top: 9rem;} 100%{ left: 13.4rem; top: -9.5rem;}} @-webkit-keyframes qxgl-btn-a5{ 0%{ left: 0; top: 9rem;} 100%{ left: 18.2rem; top: -8.8rem;}} @-webkit-keyframes qxgl-btn-a6{ 0%{ left: 0; top: 9rem;} 100%{ left: 23rem; top: -6.5rem; }} @-webkit-keyframes qxgl-btn-a7{ 0%{ left: 0; top: 9rem;} 100%{ left: 26.3rem; top: -3.5rem;}} @media screen and (max-width:320px){ .qxgl-con-fix .btn {bottom: 3rem;} .qxgl-con-fix .btn a{ width: 4.8rem;} .qxgl-con-fix .btn .right-kb{ width: 6rem; left: 21rem; top: -2rem;} .qxgl-con-fix .btn .btn-a1{left: 0; top: -3rem;-o-transform: rotate(-50deg);-webkit-transform: rotate(-50deg);transform: rotate(-50deg); } .qxgl-con-fix .btn .btn-a2{ left: 3rem; top: -5.8rem; -o-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);transform: rotate(-30deg)} .qxgl-con-fix .btn .btn-a3{ left: 7rem; top: -7.3rem; -o-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);transform: rotate(-10deg)} .qxgl-con-fix .btn .btn-a4{ left: 11.5rem; top: -8rem; z-index: 5; -o-transform: rotate(-0deg);-webkit-transform: rotate(-0deg);transform: rotate(-0deg)} .qxgl-con-fix .btn .btn-a5{ left: 15.4rem; top: -7.2rem; z-index: 4; -o-transform: rotate(25deg); -webkit-transform: rotate(25deg);transform: rotate(25deg)} .qxgl-con-fix .btn .btn-a6{left: 19.3rem; top: -5.2rem; z-index: 3; -o-transform: rotate(40deg);-webkit-transform: rotate(40deg);transform: rotate(40deg)} .qxgl-con-fix .btn .btn-a7{left: 21.8rem; top: -2.4rem; z-index: 2; -o-transform: rotate(60deg); -webkit-transform: rotate(60deg);transform: rotate(60deg);} @-webkit-keyframes left-kb{ 0%{ top: 5rem;} 100%{ top: 0;}} @-webkit-keyframes right-kb{ 0%{ top: 9rem;left: 0;} 100%{top: -2rem; left: 21rem;}} @-webkit-keyframes qxgl-btn-a1{ 0%{top: 9rem;} 100%{ top: -3rem;}} @-webkit-keyframes qxgl-btn-a2{ 0%{ left: 0; top: 9rem;} 100%{ left: 3rem; top: -5.8rem;}} @-webkit-keyframes qxgl-btn-a3{ 0%{ left: 0; top: 9rem;} 100%{ left: 7rem; top: -7.3rem; }} @-webkit-keyframes qxgl-btn-a4{ 0%{ left: 0; top: 9rem;} 100%{ left: 11.5rem; top: -8rem;}} @-webkit-keyframes qxgl-btn-a5{ 0%{ left: 0; top: 9rem;} 100%{ left: 15.4rem; top: -7.2rem;}} @-webkit-keyframes qxgl-btn-a6{ 0%{ left: 0; top: 9rem;} 100%{ left: 19.3rem; top: -5.2rem; }} @-webkit-keyframes qxgl-btn-a7{ 0%{ left: 0; top: 9rem;} 100%{ left: 21.8rem; top: -2.4rem;}} } @media screen and (min-width:321px) and (max-width:375px){ .qxgl-con-fix .btn {bottom: 3rem;} .qxgl-con-fix .btn a{ width: 5rem;} .qxgl-con-fix .right-kb{ width: 6.5rem; left: 22.5rem;} .qxgl-con-fix .btn .btn-a1{left: 0; top: -3rem;transform: rotate(-50deg); } .qxgl-con-fix .btn .btn-a2{ left: 3rem; top: -5.8rem; transform: rotate(-30deg)} .qxgl-con-fix .btn .btn-a3{ left: 6.8rem; top: -7.4rem; transform: rotate(-10deg)} .qxgl-con-fix .btn .btn-a4{ left: 11.4rem; top: -8rem; z-index: 5; transform: rotate(-0deg)} .qxgl-con-fix .btn .btn-a5{ left: 15.5rem; top: -7.2rem; z-index: 4; transform: rotate(15deg)} .qxgl-con-fix .btn .btn-a6{left: 19.8rem; top: -5.5rem; z-index: 3; transform: rotate(30deg)} .qxgl-con-fix .btn .btn-a7{left: 23.6rem; top: -2.8rem; z-index: 2; transform: rotate(40deg); width:4.8rem;} @-webkit-keyframes left-kb{ 0%{ top: 5rem;} 100%{ top: 0;}} @-webkit-keyframes right-kb{ 0%{ top: 5rem;left: 0;} 100%{top: 0; left: 22.5rem;}} @-webkit-keyframes qxgl-btn-a1{ 0%{top: 9rem;} 100%{ top: -3rem;}} @-webkit-keyframes qxgl-btn-a2{ 0%{ left: 0; top: 9rem;} 100%{ left: 3rem; top: -5.8rem;}} @-webkit-keyframes qxgl-btn-a3{ 0%{ left: 0; top: 9rem;} 100%{ left: 6.8rem; top: -7.4rem; }} @-webkit-keyframes qxgl-btn-a4{ 0%{ left: 0; top: 9rem;} 100%{ left: 11.4rem; top: -8rem;}} @-webkit-keyframes qxgl-btn-a5{ 0%{ left: 0; top: 9rem;} 100%{ left: 15.5rem; top: -7.2rem;}} @-webkit-keyframes qxgl-btn-a6{ 0%{ left: 0; top: 9rem;} 100%{ left: 19.8rem; top: -5.5rem; }} @-webkit-keyframes qxgl-btn-a7{ 0%{ left: 0; top: 9rem;} 100%{ left: 23.6rem; top: -2.8rem;}} } .qxgl-con .taohuashu{ width: 100%; position: absolute; top: -2.5rem; right: 0;} .qxgl-con .taohuashu>img{ width: 100%;} /*********»¨¶ä¶¯»­********/ #leaf{ position: absolute; top: 0; left:100px; z-index: 0;} #leaf .div{position:absolute;z-index:999;} @keyframes mysnow{ 0%{bottom:100%;opacity:0;} 50%{opacity:1;transform: rotate(35deg);margin-left:-200px;} 100%{transform: rotate(0deg);opacity: 0;bottom:0;margin-left:-200px;} } @-webkit-keyframes mysnow{ 0%{bottom:100%;opacity:0;} 50%{opacity:1;-webkit-transform: rotate(35deg);margin-left:-200px;} 100%{-webkit-transform: rotate(0deg);opacity: 0;bottom:0;margin-left:-200px;} } @-moz-keyframes mysnow{ 0%{bottom:100%;opacity:0;} 50%{opacity:1;-moz-transform: rotate(35deg);margin-left:-200px;} 100%{-moz-transform: rotate(0deg);margin-left:-200px;opacity: 0;bottom:0;} } @-ms-keyframes mysnow{ 0%{bottom:100%;opacity:0;} 50%{opacity:1;-ms-transform: rotate(35deg);margin-left:-200px;} 100%{-ms-transform: rotate(0deg);opacity: 0;bottom:0;margin-left:-200px;} } @-o-keyframes mysnow{ 0%{bottom:100%;opacity:0;} 50%{opacity:1;-o-transform: rotate(35deg);margin-left:-200px;} 100%{-o-transform: rotate(0deg);opacity: 0;bottom:0;margin-left:-200px;} } .roll{ position:absolute; opacity:0; animation: mysnow 5s ease-in-out; -webkit-animation: mysnow 5s ease-in-out; -moz-animation: mysnow 5s ease-in-out; -ms-animation: mysnow 5s ease-in-out; -o-animation: mysnow 5s ease-in-out; } /********Ïß·*********/ .xl-con{ overflow: hidden; background: url("../images/xl/bg.jpg") no-repeat; background-size:100% 100%;} .xl-con-fix{ position: relative;} .xl-con-fix .reqiqiu-ani{ position: absolute; left: 0; top: .8rem; padding-left: 4rem; padding-right:2rem; box-sizing: border-box; } .xl-con-fix .reqiqiu-ani>img{ width: 100%;} .xl-con-fix .sm-title{ text-align: center; margin-top: .8rem;} .xl-con-fix .sm-title>img{ width: 10rem;} .xl-con-fix .xl-btn{ margin-left: 1.2rem;} .xl-con-fix .xl-btn img{ width: 13.8rem; display: block;} .xl-con-fix .xl-btn1{ margin-top: 1.1rem} .xl-con-fix .xl-btn2{ margin-top: 1rem;} .xl-con-fix .video{ height: 12.58rem; padding: 10px; } .xl-con-fix .video-m{ box-sizing: border-box;} .xl-con-fix .cover{ box-sizing: border-box; position:relative;border: .8rem solid #45ad82; border-radius: 5px; background: #fff; justify-content:center;align-items:center;display:-webkit-flex;} .xl-con-fix .cover>.sp-btn{ width: 6.36rem; position: absolute; left: 50%; margin-left: -3.18rem; top: 50%; margin-top: -3.18rem;} .xl-con-fix .cover>.fm{ width: 100%; height: 100%; box-sizing: border-box;} .xl-con-fix .btn{ position: absolute; left: 6rem; bottom: 2.36rem;} .xl-con-fix .btn a{ position: relative; width: 10rem; display: block; transform-origin:left; -webkit-animation: 1s xl-con-fix-a ease-in-out; } .xl-con-fix .btn a>span{ width: 100%; display: block; } .xl-con-fix .btn a>span img{ width: 100%;} @-webkit-keyframes xl-con-fix-a{ 0%{ transform:scale(0)} 100%{ transform:scale(1)}} .xl-con-fix .btn .line{ position: absolute; right: -5.8rem; top: .5rem; display: block; width: 5rem; height: .8rem; background: url("../images/xl/round_point.png") right center no-repeat; background-size: .8rem;} .xl-con-fix .btn .line:before{ content: ""; position:absolute; left: -.8rem; top:.4rem;height: 1px; width: 5rem; background: #fff;} .xl-con-fix .btn-a1{ left: 1rem; bottom: 3rem;} .xl-con-fix .btn-a2{ left: 1rem; bottom: 2rem;} .xl-con-fix .btn-a3{ left: 1rem; bottom: 1rem;} .xl-con-fix .btn-a4{ left: 1rem;} .xl-con-fix .btn-a1 .line{} .xl-con-fix .btn-a2 .line{ right: -8.8rem; width: 8rem;} .xl-con-fix .btn-a3 .line{ right: -6.8rem; width: 6rem;} .xl-con-fix .btn-a4 .line{ right: -2.8rem; width: 2rem;} .xl-con-fix .btn-a1 .line:before{} .xl-con-fix .btn-a2 .line:before{width: 8rem;} .xl-con-fix .btn-a3 .line:before{width: 6rem;} .xl-con-fix .btn-a4 .line:before{width: 2rem;} @media screen and (max-width:320px){ .xl-con-fix .btn{ position: absolute; left: 2.5rem;} .xl-con-fix .btn-a1{ left: 1rem; bottom: 1.5rem;} .xl-con-fix .btn-a2{ left: 1rem; bottom: 1rem;} .xl-con-fix .btn-a3{ left: 1rem; bottom: .5rem;} .xl-con-fix .btn-a1 .line{right: -3.8rem; width: 3rem;} .xl-con-fix .btn-a2 .line{ right: -7.8rem; width: 7rem;} .xl-con-fix .btn-a3 .line{ right: -6.8rem; width: 6rem;} .xl-con-fix .btn-a4 .line{ right: -3.8rem; width: 3rem;} .xl-con-fix .btn-a1 .line:before{width: 3rem;} .xl-con-fix .btn-a2 .line:before{width: 7rem;} .xl-con-fix .btn-a3 .line:before{width: 6rem;} .xl-con-fix .btn-a4 .line:before{width: 3rem;} } @media screen and (min-width:321px) and (max-width:360px){ .xl-con-fix .btn { position: absolute; left: 2rem;bottom: 1.56rem;} } @media screen and (min-width:361px) and (max-width:375px){ .xl-con-fix .btn{ position: absolute; left: 4.5rem;} .xl-con-fix .btn-a1{ left: 1rem; bottom: 1.5rem;} .xl-con-fix .btn-a2{ left: 1rem; bottom: 1rem;} .xl-con-fix .btn-a3{ left: 1rem; bottom: .5rem;} .xl-con-fix .btn-a1 .line{right: -4.8rem; width: 4rem;} .xl-con-fix .btn-a2 .line{ right: -7.8rem; width: 7rem;} .xl-con-fix .btn-a3 .line{ right: -5.8rem; width: 5rem;} .xl-con-fix .btn-a4 .line{ right: -2.8rem; width: 2rem;} .xl-con-fix .btn-a1 .line:before{width: 4rem;} .xl-con-fix .btn-a2 .line:before{width: 7rem;} .xl-con-fix .btn-a3 .line:before{width: 5rem;} .xl-con-fix .btn-a4 .line:before{width: 2rem;} } /********Ò»°ã¾°µã*******/ .ybjd-con{overflow: hidden; background: url("../images/ybjd/bg.jpg") no-repeat; background-size:100% 100%;} .ybjd-con-fix {} .ybjd-con h1.total-fix>img{ height: 1.56rem;} .ybjd-con-fix .sm_title{ text-align: center; margin-top: .3rem;} .ybjd-con-fix .sm_title>img{ width: 14.5rem; margin-left: -2rem;} .ybjd-con-fix .voice{ margin-left: 1.8rem; margin-top:1.7rem;align-items:center;display:-webkit-flex;} .ybjd-con-fix .voice button{ border: none; width: 2rem; height: 2.6rem; background: url("../images/ybjd/huatong.png") left center no-repeat; background-size: 3rem;} .ybjd-con-fix input{ width: 18rem; padding-left: 1.9rem; height: 2.6rem; border: 1px solid #58bb8e; background: #cef7db url("../images/ybjd/huatong.png") -1.9rem center no-repeat; background-size: 3rem; border-radius: 10px;} .ybjd-con-fix .scoll-imgs{ margin-top:2.4rem; padding:0 1rem; height: 15.58rem; position: relative;} .ybjd-con-fix .scoll-imgs button{ width: 1.82rem; height: 1.76rem; border: none; position: absolute; top:50%;margin-top: -.88rem;} .ybjd-con-fix .left-arrow{ left: 2rem; background: url("../images/ybjd/arror.png") left center no-repeat; background-size: 3.64rem;} .ybjd-con-fix .right-arrow{ right:2rem;background: url("../images/ybjd/arror.png") right center no-repeat; background-size: 3.64rem;} .ybjd-con-fix .scoll-img-fix{ box-shadow: 0px 0px 1px 1px #45ad82; box-sizing: border-box;border: .8rem solid #45ad82; border-radius: 5px; background: #fff; justify-content:center;align-items:center;display:-webkit-flex;} .ybjd-con-fix .scoll-img-fix img{ width: 100%; height: 100%;} .ybjd-con-fix .textarea-p{ margin: 1rem; margin-top: 2rem;} .ybjd-con-fix textarea{ resize:none;font: 1.35rem/1.6rem 'Microsoft YaHei'; height: 8.58rem; color: #fff; border: none; border-radius: 5px; box-sizing: border-box; width: 100%; display: block; background: rgba(69,173,130,.58);} /********ÖØÒª¾°µã********/ .zyjd-con{overflow: hidden; background: url("../images/zyjd/bg.png") repeat-y; background-size:100%; } .zyjd-con-fix {position: relative;} .zyjd-con h1.total-fix>img{ height: 1.56rem;} .zyjd-con-fix .sm_title{ text-align: center; margin-top: .8rem;} .zyjd-con-fix .sm_title>img{ width: 14.5rem; margin-left: -2rem;} .zyjd-con-fix .ditu{ position: relative; width: 100%;} .zyjd-con-fix .ditu>img{ width: 100%;} .zyjd-con-fix .btn{ position: absolute; top: 37.5rem; left: 5rem;} .zyjd-con-fix .btn a{ position: absolute; background: rgba(35,127,63,.55); border-radius: 20px; text-align: center; font: 1.16rem/1.76rem 'Microsoft YaHei'; width: 8.36rem; color: #fff; display: block;} .zyjd-con-fix .btn .btn-a1{ left: 13.5rem;bottom: 9rem;} .zyjd-con-fix .btn .btn-a2{left: 0rem;bottom: 5.5rem;} .zyjd-con-fix .btn .btn-a3{left: 13.5rem;bottom: 2rem;} @media screen and (max-width:320px){ .zyjd-con-fix .btn{ position: absolute; top: 30.5rem; left: 4rem;} .zyjd-con-fix .btn a{ width: 7.36rem;} .zyjd-con-fix .btn .btn-a1{ left: 11.5rem;bottom: 7rem;} .zyjd-con-fix .btn .btn-a2{left: 0rem;bottom: 4rem;} .zyjd-con-fix .btn .btn-a3{left: 11.2rem;bottom: 1.5rem;} .zyjd-con-fix .btn .btn-a4{left: 0;bottom: -1.8rem;} } @media screen and (min-width:321px) and (max-width:360px){ .zyjd-con-fix .btn{ position: absolute; top: 33rem; left: 4rem;} .zyjd-con-fix .btn .btn-a1{ left: 11.7rem;bottom: 8.5rem;} .zyjd-con-fix .btn .btn-a2{left: 0rem;bottom: 5.5rem;} .zyjd-con-fix .btn .btn-a3{left: 11.8rem;bottom: 2.5rem;} .zyjd-con-fix .btn .btn-a4{left: 0;bottom: -1rem;} } @media screen and (min-width:361px) and (max-width:375px){ .zyjd-con-fix .btn{ position: absolute; top: 34rem; left: 4rem;} .zyjd-con-fix .btn .btn-a1{ left: 12.5rem;bottom: 8.5rem;} .zyjd-con-fix .btn .btn-a2{left: 0rem;bottom: 5.5rem;} .zyjd-con-fix .btn .btn-a3{left: 12.2rem;bottom: 2.5rem;} .zyjd-con-fix .btn .btn-a4{left: 0;bottom: -1rem;} } /*******ÁÖÖ¥Ò³Ãæ3*******/ #data-lz-con{ position:relative;overflow: hidden; height: 100%;} .data-bg-img{ width:100%; height: 100%;} #data-lz-con .zt{ position:absolute; bottom:0; width:100%; left:0;} #data-lz-con .zt.animate1{ -webkit-animation: 1s 1s lz_animate ease alternate infinite;-moz-animation:1s 1s lz_animate ease alternate infinite;animation: 1s 1s lz_animate ease alternate infinite;} #data-lz-con .data-yun-zuo, #data-lz-con .data-yun-you, #data-lz-con .data-yun1-zuo, #data-lz-con .data-yun1-you { display: none;} #data-lz-con .data-yun-zuo.animate{ display: block; position:absolute; bottom:0; width:46.43666%; left:0; -webkit-animation:data-yun-zuo-animate 1.5s ease-in-out ;animation:data-yun-zuo-animate 1.5s ease-in-out ;} #data-lz-con .data-yun-you.animate{ display: block; position:absolute; bottom:0; width:53.56334%; right:0; -webkit-animation:data-yun-you-animate 1.5s ease-in-out ;animation:data-yun-you-animate 1.5s ease-in-out ;} #data-lz-con .data-yun1-zuo.animate{ display: block; position:absolute; bottom:0; width:60.76%; left:0; -webkit-animation:data-yun-zuo-animate 1.5s ease-in-out ;animation:data-yun-zuo-animate 1.5s ease-in-out ;} #data-lz-con .data-yun1-you.animate{ display: block; position:absolute; bottom:0; width:60.76%; right:0; -webkit-animation:data-yun-you-animate 1.5s ease-in-out ;animation:data-yun-you-animate 1.5s ease-in-out ;} #data-lz-con .data-yun-zuo.animate1{ -webkit-animation:data-yun-zuo-animate1 1.5s ease-in-out alternate infinite;animation:data-yun-zuo-animate1 1.5s ease-in-out alternate infinite;} #data-lz-con .data-yun-you.animate1{ -webkit-animation:data-yun-you-animate1 2s ease-in-out alternate infinite;animation:data-yun-you-animate1 1.5s ease-in-out alternate infinite;} #data-lz-con .data-btn{ position:absolute; top:.5rem; z-index:1; width:100%;} #data-lz-con a{ position:absolute;width:13.8784%; display:block; float:left;} #data-lz-con a:nth-child(1){ margin-left:4.051%;} #data-lz-con a:nth-child(2){ margin-left:21.1552%;} #data-lz-con a:nth-child(3){ margin-left:36.4591%;} #data-lz-con a:nth-child(4){ margin-left:52.213%;} #data-lz-con a:nth-child(5){ margin-left:68.042%;} #data-lz-con a:nth-child(6){ margin-left:83.3458%;} footer{position: fixed; bottom: 0; height: 4.4rem; background-color: #fff; width: 100%;} footer ul{ height: 100%; width: 100%;} footer li{ float:left; display:inline-block; width:20%; height: 100%;} footer li a{ display:block;height: 100%; width: 100%;justify-content:center;align-items:center;display:-webkit-flex;} footer li img{ width:35%; padding: 0 19%; } @-webkit-keyframes lz_animate{ 0%{bottom:0;} 100%{bottom: .2rem;}} @-webkit-keyframes data-yun-zuo-animate{ 0%{left: -46%;} 100%{left: 0;}} @-webkit-keyframes data-yun-you-animate{ 0%{right: -54%;} 100%{right: 0;}} @-webkit-keyframes data-yun-zuo-animate1{ 0%{ left: 0; bottom: 0;} 50%{ left: -.1rem; bottom: .1rem;} 100%{left: .2rem; bottom: .2rem;}} @-webkit-keyframes data-yun-you-animate1{ 0%{ right: 0; bottom: 0rem;} 50%{ right: .3rem; bottom: -.2rem;} 100%{right: -.2rem; bottom: .2rem;}} /****************×íÃÀÁÖÖ¥************/ .zmlz-con{ overflow: hidden; background: url("../images/zmlz/bg.jpg") no-repeat; background-size: 100% 100%; position: relative;} .zmlz-bg-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .zmlz-bg-img>img{ width: 100%; height: 100%; display: block;} .zmlz-con .btn{ position: absolute; width: 100%; top: 2.5rem; z-index: 1;} .zmlz-con .btn a{ width: 8rem; display: block; position: absolute; animation: btn-a1 ease 4s alternate infinite; -webkit-animation: btn-a1 ease 4s alternate infinite; -o-animation: btn-a1 ease 4s alternate infinite;} .zmlz-con .btn .btn-a2,.zmlz-con .btn .btn-a3,.zmlz-con .btn .btn-a4{ width: 7.5rem;} .zmlz-con .btn a img{width: 100%; } .zmlz-con .btn-a1{ top: 2.18rem; left: 0; z-index: 6;} .zmlz-con .btn-a2{ top: 5rem; left: 9.5rem; z-index: 5;} .zmlz-con .btn-a3{ top: 4rem; left: 14.5rem; z-index: 4;} .zmlz-con .btn-a4{ top: .9rem; left:5rem; z-index: 3;} .zmlz-con .btn-a5{ top: 4.82rem; right: 0; z-index: 2;} .zmlz-con .btn-a6{ left: 12.88rem; top: 4rem; z-index:1;} .zmlz-con .taohua{ position: absolute; top: 0; left: 0; width: 100%; z-index: 2;} .zmlz-con .taohua>img{ width: 100%;} @keyframes btn-a1{0%{ transform: rotateY(10deg);}50%{transform: rotateY(0deg);}100%{transform: rotateY(-30deg);}} @-webkit-keyframes btn-a1{0%{ transform: rotateY(10deg);}50%{transform: rotateY(0deg);}100%{transform: rotateY(-30deg);}} @-o-keyframes btn-a1{0%{ transform: rotateY(10deg);}50%{transform: rotateY(0deg);}100%{transform: rotateY(-30deg);}} @media screen and (max-width:375px){ .zmlz-con .btn{ top: 1.5rem;} .zmlz-con .btn a{ width: 7.5rem;} .zmlz-con .btn .btn-a2,.zmlz-con .btn .btn-a3,.zmlz-con .btn .btn-a4{ width: 6.5rem;} } /**********ÈÈÞ°µã*********/ #data-rmjd-head{ position:fixed; width:100%; z-index:10;} #data-rmjd-head img{ width:11.2rem;} #data-rmjd-con>img{ width:100%; display: block;} #data-rmjd-con{} .data-rmjd-zb a{ display:block; position:absolute; top:0; text-align:center; margin-top: -4rem;} .data-rmjd-zb a:nth-child(1){left:43.1375%;width:26.9317%;} .data-rmjd-zb a:nth-child(2){margin-left:10.5026%;width:27.531882%;} .data-rmjd-zb a:nth-child(3){right:9.8762%;width:29.857%;} .data-rmjd-zb a:nth-child(4){margin-left:36.234%; width:22.73%;} .data-rmjd-zb a:nth-child(5){margin-left:6.6016%; width:30.832%;} .data-rmjd-zb a:nth-child(6){right:8.7021%; width:28.507%;} .data-rmjd-zb a:nth-child(7){margin-left:4.5011%; width:26.031%;} .data-rmjd-zb a:nth-child(8){margin-left:39.2348%; width:27.531%;} .data-rmjd-zb a:nth-child(9){right:3px; width:24.831%;} .data-rmjd-zb a:nth-child(10){margin-left:40.135%; width:31.432%;} .data-rmjd-zb a:nth-child(11){margin-left:3.9009%; width:36.23%;} .data-rmjd-zb a:nth-child(12){margin-left:40.7351%; width:31.432%;} .data-rmjd-zb a:nth-child(13){right:3.0007%; width:27.831%;} .data-rmjd-zb a:nth-child(14){margin-left:36.234%; width:24.981%;} .data-rmjd-zb a:nth-child(15){margin-left:5.4013%; width:27.306%;} .data-rmjd-zb a:nth-child(16){margin-left:34.4336%; width:27.381%;} .data-rmjd-zb a .img-d{ position:relative; -webkit-animation: 1s rmjd_animate ease alternate infinite;-moz-animation: 1s rmjd_animate ease alternate infinite;animation: 1s rmjd_animate ease alternate infinite;} .data-rmjd-zb a:nth-child(1) .img-d{ width:1.8rem;} .data-rmjd-zb a:nth-child(2) .img-d{ width:1.8rem;} .data-rmjd-zb a:nth-child(3) .img-d{ width:1.875rem;} .data-rmjd-zb a:nth-child(4) .img-d{ width:1.875rem;} .data-rmjd-zb a:nth-child(5) .img-d{ width:1.875rem;} .data-rmjd-zb a:nth-child(6) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(7) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(8) .img-d{ width:1.875rem;} .data-rmjd-zb a:nth-child(9) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(10) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(11) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(12) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(13) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(14) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(15) .img-d{ width:2.5rem;} .data-rmjd-zb a:nth-child(16) .img-d{ width:2.5rem; margin-top: 8px;} .data-rmjd-zb a .img-t{ width:100%;} .data-rmjd-zb a:nth-child(1) .img-t,.data-rmjd-zb a:nth-child(12) .img-t{ margin-top: -8px;} .data-rmjd-zb a:nth-child(2) .img-t{ margin-top: -6px;} .data-rmjd-zb a:nth-child(3) .img-t{ margin-top: -4px;} .data-rmjd-zb a:nth-child(5) .img-t{ margin-top: -6px;} .data-rmjd-zb a:nth-child(6) .img-t{ margin-top: -4px;} .data-rmjd-zb a:nth-child(8) .img-t{ margin-top: -4px;} .data-rmjd-zb a:nth-child(15) .img-t{ margin-top: -6px;} .data-rmjd-zb a:nth-child(14) .img-t{ margin-top: -14px;} .data-rmjd-zb a:nth-child(16) .img-t{ margin-top: -8px;} .data-rmjd-xiaoche{ position: absolute; bottom: 0; right: 2.2505%; width: 28.9572%; -webkit-animation: 4s data-rmjd-xiaoche-ani ease alternate infinite;-moz-animation:4s data-rmjd-xiaoche-ani ease alternate infinite;animation: 4s data-rmjd-xiaoche-ani ease alternate infinite; } .data-rmjd-xiaoche>img{ width: 100%} @-webkit-keyframes data-rmjd-xiaoche-ani{ 0%{margin-top:0px; right: 2.2505%} 100%{margin-top:10px; right: 1%} } @-webkit-keyframes rmjd_animate{ 0%{top:0px;} 100%{top:5px;} } /*·çÎïÌزú×ÔÈ»ÃÀζ*/ .zrmwfwrc-header{ border-bottom:1px solid #dddddd; position:fixed; top:0; background:#fff; width:100%;} .zrmwfwrc-header a{ font:1.5rem/3.5rem 'Microsoft YaHei'; display:inline-block; width:50%; box-sizing:border-box; color:#333333; text-align:center;} .zrmwfwrc-header a.active{ color:#2a915a; border-bottom:2px inset #2a915a;} .zrmwfwrc-con{ padding-top:2rem; margin-bottom:7rem; margin-top:4.5rem; display: none;} .zrmwfwrc-con h1 { margin:0 5rem;} .zrmwfwrc-con h1>img{ width:100%; display:block;} .zrmwfwrc-con p{ width:100%; box-sizing:border-box;margin-top:2rem;} .zrmwfwrc-con .p-img{} .zrmwfwrc-con .p-img>img{ width:100%; display:block;} .zrmwfwrc-con .p-font{ font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding:0 1.6rem; width:100%; text-indent:1.2rem;} /*******ÉñÃØÃñ×å**********/ .smmz-header{position:fixed; top:0; background:#25292c; width:100%; text-align: center; z-index: 2;} .smmz-header a{display:inline-block; width:6rem; box-sizing:border-box;text-align:center; padding:.5rem 0; height: 6rem;} .smmz-header-a1{ background: url('../images/smmz/gbzz/btn_de.png') no-repeat; background-size: 100% 100%;} .smmz-header-a2{ background: url('../images/smmz/gbz/btn_de.png') no-repeat; background-size: 100% 100%;} .smmz-header-a3{ background: url('../images/smmz/mbz/btn_de.png') no-repeat; background-size: 100% 100%;} .smmz-header-a4{ background: url('../images/smmz/dr/btn_de.png') no-repeat; background-size: 100% 100%;} .smmz-header-a1.active{ background: url('../images/smmz/gbzz/btn_active.png') no-repeat; background-size: 100% 100%;} .smmz-header-a2.active{ background: url('../images/smmz/gbz/btn_active.png') no-repeat; background-size: 100% 100%;} .smmz-header-a3.active{ background: url('../images/smmz/mbz/btn_active.png') no-repeat; background-size: 100% 100%;} .smmz-header-a4.active{ background: url('../images/smmz/dr/btn_active.png') no-repeat; background-size: 100% 100%;} .smmz-header a>img{ width:80%; display:inline-block;} .smmz-con{ margin-top:6rem; padding-top: 2rem; width:100%; margin-bottom: 3.5rem; display: none;} .smmz-con:first-child{ display: block;} .smmz-con h1{ text-align:center;} .smmz-con h1 img{ height:3rem;} .smmz-con h2{ height:2rem; margin-top: 1rem;} .smmz-con h2 img{ height:100%; } .smmz-con p{ width:100%; box-sizing:border-box;margin-top:1rem;} .smmz-con h3{ padding-left:1rem; font:1.2rem/2rem 'Microsoft YaHei'; color:#9f26b8; position:relative; margin: 0 1.6rem;margin-top: 1rem;} .smmz-con h3:before{ content:""; position:absolute; width:5px; height:5px; border-radius:100%; background:#9f26b8; top:50%; margin-top: -2.5px; left:0;} .smmz-con h3.gbzz{color: #339f63;} .smmz-con h3.gbzz:before{background: #339f63;} .smmz-con .font{ font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding:0 1.6rem; width:100%; text-indent:1.2rem;} .smmz-con .img>img{ display:block; width:100%; padding:0 1.6rem;box-sizing: border-box;} @media screen and (min-width:414px){ .smmz-con h2{ height: 2.3rem;} } /*ÓҲർÀ¸*/ .cs-nav{ position:absolute; right:2px; bottom:4rem; z-index: 1; display: none;} .cs-nav ul{} .cs-nav li{ margin-top:1rem;} .cs-nav li a{ width:3.5rem; height:3.5rem; display:block;} .cs-nav li:nth-child(1) a{ background:url(../images/cs_btn1_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(2) a{ background:url(../images/cs_btn2_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(3) a{ background:url(../images/cs_btn3_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(4) a{ background:url(../images/cs_btn4_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(5) a{ background:url(../images/cs_btn5_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(6) a{ background:url(../images/cs_btn6_de.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(1) a.active,.cs-nav li:nth-child(1) a:active{ background:url(../images/cs_btn1_hover.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(2) a.active,.cs-nav li:nth-child(2) a:active{ background:url(../images/cs_btn2_hover.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(3) a.active,.cs-nav li:nth-child(3) a:active{ background:url(../images/cs_btn3_hover.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(4) a.active,.cs-nav li:nth-child(4) a:active{ background:url(../images/cs_btn4_hover.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(5) a.active,.cs-nav li:nth-child(5) a:active{ background:url(../images/cs_btn5_hover.png) center center no-repeat; background-size:100% 100%;} .cs-nav li:nth-child(6) a.active,.cs-nav li:nth-child(6) a:active{ background:url(../images/cs_btn6_hover.png) center center no-repeat; background-size:100% 100%;} /*ËÄʱÃÀ¾°*/ .ssmj-con{ box-sizing:border-box;} .bottom-arror{ width:3rem; bottom: .5rem; position:fixed; left:50%; margin-left:-1.5rem; -webkit-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -moz-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -ms-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -o-animation:bottom-arror-animate ease-in-out .8s alternate infinite; animation:bottom-arror-animate ease-in-out .8s alternate infinite;} @-webkit-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-moz-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-ms-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-o-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} .ssmj-screens{ height: 100%; position: relative;touch-action: none;} .ssmj-screens>div{ position:relative; transform: translate3d(0px, 0px, 0px); transition: all 700ms ease;} .ssmj-screens .font{ position:absolute;width:100%;bottom:0;} .ssmj-first-screen{background:url(../images/ssmj_img/index/img.png) center top no-repeat; background-size:100% 100%;} .ssmj-screens .img-switch{ position:relative; overflow:hidden;} .ssmj-screens .img-switch img{ width:25%;float:left;} .ssmj-screens .imgs-div{ position:relative; width:400%;} .ssmj-screens .img-font{ position: absolute; top: 1rem; right: 3.5rem; width: 7rem; opacity: 0;} .ssmj-screens .img-font.animate{-webkit-transition: 1s all ease-in-out .5s; transition:1s all ease-in-out .5s; opacity: 1;} .fp-tableCell{ position: relative;} /*ÃÀʳÌزú*/ .mstc-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 15;} .mstc-header a{ font:1.5rem/3.5rem 'Microsoft YaHei'; display:inline-block; width:50%; box-sizing:border-box; color:#333333; text-align:center;} .mstc-header a.active{ color:#933dc4; border-bottom:2px inset #933dc4;} .mstc-bg-img{width: 100%; position: fixed;z-index: 0; top: 0; left: 0; margin-top: 3.5rem; display: none;} .mstc-bg-img>img{width: 100%; } .mstc-con{ display: none; padding-top:2rem; margin-bottom:7rem; margin-top: 3.5rem; position: relative;z-index: 10;} .meishi-fix{} .techan-fix{} .mstc-con h1 { margin:0 5rem;} .mstc-con h1>img{ width:100%; display:block;} .mstc-con p{ width:100%; box-sizing:border-box;margin-top:2rem;} .mstc-con .p-img{} .mstc-con .p-img>img{ width:100%; display:block;} .mstc-con .p-font{ font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding:0 1.6rem; width:100%; text-indent:1.2rem;} /*ÁÖÖ¥±ØÌåÑé*/ .lzbty-con { background:url(../images/lzbty/di.jpg); background-size:100%; width:100%; padding-bottom:3rem;} .lzbty-con h1{ padding-top:2rem; padding:2rem 6rem 0 6rem ; box-sizing:border-box;} .lzbty-con h1>img{ width:100%; display:block;} .lzbty-con p{ width:100%; box-sizing:border-box;} .lzbty-con .p-img{padding-top:2rem; padding:2rem 5.5rem 0 5.5rem ; box-sizing:border-box;} .lzbty-con .p-img>img{width:100%; display:block;} .lzbty-con .p-font{ margin-top:1rem;font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding-left:1.2rem; padding-right:1.2rem;text-indent:1.2rem;} .lzbty-nav{ position:fixed;} /******ÌØÉ«´åÂä*****/ .tscl-con{ width: 100%; margin-bottom: 5rem;} .tscl-con .shoutu{ width: 100%; text-indent: 0; padding: 0;} .tscl-con .shoutu img{ width: 100%;} .tscl-con .daoyu{} .tscl-con p{ padding: 0 1.2rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .tscl-con-fix {} .tscl-con-fix h1{ height: 6.2rem; margin: 1rem 0} .tscl-con-fix h1>img{ height:100%; max-width: 100%;} .tscl-con-fix h2{ background: url("../images/tscl/icon.png") left center no-repeat; background-size: 100%; font: 1.2rem/2rem 'Microsoft YaHei'; color: #2a915a; padding: 0 2.5rem 0 1.5rem; display: inline-block; margin: .8rem 0;} .tscl-con-fix p{} .tscl-con-fix .img-p>img{ width: 100%; text-indent: 0; display: block; } /****³©ÓÎÃ×ÁÖ*****/ .cyml-index-con{ background: url("../images/cyml/cyml_index_bg.jpg") center top; background-size: 100% 100%; overflow: hidden; padding-top:4rem ; box-sizing: border-box;} .cyml-index-con a{ padding: 1rem 2.5rem; width: 100%; display:block; box-sizing: border-box;} .cyml-index-con a>img{ width: 100%} .cyml-header{ width: 100%; position: relative;} .cyml-header>img{ width: 100%;} .cyml-header a{ height:5rem; position: absolute; top: 50%; margin-top: -2.5rem;} .cyml-header a>img{ height: 100%;} .cyml-header .left-a{ left: 0;} .cyml-header .left-b{ right: 0;} .cyml-con{ width: 100%; margin-bottom: 5rem;} .cyml-con .daoyu{ padding-top: .8rem;} .cyml-con .font-indent{ text-indent: 0} .cyml-con p{ padding: 1rem 1.2rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .cyml-con h1{ width: 100%} .cyml-con h1>img{ width:100%;} .cyml-con h2{ background: url("../images/cyml/sdyl/icon.png") left center no-repeat; background-size: 100%; font: 1.2rem/2rem 'Microsoft YaHei'; color: #1f58bf; padding: 0 2.5rem 0 1.5rem; display: inline-block; margin-top: 1.2rem} .cyml-con p{} .cyml-con .img-p>img{ width: 100%; text-indent: 0; display: block; border-radius: 5px;} .cyml-con .gont-bg{ background: #e0e8f1; text-indent: 0; border-radius: 10px;display: inline-block; box-sizing: border-box; padding: 1rem;} .cyml-con .arrow{ text-align: center; padding: .2rem 0; height: 1.2rem;} .cyml-con .arrow>img{ width: 1.25rem;} .cyml-con-fix { margin-top: 2.5rem;} .cyml-jdxl-con-fix h2{ background: url("../images/cyml/jdxl/icon.png") left center no-repeat; background-size: 100% 100%; color: #239d4e;} .cyml-jdxl-con-fix .gont-bg{ background: #e4f5ea;} .cyml-shzx-con-fix h2{ background: url("../images/cyml/shzx/icon.png") right center no-repeat; background-size: 100% 100%; color: #c7216f;} .cyml-shzx-con-fix .gont-bg{ background: #e4f5ea;} /*********6¸öÇøÏØÑùʽ********/ .qx-child-bg-img{width: 100%; position: fixed;z-index: 0; top: 0; left: 0; } .qx-child-bg-img>img{width: 100%; height:65rem; } .qx-child-con{ width: 100%; margin-bottom: 5rem; position: relative; z-index: 9;} .qx-child-con .daoyu{ padding-top: .8rem;} .qx-child-con .img-p{ text-indent: 0; padding-top: .8rem;} .qx-child-con .font-indent{ text-indent: 0;} .qx-child-con .img-p>img{ width: 100%; border-radius: 8px;} .qx-child-con p{ padding: .2rem 1.2rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#fff; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .qx-child-con h1{ width: 6rem; position: absolute; left: 2rem; top:2.5rem;} .qx-child-con h1>img{ width:100%;} .qx-child-con .shoutu-img{ text-indent: 0; margin: 0; padding: 0; width: 100%;} .qx-child-con .shoutu-img>img{ width: 100%; border-radius: 0;} .qx-child-con h2{ height: 2rem; margin: .8rem 0 .5rem 0;} .qx-child-con h2>img{ height: 100%;} /******ʵÓÃÌùÊ¿*****/ .syts-con{ color: #f3f4f8; margin-bottom: 3rem;} .syts-con p{ padding: 0rem 1.2rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .syts-con .font-indent{ text-indent: 0;} .syts-con-fix h1{ width: 100%;} .syts-con-fix h1>img{ width:100%;} .syts-con-small { padding:0 1rem; box-sizing: border-box;} .syts-con-small-fix{ border:1px solid #8f65a7; border-radius: 10px; position: relative; margin-top:3.2rem; padding: 3rem 1.2rem 1.5rem 1.2rem; box-sizing: border-box;} .syts-con-small-fix h2{ display: inline-block; width: 8rem; position: absolute; top: -1.8rem; left: 50%; margin-left: -4rem;} .syts-con-small-fix h2>img{ width: 100%;} /******×îÃÀ¾°µã*****/ .zmjd-con{ color: #f3f4f8; padding-bottom: 8rem; position: relative; overflow: scroll; visibility: hidden;} .zmjd-con .p-font{ padding: 0rem 1.2rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#fff; /*text-indent: 1.2rem; */box-sizing: border-box;width: 100%;} .zmjd-con .font-indent{ text-indent: 0;} .zmjd-con-fix{ position: relative;z-index: 9;} .zmjd-con-fix h1{ width: 100%;} .zmjd-con-fix h1>img{ width:100%;} .zmjd-con-fix .contact{font:1.3rem/1.8rem 'Microsoft YaHei';justify-content:center;align-items:center;display:-webkit-flex;border-bottom:1px solid #dddddd; padding:.8rem .2rem;} .zmjd-con-fix .contact>i{margin-right:.8rem; background-size:100%; width:1.7rem; height:2rem; display:inline-block;} .zmjd-con-fix .contact>span{ display:inline-block; border-right:1px solid #dddddd; width:100%; padding-right: 1rem;} .zmjd-con-fix .contact>a,.zmjd-con-fix .contact>a{ margin-left:1rem; border:none; width:3.2rem; height:3rem;-webkit-tap-highlight-color:rgba(0,0,0,0);} .zmjd-con-fix .contact-address{ margin:1.6rem 1.5rem 0 1.5rem;border-top:1px solid #dddddd;} .zmjd-con-fix .contact-address>i{ background:url(../images/zmjd/icon1.png) left center no-repeat; background-size:100%;} .zmjd-con-fix .contact-address>a{ display:inline-block;background:url(../images/zmjd/daohang.png) no-repeat; background-size:100%;} .zmjd-con-fix .contact-phone{ margin:0 1.5rem;} .zmjd-con-fix .contact-phone>i{ background:url(../images/zmjd/icon2.png) left center no-repeat; background-size:100%;} .zmjd-con-fix .contact-phone>a{background:url(../images/zmjd/dadianhua.png) no-repeat; background-size:100%; padding: 0;} .zmjd-con-fix .btn-p{ text-align:center; margin-top:1.8rem;} .zmjd-con-fix .btn-p>button{ height:4.6rem; width:20rem; background:#3f9d69; border:none; border-radius:50px; font:1.8rem/4.6rem 'Microsoft YaHei'; color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);} .zmjd-bg-img{width: 100%; position: fixed;z-index: 0; top: 0; left: 0; } .zmjd-bg-img>img{width: 100%; } .zmjd-con-fix .change-div{ position: relative; margin: 15px 0; border-radius: 10px; overflow: hidden;} .zmjd-con-fix .left-arrow{ width: 3rem; position: absolute; left: .35rem; z-index: 5; top: 50%; margin-top: -1.8rem;} .zmjd-con-fix .right-arrow{ width: 3rem; position: absolute; right: .35rem; z-index: 5;top: 50%; margin-top: -1.8rem;} .zmjd-con-fix .change-img{ position:absolute; width: 100%;height: auto; z-index: 3; overflow: hidden; margin-left: 18px;} .zmjd-con-fix .change-img-fix{ height: 100%; position: relative} .zmjd-con-fix .change-img-fix>div{ float: left;} .zmjd-con-fix .change-img p{ float: left; -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s;/* -webkir-transform: scale(0); transform: scale(0);*/} /*.zmjd-con-fix .change-img p:nth-child(1){ -webkir-transform: scale(1); transform: scale(1);} .zmjd-con-fix .change-img p.animate-none{-webkir-transform: scale(0); transform: scale(0);} .zmjd-con-fix .change-img p.animate{-webkir-transform: scale(1); transform: scale(1);}*/ .zmjd-con-fix .change-img img{ width: 100%; box-sizing: border-box;} .zmjd-con-fix h2{ position: relative; height: 3.7rem; text-align: center; margin: 1.8rem 0 1rem 0;} .zmjd-con-fix h2>img{ height: 100%;} .zmjd-con-fix .di-img{ padding: 0 18px; box-sizing: border-box; width: 100%;} .zmjd-yuyin-div{ visibility:hidden;position: fixed; bottom: 0; left: 0; width: 100%; height: 8.2rem; background: url("../images/zmjd/dimian.png") left bottom no-repeat; background-size: 100%; z-index: 10;} .zmjd-yuyin-div img{ width: 6rem; position: absolute; bottom: 5px; left: 50%; margin-left: -3rem;} .zmjd-yuyin-div button,.zmjd-yuyin-div button.pause{width: 6rem; height: 95%; border: none; position: absolute; bottom: 0; left: 50%; margin-left: -3rem; background: url("../images/zmjd/arrow_de.png") no-repeat;background-size: 100%;} .zmjd-yuyin-div button:active,.zmjd-yuyin-div button.play{ background: url("../images/zmjd/arrow_active.png") no-repeat;background-size: 100%;} .zmjd-yuyin-div time{ position: absolute; bottom: 3.2rem; text-align: center; width: 100%; font: .8rem/.8rem 'Microsoft YaHei'; color: #fff;} /*********Ó¡ÏóÃ×ÁÖÊ×Ò³**********/ .yxml-index-con{ overflow: hidden;} .yxml-index-con p:nth-child(1){ margin-top: 0;} .yxml-index-con p{ margin-top: 2px; position: relative; width: 100%;} .yxml-index-con .ditu{ width: 100%; display: block; position: absolute; height: 100%;} .yxml-index-con .btn{ width: 17rem; position: absolute; z-index: 2; left: 50%; margin-left: -8.5rem; top: 50%; margin-top: -3rem;} /*********Ó¡ÏóÃ×ÁÖ×ÓÒ³Ãæ**********/ .bottom-arror{ width:3rem; bottom: .5rem; position:fixed; left:50%; margin-left:-1.5rem; -webkit-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -moz-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -ms-animation:bottom-arror-animate ease-in-out .8s alternate infinite; -o-animation:bottom-arror-animate ease-in-out .8s alternate infinite; animation:bottom-arror-animate ease-in-out .8s alternate infinite;} @-webkit-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-moz-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-ms-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @-o-keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} @keyframes bottom-arror-animate{0%{ bottom:.5rem;}100%{ bottom:.3rem; opacity:0}} .yxml-child-screens{ height: 100%; position: relative;touch-action: none;transform: translate3d(0px, -0px, 0px); transition: all 700ms ease;} .yxml-child-screens>div{ position:relative;} .yxml-child-screens .font{ position:absolute;width:100%;bottom:0; background: #ffffff;} .yxml-child-first-screen{background:url(../images/ml/yxml_s/yxml/index/index_img.png) center top no-repeat; background-size:100% 100%;} .yxml-child-first-screen>.font{ background-color: transparent;} .yxml-child-screens .img-switch{ position:relative; overflow:hidden;} .yxml-child-screens .img-switch img{ width:25%;float:left;} .yxml-child-screens .imgs-div{ position:relative; width:400%;} .yxml-child-screens .img-font{ position: absolute; top: 2.5rem; right: 3.5rem; width: 3.5rem;} .yxml-child-screens .cs-nav li:nth-child(1) a,.yxml-cxts-con .cs-nav li:nth-child(1) a{ background:url(../images/ml/yxml_s/btn1_de.png) center center no-repeat; background-size:100% 100%;} .yxml-child-screens .cs-nav li:nth-child(2) a,.yxml-cxts-con .cs-nav li:nth-child(2) a{ background:url(../images/ml/yxml_s/btn2_de.png) center center no-repeat; background-size:100% 100%;} .yxml-child-screens .cs-nav li:nth-child(3) a,.yxml-cxts-con .cs-nav li:nth-child(3) a{ background:url(../images/ml/yxml_s/btn3_de.png) center center no-repeat; background-size:100% 100%;} .yxml-child-screens .cs-nav li:nth-child(1) a.active,.yzml-child-screens .cs-nav li:nth-child(1) a:active, .yxml-cxts-con .cs-nav li:nth-child(1) a.active,.yxml-cxts-con .cs-nav li:nth-child(1) a:active { background:url(../images/ml/yxml_s/btn1_active.png) center center no-repeat; background-size:100% 100%;} .yxml-child-screens .cs-nav li:nth-child(2) a.active,.yzml-child-screens .cs-nav li:nth-child(2) a:active, .yxml-cxts-con .cs-nav li:nth-child(2) a.active,.yxml-cxts-con .cs-nav li:nth-child(2) a:active { background:url(../images/ml/yxml_s/btn2_active.png) center center no-repeat; background-size:100% 100%;} .yxml-child-screens .cs-nav li:nth-child(3) a.active,.yzml-child-screens .cs-nav li:nth-child(3) a:active, .yxml-cxts-con .cs-nav li:nth-child(3) a.active,.yxml-cxts-con .cs-nav li:nth-child(3) a:active { background:url(../images/ml/yxml_s/btn3_active.png) center center no-repeat; background-size:100% 100%;} .yxml-cxts-con .cs-nav{ position: fixed;} /****Ó¡ÏóÃ×ÁÖ-×íÃÀËļ¾****/ .yxml-child-zmsj .yxml-child-first-screen{background:url(../images/ml/yxml_s/zmsj/index/index_img.jpg) center top no-repeat; background-size:100% 100%;} .yxml-child-zmsj .yxml-child-first-screen .font{ width: 15rem; left: 50%; margin-left: -7.5rem; bottom: 7.5rem;} .yxml-child-zmsj .img-font{ position: absolute; top: 1.5rem; right: 1.2rem; width: 7rem;} /****Ó¡ÏóÃ×ÁÖ-³öÐÐÌùÊ¿****/ .yxml-cxts-con{ margin-bottom: 3rem;} .yxml-cxts-con .p-img{ width: 100%;} .yxml-cxts-con .p-img>img{ width: 100%; display: block;} .yxml-cxts-con .p-font{ padding-left: 1.2rem; padding-right: 3.5rem; padding-bottom: 0; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .yxml-cxts-con h2{ position: relative; margin-top: 1.5rem; text-align: center; margin-bottom: .5rem;} .yxml-cxts-con h2>img{width: 12rem;} .yxml-cxts-con h3{ background: url("../images/ml/yxml_s/cxts/icon.png") left center no-repeat; background-size:.8rem; font: 1.2rem/1.8rem 'Microsoft YaHei'; color: #ae5da0; padding-left: 1rem; margin: 0 1.5rem} .yxml-cxts-con .font-indent{ text-indent: 0;} /*******ÐÐÇ°×¼±¸**********/ .xqzb-header{position:fixed; top:0; background:#25292c; width:100%; text-align: center; z-index: 2;} .xqzb-header a{display:inline-block; position: relative; width:7rem; height: 7rem; box-sizing:border-box;text-align:center; padding:.5rem 0;} .xqzb-header a:before{ position: absolute; content: ""; background: url("../images/xqzb/icon1.png") left center no-repeat; background-size: .8rem; width: .8rem; height: .8rem;top: 50%; margin-top: -.4rem; left: -.7rem;} .xqzb-header a:nth-child(4)::after{ position: absolute; content: ""; background: url("../images/xqzb/icon1.png") left center no-repeat; background-size: .8rem; width: .8rem; height: .8rem;top: 50%; margin-top: -.4rem; right: -.7rem;} .xqzb-header a>img{ width:80%; display:inline-block;} .xqzb-header-a1{background: url("../images/xqzb/btn1_de.png") center no-repeat; background-size: 80%;} .xqzb-header-a2{background: url("../images/xqzb/btn2_de.png") center no-repeat; background-size: 80%;} .xqzb-header-a3{background: url("../images/xqzb/btn3_de.png") center no-repeat; background-size: 80%;} .xqzb-header-a4{background: url("../images/xqzb/btn4_de.png") center no-repeat; background-size: 80%;} .xqzb-header-a1.active{background: url("../images/xqzb/btn1_active.png") center no-repeat; background-size: 80%;} .xqzb-header-a2.active{background: url("../images/xqzb/btn2_active.png") center no-repeat; background-size: 80%;} .xqzb-header-a3.active{background: url("../images/xqzb/btn3_active.png") center no-repeat; background-size: 80%;} .xqzb-header-a4.active{background: url("../images/xqzb/btn4_active.png") center no-repeat; background-size: 80%;} .xqzb-con{ margin-top:6rem; width:100%; margin-bottom: 3.5rem; display: none;} .xqzb-con h1{width: 100%;} .xqzb-con h1 img{ width: 100%;} .xqzb-con h2{ height:2rem; margin: .8rem 0;} .xqzb-con h2 img{ height:100%; } .xqzb-con p{ width:100%; box-sizing:border-box;} .xqzb-con h3{ padding-left:1.6rem; font:1.6rem/2rem 'Microsoft YaHei'; color:#9f26b8; position:relative; margin: 0 1.6rem;margin-top: 1rem;} .xqzb-con h3:before{ content:""; position:absolute; width:7px; height:7px; border-radius:100%; background:#9f26b8; top:.9rem; left:0;} .xqzb-con h3.gbzz{color: #339f63;} .xqzb-con h3.gbzz:before{background: #339f63;} .xqzb-con .font{ font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding:0 1.6rem; width:100%; text-indent:1.2rem;} .xqzb-con .img>img{ display:block; width:100%; padding:0 1.6rem;box-sizing: border-box;} .xqzb-con .font-indent{ text-indent: 0;} @media screen and (max-width:375px){ .xqzb-header a{ width: 6rem; height: 6rem;} } /***********ÓïÒôµ¼ÓÎÁбí***********/ .yydy-list-con-fix{ position: relative;} .yydy-list-con-fix .ditu{ width: 100%; display: block;} .yydy-list-con-fix .font-img{ width: 90%; position: absolute; top: 1.5rem; left: .8rem;} .yydy-list-con-fix .yuyin-div{ width: 6rem; position: absolute; bottom: 5px; right: 5px; z-index: 3;} .yydy-list-con-fix .yydy_icon_bg{ width: 100%;} .yydy-list-con-fix button,.yydy-list-con-fix button.pause{ position: absolute; height: 100%; left: 0; top: 0; z-index: 3; width: 100%; background: url("../images/zyjd/yydy_icon_de.png"); background-size: 100%; border: none;} .yydy-list-con-fix button.play{ width: 100%; background: url("../images/zyjd/yydy_icon_active.png"); background-size: 100%;} .yydy-list-con-fix time{ position: absolute; bottom: 3rem; text-align: center; width: 100%; font: .8rem/.8rem 'Microsoft YaHei'; color: #fff;} /******ÓïÒôµ¼ÓÎÏêÇé*******/ .yydy-dialog{ position:absolute; width: 100%;background: rgba(0,0,0,.6); padding: 1.5rem; box-sizing: border-box; top: 0; z-index: 10; display: none;} .yydy-dialog-fix{ background: #fff; border-radius: 10px; position: relative; padding-bottom: 2rem; } .yydy-dialog h1{ font: 1.5rem/4rem 'Microsoft YaHei'; color: #333333; text-align: center;} .yydy-dialog p{font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding: 0 1.2rem; width:100%; box-sizing:border-box;} .yydy-dialog p>img{ width: 100%;} .yydy-dialog button{ position: absolute; top: .5rem; right: .5rem; border: none; background: none; font-size: 2rem; color: #555555;} .yydy-dialog .font-con,.yydy-dialog .p-font{ /*overflow: scroll; overflow-x:hidden;*/font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; padding: 0 1.2rem; width:100%; box-sizing:border-box;} @media screen and (max-width:375px){ /*.yydy-dialog .font-con,.yydy-dialog .p-font{ height: 23rem; }*/ } @media screen and (max-width:320px){ /*.yydy-dialog .font-con,.yydy-dialog .p-font{ height: 21rem; }*/ } /***********ÃÀ¾°Í¼¿â***********/ .yydy-mjtk_tit{ text-align: center; margin-top: 1rem; position: relative; z-index: 2;} .yydy-mjtk_tit img{ width: 18rem;} .yydy-mjtk-con{ display: none; padding: 1rem 1.5rem; margin-bottom: 2rem; box-sizing: border-box; z-index: 1; position: relative; overflow: scroll; overflow-x: hidden;} .yydy-mjtk-con img{ float: left; display: block; width: 50%; box-sizing: border-box; margin-bottom: .4rem;} .yydy-mjtk-con .odd{ padding-right: .2rem; } .yydy-mjtk-con .even{ padding-left: .2rem;} .yydy-mjtk-ditu{ height:100%; width: 100%; position: fixed; top: 0; top: 0;} .yydy-mjtk-ditu>img{height:100%; width: 100%;} .yydy-mjtk-dialog-f{position: fixed; width: 100%;top: 150px; visibility: hidden; z-index: 6;} .yydy-mjtk-dialog{background-color: rgba(79,186,165,.5);padding: 10px; box-sizing: border-box; z-index: 10;} .yydy-mjtk-dialog .big-imgs{ overflow: hidden; border-radius: 10px;width: 100%; height: 100%;} .yydy-mjtk-dialog .big-imgs-fix{ position: relative;} .yydy-mjtk-dialog .big-imgs .con{ float: left;} .yydy-mjtk-dialog .big-imgs .con>img{ width: 100%; float: left;} .yydy-mjtk-dialog .arrow{ position:absolute; top: 50%; height: 3rem; margin-top: -1.5rem;} .yydy-mjtk-dialog .left-arrow{ left: -.5rem;} .yydy-mjtk-dialog .right-arrow{ right: -.5rem;} .yydy-mjtk-round{ bottom: -2rem; width: 100%; position: absolute; } .yydy-mjtk-round span{ margin-right: 5px; display: inline-block; width: .5rem; height: .5rem; background: url("../images/zyjd/bai.png") no-repeat; background-size: 100% 100%;} .yydy-mjtk-round p{ width: 100%; text-align: center; box-sizing: border-box;} .yydy-mjtk-round span.active{background: url("../images/zyjd/hong.png") no-repeat; background-size: 100% 100%;} .yydy-mjtk-qiqiu{ position: absolute;z-index: 3; width: 100%;height: 100%; visibility: hidden; top: 0;} .yydy-mjtk-qiqiu img{ position: absolute; display: none; margin-top: 3rem;} .yydy-mjtk-qiqiu .qiqiu1{-webkit-animation: 4s qiqiu1 ease-in-out alternate infinite;-moz-animation: 4s qiqiu1 ease-in-out alternate infinite; animation: 4s qiqiu1 ease-in-out alternate infinite; display: block; width:5rem; } .yydy-mjtk-qiqiu .qiqiu2{ -webkit-animation: 4s qiqiu2 ease-in-out alternate infinite;-moz-animation: 4s qiqiu2 ease-in-out alternate infinite; animation: 4s qiqiu2 ease-in-out alternate infinite; display: block; width:5rem;} .yydy-mjtk-qiqiu .qiqiu3{ -webkit-animation: 4s qiqiu3 ease-in-out alternate infinite;-moz-animation: 4s qiqiu3 ease-in-out alternate infinite; animation: 4s qiqiu3 ease-in-out alternate infinite; display: block; width:7rem;} @keyframes qiqiu1{ 0%{right: 50px; top:50px} 50%{right:60px; top: 40px}100%{right: 40px; top: 30px} } @keyframes qiqiu2{ 0%{left: 30px; bottom:10rem} 50%{left:40px; bottom: 9rem}100%{left: 60px; bottom: 10rem} } @keyframes qiqiu3{0%{right: 60px; bottom:6rem} 50%{right:70px; bottom:5rem}100%{right: 50px; bottom:6rem}} @-webkit-keyframes qiqiu1{ 0%{right: 50px; top:50px} 50%{right:60px; top: 40px}100%{right: 40px; top: 30px} } @-webkit-keyframes qiqiu2{ 0%{left: 30px; bottom:10rem} 50%{left:40px; bottom: 9rem}100%{left: 20px; bottom: 10rem} } @-webkit-keyframes qiqiu3{ 0%{right: 60px; bottom:5rem} 50%{right:70px; bottom:5rem}100%{right: 50px; bottom:6rem}} @-moz-keyframes qiqiu1{ 0%{right: 50px; top:50px} 50%{right:60px; top: 40px}100%{right: 40px; top: 30px} } @-moz-keyframes qiqiu2{ 0%{left: 30px; bottom:10rem} 50%{left:40px; bottom: 9rem}100%{left: 60px; bottom: 10rem} } @-moz-keyframes qiqiu3{ 0%{right: 60px; bottom:6rem} 50%{right:70px; bottom:5rem}100%{right: 50px; bottom:6rem} } /******Öص㾰ÇøÊ×Ò³********/ .zyjd-index-con{ background: url("../images/zyjd/di.jpg") no-repeat; background-size: 100% 100%; overflow: hidden} .zyjd-index-con h1{ width: 100%;} .zyjd-index-con h1>img{ width: 100%;} .zyjd-index-con .ditu{ width: 100%; padding:0 1.2rem; box-sizing: border-box;} .zyjd-index-con .ditu a{ width: 100%; display: inline-block;} .zyjd-index-con .ditu img{ width: 100%;} .zyjd-index-con .btn-div{ text-align: center; margin-top: .8rem;} .zyjd-index-con a{ width: 6rem; margin-left: .8rem; display: inline-block;} .zyjd-index-con a:first-child{ margin-left: 0;} .zyjd-index-con a>img{ width: 100%;} .zyjd-index-con .ditu a{ position: relative;} .zyjd-index-con .ditu .shouzhi-ditu{ width: 4rem; position: absolute; bottom: 4rem; right: 4rem; -webkit-animation: 1s shouzhi-ditu linear alternate infinite; -o-animation: 1s shouzhi-ditu linear alternate infinite; -ms-animation: 1s shouzhi-ditu linear alternate infinite; animation: 1s shouzhi-ditu linear alternate infinite;} @-webkit-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } @-o-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } @-ms-keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;}} @keyframes shouzhi-ditu { 0%{bottom: 4.2rem ;right: 4.2rem;} 100%{bottom: 4rem; right: 4rem;} } @media screen and (max-width:375px){ .zyjd-index-con a{ width: 5.5rem;} } /***********ÇÐÆÁÊÇÐèÒªÑùʽ*********/ .screens-change{-webkit-transform: translate3d(0px, -0px, 0px);transform: translate3d(0px, -0px, 0px); -webkit-transition: all 700ms ease;transition: all 700ms ease;} .screens-change .img-font{opacity: 0;} .screens-change .img-font.animate{-webkit-transition: 1s all ease-in-out .5s; transition:1s all ease-in-out .5s; opacity: 1;} /************************Ïß·×ÓÒ³ÃæÑùʽ*********************/ .xl_childe-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 10;} .xl_childe-header a{ font:1.5rem/3.5rem 'Microsoft YaHei'; display:inline-block; width:50%; box-sizing:border-box; color:#333333; text-align:center;} .xl_childe-header a.active{ color:#2a915a; border-bottom:2px inset #2a915a;} .xl_childe-con{ margin-bottom: 3rem; display: none;} .xl_childe-con .shoutu-img{ width: 100%;} .xl_childe-con .shoutu-img>img{ width: 100%} .xl_childe-con .p-font{padding: 0rem 1.2rem; box-sizing: border-box; font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; text-indent: 1.2rem; box-sizing: border-box;width: 100%;} .xl_childe-con .p-img{} .xl_childe-con .p-img>img{ width: 100%; display: block;} .xl_childe-con h1{padding: 1.2rem 1.2rem .4rem 1.2rem; box-sizing: border-box;} .xl_childe-con h1>img{ width: 100%; display: block;} .xl_childe-con h2{ height: 2rem; text-align: center; margin: .8rem 0} .xl_childe-con h2>img{ height: 100%;} .xl_childe-con .xl_childe-con-fix{padding: 0rem 1.2rem; box-sizing: border-box; width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: .8rem;} .xl_childe-con .img-font-div{width: 100%; position: relative; border-top-left-radius: 10px;border-top-right-radius: 10px; overflow: hidden;} .xl_childe-con .img-font-div .p-img{ width: 100%;} .xl_childe-con .img-font-div .p-font{ position: absolute;font:1.2rem/2.5rem 'Microsoft YaHei'; color:#ffffff; bottom: 0; left: 0; padding: 0; overflow: hidden; background: rgba(0,0,0,.5);} .xl_childe-con .xl_childe-con-fix>.p-font{ background: #ecedf8; padding: .8rem .5rem; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .xl_childe-con .font-indent{ text-indent: 0;} /*********Ïß·ÉÍÌÒ»¨¶ÀÁ¢Ñùʽ********/ .xl_lzsth-con .xl_childe-con-fix>.p-font{ background:#fbedf3} .xl_lzsth-con .shoutu{padding: 0rem 1.2rem;overflow: hidden; margin-top: .7rem;} .xl_lzsth-con .shoutu>img{ width: 100%; display: block;border-radius: 10px;} .xl_lzsth-con h2{ text-align: left; height: 2.2rem;} .xl_lzsth-con .p-font-duli{ border:1px solid #e96ba6; border-radius: 10px;font:1.2rem/2rem 'Microsoft YaHei'; color:#555555; margin: 0 1.2rem; padding: .6rem .8rem;} .xl_lzsth-con h1{padding: .8rem 1.2rem .4rem 1.2rem; } /********Ïß·ͽ²½Ä«ÍѶÀÁ¢Ñùʽ********/ .xl_tbmt-con h2{ text-align: left; height: 3.2rem; margin-left: 1.2rem;} .xl_tbmt-con .p-img{padding: 0rem 1.2rem; box-sizing: border-box;} .xl_tbmt-con .p-img>img{ width: 100%; border-radius: 10px;} /****************Ïß·×íÃÀ318¶ÀÁ¢Ñùʽ**************/ .xl_zm318-con .p-font,.xl_zm318-con .p-img{padding: 0rem 1.2rem;} .xl_zm318-con-fix{ position: relative; margin-top: 1.2rem;} .xl_zm318-con-fix hr{ position: absolute; top: 0; height: 100%; width: 2px; background: #2a915a; border: none; left: 1.2rem;} .xl_zm318-con-fix .p-font{padding: 0rem 2.5rem;} .xl_zm318-con-fix h1{ position: relative; left: -0.8rem; padding-top: 0;} .xl_zm318-con-fix .child-fix{ position: relative; margin-top: 1rem;} .xl_zm318-con-fix .child-fix:before{content: '130km'; position: absolute; top: 50%; left: -.75rem; font: 1rem/1.5rem 'Microsoft YaHei'; color: #2a915a; transform: rotate(90deg); background: #fff; padding: 0 .5rem;} .xl_zm318-con-fix .first-child:before{content: '130km';} .xl_zm318-con-fix .two-child:before{content: '104km';} .xl_zm318-con-fix .three-child:before{content: '130km';} .xl_zm318-con-fix .four-child:before{content: '';} .xl_zm318-con-fix .p-img{padding: 0rem 1.2rem 0 2.5rem;margin: .5rem 0;} .xl_zm318-con-fix .p-font{padding: 0rem 1.2rem 0 2.5rem;} /*********×íÃÀ¾°µãÁбíÒ³**********/ .data-zmjd-zb{} .data-zmjd-zb a{ display:block; position:absolute; top:0; text-align:center; margin-top: -4rem;} .data-zmjd-zb a:nth-child(1){left:39.7559%;width:35.4838%;} .data-zmjd-zb a:nth-child(2){left:11.1027%;width:25.0562%;} .data-zmjd-zb a:nth-child(3){left:65.2663%;width:26.3315%;} .data-zmjd-zb a:nth-child(4){left:6.3015%; width:27.0817%;} .data-zmjd-zb a:nth-child(5){left:57.0142%; width:38.5596%;} .data-zmjd-zb a:nth-child(6){left:4.8762%; width:26.1815%;} .data-zmjd-zb a:nth-child(7){left:45.9114%; width:23.5558%;} .data-zmjd-zb a:nth-child(8){left:64.216%; width:26.3315%;} .data-zmjd-zb a:nth-child(9){left:8.252%; width:30.7576%;} .data-zmjd-zb a:nth-child(10){left:53.7134%; width:33.9084%;} .data-zmjd-zb a .img-d{ position:relative; -webkit-animation: 1s rmjd_animate ease alternate infinite;-moz-animation: 1s rmjd_animate ease alternate infinite;animation: 1s rmjd_animate ease alternate infinite;} .data-zmjd-zb a:nth-child(1) .img-d{ width:1.8rem;} .data-zmjd-zb a:nth-child(2) .img-d{ width:1.8rem;} .data-zmjd-zb a:nth-child(3) .img-d{ width:1.875rem;} .data-zmjd-zb a:nth-child(4) .img-d{ width:1.875rem;} .data-zmjd-zb a:nth-child(5) .img-d{ width:1.875rem;} .data-zmjd-zb a:nth-child(6) .img-d{ width:2.5rem;} .data-zmjd-zb a:nth-child(7) .img-d{ width:2.5rem;} .data-zmjd-zb a:nth-child(8) .img-d{ width:1.875rem;} .data-zmjd-zb a:nth-child(9) .img-d{ width:2.5rem;} .data-zmjd-zb a:nth-child(10) .img-d{ width:2.5rem;} .data-zmjd-zb a .img-t{ width:100%;} .data-zmjd-zb a:nth-child(1) .img-t,.data-rmjd-zb a:nth-child(12) .img-t{ margin-top: -8px;} .data-zmjd-zb a:nth-child(2) .img-t{ margin-top: -6px;} .data-zmjd-zb a:nth-child(3) .img-t{ margin-top: -4px;} .data-zmjd-zb a:nth-child(5) .img-t{ margin-top: -6px;} .data-zmjd-zb a:nth-child(6) .img-t{ margin-top: -4px;} .data-zmjd-zb a:nth-child(8) .img-t{ margin-top: -4px;} /******************ÊÓƵÑùʽ*********************/ .zyjd-index-sp{ display: none; position: absolute; width: 100%; height: 100%; top:0; left: 0; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,.5); overflow: scroll; overflow-x: hidden;} .zyjd-index-sp .spxq-con{ background: #ffffff; border-radius: 10px; overflow: hidden; padding-top: 35px; position: relative;} .zyjd-index-sp .spxq-con .video{ display: none; position: absolute; z-index: 10;} .zyjd-index-sp>button{ position: absolute; right: 15px; top: 15px; border: none; background: none; font-size: 2rem; z-index: 10; color: #555555;} /**********************************ÁÖÖ¥Ò³Ãæ-¾ÆµêÃûËÞ**************************************/ .lzym-jdms{ background: url("../images/lzym_jdzs/di.jpg") no-repeat; background-size: 100% 100%;overflow: hidden;} .lzym-jdms-con{ overflow: hidden; position: relative;} .lzym-jdms-con-d{ overflow: hidden; padding:.8rem 2rem 2rem 2rem; box-sizing: border-box;} .lzym-jdms-con .arrow{ position: absolute;} .lzym-jdms-fix { box-sizing: border-box; height: 100%; padding-top: 5rem;} .lzym-jdms-fix .img-font{ width: 100%; position: relative;} .lzym-jdms-fix .img-font>img{ width: 100%;} .lzym-jdms-fix .img-font>span{width: 100%; position: absolute; background: rgba(0,0,0,.5); bottom: 0; left: 0; width: 100%;} .lzym-jdms-fix .img-font>span>img{width: 100%; display: block; padding-top: 1rem;} .lzym-jdms-fix .img-font>span>i{ display: block; width: 100%; text-align: center;} .lzym-jdms-fix .img-font>span>i>img{ width:1rem; padding: .5rem; } .lzym-jdms-fix .de{ font: 1rem/3rem 'Microsoft YaHei'; color: #323232; text-align: center;} .lzym-jdms-fix .btn{ padding: 0 1.5rem; background: url("../images/lzym_jdzs/huawen.png") no-repeat center top;background-size: 80% ; padding-top: 2rem;} .lzym-jdms-fix a{ width: 2.8rem; display: inline-block; float: left; width:33%; background:url("../images/lzym_jdzs/lin3.jpg") no-repeat; background-size: 100% 100%; text-align: center; padding: 1rem 0;} .lzym-jdms-fix a>img{ width: 2.3rem;} .lzym-jdms-fix .other-a{ background:url("../images/lzym_jdzs/lin1.jpg") center top no-repeat; background-size:100% 100%; } .lzym-jdms-fix .other-a2{ background:url("../images/lzym_jdzs/lin2.jpg") center top no-repeat; background-size:100% 100%; } .lzym-jdms-con .arrow{ z-index: 5; position: absolute; top: 50%; width: 3rem; margin-top: -8rem; height: auto;} .lzym-jdms-con .left-arrow{ left: 0;} .lzym-jdms-con .right-arrow{ right: 0; left: inherit;} .lzym-jdms-con .con-fix{ display:block; background: #fff; padding: .3rem; box-sizing: border-box; height: 100%; background: url("../images/lzym_jdzs/di2.png") no-repeat; background-size: 100% 100%;} .lzym-jdms-con .con-fix:first-child{ display: block;} .daohang-div{ display:none; position:absolute; background:rgba(0,0,0,.5); top:0; left:0; z-index:9999; padding:10rem 6rem; box-sizing:border-box;} .daohang-div-fix{border-radius:5px; min-height:10rem; background:#fff; text-align:center; padding:1rem;} .daohang-div-fix>img{ width:9rem;} .daohang-div .title{font: 1rem/1.5rem 'Microsoft YaHei'; color: #565656;} .daohang-div hr{ background:none;border:none; border-bottom:1px solid #dbdbdb; margin:1rem 0;} .daohang-div a{ background:#2a915a; border-radius:10px; font: 1.2rem/1rem 'Microsoft YaHei'; color: #fff; padding:1.2rem 3rem; display:inline-block;} .lzym_jd_gs{ padding-bottom: 3rem; } .lzym_jd_gs .img{ text-align:center; padding:2rem 0; background:url(../images/lzym_jdzs/xqdi.png) no-repeat; background-size:100% 100%;} .lzym_jd_gs .img>img{ width:15rem; height:15rem; border-radius:50%;} .lzym_jd_gs .titi{ padding:1rem;} .lzym_jd_gs .titi i{ height:1rem; width:4px; position:relative; top:.1rem; background:#279160 ; margin-right:.5rem; border-radius:25px; display:inline-block;} .lzym_jd_gs .titi {font: 1.2rem/1.2rem 'Microsoft YaHei'; color:#535353} .lzym_jd_gs .de{font: 1rem/1.5rem 'Microsoft YaHei'; color:#535353; padding:0 1rem; text-indent:1rem;} .lzym_jd_ld .titi i{ background:#d09750; } .lzym_jd_ld .img{ background:url(../images/lzym_jdzs/lddi.png) no-repeat; background-size:100% 100%;} .lzym_jd_ld .de{ background:url(../images/lzym_jdzs/xin.png) left .4rem no-repeat; text-indent:0; padding-left:1.5rem; background-size:10px; margin:0 1.5rem;} .lzym-ms-con{ margin-top:3rem;background:url(../images/lzym_jdzs/msdi1.jpg) no-repeat; background-size: 100% 100%;overflow: hidden; overflow: hidden; position: relative;} .lzym-ms-con .con-fix{ background:none; padding:0;} .lzym-ms-con .lzym-jdms-con-d{ overflow: hidden; padding:0 0 2rem 0; box-sizing: border-box;} .lzym-ms-con .arrow{ position: absolute; top:inherit; bottom:8.6rem;} .lzym-ms-con .lzym-jdms-fix { box-sizing: border-box; height: 100%; padding-top: 0rem;} .lzym-ms-con .lzym-jdms-fix .img-font{ padding-top:.5rem; width: 100%; position: relative; z-index:3; margin-top:5.5rem;} .lzym-ms-con .lzym-jdms-fix .img-font>img{ width: 100%;} .lzym-ms-con .lzym-jdms-fix .img-font>span{width: 100%; position: absolute; background: rgba(0,0,0,.5); bottom: 0; left: 0; width: 100%;} .lzym-ms-con .lzym-jdms-fix .img-font>span>img{width:auto; display: block; padding-top: 1rem; height:2rem; padding-left: 1rem; } .lzym-ms-con .lzym-jdms-fix .img-font>span>i{ display: block; width: 100%; text-align:left; padding-left: 1rem; } .lzym-ms-con .lzym-jdms-fix .img-font>span>i>img{ width:1rem; padding: .5rem .2rem; } .lzym-ms-con .lzym-jdms-fix .de{ position:relative; z-index:3;background: rgba(0,0,0,.5);font: 1rem/2rem 'Microsoft YaHei';padding-bottom:.5rem; color:#fff; text-align:left; padding-left: 1rem; } .lzym-ms-con .lzym-jdms-fix .btn{ z-index:3; position:absolute; bottom:3rem; padding:0 3rem; box-sizing: border-box; background: url("../images/lzym_jdzs/huawen.png") no-repeat center top;background-size: 80% ; padding-top: 4rem;} .lzym-ms-con .lzym-jdms-fix a{ display: inline-block; float: left; width:33%; background:none; text-align: center; padding: 1rem 0;} .lzym-ms-con .lzym-jdms-fix a>img{ width: 65%;} .lzym-ms-con .lzym-jdms-con .con-fix{ display: block; background:none;} .lzym-ms-con .lzym-jdms-fix .btn{ background:none;} .lzym-ms-con .di-img{ left:0; top:0; width:100%; height:100%; } @media screen and (max-width:360px) and (max-height:540px){ .lzym-jdms-fix a>img{ width: 2rem;} .lzym-jdms-fix a{ padding: .5rem 0} .lzym-jdms-fix .btn{ padding-top: 1.5rem;} .lzym-jdms-fix .de{ font:1rem/2rem 'Microsoft YaHei';} } /***************************酒店名宿列表页*******************************/ .jdms-list{ background: #fff;font: 1.3rem/2.5rem 'Microsoft YaHei'; color: #fff; overflow: scroll;} .search-div{ margin-top: 3.6rem; padding:.6rem; box-sizing: border-box; position: fixed; z-index: 5; background: #dfdfdf; width: 100%;} .search-div p{ margin-right: 8.5rem; box-sizing: border-box; } .search-div input[type=text]{ width: 100%;font: 1.3rem/2.5rem 'Microsoft YaHei'; color: #555555; border: none; border-radius: 5px; padding-left: 2.5rem; background:#fff url(../images/lzym_jdzs/jdlistIndex/search.png) .5rem center no-repeat; background-size: 1.5rem 1.5rem;} .search-div input[type=button]{ width: 5rem; font: 1.3rem/2.5rem 'Microsoft YaHei'; color: #fff; position: absolute; right: .4rem; border-radius: 5px; top: .6rem; background: #2a915a; border: none;} .jdms-list-data { margin-top: 7rem;} .jdms-list .con-fix{ position: relative; border-bottom:2px solid #fff;} .jdms-list .con-fix i{ position: absolute; bottom: 1rem; font-style: inherit;color: #fff;} .jdms-list .con-fix img{ width: 100%; display: block;} .jdms-list .con-fix i.left{ left: 1.3rem; background: url(../images/lzym_jdzs/jdlistIndex/icon.png) center left no-repeat; background-size:.35rem 1.3rem; padding-left: 1rem;} .jdms-list .con-fix i.right{ right: 1.3rem; background: url(../images/lzym_jdzs/jdlistIndex/dizhi.png) center left no-repeat; background-size:1.3rem 1.5rem; padding-left: 1.8rem;} .no-data{ text-align: center; font-weight: bold; }