.maskfadeUp { display: block; background-color: #ffffff; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } .maskfadeUp { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .maskfadeUp.animated { -webkit-transform: translateY(-102%); transform: translateY(-102%); } .maskfadeLeft{ display: block; background-color: #f9c152; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } .maskfadeLeft { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .maskfadeLeft.animated { -webkit-transform: translateX(102%); transform: translateX(102%); } .header{width: 100%; padding: 20px 11% 20px; position: fixed; z-index: 9; box-sizing: border-box; background-image: linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,0)); overflow: hidden; transition: .2s; } .header .logo{float: left;} .header .logo img{height: 40px;} .header .logo2 img{height: 40px;} .header .menu_btn{position: absolute; left: 50%; padding-top: 10px; transform: translateX(-50%); color: #fff; font-size: 16px; font-weight: bold; cursor: pointer;} .header .menu_btn span{display: inline-block; width: 40px;} .header .menu_btn span::before{content: ""; display: block; width: 30px; height: 2px; background: #fff; margin-bottom: 6px; transition: .3s;} .header .menu_btn span::after{content: ""; display: block; width: 30px; height: 2px; background: #fff; transition: .3s;} .header .head_btn{float: right; font-size: 16px; color: #fff; font-weight: bold; padding-top: 2px;} .header .head_btn a{color: #fff;} .header .head_btn span{padding-left: 15px; line-height: 27px;} .header .head_btn .mall_btn{float: left; margin-right: 50px;} .header .head_btn .mall_btn img{vertical-align: middle;} .header .head_btn .join_btn{float: left; margin: 0 20px; font-size: 16px;} .header .head_btn .join_btn a{ display: flex; display: -webkit-flex; align-content: center;} .header .head_btn .join_btn i{background: url(../images/join.png) no-repeat center center; width: 30px; height: 27px; display: block;} .header .head_btn .tel{float: left; margin: 0 20px; font-size: 24px; font-weight: bold; font-family: arial; display: flex; align-content: center;margin-right: 0;} .header .head_btn .tel i{ background: url(../images/tel.png) no-repeat center center; width: 30px; height: 27px; display:block;} .header .head_btn .tel span{display:block;} .header.white{background: #eaeaea;} .header.white .menu_btn{color: #212121} .header.white .menu_btn span::before, .header.white .menu_btn span::after ,.caseheader .menu_btn span::after{background: #212121;} .header.white .head_btn a{color: #212121} .header.white .tel{color: #212121;} .header.white .tel i{ background: url(../images/tel_on.png) no-repeat center center; width: 30px; height: 27px;} .header.white .join_btn i{ background: url(../images/join_on.png) no-repeat center center; width: 30px; height: 27px;} .header.white1{background: #EAEAEA; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);} .header.white1 .menu_btn{color: #212121} .header.white1 .menu_btn span::before, .header.white1 .menu_btn span::after, .caseheader .menu_btn span::before{background: #212121;} .header.white1 .head_btn a ,.caseheader .head_btn a{color: #212121} .header.white1 .tel, .caseheader .tel{color: #212121} .header .menu_btn.close span::before{transform: rotate(40deg) translateY(5px);} .header .menu_btn.close span::after{transform: rotate(-40deg) translateY(-5px);} .header.white1 .tel i{ background: url(../images/tel_on.png) no-repeat center center; width: 30px; height: 27px;} .header.white1 .join_btn i{ background: url(../images/join_on.png) no-repeat center center; width: 30px; height: 27px;} .main_menu{width: 100%; overflow: hidden; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-top: 20px; display: none;} .main_menu li{width: 25%; height: 200px; float: left; box-sizing: border-box; border: 1px solid #eee; border-top: none; border-left: none;} .main_menu li a{display: block; height: 100%; position: relative; transition: .3s;} .main_menu li a span{display: block; width: 100%; position: absolute; text-align: center; top: 50%; transform: translateY(-50%);} .main_menu li a .t1{font-size: 40px; font-family: "Fran"; color: #c79556; opacity: .2;} .main_menu li a .t2{font-size: 40px; color: #333333; z-index: 2;} .main_menu li a:hover{background: #f9c152;} .main_menu li a:hover .t2{color: #fff;} /* banner */ /* .banner{height: 100vh;} */ .banner img{ display: block; width: 100%; margin: 0 auto; } .banner .swiper-slide{width: 100%!important;} .banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.05,1.05); } .banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1); } .banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius: 100%; transition: all 1s; background: #fff; opacity: 0.8; margin: 0 10px;} .banner .swiper-pagination-white .swiper-pagination-bullet-active{ background: #fff; width: 50px; border-radius: 5px;} .banner-link ul li{float: left; width: 25%; position: relative;} .banner-link ul li img{ width:100%} .banner-link ul li a{ position:absolute; background:rgba(0,0,0,0.5); left:0; top:0; bottom:0; right:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .banner-link ul li a:hover{background:rgba(0,0,0,0.0)} /*主内容*/ .indexsec1{background:url(/storage/17034/tpl/my_9/images/casebg2.jpg) ; position: relative; } .indexsec1 .left{width: 50%; max-width: 900px;} .indexsec1 .title{ padding: 40px 0 40px 0;} .indexsec1 .title span{ display: block; width: 40px; height: 6px; background: #000000; margin: 25px 0;} .indexsec1 .title p{font-size: 20px; /*font-weight: bold;*/ color: #333333;font-family:'黑体';} .indexsec1 .text{ box-sizing: border-box; position: relative; z-index: 2; overflow: hidden;} .indexsec1 .text h1{font-size: 26px; font-weight: bold; color: #333333; margin-bottom: 30px;} .indexsec1 .text .text-p{font-size: 16px; color: #333333; line-height: 45px;} .indexsec1 .text p{font-size: 16px; color: #333333; line-height: 35px;} .indexsec1 .left .more a{ transition: all 0.6s; display: block;color: #141418; width: 220px; height: 60px; line-height: 60px;margin: 30px 160px 30px 0; } .indexsec1 .left .more a:hover{border-radius: 35px;} .indexsec1 .left .more span{margin: 0 30px; font-size: 18px;} .indexsec1 .right{position: absolute; right: 0; width: 45%; z-index: 1; top:40px;} /*视频*/ .video-btn{position: absolute; top: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 84px; height: 84px;} .video-btn::before{ position: absolute; top: 10px; right:10px; left: 10px; bottom: 10px; content: ''; display: block; border:3px dashed #fff; border-radius: 100%; transition: all 0.6s; transform: scale(0); animation: ro 15s infinite linear; opacity: 0;} .video-btn:hover::before{ opacity: 0.6; transform: scale(1); top: -10px; right: -10px; left: -10px; bottom: -10px;} .video-popwrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 36663; display: none; border-radius:5px; border:10px solid #fff} .popbg{ position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 3233; display: none;} .popclose{ position: absolute; top:-30px; right:-20px; border-radius: 100%; color: #fff; cursor: pointer; height: 50px; width: 50px; text-align: center; line-height: 43px; font-size: 40px; z-index: 33333; background: #022;} .indextitle{ text-align: center; padding: 60px 0; } .indextitle h3{color: #000000; font-size: 40px;} .indextitle span{color: #000000; font-size: 22px; font-family: arial; margin-left: 15px;} .indexsec2-tab{border-top: 1px solid #eeeeee; padding-top: 50px; } .indexsec2-tab li{float: left; position: relative; width:calc(100%/8);padding-bottom: 45px; width: -moz-calc(100%/8); width: -webkit-calc(100%/8); cursor: pointer; transition: all 0.6s;} .indexsec2-tab li p{transition: all 0.6s;} .pro-icon { display: block; background: url(../images/product_icon.png); width: 80px; height: 80px; margin: 0 auto 10px;} .indexsec2-tab li:hover .pro-icon{ background-image:url(../images/product_icon_h.png)} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-2 ,.pro-icon-2{ background-position:0 -80px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-3 ,.pro-icon-3{ background-position:0 -160px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-4 ,.pro-icon-4{ background-position:0 -240px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-5 ,.pro-icon-5{ background-position:0 -320px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-6 ,.pro-icon-6{ background-position:0 -400px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-7 ,.pro-icon-7{ background-position:0 -480px} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon-8 ,.pro-icon-8{ background-position:0 -560px} .indexsec2-tab li p{text-align: center; font-size: 16px; color: #000000;} .indexsec2-tab li.swiper-slide-thumb-active p{color: #f9c152;} .indexsec2-tab li.swiper-slide-thumb-active .pro-icon ,.indexsec2-tab li.on .pro-icon{ background-image:url(../images/product_icon_h.png)} .indexsec2-tab li:hover p{color: #f9c152;} .indexsec2-tab li.swiper-slide-thumb-active:before ,.indexsec2-tab li.on:before{position: absolute; content: ""; width: 24px; height: 3px; background: #f9c152; bottom: 0px; left: 50%; margin-left: -12px;} .indexsec2-tab-img{height: 750px; width: 100%; position: relative;} .indexsec2-tab-img .item ,.indexsec2-tab-img .item .item_bg{height: 100%;} .indexsec2-tab-img .ibox-inner{width: 100%; height: 100%;} .indexsec2-tab-img .item{position: relative;} .indexsec2-tab-img .item-text{transition: all 0.6s;} .indexsec2-tab-img .item-text{ top: 0; left:0; text-align: center;background: rgba(0,0,0,.3); position: absolute; z-index:3333; width: 100%; height: 100%; box-sizing: border-box; display: none;}.indexsec2-tab-img .item-text .border{position: absolute; left: 50%; top: 50%; max-width: 500px; max-height: 400px;transform: translate(-50%,-50%); padding: 3rem 3rem; box-sizing: border-box; } .indexsec2-tab-img .item-text h3{ color: #ffffff; font-size: 34px; margin-bottom: 40px; margin-top: 10px; } .indexsec2-tab-img .item-text p{ color: #ffffff; font-size: 15px; line-height: 35px; height: 150px; overflow: hidden; opacity: 0; transition: all 800ms ease;} .index-more{width: 220px; height: 50px; border: 1px dashed #0e0e0e; text-align: center; line-height: 50px; margin: 60px auto 0; font-size: 16px; font-family: arial;} /*.indexsec2-tab-img .item-text:hover .index-more{transition: all 0.6s; border: 1px dashed #f9c152; background: #f9c152; border-radius: 30px; box-shadow: 0 0 10px 0 rgba(249,193,82,0.8);}*/ .indexsec2 .swiper-slide-active .item-text h3{ transform: none; opacity: 1;} .indexsec2 .swiper-slide-active .item-text p{ transform: none; opacity: 1;} .indexsec2-tab li:hover span{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}.indexsec2-tab-img .item-text .index-more{background: none; border: none; color: #ffffff;} .indexsec2-tab-img .item:hover .item-text{display: block;} @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @-moz-keyframes jello { from, 11.1%, to { -moz-transform: none; transform: none } 22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .indexsec3{background: url(../images/secbg2.jpg) center top;} .indexsec3-list .item{float: left; width: 48.5%; position: relative; overflow: hidden;} .indexsec3-list .item:nth-child(2){float: right;} .indexsec3-list .item .box .img{display: block; overflow: hidden;} .indexsec3-list .item .box .img img{display: block; width: 100%; transition: all 300ms;} .indexsec3-list .item .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; padding: 5px; box-sizing: border-box; width: 380px; height: 140px; margin: 0 auto;} .indexsec3-list .item .text h3{color: #ffffff; font-size: 26px; margin-bottom: 15px; margin-top: 10px;} .indexsec3-list .item .text p{color: #ffffff; font-size: 18px;}.indexsec3-list .item .text img{display: block; margin: 0 auto }.indexsec3-list .item .line{width: 33px; height: 1px; background: #ffffff; margin: 20px auto 60px;} .indexsec3-list .item .box:hover .img img{ transform:scale(1.06);} .indexsec3-list .item .box .img:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg);} .indexsec3-list .item:hover .box .img:before{ left: 150%; transition: left 1s ease 0s;} .indexsec2{ background: url(../images/secbg2.jpg) center top; } .indexsec4{background:url(/storage/17034/tpl/my_9/images/patternbg.jpg); /*margin-bottom: 70px;*/} .s_news_list .left{width: 48.5%; height: 441px; position: relative;} .s_news_list .left .img{display: block; overflow: hidden; height: 100%;} .s_news_list .left .img img{display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} .s_news_list .left .text{background-color: rgba(0,0,0,.6); width: 300px;height: 240px; padding:2% 4%; box-sizing: border-box; position: absolute; z-index: 2; left: 5%; top: 65%; transform: translateY(-50%); } .s_news_list .left .text .date{color: #999999; font-size: 18px; font-family: arial; margin-bottom: 10px;} .s_news_list .left .text h2{color: #333333; font-size:18px; line-height: 35px; } .s_news_list .left .text:after {content: " ";display: block;clear: both; position: absolute; left: 0px; bottom: 0px; background: #f9c152; line-height: 0; width: 0%; height: 5px;} .s_news_list .left .text:hover:after {width: 100%; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} .s_news_list .left .text a{display: block; color: #141418;} .s_news_list .left .text .t1{ line-height: 35px; overflow: hidden; color: #fff;font-size: 19px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; margin-bottom: 15px;} .s_news_list .left .text span{color:#aaaaaa; font-size: 18px; font-family: arial;} .s_news_list .left .text p{color: #666666; font-size: 16px; height: 100px; line-height: 45px; overflow: hidden;} .s_news_list .left .text .t-more{background: #f9c152; height: 35px; line-height: 30px; width: 45px; display: block; font-family: arial; text-transform: uppercase; font-size: 25px; text-align: center; color: #ffffff; position: absolute; bottom: 12%;} .s_news_list .left:hover .img img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .s_news_list .right{width:48.5%;} .index-news_list li{position: relative; transition: all 0.4s; width: 100%; padding: 20px 0 ; box-sizing: border-box;} .index-news_list li .img{width: 25%; height: 120px; overflow: hidden;} .index-news_list li .img img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 300ms;} .index-news_list li .text{padding-left: 4%; width: 75%; box-sizing: border-box;} .index-news_list li .text h3{font-size: 19px; color: #000000;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 300ms;} .index-news_list li .text p{font-size: 14px;color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .index-news_list li .text span{display: block; margin-top: 0; margin-bottom: 10px; color: #aaaaaa; font-family: arial;} .index-news_list li:first-of-type{padding-top: 0;} .index-news_list li:hover{transform: translateX(10px);} .index-news_list li:hover .img img{transform:scale(1.06);} .index-news_list li:hover .text h3{color: #f9c152;} .indexsec4 .index-more{width: 220px; height: 50px; border: 1px dashed #0e0e0e; text-align: center; line-height: 50px; margin: 60px auto 0; font-size: 16px; font-family: arial;} .indexsec4 .index-more:hover {transition: all 0.6s; border: 1px dashed #f9c152; background: #f9c152; border-radius: 30px; box-shadow: 0 0 10px 0 rgba(249,193,82,0.8);} .footer{background: url(../images/ftbg.jpg) no-repeat center top; padding: 80px 0 0; background-size: cover; box-sizing: border-box; color: #ffffff;} .footer a{ color: #ffffff;} .footer .left{width: 30%;} .footer .left .ftlogo{margin-bottom: 20px;} .footer .left .text .p1{font-size: 16px;} .footer .left .text .p2{font-size: 14px; color: #aaaaaa;} .footer .left .text form{margin-top: 20px; margin-bottom: 20px; display: flex; display: -webkit-flex;} .footer .left .text input{width: 260px; height: 43px; line-height: 43px; text-indent: 20px; border: none;} .footer .left .text .submit{width: 80px; height: 43px; line-height: 43px; color: #ffffff; text-align: center; border: none; background: #f9c152; margin-left: -5px;} .footer .ftnav{width: 58%; padding: 0 4% 0 8%; margin-top: -10px; box-sizing: border-box;} .footer .ftnav li{width: 25%;float: left; } .footer .ftnav li a{display: block; width: 100%; line-height: 50px; font-size: 16px;} .footer .erweima{width: 155px; text-align: center;} .footer .erweima img{width: 135px; height: 135px; margin: 0 auto; border: 1px solid #ffffff; border-color:rgba(255,255,255,.5); padding: 10px; box-sizing: border-box;} .footer .erweima p{margin-top: 10px; font-size: 16px;} .footer-bottom{background: #000000; height: 80px; line-height: 80px; color: #ffffff; padding: 0 20px; box-sizing: border-box; margin-top: 40px; display: flex; display: -webkit-flex; justify-content: space-between;} .link{background: #1a1a1a; text-align: center;} .footer-bottom .yl-ul {width: 215px; background-color: #1a1a1a;position: relative;} .footer-bottom .yl-ul:last-child{ margin-right: 0;} .footer-bottom .yl-ul h3{color: #ffffff; font-size: 16px; height: 80px; line-height: 80px; padding:0 15px; overflow: hidden; cursor: pointer; } .footer-bottom .yl-ul h3 i{ display: inline-block; background: url(../images/ico.png) no-repeat; background-position: -41px -474px; width: 10px; height: 6px; float: right; margin-top: 23px; transition: all 0.6s; transform-origin: center;} .footer-bottom .yl-ul ul{ position: absolute; bottom: 100px; background: rgba(255,255,255,1); right:-1px; left:-1px; padding: 0px 0; display: none;} .footer-bottom .yl-ul li a{ color: #666; line-height: 35px; padding:0 15px; font-size: 14px; border-bottom: 1px solid #e0e0e0; display: block;} .footer-bottom .yl-ul h3.on i{ transform: rotate(180deg);} /*子页面*/ .neibanner { position: relative; } .neibanner-tu { display: flex; justify-content: center; align-content: center; /*position: absolute;*/ } .neibanner-text { position: absolute; left: 0; right: 0; z-index: 33; top: 50%; transform: translateY(-50%); } .neibanner-text h3 { color: #fff; font-size: 40px; letter-spacing: 8px; } .neibanner-text p { color: #fff; font-size: 18px; letter-spacing: 2px; padding-top: 30px; } .neibanner-text b { display: block; background: #fff; width: 50px; height: 2px; margin-top: 35px; } .neibanner-text h5 { color: #ffffff; font-size: 14px; width: 50%; margin-top: 70px; } /* 关于我们 */ .aboutnei-text{ position: absolute; top: 30%; right: 0; bottom: 5%; left: 0;} .aboutnei-text .div1{ display: flex; justify-content: space-between;} .aboutnei-text .div1 ul{ display: flex; flex: 1; justify-content: space-between; padding-left:5%;} .aboutnei-text .ul1 .p1{ color: #fff; font-size: 16px; padding-bottom: 36px;} .aboutnei-text .ul1 .p2 strong{ font-family: 'GILLSANS'; font-size: 56px; color: #fff; font-weight: bold; margin-left: -5px;} .aboutnei-text .ul1 .p2 span{ font-size: 16px; color: #fff; margin-left: 10px; display: inline-block;} .aboutnei-text .div1 h3{ font-size: 40px; color: #fff; letter-spacing: 5px;} .aboutnei-text .div1 h4{font-size: 24px; color: #ffffff;} .aboutnei-text .div1 b{ display: block; background: #fff; height: 3px; width: 25px; margin-top: 40px; margin-bottom: 20px;} .aboutnei-text .div1 p{color: #ffffff; font-size: 15px; margin-top: 30px;} .aboutnei-text .div2{ position: absolute; bottom: 8%; width: 100%;} .aboutnei-text .ul2 li{ padding: 10px 10px; width: 31%; box-sizing: border-box;} .aboutnei-text .ul2 h4{ color: #fff; font-size: 22px; text-align: center;} .aboutnei-text .ul2 span img{ display: block; margin: 20px auto;} .aboutnei-text .ul2 .p1{ padding: 10px 0; text-align: center;} .aboutnei-text .ul2 .p1 span{ font-weight: bold; font-size: 18px; color: #fff;} .aboutnei-text .ul2 .p1 strong{ font-size: 50px; font-weight: bold; color: #fff; font-family: 'GILLSANS'; padding: 0 15px; display: inline-block;} .aboutnei-text .ul2 .p1 i{ font-size: 34px; letter-spacing: 4px; color: #fff; font-family: 'GILLSANS';} .aboutnei-text .div2 .ul1{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between} .aboutnei-text .div2 .ul1 li{ position: relative; padding-left: 4%; padding-right: 4%; width: 28%; box-sizing: border-box; box-sizing: border-box;} .aboutnei-text .div1 .text{width: 35%;} .aboutnei-text .div2 .ul1 li:first-of-type{padding-left: 1%; width: 23%;} .aboutnei-text .div2 .ul1 li::before{position: absolute; content: ""; left: 0; height: 100%; width: 1px; background-color:rgba(255,255,255,0.2) ;} .aboutnei-text .div2 .ul1 li:first-of-type::before{background: none;} .about-sec1{} .about-sec1 .top{display: flex; display: -webkit-flex; justify-content: space-between; padding: 80px 0 30px;} .about-sec1 .top .left{width: 60%; padding-right: 4%; box-sizing: border-box;} .about-sec1 .top .left .title{font-size: 40px; color: #000000; margin-bottom: 40px; font-weight:bold;font-family:'阿里巴巴普惠体-Medium';} .about-sec1 .top .left .text p{color: #666666; font-size: 16px; line-height: 42px; text-indent: 40px;} .about-sec1 .map{display: flex; display: -webkit-flex; padding: 40px 0;} .about-sec1 .map .text{ margin-left: 6%; margin-top: 40px;} .about-sec1 .map .text h3{color: #000000; font-size: 40px; margin-bottom: 60px;font-weight:bold;font-family:'阿里巴巴普惠体-Medium';} .about-sec1 .map .text p{color: #666666; font-size: 14px; line-height: 38px;} .about-sec1 .map .text p span{color: #f9c152; font-weight: bold;} .map-img{position: relative;} .map-img .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;} .map-img .dot_box .dot{position:absolute;} .map-img .dot_box .dot .dot_circle{display:block; width:6px; height:6px; border:3px solid #f9c152; background: #ffffff; position:relative; z-index:3; border-radius:50%;} .map-img .dot:after,.map-img .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;} .map-img .dot:before {width:18px; height:18px; background:transparent; background:rgba(249,1936,82,0.3); margin-top:-9px; margin-left:-9px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;} .map-img .dot:after {width:24px; height:24px;background:transparent; /*background:#7e9ec3;*/ background:rgba(249,193,82,0.6); margin-left:-12px; margin-top:-12px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;} .maplogo{position: absolute; bottom:30px; right: 50%; transform: translateX(50%);} @keyframes warn { 0% { transform:scale(0.5); opacity:0; } 25% { transform:scale(1); opacity:0.4; } 50% { transform:scale(1.2); opacity:0.8; } 75% { transform:scale(1.3); opacity:0.4; } 100% { transform:scale(1.4); opacity:0; } } @-webkit-keyframes warn { 0% { transform:scale(0.5); opacity:0; } 25% { transform:scale(1); opacity:0.4; } 50% { transform:scale(1.2); opacity:0.8; } 75% { transform:scale(1.3); opacity:0.4; } 100% { transform:scale(1.4); opacity:0; } } .about-sec2{background:#ffffff url(../images/ab_bg1.jpg) no-repeat center top; padding-bottom: 70px; } .about-sec2 .indextitle h3 ,.about-sec2 .indextitle h3 span{color: #ffffff;} .about-sec2-list .item{width: 100%; }.about-sec2-list .item .img{width: 50%; float: left;} .about-sec2-list .item .img img{display: block; width: 100%;} .about-sec2-list .item .text{padding: 50px 10px ; width: 50%; box-sizing: border-box;} .about-sec2-list .item .text p{font-size: 17px; color: #ffffff; line-height: 48px;} .about-sec2-list .text .t1 h3{font-size: 17px; color: #ffffff; line-height: 48px;} .about-sec2-list .text .t1{margin-bottom: 40px;} .about-sec3{background: #f8f8f8; padding-bottom: 60px;} .about-sec3 .swiper-slide{position: relative; padding: 10px; box-sizing: border-box; background: #ffffff; transition: all 0.6s;} .about-sec3 .swiper-slide div{ background: #fff; min-height: 240px; padding:20px 0;} .about-sec3 .swiper-slide p{ text-align: center; color: #333333; font-size: 16px; /*margin-top: 1.2vw;*/} .about-sec3 .swiper-slide figure{min-height: 220px; display: flex; display: -webkit-flex; align-items: center; } .about-sec3 .swiper-slide img{ display: block; margin: 0 auto; max-width: 100%; height: auto;} .about-sec3 .swiper-button-next{ top: auto; bottom: 10px; right: 45%; outline: none; color: #666; font-size: 10px; width: 60px; height: 60px;} .about-sec3 .swiper-button-prev{ top: auto; bottom: 10px; left: 45%; right: auto; outline: none; color: #666; width: 60px; height: 60px;} .about-sec3 .swiper-button-next:after, .about-sec3 .swiper-button-prev:after{ font-size: 20px;} .about-sec3 .swiper-container{padding-bottom: 100px;} .about-sec3 .swiper-slide:hover{box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); transform: translateY(10px); } .about-sec3 .swiper-slide::after{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; z-index: 3; background: #f9c152;} .about-sec3 .swiper-slide:hover::after{width: 100%; transition: all 0.6s; } .about-sec3 .swiper-button-next, .about-sec3 .swiper-container-rtl .swiper-button-prev { background:#d8d8d8; border-radius: 50%; background-size: 16px; background-image: none; color: #ffffff;} .about-sec3 .swiper-button-prev, .about-sec3 .swiper-container-rtl .swiper-button-next{background:#d8d8d8; color: #ffffff;background-image: none; border-radius: 50%; background-size: 16px;} .about-sec4{padding-bottom: 80px;} .about-sec4 .swiper-slide{position: relative; width: 32%; padding-bottom: 40px;} .about-sec4 .swiper-slide figure{display: block; overflow: hidden;} .about-sec4 .swiper-slide figure img{display: block; width: 100%; object-fit: cover; transition: all 300ms;} .about-sec4 .swiper-slide .text{padding: 30px; box-sizing: border-box; background: #ffffff;transition: all 0.6s; position: absolute; bottom:-2%; left: 5%; width: 90%; margin-bottom: 25px; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); } .about-sec4 .swiper-slide .text h3{font-size: 22px; color: #000000; margin-bottom: 20px;} .about-sec4 .swiper-slide .text h3 span{font-size: 16px; margin-left:10px; display: inline-block;} .about-sec4 .swiper-slide .text p{color: #888888; font-size: 16px; overflow: hidden; height: 90px;} .about-sec4 .swiper-slide:hover .text{background: #f9c152; bottom:5%;} .about-sec4 .swiper-slide:hover .text p{height: auto; color: #ffffff; font-size: 14px;} .about-sec4 .swiper-slide:hover .text h3{color: #ffffff;} .about-sec4 .swiper-slide:hover figure img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);} .about-sec5{background:#f8f8f8; } .about-sec5 .swiper-container{padding-bottom: 100px;} .about-sec5-list .swiper-slide div{background: #ffffff; margin-bottom: 20px; width: 100%;} .about-sec5-list .swiper-slide div figure{padding: 10px; box-sizing: border-box;} .about-sec5-list .swiper-slide div img{display: block; margin: 0 auto; height: 90px;} .about-sec5 .swiper-button-next{ top: auto; bottom:35px; right: 47%; outline: none; color: #666; font-size: 10px; background-size: 24px 44px; background: none;} .about-sec5 .swiper-button-prev{ top: auto; bottom: 35px; left: 47%; right: auto; outline: none; color: #666; width: 20px; background-size: 24px 44px; background: none;} .about-sec5 .swiper-button-next:after, .about-sec5 .swiper-button-prev:after{ font-size: 20px;} .about-sec5 .swiper-container span{ position: absolute; left: 50%; bottom: 45px; color: #555;} .about-sec5 .swiper-button-next, .about-sec5 .swiper-container-rtl .swiper-button-prev { } .about-sec5 .swiper-button-prev, .about-sec5 .swiper-container-rtl .swiper-button-next{} /*联系*/ .lianxi-sec1{background: #f5f5f5; padding: 45px 0 60px;} .lianxi-sec1 .top{ display: flex; display: -webkit-flex; align-items: center; margin-bottom: 80px; justify-content: space-between;} .lianxi-sec1 .top .left{font-size: 38px; color: #000000;} .lianxi-sec1 .top .right{display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;} .lianxi-sec1 .top .right p{font-size: 22px; line-height: 38px; color: #000000; text-align: right;} .lianxi-sec1 .top .right img{margin-left: 20px; height: 140px;} .contactList{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;} .contactList .item {width: 25%; text-align: center; position: relative;} .contactList .item .icon { display: flex; flex-direction: column; width: 40px; height: 40px; justify-content: center; align-items: center; transition: all 300ms; margin: 0 auto 35PX;} .contactList .item:nth-child(1) .icon { background: url(../images/lxicon1.png) no-repeat ; } .contactList .item:nth-child(2) .icon { background: url(../images/lxicon2.png) no-repeat ; } .contactList .item:nth-child(3) .icon { background: url(../images/lxicon3.png) no-repeat ; } .contactList .item:nth-child(4) .icon { background: url(../images/lxicon4.png) no-repeat ; } .contactList .item p{font-size: 20px; color: #666666; margin-bottom: 10px;} .contactList .item .p2{font-size: 16px;} .contactList .item h3{font-size: 24px; color: #666666; font-family: "GILLSANS"; font-weight: bold;} .contactList .item:hover:nth-child(1) .icon { background-position: -40px center;} .contactList .item:hover:nth-child(2) .icon { background-position: -40px center;} .contactList .item:hover:nth-child(3) .icon { background-position: -40px center;} .contactList .item:hover:nth-child(4) .icon { background-position: -40px center;} .contactList .item::before{position: absolute; content: ""; height: 50%; width: 1px; background: #e0e0e0; left: 0; top: 50%; transform: translateY(-50%);} .contactList .item:first-of-type::before{background: none;} .develop-tit .about-tit { font-size: 30px; color: #333; text-align: center; margin-bottom: 60px;} .message-box{ padding:60px ; box-sizing: border-box; background: #ffffff; } .message-box .form-box{ margin-top: 20px; } .message-box .form-box .item{float: left; width: 48%;} .message-box .form-box .item2{width: 100%;} .message-box .form-box .item:last-child{ font-size: 0; text-align: center; float: none; margin: 0 auto; width: 100%;} .message-box .form-box .check-box, .message-box .form-box input[type=submit]{ float: none; display: inline-block; *display: inline; zoom: 1; margin: 0 20px; } .message-box .form-box .item:nth-child(2n){float: right;} .form-box .item{ box-sizing: border-box; margin-bottom: 40px; } .form-box .item:last-child{ margin-bottom: 0; } .form-box .tit{ font-size: 16px; margin-bottom: 15px; } .form-box .tit .red{ color: #f00; } .form-box input[type=text], .form-box textarea{ width: 100%; padding:20px 20px 20px 0; height:70px; line-height: 70px; font-size: 16px; color: #666666; background-repeat: no-repeat; background-position: 20px center; background-size: 20px; border: none; border-bottom: 1px solid #888888; box-sizing: border-box; transition: all .3s; } .message-box .form-box .item textarea{ height: 120px; line-height: 35px;} .form-box input::-webkit-input-placeholder{ color:#666666; } .form-box input:-moz-placeholder{ color:#666666; } .form-box input::-moz-placeholder{ color:#666666; } .form-box input:-ms-input-placeholder { color:#666666; } .form-box textarea::-webkit-input-placeholder{ color:#666666; } .form-box textarea:-moz-placeholder{ color:#666666; } .form-box .check-box{ float: left; width: 22.9%; border: 1px solid #e5e5e5; } .form-box .check-box input{ padding: 10px; height: 60px; line-height: 60px; width: 63%; border: none; border-right: 1px solid #e5e5e5; margin: 0; } .form-box .check-box img{ float: right; width: 36.36%; height:60px; } .form-box input[type=submit]{ float: left; width: 200px; height: 60px; background-color: #2d2d2d; text-align: center; margin-left: 20px; color: #fff; font-size: 14px; transition: all .3s; border: none; } .lianximap img{display: block; width: 100%;} /*全屋定制*/ .casesec1-bg{background: #fffbf5;} .casesec1 .indexsec2-tab li.on p{color: #f9c152; font-weight: bold;} .casesec1-lanmu {padding: 25px 0;} .casesec1-lanmu ul li{width: 24.2%; float: left; margin-left: 1%; height: 65px; line-height: 65px; font-size: 16px; background: #eeeeee; padding: 0 30px; box-sizing: border-box; margin-bottom: 1%;} .casesec1-lanmu ul li a{color: #333333;transition: all 300ms; display:flex; display: -webkit-flex; align-items: center; justify-content: space-between;} .casesec1-lanmu ul li:nth-child(4n+1){margin-left: 0;} /*.casesec1-lanmu ul li:hover{ right 30px; }*/ .casesec1-lanmu ul li span.icon{background: url(../images/more-jt.png) no-repeat; width: 18px; height: 20px; display: inline-block; transition: all 300ms;} .casesec1-lanmu ul li:hover ,.casesec1-lanmu ul li.on{background: #f9c152;} .casesec1-lanmu ul li:hover a ,.casesec1-lanmu ul li.on a{color: #ffffff;} .casesec1-lanmu ul li:hover span.icon ,.casesec1-lanmu ul li.on span.icon{background-position: 0 -20px;} .casesec1-list .item{width: 32%; border: 1px solid #e5e5e5; overflow: hidden; float: left; margin-bottom: 40px; margin-left: 2%; box-sizing: border-box; transition: all 0.6s; position: relative;} .casesec1-list .item .title{position: relative; height: 90px; line-height: 90px; padding: 0 20px; box-sizing: border-box; font-weight: bold; font-size: 18px; color: #000000; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .casesec1-list .item:nth-child(3n+1){margin-left: 0;} .casesec1-list .item .img{/*height: 350px;*/ display: block; overflow: hidden;} .casesec1-list .item .img img{height: 100%; width: 100%; object-fit: cover; transition:all 0.3s linear;} .casesec1-list .item .more{height: 80px; line-height: 80px; text-align: center; font-size: 14px; color: #000000; text-align: center; font-family: arial; text-transform: uppercase;} .casesec1-list .item .more i{margin-left: 10px; font-size: 20px;} .casesec1-list .item .sousuo{position: absolute; background: url(../images/so.png) no-repeat ; left: 0; width: 88px; height: 100%; opacity: 0; transition: all 0.4s; } .casesec1-list .item:hover .sousuo{opacity: 1;} .casesec1-list .item:hover{box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);} .casesec1-list .item::before{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 3px; z-index: 3; background: #f9c152;} .casesec1-list .item:hover::before{width: 100%; transition: all 0.6s; } .casesec1-list .item:hover .more{color: #f9c152;} .casesec1-list .item:hover .img img{ transform:scale(1.06);} .casesec1-list .item .img:before{ content: ""; position: absolute; width: 200px; height: 100%; top: 0; left: -150px; z-index: 10; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg);} .casesec1-list .item:hover .img:before{ left: 150%; transition: left 1s ease 0s;} .fenye{ background: #eeeeee; height: 100px; display: flex; display: -ms-flexbox; display: -moz-flex; justify-content: center; align-items: center; margin-top:40px; } .fenye a{ display: block; height: 40px; text-align: center; line-height: 40px; margin: 0 20px; transition: all 0.6s; font-size: 16px; color: #333333;} .fenye a.on,.fenye a:hover{ color: #f9c152;} .fenye .prev ,.fenye .next{ display: block; font-size: 16px; color: #333333; margin: 0 20px;} .fenye a i{display: inline-block; font-family: "宋体"; font-size: 14px; margin: 0 10px 0 0; color: #333333;} /*全屋定制详情*/ .caseheader{ background: #ffffff; position: absolute;} .caseheader .header-nav li a{color:#000;} .caseheader .menu_btn{color: #212121;} .caseheader .head_btn .join_btn i{background: url(../images/join_on.png) no-repeat center center; width: 30px; height: 27px; display: block;} .caseheader .head_btn .tel i{ background: url(../images/tel_on.png) no-repeat center center; width: 30px; height: 27px; display:block;} .column{ width:100%; margin-top: 90px; overflow:hidden; position:relative; z-index:90; background:#f5f5f5;} .column .wrap{ padding:20px 0; width:100%; overflow:hidden;} .column .lanmu{ overflow:hidden;} .column .lanmu li{ float:left; padding-right:50px; overflow:hidden;} .column .lanmu li a{ font-size:16px;} .column .lanmu li.on a{ color:#288567;} .column .wezh{ overflow:hidden; color:#666; position:relative; padding-left:30px;} .column .wezh img{display: inline-block; vertical-align: middle; margin-right:5px;} .column .wezh a{ color:#666; padding:0 10px;} .column .back img{display: inline-block;vertical-align: middle; margin-right: 10px;} .casedisplay{background: #ffffff; min-height: 80vh;} .casedisplay-lanmu { border-bottom: 2px solid #eeeeee; height: 70px; line-height: 70px;} .casedisplay-lanmu li{float: left; width: 25%; text-align: center; } .casedisplay-lanmu li a{color: #333333; font-size: 18px; display: inline-block;position: relative; font-weight: bold;} .casedisplay-lanmu li.current a{ color: #f9c152; } .casedisplay-lanmu li.current a::before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 3px; z-index: 3; background: #f9c152;} .casedisplay-lanmu li a::before{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 3px; z-index: 3; background: #f9c152;} .casedisplay-lanmu li:hover a::before{width: 100%; transition: all 0.6s; } .casedisplay-lanmu li:hover a{color: #f9c152;} .casedisplay-js{padding: 60px 0; display: flex; display: -webkit-flex;} .casedisplay-js .swiper-container{height: 100%;} .casedisplay-img{width: 55%; height: 550px;} .casedisplay-img img{display: block; width: 100%; height: 100%;} .casedisplay-img .swiper-button-next, .casedisplay-img .swiper-button-prev{color: #ffffff; background-color: rgba(0,0,0,.5); width: 35px; height: 80px; line-height: 80px;text-align: center;} .casedisplay-img .swiper-button-next::after, .casedisplay-img .swiper-button-prev::after{font-size: 26px;} .casedisplay-img .swiper-button-prev, .casedisplay-img .swiper-container-rtl .swiper-button-next{left: 0;} .casedisplay-img .swiper-button-next, .casedisplay-img .swiper-container-rtl .swiper-button-prev{right: 0;} .casedisplay-text{width: 38%; margin-left: 5%; position: relative;} .casedisplay-text .tit{padding-bottom: 40px; border-bottom: 1px solid #abaaa9; margin-top: 5px;} .casedisplay-text .tit span{ display: block; width: 25px; height: 2px; background: #000000; margin-bottom: 40px;} .casedisplay-text .tit h3{color: #000000; font-size: 38px; line-height:40px; margin-bottom: 30px;} .casedisplay-text .tit p{color: #000000; font-size: 16px; font-family: arial;} .casedisplay-text .tex{padding: 20px 0;border-bottom: 1px solid #abaaa9;} .casedisplay-text .tex p{line-height: 35px; color: #666666; font-size: 14px;} .casedisplay-text .more{height: 50px; line-height: 50px; color: #ffffff; background: #000000; padding: 0 20px; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0; width: 100%;} .casedisplay-text .more a{color: #ffffff;} .casedisplay-text .more img{height: 8px;} .casedisplay-ys{background: url(../images/casebg1.jpg) no-repeat center top; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 80px 0; height: 650px; box-sizing: border-box;} .Guarantee_time{margin-bottom: 40px;} .Guarantee_time li{text-align: center; color: #666666; margin:30px auto ; float: left; width:calc(100%/4); width: -moz-calc(100%/4); width: -webkit-calc(100/4); box-sizing: border-box;} .Guarantee_time li h2{color: #ffffff; font-size: 80px; font-family: "GILLSANS"; display: inline-block; line-height: 100px;} .Guarantee_time li h3{font-size: 22px; color: #ffffff; font-weight: normal; margin-top: 20PX;} .Guarantee_time li i{font-size: 20px; margin-left: 5px; color: #000000;} .Guarantee_time li p{ font-size: 12px; font-family: arial; color: #666666; margin-top: 10px ; text-transform: uppercase; } .casedisplay-ys .tex p{color: #ffffff; text-align: center; line-height: 38px;} .casedisplay-ys .more{width: 200px; height: 50px; line-height: 50px; background: #f9c152; color: #000000; font-size: 16px; text-align: center; margin: 60px auto 0; border-radius: 5px;} .ystitle{padding: 50px 0; text-align: center;} .ystitle h3{font-size: 38px; color: #000000; margin-bottom: 30px;} .ystitle p{color: #666666; font-size: 22px; } .casedisplay-ys2-list{margin-bottom: 40px;} .casedisplay-ys2-list .item{width: 49%; background: #f5f5f5; transition: all .6s;} .casedisplay-ys2-list .item .pic{display: block; overflow: hidden; transition: all .6s;} .casedisplay-ys2-list .item .pic img{display: block; width: 100%;} .casedisplay-ys2-list .item .tex{padding: 40px 30px; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;} .casedisplay-ys2-list .item .tex .left{width: 60%;} .casedisplay-ys2-list .item .tex .left h2{font-size: 30px; color: #000000; margin-bottom: 30px;} .casedisplay-ys2-list .item .tex .left p{font-size: 16px; color: #333333; } .casedisplay-ys2-list .item .tex .right{width: 25%;} .casedisplay-ys2-list .item .tex .right .t1{font-size: 40px; color: #000000; font-family: "GILLSANS"; } .casedisplay-ys2-list .item .tex .right .t1 span{font-size: 16px; color: #000000; margin-left: 20px;} .casedisplay-ys2-list .item .tex .right .t2{font-size: 16px; color: #000000;} .casedisplay-ys2-list .item:hover{ box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); transform: translateY(10px);} #case4{margin-bottom: 50px;} #case4 img{display: block; width: 100%;} .casedisplay-ys3{background: #f5f5f5; padding-bottom: 60px;} .casedisplay-ys3-list .item{display: flex; display: -webkit-flex; display: -ms-flexbox; background: #ffffff;} .casedisplay-ys3-list .item .img{width: 50%; display: block; overflow: hidden;} .casedisplay-ys3-list .item .img img{transition: all 0.6s;} .casedisplay-ys3-list .item .tex{width: 50%; padding: 50px; box-sizing: border-box;} .casedisplay-ys3-list .item .tex span{display: block; height: 2px; width: 30px; margin: 20px 0 40px; background: #000000;} .casedisplay-ys3-list .item .tex h3{color: #000000; font-size: 30px; margin-bottom:40px; font-weight: bold;} .casedisplay-ys3-list .item .tex p{color: #000000; font-size: 16px; line-height: 38px;} .casedisplay-ys3-list .item .tip{margin-top: 30px;} .casedisplay-ys3-list .item .tip i{display: inline-block; border: 1px solid #222222; padding: 5px 20px; box-sizing: border-box; margin: 0 10px 10px 0; width: auto; height: auto;} .casedisplay-ys3-list .item:hover{ position: relative; z-index: 8; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .casedisplay-ys3-list .item:hover .img img{ transform:scale(1.06);} .casedisplay-ys4{margin-bottom: 60px;} .casedisplay-ys4-list{display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between;} .casedisplay-ys4-list .item{text-align: center; width: 23%; max-width: 300px; transition: all 0.6s;} .casedisplay-ys4-list .item .img{overflow: hidden; transition: all 0.6s;} .casedisplay-ys4-list .item .img img{display: block; margin: 0 auto; width: 100%;} .casedisplay-ys4-list .item .tex h3{color: #000000; font-size: 22px; margin: 20px auto;} .casedisplay-ys4-list .item .tex p{color: #333333; font-size: 15px; line-height: 35px;} .casedisplay-ys4-list .item:hover{transform: translateY(10px);} .casedisplay-ys4-list .item:hover .img{border-radius: 50%; transition: all 0.6s;} .casedisplay-ys5{background: url(../images/casebg2.jpg) no-repeat center top; padding-bottom: 40px;} .casedisplay-ys5-list .box{ background-size: auto; display: flex; display: -webkit-flex; display: -ms-flexbox; padding: 0 2%; box-sizing: border-box;} .casedisplay-ys5-list .item{text-align: center; width: 20%; transition: all 0.6s; overflow: hidden;} .casedisplay-ys5-list .item p{font-size: 20px; color: #000000; margin-top: 10px;} .casedisplay-ys5-list .item .icon1{background: url(../images/lcicon1.png) no-repeat ; width: 40px; height: 44px; margin: 0 auto; transition: all 300ms;} .casedisplay-ys5-list .item .icon2{background: url(../images/lcicon2.png) no-repeat ; width: 40px; height: 44px; margin: 0 auto; transition: all 300ms;} .casedisplay-ys5-list .item .icon3{background: url(../images/lcicon3.png) no-repeat ; width: 40px; height: 44px; margin: 0 auto; transition: all 300ms;} .casedisplay-ys5-list .item .icon4{background: url(../images/lcicon4.png) no-repeat ; width: 40px; height: 44px; margin: 0 auto; transition: all 300ms;} .casedisplay-ys5-list .item .icon5{background: url(../images/lcicon5.png) no-repeat ; width: 40px; height: 44px; margin: 0 auto; transition: all 300ms;} .casedisplay-ys5-list .item:hover .icon1{background-position: -40px 0 ;} .casedisplay-ys5-list .item:hover .icon2{background-position: -40px 0 ;} .casedisplay-ys5-list .item:hover .icon3{background-position: -40px 0 ;} .casedisplay-ys5-list .item:hover .icon4{background-position: -40px 0 ;} .casedisplay-ys5-list .item:hover .icon5{background-position: -40px 0 ;} .casedisplay-ys5-list .img img{display: block; max-width: 94%; margin: 0 auto;} /* 招商加盟 */ .pattern{ display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../images/patternbg.jpg) center center no-repeat; background-size: cover;} .pattern img{ display: block;} .attract{ display: flex; flex-direction: column; position: relative; padding: 50px 0;} .inner1200{ width: 1200px; margin: 0 auto;} .attract .title{ display: flex; flex-direction: column; text-align: center; padding-bottom: 50px;} .attract .title h2{ font-size: 36px; line-height: 1.5;}.attract .title h2 span{display: block; font-weight: lighter;} .modelDiv{ display: flex; flex-direction: column;} .modelDiv ol{ display: flex; flex-direction: row; justify-content: space-around; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .modelDiv ol li{ position: relative; display: flex; flex-direction: column; transition: all 300ms;transform:scale(1); flex: 1; cursor: pointer; background: #fff;} .modelDiv ol li:before{ content: ''; position: absolute; left: 0; top: 400px; bottom: 0; width: 1px; background: #eee; z-index: 10;} .modelDiv ol li .modelDivPic{ display: flex; flex-direction: column;} .modelDiv ol li .modelDivPic img{ display: block; width: 100%;} .modelDiv ol li .modelDivTent{ display: flex; text-align: center; flex-direction: column; padding: 15px 30px;} .modelDiv ol li .modelDivTent h2{ font-weight: bold; font-size: 24px; padding-bottom: 10px;} .modelDiv ol li .modelDivTent p{ color: #666; line-height: 24px;} .modelDiv ol li:hover{ transform: scale(1.05); position: relative; z-index: 8; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .modelDiv ol li:hover:before{ display: none;} .strength{ padding: 0;} .strength .ming{ display: flex; flex-direction: column; height: 420px; background: url(../images/ming.jpg) center center no-repeat;} .strength .strengthCheng{ display: flex; flex-direction: row; padding: 40px 0; justify-content: center;} .strength .strengthCheng span{ font-size: 40px;} .strength .strengthCheng sup{ color: #666; font-size: 22px; padding-left: 15px;} .honor{ position: relative; width: 100%;} .honor .swiper-container{ width: 100%; height: 100%;} .honor .swiper-container .swiper-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center;} .honor .swiper-container .swiper-slide .honorPic{ padding: 40px; border: 1px solid #eee;} .honor .swiper-container .swiper-slide .honorPic img{ display: block; max-width: 100%;} .honor .swiper-container .swiper-slide .honorPic h2{ text-align: center; font-size: 16px; padding-top: 30px;} .honor .swiper-pagination{ display: none;} .honor .swiper-button-next,.honor .swiper-button-prev{ width: 60px; height: 60px; border-radius: 50%; background-color: #eee; background-size: 14px;} .honor .swiper-button-next:after,.honor .swiper-button-prev:after{ color: #aaa; font-size: 22px;} .honor .swiper-button-next:active,.honor .swiper-button-prev:active{ background: #f9c152;} .honor .swiper-button-next:active:after,.honor .swiper-button-prev:active:after{ color: #fff;} .honor .swiper-button-next{ right: -70px;} .honor .swiper-button-prev{ left: -70px;} .factur{ display: flex; flex-direction: column;} .factur .facturOne{ display: flex; flex-direction: row; background: #f5f5f5; justify-content: space-between;} .factur .facturOne .facturOnePic{ display: flex; flex-direction: column;} .factur .facturOne .facturOnePic img{ display: block; width: 740px;} .factur .facturOne .facturOneCont{ padding: 70px 50px; display: flex; flex-direction: column; justify-content: space-between;} .factur .facturOne .facturOneCont figure{ display: flex; flex-direction: column;} .factur .facturOne .facturOneCont figure h2{ font-size: 30px; padding-bottom: 20px;} .factur .facturOne .facturOneCont figure p{ font-size: 16px; color: #333;} .factur .facturOne .facturOneCont figcaption{ display: flex; flex-direction: column;} .factur .facturOne .facturOneCont figcaption span{ font-size: 16px;} .factur .facturOne .facturOneCont figcaption span b{ font-family: 'GILLSANS'; font-size: 40px;} .factur .swiper-container{ width: 100%; height: 100%; margin-top: 25px;} .factur .swiper-container .swiper-slide{ display: flex; flex-direction: column;} .factur .swiper-container .swiper-slide .honorPic{} .factur .swiper-container .swiper-slide .honorPic img{ display: block; width: 100%;} .factur .swiper-container .swiper-slide .honorPic h2{ color: #333; font-size: 22px; text-align: center; padding-top: 15px;} .advert{ display: flex; flex-direction: column; background: url(../images/patternbg.jpg) no-repeat; background-size: cover; margin-top: 40px; padding: 0 30px 40px; min-width: 1200px;} .advert .advertLiang{ width: 1200px; margin: 0 auto;} .advert .advertLiang ol{ display: flex; flex-direction: row; border-radius: 15px; position: relative; justify-content: space-between; background: #c79556;} .advert .advertLiang ol li{ padding: 20px 50px; flex: 1; display: flex; flex-direction: column;} .advert .advertLiang ol li .advertLiangIcon{} .advert .advertLiang ol li .advertLiangCont{ display: flex; flex-direction: column; margin-top: 20px;} .advert .advertLiang ol li .advertLiangCont h2{ font-size: 26px; font-weight: bold; color: #fff;} .advert .advertLiang ol li .advertLiangCont p{ color: #fff; font-size: 16px; line-height: 20px; padding-top: 10px;} .advert .advertLiang ol:before{ content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #fff; z-index: 10; opacity: 0.3;} .advert .swiper-container{ width: 100%; height: 100%; margin-top: 35px;} .advert .swiper-container .swiper-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center;} .advert .swiper-container .swiper-slide img{ display: block; width: 100%;} .advert .swiper-container .swiper-button-prev,.advert .swiper-container .swiper-button-next{ width: 60px; height: 60px; border-radius: 50%; background: #f9c152; opacity: 0.7;} .advert .swiper-container .swiper-button-prev:after,.advert .swiper-container .swiper-button-next:after{ font-size: 24px; color: #fff;} .advert .swiper-button-next{ right: 10%;} .advert .swiper-button-prev{ left: 10%;} .market{ display: flex; flex-direction: column; padding: 40px 0;} .market .marketMing{ display: flex; flex-direction: column; text-align: center; padding-bottom: 40px;} .market .marketMing h2{ font-size: 40px; font-weight: bold; line-height: 1.1;} .market .marketMing p{ color: #666; font-size: 20px; line-height: 2.2; padding-top: 10px;} .market .marketCenter{ width: 1200px; margin: 0 auto; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .market .marketCenter .marketCenterDiv{ padding: 40px; border-bottom: 2px dashed #eee;} .market .marketCenter .marketCenterDiv:nth-child(2){ border: none;} .market .marketCenter .marketCenterDiv .marketCenterDivTent{ font-size: 20px; color: #333; line-height: 2; text-align: center;} .picMarquee{ overflow:hidden; position:relative; margin-top: 30px;} .picMarquee .hd{ display: none;} .picMarquee .bd{} .picMarquee .bd ul{ overflow:hidden; zoom:1; } .picMarquee .bd ul li{ float:left; overflow:hidden; width: 265px; margin-right: 20px;} .picMarquee .bd ul li img{ display: block; width: 100%;} .support{ background:#f7f7f7;} .attract .supportMing{ display: flex; flex-direction: column; text-align: center; padding-bottom: 40px;} .attract .supportMing h2{ font-size: 40px; line-height: 40px;} .attract .supportMing h2 span{ font-family: arial; font-size: 22px; padding-left: 10px; color: #333 ;} .attract .supportMing p{ font-size: 22px; color: #333; padding-top: 20px;} .support .supportTent{ display: flex; flex-direction: column;} .support .supportTent ol{ display: flex; flex-wrap: wrap;} .support .supportTent ol li{ width: 20%; display: flex; flex-direction: column; align-items: center; cursor: pointer; padding: 20px 0;} .support .supportTent ol li img{ display: block; transition: all 300ms;} .support .supportTent ol li h2{ font-size: 22px; padding: 20px 0;} .support .supportTent ol li:hover img{ border-radius: 10px;} .require{ display: flex; flex-direction: column; padding-bottom: 30px;} .require ol{ display: flex; flex-wrap: wrap; justify-content: space-between;} .require ol li{ width: 285px; display: flex; flex-direction: column; align-items: center; cursor: pointer;} .require ol li img{ display: block; width: 100%; transition: all 300ms;} .require ol li h2{ font-size: 22px; padding: 20px 0;} .require ol li:hover img{ border-radius: 20px; transform:scale(1.05);} .process{ display: flex; flex-direction: column; align-items: center;} .process .processPic{ display: flex; flex-direction: column;} .process .processCont{ display: flex; flex-direction: row; justify-content: space-around; width: 100%;} .process .processCont span{ display: block; color: #555; font-size: 18px; padding-top: 12px;} .stores{ background: #f5f5f5;} .storesCont{ overflow:hidden; position:relative; width: 100%; } .storesCont .hd{ display: none;} .storesCont .bd{overflow:hidden; width: 100%; } .storesCont .bd ul{ overflow:hidden; zoom:1; float:left; display: flex; flex-direction: column; width: 33.33%;} .storesCont .bd ul li{ padding: 10px; display: flex; flex-direction: column; position: relative;} .storesCont .bd ul li .storesContPic{ display: flex; flex-direction: column; overflow: hidden;} .storesCont .bd ul li .storesContPic img{ display: block; width: 100%; transition: all 300ms;} .storesCont .bd ul li .storesContTent{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin: -40px 40px 0; z-index: 5; background: #fff; height: 80px;} .storesCont .bd ul li .storesContTent h2{ font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .storesCont .bd ul li .storesContTent p{} .storesCont .bd ul li:hover .storesContPic img{ transform:scale(1.1);} .xinjia{ padding-bottom: 0;} .fengcai{ background: #221700; display: flex; flex-direction: column; padding: 20px 0;} .fengcai .fengcaiTent{ width: 100%; padding: 10px 0;} .fengcai .fengcaiTent .hd{ display: none;} .fengcai .fengcaiTent .bd{} .fengcai .fengcaiTent .bd ul{ overflow:hidden; zoom:1; } .fengcai .fengcaiTent .bd ul li{ float:left; overflow:hidden; width: 25%;} .fengcai .fengcaiTent .bd ul li img{ display: block; margin: 0 auto; width: 95%;} /* 新闻资讯 */ .middle{ display: flex; flex-direction: column; position: relative;} .inner1480{ width: 96%; margin: 0 auto; max-width: 1480px; min-width: 1200px;} .cloumn{ display: flex; flex-direction: column; background: #f5f5f5;} .cloumn .inner1480{ display: flex; flex-direction: row;} .cloumn .inner1480 span{ margin-right: 100px;} .cloumn .inner1480 span a{ display: block; padding: 35px 10px; display: block; position: relative; font-size: 20px;} .cloumn .inner1480 span a:before{ content: ''; display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #f9c152;} .cloumn .inner1480 span.on a:before{ display: block;} .cloumn .inner1480 span.on a{ color: #f9c152; font-weight: bold;} .news{ display: flex; flex-direction: column; position: relative; padding: 50px 0;} .news .newsRecom{ display: flex; flex-direction: column;} .news .newsRecom a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex; padding: 50px; border: 1px solid #eee; transition: all 300ms;} .news .newsRecom a .newsRecomPic{ width: 360px; display: flex; flex-direction: column;} .news .newsRecom a .newsRecomPic .img{ display: block; width: 100%;} .news .newsRecom a .newsRecomTent{ padding-left: 70px; display: flex; flex-direction: column; justify-content: space-around; -webkit-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden;} .news .newsRecom a .newsRecomTent h2{ font-size: 22px; font-weight: bold;} .news .newsRecom a .newsRecomTent p{ color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news .newsRecom a .newsRecomTent span{ color: #aaa; font-size: 30px;} .news .newsRecom a:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);} .news .newsRecom a:hover .newsRecomTent h2{ color: #f9c152;} .news .newsList{ display: flex; flex-direction: column;} .news .newsList ol{ display: flex; flex-wrap: wrap; justify-content: space-between;} .news .newsList ol li{ width: 30%; display: flex; flex-direction: column; border: 1px solid #eee; margin-top: 50px;} .news .newsList ol li a{ display: flex; flex-direction: column; padding: 40px;} .news .newsList ol li a .newsListData{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: arial;} .news .newsList ol li a .newsListData span{ font-size: 36px; color: #666;} .news .newsList ol li a .newsListData b,.news .newsList ol li a .newsListData i{ color: #aaa; font-size: 18px;} .news .newsList ol li a .newsListData sup{ font-size: 16px; color: #666;} .news .newsList ol li a .newsListData b{ padding: 5px 0;} .news .newsList ol li a .newsListPic{ display: flex; flex-direction: column;} .news .newsList ol li a .newsListPic img{ display: block; width: 100%; transition: all 300ms;} .news .newsList ol li a .newsListCont{ display: flex; flex-direction: column;} .news .newsList ol li a .newsListCont h2{ font-size: 20px; padding: 15px 0; line-height: 36px;} .news .newsList ol li a .newsListCont figure{ display: flex; flex-direction: row; justify-content: space-between;} .news .newsList ol li a .newsListCont figure span{ font-family: arial; text-transform: uppercase; color: #888;} .news .newsList ol li a .newsListCont figure sup{ font-size: 30px; color: #aaa;} .news .newsList ol li:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);} .news .newsList ol li:hover a .newsListPic img{ transform:scale(1.05);} .news .newsList ol li:hover a .newsListData span,.news .newsList ol li:hover a .newsListCont h2,.news .newsList ol li:hover a .newsListCont figure sup{ color: #f9c152;} .pages{ display: flex; flex-direction: column; background: #f5f5f5;} .pages .inner1480{ display: flex; flex-direction: row; padding: 35px 0; justify-content: center;} .pages .inner1480 a{ display: block; padding: 0 16px; font-size: 15px;} .pages .inner1480 a.on,.pages .inner1480 a:hover{ color: #f9c152;} /* 新闻资讯详情 */ .mation{ display: flex; flex-direction: column; background: #fafafa;} .mation .inner1480{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex; padding: 50px 0;} .mation .detail{ width: 64%; padding: 50px; background: #fff;} .mation .detail .detailMing{ display: flex; flex-direction: column; border-bottom: 1px solid #eee;} .mation .detail .detailMing h2{ font-size: 26px; line-height:36px;} .mation .detail .detailMing figure{ color: #666; padding: 30px 0; display: flex; flex-direction: row;} .mation .detail .detailMing figure span{ padding-right: 40px;} .mation .detail .detailTent{ display: flex; flex-direction: column; padding: 20px 0;} .mation .detail .detailTent{color: #333; line-height: 32px} .mation .detail .detailTent p{color: #333; line-height: 32px} /*.mation .detail .detailTent p{ display: flex; flex-direction: column; padding: 10px 0; color: #333; line-height: 40px;}*/ .mation .detail .detailTent p img{ margin: 0 auto;max-width:100%;height:auto;} .mation .detail .detailOther{ display: flex; flex-direction: row; justify-content: space-between;} .mation .detail .detailOther a{ display: block; width: 46%; border: 1px solid #eee; border-radius: 4px; padding: 7px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .mation .detail .detailOther a:hover{ color: #fff; border-color: #f9c152; background: #f9c152;} .mation .detail .detailOther a.back{width:80px;margin:0 50px;background:#f9c152;color:#fff;} .mation .inner1480 .tujan{ margin-left: 50px; padding: 40px 35px; -webkit-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden; background: #fff;} .mation .inner1480 .tujan .tujanMing{ display: flex; flex-direction: column; position: relative;} .mation .inner1480 .tujan .tujanMing h2{ color: #333; font-size: 24px; line-height: 1;} .mation .inner1480 .tujan .tujanMing:before{ content: ''; width: 4px; height: 24px; position: absolute; left: -35px; background: #f9c152;} .mation .inner1480 .tujan .tujanList{ display: flex; flex-direction: column; padding: 25px 0;} .mation .inner1480 .tujan .tujanList .tujanListDiv{ display: flex; flex-direction: column;} .mation .inner1480 .tujan .tujanList .tujanListDiv .tujanListDivPic{ display: flex; flex-direction: column; overflow: hidden;} .mation .inner1480 .tujan .tujanList .tujanListDiv .tujanListDivPic img{ display: block; width: 100%; transition: all 300ms;} .mation .inner1480 .tujan .tujanList .tujanListDiv .tujanListDivTent{ display: flex; flex-direction: column; padding: 20px 0;} .mation .inner1480 .tujan .tujanList .tujanListDiv .tujanListDivTent h2{ font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .mation .inner1480 .tujan .tujanList .tujanListDiv .tujanListDivTent p{ color: #888; line-height: 20px; margin-top: 10px;} .mation .inner1480 .tujan .tujanList .tujanListDiv:hover .tujanListDivPic img{ transform: scale(1.05);} /* 商学院 */ .college{ display: flex; flex-direction: column; position: relative; padding: 50px 0;} .meipai .meipaiShang{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -js-display:flex;} .meipai .meipaiShang .meipaiShangWord{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 1; overflow: hidden; padding-right: 10%;} .meipai .meipaiShang .meipaiShangWord h2{ font-weight: bold; font-size: 34px; line-height: 1.2;} .meipai .meipaiShang .meipaiShangWord figure{ display: flex; flex-direction: column; padding: 40px 0;} .meipai .meipaiShang .meipaiShangWord figure p{ color: #666666; font-size: 15px; line-height: 2.4; text-indent: 2em;} .meipai .meipaiShang .meipaiShangLogo{ display: flex; flex-direction: column; justify-content: center; align-items: center;} .meipai .meipaiIcon{ display: flex; flex-direction: column; margin-top: 50px;} .meipai .meipaiIcon ol{ display: flex; flex-direction: row; justify-content: space-around;} .meipai .meipaiIcon ol li{ display: flex; flex-direction: column; justify-content: center; position: relative; cursor: pointer; align-items: center; width: 250px; height: 250px; transition: all 300ms;} .meipai .meipaiIcon ol li .meipaiIconPic{ display: flex; flex-direction: column;} .meipai .meipaiIcon ol li .meipaiIconTent{ font-size: 22px; color: #333; padding-top: 20px;} .meipai .meipaiIcon ol li:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; display: none; background: url(../images/meipaiicon.gif) center center no-repeat; background-size: 100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 0.6;} .meipai .meipaiIcon ol li:hover:before{ display: block;} .meipai .meipaiSchool{ display: flex; flex-direction: column; align-items: center; position: absolute; left: 0; right: 0; bottom: 50px; z-index: -2; line-height: 1; font-size: 400px; font-weight: bold; opacity: 0.02; text-transform: uppercase; text-align: center; animation: b 4s linear infinite; transition: all 4s;} @keyframes b{ 0% { /* opacity: 0; */ transform: translateX(-20px); } 25% { transform: translateX(0px); } 75% { transform: translateX(20px); } 100% { /* opacity: 0; */ transform: translateX(-20px); } } .purpose{ background: url(../images/purpose.jpg) center center no-repeat;} .purpose .inner1480{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 1.5; height: 300px;} .purpose .inner1480 .purposeLeft{ display: flex; flex-direction: column;} .purpose .inner1480 .purposeLeft h2{ font-size: 32px; color: #fff; font-weight: bold;} .purpose .inner1480 .purposeLeft p{ font-size: 24px; color: #fff;} .purpose .inner1480 .purposeLeft span{ display: block; width: 4px; height: 30px; background: #fff; margin: 20px 0;} .purpose .inner1480 .purposeRight{ display: flex; flex-direction: column; text-align: right;} .purpose .inner1480 .purposeRight h3{ font-size: 24px; color: #fff;} .purpose .inner1480 .purposeRight p{ font-size: 24px; color: #fff; padding-top: 30px;} .college .collegeTitle{ display: flex; flex-direction: column; align-items: center; padding-bottom: 40px;} .college .collegeTitle h2{ width: 100%; text-align: center; height: 70px; line-height: 70px; font-size: 40px; background: url(../images/collegetitle.png) center center no-repeat;} .college .collegeTitle p{ font-size: 20px; color: #666; padding-top: 20px;} .profit .profitList{ display: flex; flex-direction: column; height: 395px; position: relative;} .profit .profitList .profitListIcon{ display: flex; flex-direction: column; position: absolute; left: 50%; margin-left: -80px; top: 0; bottom: 0; z-index: 5;} .profit .profitList ol{ display: flex; flex-wrap: wrap; justify-content: center;} .profit .profitList ol li{ width: 46%; text-align: center; background: url(../images/xsxy-pic2.jpg) no-repeat center center; background-size: contain; display: flex; flex-direction: column; margin-top: 25px;} .profit .profitList ol li h2{ font-size: 22px; letter-spacing: 2px; padding: 22px; } .student{ background: #f5f5f5;} .student .swiper-container{ width: 100%; height: 100%;} .student .swiper-container .swiper-slide{} .student .swiper-container .swiper-slide img{ display: block; width: 100%;} .lecturer{ padding-bottom: 0; border-bottom: 1px solid #eee;} .lecturer .lecturerMing{ display: flex; flex-direction: column; font-size: 40px; line-height: 1;} .lecturer .example{ display: flex; flex-direction: row; justify-content: space-between; position:relative; overflow: hidden; margin-top: 50px;} .lecturer .example .liest{ display: flex; flex-wrap: wrap; width: 50%;flex-wrap: wrap;} .lecturer .example .liest li{ width: 22%; display: flex; flex-direction: column; cursor: pointer;margin-right:2%;} .lecturer .example .liest li .liestPic{ display: flex; flex-direction: column; position: relative;} .lecturer .example .liest li .liestPic .liestPicBg{ display: flex; flex-direction: column;} .lecturer .example .liest li .liestPic .liestPicBg .img{ width: 100%;} .lecturer .example .liest li .liestPic .liestPicRen{ position: absolute; left: 10px; right: 10px; bottom: 0; z-index: 2; display: flex; flex-direction: column;} .lecturer .example .liest li .liestPic .liestPicRen .img{ width: 100%;} .lecturer .example .liest li .liestWen{ display: flex; flex-direction: column; line-height: 1.6; padding: 15px 0;} .lecturer .example .liest li .liestWen h2{ font-size: 16px;} .lecturer .example .liest li .liestWen p{ color: #666;} .lecturer .example .liest li.on .liestWen h2,.lecturer .example .liest li.on .liestWen p{ color: #F9C152;} .lecturer .example .dimian{ overflow:hidden; width: 50%;} .lecturer .example .dimian .exampleBox{ display: none; flex-direction: column; position: relative;} .lecturer .example .dimian .exampleBox.on{ display: flex;} .lecturer .example .dimian .exampleBox .exampleBoxPic{ width: 58%; display: flex; flex-direction: column;} .lecturer .example .dimian .exampleBox .exampleBoxPic .img{ width: 100%;} .lecturer .example .dimian .exampleBox .exampleBoxWord{ display: flex; flex-direction: column; position: absolute; top: 10%; right: 0; width: 42%; z-index: 2;} .lecturer .example .dimian .exampleBox .exampleBoxWord .exampleBoxWordTit{ display: flex; flex-direction: row;} .lecturer .example .dimian .exampleBox .exampleBoxWord .exampleBoxWordTit h2{ font-size: 30px; font-weight: bold;} .lecturer .example .dimian .exampleBox .exampleBoxWord .exampleBoxWordTit span{ font-size: 15px; color: #333; padding-left: 10px;} .lecturer .example .dimian .exampleBox .exampleBoxWord .exampleBoxWordExt{ display: flex; flex-direction: column; margin-top: 25px; line-height: 2.5;} .lecturer .example .dimian .exampleBox .exampleBoxWord .exampleBoxWordExt p{ color: #333; font-size: 15px;} .train .trainLayer{ display: flex; flex-direction: column;} .train .trainLayer ol{ display: flex; flex-direction: row; justify-content: space-between;} .train .trainLayer ol li{ display: flex; flex-direction: column; cursor: pointer;}.train .trainLayer ol li .trainLayerPic{height: 120px;} .train .trainLayer ol li .trainLayerPic img{ margin: 0 auto; transition: all 300ms;} .train .trainLayer ol li .trainLayerWoed{ display: flex; flex-direction: column; align-items: center; padding-top: 10px;} .train .trainLayer ol li .trainLayerWoed h2{ font-size: 22px; font-weight: bold;} .train .trainLayer ol li .trainLayerWoed span{ border: 2px solid #eee; padding: 10px 40px; font-size: 22px; margin-top: 25px;} .online{ display: flex; flex-direction: row; justify-content: space-between; background: #fff;} .online .onlinePic{ display: flex; flex-direction: column; width: 50%;} .online .onlinePic img{ width: 100%;} .online .onlineRight{ display: flex; flex-direction: column; padding: 0 5%; width: 40%; justify-content: center;} .online .onlineRight .onlineRightSubmit{ display: flex; flex-direction: column; margin-top: 30px;} .online .onlineRight .onlineRightSubmit .sub{ border: none; background: #F9C152; color: #fff; height: 50px; font-size: 22px; cursor: pointer;} .online .onlineRight .onlineRightBox{ height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex; border: 1px solid #eee; margin-top: 30px;} .online .onlineRight .onlineRightBox:nth-child(1){ margin: 0;} .online .onlineRight .onlineRightBox .onlineRightBoxTit{ display: flex; flex-direction: row; border-right: 1px solid #eee; padding: 0 20px; align-items: center; justify-content: center;} .online .onlineRight .onlineRightBox .onlineRightBoxTit span{ font-size: 16px; padding-left: 8px;} .online .onlineRight .onlineRightBox .onlineRightBoxBug{ padding: 0 20px; -webkit-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden;} .online .onlineRight .onlineRightBox .onlineRightBoxBug .text{ width: 100%; height: 50px; line-height: 50px; border: none; font-size: 16px;} .online .onlineRight .onlineRightBox .chengshi{ width: 100%; height: 50px; line-height: 50px; border: none; font-size: 16px;} /* 视频 */ .casepage { padding: 0;} .casepage .container{margin:0;} .casepage ul{ display: flex; flex-wrap: wrap; } .casepage li{ width:calc( 100%/3 - 20px); margin-left: 10px; margin-right: 10px; position: relative; overflow: hidden; margin-bottom: 40px;} .casepage li .item-img{ display: block; overflow: hidden; } .casepage li img{ display: block; width: 100%; height: auto; transition: all 0.6s;} .casepage li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);} .casepage li h3{ color: #333333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;} .casepage li p{ color: #666666; font-size: 16px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .casepage li .item-text{ padding: 20px 0 0 0; text-align:center;} .casepage li:hover::before {animation: shine 0.6s linear;} .casepage li:hover .item-img img{ transform: scale(1.1);} .casepage li .video-click{position: absolute; top: 0; left: 50%; top: 40%; transform: translate(-50%,-50%); width: 45px; height: 45px;} .casepage li .video-click img{width:45px;height:45px;} .casepage li .video-click::before{ position: absolute; top: 10px; right:10px; left: 10px; bottom: 10px; content: ''; display: block; border:3px dashed #fff; border-radius: 100%; transition: all 0.6s; transform: scale(0); animation: ro 15s infinite linear; opacity: 0;} .casepage li .video-click:hover::before{ opacity: 0.6; transform: scale(1); top: -10px; right: -10px; left: -10px; bottom: -10px;} /* 底部浮动 */ .floatForm,.floatOpen{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)); transition: all 300ms ease-in-out;} .floatOpen{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 60px; border-radius: 4px; background: #f9c152; left:-100px; z-index:99; bottom: 0;} .floatOpen .openBtn{ display: block;} .floatForm{ width: 100%; left: 0; right: 0; bottom: 0; height: 100px; z-index: 100; background: rgba(0,0,0,0.8); } .floatForm .floatFormBox{ width: 1200px; margin: 0 auto; position: relative;} .floatForm .floatFormBox .floatClose{ position: absolute; right: 0; top: 10px; z-index: 10; color: #fff; font-size: 20px; line-height: 1;} .floatForm .floatFormBox .floatFormBoxTent{ display: flex; flex-direction: row; justify-content: space-between; height: 100px; align-items: center;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft{ display: flex; flex-direction: column; width: 550px;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft .floatFormBoxTentLeftZi{ color: #fff; font-size: 30px; line-height: 36px; display: flex; flex-direction: row;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft .floatFormBoxTentLeftZi span{ color: #f9c152; font-size: 34px; font-weight: bold;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft .floatFormBoxTentLeftZi sup{ width: 70px; height: 36px; background: #f9c152; margin-left: 10px; color: #fff; text-align: center; border-radius: 18px 18px 18px 0; font-size: 20px;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft .floatFormBoxTentLeftWen{ color: #AAA;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentLeft .floatFormBoxTentLeftWen b{ color: #f9c152;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentYou{ width: 580px; margin-right: 40px; display: flex; flex-direction: row; justify-content: space-between;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentYou .floatFormBoxTentYouXin{ display: flex; flex-direction: column; padding: 10px; background: #fff;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentYou .floatFormBoxTentYouXin .text{ width: 200px; height: 30px;border: none;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentYou .floatFormBoxTentYouJiu{ display: flex; flex-direction: column;} .floatForm .floatFormBox .floatFormBoxTent .floatFormBoxTentYou .floatFormBoxTentYouJiu .sub{ width: 120px; height: 50px; border: none;background: #f9c152; color: #FFFFFF; font-size: 16px; line-height: 50px; cursor: pointer;} .floatOpen:hover,.floatForm .floatFormBox .floatClose:hover{ opacity: 0.8;} /* 右侧浮动 */ .right-pop{ position: fixed; right: 10px; top: 200px; z-index: 6333;} .right-pop li { width: 56px; height: 56px; background-color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 105, 98, 0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; vertical-align: middle; transition: all 0.6s; border-radius: 100%; margin-bottom: 10px;} .right-pop li span img{ display: block; margin: 0 auto; transition: all 0.6s; filter: grayscale(100%); transition: all 0.6s; opacity: 0.6;} .right-pop li p{ font-size: 14px; color: #333333; text-align: center; margin-top: 10px;} .right-pop .sub-pop{ position: absolute; right: 70px; top: 50%; bottom: 0; transform: translate(-10px,-50%); opacity: 0; visibility: hidden; transition: all 0.6s;} .right-pop .tel-pop{ font-weight: bold; color: #fff; font-size: 20px; width: 250px; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #f9c152; border-radius: 50px; height: 60px;} .right-pop li:hover .sub-pop{ opacity: 1; visibility: visible; transform: translate(0,-50%);} .right-pop .wx-pop img{ height: 100px; width: 100px; } .right-pop .wx-pop{ top: 35%; } .right-pop li:hover .wx-pop{ transform: translate(0,-50%);} .right-pop li:hover span img{ animation: jello 1s; filter: grayscale(0); opacity: 1;} /*添加*/ .product-detail-fixed { width: 100%; position: fixed; top: 0; z-index: 150; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #ffffff; } .header-nav{display: flex; display: -webkit-flex;} .header-nav ul{display: flex; display: -webkit-flex; align-content: center; justify-content: space-around;} .header-nav li{padding: 0 20px;} .header-nav li a{color: #ffffff; font-size: 16px; } .header.white1 .header-nav li a{color: #141418;} .header.white .header-nav li a{color: #141418;} .header-nav li a:hover{color: #f9c152;} /* 弹窗 */ .centerOutcon { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; } .centerOut { width: 360px; height: 521px; position: fixed; z-index: 999999999; top: 47%; margin-top: -260px; left: 50%; margin-left: -180px; } .outClose { width: 40px; text-align: center; height: 40px; border-radius: 50%; position: absolute; top: 13%; opacity: 0.8; left: 104%; cursor: pointer; } .getAward { width: 360px; height: 521px; background: url(../images/hongbao.png); background-repeat: no-repeat; background-size: cover; position: relative; } .getAward_common { display: flex; align-items: center; padding: 10px 16px; background: #fff; margin-bottom: 12px; border-radius: 6px; } .getAward_common img { width: 20px; margin-right: 15px; } .getAward_common input { background: transparent; border: none; } .getAward_con { position: absolute; bottom: 3%; width: 84%; left: 9%; } .awardAsk{ display: flex; } .awardAsk a { padding: 10px; color: #fff; display: inline-block; width: 48%; text-align: center; border-radius: 20px; font-size: 18px; letter-spacing: 2px; margin-top: 5px; } .awardAsk>a:nth-child(1) { background: rgb(255, 70, 102); font-weight: 600; margin-right: 2%; box-shadow: 0px 2px 5px -1px rgb(100, 100, 100); } .awardAsk>a:nth-child(2) { background: rgb(253, 204, 46); color: #7f091c; font-weight: 600; box-shadow: 0px 2px 5px -1px brown; } /*添加*/.shangxy-text{position: relative; right: 0; top: 0; bottom: 0; left: 0; padding: 60px 0 20px;}.shangxy-text .ul1 {} .shangxy-text .ul1 .p2 strong{color: #231815; font-size: 60px; font-family: "DIN";}.shangxy-text .ul1 .p2 span{color: #231815; font-size: 18px;}.shangxy-text .ul1 .p1{color: #5e5653; padding-bottom: 20px; padding-top: 10px; font-size: 18px;} .shangxy-text .div2 .ul1 li{width: 25%; padding-right: 0; padding-left: 0; text-align: center;} .aboutnei-text .div2{position: inherit;}.advert .xtitle{text-align: center; padding: 40px 0;}.advert .xtitle span{display: block; width: 50px; height: 1px; background: #000000; margin: 20px auto;}.advert .xtitle p{color: #141418; font-size: 16px;} @media screen and (max-width:1700px){ .header{padding: 20px 2%;} } @media screen and (max-width:1550px){ .header-nav li{padding: 0 15px;} } @media screen and (max-width:1500px){ .ibox-inner{padding: 0 6%; width: 100%; box-sizing: border-box;} .inner1480{width:100%; padding: 0 6%; box-sizing: border-box;} .casedisplay-js{padding: 50px 6% !important;} .header{padding: 20px 6%;} .header .logo img{height: 40px;} .indexsec1 .text p{font-size: 15px;} .footer .ftnav li a{font-size: 15px;} .footer .erweima p{font-size: 15px;} .footer .left .ftlogo img{height: 50px;} .footer .ftnav{width: 55%;} .casedisplay-text .tit h3{font-size: 38px;} .Guarantee_time li h2{font-size: 76px;} .ystitle h3{font-size: 36px;} .ystitle p{font-size: 18px;} .casedisplay-ys2-list .item .tex .right{width: 31%;} .casedisplay-ys2-list .item .tex .left h2{font-size: 26px;} .casedisplay-ys2-list .item .tex .right .t1{font-size: 36px;} .casedisplay-ys2-list .item .tex .left p{font-size: 14px;} .casedisplay-ys2-list .item .tex .right .t2{font-size: 14px;} .casedisplay-ys5 .ibox-inner{padding: 0 !important;} .aboutnei-text .div1 ul{padding-left: 3%;} .aboutnei-text .ul2 .p1 strong{font-size: 46px;} .aboutnei-text .div1 h3{font-size: 38px;} .aboutnei-text .div2 .ul1 li{padding-left: 4%; padding-right: 4%;} .aboutnei-text .ul1 .p2 strong{font-size: 60px;} .about-sec1 .top .left .title{font-size: 38px;} .about-sec1 .top .left .text p{font-size: 14px;} .about-sec3 .swiper-slide div{min-height: 220px;} .about-sec3 .swiper-slide figure{ min-height: 200px;} .about-sec3 .swiper-slide p{margin-top: 0.2vw;} } @media screen and (max-width:1450px){ .ibox-inner{padding: 0 5%; width: 100%; box-sizing: border-box;} .inner1480{width:100%; padding: 0 5%; box-sizing: border-box;} .header{padding: 20px 5%;} .casedisplay-js{padding: 45px 5% !important;} .indexsec1 .title img{height: 70px;} .indexsec1 .text h1{font-size: 24px;} .casedisplay-text .tit h3{font-size: 36px;} .casedisplay-lanmu li a{font-size: 16px;} .Guarantee_time li h2{font-size: 74px;} .Guarantee_time li h3{font-size: 20px;} .ystitle h3{font-size: 34px;} .ystitle p{font-size: 18px;} .casedisplay-ys3-list .item .tex h3{font-size: 28px;} .casedisplay-ys4-list .item .tex p{font-size: 14px;} .indextitle h3{font-size: 38px;} .about-sec2-list .item2 .text .t1 h3{font-size: 26px;} .about-sec2-list .item2 .text .t1 p{font-size: 20px;} .about-sec3 .swiper-slide div{min-height: 220px;} .about-sec3 .swiper-slide figure{ min-height: 200px;} .about-sec3 .swiper-button-next{right: 43%;} .about-sec3 .swiper-button-prev{left: 43%;} .purpose .inner1480 .purposeLeft p{font-size: 26px;} .purpose .inner1480 .purposeRight p{font-size: 24px;} .lecturer .lecturerMing{font-size: 38px;} .train .trainLayer ol li .trainLayerWoed h2{font-size: 28px;} .train .trainLayer ol li .trainLayerWoed span{font-size: 20px;} .college .collegeTitle h2{font-size: 36px;} .news .newsList ol li a .newsListCont h2{font-size: 18px;} .market .marketMing h2{font-size: 38px;} .strength .strengthCheng span{font-size: 36px;} .header-nav li{padding: 0 10px;} .header .head_btn .join_btn{margin: 0 10px;} .header .head_btn .tel{margin: 0 10px;} } @media screen and (max-width:1400px){ .ibox-inner{padding: 0 4%; width: 100%; box-sizing: border-box;} .inner1480{width:100%; padding: 0 4%; box-sizing: border-box;} .header{padding: 20px 4%;} .casedisplay-js{padding: 45px 4% !important;} .casedisplay-text .tit h3{font-size: 34px;} .Guarantee_time li h2{font-size: 70px;} .about-sec2-list .item2 .text .t1 h3{font-size: 24px;} .about-sec2-list .item2 .text .t1 p{font-size: 18px;} .about-sec2-list .item .text p{font-size: 16px;} .about-sec3 .swiper-slide div{min-height: 220px;} .about-sec3 .swiper-slide figure{ min-height: 200px;} .aboutnei-text .ul1 .p2 strong{font-size: 56px;} .purpose .inner1480 .purposeLeft p{font-size: 24px;} .purpose .inner1480 .purposeRight p{font-size: 22px;} .profit .profitList ol li h2{font-size: 24px;} .lecturer .lecturerMing{font-size: 36px} .train .trainLayer ol li .trainLayerWoed h2{font-size: 26px;} .train .trainLayer ol li .trainLayerWoed span{font-size: 18px;} .market .marketMing h2{font-size: 36px;} .market .marketCenter .marketCenterDiv .marketCenterDivTent{font-size: 20px;} } @media screen and (max-width:1350px){ .Guarantee_time li h2{font-size: 66px;} .Guarantee_time li h3{font-size: 18px;} .indextitle h3{font-size: 36px;} }