@charset "utf-8"; /* author:PengJin; date:2021-04-30; */ /*--wrap-title--*/ .wrap-title{position:relative;z-index:9;margin-bottom:35px;text-align:center;overflow:hidden;animation:fadeinT 1s;} .wrap-title h2{font-size:46px;line-height:1.25;color:#000;} .wrap-title h2 a{color:#000;} .wrap-title p{font-size:20px;color:#333;} .wrap-title.white *{color:#fff;} @media(max-width:1024px){ .wrap-title{margin-bottom:20px;} .wrap-title h2{font-size:28px;} } /*--end wrap-title--*/ /*--crumbsBar--*/ .crumbsBar{padding:35px 0;line-height:30px;font-size:14px;color:#999;overflow:hidden;} .crumbsBar a{display:inline-block;position:relative;padding-right:20px;margin-right:10px;color:#999;} .crumbsBar a:after{display:block;position:absolute;right:0;top:0;font-family:"iconfont";font-size:14px;color:#999;content:"\e699";} .crumbsBar a:last-child:after{display:none;} .crumbsBar a:hover{color:#000;} @media(max-width:1024px){ .crumbsBar{display:none;padding:10px;line-height:25px;} } /*--end crumbsBar--*/ /*--inpage-menu-wrap--*/ .inpage-menu-wrap{position:relative;z-index:99;top:0;left:0;width:100%;overflow:hidden;background:#f8f8f8;} .inpage-menu-wrap.active{position:fixed;} .inpage-menu-wrap .container{position:relative;overflow:hidden;} .inpage-menu{position:relative;overflow:hidden;} .inpage-menu li{position:relative;width:auto;height:95px;line-height:95px;font-size:18px;} .inpage-menu li:before{display:block;position:absolute;left:50%;bottom:0;margin-left:-17px;width:34px;height:4px;content:"";background:#000;transform:scale(0,1);transition:all .5s;} .inpage-menu li a{display:block;padding:0 10px;color:#999;} .inpage-menu li:hover:before,.inpage-menu li.cur:before{transform:scale(1);} .inpage-menu li:hover a,.inpage-menu li.cur a{color:#000;} .inpage-menu-wrap .backTop{position:absolute;z-index:99;right:0;top:0;line-height:95px;cursor:pointer;} .inpage-menu-wrap .backTop a{display:block;font-size:14px;cursor:pointer;font-family:"DIN Medium";color:#999;} .inpage-menu-wrap .backTop a:after{display:inline-block;font-family:"iconfont";content:"\e665";transform:rotate(180deg);} .inpage-menu-wrap .backTop a:hover{color:#000;} @media(max-width:1024px){ .inpage-menu-wrap .container{padding:0;} .inpage-menu li{height:50px;line-height:50px;font-size:14px;} .inpage-menu-wrap .backTop{display:none;} } /*--end inpage-menu-wrap--*/ /*--inpage-submenu--*/ .inpage-submenu{position:relative;overflow:hidden;} .inpage-submenu:before{display:block;position:absolute;left:0;top:0;width:100%;height:1px;content:"";background:#dfdfdf;} .inpage-submenu li{position:relative;width:auto;height:95px;line-height:95px;font-size:18px;} .inpage-submenu li a{display:block;color:#999;} .inpage-submenu li:hover a,.inpage-submenu li.cur a{color:#000;} .inpage-menu-wrap.active .inpage-submenu{display:none;} @media(max-width:1024px){ .inpage-submenu li{height:50px;line-height:50px;font-size:14px;} } /*--end inpage-submenu--*/ /*--inpage-submenu2--*/ .inpage-submenu2{position:relative;padding:40px 0;overflow:hidden;} .inpage-submenu2:before{display:block;position:absolute;left:0;top:0;width:100%;height:1px;content:"";background:#dfdfdf;} .inpage-submenu2 li{position:relative;margin-right:15px;width:120px;height:35px;line-height:35px;font-size:16px;text-align:center;} .inpage-submenu2 li:after{display:none;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#000;transform:rotate(-45deg);} .inpage-submenu2 li a{display:block;color:#999;} .inpage-submenu2 li:hover a,.inpage-submenu2 li.cur a{color:#fff;background:#000;} .inpage-submenu2 li:hover:after,.inpage-submenu2 li.cur:after{display:block;} .inpage-menu-wrap.active .inpage-submenu2{display:none;} @media(max-width:1024px){ .inpage-submenu2{padding:10px;} .inpage-submenu2 li{flex:1;font-size:14px;margin-right:0;width:auto;} } /*--end inpage-submenu--*/ .fw-wrap { background: #f8f8f8; padding: 80px 100px 0; display: block; width: 100%; height: 470px;} .fw-wrap h2 { font-size: 46px; color: #000; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf;} .fw-wrap p { margin-top: 30px; font-size: 18px; color: #999; line-height: 1.75;} @media (max-width:1024px) { .fw-wrap { padding: 40px 15px 20px; height: auto;} .fw-wrap h2 { padding-bottom: 15px; font-size: 20px;} .fw-wrap p { margin-top: 20px; font-size: 14px;} } /* develop-fw */ .develop-fw {position: relative; background: #fff; overflow: hidden; padding-bottom: 80px;} .develop-fw .develop-con { display: block; overflow: hidden;} .develop-fw .develop-slide { position: relative; margin: -160px 100px 0; padding-bottom: 75px; display: block; overflow: hidden;} .develop-fw .develop-slide .pic { display: block; width: 100%;} .develop-fw .develop-slide .pic img { display: block; width: 100%;} .develop-fw .develop-slide .text h3 { margin: 25px 0; display: block; font-size: 24px; color: #000;} .develop-fw .develop-slide .text p { font-size: 16px; color: #999; line-height: 1.5; height: 95px; } .develop-fw .develop-slide .swiper-prev,.develop-fw .develop-slide .swiper-next { cursor: pointer; position: absolute; top: 23%; z-index: 3; width: 57px; height: 57px; line-height: 57px; background: #fff; border:1px solid #f8f8f8; text-align: center;} .develop-fw .develop-slide .swiper-prev { left: 30%;} .develop-fw .develop-slide .swiper-next { right: 30%;} .develop-fw .develop-slide .swiper-prev i,.develop-fw .develop-slide .swiper-next i { color: #999; font-size: 18px;} .develop-fw .develop-slide .swiper-prev:hover,.develop-fw .develop-slide .swiper-next:hover { background: #000; border:1px solid #000;} .develop-fw .develop-slide .swiper-prev:hover i,.develop-fw .develop-slide .swiper-next:hover i { color: #fff;} .develop-fw .develop-slide .swiper-pager { text-align: center; position: absolute; left: 0; bottom: 0;} .develop-fw .develop-slide .swiper-pager span { background: #ccc;opacity:1;} .develop-fw .develop-slide .swiper-pager span.swiper-pagination-bullet-active { background: #000;} @media (max-width:1024px) { .develop-fw { padding-bottom: 40px;} .develop-fw .develop-slide { margin: -50px 15px 0; padding-bottom: 110px;} .develop-fw .develop-slide .text h3 { margin: 15px 0; font-size: 16px;} .develop-fw .develop-slide .text p { font-size: 14px; height: 65px;} .develop-fw .develop-slide .swiper-prev,.develop-fw .develop-slide .swiper-next { display: none;} } /* develop-fw end */ /* healthy-fw */ .healthy-fw {position: relative; background: #fff; overflow: hidden; padding-bottom: 80px;} .healthy-fw .healthy-con { display: block; overflow: hidden;} .healthy-fw .healthy-slide { position: relative; margin: -160px 100px 0; padding-bottom: 75px; display: block; overflow: hidden;} .healthy-fw .healthy-slide .pic { display: block; width: 100%;} .healthy-fw .healthy-slide .pic img { display: block; width: 100%;} .healthy-fw .healthy-slide .text h3 { margin: 25px 0; display: block; font-size: 24px; color: #000;} .healthy-fw .healthy-slide .text p { font-size: 16px; color: #999; line-height: 1.5; height: 95px;} .healthy-fw .healthy-slide .swiper-prev,.healthy-fw .healthy-slide .swiper-next { cursor: pointer; position: absolute; top: 23%; z-index: 3; width: 57px; height: 57px; line-height: 57px; background: #fff; border:1px solid #f8f8f8; text-align: center;} .healthy-fw .healthy-slide .swiper-prev { left: 30%;} .healthy-fw .healthy-slide .swiper-next { right: 30%;} .healthy-fw .healthy-slide .swiper-prev i,.healthy-fw .healthy-slide .swiper-next i { color: #999; font-size: 18px;} .healthy-fw .healthy-slide .swiper-prev:hover,.healthy-fw .healthy-slide .swiper-next:hover { background: #000; border:1px solid #000;} .healthy-fw .healthy-slide .swiper-prev:hover i,.healthy-fw .healthy-slide .swiper-next:hover i { color: #fff;} .healthy-fw .healthy-slide .swiper-pager { text-align: center; position: absolute; left: 0; bottom: 0;} .healthy-fw .healthy-slide .swiper-pager span { background: #ccc;opacity:1;} .healthy-fw .healthy-slide .swiper-pager span.swiper-pagination-bullet-active { background: #000;} @media (max-width:1024px) { .healthy-fw { padding-bottom: 40px;} .healthy-fw .healthy-slide { margin: -50px 15px 0; padding-bottom: 110px;} .healthy-fw .healthy-slide .text h3 { margin: 15px 0; font-size: 16px;} .healthy-fw .healthy-slide .text p { font-size: 14px; height: 65px;} .healthy-fw .healthy-slide .swiper-prev,.healthy-fw .healthy-slide .swiper-next { display: none;} } /* healthy-fw end */ /* hair-fw */ .hair-fw {position: relative; background: #fff; overflow: hidden; padding-bottom: 80px;} .hair-fw .hair-con { display: block; overflow: hidden;} .hair-fw .hair-slide { position: relative; margin: -160px 100px 0; padding-bottom: 75px; display: block; overflow: hidden;} .hair-fw .hair-slide .pic { display: block; width: 100%;} .hair-fw .hair-slide .pic img { display: block; width: 100%;} .hair-fw .hair-slide .text h3 { margin: 25px 0; display: block; font-size: 24px; color: #000;} .hair-fw .hair-slide .text p { font-size: 16px; color: #999; line-height: 1.5; height: 95px; } .hair-fw .hair-slide .swiper-prev,.hair-fw .hair-slide .swiper-next { cursor: pointer; position: absolute; top: 23%; z-index: 3; width: 57px; height: 57px; line-height: 57px; background: #fff; border:1px solid #f8f8f8; text-align: center;} .hair-fw .hair-slide .swiper-prev { left: 30%;} .hair-fw .hair-slide .swiper-next { right: 30%;} .hair-fw .hair-slide .swiper-prev i,.hair-fw .hair-slide .swiper-next i { color: #999; font-size: 18px;} .hair-fw .hair-slide .swiper-prev:hover,.hair-fw .hair-slide .swiper-next:hover { background: #000; border:1px solid #000;} .hair-fw .hair-slide .swiper-prev:hover i,.hair-fw .hair-slide .swiper-next:hover i { color: #fff;} .hair-fw .hair-slide .swiper-pager { text-align: center; position: absolute; left: 0; bottom: 0;} .hair-fw .hair-slide .swiper-pager span { background: #ccc;opacity:1;} .hair-fw .hair-slide .swiper-pager span.swiper-pagination-bullet-active { background: #000;} @media (max-width:1024px) { .hair-fw { padding-bottom: 40px;} .hair-fw .hair-slide { margin: -50px 15px 0; padding-bottom: 110px;} .hair-fw .hair-slide .text h3 { margin: 15px 0; font-size: 16px;} .hair-fw .hair-slide .text p { font-size: 14px; height: 65px;} .hair-fw .hair-slide .swiper-prev,.hair-fw .hair-slide .swiper-next { display: none;} } /* hair-fw end */ /* chara-fw */ .chara-fw {position: relative; background: #fff; overflow: hidden; padding-bottom: 80px;} .chara-fw .chara-con { display: block; overflow: hidden;} .chara-fw .chara-slide { position: relative; margin: -160px 100px 0; padding-bottom: 75px; display: block; overflow: hidden;} .chara-fw .chara-slide .pic { display: block; width: 100%;} .chara-fw .chara-slide .pic img { display: block; width: 100%;} .chara-fw .chara-slide .text h3 { margin: 25px 0; display: block; font-size: 24px; color: #000;} .chara-fw .chara-slide .text p { font-size: 16px; color: #999; line-height: 1.5; height: 95px; } .chara-fw .chara-slide .swiper-prev,.chara-fw .chara-slide .swiper-next { cursor: pointer; position: absolute; top: 23%; z-index: 3; width: 57px; height: 57px; line-height: 57px; background: #fff; border:1px solid #f8f8f8; text-align: center;} .chara-fw .chara-slide .swiper-prev { left: 30%;} .chara-fw .chara-slide .swiper-next { right: 30%;} .chara-fw .chara-slide .swiper-prev i,.chara-fw .chara-slide .swiper-next i { color: #999; font-size: 18px;} .chara-fw .chara-slide .swiper-prev:hover,.chara-fw .chara-slide .swiper-next:hover { background: #000; border:1px solid #000;} .chara-fw .chara-slide .swiper-prev:hover i,.chara-fw .chara-slide .swiper-next:hover i { color: #fff;} .chara-fw .chara-slide .swiper-pager { text-align: center; position: absolute; left: 0; bottom: 0;} .chara-fw .chara-slide .swiper-pager span { background: #ccc;opacity:1;} .chara-fw .chara-slide .swiper-pager span.swiper-pagination-bullet-active { background: #000;} @media (max-width:1024px) { .chara-fw { padding-bottom: 40px;} .chara-fw .chara-slide { margin: -50px 15px 0; padding-bottom: 110px;} .chara-fw .chara-slide .text h3 { margin: 15px 0; font-size: 16px;} .chara-fw .chara-slide .text p { font-size: 14px; height: 65px;} .chara-fw .chara-slide .swiper-prev,.chara-fw .chara-slide .swiper-next { display: none;} } /* chara-fw end */ /*--project--*/ .project-slide{overflow:hidden;} .project-list{display:none;margin-top:20px;padding:15px;overflow:hidden;} .project-list .item{display:flex;justify-content:space-between;margin-bottom:10px;} .project-list .item:last-child{margin-bottom:0;} .project-list .pic{width:35%;} .project-list .pic img{display:block;width:100%;} .project-list .text{padding-left:15px;width:65%;} .project-list .text h3{font-size:16px;} .project-list .text p{margin-top:6px;font-size:14px;color:#999;} @media (max-width:1024px) { .project-slide{display:none !important;} .project-list{display:block;} } /*--end project--*/ /* cx-video */ .cx-video { display: block; overflow: hidden;} .cx-video .video-con {margin: 20px -12px 0;display: block;overflow: hidden;} .cx-video .video-con .item {cursor: pointer; margin:12px; float: left; width: calc(100%/3 - 24px);} .cx-video .video-con .item .pic { position: relative; display: block; width: 100%; overflow: hidden;} .cx-video .video-con .item .pic img { display: block; width: 100%; transition: all 1s;} .cx-video .video-con .item .pic::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/player.png) no-repeat center;} .cx-video .video-con .item .text { display: block;padding:10px;width: 100%; background: #fff; overflow:hidden; } .cx-video .video-con .item .text h3{height:50px; line-height:25px;font-size: 16px; color: #666;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cx-video .video-con .item:hover img { transform: scale(1.1);} .cx-video .video-con .item:hover .pic::after {background: rgba(0,0,0,.2) url(../images/player.png) no-repeat center;} .cx-video .video-more { margin: 30px auto; width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999;visibility: hidden;} .cx-video .video-more a { font-size: 16px; color: #999;} .cx-video .video-more:hover * { color: #000;} .cx-video .video-more a i { color: #999; font-size: 18px;} @media (max-width:992px) { .cx-video { margin-top: 10px;} .cx-video .video-con { margin:0 10px;} .cx-video .video-con .item { margin: 6px;width: calc(100%/2 - 12px);} .cx-video .video-con .item .text{ text-align: left;} .cx-video .video-con .item .text h3{height:44px; line-height:22px;font-size:14px;} .cx-video .video-con .item p { padding: 0 10px; height:40px; line-height: 40px; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .cx-video .video-con .item .pic::after { background-size: 20%;} } /* cx-video end */ /* service-items */ .service-items { display: block;overflow: hidden;} .service-items .service-fl { position: relative; float: left; width: 50%; box-sizing: border-box;} .service-items .service-fl img,.service-items .service-fr img { display: block; width: 100%;} .service-items .service-fl .items-list { position: absolute; right: 80px; top: 0; width: 620px; height: 100%;} .service-items .service-fl .item { display: block;width: 100%; height: 50%; border-bottom: 5px solid #d3d3d3;} .service-items .service-fl .item:last-child {border-bottom: none;} .service-items .service-fl .item a { position: relative; top: 50%; transform: translateY(-50%); display: block; transition: all 1s;} .service-items .service-fl .item em { display: block; font-size: 16px; font-family: "DIN Medium"; color: #999;} .service-items .service-fl .item h3 {margin-top: 15px;font-size: 46px;line-height: 1;color: #000;font-weight: bold;} .service-items .service-fl .item h3 i {float: right;font-size: 24px;line-height: 46px;color: #dedede;} .service-items .service-fl .item a:hover {margin-left: 20px;} .service-items .service-fl .item a:hover h3 i { color: #000;} .service-items .service-fr { float: left; width: 50%;} .service-items .service-fr em {text-align: right; display: block; font-size: 16px; color: rgba(0,0,0,.1);font-family: "DIN Medium";} .service-items .service-fr h3 { margin-top: 55px; font-size: 89px; color: #000; font-weight: bold; line-height: 1;} .service-items .service-fr p { margin-top: 30px; font-size: 32px; color: #000;} @media (max-width:1440px) { .service-items .service-fl .items-list { right: 60px; width: 540px;} } @media (max-width:1024px) { .service-items .service-fl {float: none; width: 100%;} .service-items .service-fl .items-list { right: 5%; width: 90%;} .service-items .service-fr { display: block; width:100%; float:none;} .service-items .service-fl .item { border-bottom: 2px solid #d3d3d3;} .service-items .service-fl .item em { font-size: 14px;} .service-items .service-fl .item h3 { font-size: 24px;} .service-items .service-fl .item h3 i { font-size: 16px; line-height: 24px;} } /* service-items end */ /* cx-charitable */ .cx-charitable {display: block;margin-top: 20px;} .cx-charitable .cx-charitable_con { overflow: hidden;} .cx-charitable .item { padding:35px; margin:12px ; float: left; width: calc(100%/3 - 24px); background: #fff; transition: all .8s;border:#fff solid 1px;} .cx-charitable .item .pic { display: block; width: 100%; overflow: hidden;height:260px} .cx-charitable .item .pic img { display: block; width: 100%; transition: all 1s;} .cx-charitable .item .text h3 {margin: 30px 0 20px;font-size: 24px;color: #000;height: 60px;font-weight: 400;line-height: 1.25;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .cx-charitable .item .text p {height: 72px;line-height:24px;font-size: 16px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cx-charitable .item .charitable-btn { margin-top: 40px; width: 130px; height: 40px; font-size: 16px; color: #666; border-bottom: 1px solid #ccc;} .cx-charitable .item .charitable-btn i { float: right; line-height: 25px;} .cx-charitable .charitable-more { margin: 30px auto; width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999; visibility: hidden;} .cx-charitable .charitable-more a { font-size: 16px; color: #999;} .cx-charitable .charitable-more:hover * { color: #000;} .cx-charitable .charitable-more a i { color: #999; font-size: 18px;} @media (min-width:1024px) { .cx-charitable .item:hover { border:#c5bdae solid 1px;} .cx-charitable .item:hover img { transform: scale(1.1);} .cx-charitable .item:hover .text h3 { color: #000;} .cx-charitable .item:hover .charitable-btn { color: #000; border-bottom: 1px solid #000;} } @media (max-width:1024px) { .cx-charitable { margin-top: 28px;} .cx-charitable .cx-charitable_con{padding: 0 10px;} .cx-charitable .item{padding:12px 0;margin:0 0 10px;width: 100%;border-bottom:#e0e0e0 solid 1px;background:none;} .cx-charitable .item:last-child{border-bottom:0;} .cx-charitable .item .pic{width:100%;height:auto} .cx-charitable .item .text {padding-top:12px;width:100%;} .cx-charitable .item .text h3 {margin:0;font-size:16px;height:auto;line-height:1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .cx-charitable .item .text em { margin: 10px 0; font-size: 14px;} .cx-charitable .item .text p { font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;display:none;} .cx-charitable .charitable-more { margin:15px auto;font-size:14px;} .cx-charitable .item .charitable-btn {margin-top:0px;width: 90px;height:35px;line-height: 35px;font-size: 14px;border:none;} .cx-charitable .item .charitable-btn i { line-height: 35px; font-size: 14px;} } /* cx-charitable end */ /* cx-product */ .cx-product { display: block; overflow: hidden; background: #fff;} .cx-product .cx-product_con {min-height:656px;display: flex;flex-wrap: wrap;overflow: hidden;} .cx-product .list{margin:-30px;} .cx-product .item { margin:30px ; float: left; /*width: calc(100%/3 - 60px);**/ width:440px;} .cx-product .item .pic { display: block; width: 100%; overflow: hidden;} .cx-product .item .pic img { display: block; width: 100%; transition: all 1s;} .cx-product .item .text { padding: 10px 0 50px; border-bottom: 1px solid #e5e5e5;text-align: center;} .cx-product .item .text h3 {min-height:52px; font-size: 18px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .cx-product .item .text em { margin: 10px 0 25px; display: block; font-size: 16px; color: #999; font-family: "DIN Medium";} .cx-product .item .text p {margin-top:8px;font-size: 16px; height:75px; color: #999; line-height: 25px;text-align: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;} .cx-product .item:hover img { transform: scale(1.1);} .cx-product .product-more ,.dropload-down{ margin: 30px auto; width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999;visibility: hidden;} .cx-product .product-more a{color: #999; } .cx-product .product-more a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e731";} .cx-product .product-more:hover * { color: #000;} .cx-product .product-more a i { color: #999; font-size: 18px;} @media (max-width:1360px) { .cx-product .item{ width: 360px; /*width: calc(100%/3 - 60px);*/ } } @media (max-width:1024px) { .cx-product { margin-top: 10px;padding:0 10px;} .cx-product .list{margin:-6px;} .cx-product .item {margin:6px;width: calc(100%/2 - 12px);} .cx-product .item .text { padding: 10px 0 25px;} .cx-product .item .text h3 {font-size: 16px;height: 49px;} .cx-product .item .text em { margin: 10px 0 15px; font-size: 14px;} .cx-product .item .text p {line-height:20px;font-size: 14px; height:100px; -webkit-line-clamp: 5;} .cx-product .product-more { margin:25px auto;} } /* cx-product end */ /*--aboutus--*/ .aboutus{background:#fff;overflow:hidden;} .aboutus .item{overflow:hidden;} .aboutus .item-1{background:url(../images/aboutus_bg1.png) no-repeat center bottom;} .aboutus .item-2{background:url(../images/aboutus_bg2.png) no-repeat center 0,url(../images/Inpage/aboutus_bg3.png) no-repeat center bottom;} .aboutus .item-3{background:url(../images/aboutus_bg4.png) no-repeat center 0;} .aboutus .item .inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:110px 0;overflow:hidden;} .aboutus .item:nth-child(even) .inner{flex-direction:row-reverse;} .aboutus .item .pic{position:relative;padding-bottom:30px;width:575px;overflow:hidden;background:url(../images/aboutus_pic_bg.png);} .aboutus .item .pic:before,.aboutus .item .pic:after{display:block;position:absolute;z-index:1;width:30px;height:30px;content:"";background:#fff;} .aboutus .item .pic img{display:block;position:relative;z-index:2;width:100%;transition:all .5s linear;} .aboutus .item .pic:hover img{transform:scale(1.1);} .aboutus .item .text{position:relative;width:700px;} .aboutus .item .text .hd{overflow:hidden;} .aboutus .item .text .hd h3{display:inline-block;position:relative;z-index:1;height:50px;font-size:46px;font-weight:bold;line-height:1;color:#000;} .aboutus .item .text .hd h3:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:20px;content:"";background:#c5bdae;} .aboutus .item .text .hd h4{margin-top:20px;font-size:46px;font-weight:bold;line-height:1.25;color:#000;} .aboutus .item .text .bd{padding-top:30px;overflow:hidden;} .aboutus .item .text .bd p{font-size:16px;line-height:1.75;color:#666;} .aboutus .item .text .en{position:absolute;left:0;bottom:30px;font-family:"DIN Medium";color:#e4e4e4;text-transform:uppercase;} .aboutus .item .text .en small{display:block;font-size:50px;line-height:1;} .aboutus .item .text .en span{display:block;font-size:120px;line-height:1;} .aboutus .item:nth-child(odd) .pic{padding-left:30px;animation:fadeinR 1s;} .aboutus .item:nth-child(odd) .pic:before{left:0;top:0;} .aboutus .item:nth-child(odd) .pic:after{right:0;bottom:0;} .aboutus .item:nth-child(even) .pic{padding-right:30px;animation:fadeinL 1s;} .aboutus .item:nth-child(even) .pic:before{right:0;top:0;} .aboutus .item:nth-child(even) .pic:after{left:0;bottom:0;} @media(max-width:1440px){ .aboutus .item .inner{padding:90px 0;} .aboutus .item .pic{padding-bottom:25px;width:490px;} .aboutus .item .pic:before,.aboutus .item .pic:after{width:25px;height:25px;} .aboutus .item .text{width:600px;} .aboutus .item .text .hd h3{height:42px;font-size:38px;} .aboutus .item .text .hd h3:after{height:16px;} .aboutus .item .text .hd h4{margin-top:16px;font-size:38px;} .aboutus .item .text .bd{padding-top:25px;} .aboutus .item .text .bd p{font-size:15px;} .aboutus .item .text .en{bottom:25px;} .aboutus .item .text .en small{font-size:42px;} .aboutus .item .text .en span{font-size:100px;} } @media(max-width:1024px){ .aboutus .item .inner{padding:40px 10px;} .aboutus .item .pic{padding:0 !important;width:100%;} .aboutus .item .pic:before,.aboutus .item .pic:after{display:none;} .aboutus .item .text{padding-bottom:20px;width:100%;} .aboutus .item .text .hd h3{height:auto;font-size:24px;} .aboutus .item .text .hd h3:after{height:6px;} .aboutus .item .text .hd h4{margin-top:6px;font-size:25px;} .aboutus .item .text .bd{padding-top:15px;} .aboutus .item .text .bd p{font-size:14px;} .aboutus .item .text .en{display:none;position:static;margin-top:25px;} .aboutus .item .text .en small{font-size:30px;} .aboutus .item .text .en span{font-size:70px;} } /*--end aboutus--*/ /*--aboutus02 --*/ .aboutus02{background:#fff;overflow:hidden;} .aboutus02 .item{overflow:hidden;} .aboutus02 .item-1{background:url(../images/aboutus_bg1.png) no-repeat center bottom;} .aboutus02 .item-2{background:url(../images/aboutus_bg2.png) no-repeat center 0,url(../images/Inpage/aboutus_bg3.png) no-repeat center bottom;} .aboutus02 .item-3{background:url(../images/aboutus_bg4.png) no-repeat center 0;} .aboutus02 .item .inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 0;overflow:hidden;} .aboutus02 .item:nth-child(odd) .inner{flex-direction:row-reverse;} .aboutus02 .item .pic{position:relative;padding-bottom:30px;width:575px;overflow:hidden;background:url(../images/aboutus_pic_bg.png);} .aboutus02 .item .pic:before,.aboutus .item .pic:after{display:block;position:absolute;z-index:1;width:30px;height:30px;content:"";background:#fff;} .aboutus02 .item .pic img{display:block;position:relative;z-index:2;width:100%;transition:all .5s linear;} .aboutus02 .item .pic:hover img{transform:scale(1.1);} .aboutus02 .item .text{position:relative;width:750px;} .aboutus02 .item .text .hd{overflow:hidden;} .aboutus02 .item .text .hd h3{display:inline-block;position:relative;z-index:1;height:50px;font-size: 41px;line-height:1;color:#000;} .aboutus02 .item .text .hd h3:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:20px;content:"";background:#c5bdae;} .aboutus02 .item .text .hd h4{margin-top:20px;font-size: 40px;line-height:1.25;color:#000;} .aboutus02 .item .text .bd{padding-top:30px;overflow:hidden;} .aboutus02 .item .text .bd p{font-size:16px;line-height:1.75;color:#666;} .aboutus02 .item .text .en{position:absolute;left:0;bottom:30px;font-family:"DIN Medium";color:#e4e4e4;text-transform:uppercase;} .aboutus02 .item .text .en small{display:block;font-size:50px;line-height:1;} .aboutus02 .item .text .en span{display:block;font-size:120px;line-height:1;} .aboutus02 .item:nth-child(odd) .pic{padding-left:30px;animation:fadeinR 1s;} .aboutus02 .item:nth-child(odd) .pic:before{left:0;top:0;} .aboutus02 .item:nth-child(odd) .pic:after{right:0;bottom:0;} .aboutus02 .item:nth-child(even) .pic{padding-right:30px;animation:fadeinL 1s;} .aboutus02 .item:nth-child(even) .pic:before{right:0;top:0;} .aboutus02 .item:nth-child(even) .pic:after{left:0;bottom:0;} .aboutus02 .aboutus02-more { margin: 30px auto; width: 125px; height: 30px; line-height: 30px; text-align: center;font-size: 16px; color: #999;visibility: hidden;} .aboutus02 .aboutus02-more a { font-size: 16px; color: #999;} .aboutus02 .aboutus02-more:hover * { color: #000;} .aboutus02 .aboutus02-more a i { color: #999; font-size: 18px;} @media(max-width:1440px){ .aboutus02 .item .inner{padding:90px 0;} .aboutus02 .item .pic{padding-bottom:25px;width:490px;} .aboutus02 .item .pic:before,.aboutus .item .pic:after{width:25px;height:25px;} .aboutus02 .item .text{width:650px;} .aboutus02 .item .text .hd h3{height:42px;font-size:38px;} .aboutus02 .item .text .hd h3:after{height:16px;} .aboutus02 .item .text .hd h4{margin-top:16px;font-size:38px;} .aboutus02 .item .text .bd{padding-top:25px;} .aboutus02 .item .text .bd p{font-size:15px;} .aboutus02 .item .text .en{bottom:25px;} .aboutus02 .item .text .en small{font-size:42px;} .aboutus02 .item .text .en span{font-size:100px;} } @media(max-width:1024px){ .aboutus02 .item .inner{padding:40px 10px;} .aboutus02 .item .pic{padding:0 !important;width:100%;order: 2;} .aboutus02 .item .pic:before,.aboutus .item .pic:after{display:none;} .aboutus02 .item .text{padding-bottom: 30px;width:100%;} .aboutus02 .item .text .hd h3{height:auto;font-size: 20px;} .aboutus02 .item .text .hd h3:after{height:6px;} .aboutus02 .item .text .hd h4{margin-top:6px;font-size: 20px;} .aboutus02 .item .text .bd{padding-top:15px;} .aboutus02 .item .text .bd p{font-size:14px;} .aboutus02 .item .text .en{display:none;position:static;margin-top:25px;} .aboutus02 .item .text .en small{font-size:30px;} .aboutus02 .item .text .en span{font-size:70px;} } /*--end aboutus02 --*/ /*--help-wrap--*/ .help-wrap{padding:110px 0;overflow:hidden;background:url(../images/help_bg.jpg) no-repeat center 0;} .help-wrap .inner{overflow:hidden;} .help-wrap .inner .box-l{float:left;padding:60px 80px;width:50%;height:450px;color:#fff;overflow:hidden;background:rgba(0,0,0,0.6);transition:all .5s;} .help-wrap .inner .box-l h3{height:62px;line-height:62px;font-weight:normal;font-size:46px;} .help-wrap .inner .box-l h3 a{color:#fff;} .help-wrap .inner .box-l p{margin:32px 0;height:150px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;} .help-wrap .inner .box-l p a{color:#fff;} .help-wrap .inner .box-l .more{display:block;width:130px;line-height:48px;font-size:16px;color:#fff;border-bottom:rgba(255,255,255,0.1) solid 1px;} .help-wrap .inner .box-l .more:before{display:block;float:right;font-family:"iconfont";content:"\e699";font-size:12px;} .help-wrap .inner .box-l:hover{background:rgba(0,0,0,0.8);} .help-wrap .inner .box-r{float:right;width:50%;height:450px;overflow:hidden;background:#fff;} .help-wrap .inner .box-r .item{float:left;display:flex;flex-wrap:wrap;width:50%;height:100%;overflow:hidden;} .help-wrap .inner .box-r .item:nth-child(even){flex-direction:column-reverse;} .help-wrap .inner .box-r .text,.help-wrap .inner .box-r .pic{position:relative;width:100%;height:50%;} .help-wrap .inner .box-r .text{padding:40px 50px;color:#000;} .help-wrap .inner .box-r .text:after{display:block;position:absolute;z-index:3;left:50px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);} .help-wrap .inner .box-r .item:nth-child(odd) .text:after{bottom:-4px;} .help-wrap .inner .box-r .item:nth-child(even) .text:after{top:-4px;} .help-wrap .inner .box-r .text h3{height:50px;line-height:50px;font-size:32px;transition:all .5s;} .help-wrap .inner .box-r .text h3 a{color:#000;} .help-wrap .inner .box-r .text .more{display:none;margin-top:32px;font-size:12px;color:#000;} .help-wrap .inner .box-r .pic{overflow:hidden;} .help-wrap .inner .box-r .pic img{display:block;position:relative;top:50%;left:50%;min-width:354px;width:auto;transition:all .5s;transform:translate(-50%,-50%);} .help-wrap .inner .box-r .item:hover .pic img{transform:translate(-50%,-50%) scale(1.15);} .help-wrap .inner .box-r .item:hover .text h3{transform: translateY(50px);} .help-wrap .list{margin:28px -55px 0;overflow:hidden;} .help-wrap .list .item{display:block;float:left;margin:0 55px;padding:38px 0;width:calc(33.33% - 110px);overflow:hidden;border-bottom:rgba(0,0,0,0.1) solid 1px;transition:all .5s;} .help-wrap .list .item i{display:block;width:35px;height:35px;} .help-wrap .list .item h3{margin-top:15px;font-size:32px;color:#000;background:url(../images/read.png) no-repeat right center / 31px;} .help-wrap .list .item:hover{padding:38px 20px;background:rgba(0,0,0,0.6);} .help-wrap .list .item:hover i{filter:contrast(0) brightness(2);} .help-wrap .list .item:hover h3{color:#fff;} @media(max-width:1440px){ .help-wrap{padding:90px 0;} } @media(max-width:1024px){ .help-wrap{padding:40px 10px;background-size:cover;} .help-wrap .inner .box-l{float:none;padding:20px 30px;width:100%;height:auto;} .help-wrap .inner .box-l h3{height:45px;line-height:45px;font-size:30px;} .help-wrap .inner .box-r{float:none;width:100%;height:222px;} .help-wrap .inner .box-r .text{padding:15px;} .help-wrap .inner .box-r .text h3{line-hieght:25px;font-size:20px;} .help-wrap .inner .box-r .text .more { margin-top:15px;} .help-wrap .inner .box-r .pic img { top:0;left:0;min-width:auto;width:100%;transform:none;} .help-wrap .inner .box-l p { margin:15px 0; height:auto;} .help-wrap .list{margin:15px -10px 0;} .help-wrap .list .item{margin: 0 10px;padding:20px 0;width: calc(33.33% - 20px);} .help-wrap .list .item h3{line-height: 30px;font-size: 16px;background-image: none;} .help-wrap .list .item h3:before{display:block;float:right;font-family:"iconfont";content:"\e699";font-size:12px;} } /*--end help-wrap--*/ /*--honor--*/ .honor{padding:100px 0;overflow:hidden;background:#fff;} .honor .inner{position:relative;overflow:hidden;} .honor-list{display:flex;align-items:flex-end;overflow:auto;padding-bottom:30px;user-select: none;} .honor-list::-webkit-scrollbar{width:100%;height:40px;background:#f0f0f0;} .honor-list::-webkit-scrollbar-thumb{background:url(../images/prev.png) no-repeat 20px center,url(../images/Inpage/next.png) no-repeat calc(100% - 20px) center;background-color:#000;} .honor-list .group{position:relative;padding-right:20px;width:283px;min-height:685px;flex:none;} .honor-list .group:before,.honor-list .group:after{display:block;position:absolute;bottom:0;content:"";background:#ccc;} .honor-list .group:before{left:3px;width:1px;height:calc(100% - 18px);} .honor-list .group:after{left:0;width:6px;height:6px;border-radius:50%;} .honor-list .item{position:relative;margin-bottom:36px;padding-left:35px;overflow:hidden;} .honor-list .item:before{display:block;position:absolute;left:3px;top:18px;width:22px;height:1px;content:"";background:#ccc;} .honor-list .item h3{height:35px;line-height:35px;font-size:32px;font-family:"DIN Medium";color:#000;} .honor-list .item p{margin-top:10px;line-height:25px;font-size:14px;color:#666;} .honor-list .item img{display:block;margin-top:16px;width:auto;max-width:100%;} .honor .more{padding-top:20px;text-align:center;overflow:hidden;} .honor .more a{font-size:16px;color:#999;} .honor .more a:before,.honor .more a:after{display:inline-block;margin:0 10px;font-family:"iconfont";content:"\e727";color:#000;font-size:18px;animation:fadein 1s infinite;} .honor .more a:before{transform:rotateY(180deg);} @media(max-width:1440px){ .honor{padding:90px 0;} .honor-list .group{width:236px;} } @media(max-width:1024px){ .honor{display:none;} } /*--end honor--*/ /*--mHonor--*/ .mHonor{display:none; padding:8vw 2.5vw;overflow:hidden;background:#fff;} .mHonor-slide{overflow:hidden;} .mHonor-menu{position:relative;float:left;padding:13vw 0;width:20vw;overflow:hidden;} .mHonor-menu .prev,.mHonor-menu .next{position:absolute;left:3.3vw;width:10vw;line-height:10vw;text-align:center;cursor:pointer;border:#e3e3e3 solid 1px;border-radius:50%;} .mHonor-menu .prev{top:0;} .mHonor-menu .next{bottom:0;} .mHonor-menu .prev i,.mHonor-menu .next i{display:block;color:#000;} .mHonor-menu .prev i{transform:rotate(-90deg);} .mHonor-menu .next i{transform:rotate(90deg);} .mHonor-menu .list{height:60vw;overflow:hidden;} .mHonor-menu .list li{position:relative;z-index:1;padding-right:2.5vw;line-height:10vw;text-align:center;font-size:4.3vw;cursor:pointer;color:#ccc;font-family:"DIN Medium";background:#fff;border-radius:5vw 0 0 5vw;} .mHonor-menu .list li.cur{color:#000;background:#f0f0f0;} .mHonor-main{position:relative;overflow:hidden;border-left:#f0f0f0 solid 1px;} .mHonor-main .list{position:relative;height:calc(60vw + 26vw);overflow:auto;} .mHonor-main .item{position:relative;padding-bottom:10vw;padding-left:13.33vw;padding-right:2.7vw;} .mHonor-main .item:last-child{margin-bottom:0;} .mHonor-main .item:before{display:block;position:absolute;left:0;top:4.4vw;width:10.7vw;height:1px;content:"";background:#f0f0f0;} .mHonor-main .item h3{height:8.8vw;line-height:8.8vw;font-size:6.9vw;font-family:"DIN Medium";} .mHonor-main .item p{margin-top:2.5vw;font-size:3.5vw;line-height:1.5;color:#666;} .mHonor-main .item img{display:block;margin-top:5vw;width:auto;} @media(max-width:1024px){ .mHonor{display:block;} } /*--end mHonor--*/ /*--patent--*/ .patent{padding:110px 0;overflow:hidden;background:url(../images/patent_bg.jpg) no-repeat center 0 / cover;} .patent .wrap-title h2{font-size:52px;} .patent .wrap-title h2 i{display:inline-block;position:relative;top:-5px;margin:0 26px;width:1px;height:44px;background:#000;vertical-align:middle;} .patent .wrap-title em{display:block;margin-bottom:10px; font-family:"DIN Medium";font-size:20px;color:#000;text-transform:uppercase;} .patent .wrap-title p{margin-top:10px;font-size:26px;color:#000;} .patent .wrap-title p span{display:inline-block;padding:0 15px;} .patent .inner{text-align:center;overflow:hidden;} .patent .inner p{font-size:26px;color:#000;} .patent .inner img{display:block;margin-top:40px;width:100%;animation:bounceinB 1s;} @media(max-width:1440px){ .patent{padding:90px 0;} } @media(max-width:1024px){ .patent{padding:40px 10px;} .patent .wrap-title h2{font-size:24px;} .patent .wrap-title h2 i{top:-2px;margin:0 10px;height:30px;} .patent .wrap-title em{margin-bottom:5px; font-size:18px;} .patent .wrap-title p{margin-top:8px;font-size:14px;} .patent .wrap-title p span{;padding:0 5px;} .patent .inner p{font-size:14px;} .patent .inner img{margin-top:20px;} } /*--end patent--*/ /*--deeds--*/ .deeds{padding:100px 0;overflow:hidden;background:#fff;} .deeds-list{position:relative;display:flex;flex-wrap:wrap;margin-top:50px;padding-bottom:20px;overflow:hidden;} .deeds-list:after{display:block;position:absolute;left:50%;top:0;width:1px;height:100%;content:"";background:#e5e5e5;} .deeds-list .item{position:relative;width:50%;margin-top:225px;} .deeds-list .item:nth-child(odd){margin-top:0;padding-right:130px;text-align:right;animation:fadeinL 1s;} .deeds-list .item:nth-child(even){padding-left:130px;animation:fadeinR 1s;} .deeds-list .item em{display:block;position:absolute;z-index:9;top:80px;padding-top:30px;width:50px;font-family:"DIN Medium";font-size:18px;color:#333; text-align:center;} .deeds-list .item em:before,.deeds-list .item em:after{display:block;position:absolute;content:"";top:8px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background:#000;} .deeds-list .item em:before{z-index:1;opacity:0.1;animation:dot 3s linear infinite} .deeds-list .item em:after{z-index:2;} .deeds-list .item h3{padding-bottom:30px;font-size:48px;font-family:"DIN Medium";color:#000;border-bottom:#e5e5e5 solid 1px;} .deeds-list .item p{margin-top:30px;font-size:18px;min-height:90px;line-height:30px;color:#666;text-align: left;} .deeds-list .item i{display:block;margin-top:25px;overflow:hidden;} .deeds-list .item i img{display:block;width:100%;transition:all .5s linear;} .deeds-list .item:hover img{transform:scale(1.1);} .deeds-list .item:nth-child(odd) em{right:-25px;} .deeds-list .item:nth-child(even) em{left:-25px;} .deeds .more{margin-top:60px;text-align:center;overflow:hidden;} .deeds .more a{display:inline-block;font-size:16px;color:#999;} .deeds .more a:after{display:inline-block;margin-left:10px;font-size:20px;font-family:"iconfont";content:"\e665";} .deeds .more a:hover{color:#000;} @media(max-width:1440px){ .deeds{padding:90px 0;} .deeds-list .item:nth-child(odd){padding-right:110px;} .deeds-list .item:nth-child(even){padding-left:110px;} } @media(max-width:1024px){ .deeds{padding:40px 10px;} .deeds .wrap-title{display:none;} .deeds-list{margin-top:0;padding-bottom:10px;} .deeds-list:after{left:25px;} .deeds-list .item{margin-top:20px !important;padding:0 0 0 50px !important;width:100%;text-align:left !important;} .deeds-list .item em{top:45px;left:0 !important;right:unset !important;} .deeds-list .item h3{padding-bottom:15px;font-size:30px;} .deeds-list .item p{margin-top:15px;font-size:14px;min-height:auto;line-height:22px;} .deeds-list .item i{margin-top:10px;} .deeds .more{margin-top:30px;} } @keyframes dot{ 0%{transform:scale(1);} 50%{transform:scale(5);} 100%{transform:scale(1);} } /*--end deeds--*/ /*--chain--*/ .chain{padding:100px 0;overflow:hidden;background:#fff;} .chain-list{margin-top:30px;overflow:hidden;} .chain-list .item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background:#f8f8f8;} .chain-list .pic{width:50%;overflow:hidden;} .chain-list .pic img{display:block;width:100%;transition:all .5s;} .chain-list .pic:hover img{transform:scale(1.1);} .chain-list .text{position:relative;padding:80px;width:50%;overflow:hidden;transition:all .5s;} .chain-list .text h3{font-weight:normal;font-size:39px;line-height:1.25;color:#000;overflow:hidden;} .chain-list .text p{margin-top:50px;font-size:16px;line-height:1.5;color:#666;} .chain-list .item:nth-child(odd){flex-direction:row-reverse;} @media (max-width:1440px){ .chain{padding:90px 0;} .chain-list .text{padding:65px;} .chain-list .text h3{font-size:33px;} .chain-list .text p{margin-top:42px;} } @media (max-width:1024px){ .chain{padding:40px 10px;} .chain-list .item .pic{width:100%;} .chain-list .text{padding:20px;width:100%;height:auto;} .chain-list .text h3{font-size:22px;} .chain-list .text p{margin-top:20px;font-size:14px;} } /*--end chain--*/ /*--qydx-college--*/ .qydx-college{padding:100px 0;overflow:hidden;background:#fff;} .qydx-college .inner{position:relative;padding-bottom:40px;overflow:hidden;background:#f8f8f8;} .qydx-college .inner:before{display:block;position:absolute;left:0;top:0;width:100%;height:90px;content:"";background:#fff;} .qydx-college-slide{position:relative;z-index:2;float:left;width:696px;overflow:hidden;} .qydx-college-slide li{overflow:hidden;} .qydx-college-slide li img{display:block;width:100%;} .qydx-college-slide .swiper-pager{margin-top:40px;text-align:center;overflow:hidden;} .qydx-college-slide .swiper-pager span{margin:0 12px !important;width:9px;height:9px;background:#000;} .qydx-college-text{position:relative;z-index:2;float:right;width:660px;overflow:hidden;} .qydx-college-text .hd{overflow:hidden;} .qydx-college-text .hd h3{line-height:50px;font-size:46px;color:#000;} .qydx-college-text .bd{padding-top:90px;padding-right:65px;overflow:hidden;} .qydx-college-text .bd p{margin-bottom:26px;line-height:30px;font-size:18px;color:#666;} @media (max-width:1440px){ .qydx-college{padding:90px 0;} .qydx-college .inner:before{height:75px;} .qydx-college-slide{width:584px;} .qydx-college-text{width:554px;} .qydx-college-text .bd{padding-top:42px;} .qydx-college-text .bd p{margin-bottom:20px;line-height:25px;font-size:16px;} } @media (max-width:1024px){ .qydx-college{padding:40px 10px;} .qydx-college .inner{padding:0;background:#fff;} .qydx-college-slide{float:none;width:100%;} .qydx-college-slide .swiper-pager{margin-top:20px;} .qydx-college-text{float:none;margin-top:30px;width:100%;} .qydx-college-text .hd h3{line-height:1.5;font-size:24px;} .qydx-college-text .bd{padding-top:20px;padding-right:0;} .qydx-college-text .bd p{margin-bottom:10px;line-height:1.5;font-size:14px;} } /*--end qydx-college--*/ /*--qydx-course--*/ .qydx-course{padding: 100px 0 80px;overflow:hidden;background:url(../images/course_bg.jpg) no-repeat center 0;} .qydx-course-list{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;} .qydx-course-list .item{margin:10px 0;width:calc(50% - 10px);overflow:hidden;background:#fff;} .qydx-course-list .pic{float:left;width:38%;overflow:hidden;} .qydx-course-list .pic img{display:block;width:100%;transition:all 1s;} .qydx-course-list .pic:hover img{transform:scale(1.1);} .qydx-course-list .text{padding:40px;overflow:hidden;} .qydx-course-list .text h3{line-height:30px;font-size:24px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .qydx-course-list .text h3 a{color:#000;} .qydx-course-list .text h3 a:hover{color:#c5bdae;} .qydx-course-list .text p{margin:14px 0;height:120px;line-height:30px;font-size:16px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .qydx-course-list .text p a{color:#999;} .qydx-course-list .text .read{display:block;width:130px;line-height:50px;font-size:16px;color:#666;border-bottom:#ccc solid 1px;} .qydx-course-list .text .read:before{display:block;float:right;font-family:"iconfont";content:"\e699";} .qydx-course-list .text .read:hover{color:#000;border-color:#000;} @media(max-width:1440px){ .qydx-course{padding:90px 0;} .qydx-course-list .text{padding:30px;} .qydx-course-list .text h3{line-height:25px;} .qydx-course-list .text p{margin:10px 0;height:100px;line-height:25px;} } @media(max-width:1024px){ .qydx-course{padding:40px 10px;} .qydx-course-list .item{width:100%;} .qydx-course-list .text{padding:15px;} .qydx-course-list .text h3{font-size:18px;} .qydx-course-list .text p{margin:6px 0;height:40px;line-height:20px;font-size:14px;-webkit-line-clamp:2;} .qydx-course-list .text .read{width:100px;line-height:40px;font-size:14px;} } /*--end course--*/ /*--qydx-ad--*/ .qydx-ad{position:relative;z-index:1;height:740px;background:#fff url(../images/qydx_ad_bg.jpg) no-repeat center 0;} .qydx-ad .text{padding-top:80px;width:680px;overflow:hidden;} .qydx-ad .text .hd{font-size:46px;line-height:1.25;color:#000;} .qydx-ad .text .bd{padding-top: 20px;overflow:hidden;} .qydx-ad .text .bd p{padding-right:75px;font-size:16px;line-height:1.75;color:#000;} .qydx-ad .text .bd a{display:block;margin-top:20px;width:150px;height:50px;line-height:50px;font-size:16px;color:#000;text-align:center;background:#fff;border-radius:5px;} .qydx-ad .pic{display:none;} @media(max-width:1024px){ .qydx-ad{height:auto;overflow:hidden;background:#c5beae;} .qydx-ad .container{padding:0;} .qydx-ad .text{padding:40px 10px 10px;width:100%;} .qydx-ad .text .hd{font-size: 22px;} .qydx-ad .text .bd p{padding-right:0;font-size:14px;} .qydx-ad .text .bd a{font-size:14px;} .qydx-ad .pic{display:block;} } /*--end qydx-ad--*/ /*--qydx-team--*/ .qydx-team{padding:80px 0;overflow:hidden;background:#fff;} .qydx-ad~.qydx-team{margin-top:-100px;padding-top:0;} .qydx-team .wrap-title{margin-bottom:0;} .qydx-team-big{position:relative;overflow:hidden;background:url(../images/qydx_team_bg.png);} .qydx-team-big:before{display:block;;position:absolute;z-index:1;left:0;top:0;width:100%;height:45px;content:"";background:#fff;} .qydx-team-big .item{position:relative;overflow:hidden;} .qydx-team-big .item:after{display:block;position:absolute;left:50%;top:125px;bottom:80px;width:1px;content:"";background:#000;opacity:0.05;} .qydx-team-big .pic{float:left;width:50%;} .qydx-team-big .pic img{display:block;width:100%;} .qydx-team-big .text{padding:120px 70px 0;overflow:hidden;} .qydx-team-big .text .name{line-height:45px;font-size:32px;color:#000;} .qydx-team-big .text .meta{margin-top:6px;line-height:28px;font-size:18px;color:#666;overflow:hidden;} .qydx-team-big .text .summary{margin-top:38px;height:168px;line-height:28px;font-size:16px;color:#999;overflow:auto;} .qydx-team-big .prev,.qydx-team-big .next{position:absolute;z-index:9;top:250px;width:53px;height:53px;line-height:51px;color:#ddd;text-align:center;cursor:pointer;border:#ddd solid 1px;border-radius:50%;} .qydx-team-big .prev{left:50px;} .qydx-team-big .next{right:calc(50% + 50px);} .qydx-team-big .prev:hover,.qydx-team-big .next:hover{color:#fff;background:#000;border-color:#000;} .qydx-team-big .prev.swiper-button-disabled,.qydx-team-big .next.swiper-button-disabled{display:none;} .qydx-team-min{margin-top:28px;overflow:hidden;} .qydx-team-min .item{display:block;position:relative;padding-top:5px;color:#666;text-align:center;cursor:pointer;overflow:hidden;border-bottom:#e9e9e9 solid 1px;} .qydx-team-min .item:before{display:none;position:absolute;z-index:1;left:50%;top:2px;margin-left:-5px;width:10px;height:10px;content:"";background:#cac0b0;transform:rotate(-45deg);} .qydx-team-min .item i{display:block;position:relative;z-index:2;overflow:hidden;transition:all .5s;} .qydx-team-min .item i img{display:block;width:100%;transition:all .5s;} .qydx-team-min .item p{line-height:49px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .qydx-team-min .item.cur{color:#000;border-color:#000;} .qydx-team-min .item.cur:before{display:block;} .qydx-team-min .item.cur i{background:#aa9e8e;} @media(max-width:1440px){ .qydx-team-big .text{padding:90px 60px 0;} .qydx-team-big .text .meta{font-size:16px;} .qydx-team-big .text .summary{margin-top:25px;height:140px;line-height:22px;font-size:14px;} } @media(max-width:1024px){ .qydx-team{padding:40px 10px;} .qydx-ad~.qydx-team{margin-top:0;} .qydx-team .wrap-title{margin-bottom:20px;} .qydx-team-big:before{display:none;} .qydx-team-big .item:after{display:none;} .qydx-team-big .pic{float:none;width:100%;} .qydx-team-big .text{padding:20px;} .qydx-team-big .prev,.qydx-team-big .next{display:none;} .qydx-team-big .text .name{line-height:30px;font-size:20px;} .qydx-team-big .text .meta{max-height:auto;line-height:1.5;font-size:16px;} .qydx-team-big .text .summary{line-height:1.5;font-size:14px;height: auto;} .qydx-team-min .item p{line-height:1.75;font-size:14px;} } /*--end qydx-team--*/ /*--qydx-photos--*/ .qydx-photos{padding:80px 0 50px;overflow:hidden;background:#f8f8f8;} .photos-list{display:flex;flex-wrap:wrap;margin:-12px;overflow:hidden;} .photos-list li{float:left;margin:12px;width:calc(33.33% - 24px);overflow:hidden;} .photos-list li img{display:block;width:100%;transition:all .5s linear;} .photos-list li:hover img{transform:scale(1.1);} .qydx-photos .more{margin-top:40px;text-align:center;overflow:hidden;font-size:16px;color:#999;opacity: 0;} .qydx-photos .more a{display:inline-block;font-size:16px;color:#999;} .qydx-photos .more a:after{display:inline-block;margin-left:10px;font-size:20px;font-family:"iconfont";content:"\e665";} .qydx-photos .more a:hover{color:#000;} @media(max-width:1024px){ .qydx-photos{padding:40px 10px;} .photos-list{margin:-6px;} .photos-list li{margin:6px;width:calc(50% - 12px);} .photos-list li:nth-child(9){display:none;} .qydx-photos .more{margin-top:20px;} .qydx-photos .more a{font-size:14px;} } /*--end qydx-photos--*/ /*--qydx-show--*/ .qydx-show{padding-bottom:90px;overflow:hidden;} .qydx-show .inner{padding-bottom:80px;overflow:hidden;background:#fff;} .qydx-menu{padding:56px 0;overflow:hidden;} .qydx-menu ul{display:flex;flex-wrap:wrap;justify-content:center;} .qydx-menu li{position:relative;margin:0 8px;width:120px;line-height:35px;font-size:16px;text-align:center;} .qydx-menu li:after{display:none;position:absolute;left:50%;bottom:-4px;width:8px;height:8px;content:"";background:#000;transform:rotate(-45deg);} .qydx-menu li a{display:block;color:#999;} .qydx-menu li.cur:after,.qydx-menu li:hover:after{display:block;} .qydx-menu li.cur a,.qydx-menu li:hover a{color:#fff;background:#000;} .qydx-main{overflow:hidden;} .qydx-main .pic{float:left;width:45%;overflow:hidden;} .qydx-main .pic img{display:block;margin-bottom:20px;width:100%;} .qydx-main .text{float:right;padding-right:80px;width:50%;overflow:hidden;} .qydx-main .text h2{margin-bottom:25px;padding-bottom:25px;font-size:46px;line-height:1.25;color:#000;border-bottom:#efefef solid 1px;} .qydx-main .text h3{margin-bottom:15px;font-size:20px;line-height:1.25;color:#000;} .qydx-main .text p{font-size:16px;line-height:1.75;color:#999;} .qydx-show .backlist{padding:20px;text-align: center;overflow: hidden;background: #fff;border-top: #f0f0f0 solid 1px} .qydx-show .backlist a{display: inline-block;padding:10px 20px;font-size: 16px;color: #666;border-radius: 5px;} .qydx-show .backlist a:after{display:inline-block;margin-left: 10px; content:"\e62f";font-family: "iconfont";} .qydx-show .backlist a:hover{color: #fff;background: #000;} @media(max-width:1440px){ .qydx-show{padding-bottom:80px;} .qydx-show .inner{padding-bottom:70px;} .qydx-menu{padding:50px 0;} .qydx-main .text{padding-right:70px;} } @media(max-width:1024px){ .qydx-show{padding:40px 10px;} .qydx-show .inner{padding-bottom:0;} .qydx-menu{padding:0;margin-bottom:10px;background:#f8f8f8;} .qydx-menu li{margin:1px;width:calc(50% - 2px);font-size:14px; background: #fff;} .qydx-menu li.cur:after,.qydx-menu li:hover:after{display:none;} .qydx-main .pic{float:none;width:100%;} .qydx-main .text{float:none;padding:20px;width:100%;} .qydx-main .text h2{margin-bottom:15px;padding-bottom:15px;font-size:24px;} .qydx-main .text h3{margin-bottom:10px;font-size:18px;} .qydx-main .text p{font-size:14px;} .qydx-show .backlist{padding:0;} .qydx-show .backlist a{display:block;padding:20px;font-size:16px;} } /*--end qydx-show--*/ /*--company-culture--*/ .company-culture{padding:100px 0;overflow:hidden;background:url(../images/culture_bg.jpg) no-repeat center 0 / cover;} .culture-list{display:flex;flex-wrap:wrap;position:relative;overflow:hidden;} .culture-list .item{padding:65px 20px;width:33.33%;text-align:center;overflow:hidden;border-right:#d5d5d5 solid 1px;border-bottom:#d5d5d5 solid 1px;} .culture-list .item h3{font-size:24px;color:#000;} .culture-list .item p{margin-top:5px;font-size:18px;color:#000;} @media(min-width:1024px){ .culture-list .item:nth-child(3n){border-right:0;} .culture-list .item:nth-child(4),.culture-list .item:nth-child(5),.culture-list .item:nth-child(6){border-bottom:none;} } @media(max-width:1440px){ .company-culture{padding:90px 0;} } @media(max-width:1024px){ .company-culture{padding:40px 10px;} .culture-list .item{padding:30px 10px;width:50%;text-align:left;} .culture-list .item:nth-child(2n){border-right:0;} .culture-list .item:nth-child(5),.culture-list .item:nth-child(6){border-bottom:none;} .culture-list .item h3{font-size:18px;} .culture-list .item p{font-size:14px;} } /*--end company-culture--*/ /*--qydx-photos--*/ .company-photos{padding:100px 0;overflow:hidden;background:#fff;} .company-photos .leftCon{float:left;display:flex;flex-wrap:wrap;justify-content:space-between;float:left;width:546px;} .company-photos .leftCon .item{margin-top:24px;width:264px;overflow:hidden;} .company-photos .leftCon .item:first-child{margin-top:0;width:100%;} .company-photos .leftCon .item img{display:block;width:100%;transition:all .5s linear;} .company-photos .leftCon .item:hover img{transform:scale(1.1);} .company-photos .centerCon{float:left;margin:0 24px;width:416px;overflow:hidden;} .company-photos .centerCon .item{height:530px;overflow:hidden;} .company-photos .centerCon .item img{display:block;position:relative;left:0;width:auto;height:100%;transition:all 1s linear;} .company-photos .centerCon .item:hover img{transform:translateX(-300px);} .company-photos .rightCon{display:flex;flex-wrap:wrap;justify-content:space-between;float:right;width:404px;overflow:hidden;} .company-photos .rightCon .item{margin-top:24px;overflow:hidden;} .company-photos .rightCon .item img{display:block;width:100%;transition:all .5s linear;} .company-photos .rightCon .item:hover img{transform:scale(1.1);} .company-photos .rightCon .item:first-child{margin-top:0;} @media(max-width:1440px){ .company-photos{padding:90px 0;} .company-photos .leftCon{width: 456px;} .company-photos .leftCon .item{margin-top:20px;width:221px;} .company-photos .centerCon{margin:0 20px;width:340px;} .company-photos .centerCon .item{height: 444px;} .company-photos .rightCon{width:340px;} .company-photos .rightCon .item{margin-top:20px;} } @media(max-width:1024px){ .company-photos{padding:40px 10px;} .company-photos .leftCon{float:none;width:100%;} .company-photos .leftCon .item{margin-top:10px;width:calc(50% - 5px);} .company-photos .centerCon{float:none;margin:0;width:100%;} .company-photos .centerCon .item{margin-top:10px !important;height:auto;} .company-photos .centerCon .item img{width:100%;height:auto;} .company-photos .centerCon .item:hover img{transform:scale(1.1);} .company-photos .rightCon{float:none;width:100%;} .company-photos .rightCon .item{margin-top:10px !important;width:calc(50% - 5px);} } /*--end qydx-photos--*/ /*--stores--*/ .stores{overflow:hidden;background:#f8f8f8;} .stores .map{float:left;width:50%;height:835px;overflow:hidden;} /*.stores .map iframe,.stores .map img{display:block;position:relative;top:50%;left:50%;width:960px;height:835px;transform:translate(-50%,-50%);}*/ .stores .con{float:right;width:50%;height:835px;overflow:hidden;} .stores .con .inner{padding:6.25% 8.85%;overflow:hidden;} .stores .con .hd{overflow:hidden;} .stores .con .hd h3{font-size:46px;line-height:1.5;color:#000;} .stores .con .hd .selectBox{margin-top:22px;overflow:hidden;} .stores .con .hd .selectBox select{position:relative;float:left;margin-right:2.5%;padding:0 30px;width:31.65%;height:60px;font-size:16px;color:#999;cursor:pointer;background:#fff url(../images/select.png) no-repeat 90% center;border:#e6e6e6 solid 1px;outline:none;appearance:none;} .stores .con .hd .selectBox select::-ms-expand{display:none;} .stores .con .hd .selectBox select:hover{color:#000;border-color:#000;} .stores .con .hd .selectBox a{display:block;float:left;width:31.65%;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#000;} .stores .con .hd .selectBox a:after{display:inline-block;margin-left:10px;font-family:"iconfont";font-size:14px;content:"\e699";} .stores .con .bd{margin-top:60px;padding-right:40px;height:484px;overflow:auto;} .stores .con .bd::-webkit-scrollbar{width:6px;background:#e6e6e6;} .stores .con .bd::-webkit-scrollbar-thumb{background:#000;} .stores .con .bd .item{padding:25px 0;line-height:1.5;overflow:hidden;border-bottom:#dfdfdf solid 1px;cursor:pointer;} .stores .con .bd .item dt{padding-left:25px;font-size:18px;color:#666;background:url(../images/location.png) no-repeat 0 center;} .stores .con .bd .item dd{padding-left:25px;padding-top:12px;font-size:15px;color:#999;overflow:hidden;} .stores .con .bd .item:hover dt,.stores .con .bd .item.cur dt{color:#000;background-image:url(../images/location_cur.png);} .stores .con .bd .item.cur dt,.stores .con .bd .item.cur dd{color:#000;} @media(max-width:1440px){ .stores .map{height:700px;} .stores .con{width:700px;} .stores .con .hd .selectBox select{height:50px;} .stores .con .hd .selectBox a{line-height:50px;} .stores .con .bd{margin-top:50px;height:406px;} } @media(max-width:1024px){ .stores .map{float:none;width:100%;height:60vw;} .stores .con{float:none;width:100%;height:auto;} .stores .con .inner{padding:20px;} .stores .con .hd h3{font-size:24px;} .stores .con .hd .selectBox{margin-top:10px;} .stores .con .hd .selectBox select{padding:0 10px;height:40px;font-size:14px;} .stores .con .hd .selectBox a{font-size:14px;line-height:40px;} .stores .con .bd{margin-top:20px;padding:0;height:auto;} .stores .con .bd .item dt{font-size:16px;} .stores .con .bd .item dd{padding-top:5px;font-size:14px;} } /*--end stores--*/ /*--jobs--*/ .jobs{padding:100px 0;overflow:hidden;background:#fff;} .jobs-welfare{margin-top:-20px;overflow:hidden;} .jobs-welfare .item{position:relative;margin-top:20px;padding:40px 20px 50px;text-align:center;border:#e9e9e9 solid 1px;} .jobs-welfare .item i{display:block;position:absolute;left:50%;top:-28px;width:56px;height:56px;transform:translateX(-50%);} .jobs-welfare .item h3{font-size:24px;color:#000;} .jobs-welfare .item p{margin-top:6px;height:50px;line-height:25px;font-size:16px;color:#999;} .jobs-welfare .swiper-pager{margin-top:35px;text-align:center;overflow:hidden;} .jobs-welfare .swiper-pager span{margin:0 10px !important;width:10px;height:10px;background:#000;} .jobs-main{margin-top:45px;overflow:hidden;} .jobs-main .hd{height:70px;line-height:70px;overflow:hidden;background:#f8f8f8;} .jobs-main .hd li{float:left;text-align:center;font-size:18px;color:#666;} .jobs-main .hd li:nth-child(1){padding-left:5%;width:28%;text-align:left;} .jobs-main .hd li:nth-child(2){width:18%;} .jobs-main .hd li:nth-child(3){width:38%;} .jobs-main .hd li:nth-child(4){width:16%;} .jobs-main .bd{overflow:hidden;} .jobs-main .item{overflow:hidden;border-bottom:#efefef solid 1px;} .jobs-main .item dt{height:78px;line-height:78px;overflow:hidden;} .jobs-main .item dt li{float:left;text-align:center;font-size:18px;color:#666;} .jobs-main .item dt li:nth-child(1){padding-left:5%;width:28%;text-align:left;font-size:24px;color:#222;} .jobs-main .item dt li:nth-child(2){width:18%;} .jobs-main .item dt li:nth-child(3){width:38%;} .jobs-main .item dt li:nth-child(4){width:16%;cursor:pointer;} .jobs-main .item dt li:nth-child(4):after{display:inline-block;margin-left:10px;color:#999;font-family:"iconfont";content:"\e665";transition:all .5s;} .jobs-main .item dd{display:none;position:relative;padding:5%;line-height:1.75;background:#ececec;} .jobs-main .item dd:before{display:block;position:absolute;left:calc(5% + 30px);top:-4px;width:8px;height:8px;content:"";background:#ececec;transform:rotate(45deg);} .jobs-main .item dd h4{margin-bottom:20px;font-size:24px;color:#222;} .jobs-main .item dd p{font-size:16px;color:#666;} .jobs-main .item.cur{padding-bottom:40px;} .jobs-main .item.cur dt li:nth-child(4):after{transform:rotate(-180deg);} @media(max-width:1440px){ .jobs{padding:90px 0;} } @media(max-width:1024px){ .jobs{padding:40px 10px;} .jobs-welfare .item{padding:20px 10px 25px;} .jobs-welfare .item i{top:-20px;width:40px;height:40px;} .jobs-welfare .item h3{font-size:18px;} .jobs-welfare .item p{height:44px;line-height:22px;font-size:14px;} .jobs-welfare .swiper-pager{margin-top:20px;} .jobs-main{margin-top:20px;} .jobs-main .hd{height:40px;line-height:40px;} .jobs-main .hd li{font-size:14px;} .jobs-main .hd li:nth-child(1){width:70%;} .jobs-main .hd li:nth-child(4){width:30%;} .jobs-main .item dt{height:45px;line-height:45px;} .jobs-main .item dt li{font-size:14px;} .jobs-main .item dt li:nth-child(1){width:70%;font-size:16px;} .jobs-main .item dt li:nth-child(4){width:30%;} .jobs-main .item dd h4{margin-bottom:10px;font-size:16px;} .jobs-main .item dd p{font-size:14px;} } /*--end jobs--*/ .t-picture-type02{overflow:hidden;} .t-picture-type02-list{margin:-10px;} .t-picture-type02-list .item{position:relative;float:left;margin:10px;width:calc(25% - 20px);text-align:center;overflow:hidden;box-sizing:border-box;} .t-picture-type02-list .pic{overflow:hidden;} .t-picture-type02-list .pic img{display:block;width:100%;transition:all 1s;} .t-picture-type02-list .tit{position:absolute;left:0;bottom:0;right:0;padding:10px;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);backdrop-filter:saturate(180%) blur(20px);transition:all .5s;} .t-picture-type02-list .item:hover .pic img{transform:scale(1.1);} .t-picture-type02-list .item:hover .tit{transform:translateY(100%);} @media (max-width:1024px){ .t-picture-type02-list{margin:-6px;} .t-picture-type02-list .item{margin:6px;width:calc(50% - 12px) !important;} .t-picture-type02-list .item .tit{font-size:14px;} .t-picture-type02-list[data-row="3"] .item:first-child,.t-picture-type02-list[data-row="5"] .item:first-child{width:calc(100% - 12px) !important;} } .t-picture-list05{overflow:hidden;} .t-picture-list05 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;} .t-picture-list05 .item:first-child{margin-top:0;}.t-picture-list05 .item:last-child{margin-bottom:0;} .t-picture-list05 .item:nth-child(even){flex-direction:row-reverse;} .t-picture-list05 .pic{float:left;width:50%;overflow:hidden;} .t-picture-list05 .pic img{display:block;width:100%;} .t-picture-list05 .text{position:relative;padding:30px;width:50%;overflow:hidden;} .t-picture-list05 .hd{position:relative;padding-bottom:20px;overflow:hidden;} .t-picture-list05 .hd:before{z-index:1;width:100%;height:1px;background:#f0f0f0;} .t-picture-list05 .hd h3{font-weight:normal;font-size:46px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .t-picture-list05 .hd em{font-style:normal;color:#999;} .t-picture-list05 .summary{margin-top:16px;font-size:16px;line-height:1.5;color:#666;overflow:hidden;} @media screen and (max-width:992px){.t-picture-list05 .item{margin:10px 0;} .t-picture-list05 .pic,.t-picture-list05 .text{float:none !important;width:100%;} .t-picture-list05 .text{padding:16px;} .t-picture-list05 .text:after{left:16px;bottom:16px;} .t-picture-list05 .hd h3{font-size:24px;} .t-picture-list05 .summary{margin-top:10px;font-size:14px;}} .t-picture-list06{overflow:hidden;} .t-picture-list06 .item{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0;box-sizing:border-box;} .t-picture-list06 .item:first-child{margin-top:0;} .t-picture-list06 .item:last-child{margin-bottom:0;} .t-picture-list06 .item:nth-child(even){flex-direction:row-reverse;} .t-picture-list06 .pic{float:left;width:50%;overflow:hidden;} .t-picture-list06 .pic img{display:block;width:100%;} .t-picture-list06 .text{position:relative;padding:30px;width:50%;overflow:hidden;} .t-picture-list06 .hd{position:relative;padding-bottom:20px;overflow:hidden;} .t-picture-list06 .hd h3{font-weight:normal;font-size:36px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .t-picture-list06 .hd em{font-style:normal;color:#999;} .t-picture-list06 .summary{margin-top:16px;font-size:16px;line-height:1.5;color:#666;overflow:hidden;} @media screen and (max-width:992px){.t-picture-list05 .item{margin:10px 0;} .t-picture-list06 .pic,.t-picture-list06 .text{float:none !important;width:100%;} .t-picture-list06 .text{padding:16px;} .t-picture-list06 .text:after{left:16px;bottom:16px;} .t-picture-list06 .hd h3{font-size:24px;} .t-picture-list06 .summary{margin-top:10px;font-size:14px;} } /* -- video-pop -- */ .video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#0009;background:rgba(0,0,0,0.8);} .video-inner{position:fixed;top:50%;left:50%;margin-top:-300px;margin-left:-512px;width:1024px;height:600px;background:#000;} .video-inner video,.video-inner iframe{display:block;width:1024px;height:600px;} .video-close{position:absolute;left:100%;top:0;width: 60px;height:60px;text-align: center;line-height: 60px;cursor:pointer;background:#fff ;} .video-close i {font-size: 36px;color: #666; transition: all 1s;} .video-close:hover { background:#000;} .video-close:hover i { color:#fff;} @keyframes shaow{ 0%{box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.2);} 100%{box-shadow: 0px 7px 40px 0 rgba(0, 0, 0, 0.2);} } @media (max-width:992px) { .video-inner {width: 100%;height: 275px;left: 0;top: 27%;margin: 0;} .video-close {left: auto;right: 0;top: -40px;width: 40px;height: 40px;line-height: 40px;} .video-inner video,.video-inner iframe {display: block;width: 100%;height: 275px;} .video-close i { font-size:24px;} } /* --end video-pop -- */ .fw-pos{position:absolute;left:0;top:-110px;height:110px;} /*--join-title--*/ .join-title{position:relative;z-index:1;animation:fadeinT 1s;} .join-title h2{position:relative;line-height:1.15;font-size:52px;color:#000;} .join-title h2:before{position:absolute;z-index:-1;left:0;top:0;width:86px;height:86px;content:"";background:url(../images/jmsy_title.png) no-repeat;transform:translate(-50%,-20%);} .join-title p{margin-top:25px;font-size:20px;color:#999;} .join-title p em{color:#000;font-family:"DIN Medium";} /*--end join-title--*/ /*--jmsy-box01--*/ .jmsy-box01{padding:135px 0 80px;overflow:hidden;background:#fff url(../images/jmsy_box1_bg.jpg) no-repeat center 135px;} .jmsy-box01 .text{float:left;padding-right:70px;width:50%;} .jmsy-box01 .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px;overflow:hidden;} .jmsy-box01 .list dl{margin-top:70px;width:50%;overflow:hidden;} .jmsy-box01 .list dt{float:left;width:65px;} .jmsy-box01 .list dt img{display:block;width:100%;} .jmsy-box01 .list dd{padding-left:20px;padding-top:5px;font-size:18px;color:#333;overflow:hidden;} .jmsy-box01 .form{float:right;padding-left:110px;padding-top:75px;width:50%;overflow:hidden;animation:fadeinR 1s;} .jmsy-box01 .form li{margin-top:10px;overflow:hidden;background:#fff;} .jmsy-box01 .form li:last-child{margin-top:30px;} .jmsy-box01 .form .label{position:relative;float:left;width:128px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#000;} .jmsy-box01 .form .label:after{display:block;position:absolute;top:50%;right:0;width:1px;height:20px;content:"";background:#e0e0e0;transform:translateY(-50%);} .jmsy-box01 .form .inputBox{overflow:hidden;} .jmsy-box01 .form .inputBox input{display:block;padding:15px 20px;width:100%;height:60px;font-size:18px;color:#000;border:none;outline:none;} .jmsy-box01 .form .inputBox input::-webkit-input-placeholder{color:#999;} .jmsy-box01 .form .inputBox input.txtName{background:url(../images/txtname.png) no-repeat calc(100% - 20px) center;} .jmsy-box01 .form .inputBox input.txtMobile{background:url(../images/txtphone.png) no-repeat calc(100% - 20px) center;} .jmsy-box01 .form .selectBox{display:flex;} .jmsy-box01 .form .selectBox select{flex:none;width:33.33%;padding:15px 45px 15px 20px;height:60px;font-size:18px;color:#999;border:none;outline:none;cursor:pointer;background:url(../images/select_drop.png) no-repeat calc(100% - 30px) center;-webkit-appearance:none;appearance:none;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .jmsy-box01 .form .selectBox select::-ms-expand{display:none;} .jmsy-box01 .form li:nth-child(5) .selectBox select{width:100%;} .jmsy-box01 .form .txtBox{overflow:hidden;} .jmsy-box01 .form .txtBox textarea{display:block;padding:15px 30px;width:100%;height:90px;font-size:18px;color:#000;border:none;outline:none;resize:none;} .jmsy-box01 .form .txtBox textarea::-webkit-input-placeholder{color:#999;} .jmsy-box01 .form .txtBox textarea.txtDescribe{background:url(txtdescribe.png) no-repeat calc(100% - 30px) 20px;} .jmsy-box01 .form li a{display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#000;transition:all .5s;} .jmsy-box01 .form li a:hover{background:#9c8c80;} @media(max-width:1440px){ .jmsy-box01 .text{padding-right:50px;} .jmsy-box01 .form{padding-left:80px;} } @media(max-width:1024px){ .jmsy-box01{padding:4vw 0;background:#fff;} .jmsy-box01 .text{display:none;} .jmsy-box01 .form .label{width:100px;height:40px;line-height:40px;font-size:14px;} .jmsy-box01 .form{float:none;width:100%;padding:0 2.5vw;background:url(../images/jmsy_box7_bg_m.jpg) no-repeat center/ cover;} .jmsy-box01 .form .inputBox input,.jmsy-box01 .form .selectBox select{padding:10px;height:40px;font-size:14px;background-position:calc(100% - 10px) center !important;} .jmsy-box01 .form .txtBox textarea{padding:0 10px;height:40px;line-height:40px;font-size:14px;background-position:calc(100% - 10px) center !important;} .jmsy-box01 .form li a{height:40px;line-height:40px;font-size:14px;} } /*--end jmsy-box01--*/ /*--aboutus--*/ .aboutus{background:#fff;overflow:hidden;} .aboutus .item{overflow:hidden;} .aboutus .item-1{background:url(../images/aboutus_bg1.png) no-repeat center bottom;} .aboutus .item-2{background:url(../images/aboutus_bg2.png) no-repeat center 0,url(../images/Inpage/aboutus_bg3.png) no-repeat center bottom;} .aboutus .item-3{background:url(../images/aboutus_bg4.png) no-repeat center 0;} .aboutus .item .inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:110px 0;overflow:hidden;} .aboutus .item:nth-child(even) .inner{flex-direction:row-reverse;} .aboutus .item .pic{position:relative;padding-bottom:30px;width:575px;overflow:hidden;background:url(../images/aboutus_pic_bg.png);} .aboutus .item .pic:before,.aboutus .item .pic:after{display:block;position:absolute;z-index:1;width:30px;height:30px;content:"";background:#fff;} .aboutus .item .pic img{display:block;position:relative;z-index:2;width:100%;transition:all .5s linear;} .aboutus .item .pic:hover img{transform:scale(1.1);} .aboutus .item .text{position:relative;width:700px;} .aboutus .item .text .hd{overflow:hidden;} .aboutus .item .text .hd h3{display:inline-block;position:relative;z-index:1;height:50px;font-size:46px;line-height:1;color:#000;} .aboutus .item .text .hd h3:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:20px;content:"";background:#c5bdae;} .aboutus .item .text .hd h4{margin-top:20px;font-size:46px;line-height:1.25;color:#000;} .aboutus .item .text .bd{padding-top:30px;overflow:hidden;} .aboutus .item .text .bd p{font-size:16px;line-height:1.75;color:#666;} .aboutus .item .text .en{position:absolute;left:0;bottom:30px;font-family:"DIN Medium";color:#e4e4e4;text-transform:uppercase;} .aboutus .item .text .en small{display:block;font-size:50px;line-height:1;} .aboutus .item .text .en span{display:block;font-size:120px;line-height:1;} .aboutus .item:nth-child(odd) .pic{padding-left:30px;animation:fadeinR 1s;} .aboutus .item:nth-child(odd) .pic:before{left:0;top:0;} .aboutus .item:nth-child(odd) .pic:after{right:0;bottom:0;} .aboutus .item:nth-child(even) .pic{padding-right:30px;animation:fadeinL 1s;} .aboutus .item:nth-child(even) .pic:before{right:0;top:0;} .aboutus .item:nth-child(even) .pic:after{left:0;bottom:0;} @media(max-width:1440px){ .aboutus .item .inner{padding:90px 0;} .aboutus .item .pic{padding-bottom:25px;width:490px;} .aboutus .item .pic:before,.aboutus .item .pic:after{width:25px;height:25px;} .aboutus .item .text{width:600px;} .aboutus .item .text .hd h3{height:42px;font-size:38px;} .aboutus .item .text .hd h3:after{height:16px;} .aboutus .item .text .hd h4{margin-top:16px;font-size:38px;} .aboutus .item .text .bd{padding-top:25px;} .aboutus .item .text .bd p{font-size:15px;} .aboutus .item .text .en{bottom:25px;} .aboutus .item .text .en small{font-size:42px;} .aboutus .item .text .en span{font-size:100px;} } @media(max-width:1024px){ .aboutus .item .inner{padding:40px 10px;} .aboutus .item .pic{padding:0 !important;width:100%;} .aboutus .item .pic:before,.aboutus .item .pic:after{display:none;} .aboutus .item .text{padding-top:20px;width:100%;} .aboutus .item .text .hd h3{height:auto;font-size:24px;} .aboutus .item .text .hd h3:after{height:6px;} .aboutus .item .text .hd h4{margin-top:6px;font-size:25px;} .aboutus .item .text .bd{padding-top:15px;} .aboutus .item .text .bd p{font-size:14px;} .aboutus .item .text .en{display:none;position:static;margin-top:25px;} .aboutus .item .text .en small{font-size:30px;} .aboutus .item .text .en span{font-size:70px;} } /*--end aboutus--*/ /*--contact--*/ .contact{padding:100px 0;overflow:hidden;background:#fff;} .contact .info{position:relative;float:left;width:700px;height:450px;overflow:hidden;} .contact .info .hd{padding-bottom:40px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;} .contact .info .hd h2{font-weight:normal;font-size:24px;color:#000;} .contact .info .bd{padding-top:40px;overflow:hidden;} .contact .info .bd p{margin-bottom:15px;font-size:18px;color:#666;} .contact .info .QRcode{position:absolute;left:-40px;bottom:0;width:100%;text-align:center;overflow:hidden;} .contact .info .QRcode .item{float:left;padding:0 40px;width:180px;border-right:#e5e5e5 solid 1px;} .contact .info .QRcode .item:last-child{border:none;} .contact .info .QRcode .item img{display:block;width:100%;} .contact .info .QRcode .item p{margin-top:15px;font-size:16px;color:#666;} .contact .map{float:right;width:600px;height:450px;overflow:hidden;} /*.contact .map>div{position:relative;top:50%;left:50%;width:602px;height:452px;transform:translate(-50%,-50%);}*/ @media(max-width:1440px){ .contact{padding:90px 0;} .contact .info{width:600px;height:430px;} .contact .map{width:500px;height:430px;} .contact .info .QRcode .item{width:180px;} } @media(max-width:1024px){ .contact{padding:40px 10px;} .contact .info{width:100%;height:auto;} .contact .info .hd{padding-bottom:20px;} .contact .info .hd h2{font-size:18px;} .contact .info .bd{padding-top:20px;} .contact .info .bd p{margin-bottom:10px;font-size:14px;} .contact .info .QRcode{position:relative;left:-15px;bottom:unset;padding-top:20px;} .contact .info .QRcode .item{padding:0 15px;width:110px;} .contact .info .QRcode .item p{margin-top:5px;font-size:14px;} .contact .map{margin-top:20px;width:100%;height:60vw;} } /*--end contact--*/ /*--help-wrap--*/ .help-wrap{padding:110px 0;overflow:hidden;background:url(../images/help_bg.jpg) no-repeat center 0;} .help-wrap .inner{overflow:hidden;} .help-wrap .inner .box-l{float:left;padding:60px 80px;width:50%;height:450px;color:#fff;overflow:hidden;background:rgba(0,0,0,0.6);transition:all .5s;} .help-wrap .inner .box-l h3{height:62px;line-height:62px;font-weight:normal;font-size:46px;} .help-wrap .inner .box-l h3 a{color:#fff;} .help-wrap .inner .box-l p{margin:32px 0;height:150px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;} .help-wrap .inner .box-l p a{color:#fff;} .help-wrap .inner .box-l .more{display:block;width:130px;line-height:48px;font-size:16px;color:#fff;border-bottom:rgba(255,255,255,0.1) solid 1px;} .help-wrap .inner .box-l .more:before{display:block;float:right;font-family:"iconfont";content:"\e699";font-size:12px;} .help-wrap .inner .box-l:hover{background:rgba(0,0,0,0.8);} .help-wrap .inner .box-r{float:right;width:50%;height:450px;overflow:hidden;background:#fff;} .help-wrap .inner .box-r .item{float:left;display:flex;flex-wrap:wrap;width:50%;height:100%;overflow:hidden;} .help-wrap .inner .box-r .item:nth-child(even){flex-direction:column-reverse;} .help-wrap .inner .box-r .text,.help-wrap .inner .box-r .pic{position:relative;width:100%;height:50%;} .help-wrap .inner .box-r .text{padding:40px 50px;color:#000;} .help-wrap .inner .box-r .text:after{display:block;position:absolute;z-index:3;left:50px;width:8px;height:8px;content:"";background:#fff;transform:rotate(-45deg);} .help-wrap .inner .box-r .item:nth-child(odd) .text:after{bottom:-4px;} .help-wrap .inner .box-r .item:nth-child(even) .text:after{top:-4px;} .help-wrap .inner .box-r .text h3{height:50px;line-height:50px;font-size:32px;} .help-wrap .inner .box-r .text h3 a{color:#000;} .help-wrap .inner .box-r .text .more{display:none;margin-top:32px;font-size:12px;color:#000;} .help-wrap .inner .box-r .pic{overflow:hidden;} .help-wrap .inner .box-r .pic img{display:block;position:relative;top:50%;left:50%;min-width:354px;width:auto;transition:all .5s;transform:translate(-50%,-50%);} .help-wrap .inner .box-r .item:hover .pic img{opacity:0.8;} .help-wrap .list{margin:28px -55px 0;overflow:hidden;} .help-wrap .list .item{display:block;float:left;margin:0 55px;padding:38px 0;width:calc(33.33% - 110px);overflow:hidden;border-bottom:rgba(0,0,0,0.1) solid 1px;transition:all .5s;} .help-wrap .list .item i{display:block;width:35px;height:35px;} .help-wrap .list .item h3{margin-top:15px;font-size:32px;color:#000;background:url(../images/read.png) no-repeat right center / 31px;} .help-wrap .list .item:hover{padding:38px 20px;background:rgba(0,0,0,0.6);} .help-wrap .list .item:hover i{filter:contrast(0) brightness(2);} .help-wrap .list .item:hover h3{color:#fff;} @media(max-width:1440px){ .help-wrap{padding:90px 0;} } @media(max-width:1024px){ .help-wrap{padding:40px 10px;background-size:cover;} .help-wrap .inner .box-l{float:none;padding:20px 30px;width:100%;height:auto;} .help-wrap .inner .box-l h3{height:45px;line-height:45px;font-size:30px;} } /*--end help-wrap--*/ /*--projects--*/ .projects{overflow:hidden;background:#fff;} .projects .inner{position:relative;padding:80px 100px;overflow:hidden;background:#f8f8f8;} .projects .inner:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:40px;content:"";background:#fff;} .projects-hd{overflow:hidden;} .projects-hd .item{display:none;overflow:hidden;} .projects-hd h2{padding-bottom:25px;font-size:46px;font-weight:bold;color:#000;border-bottom:#dfdfdf solid 1px;} .projects-hd p{margin-top:25px;line-height:30px;font-size:18px;color:#999;} .projects-bd{margin-top:40px;position:relative;z-index:9;overflow:hidden;} .projects-list{margin:-12px;display:flex;flex-wrap:wrap;} .projects-list .item{margin:12px;width:calc(33.33% - 24px);overflow:hidden;} .projects-list .item .pic{overflow:hidden;} .projects-list .item .pic img{display:block;width:100%;transition:all .5s;} .projects-list .item .text{padding-top:20px;overflow:hidden;} .projects-list .item .text h3{height:40px;line-height:40px;font-size:24px;color:#000;} .projects-list .item .text h3 a{color:#000;} .projects-list .item .text p{margin-top:15px;height:104px;line-height:26px;font-size:16px;color:#999;overflow:hidden;} .projects-list .item:hover .pic img{transform:scale(1.1);} @media(max-width:1440px){ } @media(max-width:1024px){ .projects .inner{padding:30px 10px;} .projects .inner:after{height:20px;} .projects-hd h2{padding-bottom:15px;font-size:24px;} .projects-hd p{margin-top:15px;line-height:24px;font-size:16px;} .projects-list{margin:-6px;} .projects-list .item{margin:6px;width:calc(50% - 12px);} .projects-list .item .text{padding-top:10px;} .projects-list .item .text h3{height:30px;line-height:30px;font-size:16px;} .projects-list .item .text p{margin-top:5px;height:88px;line-height:22px;font-size:14px;} } /*--end project--*/ /*--charities--*/ .charities{padding:70px 0;overflow:hidden;background:#fff;} .charities .intro{padding:65px 0 105px;overflow:hidden;background:url(../images/charities_before.png) no-repeat 0 0,url(../images/Inpage/charities_after.png) no-repeat right calc(100% - 45px);border-bottom:#f8f8f8 solid 10px;} .charities .intro h2{font-size:36px;color:#000;} .charities .intro p{font-size:18px;color:#666;line-height:1.5;} .charities .list{padding-top:55px;overflow:hidden;} .charities .list .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 0;overflow:hidden;} .charities .list .item:nth-child(even){flex-direction:row-reverse;} .charities .list .pic{position:relative;padding-bottom:30px;width:575px;overflow:hidden;background:url(../images/aboutus_pic_bg.png);} .charities .list .pic:before,.charities .list .pic:after{display:block;position:absolute;z-index:1;width:30px;height:30px;content:"";background:#fff;} .charities .list .pic img{display:block;position:relative;z-index:2;width:100%;transition:all .5s linear;} .charities .list .pic:hover img{transform:scale(1.1);} .charities .list .text{position:relative;width:750px;} .charities .list .text .hd{overflow:hidden;} .charities .list .text .hd h3{display:inline-block;position:relative;z-index:1;height:50px;font-size: 41px;line-height:1;color:#000;} .charities .list .text .hd h3 a{color:#000;} .charities .list .text .hd h3:after{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:20px;content:"";background:#c5bdae;} .charities .list .text .hd h4{margin-top:10px;font-size: 40px;line-height:1.25;color:#000;} .charities .list .text .hd h4 a{color:#000;} .charities .list .text .bd{padding-top:30px;font-size:16px;line-height:1.75;color:#666;overflow:hidden;} .charities .list .item:nth-child(odd) .pic{padding-left:30px;animation:fadeinR 1s;} .charities .list .item:nth-child(odd) .pic:before{left:0;top:0;} .charities .list .item:nth-child(odd) .pic:after{right:0;bottom:0;} .charities .list .item:nth-child(even) .pic{padding-right:30px;animation:fadeinL 1s;} .charities .list .item:nth-child(even) .pic:before{right:0;top:0;} .charities .list .item:nth-child(even) .pic:after{left:0;bottom:0;} .charities .addMore{text-align:center;font-size:16px;color:#999; visibility: hidden;} @media(max-width:1440px){ .charities .list .pic{padding-bottom:25px;width:490px;} .charities .list .pic:before,.charities .list .pic:after{width:25px;height:25px;} .charities .list .text{width:650px;} .charities .list .text .hd h3{height:42px;font-size:38px;} .charities .list .text .hd h3:after{height:16px;} .charities .list .text .hd h4{margin-top:8px;font-size:38px;} .charities .list .text .bd{padding-top:25px;font-size:15px;} } @media(max-width:1024px){ .charities{padding:20px 10px;} .charities .intro{padding:10px 0;} .charities .intro h2{font-size:24px;} .charities .intro p{font-size:14px;} .charities .list{padding-top:25px;} .charities .list .item{padding:25px 0;border-bottom:#f0f0f0 solid 1px;} .charities .list .pic{padding:0 !important;width:100%;order: 2;} .charities .list .pic:before,.charities .list .pic:after{display:none;} .charities .list .text{padding-bottom: 30px;width:100%;} .charities .list .text .hd h3{height:auto;font-size: 20px;} .charities .list .text .hd h3:after{height:6px;} .charities .list .text .hd h4{margin-top:6px;font-size: 20px;} .charities .list .text .bd{padding-top:15px;font-size:14px;} .charities .addMore{padding-top:20px;font-size:14px;} } /*--end charities--*/ /*--otherNews--*/ .otherNews{padding-top:80px;overflow:hidden;} .otherNews .hd{line-height:45px;overflow:hidden;border-bottom:#e0e0e0 solid 1px;} .otherNews .hd span{display:block;float:right;cursor:pointer;font-size:14px;color:#999;} .otherNews .hd h3{float: left;padding:0 20px;font-size:18px;line-height:45px;color:#fff;background:#000;} .otherNews .hd li{float:left;font-size:18px;} .otherNews .hd li a{display:block;padding:0 20px;color:#999;} .otherNews .hd li.cur a{color:#fff;background:#000;} .otherNews .bd{padding-top:30px;overflow:hidden;} .otherNews .bd li{float:left;padding:0 12px;width:calc(100%/3);line-height:45px;font-size:16px;} .otherNews .bd li.hiden{display:none;} .otherNews .bd li a{color:#999;display: block;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:#e0e0e0 solid 1px;} .otherNews .bd li a:hover{color:#000;} @media(max-width:1024px){ .otherNews{padding:20px 10px 0;} .otherNews .hd{line-height:40px;} .otherNews .hd h3{font-size:16px;line-height:40px;} .otherNews .hd li{font-size:16px;} .otherNews .bd{padding-top:15px;} .otherNews .bd li{float:none;margin:0;width:100%;line-height:30px;font-size:14px;} .otherNews .bd li a{padding-left:0;border-left:0;} } /*--end otherNews--*/ /*--gycs-intro--*/ .gycs-intro{padding:140px 0;overflow:hidden;background:#fff;} .gycs-intro .inner{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;} .gycs-intro .pic{width:630px;} .gycs-intro .pic img{display:block;width:100%;} .gycs-intro .text{position:relative;padding-bottom:40px;width:710px;background:url(../images/gycs_after.png) no-repeat 0 bottom;} .gycs-intro .text h3{font-size:36px;color:#000;} .gycs-intro .text p{margin-top:30px;line-height:32px;font-size:18px;color:#666;} @media(max-width:1440px){ .gycs-intro{padding:100px 0;} .gycs-intro .pic{width:540px;} .gycs-intro .text{width:600px;} .gycs-intro .text h3{font-size:32px;} .gycs-intro .text p{margin-top:20px;line-height:28px;font-size:16px;} } @media(max-width:1024px){ .gycs-intro{padding:40px 10px;} .gycs-intro .pic{width:100%;} .gycs-intro .text{padding-top:20px;padding-bottom:50px;width:100%;background-size:25px;} .gycs-intro .text h3{font-size:24px;} .gycs-intro .text p{margin-top:10px;line-height:1.75;font-size:14px;} } /*--end gycs-intro--*/ /*--gycs-tab--*/ .gycs-tab{padding:80px 0;overflow:hidden;background:#f8f8f8;} .gycs-menu{position:relative;/* padding:0 40px; */height:130px;line-height:130px;overflow:hidden;border-bottom:#dfdfdf solid 1px;} .gycs-menu .prev,.gycs-menu .next{position:absolute;top:0;width:40px;height:130px;text-align:center;cursor:pointer;} .gycs-menu .prev i,.gycs-menu .next i{display:block;font-size:40px;color:#999;} .gycs-menu .prev{left:0;} .gycs-menu .next{right:0;} .gycs-menu .list{overflow:hidden;} .gycs-menu .list li{font-size:52px;font-family:"DIN Medium";color:#dedede;text-align:center;} .gycs-menu .list li.cur{color:#000;} .gycs-main{padding-top:50px;} .gycs-main .list{position:relative;overflow:visible;} .gycs-main .list:after{display:block;position:absolute;bottom:0;width:100%;height:1px;content:"";background:#f8f8f8;} .gycs-main .item{position:relative;padding:90px 0;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;border-bottom:#dfdfdf solid 1px;} .gycs-main .item:before{display:block;position:absolute;left:-60px;top:40px;width:200px;height:180px;content:"";background:url(../images/love.png) no-repeat;} .gycs-main .text{position:relative;width:708px;overflow:hidden;} .gycs-main .text h3{line-height:50px;font-size:34px;color:#000;} .gycs-main .text h3 a{color:#000;} .gycs-main .text p{margin-top:30px;line-height:30px;font-size:16px;color:#666;overflow:hidden;} .gycs-main .text .read{display:block;position:absolute;left:0;bottom:0;width:130px;height:45px;line-height:45px;font-size:16px;color:#999;border-bottom:#dfdfdf solid 1px;} .gycs-main .text .read:before{display:block;float:right;font-family:"iconfont";content:"\e666";} .gycs-main .text .read:hover{color:#000;border-color:#000;} .gycs-main .pic{width:540px;overflow:hidden;} .gycs-main .pic img{display:block;transition:all 1s;} .gycs-main .pic:hover img{transform:scale(1.1);} @media(max-width:1440px){ .gycs-tab{padding:60px 0;} .gycs-menu{height:120px;line-height:120px;} .gycs-menu .prev,.gycs-menu .next{height:120px;} .gycs-menu .list li{font-size:48px;} .gycs-main{padding-top:40px;} .gycs-main .item{padding:80px 0;} .gycs-main .item:before{transform:scale(0.85);} .gycs-main .text{width:600px;} .gycs-main .pic{width:500px;} } @media(max-width:1024px){ .gycs-tab{padding:40px 10px;} .gycs-menu{height:50px;line-height:50px;} .gycs-menu .prev i,.gycs-menu .next i{font-size:30px;} .gycs-menu .list li{font-size:18px;} .gycs-main{padding-top:0;} .gycs-main .item{padding:45px 0;} .gycs-main .item:before{display:none;} .gycs-main .text,.gycs-main .pic{width:100%;} .gycs-main .text{padding-top:20px;padding-bottom:50px;} .gycs-main .text h3{line-height:1.5;font-size:20px;} .gycs-main .text p{margin-top:10px;line-height:1.75;font-size:14px;} .gycs-main .text .read{width:100px;height:40px;line-height:40px;font-size:14px;} } /*--end gycs-tab--*/ /*--app-intro--*/ .app-intro{padding:80px 0;overflow:hidden;background:#fff;border-top:#f0f0f0 solid 1px;} .app-intro .row{display:flex;flex-wrap:wrap;justify-content:space-between;} .app-intro .pic{width:50%;overflow:hidden;} .app-intro .pic img{display:block;width:100%;} .app-intro .text{position:relative;width:40%;overflow:hidden;} .app-intro .text .hd{position:relative;padding-bottom:30px;overflow:hidden;} .app-intro .text .hd:before,.app-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;content:"";} .app-intro .text .hd:before{z-index:1;width:100%;height:1px;background:#f0f0f0;} .app-intro .text .hd:after{z-index:2;width:40px;height:3px;background:#c5bdae;} .app-intro .text .hd h3{font-size:32px;color:#333;line-height:1.5;} .app-intro .text .bd{padding-top:30px;overflow:hidden;} .app-intro .text .bd p{font-size:18px;line-height:1.75;color:#666;} .app-intro .text .btnBox{position:absolute;bottom:0;left:0;} .app-intro .text .btnBox a{display:block;width:150px;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;background:#000;} .app-intro .text .btnBox a:hover{background:#c5bdae;} @media(max-width:1024px){ .app-intro{padding:40px 10px;} .app-intro .pic{width:100%;} .app-intro .text{padding-top:20px;width:100%;} .app-intro .text .hd{padding-bottom:15px;} .app-intro .text .hd h3{font-size:20px;} .app-intro .text .bd{padding-top:15px;} .app-intro .text .bd p{font-size:16px;} .app-intro .text .btnBox{position:static;margin-top:20px;} .app-intro .text .btnBox a{width:120px;height:40px;line-height:40px;font-size:16px;} } /*--end app-intro--*/ /*--app-video--*/ .app-video{padding:20px 0;overflow:hidden;background:#f8f8f8;} .app-video .list{display:flex;flex-wrap:wrap;margin:-12px;overflow:hidden;} .app-video .item{margin:12px;width:calc(100%/3 - 24px);cursor:pointer;background:#fff;} .app-video .pic{position:relative;overflow:hidden;} .app-video .pic:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.5) url(../images/player.png) no-repeat center;transition:all .5s;} .app-video .pic img{display:block;width:100%;transition:all .5s;} .app-video .text{padding:15px;overflow:hidden;} .app-video .text h3{line-height:25px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .app-video .item:hover .pic:after{background-color:rgba(0,0,0,0.2);} .app-video .item:hover .pic img{transform:scale(1.1);} @media(max-width:1024px){ .app-video{padding:40px 10px;} .app-video .list{margin:-6px;} .app-video .item{margin:6px;width:calc(100%/2 - 12px);} .app-video .text h3{font-size:14px;} } /*--end app-video--*/