@charset "utf-8"; /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .news-main{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding: 60px 0 30px;} .hyzx-picwords{width:100%;margin:0 auto} .swiper-container-newsList{width:100%;position:relative;overflow:hidden} .hyzx-picwords-matter{width:100%} .hyzx-picwords-matter ul li{width:50%;height:356px;overflow:hidden;float:left;position:relative;background-color:#fff} .hyzx-picwords-matter ul li:first-child img{width:100%;height:100%;object-fit:cover;transition:all 1s} .hyzx-picwords-matter ul li:first-child:hover img{transform:scale(1.1)} .hyzx-picwords-matter ul li:last-child{padding:0px 0px 0px 50px} .hyzx-picwords-message{width:100%;overflow:hidden} .picwords-list{width:100%;width:100%;padding-bottom:20px;border-bottom:1px solid #efefef;overflow:hidden;margin-bottom:20px} .picwords-list:last-child{border-bottom:0px} .picwords-list h4{font-size:16px;color:#333;height:30px;line-height:30px;overflow:hidden;position:relative;padding-right:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .picwords-list h4 span{position:absolute;right:0px;font-size:14px;color:#555;top:0px} .picwords-list h5{font-size:14px;color:#888;height:48px;line-height:24px;overflow:hidden;margin-top:10px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} .picwords-list:hover h4{color:#22aeff} .hyzx-picwords .swiper-button-next.swiper-button-disabled,.hyzx-picwords .swiper-button-prev.swiper-button-disabled{opacity:0.6} .hyzx-picwords-updown .swiper-button-prev,.hyzx-picwords-updown .swiper-button-next{background:#000;width:40px;height:60px;text-align:center} .hyzx-picwords-updown .swiper-button-prev i,.hyzx-picwords-updown .swiper-button-next i{width:10px;height:18px;display:inline-block;background-repeat:no-repeat;margin-top:21px} .hyzx-picwords-updown .swiper-button-prev{left:0} .hyzx-picwords-updown .swiper-button-prev i{background-image:url('../images/gather/news_left.png')} .hyzx-picwords-updown .swiper-button-next{right:50%} .hyzx-picwords-updown .swiper-button-next i{background-image:url('../images/gather/news_right.png')} .hyzx-picwords-updown .swiper-button-prev:hover,.hyzx-picwords-updown .swiper-button-next:hover{background-color:#22aeff} .hyzx-listwords-box{width:100%;overflow:hidden;padding:0 0 10px 0} .hyzx-listwords{width:1200px;margin:0 auto} .hyzx-listwords ul{width:100%;padding:36px 0;border-top:1px solid #ececec} .hyzx-listwords ul li{width:100%;overflow:hidden} .hyzx-listwords-pic{width:29.5%;height:186px;float:left;overflow:hidden} .hyzx-listwords-pic img{width:100%;height:100%;object-fit:cover;transition:all 1s} .hyzx-listwords-pic:hover img{transform:scale(1.1)} .hyzx-listwords-words{width:70.5%;height:186px;float:right;overflow:hidden;padding:2px 20px} .hyzx-listwords-words h4{font-size:20px;color:#333} .hyzx-listwords-words h4:hover{color:#c30d23} .hyzx-listwords-words p{font-size:14px;color:#777;line-height:22px;margin-top:16px;height:88px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical} .hyzx-listwords-words h6{font-size:14px;color:#999;font-weight:normal;margin-top:10px} .news-center{width:100%;height:auto;overflow:hidden;margin-top:0px;padding-top:0px;border-top:0px solid #e6e6e6} .news-center ul li{width:48%;float:left;height:auto;margin-bottom:3px;background-color:#fff;padding:0px;overflow:hidden;border-bottom:1px solid #e6e6e6;padding-bottom:35px;margin-bottom:30px} .news-center ul li:nth-child(2n){float:right} .news-center ul li .text{width:66%;float:left;padding-right:30px;overflow:hidden} .news-center ul li .text h4{font-size:16px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease-out;} .news-center ul li .text h5{font-size:14px;color:#888;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0} .news-center ul li .text h6{font-size:14px;color:#555;font-family:'Arial'} .news-center ul li:hover .text h4{color: #0081cc;} .news-center ul li .img{width:34%;float:left;height:146px;overflow:hidden} .news-center ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .news-center ul li:hover .img img{transform:scale(1.1)} .video-container{width:1260px;height:auto;margin:0 auto;padding: 60px 0 30px 0;} .video-list{width:100%;height:auto;overflow:hidden;margin-top:20px} .video-list ul li{float:left;height:auto;overflow:hidden;margin:0 10px 10px 0} .video-list ul li a{display:block;background-color:#f4f4f4;border-radius:25px;line-height:45px;padding:0 25px;font-size:16px;color:#888} .video-list ul li a:hover{background-color:#038edf;color:#fff} .video-list ul li a.hover{background-color:#038edf;color:#fff} .video-center{width:100%;overflow:hidden;/* padding:60px 0 0 0; */} .video-center ul{margin-left:-2%} .video-center ul li{margin-left:2%;float:left;margin-bottom:2%;position:relative;height:auto;width:31.333%;overflow:hidden;} .video-center ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .video-center ul li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit:cover;transition:all .4s ease-out} .video-center ul li:hover img{transform:scale(1.1)} .video-center ul li i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background: url("../images/video.png") no-repeat center center;} .video-center ul li p{position:absolute;width:100%;font-size:16px;line-height: 40px;color:#fff;bottom: 0;text-align:center;padding: 0 10px;background:black;opacity:0.8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news_detail_main{width:100%;overflow:hidden;padding: 60px 0;background-color:#fff} .news_detail{width:1260px;margin:0 auto;} .news_detail_left{width:100%;float:left} .news_detail_left_title{width:100%;padding-bottom:20px;overflow:hidden;text-align: center;} .news_detail_left_title h4{font-size:22px;color:#333;line-height:24px} .news_detail_left_title_ico{width:100%;line-height: 40px;text-align: center;display: flex;justify-content: center;border-bottom: 1px solid #eee;} .news_detail_left_title_ico h4{font-size:13px;font-family:"Arial";color:#999;padding-right:15px;display: flex;align-items: center;} .news_detail_left_title_ico h4 i{background:url('../images/news_detail_01.png') no-repeat center center;width:25px;height:13px;display:inline-block;} .news_detail_left_title_ico h5{font-size:13px;font-family:"Arial";color:#999;display: flex;align-items: center;} .news_detail_left_title_ico h5 i{background:url('../images/news_detail_02.png') no-repeat center center;width:25px;height:12px;display:inline-block} .news_detail_left_title_ico h6{display:inline-block;font-size:13px;font-family:"Arial";color:#999;padding-right:15px} .news_detail_left_title_ico h6 i{background:url('../images/news_detail_03.png') no-repeat center center;width:20px;height:15px;padding-top:4px;display:inline-block} .news_detail_left_title_ico h6 .bdsharebuttonbox{display:inline-block;vertical-align:middle} .news_detail_left_title_ico .bdshare-button-style0-16 .bds_more{background-image:url('../images/news_detail_03.png') !important;width:20px;height:15px;padding-top:4px} .news_detail_left_text{font-size:15px;line-height: 30px;color:#666;padding: 30px 0;text-align: justify;} .news_detail_left_text img{max-width: 100%;height: auto!important;} .news_detail_left_text video{width:100%;height:100%} .news_detail_bottom{width:100%;overflow:hidden;padding:20px 0 24px 0;border-top:1px solid #eee} .news_detail_bottom_left{width:70%;overflow:hidden;float:left} .news_detail_bottom_left p{font-size:14px;color:#666;margin-top:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news_detail_bottom_left p:hover span{color:#0288d6} .news_detail_bottom_right{width:30%;float:right;overflow:hidden;text-align:right} .news_detail_bottom_right h6{width:120px;height:38px;background-color: #0081cc;line-height:38px;color:#fff;text-align:center;display:inline-block;font-size:14px;border-radius:3px;margin-top:20px} .news_detail_bottom_right h6 span{padding-right:8px} .news_detail_bottom_right h6:hover{background-color:#065e91} .news_detail_right{width:26%;float:right;border-left:1px solid #ececec;padding-left:45px} .news_detail_right1{width:100%;overflow:hidden;padding-bottom:30px} .news_detail_right1 h4{font-size:20px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px} .news_detail_right1 ul{width:100%;padding-top:15px} .news_detail_right1 ul li{width:100%;margin-bottom:20px;overflow:hidden} .news_detail_right1 ul li h5{font-family:"Arial";font-size:13px;color:#999;padding-bottom:5px} .news_detail_right1 ul li h6{font-size:14px;color:#666;height:56px;line-height:28px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} .news_detail_right1 ul li h6 a:hover{color:#0288d6} .news_detail_right2{width:100%;overflow:hidden;padding-bottom:30px} .news_detail_right2 h4{font-size:20px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px} .news_detail_right2 ul{padding-top:15px;margin-left:-3%} .news_detail_right2 ul li{width:47%;float:left;margin-left:3%;margin-bottom:3%;height:48px;line-height:48px;text-align:center;background-color:#f2f2f2} .news_detail_right2 ul li p{font-size:14px;color:#666} .news_detail_right2 ul li p:hover{color:#0288d6} .news_detail_right3{width:100%;overflow:hidden;padding-bottom:30px} .news_detail_right3 h4{font-size:20px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px} .news_detail_right3 ul{width:100%;padding-top:15px} .news_detail_right3 ul li{width:100%;margin-bottom:20px;overflow:hidden} .news_detail_right3 ul li .img{width:100%;height:auto;position:relative;text-align:center} .news_detail_right3 ul li .img i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center} .news_detail_right3 ul li .img img{max-width:100%;height:auto} .news_detail_right3 ul li h5{font-family:"Arial";font-size:13px;color:#999;padding:10px 0 3px 0} .news_detail_right3 ul li h6{font-size:14px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .news_detail_right3 ul li h6 a:hover{color:#0288d6} .news_detail_right5{width:100%;overflow:hidden;padding-bottom:30px} .news_detail_right5 h3{font-size:20px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px} .news_detail_right5 ul{width:100%;padding-top:15px} .news_detail_right5 ul li{width:100%;margin-bottom:20px;overflow:hidden} .news_detail_right5 ul li .img{width:100%;height:auto;position:relative;text-align:center} .news_detail_right5 ul li .img i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center} .news_detail_right5 ul li .img img{max-width:100%;height:auto} .news_detail_right5 ul li h4{font-size:16px;color:#333;font-weight:bold;float:left;padding:10px 0 3px 0} .news_detail_right5 ul li h5{font-family:"Arial";font-size:13px;color:#999;padding:14px 0 3px 0;float:right} .news_detail_right5 ul li h6{font-size:14px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%} .news_detail_right5 ul li h6 a:hover{color:#0288d6} .news_detail_right4{width:100%;overflow:hidden;padding-bottom:30px} .news_detail_right4 h4{font-size:20px;color:#333;border-bottom:1px solid #ececec;padding-bottom:20px} .news_detail_right4 ul{width:100%;padding-top:15px} .news_detail_right4 ul li{width:100%;margin-bottom:20px;overflow:hidden} .news_detail_right4 ul li img{width:100%;height:auto} .news_detail_right4 ul li p{font-size:14px;color:#666;line-height:22px;padding-top:10px;font-weight:bold} .news_detail_right4 ul li:hover p{color:#0288d6} .case{width:100%;height:auto;/* padding:50px 0 0 0; */} .case ul{margin-left:-2%} .case ul li{width:31.333%;float:left;margin:0 0 2% 2%;height:auto;overflow:hidden;transition: all .4s ease-out;} .case ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);} .case ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .case ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;transition:all .4s ease-out;} .case ul li:hover .img img{transform:scale(1.1)} .case ul li .text{padding:20px;background-color:#f5f5f5;overflow:hidden} .case ul li .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/pro_jian4.png') right center no-repeat;padding-right:20px;transition: all .4s ease-out;} .case ul li:hover .text h6{color:#0288d6;background:url('../images/pro_jian5.png') right center no-repeat} .case2{width:100%;height:auto;/* padding:50px 0 0 0; */} .case2 ul{margin-left:-2%} .case2 ul li{width:31.333%;float:left;margin:0 0 2% 2%;height:auto;overflow:hidden;transition: all .4s ease-out;} .case2 ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);} .case2 ul li .img{width: 100%;padding-top: 100%;position: relative;overflow: hidden;} .case2 ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;transition:all .4s ease-out;} .case2 ul li:hover .img img{transform:scale(1.1)} .case2 ul li .text{padding:20px;background-color:#f5f5f5;overflow:hidden} .case2 ul li .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/pro_jian4.png') right center no-repeat;padding-right:20px;transition: all .4s ease-out;} .case2 ul li:hover .text h6{color:#0288d6;background:url('../images/pro_jian5.png') right center no-repeat} .case-detail{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0} .case-tit{width:100%;height:auto;overflow:hidden} .case-tit h5{position:relative;float:left;font-size:40px;color:#2c98d6;padding-bottom:20px;font-weight:bold} .case-tit h5::after{content:"";width:60px;height:5px;position:absolute;left:0;bottom:0px;background-color:#2c98d6} .proxqpw-pic{width:100%;margin-top:30px;overflow:hidden} .case-cp-box{width:100%;height:auto;overflow:hidden;background-color:#f5f5f5} .case-cp{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0} .case-cp ul{padding-top:50px;margin-left:-2%} .case-cp ul li{width:31.333%;float:left;margin-left:2%;margin-bottom:2%;height:auto;overflow:hidden} .case-cp ul li .img{width:100%;height:auto;overflow:hidden} .case-cp ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .case-cp ul li:hover .img img{transform:scale(1.1)} .case-cp ul li .text{background-color:#fff;width:100%;padding:30px 10px;text-align:center} .case-cp ul li .text p{font-size:16px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .case-cp ul li:hover .text p{color:#5abbda} .about-gk{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:50px 0} .about_mber{width:100%;height:auto;overflow:hidden;padding:10px 0 10px 0} .about_mber ul li{width:25%;float:left;text-align:center} .about_mber ul li h5{font-size:60px;color: #0081cc;font-family:'impact'} .about_mber ul li h5 span{font-family: inherit;} .about_mber ul li h6{font-size:18px;color:#555;padding:10px 10px 0 10px} .gk-text{width:100%;height:auto;font-size:16px;color:#777;line-height:35px;text-align: justify;overflow:hidden;transition:all .5s;} .gk-text p{text-indent:2em;padding:0 0 10px 0} .gk-text img{max-width:100%;height:auto;overflow:hidden;padding:10px 0} .gk-text-more{width:100%;height:auto;font-size:16px;color:#777;line-height:35px;overflow:hidden;padding:10px 0;display:none} .gk_click{margin-top:20px} .gk_click span{cursor:pointer;width:180px;height:44px;border:1px solid #dfdfdf;margin:0 auto;display:block;text-align:center;line-height:44px;transition: all .5s;} .gk_click span:hover{color:#0288d6;border:1px solid #0288d6} .gk_click b{cursor:pointer;width:180px;height:44px;border:1px solid #dfdfdf;margin:0 auto;text-align:center;line-height:44px;display:none} .gk_click b:hover{color:#0288d6;border:1px solid #0288d6} .gk_click.ontrue span{display:none} .gk_click.ontrue b{display:block;color:#0288d6;border:1px solid #0288d6} .about-shili-box{width:100%;height:auto;overflow:hidden;padding:60px 0;background-color:#f5f5f5} .about-shili{width:1260px;margin:0 auto;height:auto;overflow:hidden;padding-top:20px} .shili-text{width:100%;height:auto;font-size:16px;color:#777;line-height:35px;overflow:hidden;padding:10px 0} .about-shili .pro-case .text{background-color:#fff} .about-pinpai-box{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#f5f5f5} .about-pinpai{width:1260px;margin:0 auto;height:auto;overflow:hidden;padding-top:50px} .about-pinpai .img{width:100%;height:auto;overflow:hidden} .about-pinpai .img img{max-width:100%;height:auto;overflow:hidden} .about-culture-main{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#fff} .about-culture{width:1260px;height:auto;overflow:hidden;padding-top:50px;margin:0 auto} .about-culture ul li{width:21%;float:left;margin:0 2% 0% 2%} .about-culture ul li h5{width:120px;height:120px;border-radius:100%;background-color:#0495e9;margin:0 auto;text-align:center;line-height:76px;transition:all .4s ease-out;user-select:none} .about-culture ul li h5 img{max-width:100%;height:auto} .about-culture ul li h5 p{line-height:20px;font-size:20px;color:#fff} .about-culture ul li h6{font-size:14px;color:#999;text-align:center;margin-top:15px;line-height: 2.2;} .about-culture ul li:hover h5{transform:translateY(-10px)} .abUs-comHist{padding:0px 0 0;/*background:url('../images/about-bg1.png');*/background-size:cover; padding-bottom: 0px;} .abUs-comHist .p-title .t{color:#333;font-size:36px;text-align:center} .abUs-comHist .p-title .s{background:#e50012} .auCHist-man{width:928px;padding:0 0 246px;position:relative;margin:20px auto 0} .auCHist-man .swiper-container{padding:69px 0 0} .auCHist-man .auCHman-box{display:block;height:72px;text-align:center;color:#fff;background:url(../images/auCHist-bg.png) no-repeat center 68px;position:relative} .auCHman-box .year{line-height:28px;font-size:16px} .auCHman-box:before{content:"";display:block;width:8px;height:8px;border-radius:100%;background:#fff;position:absolute;left:50%;margin-left:-4px;bottom:0px} .auCHman-box:after{content:"";display:block;width:1px;height:9px;background:#fff;position:absolute;left:50%;margin-left:-1px;bottom:11px} .auCHman-box.cur .year{width:77px;height:77px;line-height:77px;color:#10a8d9;background:#fff;border-radius:100%;position:absolute;top:-53px;left:50%;margin-left:-38.5px} .auCHman-box.cur .year:after{content:"";display:block;width:109px;height:109px;background:rgba(224,233,255,.25);border-radius:100%;position:absolute;top:-16px;left:-16px;z-index:-1} .auCHman-box.cur:before,.auCHman-box.cur:after{background:#40b4e5} .auCHman-box.cur:after{height:30px;z-index:2} .auCHistManSwiper-prev,.auCHistManSwiper-next{display:block;width:11px;height:21px;position:absolute;top:70px;z-index:9999} .auCHistManSwiper-prev{left:-58px;background:url(../images/swiper2-l.png) no-repeat center center} .auCHistManSwiper-next{right:-58px;background:url(../images/swiper2-r.png) no-repeat center center} .auCHist-man .orn1,.auCHist-man .orn2{display:block;height:1px;background:rgba(255,255,1255,1);position:absolute;top:137px} .auCHist-min{width:1000px;position:relative;margin:-151px auto 0;z-index:2} .auCHist-min .swiper-container{padding:0 0 45px} .auCHist-min .swiper-container .swiper-slide{padding:0 10px} .auCHmin-box{display:block;padding:20px;background:#fff;box-shadow:0 4px 20px rgba(162,162,162,.24);position:relative;overflow:hidden} .auCHmin-text{width:70%;float:left;padding:20px 40px 20px 20px;height:auto;overflow:hidden} .auCHmin-text h5{font-size:26px;color:#222;padding-left:40px;background:url('../images/abo-06.png') left center no-repeat} .auCHmin-text h6{font-size:16px;color:#666;line-height:30px;position:relative;padding-bottom:20px;padding-top:20px} .auCHmin-text h6::after{content:"";display:block;width:35px;height:2px;background-color:#222;position:absolute;left:0px;bottom:0px} .auCHmin-img{float:right;width:30%} .auCHmin-img img{width:100%;height:auto;object-fit:cover} .about-hz{width:100%;height:auto;overflow:hidden;padding:60px 0} .about-hz ul{width:100%;overflow:hidden;margin-top:50px} .about-hz ul li{width:31.333%;margin:0 1% 2% 1%;float:left;overflow:hidden} .about-hz ul li .img{width:100%;height:240px;overflow:hidden} .about-hz ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .about-hz ul li:hover .img img{transform:scale(1.1)} .about-hz ul li .text{width:100%;background-color:#f5f5f5;padding:20px;overflow:hidden} .about-hz ul li .text p{font-size:16px;color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .about-hz ul li:hover .text p{color:#40b4e5} .about-jiaoliu{width:100%;height:auto;overflow:hidden;padding:0 20px;margin-top:50px} .about-jiaoliu .img{width:100%;height:240px;overflow:hidden} .about-jiaoliu .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .about-jiaoliu .img img:hover{transform:scale(1.1)} .about-jiaoliu .text{width:100%;background-color:#f5f5f5;padding:20px;overflow:hidden} .about-jiaoliu .text p{font-size:16px;color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .about-jiaoliu .text:hover p{color:#40b4e5} .about-jiaoliu .swiper-container{padding-bottom:50px!important} .about-jiaoliu .swiper-pagination{bottom:10px} .about-jiaoliu .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#bbb;opacity:0.8;vertical-align:middle;position:relative} .about-jiaoliu .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #5abbda;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .about-jiaoliu .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#5abbda} .about-jiaoliu .swiper-pagination-bullet-active:after{opacity:1} .about-jiaoliu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .honor{width:100%;height:auto;overflow:hidden;padding:50px 0 0 0} .honor ul{margin-left:-2%} .honor ul li{width:31.333%;float:left;margin:0 0 2% 2%;height:auto;overflow:hidden} .honor ul li .img{width:100%;height:306px;overflow:hidden} .honor ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .honor ul li .text{padding:20px;background-color:#f5f5f5;overflow:hidden} .honor ul li .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px} .honor ul li:hover .text h6{color:#0288d6;background:url('../images/pro_jian5.png') right center no-repeat} .teen-one{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding:60px 0 60px 0} .teen-one h4{text-align:center;overflow:hidden} .teen-one h4 img{max-width:100%;height:auto;overflow:hidden} .teen-one .text{width:100%;height:auto;margin-top:10px;position:relative;padding:0 30px} .teen-one .text h5{font-size:28px;color:#111;font-weight:bold;text-align:center} .teen-one .text h6{font-size:16px;color:#888;text-align:center;line-height:34px;padding-top:10px} .teen-one-pic{width:100%;height:auto;overflow:hidden;padding-top:50px} .teen-one-pic ul li{width:16.666%;float:left;height:auto;margin-bottom:30px} .teen-one-pic ul li h5{width:78px;height:78px;border-radius:100%;background-color:#00633d;line-height:78px;text-align:center;margin:0 auto;transition:all .4s} .teen-one-pic ul li:hover h5{transform:translateY(-10px)} .teen-one-pic ul li h5 img{max-width:100%;height:auto;overflow:hidden} .teen-one-pic ul li h6{padding-top:10px;font-size:16px;color:#333;text-align:center} .teen-case-bg{width:100%;height:auto;overflow:hidden;padding:70px 0;background:url('../images/gather/about-bg2.png') no-repeat center center;background-size:cover} .teen-case-bg2{width:100%;height:auto;overflow:hidden;padding:70px 0;background:url('../images/gather/about-bg3.png') no-repeat center center;background-size:cover} .teen-case-main{width:1260px;margin:0 auto;height:auto;overflow:hidden} .teen-case{width:100%;height:auto;margin-top:50px;overflow:hidden} .teen-case .img{width:100%;height:auto;overflow:hidden} .teen-case .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .teen-case .swiper-slide:hover .img img{transform:scale(1.1)} .teen-case .text{background-color:#fff;width:100%;padding:20px;text-align:center} .teen-case .text p{font-size:14px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .teen-case .text p:hover{color:#5abbda} .teen-case .swiper-container{padding-bottom:50px!important} .teen-case .swiper-pagination{bottom:10px} .teen-case .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative} .teen-case .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .teen-case .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#fff} .teen-case .swiper-pagination-bullet-active:after{opacity:1} .teen-case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .teen-honor{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding:70px 0} .teen-honor ul{margin-top:50px;margin-left:-2%} .teen-honor ul li{width:31.333%;float:left;margin-left:2%;margin-bottom:2%;position:relative} .teen-honor ul li .img{width:100%;height:auto;overflow:hidden} .teen-honor ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .teen-honor ul li:hover .img img{transform:scale(1.1)} .teen-honor ul li p{position:absolute;font-size:16px;color:#fff;text-align:center;bottom:0px;left:0px;width:100%;line-height:40px} .teen-honor ul li .text{position:absolute;width:100%;height:0%;left:0%;bottom:0%;background:rgba(0,0,0,.6);overflow:hidden;transition:all .5s} .teen-honor ul li .text h4{font-size:16px;color:#fff;text-align:center;padding:40px 40px 20px 40px} .teen-honor ul li .text h5{font-size:14px;color:#fff;line-height:24px;padding:0px 40px 40px 40px} .teen-honor ul li:hover .text{height:100%} .teen-honor ul li:hover p{display:none} .teen-pingj{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding:70px 0} .teen-pjia{margin-top:50px} .teen-pjia2{width:100%;float:left;position:relative} .teen-pjia2 .img{width:100%;height:auto;overflow:hidden} .teen-pjia2 .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .teen-pjia2:hover .img img{transform:scale(1.1)} .teen-pjia2 p{position:absolute;font-size:16px;color:#fff;text-align:center;bottom:0px;left:0px;width:100%;line-height:40px} .teen-pjia2 .text{position:absolute;width:100%;height:0%;left:0%;bottom:0%;background:rgba(0,0,0,.6);overflow:hidden;transition:all .5s} .teen-pjia2 .text h4{font-size:16px;color:#fff;text-align:center;padding:40px 40px 20px 40px} .teen-pjia2 .text h5{font-size:14px;color:#fff;line-height:24px;padding:0px 40px 40px 40px} .teen-pjia2:hover .text{height:100%} .teen-pjia2:hover p{display:none} .teen-pjia .swiper-container{padding-bottom:50px!important} .teen-pjia .swiper-pagination{bottom:10px} .teen-pjia .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#bbb;opacity:0.8;vertical-align:middle;position:relative} .teen-pjia .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #5abbda;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .teen-pjia .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#5abbda} .teen-pjia .swiper-pagination-bullet-active:after{opacity:1} .teen-pjia .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .dongtu{width:1200px;margin:0 auto;height:auto;overflow:hidden;padding-top:50px} .dongtu img{max-width:100%;height:auto;overflow:hidden} .dongtu p{font-size:12px;color:#888;line-height:22px;margin-top:20px} .dongtu .swiper-wrapper{padding-top:50px} .dongtu .swiper-wrapper .swiper-slide{position:relative;cursor:pointer} .dongtu .swiper-wrapper .swiper-slide-prev{height:360px!important;transform:translateX(-200px);z-index:8} .dongtu .swiper-wrapper .swiper-slide-prev img{height:100%!important;object-fit:cover} .dongtu .swiper-wrapper .swiper-slide-next{height:360px!important;transform:translateX(-200px);z-index:8} .dongtu .swiper-wrapper .swiper-slide-next img{height:100%!important;object-fit:cover} .dongtu .swiper-wrapper .swiper-slide-active{margin-top:-45px;width:800px!important;height:450px!important;z-index:10;transform:translateX(-200px)} .dongtu .swiper-wrapper .swiper-slide-active img{width:100%;height:100%} .dongtu .banner-prev,.dongtu .banner-next{position:absolute;z-index:4;top:50%;width:30px;height:60px;margin-top:-40px;cursor:pointer;user-select:none;transition:all .3s ease-in-out} .dongtu .banner-prev{left:0px;background:rgba(0,0,0,.5) url('../images/banL.png') no-repeat center center} .dongtu .banner-next{right:0px;background:rgba(0,0,0,.5) url('../images/banR.png') no-repeat center center} .dongtu .banner-prev:hover,.banner-next:hover{background-color:rgba(0,129,204,1)} .tea-sp-main{width:100%;height:auto;overflow:hidden;background-color:#f5f5f5} .tea-sp{width:1260px;height:auto;padding:70px 0;overflow:hidden;margin:0 auto} .tea-sp h4{font-size:34px;color:#111;font-weight:bold;text-align:center} .tea-sp-center{margin-top:50px;overflow:hidden} .sp-left{float:left;width:50%;height:480px;overflow:hidden;position:relative} .sp-left video{height:480px!important;width:100%} .sp-left a{display:block} .sp-left img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .sp-left:hover img{transform:scale(1.1)} .sp-left i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center} .sp-right{width:50%;float:left;height:480px;background-color:#fff;padding:40px;overflow:hidden} .sp-right-title{width:100%;height:auto;overflow:hidden} .sp-right-title ul li{float:left;font-size:18px;color:#333;border-bottom:2px solid #fff;margin-right:40px;font-weight:bold;padding-bottom:6px;cursor:pointer} .sp-right-title ul li:hover{color:#0288d6;border-bottom:2px solid #0288d6} .sp-right-title ul li.ontrue{color:#0288d6;border-bottom:2px solid #0288d6} .sp-right-center{width:100%;height:auto;overflow:hidden;margin-top:30px;height:340px;overflow-y:auto;display:none} .sp-right-center ul{width:100%;padding-right:4%;overflow:hidden} .sp-right-center ul li{width:100%;height:auto;overflow:hidden;padding-bottom:8px;padding-left:12px;position:relative} .sp-right-center ul li::before{content:"";width:6px;height:6px;position:absolute;left:0%;top:8px;border-radius:100%;background-color:#0288d6} .sp-right-center ul li a{display:block;font-size:14px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .sp-right-center ul li a:hover{color:#0288d6} .pub_title p{font-size:16px;color:#888;padding-top:10px;text-align:center} .tea-cep-main{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:70px 0} .tea-cep{width:100%;height:auto;overflow:hidden;margin-top:50px} .tea-cep img{max-width:100%;height:auto;overflow:hidden} .tea-cep.swiper-wrapper .swiper-slide-active img{width:100%;height:100%} .tea-cep .banner-prev,.tea-cep .banner-next{position:absolute;z-index:4;top:50%;width:30px;height:60px;margin-top:-30px;cursor:pointer;user-select:none;transition:all .3s ease-in-out} .tea-cep .banner-prev{left:0px;background:rgba(0,0,0,.5) url('../images/banL.png') no-repeat center center} .tea-cep .banner-next{right:0px;background:rgba(0,0,0,.5) url('../images/banR.png') no-repeat center center} .tea-cep .banner-prev:hover,.tea-cep .banner-next:hover{background-color:rgba(0,129,204,1)} .partner-container{width:1260px;height:auto;overflow:hidden;padding:60px 0;margin:0 auto} .partner-search{width:100%;height:auto;overflow:hidden} .par-sea1{width:32%;height:60px;border:1px solid #e6e6e6;margin:0 1% 1% 0;float:left;background-color:#fff} .par-sea2{width:32%;height:60px;border:1px solid #e6e6e6;margin:0 1% 1% 0;float:left;background-color:#fff} .partner-search select{width:100%;height:100%;box-sizing:border-box;border:none;background-color:#fff;font-size:14px;color:#666;line-height:45px;padding:0 10px;display:block;font-family:"微软雅黑"} .partner-search select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('../images/public/icon-dd3.png') no-repeat 96% center} .par-sea3{width:32%;height:60px;border:1px solid #e6e6e6;float:right;position:relative;padding-right:60px;background-color:#fff} .par-sea3 input{width:100%;height:100%;box-sizing:border-box;border:none;background-color:#fff;font-size:14px;color:#666;line-height:45px;padding:0 10px;display:block;font-family:"微软雅黑"} .partner_submit{width:60px;height:58px;cursor:pointer;display:inline-block;background:#00a0e9 url('../images/public/search.png') no-repeat center center;position:absolute;right:0;top:0;z-index:3} .partner-map-main{width:100%;height:auto;overflow:hidden;padding:40px 0} .partner-map{width:100%;border:1px solid #e6e6e6;height:696px;overflow:hidden} .partner-dian{width:27%;height:696px;float:left;overflow:hidden;padding:20px 0 20px 20px;position:relative;border-right:1px solid #e6e6e6} .partner-dian h4{font-size:18px;color:#000;font-weight:bold;overflow:hidden} .partner-dian h4 span{color:#00a0e9} .partner-dian1{width:100%;padding-right:0px;margin-top:20px;overflow:hidden;overflow-y:auto;height:610px;position:relative} .partner-dian1 ul{padding-right:10px} .partner-dian1 ul li{padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #e6e6e6;overflow:hidden} .partner-dian1 ul li h6{font-size:15px;font-weight:bold;color:#000;line-height:26px;margin-bottom:10px} .partner-dian1 ul li h6 span{display:block;float:left;color:#fff;font-weight:normal;background:url('../images/public/add1.png') no-repeat center center;width:22px;text-align:center;margin-right:5px} .partner-dian1 ul li p{font-size:14px;color:#666;line-height:26px} .partner-dian1 ul li a{padding:2px 6px;font-size:12px;color:#666;border:1px solid #333;display:inline-block;margin-top:10px} .partner-dian1 ul li a:hover{color:#00a0e9;border-color:#11a0e9} .partner-tu{width:73%;float:left;padding:10px;overflow:hidden;height:100%} .partner-list{width:100%;height:auto;overflow:hidden} .partner-list h6{font-size:18px;color:#333;font-weight:bold;padding-bottom:20px;border-bottom:2px solid #333} .partner-list table{width:100%;overflow:hidden;font-size:14px;color:#666;border:0px solid #dcdcdc;border-collapse:separate;border-spacing:0;text-align:left;border-bottom:0px;margin-bottom:30px} .partner-list table th{border-right:0px solid #dcdcdc;border-bottom:1px solid #dcdcdc;height:50px;color:#333;font-size:14px;padding-left:5px} .partner-list table td{border-right:0px solid #dcdcdc;border-bottom:1px solid #dcdcdc;height:50px;padding-left:5px} .partner-list table td a{color:#0288d6} .contact-list{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding:70px 0;padding-bottom: 0;} .contact-list ul li{width:31%;float:left;margin:2% 1%} .contact-list ul li h4{width:100px;height:100px;border-radius:100%;background-color:#0288d6;line-height:100px;text-align:center;margin:0 auto;transition:all .4s} .contact-list ul li h4 img{max-width:100%;height:auto;overflow:hidden} .contact-list ul li:hover h4{transform:translateY(-10px)} .contact-list ul li h5{font-size:18px;color:#333;text-align:center;padding-top:20px} .contact-list ul li h6{font-size:16px;color:#666;line-height:24px;text-align:center;padding-top:20px} .contact-map{width:100%;height:550px;overflow:hidden} .contact-map iframe{width:100%;height:100%} #allmap2{width:100%;height:550px} .zUIpanelScrollBox,.zUIpanelScrollBar{width:4px;top:4px;right:2px;border-radius:6px} .zUIpanelScrollBox{background:#ddd;opacity:0.9;filter:alpha(opacity=10)} .zUIpanelScrollBar{background:#0288d6;opacity:0.8;filter:alpha(opacity=80)} .pro-list1-bg{width:100%;background:rgba(0,0,0,.6);overflow:hidden;position:fixed;top:84px;z-index:100;transition:all .6s ease-out} .pro-list1-bg.pro-list1-bgScr{display:none} .pro-list1{width:1260px;margin:0 auto;line-height:60px;overflow:hidden} .pro-list1 span{float:left;font-size:14px;color:#fff;line-height:60px} .pro-list1 span a{font-size:14px;color:#fff;padding:0 10px} .pro-list1 span a:first-child{padding-left:0px} .pro-list1 span a:hover{color:#0288d6} .pro-list1 ul{float:right} .pro-list1 ul li{float:left} .pro-list1 ul li a{display:block;line-height:60px;font-size:15px;color:#fff;width:80px;text-align:center} .pro-list1 ul li a:hover{color:#0288d6} .pro-list1 ul li.hover a{color:#0288d6} .pro-list2-bg{width:100%;overflow:hidden;position:fixed;top:144px;z-index:100;transition:all .6s ease-out} .pro-list2-bg::after{content:"";width:100%;height:1px;background-color:#fff;position:absolute;bottom:0px;left:0px;opacity:0.3} .pro-list2-bg.pro-list2-bgScr{background:rgba(0,0,0,.4);top:84px} .pro-list2{width:1260px;margin:0 auto;line-height:60px} .pro-list2 span{float:left;font-size:14px;color:#fff;line-height:60px} .pro-list2 ul{float:right} .pro-list2 ul li{float:left} .pro-list2 ul li a{display:block;line-height:60px;font-size:14px;color:#fff;padding:0 20px} .pro-list2 ul li a:hover{color:#0288d6} .pro-list2 ul li.hover a{color:#0288d6} .pro-gongn{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding:70px 0} .pro-gongn-tit{width:100%;height:auto;overflow:hidden} .pro-gongn-tit h4{font-size:38px;color:#333333;font-weight:bold;text-align:center} .pro-gongn-tit h5{font-size:24px;color:#333333;font-weight:bold;text-align:center} .pro-gongn-tit h6{font-size:16px;color:#666;font-weight:normal;text-align:center;line-height:28px;text-align:center;padding-top:10px} .pro-yj-pic{width:100%;height:auto;overflow:hidden;padding:30px 0} .pro-yj-pic img{max-width:100%;height:auto;overflow:hidden} .click-more{width:170px;height:48px;background-color:#00a0e9;text-align:center;margin:0 auto;overflow:hidden;border-radius:40px;position:relative;cursor:pointer;margin-top:20px;user-select:none} .float-more.click-more{position:absolute;bottom:60px;left:50%;transform:translate(-50%,0)} .click-more h5{color:#fff;font-size:16px;line-height:48px;text-align:center;background:url('../images/public/icon-dd4.png') no-repeat 78% center;padding-right:10px} .click-more.ontrue{opacity:0;height:0px} .click-more2{width:170px;height:48px;background-color:#ff9f19;text-align:center;margin:0 auto;overflow:hidden;border-radius:40px;position:relative;cursor:pointer;margin:40px auto;user-select:none} .click-more2 h5{color:#fff;font-size:16px;line-height:48px;text-align:center;background:url('../images/public/icon-dd5.png') no-repeat 78% center;padding-right:10px} .more-add{width:100%;height:auto;overflow:hidden;display:none;text-align:center;padding:0 0 60px 0} .more-add-bg{background-color:#e6e6e6;padding:60px 0 0 0} .more-pic{width:1260px;margin:0 auto;overflow:hidden} .more-pic .img img{width:100%;height:auto;overflow:hidden} .more-pic .text{width:100%;height:210px;padding:20px;background:url('../images/gather/q6-bg.png') no-repeat;background-size:cover;overflow:hidden} .more-pic .text h5{font-size:26px;color:#fff;text-align:center;font-weight:bold;padding-top:10px} .more-pic .text h6{font-size:16px;color:#fff;text-align:center;line-height:26px;padding-top:10px} .more-pic .swiper-button-next,.more-pic .swiper-button-prev{width:40px;height:90px;margin-top:-45px;background:#0081cc;top:40%} .more-pic .swiper-button-next{background:#0081cc url('../images/gather/swiper2-r.png') no-repeat center center;right:0} .more-pic .swiper-button-prev{background:#0081cc url('../images/gather/swiper2-l.png') no-repeat center center;left:0} .more-pic .swiper-button-next:hover{background-color:#ffa11b} .more-pic .swiper-button-prev:hover{background-color:#ffa11b} .more-pic .swiper-pagination{bottom:220px} .more-pic .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative} .more-pic .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #5abbda;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .more-pic .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#5abbda} .more-pic .swiper-pagination-bullet-active:after{opacity:1} .more-pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .pro-moder-main{width:100%;overflow:hidden;padding-top:80px;background-color:#e5e5e5} .pro-moder-pic{width:100%;height:auto;overflow:hidden;padding-top:60px} .pro-moder-pic ul li{position:relative;float:left;width:25%;height:auto} .pro-moder-pic ul li img{width:100%;height:100%;object-fit:cover} .pro-moder-pic ul li::after{content:"";position:absolute;width:1px;background-color:#fff;height:100%;top:0px;right:0px;opacity:.4} .pro-moder-pic ul li:last-child::after{display:none} .pro-moder-pic ul li .text{width:100%;height:200px;position:absolute;bottom:-150px;transition:all .4s} .pro-moder-pic ul li .text h6{padding:0 30px;font-size:20px;color:#fff;font-weight:bold;line-height:50px} .pro-moder-pic ul li .text p{font-size:16px;color:#fff;line-height:28px;padding:0 30px;padding-top:10px} .pro-moder-pic ul li:hover .text{bottom:0px} .pro-moder-tu{width:100%;height:auto;overflow:hidden;position:relative} .pro-moder-tu img{width:100%;height:100%;object-fit:cover;min-height:300px;transition:all .4s ease-out} .pro-moder-tu:hover img{transform:scale(1.1)} .pro-moder-tu .text{position:absolute;width:70%;height:auto;top:12%;left:15%;text-align:center} .pro-moder-tu .text h5{font-size:38px;color:#fff;font-weight:bold;text-align:center} .pro-moder-tu .text h6{font-size:16px;color:#fff;font-weight:normal;text-align:center;line-height:20px;text-align:center;padding-top:10px} .pro-moder-tu .text2{position:absolute;width:100%;height:auto;top:4%;left:0;text-align:center} .pro-moder-tu .text2 h5{font-size:38px;color:#333;font-weight:bold;text-align:center} .pro-moder-tu .text2 h6{font-size:16px;color:#333;font-weight:normal;text-align:center;line-height:24px;text-align:center;padding-top:10px} .pro-fenjie-main{width:100%;padding-top:80px} .pro-fenjie{width:1260px;height:auto;margin:0 auto} .pro-fenjie .img1{width:100%;height:auto;position:relative;bottom:-30px;text-align:center;margin-top:30px} .pro-fenjie .img1 img{max-width:100%;height:auto} .pro-fenjie .img{width:100%;height:auto;position:relative;text-align:center;margin-top:30px} .pro-fenjie .img img{max-width:100%;height:auto} .pro-fenjie-cp-bg{width:100%;height:auto;padding:80px 0;background-color:#f5f5f5} .fenjie-cp{width:1260px;height:auto;overflow:hidden;margin:0 auto} .fenjie-cp-left{width:24%;float:left;height:185px;overflow:hidden;padding:30px 30px 10px 40px;background:url('../images/gather/about-bg4.png') no-repeat;background-size:cover} .fenjie-cp-left h6{position:relative;font-size:20px;color:#fff;font-weight:bold;line-height:32px;padding-bottom:10px} .fenjie-cp-left h6::after{content:"";width:40px;height:1px;background-color:#fff;left:0px;bottom:0px;position:absolute} .fenjie-cp-left i{display:block;width:26px;height:26px;background:url('../images/gather/ico-1.png') #fff no-repeat center center;margin-top:16px} .fenjie-cp-right{width:74%;float:right;height:185px;overflow:hidden;position:relative} .yjian{width:100%;height:185px;background-color:#fff;padding:10px} .yjian .img{width:100%;height:120px;line-height:120px;text-align:center} .yjian .img img{max-width:100%;max-height:100%;overflow:hidden} .yjian p{line-height:35px;padding-top:10px;font-size:16px;color:#666;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .fenjie-cp-right .swiper-button-next,.fenjie-cp-right .swiper-button-prev{background-size:20px 20px;width:20px} .pro-yiny-main{width:100%;padding-top:80px} .pro-yiny{width:100%;height:auto;overflow:hidden;margin-top:60px} .yiny-pic{width:100%;height:auto;overflow:hidden;position:relative} .yiny-pic .img{width:100%;height:590px} .yiny-pic .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .yiny-pic:hover .img img{transform:scale(1.1)} .yiny-pic .text{width:100%;top:50%;transform:translate(0,-50%);position:absolute} .yiny-pic .text h6{text-align:center;user-select:none} .yiny-pic .text h6 img{max-width:100%;height:auto;overflow:hidden} .yiny-pic .text p{font-size:18px;color:#fff;font-weight:bold;text-align:center;padding-top:20px} .pro-yiny .swiper-button-next,.pro-yiny .swiper-button-prev{background-size:20px 36px} .pro-case-main{width:1260px;margin:0 auto;height:auto;overflow:hidden;padding:80px 0} .pro-case{width:100%;height:auto;overflow:hidden} .pro-case .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .pro-case .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition:all .4s ease-out} .pro-case .swiper-slide:hover .img img{transform:scale(1.1)} .pro-case .text{background-color:#f5f5f5;width:100%;padding: 10px;text-align:center;} .pro-case .text p{font-size:16px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease-out;} .pro-case .swiper-slide:hover .text p{color: #0081cc;} .pro-case .swiper-container{padding-bottom:60px!important} .pro-case .swiper-pagination{bottom:10px} .pro-case .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background: #0081cc;opacity:0.8;vertical-align:middle;position:relative} .pro-case .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border: 2px solid #0081cc;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform: scale(0);transition: all .5s;} .pro-case .swiper-pagination-bullet-active{opacity:1;} .pro-case .swiper-pagination-bullet-active:after{opacity: 1;transform: scale(1);} .pro-case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .pro-next{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#0288d6} .pro-next p{font-size:32px;color:#fff;font-weight:bold;text-align:center;overflow:hidden;padding-bottom:20px} .pro-next p span{padding-left:20px} .pro-next a{border:1px solid #fff;font-size:16px;color:#fff;padding:10px 0;border-radius:30px;margin:0 auto;text-align:center;display:block;width:136px;text-align:center} .pro-next a:hover{color:#0288d6;background-color:#fff} .join{width:100%;height:auto;padding-top:60px} .join-js{width:100%;height:auto;overflow:hidden;padding-top:30px} .join-js ul li{width:25%;float:left} .join-js ul li a{display:block} .join-js ul li h5{width:158px;height:158px;border-radius:100%;background-color:#0495e9;text-align:center;margin:0 auto;transition:all .4s ease-out;user-select:none} .join-js ul li h5 img{max-width:100%;height:auto;line-height:100px;padding-top:40px} .join-js ul li h5 p{font-size:20px;color:#fff;text-align:center;line-height:40px} .join-js ul li:hover h5{transform:translateY(-10px)} .join-fx-main{width:100%;height:auto;overflow:hidden;padding:60px 0;background-color:#f5f5f5} .join-fx{width:1260px;height:auto;overflow:hidden;margin:0 auto;margin-top:50px} .join-fx ul{margin-left:-2%} .join-fx ul li{width:48%;float:left;margin-left:2%;margin-bottom:2%;position:relative} .join-fx ul li .img{width:100%;height:auto;overflow:hidden} .join-fx ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .join-fx ul li:hover .img img{transform:scale(1.1)} .join-fx ul li p{position:absolute;font-size:16px;color:#fff;text-align:center;bottom:0px;left:0px;width:100%;line-height:40px} .join-fx ul li .text{position:absolute;width:100%;height:0%;left:0%;bottom:0%;background:rgba(0,0,0,.6);overflow:hidden;transition:all .5s} .join-fx ul li .text h4{font-size:16px;color:#fff;text-align:center;padding:40px 40px 20px 40px} .join-fx ul li .text h5{font-size:14px;color:#fff;line-height:24px;padding:0px 40px 40px 40px} .join-fx ul li:hover .text{height:100%} .join-fx ul li:hover p{display:none} .join-ys-main{width:100%;height:auto;overflow:hidden;padding:60px 0} .join-ys{width:1260px;height:auto;overflow:hidden;margin:0 auto;margin-top:50px} .join-ys ul{margin-left:-2%} .join-ys ul li{width:23%;float:left;margin-left:2%;margin-bottom:2%;position:relative} .join-ys ul li .img{width:100%;height:314px;overflow:hidden} .join-ys ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .join-ys ul li:hover .img img{transform:scale(1.1)} .join-ys ul li .text1{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translate(0,-50%);padding:20px} .join-ys ul li .text1 h6{text-align:center} .join-ys ul li .text1 h6 img{max-width:100%;height:auto} .join-ys ul li .text1 p{font-size:18px;color:#fff;padding-top:10px;text-align:center} .join-ys ul li:hover .text1{opacity:0} .join-ys ul li .text2{position:absolute;top:0px;left:0;height:0px;width:100%;padding:20px;overflow:hidden;opacity:0;transition:all .4s ease-out} .join-ys ul li .text2 h6{font-size:18px;color:#fff;padding-top:10px;text-align:center} .join-ys ul li .text2 p{font-size:14px;color:#fff;padding-top:20px;text-align:center;line-height:24px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:9} .join-ys ul li:hover .text2{height:100%;opacity:1} .join-case-main{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#1998db} .join-map{width:675px;height:590px;margin:0 auto;margin-top:30px;position:relative;overflow:hidden} .join-map .img{width:100%;height:auto;overflow:hidden;text-align:center} .join-map .img img{max-width:100%;height:auto;overflow:hidden} .map-dian{position:absolute;width:80px;font-size:16px;color:black;font-weight:bold;cursor:pointer;text-align:center} .map-dian:nth-child(1){top:55%;left:76%} .map-dian:nth-child(2){top:36%;left:66%} .map-dian:nth-child(3){top:80%;left:65%} .map-dian:nth-child(4){top:45%;left:50%} .map-dian:nth-child(5){top:60%;left:45%} .map-dian::before{content:'';display:block;width:80px;height:31px;background:url('../images/gather/join-map2.png') no-repeat center center;padding-bottom:5px} .map-dian.ontrue::before{background:url('../images/gather/join-map3.png') no-repeat center center} .map-dian.ontrue{color:#fe7b06} .map-dian:hover{color:#fe7b06} .map-dian:hover::before{background:url('../images/gather/join-map3.png') no-repeat center center} .join-site{width:1260px;height:auto;margin:0 auto;margin-top:50px;overflow:hidden;position:relative;border-radius:5px;background-color:#fff;padding:20px 30px} .site-title{width:100%;height:auto;overflow:hidden} .site-title ul li{float:left;margin-right:20px;font-size:18px;color:#666;padding-bottom:10px;border-bottom:3px solid #fff;cursor:pointer} .site-title ul li:hover{color:#0495e9;border-color:#0495e9} .site-title ul li.hover{color:#0495e9;border-color:#0495e9} .site-center{width:100%;overflow:hidden;margin-top:20px;display:none} .site-center-top{width:100%;height:auto;overflow:hidden} .site-center-top h4{font-size:18px;padding:10px 0 20px 0;color:#0495e9} .site-center-top h5{float:left;width:40%;padding-left:28px;font-size:18px;color:#333;background:url('../images/gather/join-map4.png') left 3px no-repeat} .site-center-top h6{float:left;width:40%;padding-left:28px;font-size:18px;color:#333;background:url('../images/gather/join-map5.png') left 3px no-repeat} .site-list{width:100%;height:auto;overflow:hidden;height:320px;overflow:auto} .site-list ul{width:100%} .site-list ul li{border-bottom:1px solid #f5f5f5;padding-top:15px;overflow:hidden;padding-bottom:10px;line-height:24px} .site-list ul li h5{float:left;width:40%;padding-right:10px;font-size:14px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .site-list ul li h6{float:left;width:60%;padding-right:10px;font-size:14px;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .site-search{position:absolute;width:280px;height:42px;background-color:#fff;right:30px;top:20px;padding-right:40px;box-sizing:border-box;font-size:0;border:1px solid #ddd;border-radius:4px;overflow:hidden} .site-search input{width:100%;box-sizing:border-box;border:none;height:100%;padding:0 10px;outline:none;font-size:14px;color:#000;display:block} .site-search-submit{width:40px;height:40px;cursor:pointer;display:inline-block;background:#0495e9 url("../images/public/search.png") no-repeat center center;position:absolute;right:0;top:0;z-index:3;transition:all .3s linear} .join-qyi-main{width:100%;height:auto;overflow:hidden;padding:80px 0} .join-qyi{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding-top:50px} .join-qyi ul{margin-left:-7%} .join-qyi ul li{width:18%;float:left;margin-left:7%;margin-bottom:5%;height:230px;background-color:#0495e9;border-radius:5px} .join-qyi ul li h5{padding:20px;line-height:120px;overflow:hidden;text-align:center;user-select:none} .join-qyi ul li h5 img{max-width:100%;height:auto} .join-qyi ul li p{padding-top:10px;text-align:center;font-size:18px;color:#fff} .join-qyi ul li:hover{background-color:#f59820} .join-tiaoj-main{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#f5f5f5} .join-tiaoj{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding-top:50px} .join-tiaoj ul{margin-left:-2%} .join-tiaoj ul li{width:18%;float:left;margin-left:2%;overflow:hidden} .join-tiaoj ul li .img{width:100%;height:224px;overflow:hidden} .join-tiaoj ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .join-tiaoj ul li:hover .img img{transform:scale(1.1)} .join-tiaoj ul li .text{width:100%;overflow:hidden;padding:20px;font-size:14px;color:#fff;line-height:24px;background-color:#0495e9} .join-tiaoj ul li .text p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3} .join-tiaoj ul li:hover .text{background-color:#333} .join-liuc-mian{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#1892d9} .join-liuc{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding-top:80px} .join-liuc ul{margin-left:-2%} .join-liuc ul li{width:14.666%;height:260px;float:left;margin-left:2%;margin-bottom:2%;background-color:#fff;border-radius:5px;padding:0 10px} .join-liuc ul li h5{width:80px;height:80px;border-radius:100%;margin:0 auto;margin-top:-40px;font-size:40px;color:#fff;text-align:center;line-height:80px;background-color:#27b0ff;user-select:none} .join-liuc ul li:hover h5{background-color:#f59820} .join-liuc ul li h6{text-align:center;padding:20px;line-height:100px} .join-liuc ul li h6 img{max-width:100%;height:auto} .join-liuc ul li p{font-size:15px;color:#0495e9;text-align:center;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3} .join-faq-main{width:100%;height:auto;overflow:hidden;padding:80px 0;background-color:#f5f5f5} .join-faq{width:1260px;height:auto;margin:0 auto;overflow:hidden;padding-top:50px} .join-faq-title{width:100%;height:auto;overflow:hidden;text-align:center} .join-faq-title ul li{display:inline-block;width:150px;height:50px;background-color:#fff;margin:0 8px;line-height:50px;font-size:18px;color:#444;text-align:center;cursor:pointer} .join-faq-title ul li.ontrue{background-color:#058ede;color:#fff} .join-faq-title ul li:hover{background-color:#058ede;color:#fff} .join-faq-center{margin-top:30px;width:100%;overflow:hidden;height:auto;display:none} .join-faq-center .swiper-container{padding-bottom:60px!important} .join-faq-center .swiper-pagination{bottom:10px} .join-faq-center .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#bbb;opacity:0.8;vertical-align:middle;position:relative} .join-faq-center .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #5abbda;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .join-faq-center .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#5abbda} .join-faq-center .swiper-pagination-bullet-active:after{opacity:1} .join-faq-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .faq-list{width:100%;height:auto;overflow:hidden} .faq-list ul li{width:100%;height:auto;border-bottom:1px solid #ededed;padding:10px 0 20px 0px} .faq-list ul li h5{font-size:16px;color:#333;line-height:40px;padding-left:30px;background:url('../images/gather/faq1.png') 3px 10px no-repeat} .faq-list ul li h6{font-size:14px;color:#999;line-height:24px;padding-left:30px;background:url('../images/gather/faq2.png') 3px 2px no-repeat;min-height:48px} .join-shenq-main{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:80px 0} .join-shenq-tit{width:100%;height:auto;overflow:hidden} .shenq-tit{float:left;margin-top:20px} .shenq-tit h6{font-size:26px;color:#222;position:relative;padding-bottom:16px} .shenq-tit h6::after{content:'';width:80px;height:2px;background-color:#0495e9;left:0px;bottom:0px;position:absolute} .shenq-tit-right{float:right;max-width:400px} .shenq-tit-right h5{float:left;padding-right:20px} .shenq-tit-right h6{float:left;font-size:18px;color:#333} .shenq-tit-right h6 span{font-size:100px;font-weight:bold;color:#008ada;line-height:1em} .join-message{width:100%;height:auto;overflow:hidden;padding:20px 0} .join-message h4{float:left;font-size:18px;color:#555;line-height:30px;padding-right:30px} .join-message h5{font-size:18px;color:#555;line-height:30px;float:left;margin-right:80px;overflow:hidden} .join-message_dain i{width:26px;height:30px;display:inline-block;background:url('../images/gather/join-38.png') no-repeat center center;position:absolute;margin-left:10px;cursor:pointer} .join-message_dain i.ontrue{background:url('../images/gather/join-39.png') no-repeat center center} .join-message2{width:100%;overflow:hidden;padding-top:10px} .join-message2 ul{margin-left:-1%} .join-message2 ul li{width:32.333%;height:60px;overflow:hidden;float:left;margin-left:1%;margin-bottom:30px} .join-message2 ul li input{width:100%;height:100%;font-size:16px;color:#555;padding:0 20px;box-sizing:border-box;border:1px solid #e6e6e6;display:block;font-family:"微软雅黑"} .join-message2 h6{width:100%;height:auto;overflow:hidden;margin-top:10px} .join-message2 h6 a{display:block;text-align:center;line-height:60px;color:#fff;font-size:18px;background-color:#0495e9;transition:all 1s} .join-message2 h6 a:hover{background-color:#086da7} .arena-one-bg{width:100%;height:auto;overflow:hidden;background-color:#f7f9fa;padding:60px 0} .arena-one{width:1260px;height:auto;overflow:hidden;margin:0 auto} .arena-shu{width:100%;height:auto;overflow:hidden;background-color:#fff;padding:60px 50px;margin-bottom:30px} .arena-shu ul li{float:left;width:30.333%;margin:0 1.5%;padding-left:90px} .arena-shu ul li:nth-child(1){background:url('../images/gather/are-01.png') no-repeat left center} .arena-shu ul li:nth-child(2){background:url('../images/gather/are-02.png') no-repeat left center} .arena-shu ul li:nth-child(3){background:url('../images/gather/are-03.png') no-repeat left center} .arena-shu ul li h5{font-size:20px;color:#8391a8;padding-top:8px} .arena-shu ul li h6{font-size:16px;color:#636e7f;font-weight:bold;line-height:44px} .arena-shu ul li h6 span{font-size:50px;color:#5c6779;font-weight:normal;font-family:'impact';padding-right:8px} .arena-xin-main{width:100%;height:auto;overflow:hidden;padding:20px 0 0 0} .arena-xin{width:100%;border:0px solid #e6e6e6;height:auto;overflow:hidden;background-color:#fff} .arena-xin-left{width:27%;height:530px;float:left;overflow:hidden;padding:20px 0 20px 20px;position:relative;border-right:1px solid #e6e6e6} .arena-xin-left h1{font-size:20px;color:#222;font-weight:bold} .xin-list{overflow:hidden;overflow-y:auto;position:relative;height:450px;margin-top:20px} .xin-list ul{padding-right:16px} .xin-list ul li{width:100%;padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid #e6e6e6;overflow:hidden} .xin-list ul li h5{font-size:15px;font-weight:normal;color:#222;padding-left:35px;background:url('../images/public/nadd.png') no-repeat 3px 3px;line-height:30px;position:relative;display:inline-block} .xin-list ul li h5 i{width:26px;height:11px;display:block;position:absolute;right:-27px;top:0px;background:url('../images/gather/ico-new.png') no-repeat} .xin-list ul li h6{font-size:14px;color:#666;line-height:26px} .arena-xin-right{width:73%;float:left;padding:10px;overflow:hidden;height:510px} .arena-two{width:100%;height:auto;overflow:hidden;padding:60px 0} .arena-list{width:1260px;height:auto;margin:0 auto;overflow:hidden} .arena-list ul li{width:48%;float:left;height:auto;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #f2f2f2;overflow:hidden} .arena-list ul li:nth-child(2n){float:right} .arena-list ul li .img{width:32%;float:left;height:118px;overflow:hidden} .arena-list ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .arena-list ul li:hover .img img{transform:scale(1.1)} .arena-list ul li .text{width:68%;float:left;padding-left:25px;overflow:hidden} .arena-list ul li .text h5{font-size:18px;color:#333;padding-bottom:10px} .arena-list ul li:hover .text h5{color:#22aeff} .arena-list ul li .text h6{font-size:14px;color:#888;line-height:26px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} .arena-list ul li .text h6 span{padding-right:10px} .arena-jianjie{width:1260px;height:auto;overflow:hidden;padding:60px 0;margin:0 auto} .arena-jianjie-top{width:100%;height:auto;overflow:hidden} .arena-jianjie-top h5{text-align:center;height:auto;padding:0 20px} .arena-jianjie-top h5 img{max-width:100%;height:auto;overflow:hidden} .arena-jianjie-top h6{padding-top:10px;font-size:34px;font-weight:bold;color:#111;text-align:center} .arena-jianjie-title{width:100%;height:auto;overflow:hidden;margin:40px 0 30px 0} .arena-jianjie-title ul{text-align:center} .arena-jianjie-title ul li{display:inline-block;width:140px;line-height:48px;border-radius:30px;background-color:#f4f4f4;text-align:center;font-size:18px;color:#333;cursor:pointer;margin:0 5px} .arena-jianjie-title ul li.ontrue{background-color:#0288d6;color:#fff} .arena-jianjie-title ul li:hover{background-color:#0288d6;color:#fff} .arena-jianjie-center{width:100%;height:auto;margin-top:10px;overflow:hidden;display:none} .jianjie-text{width:100%;height:auto;position:relative;padding:0 30px;font-size:16px;color:#888;text-align:center;line-height:34px} .jianjie-text::before{content:"";width:17px;height:15px;position:absolute;left:0px;top:0px;background:url('../images/gather/yin-1.png') no-repeat center center} .jianjie-text::after{content:"";width:17px;height:15px;position:absolute;right:0px;bottom:0px;background:url('../images/gather/yin-2.png') no-repeat center center} .jianjie-text h6{padding-top:6px} .jianjie-text h6 a{padding-left:24px;color:#3e94c7;background:url('../images/gather/ico-new6.png') left 3px no-repeat} .jianjie-word{width:100%;height:auto;overflow:hidden;margin-top:30px} .jianjie-word ul li{width:29.333%;float:left;margin:0 2% 2% 2%;overflow:hidden;text-align:center} .jianjie-word ul li h5{width:154px;height:154px;border-radius:100%;background-color:#2eaddc;margin:0 auto;text-align:center;line-height:154px;user-select:none} .jianjie-word ul li h5 img{max-width:100%;height:auto;padding:0 20px} .jianjie-word ul li h6{font-size:20px;color:#2eaddc;font-weight:bold;padding-top:10px} .jianjie-word ul li p{font-size:16px;color:#444;padding-top:6px} .jianjie-word ul li:nth-child(2) h5{background-color:#eeb44f} .jianjie-word ul li:nth-child(2) h6{color:#eeb44f} .jianjie-word ul li:nth-child(3) h5{background-color:#88b75d} .jianjie-word ul li:nth-child(3) h6{color:#88b75d} .arena-jianjie-map{width:100%;height:400px;overflow:hidden} #allmap1{width:100%;height:400px} .arena-pic-main{width:100%;height:auto;overflow:hidden;padding:80px 0;background:url('../images/gather/arena-bg.png') no-repeat center center;background-size:cover} .dongtu2{width:1200px;margin:0 auto;height:auto;overflow:hidden;padding-top:50px} .dongtu2 img{max-width:100%;height:auto;overflow:hidden} .dongtu2 .swiper-wrapper{padding-top:50px;padding-bottom:50px} .dongtu2 .swiper-wrapper .swiper-slide{position:relative;cursor:pointer} .dongtu2 .swiper-wrapper .swiper-slide-prev{height:360px!important;transform:translateX(-200px);z-index:8} .dongtu2 .swiper-wrapper .swiper-slide-prev img{height:100%!important;object-fit:cover} .dongtu2 .swiper-wrapper .swiper-slide-next{height:360px!important;transform:translateX(-200px);z-index:8} .dongtu2 .swiper-wrapper .swiper-slide-next img{height:100%!important;object-fit:cover} .dongtu2 .swiper-wrapper .swiper-slide-active{margin-top:-45px;width:800px!important;height:450px!important;z-index:10;transform:translateX(-200px)} .dongtu2 .swiper-wrapper .swiper-slide-active img{width:100%;height:100%} .dongtu2 .banner-prev,.dongtu2 .banner-next{position:absolute;z-index:4;top:50%;width:40px;height:100px;margin-top:-80px;cursor:pointer;user-select:none} .dongtu2 .banner-prev{left:0px;background:#36bbe1 url('../images/banL.png') no-repeat center center} .dongtu2 .banner-next{right:0px;background:#36bbe1 url('../images/banR.png') no-repeat center center} .dongtu2 .banner-prev:hover,.banner-next:hover{background-color:#eeb44f} .dongtu2 .swiper-pagination{bottom:10px} .dongtu2 .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative} .dongtu2 .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0} .dongtu2 .swiper-pagination-bullet-active{width:6px;height:6px;opacity:1;position:relative;background:#fff} .dongtu2 .swiper-pagination-bullet-active:after{opacity:1} .dongtu2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px} .arena-hjiang{width:1260px;height:auto;overflow:hidden;padding:60px 0 120px 0;margin:0 auto} .games-main{width:1260px;height:auto;overflow:hidden;padding:60px 0;margin:0 auto} .game-list-main{width:100%;height:auto;overflow:hidden;padding:30px 0} .game-list{width:100%;height:auto;background-color:#f5f5f5;padding:26px;margin-bottom:26px;position:relative;overflow:hidden} .game-list i{width:34px;height:34px;position:absolute;right:0px;top:0px;background:url('../images/gather/ico-new2.png') no-repeat} .game-list .img{width:50%;height:227px;overflow:hidden;float:left;padding-right:10px} .game-list .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out} .game-list:hover .img img{transform:scale(1.1)} .game-list .text{width:50%;float:left;padding-left:30px} .game-list .text h4{font-size:20px;color:#222;line-height:24px;height:50px} .game-list ul li{font-size:14px;color:#888;line-height:28px;padding-left:20px} .game-list ul li:nth-child(1){background:url('../images/gather/gam-01.png') 2px 8px no-repeat} .game-list ul li:nth-child(2){background:url('../images/gather/gam-02.png') 2px 8px no-repeat} .game-list ul li:nth-child(3){background:url('../images/gather/gam-03.png') 2px 8px no-repeat} .game-list ul li:nth-child(4){background:url('../images/gather/gam-04.png') 2px 8px no-repeat} .game-list ul li:nth-child(5){background:url('../images/gather/gam-05.png') 2px 8px no-repeat} .game-list .text .text1{width:100%;height:auto;overflow:hidden;padding-top:10px} .game-list .text .text1 h5{font-size:14px;color:#888;float:left;line-height:34px} .game-list .text .text1 h5 span{font-weight:bold;color:#0288d6} .game-list .text .text1 h6{float:right;width:100px;height:34px;background-color:#ff9205;border-radius:20px;font-size:14px;color:#fff;text-align:center;line-height:34px} .game-list .text .text2{width:100%;height:auto;overflow:hidden;padding-top:10px} .game-list .text .text2 h5{font-size:14px;color:#888;float:left;line-height:34px} .game-list .text .text2 h5 span{font-weight:bold;color:#0288d6} .game-list .text .text2 h6{float:right;width:100px;height:34px;background-color:#bdbdbd;border-radius:20px;font-size:14px;color:#fff;text-align:center;line-height:34px} .game-detail-title{width:100%;height:auto;overflow:hidden;position:relative;padding-bottom:26px} .game-detail-title h4{font-size:30px;color:#333;padding-right:110px;font-weight:bold} .game-detail-title .text1{width:100px;height:auto;overflow:hidden;padding-top:10px;position:absolute;right:0px;top:0px} .game-detail-title .text1 h5{font-size:14px;color:#888;line-height:34px;text-align:center} .game-detail-title .text1 h5 span{font-weight:bold;color:#0288d6} .game-detail-title .text1 h6{float:right;width:100px;height:34px;background-color:#ff9205;border-radius:20px;font-size:14px;color:#fff;text-align:center;line-height:34px} .game-detail-title .text1 h3{float:right;width:100px;height:34px;background-color:#c1c1c1;border-radius:20px;font-size:14px;color:#fff;text-align:center;line-height:34px} .game-detail-shijian{width:100%;height:auto;overflow:hidden;padding-bottom:20px} .game-detail-shijian ul li{font-size:14px;color:#888;line-height:28px;padding-left:20px} .game-detail-shijian ul li:nth-child(1){background:url('../images/gather/gam-01.png') 2px 8px no-repeat} .game-detail-shijian ul li:nth-child(2){background:url('../images/gather/gam-02.png') 2px 8px no-repeat} .game-detail-shijian ul li:nth-child(3){background:url('../images/gather/gam-03.png') 2px 8px no-repeat} .game-detail-shijian ul li:nth-child(4){background:url('../images/gather/gam-04.png') 2px 8px no-repeat} .game-detail-shijian ul li:nth-child(5){background:url('../images/gather/gam-05.png') 2px 8px no-repeat} .prizes-title{width:100%;height:auto;overflow:hidden;margin:10px 0 30px 0;border-bottom:1px solid #e5e5e5} .prizes-title ul li{font-size:20px;color:#333;font-weight:bold;padding:5px 20px;border-bottom:3px solid #fff;float:left;cursor:pointer} .prizes-title ul li.ontrue{color:#0288d6;border-color:#0288d6} .prizes-center{width:100%;height:auto;overflow:hidden;display:none;margin-bottom:20px} .prizes-one{font-size:15px;color:#666;line-height:35px} .prizes-two{width:100%;height:auto;overflow:hidden} .prizes-two table{width:100%;overflow:hidden;font-size:14px;color:#333;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;border-collapse:separate;border-spacing:0;text-align:center} .prizes-two table th{border-right:0px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f6f6f6;padding:20px 0;color:#333} .prizes-two table td{border-right:0px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:20px 0} .prizes-two p img{max-width:100%;margin-top:10px;height:auto} .game-rank{width:100%;height:auto;overflow:hidden;margin-bottom:20px} .rank-title{width:100%;height:auto;overflow:hidden;margin:10px 0;border-bottom:1px solid #e5e5e5} .rank-title h6{font-size:20px;color:#333;font-weight:bold;border-bottom:3px solid #ff9c1b;float:left;padding:0 20px;padding-bottom:10px} .rank{width:100;height:auto;overflow:hidden;margin-top:40px;overflow-x:auto} .rank table{width:100%;overflow:hidden;font-size:14px;color:#666;border-right:1px solid #f0efef;border-left:1px solid #f0efef;border-top:1px solid #f0efef;border-collapse:separate;border-spacing:0;text-align:center} .rank table th{border-right:0px solid #f0efef;border-bottom:0px solid #f0efef;background-color:#ff9c1b;color:#fff;padding:20px 0} .rank table td{border-right:0px solid #f0efef;border-bottom:0px solid #f0efef;padding:20px 0;min-width:100px} .rank table tr:nth-child(2n){background-color:#f7f7f7} .rank table td h4{color:#db7113} .rank-xs{margin-left:20px} .rank-xs h4{float:left;padding-right:5px} .rank-xs h5{float:left;line-height:69px;font-size:16px;color:#333;font-weight:bold} .rank-xs h6{float:left;line-height:69px} .user-video-container{width:1260px;height:auto;padding:60px 0;margin:0 auto} .user-video-top{width:100%;height:auto;overflow:hidden} .video-all{line-height:48px;background-color:#f5f5f5;border-radius:30px;float:left;overflow:hidden} .video-all h4{float:left;line-height:48px;padding:0 20px 0 25px;font-weight:bold;font-size:16px;color:#fff;background-color:#0288d6} .video-all a{display:block;float:left;padding:0 20px 0 20px;line-height:48px;font-size:16px;color:#666} .video-all a:hover{color:#0288d6} .video-all a.hover{color:#0288d6} .video-all span{float:left} .video-biao{float:right;overflow:hidden;height:auto} .video-biao a{display:block;line-height:48px;padding:0 26px;margin-left:10px;font-size:16px;color:#fff;border-radius:30px;float:left;background-color:#0288d6} .video-biao a:nth-child(1){background-color:#f9a108} .video-biao a:nth-child(2){background-color:#8b85ff} .video-biao a:nth-child(3){background-color:#54ba01} .video-biao a:hover{background-color:#3cb7ff} .user-video{width:100%;height:auto;overflow:hidden;padding:60px 0 0 0} .user-video ul{margin-left:-3%} .user-video ul li{float:left;margin-left:3%;margin-bottom:3%;width:30.333%;border-radius:5px;overflow:hidden} .user-video ul li .img{position:relative;width:100%;height:235px;overflow:hidden} .user-video ul li .img img{width:100%;height:100%;object-fit:cover} .user-video ul li .img i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url(../images/video2.png) no-repeat center center} .user-video ul li .img .biao{display:block;width:42px;height:42px;position:absolute;right:10px;top:10px} .user-video ul li .img .zan{width:21px;height:19px;position:absolute;bottom:20px;right:20px;background:url('../images/gather/video-xin.png') no-repeat;cursor:pointer} .user-video ul li .img .zan.ontrue{background:url('../images/gather/video-xin2.png') no-repeat} .user-video ul li .text{padding:20px;background-color:#f5f5f5;overflow:hidden} .user-video ul li .text h4{font-size:16px;color:#333;font-weight:bold} .user-video ul li .text h5{padding-top:10px;height:62px;overflow:hidden;font-size:14px;color:#999;line-height:26px} .user-video ul li .text h6{padding-top:4px;overflow:hidden;font-size:12px;color:#aaa;line-height:26px} .user-video ul li:hover .text{background-color:#0288d6} .user-video ul li:hover .text h4,.user-video ul li:hover .text h5,.user-video ul li:hover .text h6{color:#fff} .video_detail_left_title{width:100%;padding-bottom:20px;overflow:hidden;margin-bottom:10px;position:relative} .video_detail_left_title h3{font-size:22px;color:#333;line-height:24px;padding-right:50px} .video_detail_left_title .renqi-dain{position:absolute;width:44px;height:44px;right:0px;top:0px} .video-detail-center{width:100%;height:auto;overflow:hidden;margin-top:20px} .video-detail-center video{width:100%;height:auto} .video-detail-main{width:100%;height:auto;overflow:hidden;margin-top:10px;margin-bottom:30px} .video-detail-main .swiper-button-prev,.video-detail-main .swiper-button-next{width:24px;height:60px;color:#fff;line-height:60px;text-align:center;font-family:'宋体';font-size:30px;background:#0081cc;margin-top:-30px} .video-detail-main .swiper-button-prev{background:#0081cc url('../images/gather/swiper2-l.png') no-repeat center center} .video-detail-main .swiper-button-next{background:#0081cc url('../images/gather/swiper2-r.png') no-repeat center center} .video-detail-main .swiper-button-prev:hover,.video-detail-main .swiper-button-next:hover{background-color:#f9a108} .video-detail-main .swiper-button-prev{left:0px} .video-detail-main .swiper-button-next{right:0px} .video-detail-list{width:100%;height:auto;background-color:#000} .video-detail-list img{opacity:0.4;width:100%;height:auto} .video-detail-main .swiper-slide.swiper-slide-active .video-detail-list img{opacity:1} @media all and (max-width:1700px){.about-hz ul li .img{height:200px} .yiny-pic .img{height:486px}}@media all and (max-width:1599px){.about-hz ul li .img{height:180px} .yiny-pic .img{height:437px}}@media all and (max-width:1439px){.pro-list1,.pro-list2,.pro-gongn,.pro-fenjie,.fenjie-cp{width:92%} .pro-case-main,.join-ys,.join-qyi,.join-tiaoj,.join-liuc{width:92%} .join-faq,.join-shenq-main,.join-site,.arena-list{width:92%} .arena-one,.games-main{width:92%} .user-video-container{width:92%} .arena-jianjie{width:92%} .arena-hjiang{width:92%} .news-main{width:92%} .news_detail{width:92%} .video-container{width:92%} .case-detail{width:92%} .partner-container{width:92%} .more-pic{width:92%} .case-cp{width:92%} .about-shili{width:92%} .about-pinpai{width:92%} .about-gk,.about-culture,.teen-one,.teen-case-main,.teen-honor,.teen-pingj,.contact-list,.tea-sp,.tea-cep-main{width:92%} .join-fx{width:92%} .about-hz ul li .img{height:168px} .yiny-pic .img{height:412px}}@media all and (max-width:1359px){.about-hz ul li .img{height:160px} .about_mber ul li h5{font-size:50px} .about_mber ul li h6{font-size:16px} .about-hz ul li .text p{font-size:16px} .teen-one .text h5{font-size:24px} .teen-one .text h6{font-size:14px;line-height:30px} .pro-list2 ul li a{padding:0 15px} .yiny-pic .img{height:388px} .join-tiaoj ul li .img{height:200px} .join-liuc ul li p{font-size:14px} .arena-list ul li .text h5{font-size:16px} .arena-list ul li .text h6{line-height:20px} .user-video ul li .img{height:213px}}@media all and (max-width:1279px){ .teen-one .text h5{font-size:22px} .dongtu{width:92%} .dongtu2{width:92%} .yiny-pic .img{height:348px} .yiny-pic .text p{font-size:14px} .join-tiaoj ul li .img{height:180px} .join-liuc ul li p{font-size:12px} .user-video ul li .img{height:192px}}@media all and (max-width:1151px){}@media all and (max-width:1000px){.more-pic .swiper-pagination{display:none} .more-pic .text{width:100%;height:auto;padding:10px} .more-pic .text h5{font-size:18px;color:#fff;text-align:center;font-weight:bold;padding-top:10px} .more-pic .text h6{font-size:14px;color:#fff;text-align:center;line-height:22px;padding-top:10px} .more-pic .swiper-button-next,.more-pic .swiper-button-prev{width:30px;height:60px;margin-top:-30px;top:40%} .click-more2{margin:20px auto} .video_detail_left_title h3{font-size:16px} .user-video-container{padding:30px 0} .video-biao{width:100%;margin:20px 0} .video-biao a{width:33.333%;border-radius:0px;line-height:40px;padding:0;margin:0;text-align:center;font-size:14px} .user-video{padding:10px 0 0 0} .user-video ul{margin-left:0} .user-video ul li{width:100%;margin-left:0;margin-bottom:20px} .user-video ul li .img{height:auto} .user-video ul li .text{padding:14px} .user-video ul li .text h4{font-size:14px} .user-video ul li .text h5{height:50px;line-height:20px} .user-video ul li .text h6{line-height:20px} .games-main{padding:30px 0} .game-list{padding:14px;margin-bottom:20px} .game-list .img{width:100%;height:auto;overflow:hidden;float:left;padding-right:0px} .game-list .img img{width:100%;height:100%;object-fit:cover} .game-list .text{width:100%;float:left;padding-left:0px;padding-top:15px} .game-list .text h4{font-size:16px;line-height:22px} .game-detail-title{padding-bottom:10px} .game-detail-title h4{font-size:20px;padding-right:0px;font-weight:bold;padding-top:70px} .game-detail-title .text1{padding-top:0px;left:0px} .prizes-title{margin:10px 0 20px 0} .prizes-title ul li{font-size:18px;padding:5px 14px;border-bottom:2px solid #fff} .prizes-center{margin-bottom:20px} .prizes-one{font-size:14px;line-height:30px} .prizes-two table th{padding:10px 0} .prizes-two table td{padding:10px 0} .rank{margin-top:20px} .rank-title h6{font-size:18px} .rank table th{padding:10px 0} .rank table td{padding:10px 0} .rank-xs{margin-left:10px} .rank-xs h5{line-height:40px;font-size:14px} .rank-xs h6{line-height:40px} .video-detail-main .swiper-button-prev,.video-detail-main .swiper-button-next{height:50px;color:#fff;line-height:50px;font-size:24px;margin-top:-25px} .arena-one-bg{padding:30px 0} .arena-shu{padding:20px 20px} .arena-shu ul li{float:left;width:100%;margin:10px 0;padding-left:90px} .arena-shu ul li h5{font-size:16px;color:#8391a8;padding-top:8px} .arena-shu ul li h6{font-size:14px} .arena-shu ul li h6 span{font-size:40px} .arena-xin-left{width:100%;height:auto;padding:10px} .arena-xin-left h1{font-size:18px} .xin-list{height:auto} .xin-list ul{padding-right:16px} .xin-list ul li{padding-bottom:14px;margin-bottom:12px} .xin-list ul li h5{padding-left:30px} .xin-list ul li h6{line-height:24px} .arena-xin-right{width:100%;padding:10px;height:300px} .arena-two{padding:30px 0} .arena-list ul li{width:100%;margin-bottom:14px;padding-bottom:14px} .arena-list ul li .img{height:110px} .arena-list ul li .text{padding-left:10px} .arena-list ul li .text h5{font-size:14px} .arena-jianjie{padding:30px 0} .arena-jianjie-top h6{font-size:24px} .arena-jianjie-title{margin:30px 0} .arena-jianjie-title ul li{width:120px;line-height:40px;font-size:14px} .jianjie-text{font-size:14px;line-height:28px} .jianjie-word ul li{width:46%} .jianjie-word ul li h5{width:120px;height:120px;line-height:120px} .jianjie-word ul li h6{font-size:16px} .jianjie-word ul li p{font-size:14px} .arena-pic-main{padding:30px 0} .dongtu2{padding-top:0px} .dongtu2 .swiper-wrapper{padding-top:30px} .dongtu2 .swiper-wrapper .swiper-slide-active{margin-top:0px;width:100%!important;height:auto!important;z-index:10;transform:translateX(0)} .dongtu2 .swiper-wrapper .swiper-slide-active img{width:100%;height:auto} .dongtu2 .swiper-wrapper .swiper-slide-prev{height:auto!important;transform:translateX(0)} .dongtu2 .swiper-wrapper .swiper-slide-prev img{height:100%!important;object-fit:cover} .dongtu2 .swiper-wrapper .swiper-slide-next{height:auto!important;transform:translateX(0)} .dongtu2 .swiper-wrapper .swiper-slide-next img{height:100%!important;object-fit:cover} .dongtu2 .swiper-wrapper .swiper-slide{height:auto} .dongtu2 .banner-prev,.dongtu2 .banner-next{width:30px;height:50px;margin-top:-25px;cursor:pointer} .dongtu2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .arena-hjiang{padding:30px 0} .pro-list1-bg{top:60px} .pro-list1{line-height:44px;position:relative;overflow-x:auto} .pro-list1 span{display:none} .pro-list1 span a{font-size:14px;color:#fff;padding:0 10px} .pro-list1 ul{width:auto;display:block;float:none} .pro-list1 ul li{display:block;float:left;text-align:center;white-space:nowrap} .pro-list1 ul li a{line-height:44px;font-size:14px;padding:0;width:80px} .pro-list2-bg{position:fixed;top:100px;display:none} .pro-list2{line-height:44px} .pro-list2 span{display:none} .pro-list2 ul{float:left} .pro-list2 ul li{float:left;padding:0 10px} .pro-list2 ul li a{line-height:44px;font-size:14px} .float-more.click-more{bottom:14px} .click-more{width:150px;height:40px} .click-more h5{font-size:14px;line-height:40px} .pro-moder-main{padding-top:30px} .pro-moder-pic{padding-top:30px} .pro-moder-pic ul li{width:50%} .pro-moder-pic ul li .text{width:100%;height:200px;position:absolute;bottom:-150px;transition:all .4s} .pro-moder-pic ul li .text h6{padding:0 6px;font-size:14px;color:#fff;font-weight:normal;line-height:50px} .pro-moder-pic ul li .text p{font-size:12px;color:#fff;line-height:20px;padding:0 6px;padding-top:10px} .pro-fenjie-main{padding-top:30px} .pro-fenjie .img1{bottom:0px} .pro-fenjie-cp-bg{padding:30px 0} .fenjie-cp-left{width:100%;height:auto;padding:20px} .fenjie-cp-right{width:100%;margin-top:20px} .pro-yiny-main{padding-top:30px} .pro-yiny{margin-top:30px} .yiny-pic .img{height:300px} .pro-case-main{padding:30px 0} .pro-case{/* margin-top:30px; */} .pro-case .text{padding:10px} .pro-case .text p{font-size:14px} .pro-next{padding:60px 0} .pro-next p{font-size:24px} .pro-next a{width:120px;padding:6px 0} .join{padding-top:30px} .join-js ul li{width:50%;float:left;margin-bottom:20px} .join-js ul li h5{width:120px;height:120px} .join-js ul li h5 img{padding-top:20px} .join-js ul li h5 p{font-size:14px;line-height:40px} .join-fx-main{padding:30px 0} .join-fx{margin-top:30px} .join-fx ul li{width:100%;float:left;margin-left:0%;position:relative} .join-fx ul li .text h4{padding:20px 20px 10px 20px} .join-fx ul li .text h5{padding:0px 20px 20px 20px;font-size:12px} .join-fx ul li p{font-size:14px} .join-ys-main{padding:30px 0} .join-ys{margin-top:30px} .join-ys ul li{width:100%} .join-ys ul li .img{width:100%;height:200px;overflow:hidden} .join-ys ul li .text1{padding:10px} .join-ys ul li .text1 p{font-size:14px} .join-ys ul li .text2{padding:10px} .join-ys ul li .text2 h6{font-size:16px} .join-ys ul li .text2 p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5} .join-case-main{padding:30px 0} .join-map{width:92%;height:auto;margin-top:20px} .map-dian{font-size:12px;font-weight:normal;width:50px} .map-dian::before{content:'';display:block;width:50px;height:31px;background:url('../images/gather/join-map2.png') no-repeat center center;padding-bottom:5px} .map-dian.ontrue::before{background:url('../images/gather/join-map3.png') no-repeat center center} .map-dian:nth-child(1){top:45%;left:71%} .map-dian:nth-child(2){top:35%;left:62%} .map-dian:nth-child(3){top:65%;left:57%} .map-dian:nth-child(4){top:70%;left:67%} .map-dian:nth-child(5){top:33%;left:34%} .map-dian:nth-child(6){top:60%;left:44%} .join-site{margin-top:30px;padding:15px} .site-title{width:100%;height:auto;overflow:hidden} .site-title ul li{float:left;font-size:16px;color:#666;padding-bottom:6px;border-bottom:1px solid #fff;width:31.333%;margin:1%;text-align:center} .site-center-top h5{font-size:16px} .site-title{padding-top:56px} .site-search{position:absolute;width:90%;right:5%;top:20px;padding-right:40px} .site-search input{padding:0 6px} .join-qyi-main{padding:30px 0} .join-qyi{padding-top:30px} .join-qyi ul{margin-left:-5%} .join-qyi ul li{width:45%;float:left;margin-left:5%;margin-bottom:5%;height:200px} .join-qyi ul li h5{padding:30px 40px 10px 40px;line-height:90px;overflow:hidden;text-align:center} .join-qyi ul li h5 img{max-width:100%;height:auto} .join-qyi ul li p{font-size:16px;color:#fff} .join-tiaoj-main{padding:30px 0} .join-tiaoj{padding-top:30px} .join-tiaoj ul{margin-left:-2%} .join-tiaoj ul li{width:48%;float:left;margin-left:2%;overflow:hidden;margin-bottom:2%} .join-tiaoj ul li .img{height:auto} .join-tiaoj ul li .text{padding:16px 10px;font-size:12px;min-height:112px} .join-tiaoj ul li .text p{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3} .join-liuc-mian{padding:30px 0 0 0} .join-liuc{padding-top:60px} .join-liuc ul{margin-left:-4%} .join-liuc ul li{width:46%;height:200px;float:left;margin-left:4%;margin-bottom:50px;background-color:#fff;border-radius:5px;padding:0 10px} .join-liuc ul li h5{width:60px;height:60px;margin-top:-30px;font-size:30px;line-height:60px} .join-liuc ul li h6{text-align:center;padding:10px;line-height:80px} .join-faq-main{padding:30px 0} .join-faq{padding-top:30px} .join-faq-title ul li{width:22%;height:40px;background-color:#fff;margin:0 1%;line-height:40px;font-size:14px} .join-faq-center{margin-top:20px} .faq-list ul li{padding:5px 0 10px 0px} .faq-list ul li h5{font-size:14px} .faq-list ul li h6{font-size:12px} .join-shenq-main{padding:30px 0} .shenq-tit{float:left;margin-top:0px;margin-bottom:20px;width:100%} .shenq-tit h6{font-size:24px;padding-bottom:10px} .shenq-tit h6::after{width:50px;height:2px} .shenq-tit-right{float:right;width:100%} .shenq-tit-right h5{float:left;width:100%;text-align:center} .shenq-tit-right h6{float:left;font-size:16px;color:#333;width:100%;text-align:center;padding-top:20px} .shenq-tit-right h6 span{font-size:40px} .join-message{padding:40px 0 20px 0} .join-message h4{float:left;font-size:14px;color:#555;line-height:30px;padding-right:20px} .join-message h5{font-size:14px;color:#555;line-height:30px;float:left;margin-right:50px;overflow:hidden} .join-message2{padding-top:0px} .join-message2 ul{margin-left:0%} .join-message2 ul li{width:100%;height:44px;overflow:hidden;float:left;margin-left:0%;margin-bottom:10px} .join-message2 ul li input{font-size:14px;padding:0 10px} .join-message2 h6 a{line-height:44px;font-size:16px} .news-main{padding: 30px 0 10px;} .hyzx-picwords-matter ul li{width:100%;height:auto;margin-bottom:10px} .hyzx-picwords-matter ul li:last-child{padding:0px 0px 0px 0px} .hyzx-picwords{width:100%;margin-left:0%} .picwords-list{padding-bottom:16px;margin-bottom:10px} .hyzx-picwords-updown .swiper-button-next{right:0%} .hyzx-picwords-message p{margin-top:18px} .hyzx-picwords-updown .swiper-button-prev,.hyzx-picwords-updown .swiper-button-next{width:26px;height:60px;top:18%} .hyzx-picwords-updown .swiper-button-prev i,.hyzx-picwords-updown .swiper-button-next i{margin-top:20px} .hyzx-listwords ul{padding:20px 0} .hyzx-listwords-pic{width:100%;height:auto} .hyzx-listwords-words{width:100%;height:186px;padding:10px 0} .hyzx-listwords-words h4{font-size:16px} .picwords-list h4{font-size:14px} .picwords-list h4 span{font-size:14px} .picwords-list h5{font-size:14px;margin-top:0px} .news-center{/* margin-top:10px; *//* padding-top:20px; */} .news-center ul li{width:100%;margin-bottom:3px;padding: 10px 0;} .news-center ul li .text{width: 68%;padding-right:10px;} .news-center ul li .text h4{font-size:16px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .news-center ul li .text h5{font-size:12px;color:#888;line-height:22px;height:44px;margin:4px 0} .news-center ul li .text h6{font-size:14px;color:#555;font-family:'Arial'} .news-center ul li .img{width:32%;float: right;height:100px;} .video-container{padding: 30px 0 10px 0;} .video-list{margin-top:10px} .video-list ul li{margin:0 0px 1px 0;width:33.333%;border-right:1px solid #e1e1e1} .video-list ul li a{border-radius:0px;line-height:35px;padding:0px;font-size:14px;text-align:center} .video-list ul li:nth-child(3n){border-right:0px solid #ddd} .video-list ul li a:hover{background-color:#038edf;color:#fff} .video-list ul li a.hover{background-color:#038edf;color:#fff} .video-center{/* padding:30px 0; */} .video-center ul{margin-left:0%} .video-center ul li p{font-size:14px;} .news_detail_main{padding: 30px 0;} .news_detail_left_title{padding-bottom: 15px;} .news_detail_left_title h4{font-size: 17px;} .news_detail_left_title_ico{font-size: 12px;line-height: 30px;} .news_detail_left_title_ico h4,.news_detail_left_title_ico h5{font-size: 12px;} .news_detail_left_text{font-size:13px;line-height:26px;padding: 15px 0;} .news_detail_bottom{padding: 0;} .news_detail_bottom_left{width:100%} .news_detail_bottom_right{width:100%;text-align: center;display: none;} .news_detail_right{width:100%;margin-top:30px;border-left:0px;padding-left:0px} .news_detail_right1{padding-bottom:16px} .news_detail_right1 ul li{margin-bottom:14px} .news_detail_right1 ul li h6{font-size:14px;color:#666;height:44px;line-height:22px} .news_detail_left{width:100%} .case{/* padding:30px 0 0 0; */} .case ul{margin-left:0%} .case ul li{width:100%;margin:0 0 3% 0%} .case ul li .text{padding:14px} .case ul li .text h6{font-size:14px} .case-detail{padding:30px 0} .case-tit h5{font-size:24px} .case-tit h5::after{width:40px;height:3px} .case-cp{padding:30px 0} .case-cp ul{padding-top:30px;margin-left:0%} .case-cp ul li{width:100%;margin-left:0%;margin-bottom:4%} .case-cp ul li .text{padding:10px} .case-cp ul li .text p{font-size:14px} .about-gk{padding:30px 0} .about_mber{padding:30px 0 20px 0} .about_mber ul li{width:48%;margin:2% 1%} .about_mber ul li h5{font-size:38px;font-weight: bold;} .about_mber ul li h6{font-size:16px;padding:5px 5px 0 5px} .gk-text{line-height:28px;font-size:14px} .gk-text-more{line-height:28px;font-size:14px} .shili-text{line-height:28px;font-size:14px} .about-shili-box{padding:30px 0} .about-shili{padding-top:20px} .about-pinpai-box{padding:30px 0} .about-pinpai{padding-top:20px} .about-culture-main{padding:30px 0} .about-culture{padding:30px 0 0 0} .about-culture ul li{width:46%} .about-culture ul li h6{font-size:12px;min-height:110px} .abUs-comHist{padding:30px 0} .abUs-comHist img{width: 100%!important; height: auto!important;} .auCHistManSwiper-prev{left:0px} .auCHistManSwiper-next{right:0px} .auCHist-min{width:100%;padding:0 4%} .auCHist-man{width:100%;padding:0px;margin:1rem 0 0} .auCHman-box.cur .year{width:50px;height:50px;line-height:50px;font-size:14px;margin-left:-25px;top:-33px} .auCHman-box.cur .year:after{width:70px;height:70px;top:-10px;left:-10px} .auCHist-min{margin:1.2rem 0 0} .auCHist-min .swiper-container{padding:0px 0 1rem} .auCHmin-text{width:100%;float:left;padding:10px} .auCHmin-text h5{font-size:22px;color:#222;padding-left:35px} .auCHmin-text h6{font-size:14px;color:#666;line-height:24px} .auCHmin-img{float:right;width:100%;margin-top:20px} .auCHmin-img img{width:100%;height:auto;object-fit:cover} .about-hz{padding:30px 0;width:92%;margin:0 auto} .about-hz ul{margin-top:30px} .about-hz ul li{width:100%;margin:2% 0%;float:left;overflow:hidden} .about-hz ul li .img{height:auto} .about-hz ul li .text{padding:15px} .about-hz ul li .text p{font-size:14px} .about-jiaoliu{padding:0px;margin-top:30px} .about-jiaoliu .img{height:auto} .about-jiaoliu .text{width:100%;background-color:#f5f5f5;padding:14px;overflow:hidden} .about-jiaoliu .text p{font-size:14px} .about-jiaoliu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .honor{padding:30px 0 0 0} .honor ul{margin-left:0%} .honor ul li{width:100%;margin:0 0 3% 0%} .honor ul li .img{width:100%;height:auto;overflow:hidden} .honor ul li .text{padding:14px} .honor ul li .text h6{font-size:14px} .teen-one{padding:30px 0} .teen-one .text h5{font-size:18px} .teen-one .text h6{font-size:14px;line-height:24px} .teen-one-pic{padding-top:30px} .teen-one-pic ul li{width:33.333%;margin-bottom:20px} .teen-one-pic ul li h6{font-size:14px} .teen-one-pic ul li h5 img{width:50%} .teen-case-bg{padding:30px 0} .teen-case{margin-top:30px} .teen-case .text{padding:10px 4px} .teen-honor{padding:30px 0} .teen-honor ul{margin-top:30px;margin-left:0%} .teen-honor ul li{width:100%;float:left;margin-left:0%;position:relative} .teen-honor ul li .text h4{padding:20px 20px 10px 20px} .teen-honor ul li .text h5{padding:0px 20px 20px 20px} .teen-pingj{padding:30px 0} .teen-pjia{margin-top:30px} .teen-pjia2 .text h4{padding:20px 20px 10px 20px} .teen-pjia2 .text h5{padding:0px 20px 20px 20px} .contact-list{padding:30px 0 0 0;} .contact-list ul{display: flex;flex-wrap: wrap;justify-content: center;} .contact-list ul li{width:48%;float:left;margin:2% 1%;overflow:hidden} .contact-list ul li h5{font-size:16px;padding-top:15px} .contact-list ul li h6{font-size:14px;padding-top:15px;min-height:48px} .dongtu{padding-top:30px} .dongtu .swiper-wrapper .swiper-slide-active{margin-top:0px;width:100%!important;height:auto!important;z-index:10;transform:translateX(0)} .dongtu .swiper-wrapper .swiper-slide-active img{width:100%;height:auto} .dongtu .swiper-wrapper .swiper-slide-prev{height:auto!important;transform:translateX(0)} .dongtu .swiper-wrapper .swiper-slide-prev img{height:100%!important;object-fit:cover} .dongtu .swiper-wrapper .swiper-slide-next{height:auto!important;transform:translateX(0)} .dongtu .swiper-wrapper .swiper-slide-next img{height:100%!important;object-fit:cover} .dongtu .swiper-wrapper .swiper-slide{height:auto} .dongtu .banner-prev,.dongtu .banner-next{display:block;margin-top:0px} .tea-sp{padding:30px 0} .tea-sp h4{font-size:30px} .tea-sp-center{margin-top:30px} .sp-left{width:100%;height:auto} .sp-left video{height:auto!important;width:100%} .sp-right-title ul li{font-size:16px;font-weight:normal;margin-right:20px} .sp-right-center{margin-top:20px} .sp-right{width:100%;height:auto;padding:20px;margin-top:20px} .sp-right-center{width:100%;height:auto} .pub_title p{font-size:14px;padding-top:6px} .tea-cep-main{padding:30px 0} .tea-cep{margin-top:30px} .partner-container{padding:30px 0} .par-sea1{width:100%;height:44px;margin:0 0% 2% 0} .par-sea2{width:100%;height:44px;margin:0 0% 2% 0} .par-sea3{width:100%;height:44px;padding-right:40px} .partner_submit{width:40px;height:44px} .partner-map-main{padding:30px 0} .partner-map{height:auto} .partner-dian{width:100%;height:auto;overflow:hidden;border-right:0px;padding:10px} .partner-list table{overflow:auto} .partner-tu{width:100%;height:400px} .pro-gongn{padding:30px 0} .pro-gongn-tit h4{font-size:24px} .pro-gongn-tit h5{font-size:16px;font-weight:normal} .pro-gongn-tit h6{font-size:14px;line-height:22px;padding:0 5px} .pro-moder-tu .text h5{font-size:16px;padding:0 5px} .pro-moder-tu .text h6{font-size:12px;font-weight:normal;padding:0 5px} .pro-moder-tu .text2 h5{font-size:18px;padding:0 5px} .pro-moder-tu .text2 h6{font-size:12px;font-weight:normal;padding:0 5px} .pro-case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .join-faq-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .teen-case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .teen-pjia .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} .join-faq-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px} /*新增的*/}.curpage{border:1px solid #0081cc;color:#0081cc;display:inline-block;width:42px;height:42px;line-height:42px;line-height:42px;background-color:#f4f4f4;font-size:16px;margin:0 6px;border-radius:3px;font-style:normal} .sl{display: inline-block; width: 42px; height: 42px; line-height: 42px; background-color: #f4f4f4; font-size: 16px; color: #555; margin: 0 6px; border-radius: 3px;} .textyy1{text-shadow:5px 5px 5px #000} .textyy{text-shadow:1px 1px 1px #000} .caseplay{position: absolute; width: 82px; height: 82px; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; background: url('http://img.golfonline.cn/data/golfonline/imgaes/video1.png') no-repeat center center; cursor: pointer;} .case ul li .vimg::before{content: ''; width: 42px; height: 42px; position: absolute; right: 10px; bottom: 10px; background: url(http://tp.greenjoyclub.com/video3.png) no-repeat; z-index: 8;} /* case-more */ .more-main-box{position: fixed;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);left: 0;top: 0;z-index: 99999;opacity: 0;margin: 0 auto;left: auto;right: auto;} .more-main{width: 90%;margin: 0 auto;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none; max-width: 900px;background: #fff url('http://stimages.greenjoyclub.com/casemore.jpg') no-repeat top center;background-size: 100%;} .moreClose{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 9;cursor: pointer;user-select: none;transition: all .3s ease-in-out;font-size: 18px;line-height: 30px;text-align: center;color: #000;font-family: 'Arial';background-color: #fff;} .moreClose:hover{color: #22aeff;} .casemore{width: 100%;padding: 60px 50px;min-height: 200px;overflow: hidden;} .casemore ul li{width: 25%;float: left;line-height: 40px;text-align: center;font-size: 16px;color: #333;white-space:nowrap; //强制不换行 overflow:hidden; //自动隐藏文字 text-overflow: ellipsis; //文字隐藏后添加省略号 -o-text-overflow:ellipsis;} .casemore ul li:hover{color: #22aeff;transition: all .3s ease-in-out;} @media all and (max-width:1000px){.casemore ul li{width: 100%}.more-main{max-height: 720px;}.case-text img{width: 100%!important; height: auto!important;}.news_detail_left_text img{width: 100%!important; height: auto!important;}} .contact-one{width: 1260px;height: auto;overflow: hidden;margin: 0 auto;padding: 60px 0;padding-top:0;padding-left: 60px;} .contact-one-left{width: 60%;float: left;padding-right: 20px;padding-top: 40px;} .contact-one-left h4{font-size: 18px;color: #333;padding-bottom: 14px;} .contact-one-left ul li{font-size: 16px;color: #666;line-height: 36px;} .contact-one-left ul li span{float: left;width: 30px;padding-right: 10px;user-select: none;} .contact-one-right{width: 40%;float: left;padding-top: 40px;} .contact-one-right h6{/* padding-top: 40px; */float: left;margin-right: 50px;} .contact-one-right h6 img{max-width: 120px;height: auto;} .contact-one-right h6 p{font-size: 16px;color: #9b9b9b;text-align: center;padding-top: 5px;} @media all and (max-width:1000px){.contact-one{width: 92%;} .contact-one{padding: 0px 0;} .contact-one-left{width: 100%;height: auto;padding-top: 30px;} .contact-one-left ul li{font-size: 14px;line-height: 30px;} .contact-one-right{width: 100%;float: left;padding-top: 20px;text-align: center;padding-bottom: 30px;} .contact-one-right h6{float: none;padding-top: 0px;margin: 0 10px;display: inline-block;vertical-align: top;} .contact-one-right h6 p{font-size: 14px;}} .case1{width:100%;height:auto;/* padding:50px 0 0 0; */} .case1 ul{margin-left:-2%} .case1 ul li{width:23%;float:left;margin:0 0 2% 2%;height:auto;overflow:hidden;transition: all .4s ease-out;} .case1 ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);} .case1 ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .case1 ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: contain;object-position: center;transition:all .4s ease-out;} .case1 ul li:hover .img img{transform:scale(1.1)} .case1 ul li .text{padding:20px;background-color:#f5f5f5;overflow:hidden} .case1 ul li .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/pro_jian4.png') right center no-repeat;padding-right:20px} .case1 ul li:hover .text h6{color:#0288d6;background:url('../images/pro_jian5.png') right center no-repeat} .case1-detail{width:1260px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0} .case1-tit{width:100%;height:auto;overflow:hidden} .case1-tit h5{position:relative;float:left;font-size:40px;color:#2c98d6;padding-bottom:20px;font-weight:bold} .case1-tit h5::after{content:"";width:60px;height:5px;position:absolute;left:0;bottom:0px;background-color:#2c98d6} .case1-text{width:100%;height:auto;overflow:hidden;padding-top:20px} .case1-text h4{font-size:22px;color:#222;line-height:30px;font-weight:bold;padding:10px 0} .case1-text p{font-size:16px;color:#777;line-height:32px;padding-bottom:15px} @media all and (max-width:1000px){.case1{/* padding:30px 0 0 0; */} .case1 ul{margin-left:0%} .case1 ul li{width:100%;margin:0 0 3% 0%} .case1 ul li .text{padding:14px} .case1 ul li .text h6{font-size:14px} .case1-detail{padding:30px 0} .case1-tit h5{font-size:24px} .case1-tit h5::after{width:40px;height:3px} .case1-text p{font-size:14px;color:#777;line-height:24px;padding-bottom:10px}} @media (max-width: 768px){ .case ul li,.case1 ul li,.video-center ul li{width: 48.5%;margin: 0 3% 3% 0;} .case ul li:nth-child(2n),.case1 ul li:nth-child(2n),.video-center ul li:nth-child(2n){margin-right: 0;} .case ul li .text,.case1 ul li .text{padding: 10px;} .video-center ul li i{transform: scale(.8);} .video-center ul li p{line-height: 30px;}} /*feedback*/ .ny_feed_ny{width:100%;padding: 2em 0;height:auto;overflow:hidden} .ny_feed_tit{padding-bottom:10px; border-bottom:1px solid #e6e6e6; text-align:center; color:#787878; font-weight:normal; margin-bottom:30px} .ny_feed_tit span{font-size: 24px;font-weight:bold;color: #0081cc;display:block;line-height:30px;padding-bottom: 10px;} .ny_feed_ny form{width:60%; margin:40px auto 0 auto} .lyb{position: relative;width:100%;margin:5px auto;} .lyb input{width:100%;border:1px solid #e7e7e7;color:#999;height: 48px;font-size:1.1em;text-indent: 10px;} .lyb textarea{width:100%;border:1px solid #e7e7e7;color:#999;height:100px;font-size:1.1em;text-indent: 10px;} .lyb img{position: absolute;top: 3px;right: 3px;} .lyb_tj{width:50%; margin:2em auto;} .lyb_tj input{width:100%;background-color: #0081cc;border: 1px solid #0081cc;color:#fff;height:3em;font-size: 1.3em;border-radius:30px;cursor: pointer;} @media (max-width:1199px){.ny_feed_ny form{width:70%; margin:30px auto 0 auto}} @media (max-width:991px){.ny_feed_ny form{width:80%;}} @media (max-width:640px){.ny_feed_ny form{width:100%;} .lyb{width:100%;} .lyb_tj input{height: 2.5em;}} .case-detail .show_box{display: flex;flex-flow: row wrap;align-items: flex-start;/* padding: 20px 0 30px; */overflow: hidden;} .case-detail .zutu{width: 100%;display: flex;flex-flow: row wrap;padding: 2%;background-color: #f2f2f2;} .case-detail .gallery{float: left;width: 40%;} .case-detail .gallery .gallery-top{/* border: 1px solid #ddd; */} .case-detail .gallery .gallery-top .swiper-slide{cursor: pointer;} .case-detail .gallery .gallery-top .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 75%;} .case-detail .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;} .case-detail .gallery .thumbs{position: relative;margin-top: 10px;padding: 0 33px;overflow: hidden;} .case-detail .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: 2px solid #eee;box-sizing: border-box;transition: all .5s ease;} .case-detail .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 75%;cursor: pointer;} .case-detail .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;} .case-detail .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #0081cc;} .case-detail .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #0081cc;opacity: 0.8;vertical-align: middle;position: relative;} .case-detail .swiper-pagination .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #0081cc;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;} .case-detail .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;} .case-detail .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;transform: scale(1);} .case-detail .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;} .case-detail .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity: .35;} .case-detail .gallery .swiper-button-disabled{pointer-events: auto !important;} .case-detail .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;} .case-detail .gallery .swiper-button-next{left: auto;right: 0;} .case-detail .info{float: left;min-width: 200px;padding-left: 3%;flex: 1;} .case-detail .info .box{margin-bottom: 20px;} .case-detail .info .box h3{color: #262626;font-size: 26px;line-height: 1.4;font-weight: bold;padding-bottom: 20px;} .case-detail .info .txt{font-size: 14px;line-height: 1.8;color: #666;min-height: 195px;padding: 20px 0px;word-break: break-word;border-top: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc;} .case-detail .info .btn{padding-bottom: 10px;white-space: nowrap;} .case-detail .info .btn a{display: inline-block;max-width: 45%;color: #fff;font-size: 14px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;background: #0081cc;transition: all .5s ease;} .case-detail .info .btn a:hover{background: #065e91;} .case-detail .info .tel{display: flex;font-family: arial;font-size: 14px;line-height: 30px;white-space: nowrap;} .case-detail .info .tel a{color: #707070;display: flex;align-items: center;} .case-detail .info .tel a:first-child{margin-right: 20px;} .case-detail .info .tel i{color: #0081cc;font-size: 16px;margin-right: 5px;} .case-detail .info .tel a:hover{color: #005faf;} .case-detail .pro_show{width: 100%;margin-top: 20px;} .case-detail .pro_show .tit{color: #333;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;background: #f5f5f5;border-bottom: 4px solid #0081cc;height: 70px;} .case-detail .pro_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;} .case-detail .pro_show .content p{color: #666;font-size: 16px;padding-bottom: 15px;line-height: 1.8;} .case-detail .pro_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;} @media only screen and (max-width: 1400px){ .case-detail .gallery{width: 43%;}} @media only screen and (max-width: 1200px){ .case-detail .gallery{width: 50%;}} @media only screen and (max-width: 1024px){ .case-detail .gallery{float: none;width: 100%;} .case-detail .gallery .thumbs{/* display: none; */} .case-detail .info{float: none;width: 100%;padding: 0;} .case-detail .info .box{margin-bottom: 15px;} .case-detail .info .box h3{font-size: 20px;font-weight: bold;padding: 10px 0px;} .case-detail .info .txt{font-size: 13px;line-height: 1.6;padding: 10px 0px;min-height: auto;} .case-detail .info .btn{display: flex;justify-content: space-between;} .case-detail .info .btn a{max-width: 48%;width: 100%;line-height: 2.5;} .case-detail .pro_show .tit{font-size: 20px;line-height: 50px;height: 50px;}}