@media screen and (min-width:1800px){ /*.banner .flickerplate{ height:800px;}*/ .entrance li{ height:550px;} .entrance .pub-p{ padding-top:100px; width:300px; height:500px;} .entrance .pub-p img{ margin:60px auto 0;} .i-video .video-img{ min-height:650px;} .i-video .txt{ height:650px;} .i-pm li{ height:600px;} .lovelvoe .banner{ height:600px;} .lovelvoe .banner .blue{ height:600px;} .lovelvoe .banner .txt{ padding:150px 150px 0;} .lovelvoe .top img{ height:550px;} .lovelvoe .top .txt{ height:550px;} } @media screen and (max-width:1500px){ .i-love:before{ left:-120px;} .i-love:after{ right:-50px;} .i-love .con{ width:540px;} .i-love .con .touchcarousel{ width:540px;} .i-love .con .touchcarousel li{ width:540px;} .i-love .con .pub-wz li a{ font-size:22px; overflow:hidden;} .product .r .list .col{ width:50%;} .article-detail .left img{ max-width:800px;} } @media screen and (max-width:1400px){ .lovelvoe .banner .txt strong{ font-size:40px; } /*鍝佺墝鎰挎櫙*/ /*.brand-vision .col-01{ height:500px;} .brand-vision .col-01 .xl-65{ height:500px;} .brand-vision .col-01 .xl-35{ padding:120px 0 0 30px;} .brand-vision .col-01 .xl-35 p{ font-size:36px;} .brand-vision .col-01 .xl-35 b{ font-size:56px;} .brand-vision .col-01 .xl-35 span{ font-size:18px;} .brand-vision .col-02{ padding:120px 0;} .brand-vision .col-02 .xl-65{ padding:0 100px; padding-top:60px;} .brand-vision .col-02 .xl-65 strong{ font-size:46px;} .brand-vision .col-02 .xl-65 strong label{ font-size:30px;} .brand-vision .col-02 .xl-65 strong:after{ width:92px;} .brand-vision .col-02 .xl-65 p span{ font-size:24px; margin-bottom:5px;} .brand-vision .col-02 .xl-65 p label{ font-size:20px;} .brand-vision .col-02 .xl-35{ height:320px;} .brand-vision .col-03{ height:560px;} .brand-vision .col-04{ padding:120px 0;} .brand-vision .col-04 .xl-35{ height:320px; margin-top:10px;} .brand-vision .col-04 .xl-65{ padding-top:0;} .brand-vision .col-04 .xl-65 strong{ font-size:46px;} .brand-vision .col-04 .xl-65 strong label{ font-size:30px;} .brand-vision .col-04 .xl-65 p span{ font-size:24px; margin-bottom:5px;} .brand-vision .col-04 .xl-65 p label{ font-size:20px;} .brand-vision .col-04 .xl-65 strong:after{ width:92px;} .brand-vision .col-05{ height:560px;} .brand-vision .col-06{ padding:120px 0;} .brand-vision .col-06 .xl-65{ padding:0 100px; padding-top:60px;} .brand-vision .col-06 .xl-65 strong{ font-size:46px;} .brand-vision .col-06 .xl-65 strong label{ font-size:30px;} .brand-vision .col-06 .xl-65 strong:after{ width:92px;} .brand-vision .col-06 .xl-65 p span{ font-size:24px; margin-bottom:5px;} .brand-vision .col-06 .xl-65 p label{ font-size:20px;} .brand-vision .col-06 .xl-35{ height:320px;} .brand-vision .col-07{ height:560px;} .brand-vision .col-08{ padding:120px 0;} .brand-vision .col-08 .xl-35{ height:320px; margin-top:60px;} .brand-vision .col-08 .xl-65{ padding-top:0;} .brand-vision .col-08 .xl-65 strong{ font-size:46px;} .brand-vision .col-08 .xl-65 strong label{ font-size:30px;} .brand-vision .col-08 .xl-65 p span{ font-size:24px; margin-bottom:5px;} .brand-vision .col-08 .xl-65 p label{ font-size:20px;} .brand-vision .col-08 .xl-65 strong:after{ width:92px;}*/ } @media screen and (max-width:1300px){ /*.banner .flickerplate{ height:580px;}*/ .head-div .container{ padding:0 40px;} .i-pm li.nh .touchcarousel{ width:320px;} .i-pm li.nh .touchcarousel li{ width:320px;} .i-pm li.nh .touchcarousel li img{ width:320px;} .i-pm .pl{ width:180px; height:360px;} .i-love .con{ width:460px;} .i-love .con .plan li a{ font-size:16px;} .i-love .con .touchcarousel{ width:460px;} .i-love .con .touchcarousel li{ width:460px;} .i-love .con .pub-wz li a{ font-size:18px;} .i-love:before{ left:-200px;} .i-love:after{ right:-100px;} .lovelvoe .banner .txt strong{ font-size:34px; } .lovelvoe .banner .txt span{ font-size:22px; } .lovelvoe .menu li{ padding:0 50px;} .head-div ul.dh li { padding:40px 0;} .entrance{ padding:0;} .i-video .txt{ padding:0 40px;} .i-new{ padding:40px;} .i-pm{ padding:0 40px 40px;} .i-love:before{ left:-260px;} .i-love:after{ right:-150px;} .entrance li{ height:360px;} .entrance .pub-p{ width:200px; height:310px; padding-top:40px;} .entrance .pub-p img{ width:80px;} .lovelvoe .menu{ padding:40px 40px 80px;} .lovelvoe .top{ padding:0 40px;} .lovelvoe .list{ padding:40px;} .lovelvoe .type-list{ margin:0 40px 20px; } .step{ padding:40px;} .shop{ padding:40px;} .seach{ margin:40px auto; width:100%; padding:0 40px;} .article-detail{ padding:40px;} .article-detail .left img{ max-width:600px;} .about{ padding:0 40px;} } @media screen and (max-width:1080px){ /*鏂囩珷*/ .article-detail .left{ width:65%;} .article-detail .right{ width:30%;} .article-detail .left img{ width:100%;} } @media screen and (max-width:900px){ body{ontouchstart='ontouchstart'} /*鍘婚櫎 hover*/ .flexslider{ margin:0 !important;} .head-div .container.tag{ height:auto; overflow:initial; min-height:100px;} .pub-pc{ display:none;} .head-div{ border:1px solid #0058a2;} .head-div .logo{ float:none; margin:16px auto; display:block; background:url(../images/head-logo.png) no-repeat; width:285px; height:61px;} .head-div .meun{ top:0; left:0; width:100px; height:100px; background:url(../images/m-menu.png) center no-repeat;} .head-div .zoom{ top:0; right:0; width:100px; height:100px; background:url(../images/m-zoom.png) center no-repeat;} .m-menu{ position:fixed; z-index:9999; padding:30px 40px; box-shadow:0 0 5px 3px rgba(0,0,0,0.2); left:0; width:100%; background:#fff; top:100px; } .m-menu p{ height:90px; line-height:90px; border-bottom:1px solid #ccc;} .m-menu p:last-child{ border:0;} .m-menu p a{ padding-left:20px; text-align:left; display:block; font-size:26px; color:#666;} .m-banner{ display:block; position: relative; overflow: hidden; list-style: none;} .m-banner .flickerplate{ height:520px;} .entrance{ background:#0058a2;} .entrance li{ height:240px; overflow:hidden;} .entrance .pub-p{ height:225px; width:140px; margin:15px auto 0;} .entrance .pub-p b{ font-size:28px; padding:0; text-align:center; } .entrance .pub-p label{ padding-left:15px; padding:0; font-size:16px; text-align:center;} .entrance .pub-p img{ margin:20px auto 0;} .entrance .p01 img{ width:45px;} .entrance .p02 img{ width:50px;} .entrance .p03 img{ width:45px;} /*.i-video video{ width:100%;}*/ .i-video{ margin-top:-1px;} .i-video .video-img{ width:100%; min-height:480px;} .i-video .txt{ width:100%; height:auto; padding:20px 40px;} .i-video .txt b{ font-size:34px;} .i-video .txt p{ font-size:24px; line-height:40px;} .i-love .title b{ font-size:34px;} .i-love .title span{ font-size:24px;} .i-love .con .plan li a{ font-size:22px;} .m-i-new { display:block; padding:80px 40px; overflow:hidden; background:#fff;} .m-i-new .title{ text-align:center; margin-bottom:50px;} .m-i-new .title b{ position:relative; display:block; font-size:34px; color:#0058a2;} .m-i-new .title b a{ right:0; position:absolute; color:#999; font-weight:normal; width:70px; height:70px; line-height:70px; border-radius:50%; font-size:22px; border:1px solid #ccc;} .m-i-new .title p{ margin-top:10px; font-size:24px; color:#999;} .m-i-new .touchcarousel{ width:560px; height:560px; margin:0 auto;} .m-i-new .touchcarousel li{ width:560px;} .m-i-new .touchcarousel li img{ width:100%; margin-bottom:10px;} .m-i-new .touchcarousel li b{ font-size:28px; display:block; padding:10px 0; line-height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;} .m-i-new .touchcarousel li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:24px; line-height:40px; color:#666;} .m-i-new .touchcarousel .arrow-icon{ margin-top:-105px; background:rgba(0,88,162,0.8); width:50px; height:50px; border-radius:50%;} .m-i-new .touchcarousel .arrow-icon.left{ background:url(../images/m-left.png) center no-repeat rgba(0,88,162,0.8);} .m-i-new .touchcarousel .arrow-icon.right{ background:url(../images/m-right.png) center no-repeat rgba(0,88,162,0.8);} .m-i-new .touchcarousel .arrow-holder.left{ left:20px;} .m-i-new .touchcarousel .arrow-holder.right{ right:22px;} .m-i-pm{ display:block; } .m-i-pm .col{ overflow:hidden;} .m-i-pm .col a{ display:block; color:#fff; width:100%;} .m-i-pm .col p{ text-align:center; width:50%; height:400px; float:left; display:flex; align-items:center;} .m-i-pm .col:first-child{} .m-i-pm .col:first-child p:first-child{ background:#fff;} .m-i-pm .col:first-child p:last-child{ background:#133e7a;} .m-i-pm .col:nth-child(2) p:first-child{ background:#133e7a;} .m-i-pm .col .pub-c{ padding-top:85px; text-align:center; margin:0 auto; display:block; border-radius:100px; width:140px; height:245px; background:#0058a2;} .m-i-pm .col p b{ display:block; font-size:32px; margin-bottom:10px;} .m-i-pm .col p label{ font-size:24px;} .m-i-pm .m-i-zj{ border-top:1px solid #0058a2; border-bottom:1px solid #0058a2; background:#0058a2; padding-bottom:30px;} .m-i-pm .m-i-zj .tle{ padding:50px 0; color:#fff; text-align:center;} .m-i-pm .m-i-zj .tle b{ font-size:34px; display:block; margin-bottom:5px;} .m-i-pm .m-i-zj .tle span{ font-size:24px;} .m-i-pm .touchcarousel{ width:600px; margin:0 auto;} .m-i-pm .touchcarousel li{ width:600px; text-align:center;} .m-i-pm .touchcarousel li img{ width:600px;} .m-i-pm .touchcarousel .tc-paging-item.current { background:#fff; width:80px;} .m-i-pm .touchcarousel .tc-paging-item { border-radius:5px; margin:0 5px; background:#899fbd; width:40px; height:3px; } .i-love{ border-bottom:1px solid #133e7a;} .i-love:before{ top:260px; left:-380px;} .i-love:after{ top:200px; right:-150px; background: url(../images/l-bg02.png) center / 260px 700px no-repeat; width:260px; height:700px;} .i-love .con{ width:600px;} .i-love .con .touchcarousel{ width:380px; margin:0 auto;} .i-love .con .touchcarousel li{ width:380px;} /*浜у搧*/ .product{ padding:0;} .product .pro{ margin:0;} .product .m-type{ display:block; background:#f8f8f8; position:fixed;} .product .m-type dl{ margin-bottom:15px;} .product .m-type dt{ background:#ececec; font-size:26px; padding:15px 15px;} .product .m-type dd{ font-size:20px; padding:20px 15px; display:none;} .product .m-type dl.tag dt{ border:1px solid #0058a2; background:#0058a2; color:#fff;} .product .m-type dl.tag dd{ display:block;} .product .r{ padding:30px 40px;} .product .r .list .col{ width:100%;} .product .r .list .tt b{ font-size:26px; margin-top:30px;} .product .r .list .tt span{ font-size:22px; margin-bottom:15px;} .product .r .list .tt a{ font-size:20px;} .product .r .list .tt label{ font-size:20px; bottom:0; position:relative;} .product .r .tle{ font-size:28px;} /*鐖变笂鐖辩埍*/ .m-gk{ height:159px; display:block;} .m-love-menu{ display:block; padding:30px 0; overflow:hidden; position:fixed; top:100px; width:100%; background:#fff; z-index:10; } .m-love-menu a{ float:left; width:20%; text-align:center; font-size:18px; color:#666;} .m-love-menu a i{ display:block; margin:0 auto 20px; width:85px; background:#ececec; height:55px; border-radius:50px; } .m-love-menu a:nth-child(1) i{ background:url(../images/lovelove-icon.png) 28px 10px no-repeat #ececec;} .m-love-menu a:nth-child(2) i{ background:url(../images/lovelove-icon.png) 28px -49px no-repeat #ececec;} .m-love-menu a:nth-child(3) i{ background:url(../images/lovelove-icon.png) 28px -105px no-repeat #ececec;} .m-love-menu a:nth-child(4) i{ background:url(../images/lovelove-icon.png) 28px -157px no-repeat #ececec;} .m-love-menu a:nth-child(5) i{ background:url(../images/lovelove-icon.png) 28px -206px no-repeat #ececec;} .m-love-menu a.tag label{ color:#0058a2;} .m-love-menu a.tag:nth-child(1) i{ background:url(../images/lovelove-icon.png) -60px 10px no-repeat #0058a2;} .m-love-menu a.tag:nth-child(2) i{ background:url(../images/lovelove-icon.png) -60px -49px no-repeat #0058a2;} .m-love-menu a.tag:nth-child(3) i{ background:url(../images/lovelove-icon.png) -60px -105px no-repeat #0058a2;} .m-love-menu a.tag:nth-child(4) i{ background:url(../images/lovelove-icon.png) -60px -157px no-repeat #0058a2;} .m-love-menu a.tag:nth-child(5) i{ background:url(../images/lovelove-icon.png) -60px -206px no-repeat #0058a2;} .lovelvoe .top{ padding:0;} .lovelvoe .top .txt{position:relative; width:100%; padding:40px; height:auto;} .lovelvoe .top .txt strong{ font-size:28px;} .lovelvoe .top .txt p{ font-size:20px;} .lovelvoe .top .txt a{ font-size:20px; height:60px; line-height:60px; padding:0 60px;} .lovelvoe .top img{ width:100% !important; height:auto !important; } .lovelvoe .list .con{ margin:0;} .lovelvoe .list{ padding:0;} .lovelvoe .list .col{ width:100%; padding:0; } .lovelvoe .list .col .txt{ padding:30px;} .lovelvoe .list .col b{ font-size:28px; margin-bottom:10px;} .lovelvoe .list .col p{ font-size:24px; line-height:38px;} .lovelvoe .list .col span{ font-size:18px;} .lovelvoe .list .col a.btn{ font-size:20px; height:60px; line-height:60px; padding:0 60px; margin-bottom:0;} .lovelvoe .list .col a.btn:hover{ line-height:60px;} /*鍏充簬鏉滆暰鏂�*/ .about{ padding:0;} .about .r{ padding:0; width:100%;} .m-about-menu{ display:block; padding:30px 0; overflow:hidden; border-bottom:1px solid #f1f1f1; background-color: #fff;} .m-about-menu a{ padding:20px 0; color:#666; font-size:20px; float:left; width:25%; text-align:center} .m-about-menu a i{ display:block; margin:0 auto 20px; width:85px; background:#ececec; height:60px; border-radius:50px; } .m-about-menu a.tag{ color:#0058a2;} /* .m-about-menu a:nth-child(1) i{ background:url(../images/about-icon.png) 20px 12px no-repeat #ececec;} .m-about-menu a:nth-child(2) i{ background:url(../images/about-icon.png) 20px -400px no-repeat #ececec;} .m-about-menu a:nth-child(3) i{ background:url(../images/about-icon.png) 20px -54px no-repeat #ececec;} .m-about-menu a:nth-child(4) i{ background:url(../images/about-icon.png) 20px -125px no-repeat #ececec;} .m-about-menu a:nth-child(5) i{ background:url(../images/about-icon.png) 22px -470px no-repeat #ececec;} .m-about-menu a:nth-child(6) i{ background:url(../images/about-icon.png) 20px -192px no-repeat #ececec;} .m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -260px no-repeat #ececec;} .m-about-menu a:nth-child(8) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;} .m-about-menu a.tag:nth-child(1) i{ background:url(../images/about-icon.png) -62px 12px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(2) i{ background:url(../images/about-icon.png) -62px -400px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(3) i{ background:url(../images/about-icon.png) -60px -54px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(5) i{ background:url(../images/about-icon.png) -60px -470px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(4) i{ background:url(../images/about-icon.png) -62px -125px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(6) i{ background:url(../images/about-icon.png) -60px -192px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(7) i{ background:url(../images/about-icon.png) -62px -260px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(8) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;} */ .m-about-menu a:nth-child(1) i{ background:url(../images/about-icon.png) 20px -400px no-repeat #ececec;} .m-about-menu a:nth-child(2) i{ background:url(../images/about-icon.png) 20px -54px no-repeat #ececec;} .m-about-menu a:nth-child(3) i{ background:url(../images/about-icon.png) 22px -470px no-repeat #ececec;} .m-about-menu a:nth-child(4) i{ background:url(../images/about-icon.png) 20px -125px no-repeat #ececec;} .m-about-menu a:nth-child(5) i{ background:url(../images/about-icon.png) 20px -192px no-repeat #ececec;} .m-about-menu a:nth-child(6) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;} .m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -540px no-repeat #ececec;} /* .m-about-menu a:nth-child(7) i{ background:url(../images/about-icon.png) 20px -260px no-repeat #ececec;} .m-about-menu a:nth-child(8) i{ background:url(../images/about-icon.png) 20px -328px no-repeat #ececec;} */ .m-about-menu a.tag:nth-child(1) i{ background:url(../images/about-icon.png) -62px -400px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(2) i{ background:url(../images/about-icon.png) -62px -54px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(3) i{ background:url(../images/about-icon.png) -60px -470px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(4) i{ background:url(../images/about-icon.png) -62px -125px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(5) i{ background:url(../images/about-icon.png) -60px -192px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(6) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;} /* .m-about-menu a.tag:nth-child(7) i{ background:url(../images/about-icon.png) -62px -260px no-repeat #0058a2;} .m-about-menu a.tag:nth-child(8) i{ background:url(../images/about-icon.png) -60px -328px no-repeat #0058a2;} */ .about .r strong{ font-size:28px;} .about .r p{ font-size:22px; padding:0 20px; line-height:44px; text-indent:48px;} .about .r .d-img{ display:block; width:600px; margin:0 auto 30px;} .about .r .a-img{ padding:0 20px;} .about .r .a-img img{ width:100%;} /*绮鹃€夐棬搴�*/ .shop{ padding:50px 30px;} .shop .col{ width:50%;} .blue{ background:#0058a2;} .video-con{ width:640px; left:0; margin-left:0; top:50%; margin-top:-142px; padding:0; background:none;} .video-con .m-close{ color:#fff; font-size:26px; border:2px solid #fff; bottom:-100px; height:60px; line-height:60px; width:160px; left:50%; margin-left:-80px; text-align:center; border-radius:50px; } .lovelvoe .btn{ margin-bottom:100px; } .lovelvoe .btn a{ font-size:26px; color:#999;} .m-quality{ display:block;} /*浜у搧璇︽儏*/ .product-details .info{ width:100%; padding:20px;} .product-details .info .txt{ width:100%;} .contact{ padding:0 20px;} /*鏂伴椈璇︽儏*/ .article-detail{ padding:20px 20px 100px 20px;} .article-detail .left > strong { padding:20px 0; margin-bottom:10px; font-weight:400; font-size:38px; line-height:50px;} .article-detail .left{ width:100%;} .article-detail .left h3{ font-size:34px; line-height:50px; color:#333;} .article-detail .left h4{ font-size:32px; line-height: 50px; padding-bottom: 30px; color:#333;} .article-detail .left p{ font-size:28px; line-height:50px; text-indent:56px;} .article-detail .left p img{/* margin-left: -56px; */} .article-detail .left p iframe{margin-left: -56px;} .article-detail .left p video{margin-left: -56px;} .article-detail .right{ display:none; width:100%;} .article-detail .data{ text-align:left; color:#999; margin-bottom:60px; font-size: 20px;} .article-detail .left iframe{ width:600px; height:400px;} .share-btn{ margin:0;} .page-bor{ margin:20px 0 0;} .mobile-dp{ display:block; } .foot-div .icon-list{ font-size:24px;} .foot-div .icon-list label{ display:block; margin-bottom:30px;} .foot-div .lg a{ font-size:24px;} .foot-div .mg{ font-size:18px;} .foot-div .mg p a{ color:#fff;} .foot-div .fg{ font-size:24px;} .foot-div .fg ul{ width:200px; margin-left:-100px; margin-bottom: 10px;} .seach .seach-inp span{ font-size:32px;} .seach .list .col .product-img{ width:560px;} .seach .list .col .product-img b{ font-size:20px;} .seach .list .col .new-img b{ font-size:26px;} .seach .list .col .new-img p{ font-size:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .seach .list .col .new-img img{ width:280px;} .china-pimg h4{ padding:0 20px; font-size:24px;} .china-col h4{ padding:0 20px; font-size:24px;} .about .r .subtitle{ padding:0 20px; font-size:28px;} .shop .col .pt label{ font-size:16px;} .product-details{ padding-bottom:100px;} .product-details .info .touchcarousel{ display:block; width:600px; height:600px; margin:0 auto; border:1px solid #ccc;} .product-details .info .touchcarousel li{ width:600px; text-align:center; padding-top:50px;} .product-details .info .touchcarousel .arrow-icon{ opacity:0.5; width:60px; height:60px;} .product-details .info .touchcarousel .arrow-icon.left{ background:url(../images/p-left-jt.png) center / 30px 30px no-repeat #0058a2;} .product-details .info .touchcarousel .arrow-icon.right{ right:0; background:url(../images/p-right-jt.png) center / 30px 30px no-repeat #0058a2;} .product-details .tj{ width:auto; padding:0 20px; display:none;} .product-details .tj .list{ margin-right:0;} .product-details .tj .list .col{ width:100%; padding-right:0;} .product-details .tj .tle{ font-size:30px;} .product-details .tj .list .tt b{ font-size:22px;} .product-details .tj .list .tt span{ font-size:18px; margin-bottom:20px;} .product-details .tj .list .tt label{ font-size:16px; } .product-details .info .txt{ margin-top:30px;} .product-details .info .txt strong{ font-size:36px;} .product-details .info .txt span{ font-size:24px;} .product-details .info .txt .pr p{ font-size:24px; line-height:44px;} .product-details .info .txt .sm p{ font-size:24px; line-height:44px;} .product-details .info .btn{ } .product-details .info .btn a{ display:block; text-align:center; height:120px; line-height:110px; font-size:30px;} .product-details .info .btn.tag{ z-index:9999; position:fixed; bottom:0; left:0; width:100%;} .product-details .details-img{ width:100%; padding:0 20px;} .product-details .details-img img{ width:100%;} .product-details .details-img .btn{ display:none;} .contact .col b{ font-size:30px;} .contact .col span{width:100%; font-size:22px; line-height:36px;} .contact .col:first-child span{ width:100%; margin-bottom:20px; } .contact .col span.map { background: url(../images/map-icon.png) 0 10px no-repeat;} .contact .col span.phone { padding-left:26px; background:url(../images/phone-icon.png) 0 10px no-repeat;} .contact .col span.mail { padding-left:26px; background:url(../images/mail-icon.png) 0 10px no-repeat;} .contact .col span.num { padding-left:26px; background: url(../images/num-icon.png) 0 10px no-repeat;} .contact .col:nth-child(2) span:nth-child(3){ width:100%;} .contact .col:nth-child(2) span:nth-child(4){ width:50%;} .contact .col:nth-child(2) span:nth-child(5){ width:50%;} .contact .col:nth-child(2) span:nth-child(6){ width:50%;} .contact .col:nth-child(2) span:nth-child(7){ width:50%;} .contact .col span i{ display:block;} .contact .col label{ font-size:22px;} .shop .txt{ font-size:18px; } .lovelvoe .type-list{ margin:0; padding:10px 30px 30px;} .lovelvoe .type-list .col{ font-size:20px; padding-bottom: 10px;} .lovelvoe .type-list .col label{ float:none; display:block; padding:10px 0;} .lovelvoe .type-list .col p{ padding:10px 0;} .lovelvoe .type-list .col span{ margin:0 10px 0 0;} .lovelvoe .list .no-data{ font-size:24px; } .global-map{} .global-map .map-list{ width:100%; height:342px; } .global-map .map-list .pub-i{ width:20px; height:20px;} .m-map{ display:block;} .mCSB_container.mCS_touch{ padding:150px 0 0; left:-380px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ bottom: none !important; top:0 !important;} .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:90% !important; left:50% !important; margin-left:-45%;} .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(0, 88, 162, 1) !important;} .global-map .map-list .pub-i{ } .global-map .map-list .pub-i.i01{ top:190px; left:490px}/*瓒婂崡 椹潵瑗夸簹 娉板浗 鏂板姞鍧�*/ .global-map .map-list .pub-i.i02{ top:60px; left:320px}/*濂ュ湴鍒� 鎹峰厠鍏卞拰鍥� 娉曞浗 寰峰浗 鑽峰叞 涓归害 */ .global-map .map-list .pub-i.i25{ top:90px; left:390px}/* 鍖堢墮鍒� 钁¤悇鐗� 鐟炲+ 鐖辨矙灏间簹 鎸▉*/ .global-map .map-list .pub-i.i23{ top:70px; left:440px}/*缃楅┈灏间簹 鏂礇鏂囧凹浜� 鑻卞浗 鎹峰厠鍏卞拰鍥�*/ .global-map .map-list .pub-i.i24{ top:90px; left:460px}/* 姣斿埄鏃� 鍏嬬綏鍦颁簹 鎷夎劚缁翠簹 娉㈠叞 鐟炲吀*/ .global-map .map-list .pub-i.i03{ top:240px; left:180px}/*宸磋タ 绉橀瞾*/ .global-map .map-list .pub-i.i04{ top:180px; left:440px}/*鍩冨強 浠ヨ壊鍒� 鎰忓ぇ鍒�*/ .global-map .map-list .pub-i.i05{ top:120px; left:355px}/*鐖卞皵鍏�*/ .global-map .map-list .pub-i.i06{ top:195px; left:545px}/*鍗板害 宸村熀鏂潶*/ .global-map .map-list .pub-i.i07{ top:120px; left:520px}/*鏃ユ湰*/ .global-map .map-list .pub-i.i08{ top:365px; left:7503x}/*鏂拌タ鍏�*/ .global-map .map-list .pub-i.i09{ top:230px; left:400px}/*灏兼棩鍒╀簹*/ .global-map .map-list .pub-i.i10{ top:90px; left:460px}/*淇勭綏鏂� */ .global-map .map-list .pub-i.i11{ top:250px; left:450px}/*鍧︽灏间簹*/ .global-map .map-list .pub-i.i12{ top:100px; left:130px}/*鍔犳嬁澶�*/ .global-map .map-list .pub-i.i13{ top:230px; left:220px}/*鍝ヤ鸡姣斾簹*/ .global-map .map-list .pub-i.i14{ top:160px; left:150px}/*澧ㄨタ鍝� 缇庡浗 鍗卞湴椹媺 娲兘鎷夋柉 灏煎姞鎷夌摐 钀ㄥ皵鐡﹀ 宸存嬁椹�*/ .global-map .map-list .pub-i.i15{ top:220px; left:340px}/*鍦熻€冲叾 浠ヨ壊鍒�*/ .global-map .map-list .pub-i.i16{ top:270px; left:540px}/*婢冲ぇ鍒╀簹*/ .global-map .map-list .pub-i.i17{ top:200px; left:170px}/*宸磋タ 绉橀瞾 鍗卞湴椹媺*/ .global-map .map-list .pub-i.i18{ top:270px; left:640px}/*鍗板害灏艰タ浜�*/ .global-map .map-list .pub-i.i19{ top:220px; left:660px}/*鑿插緥瀹�*/ .global-map .map-list .pub-i.i20{ top:130px; left:600px}/*涓浗*/ .global-map .map-list .pub-i.i21{ top:60px; left:400px}/*鑺叞*/ .global-map .map-list .pub-i.i22{ top:320px; left:430px}/*鍗楅潪*/ .global-map .map-tsdiv{ background:none; z-index:inherit; box-shadow:none; } .global-map .map-tsdiv p { float:left; width:50%; padding:0; text-indent: 0;} .global-map .map-tsdiv p a{ font-size:20px; margin:0; float:none; color:#0058a2;} .global-map .map-tsdiv p span{ float:right; padding-right:20px; color:#666;} .global-map .map-tsdiv .btn{ color: #fff; position:absolute; font-size: 26px; border: 2px solid #fff; bottom: -100px; height: 60px; line-height: 60px; width: 160px; left: 50%; margin-left: -80px; text-align: center; border-radius: 50px;} .map-xs-div{ z-index:9999; position:fixed; bottom:auto; top:200px; width:600px; left:50%; margin-left:-300px; background:#fff; padding:20px; box-shadow: 5px 5px 15px #ccc;} .validate-seach{ padding:40px;} .validate-seach .validate-form .inp{ height:auto;} .validate-seach .validate-form .inp input{ border:1px solid #ccc; border-radius:0; height:76px; font-size:24px; width:100%; margin-bottom:20px; float:none; } .validate-seach .validate-form .inp a{ height:76px; line-height:76px; font-size:28px; width:100%; float:none; } .validate-seach .validate-form .txt p{ font-size:24px; line-height:42px;} .validate-seach .validate-form .inp .ts{ display:none; font-size:24px; text-align:center; margin-top:40px; color:#0058a2; font-weight:bold; line-height:34px; } .validate-seach .validate-form .inp .ts.tag{ display:block;} .validate-seach .validate-form .inp .ts i{ background:url(../images/btn_search_jt.png) top center / 34px 34px no-repeat; display:inline-block; width:34px; height:34px; vertical-align:bottom; margin-left:5px; } /* .validate-seach .validate-result strong{ background:#0058a2; color:#fff; display:block; text-align:center; padding:10px 0; font-size:30px;} */ .validate-seach .validate-form .xl-6{ width:100%; margin-bottom:20px;} .validate-seach .validate-form .xl-4{ width:100%; display:none;} .validate-seach .validate-form .list-img{ float:left; display:none;} .validate-seach .validate-result strong{ background:none; } .validate-seach .validate-result strong label{ padding:10px 0; font-size:30px; background:#0058a2; color:#fff; display:block; text-align:center;} .validate-seach .validate-result strong > span{ font-size:24px; margin:15px 0 0; display:block;} .validate-seach .validate-form .list-p{ width:100%; padding:0;} .validate-seach .validate-form .list-img.m_img{ display:block; margin-top:20px;} .validate-seach .validate-result .xl-7{ width:100%;} .validate-seach .validate-result p{ font-size:24px; line-height:42px;} .validate-seach .validate-result .btn{ margin-top:30px;} .validate-seach .validate-result .btn a{ font-size:24px; border:1px solid #0058a2; padding:10px; margin-bottom:20px;} .validate-seach .validate-result .xl-3{ width:100%;} .validate-seach .validate-result .dpmh{ float:left;} .i-love .con .pub-wz li a{ font-size:22px;} .validate-seach strong{ font-size:36px;} .validate-seach .info p{ height:76px; line-height:76px;} .validate-seach .info p input{ width:100%; height:76px; line-height:76px; font-size:24px;} .validate-seach .info a{ height:76px; line-height:76px; font-size:28px; width: 100%;} .validate-seach .info{ overflow:hidden;} .validate-seach .validate-form .xl-7{ width:100%;} .validate-seach .validate-form .xl-3{ display:none;} .glasslayer02{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,1); top:0px; left:0px; z-index:9998;} .i-love .con .more{ right:10px; width: 70px; top:-200px; opacity:0.6; height: 70px; line-height: 70px; font-size:22px;} .news-list .i-new{ padding:40px;} .news-list .btn a{ font-size:20px; line-height:60px; padding:0 40px;} .m_animation{ display:block;} /*鍏泭瀹堟姢*/ .gysh_con .col-01{ height:auto;} .gysh_con .col-01 .xl-65{ width:100%;} .gysh_con .col-01 .xl-35{ width:100%; padding:50px;} .gysh_con .sm_txt{ padding:30px; font-size:22px; line-height:44px;} .gysh_con .old{ padding:0 30px;} .gysh_con .old img{ width:100%;} .gysh_con .group{ padding-left:50px;} .gysh_con .group .title{ margin:0 50px 30px;} .gysh_con .list{ padding:0 50px;} .gysh_con .group:before{ left:50px;} .gysh_con .group:after{ left:40px;} .gysh_con .group i{ left:45px;} .gysh_con .list .col{ width:100%;} .gysh_con .list .col b{ font-size:22px;} .gysh_con .list .col span{ font-size:22px; line-height:44px;} } @media screen and (max-width:660px){ .m-banner{ height:800px;} .m-banner .flickerplate{ height:800px;} .entrance{ padding:0;} .wechat-div i{ width:60px; height:60px; background: url(../images/code-close.png) center / 40px 40px no-repeat #0058a2; top:-30px; right:-30px;} .dd-div i,.ks-div i,.xhs-div i{width:60px; height:60px; background: url(../images/code-close.png) center / 40px 40px no-repeat #0058a2; top:-30px; right:-30px;} .news-list .i-new{ padding:0;} .news-list li{ width:100%;} .news-list .i-new li .txt{ padding:30px;} .news-list .i-new li .txt b{ font-size:28px;} .news-list .i-new li .txt p{ font-size:24px; line-height:38px;} .news-list .i-new li .txt a.btn{font-size: 20px; height: 60px; line-height: 60px; padding: 0 60px; margin-bottom: 0;} .flexslider01 .flex-direction-nav .flex-prev{ margin-top:-100px; margin-left:20px; width:50px; height:50px; border-radius:50%; background: url(../images/m-left.png) center no-repeat rgba(0,88,162,0.8);} .flexslider01 .flex-direction-nav .flex-next{ margin-top:-100px; margin-right:20px; width:50px; height:50px; border-radius:50%; background: url(../images/m-right.png) center no-repeat rgba(0,88,162,0.8);} .flexslider01 .flex-control-nav{ display:none;} .flexslider02 .flex-direction-nav .flex-prev{ margin-top:-50px; width:50px; height:50px; background: url(../images/p-left-jt.png) center / 30px 30px no-repeat #0058a2;} .flexslider02 .flex-direction-nav .flex-next{ margin-top:-50px; width:50px; height:50px; background: url(../images/p-right-jt.png) center / 30px 30px no-repeat #0058a2;} .flexslider02 .flex-control-nav{ display:none;} .durex-privacy{ padding:80px 40px;} .durex-privacy h4{ font-size:28px; margin-bottom:40px;} .durex-privacy p{ font-size:22px; line-height:40px; margin-bottom:40px;} .durex-privacy b{ font-size:22px; margin-bottom:40px;} /*鍝佺墝鎰挎櫙*/ .brand-vision .col-01{ height:980px; } .brand-vision .col-01 .xl-65{ width:100%; height:660px;} .brand-vision .col-01 .xl-35{ width:100%; padding:60px 0 0px 30px;} .brand-vision .col-01 .xl-35 p{ margin-bottom:10px;padding-right:0;} .brand-vision .col-01 .xl-35 .pc{ display:none;} .brand-vision .col-01 .xl-35 .undis{ display:block; margin-bottom:15px;} .brand-vision .col-02{ padding:150px 0;} .brand-vision .col-02 .xl-65{ width:100%; padding:0 30px; } .brand-vision .col-02 .xl-35{ width:80%; display:none; } .brand-vision .col-02 .xl-65 p span{ font-size:30px; line-height:50px;} .brand-vision .col-02 .xl-65 p label{ font-size:26px; line-height:40px;} .brand-vision .col-03{ height:520px; border-radius:500px 0 0 500px; } .brand-vision .col-04{ padding:150px 0;} .brand-vision .col-04 .xl-65{ width:100%; padding:0 30px;} .brand-vision .col-04 .xl-35{ width:80%; display:none;} .brand-vision .col-04 .xl-65 p span{ font-size:30px; line-height:50px;} .brand-vision .col-04 .xl-65 p label{ font-size:26px; line-height:40px;} .brand-vision .col-05{ height:506px;} .brand-vision .col-05 .xl-65{ border-radius:0 500px 500px 0; width:100%; height:506px;} .brand-vision .col-06{ padding:150px 0;} .brand-vision .col-06 .xl-65{width:100%; padding:0 30px; } .brand-vision .col-06 .xl-35{ width:80%; display:none;} .brand-vision .col-06 .xl-65 p span{ font-size:30px; line-height:50px;} .brand-vision .col-06 .xl-65 p label{ font-size:26px; line-height:40px;} .brand-vision .col-07{ height:506px;} .brand-vision .col-07 .xl-65{ border-radius:500px 0 0 500px; width:100%; height:506px;} .brand-vision .col-08{ padding:150px 0;} .brand-vision .col-08 .xl-65{ width:100%; padding:0 30px;} .brand-vision .col-08 .xl-35{ width:80%; display:none; margin-bottom:90px; margin-top:0;} .brand-vision .col-08 .xl-65 p span{ font-size:30px;} .brand-vision .col-08 .xl-65 p label{ font-size:26px; display:block; margin-bottom:30px;} /*20210712*/ .brand-vision .col-09{ padding:150px 30px 100px;} .brand-vision .col-09 .xl-65{ padding:0; width:100%; float:none;} .brand-vision .col-09 .xl-35{ display:none;} .brand-vision .col-09 .xl-65 p span{ font-size:30px; line-height:50px;} .brand-vision .col-09 .xl-65 p label{ font-size: 26px; line-height: 40px;} .brand-vision .m_09_img{ margin-bottom:50px; height:660px; background:#0059a2; display:block;} .brand-vision .m_09_img p{ border-radius: 0 500px 500px 0; height:660px; background:url(../images/1221/a-m09-01.jpg) center / cover no-repeat;} .about .r p.bz{ font-size:22px;} }