button,input,textarea{border: none;outline: none;background:none;} .sizingbox{box-sizing:border-box;} /*.icon-yanjingbiyan:before{ position: relative;top: -6px;}*/ .no_bg .site_banner .blank_20{display:none;} .index_time{font-weight: bold;left: 24px;margin-bottom: 10px;} .index_time em{display: none;} .index_time span{margin-right:10px;} @media only screen and (max-width:767px) { .index_time{margin-bottom: 5px;} } /*kaiyun体育全站*/ .index_01{ background: #fdfefe;} .index_01 dl{overflow: hidden;position: relative;margin-bottom: 30px;} .index_01 dt{position: absolute;top:0;left: 0;width: 39%;height: 93%;box-sizing:border-box;background: url(../images/index_bg01.jpg) no-repeat center center;background-size: cover;color: #fff;padding: 40px 130px 0 80px;} .index_01 dt h2{line-height:48px;max-height: 96px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 50px;} .index_01 dd{width: 69.7%;padding-top: 60px;float:right;z-index: 2;position: relative;} .index_01 dd img{width: 100%;} .index_01 .index_more{text-align: left;} .index_04,.index_01{padding: 80px 0px;} .index_04{padding-bottom: 60px;} .index_news ul{overflow: hidden;margin: 0 -14px;} .index_news li{float: left;width: 33.33%;} .index_news dl{margin: 0 14px;border: 1px solid #e1e1e1;} .index_news h3{ -webkit-line-clamp: 2;} .index_news p{ -webkit-line-clamp: 3;} .index_news h3{height:52px;margin-bottom: 20px;} .index_news p{height: 66px;color: #181818;} .index_news dd{padding: 40px;padding-bottom: 50px;} .index_05{padding: 80px 20px 100px 20px;color: #fff;} .index_05 .index_title{color: #fff;margin: 0;} .index_list01 li{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: none;} .index_list01 li img{display: none;} .index_list01 li .blank_30{position: absolute;top:0;right: 0;width: 40%;height: 100%;background: rgba(0,0,0,0.3);} .index_02{position: relative;} .index_02 .wrap{position: relative;z-index: 2;padding-top: 170px;} .index_02 .index_title{text-align: left;} .index_02 .index_title h1{margin-bottom: 10px;} .index_02,.index_02 .index_title{color: #fff;} .index_pro{padding-top: 20px;overflow: hidden;} .index_list02{float: left;width: 780px;} .index_list02 ul{overflow: hidden;} .index_list02 li{float: left;text-align: center;margin-right: 45px;cursor: pointer;} .index_list02 li dl{margin-top: 50px;} .index_list02 li:last-child{margin-right: 0;} .index_list02 li dt{width: 135px;height: 143px;background: url(../images/index_ic_bg_02.png) no-repeat center center;background-size:100% 100%;} /*.index_list02 li p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 5px;}*/ .index_list02 li:nth-child(2) dt{background: url(../images/index_ic_bg_02.png) no-repeat center center;background-size:100% 100%;} .index_list02 li:nth-child(3) dt{background: url(../images/index_ic_bg_03.png) no-repeat center center;background-size:100% 100%;} .index_list02 li:nth-child(4) dt{background: url(../images/index_ic_bg_04.png) no-repeat center center;background-size:100% 100%;} .index_list02 li dd{width: 230px;height: 250px;display: none;background: url(../images/index_ic_bg_on.png) no-repeat center center;background-size:100% 100%;color: #2c2b2b;} .index_pro_p{width: 160px;margin: auto;padding-top: 80px;} .index_pro_p p{line-height:22px;max-height: 44px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_pro_p h4{border-bottom:1px solid #dedede;padding-bottom: 15px;margin-bottom: 15px;font-weight: 100;line-height: 36px;} .index_ic{margin-bottom: 10px;padding-top: 30px;} .index_ic img{width: 40px;height: 40px;} .index_list02 li.on dl{margin-top: 0;} .index_list02 li.on dt{display: none;} .index_list02 li.on dd{display: block;} .index_re{width:415px;float: right;} .index_re li{display: none;} .index_re li:first-child{display: block;} .index_list01 li:first-child{display: block;} .index_re .index_more{text-align: left;} .index_re h3{line-height: 48px;max-height: 96px; margin-bottom: 30px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_re p{font-weight: 100;padding-bottom: 20px; line-height: 30px;max-height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width:1660px) { .index_01 dt{padding-left: 40px;} .index_01 dt h2{font-size: 36px;line-height: 44px;max-height: 88px;} .index_list02 li{margin-right: 30px;} .index_list02 li dd{width: 190px;height: 210px;} .index_pro_p{padding-top: 66px;} .index_list02 li dl{margin-top: 34px;} .index_list02{width: 690px;} .index_02 .wrap{padding-top: 120px;} .index_re p{padding: 0;} } @media only screen and (max-width:1440px) { .index_05{padding: 70px 20px;} .index_01 dt h2{font-size: 30px;line-height: 36px;max-height: 72px;} .index_01 dt{padding: 40px;padding-right: 90px;} .index_news dd{padding: 30px;} } @media only screen and (max-width:1366px) { .index_list02 li{margin-right: 20px;} .index_list02 li dd{width: 160px;height: 180px;} .index_pro_p h4{padding-bottom: 10px;margin-bottom: 10px;line-height: 30px;} .index_pro_p{width: 125px;padding-top: 50px;} .index_list02{width: 630px} .index_list01 li .blank_30{width: 43%;} .index_pro{padding-top: 0;} .index_02 .wrap{padding-top: 100px} .index_list02 li dl{margin-top: 22px;} } @media only screen and (max-width:1280px) { .index_list02 li dt{width: 120px;height: 128px;} .index_ic{margin-bottom: 5px;} .index_ic{padding-top: 25px;} .index_list02 li dd{width: 140px;height: 160px;} .index_pro_p h4{padding-bottom: 5px;margin-bottom: 5px;} .index_pro_p{padding-top: 46px;} .index_list02{width: 570px;} .index_re{width: 400px;} .index_02 .wrap{padding-top: 60px;} .index_list02 li dl{margin-top: 16px;} } @media only screen and (max-width:1170px) { .index_list02{float: none;margin-bottom: 30px;} .index_re{float: none;width: 100%;} .index_list01 li .blank_30{display: none;} .index_title{margin-bottom: 20px;} .index_02{height: auto !important;} .index_02 .wrap{padding: 50px 0;} .index_re h3{font-size: 24px;line-height: 30px;max-height: 60px;margin-bottom: 10px;} .index_news ul{margin: 0 -10px;} .index_news dl{margin: 0 10px;} } @media only screen and (max-width:1024px) { .index_04,.index_01{padding: 50px 0;} .index_news h3{margin-bottom: 10px;} .index_news dd{padding: 20px;} .index_news h3{height:48px;} .index_01 dt{position: static;width: 100%;padding: 20px;} .index_01 dt h2{font-size: 20px;margin-bottom: 10px;} .index_01 dd{padding-top: 20px;width: 100%;float: none; line-height: 28px;max-height: inherit;} .index_01 .index_more{text-align: center;} } @media only screen and (max-width:767px) { .index_04,.index_01{padding: 30px 0;padding-bottom: 10px;} .index_01{padding-bottom: 20px;} .index_05{padding: 40px 20px;} .index_news dl,.index_news ul{margin: 0;} .index_news li{float: none;width: 100%;margin-bottom: 20px} .index_news h3{max-height:48px;height: auto;} .index_news p{max-height: 66px;height: auto;} .index_01 dt h2{font-size: 18px;} .index_list02 li{float: none;margin: 0;width: 50%;float: left;margin-bottom: 10px;} .index_list02{width: 100%;} .index_list02 li:nth-child(2n+1){clear: both;} .index_list02 li dt,.index_list02 li dd{margin: auto;} .index_list02 li dt{width: 100px;height: 108px;} .index_ic{padding-top: 20px;} .index_list02 li dd{width: 120px;height: 140px;} .index_pro_p{padding-top: 36px;} .index_pro_p h4{line-height: 24px;} .index_pro_p{width: 100px;} .index_pro_p p{line-height: 20px;max-height: 40px;} .index_re h3{font-size: 18px;line-height: 24px;max-height: 48px;} } /*联系我们*/ .contact{position: relative;height: 820px;overflow: hidden;} .map{height: 100%;width: 100%;margin-left: -210px;} .map_text{position: absolute;top:0;right: 0; width:500px;height: 94%;background: url(../images/contact_bg.jpg) no-repeat 0 center;background-size: cover;padding: 80px 70px;color: #fff;} .map_text h1{line-height: 54px;margin-bottom: 50px;} .c_address li{line-height: 26px;overflow: hidden;margin-bottom: 20px;} .c_address li span{float: left;width: 30px;} .c_address li img{width: 22px;vertical-align:middle;height: 22px;} .c_address li p{float: right;width: calc(100% - 30px)} .c_address li a{color: #fff;} .c_link{padding-top: 30px;padding-bottom: 60px;} .c_link span{display: block;} .c_link a{color: #fff;} .c_ewm{overflow: hidden;} .c_ewm dl{text-align: center;float: left;width: 150px;} .c_ewm dt{width: 100px;height: 100px;margin: auto;margin-bottom: 10px;overflow: hidden;} .c_ewm dt img{width: 100%;height: 100%;} @media only screen and (max-width:1440px) { .map_text{padding: 60px;} .map_text h1{line-height: 44px;margin-bottom: 30px;} .c_link{padding-bottom: 40px;} .contact{height: 690px;} } @media only screen and (max-width:1024px) { .contact{height: auto;} .map{margin: 0;height: 250px} .map_text{position: static;padding:30px;width: 100%;} .map_text h1{margin-bottom: 20px;} .c_link{padding: 20px 0;} .c_address li{margin-bottom: 10px;} .c_address li:last-child{margin-bottom: 0;} } @media only screen and (max-width:767px) { .map{height: 200px} .map_text{position: static;padding:20px;width: 100%;} .map_text h1{margin-bottom: 10px;} .c_link{padding: 20px 0; font-size: 12px;} .c_ewm dl{margin: 0;width: 48%;text-align: center;} .c_ewm dl:last-child{float: right;} .c_ewm dd{font-size: 12px;} } /*网站地图*/ .map_site ul{overflow: hidden;} .map_site li{float: left;width: 25%;margin-bottom: 60px;} .map_site dl{height: 410px;padding:0 50px;padding-right: 20px; border-left:1px solid #d9dadb;} .map_site dt{position: relative;height: 80px; margin-bottom: 20px;} .map_site dt i{position: absolute;top:0;left: -51px; width: 3px;height: 100%; /*background:url(../images/map_line.jpg) no-repeat; background-size: 100% 100%;*/ background: #1b6652; } .map_site p{line-height: 36px;margin-bottom: 10px;} .map_site p:last-child{margin-bottom: 0;} @media only screen and (max-width:1440px) { .map_site dt{height: 50px;} .map_site dl{padding-left: 40px;} .map_site dt i{left: -41px;} } @media only screen and (max-width:1024px) { .map_site dt{height: 40px;line-height: 40px; margin-bottom: 10px;} .map_site p{line-height: 24px;} .map_site dl{height: 280px;padding: 0 20px;} .map_site dt i{left: -21px;} } @media only screen and (max-width:767px) { .map_site{padding-bottom: 30px;} .map_site dl{height: auto;padding: 0;border: 0;} .map_site li{float: none;width: 100%;padding: 20px 0;padding-bottom: 10px; margin: 0; border-bottom: 1px solid #d9dadb;} .map_site dt i{left: 0;} .map_site dd{overflow: hidden;} .map_site dd p{float: left;margin-right: 30px;} .map_site li:last-child{border: 0;} .map_site dt{height: 30px;line-height: 30px;padding-left: 10px;position: relative;margin-bottom: 20px;} } /*产品*/ .pro_banner .index_01 dt h2{margin: 0;position: relative; height: 100%;max-height: inherit;} .pro_banner .index_01 dt{padding-top: 0;padding-bottom: 0;} .pro_banner .index_01 dt h2 span{width: 100%;} .pro_banner .index_01 dl{margin:0;} .pro_banner .index_01{padding: 60px 0;} .pro_list ul{overflow: hidden;} .pro_list li{float: left;width: 25%;margin-bottom: 20px;} .pro_list li dl{text-align: center;padding: 20px;} .pro_list dt img{width: 215px;max-width: 100%;} .pro_list dt{margin-bottom: 20px;} .pro_list h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_type dl{overflow: hidden;padding: 24px 0;padding-bottom: 4px; border-bottom: 1px solid #e2e2e2;line-height: 36px;} .pro_type li:first-child dl{padding-top: 0;} .pro_type dt{float: left;} .pro_type dd{float:left;width: calc(100% - 150px)} .pro_type dd a{display: inline-block;padding: 0 30px;margin-bottom: 20px;} .pro_type dd a.on{ /*background: url(../images/type_on.png) no-repeat center center;background-size: 100% 100%;*/ background: #1b6652;color: #fff!important;border-radius: 30px; } @media only screen and (max-width:1024px) { .pro_banner .index_01 dt h2 span{position: static; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .pro_banner .index_01 dt{padding: 10px 20px;} .pro_banner .index_01{padding: 40px 0;} .pro_list li{width: 33.33%;} .pro_list dt{margin-bottom: 10px;} .pro_list li dl{padding: 10px;} .pro_type dd a{margin-bottom: 10px;} .pro_type dl{padding-top: 14px;line-height: 30px;} .pro_type dd a{padding: 0 10px;border: 2px solid #fff;border-radius: 20px;} .pro_type dd a.on{background: none;border-left-color: #f6921f;border-top-color: #b6dc7f;border-right-color: #10b3e5;border-bottom-color: #b6dc7f;} } @media only screen and (max-width:767px) { .pro_banner .index_01{padding: 60px 0 30px;} .pro_list li{width: 50%;} .pro_type dt,.pro_type dd{float: none;width: 100%;} .pro_type dt{margin-bottom: 10px;} .pro_type dd a{margin-bottom: 5px;} .pro_type dl{padding: 10px 0;padding-bottom: 6px;} } /*产品验真*/ .verification {padding: 180px 0;} .verification_form{width: 480px;margin: auto;} .verification_form h1{text-align: center;margin-bottom: 50px;} .verification_form li{overflow: hidden;margin-bottom: 30px;} .verification_form input{width: 100%;height: 48px;line-height: 48px;border-radius: 22px;border: 1px solid #ababab;padding: 0 20px; } .verification_form input[type="password"]{padding-right:70px;} .verification_form .v_code .codeimg{width: 148px;height: 48px;border-radius:30px;float: right;overflow: hidden;cursor: pointer;} .verification_form .v_code .codeimg img{width: 100%;height:100%; } .verification_form .v_code input{width: calc(100% - 156px);float: left;} .v_button{text-align: center;padding-top: 15px;} .v_button button,.v_button a{display: inline-block; width: 100%;height: 48px;line-height: 48px;background: #30a0bf;color: #fff;border-radius: 22px;} .v_blank_70,.v_tac{display: none;} .v_blank_70{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 9999;} .v_tac{background:#fff;z-index: 99992;position: fixed;box-sizing:border-box;width: 716px;height: 474px;padding: 90px 40px;} .v_tac h1{text-align: center;margin-bottom: 40px;} .v_p{color: #2c2b2b;text-align: center;} .v_p span,.v_p i{color: #00715d;} .v_close{text-align: center;padding-top: 50px;} .v_close a{display: inline-block;width: 173px;height: 40px;line-height: 40px;background: #30a0bf;color: #fff;border-radius: 20px;} .v_close02{position: absolute;top:20px;right: 20px;font-size: 26px;font-weight: bold;} @media only screen and (max-width:1440px) { .verification {padding: 100px 0;} } @media only screen and (max-width:1024px) { .verification_form li{margin-bottom: 20px;} .v_tac{width: 500px;height: 400px;padding:100px 20px;} .v_close{padding-top: 20px;} .v_tac h1{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .verification_form{width: 100%;} .verification_form h1{margin-bottom: 20px;} .verification_form input{border-radius: 15px;} .v_button button,.v_button a,.verification_form input,.verification_form .v_code .codeimg{height: 40px;line-height: 40px;} .verification_form li{margin-bottom: 10px;} .verification{padding: 50px 0;} .verification_form .v_code .codeimg{width: 100px;} .verification_form .v_code input{width: calc(100% - 110px);} .v_tac{width: 280px;height: 240px;padding: 30px 20px;} .v_close02{font-size: 22px;top:10px;right: 10px;} } /*产品详情*/ .pro_01{padding: 130px 0 80px 0;overflow:hidden;} .pro_01 .left{float: left;width: 43%;margin-top: 40px;} .pro_01 .right{float: right;width: 50.5%;} .case_show_b,.case_show_s{position: relative;} .case_show_b{margin-bottom: 70px;text-align: center;} .case_show_b img{width: 420px;max-width: 100%;} .case_show_s{padding: 0;} .case_show_s li{cursor: pointer;} .but>div{width: 30px;height:30px;line-height: 30px;margin-top: -15px; text-align: center;background: none;display: none;} .but>div i{font-size: 30px;color: #00715d;font-weight: bold;} .but>div.swiper-button-prev{left:0px;} .but>div.swiper-button-next{right:0px;} .case_show_s .swiper-button-next.swiper-button-disabled,.case_show_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;opacity: 1;} .case_show_s .swiper-button-next.disabled,.case_show_s .swiper-button-prev.disabled{cursor: auto; opacity: .5;} .case_show_b .but{display: none;} .case_show_s li em{position: absolute;left: 0;bottom: 0;height: 3px;background: #00715d;width: 100%;visibility: hidden;opacity: 0;} .case_show_s li.on em{visibility: visible;opacity: 1;} .pro_01 .right h1{margin-bottom: 30px;} .pro_01 .right h1 i img{width: 80px;} .pro_p01{color: #181818;margin-bottom: 40px} .pro_m{overflow: hidden;padding-top: 70px;} .pro_m a{float: left;width: 173px;height: 40px;line-height: 40px;text-align: center; /*background:url(../images/pro_m_03.png) no-repeat;background-size: 100% 100%;*/ background: #1b6652;color: #fff!important;border-radius: 30px; margin-right: 20px; } .pro_m a i{ margin-right: 8px;font-size: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; } .pro_m a i.icon-JD{font-size: 16px;} .pro_m a:last-child{margin-right: 0;} @media only screen and (min-width:1025px) { .pro_m a:hover{opacity: .9;} } @media only screen and (max-width:1440px) { .pro_01{padding: 70px 0;} .pro_m{padding-top: 40px;} .case_show_b{margin-bottom: 30px;} .pro_01 .left{margin-top: 20px;} } @media only screen and (max-width:1366px) { .pro_m a{width: 150px;} } @media only screen and (max-width:1024px) { .pro_01 .right h1,.pro_p01{margin-bottom: 20px} .pro_m a{width: 130px;margin-right: 10px;margin-bottom: 5px;} .pro_01 .right h1 i img{width: 52px;} } @media only screen and (max-width:767px) { .pro_01{padding:20px 0;padding-bottom: 30px;} .pro_01 .left,.pro_01 .right{float:none;width: 100%;} .pro_01 .left{margin: 0;margin-bottom:20px;} .case_show_b{margin-bottom: 10px;} .pro_m{padding-top: 20px;} .pro_m a{width: 140px;margin-right: 10px;} .pro_m a:nth-child(2n+1){clear:both;} } /*登录*/ .login_cont{padding:105px 0 125px 0;overflow: hidden;background-size: 100% 100%;} .login_box{width: 578px;float: right;height: 700px;} .login_box .verification_form{width: 100%;background: #fff;padding: 90px;padding-top: 70px;box-sizing:border-box;height: 100%;} .forget_a{text-align: right;padding-top: 15px;} .forget_a a{color: #1965b0;} .login_box .verification_form li:last-child{margin:0;} .register_a{text-align: center;padding: 25px 0 35px 0;color: #2c2b2b;} .register_a a{color: #1965b0;} .login_a a{color: #2c2b2b;margin-right: 20px;} .login_a a:last-child{margin: 0;} .login_a{line-height: 24px;padding-top: 15px;border-top:1px solid #bdbdbd;overflow: hidden;text-align: center;} .login_a img{vertical-align: middle;margin-right: 10px;margin-top: -2px;} .count{position: relative;} .count button{position: absolute;right: 30px;top:0;height: 48px;line-height: 48px;color: #216ab2;} .count button:disabled{cursor: default;} /*微信*/ .wechat_block .login_a{padding-top: 35px;} .wechat_cont{text-align: center;padding-bottom: 65px;padding-top: 40px;} .wechat_cont img{width:100%;height:100%;} .wechat_cont dt{width: 245px;height: 245px;margin:auto; margin-bottom: 30px;} /*会员登录*/ .login_tab{text-align: center;margin-bottom: 30px;} .login_tab ul{overflow:hidden;display: inline-block;} .login_tab li{float: left;margin: 0;} .login_tab li a{display: block;padding: 0 8px;} .login_tab li.on a{color: #1965b0;} .eye_box{position: relative;} .eye_box .eye{position: absolute;top:0;right: 0;padding-right: 30px;font-size: 24px;color: #919191;height: 100%;line-height: 48px;width: 30px;text-align: center;font-weight: bold;cursor: pointer;} .eye02 {display: none;} .eye_box.on .eye01{display: none;} .eye_box.on .eye02{display: block;} .user_block .login_a{padding-top: 35px;} .distributor_block .verification_form{height: auto;} @media only screen and (max-width:1440px) { .login_cont{padding: 90px 0;} .login_box{height: 580px;} .login_box .verification_form{padding: 40px 60px;} .verification_form h1{margin-bottom: 20px;} .register_a{padding: 20px 0 30px 0;} .wechat_cont{padding: 20px 0;} .login_tab{margin-bottom: 10px;} .user_block .login_a{padding-top: 15px;} } @media only screen and (max-width:1024px) { .login_cont{padding: 50px 0;} .login_box{width: 440px;height: 500px;} .login_box .verification_form{padding: 30px;} .register_a{padding: 20px 0;} .wechat_block .login_a{padding-top: 15px;} } @media only screen and (max-width:767px) { .login_cont {background-size: cover;} .login_box{float: none;width: 100%;height:auto;} .login_box .verification_form{padding: 20px;} .login_a{text-align: left;} .login_a a{margin: 0;width: 50%;float: left;margin-bottom: 6px;} .wechat_cont{padding: 30px 0;} .wechat_cont dt{margin-bottom: 10px;width: 150px;height: 150px;} .count button,.eye_box .eye{height: 40px;line-height: 40px;} .distributor_block .verification_form{padding-bottom: 30px;} } /*忘记密码*/ .forget_cont{padding: 120px 0 150px 0;} .forget_cont .index_title h1{margin: 0;} .forget_flow{position: relative;margin-bottom: 100px;} .flow_line{position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #b4a38a;} .forget_flow ul{overflow: hidden;position: relative;z-index:2;} .forget_flow li{float: left;width: 33.33%;} .forget_flow li dl{position: relative;margin: auto;} .forget_flow li dl,.forget_flow li dt,.forget_flow dd{width: 170px;height: 170px;line-height: 170px;box-sizing:border-box;} .forget_flow dt{text-align: center;background: url(../images/flow_02.png) no-repeat center center;background-size: 100% 100%;color: #fff;} .forget_flow li:nth-child(3) dt{background: url(../images/flow_03.png) no-repeat center center;background-size: 100% 100%;} .forget_flow dd{text-align: center;background: url(../images/flow_on.png) no-repeat center center;background-size: 100% 100%;padding: 0 25px;color: #2c2b2b;} .forget_flow dd p{font-family: "Arial";line-height: 50px;font-weight: 100;color: #717171;} .forget_flow dd h1{line-height: 48px;border-bottom: 1px solid #dedede;padding-top: 40px;font-weight: 100;} .forget_flow li.on dt{display: none;} .forget_w{padding-top: 20px;} .forget_form{width: 450px;margin: auto;max-width: 100%;} .forget_form .verification_form{width: 100%;} .success_box{text-align: center;padding-bottom: 70px;} .success_box dt{height: 78px;line-height: 78px; font-size: 78px;color: #575757;font-weight: bold;margin-bottom: 35px;} .forget_cont .verification_form input{background: none;} @media only screen and (max-width:1440px) { .forget_cont{padding: 80px 0;} .forget_w{padding-top: 0;} .forget_flow{margin-bottom: 50px;} .success_box{padding-bottom: 50px;} } @media only screen and (max-width:1024px) { .success_box dt{height: 66px;line-height: 66px; font-size: 66px;} .success_box{padding-bottom: 30px;} } @media only screen and (max-width:767px) { .forget_cont{padding: 40px 0;} .forget_flow li dl,.forget_flow li dt,.forget_flow dd{width:100px;height:100px;line-height:100px;} .forget_flow li dt{font-size: 12px;} .forget_flow dd h1{line-height: 32px;padding-top: 24px;font-size: 14px;} .forget_flow dd{padding:0 10px;} .forget_flow dd p{line-height: 32px;} .flow_line{top:56px;} .forget_flow{margin-bottom: 20px;} .success_box{padding-top: 20px;padding-bottom: 10px;} .success_box dt{height: 40px;line-height: 40px; font-size: 40px;margin-bottom: 20px;} } /*人才理念*/ .join_cont dl{padding-top: 20px;overflow: hidden;} .join_cont dd{width: 50.7%; padding:50px 135px 40px 65px;clear: #2c2b2b;float: right;margin-top: -135px;position: relative;z-index: 2;background: #fff;} @media only screen and (max-width:1440px) { .join_cont dd{padding: 40px;} } @media only screen and (max-width:1024px) { .join_cont dl{padding-top: 0;} .join_cont dd{float: none;width: 100%;margin: 0;padding: 20px 0;} } @media only screen and (max-width:767px) { } /*校园招聘*/ .sociology_list{padding-bottom: 20px;} .sociology_list ul{padding-bottom: 10px;} .sociology_list dt{overflow: hidden;line-height: 30px;padding: 24px 0; cursor: pointer;border-bottom: 1px solid #d9dadb;color: #595858} .sociology_list dt h1{float:left;padding: 0 10px;box-sizing:border-box; line-height: 30px;} .sociology_list dt h1:first-child{padding-left: 30px;} .sociology_list dt h1.h_01{width: 36%;} .sociology_list dt h1.h_02{width: 18%;} .sociology_list dt h1.h_03{width: 35%;} .sociology_list dt span{float: right;margin-right: 30px;width: 30px;height: 30px;position: relative; font-size: 30px; color: #494949;} .sociology_list dt span i{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .sociology_list li.cur dt span i{ transform:rotate(270deg); -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); } .sociology_list li.cur{background: #f8f8f8;} .sociology_list li.cur dt{padding: 30px 0;padding-bottom: 15px; border: 0;} .sociology_list li.cur dt h1{font-size: 24px;} .sociology_list li.cur dt span{color: #048c82;} .sociology_list dd{padding:50px 30px;padding-top: 0px;overflow: hidden; display: none;position: relative;} .sociology_list dd:after{content: "";position: absolute;left: 0;bottom: 0;height:2px;width: 100%; background: url(../images/join_line.jpg) no-repeat;background-size: 100% 100%; } .sociology_box{overflow: hidden;position: relative;padding-bottom: 40px;} .s_line{position: absolute;left:50%;top:0;width: 1px;height: 100%;background: #d9dadb;} .sociology_box .left,.sociology_box .right{width:47%;float: left; } .sociology_box .right{float: right;} .sociology_t{overflow: hidden;line-height: 24px;margin-bottom: 30px;} .sociology_t span{float: left;margin-bottom: 10px; color: #181818;margin-right: 50px;} .sociology_t span:last-child{margin: 0;} .sociology_box h3{margin-bottom: 20px;color: #595858;} .sociology_box h3 i img{width:100%;} .sociology_box h3 i{margin-right: 18px;width: 31px;float: left;} .sociology_p{color: #181818} .sociology_btn{overflow: hidden;padding-top: 40px;} .sociology_btn p{margin-bottom: 15px;} .sociology_btn p a{color: #e60013;} .sociology_btn .sociology_btn_a a{display: inline-block;padding:0 50px; height: 50px;line-height: 50px;background: url(../images/btn_bg.png) no-repeat center center; background-size: 100% 100%; border-radius: 30px;color: #fff;} .sociology_btn .sociology_btn_a a i{margin-right: 10px;font-size: 16px;float: left;} @media only screen and (max-width:1440px) { .sociology_btn{padding-top: 30px;} .sociology_list li.cur dt h1{font-size: 20px;} .sociology_box{padding-bottom: 20px;} .sociology_t{margin-bottom: 10px;} } @media only screen and (max-width:1024px) { .sociology_list dt span{margin-right: 20px;} .sociology_list dt{padding: 10px 0;} .sociology_list dt h1{padding: 0 10px;} .sociology_list dd{padding:30px 20px;padding-top: 0;} .sociology_t{margin-bottom: 20px;} .sociology_box h3{margin-bottom: 10px;} .sociology_btn{padding-top: 0;} .sociology_box .left, .sociology_box .right{float: none;width: 100%;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #d3d6e0;} .sociology_box .right{border: none;margin-bottom: 0;} .sociology_box h3 i{width: 24px;margin-right: 10px;} .sociology_box h3{line-height: 24px;} .sociology_t span{margin-right: 30px;width: auto;margin-bottom: 0;} .sociology_list dd{margin: 0;} .society_tab dl{width: 49%;} .pub_select dt{height: 44px;line-height: 44px;} .s_line{display: none;} .sociology_box{padding-bottom: 0;} .sociology_list dt h1:first-child{padding-left: 20px;} .sociology_list li.cur dt{padding-top: 20px;} .sociology_btn .sociology_btn_a a{padding: 0 30px; height: 40px;line-height:40px;} .sociology_list dt h1.h_02{width: 24%;} .sociology_list dt h1.h_01{width: 30%;} .sociology_list li.cur dt h1{font-size: 16px;} } @media only screen and (max-width:767px) { .sociology_list dt h1:first-child,.sociology_list li.cur dt h1:first-child{padding-left: 10px;} .sociology_list dt{position: relative;padding-bottom: 5px;} .sociology_list dt,.sociology_list dt h1{line-height: 22px;} .sociology_list dt h1{margin-bottom: 5px;} .sociology_list dt h1.h_01{width: 48%;} .sociology_list dt h1.h_02{width: 46%;} .sociology_list dt h1.h_03{width: 100%;clear: both; margin-bottom: 0;} .sociology_list dt span{position: absolute;margin: 0;top:10px;right:10px;width: 22px;height: 22px;font-size: 22px;} .sociology_t{font-size: 14px;font-weight: normal;line-height: 24px;} .sociology_t span{padding-right: 0px;border: none;margin: 0;margin:0;display: block;float: none;width: 100%;} .sociology_list dd{padding: 20px 10px;padding-top: 0;} .sociology_t{padding: 0;margin-bottom: 10px;} .sociology_box{padding: 0;} .sociology_btn{padding-left: 0;} .sociology_btn p a{display: block;} .sociology_btn p{margin-bottom: 10px;} .sociology_list{padding: 0px;} .sociology_list ul{padding-bottom: 0;} } /*搜索结果*/ .serrch_cont {padding-bottom: 20px;} .search_top{background:#f2f2f2 ;background-size: cover;padding: 50px 0;} .search_int{width: 790px;margin: auto;max-width: 100%;overflow: hidden;} .search_result{color: #828282;} .search_result span{color: #236cb3;} .search_result em{color: #236cb3;} .search_le{float: left;color: #000;width: 105px;line-height: 60px;} .search_input{border:1px solid #818181;background: #fff;padding: 4px;overflow: hidden;margin-bottom: 20px;} .search_input input,.search_input button{height: 50px;line-height: 50px;box-sizing:border-box;border:none;outline: none;} .search_input input{padding: 0 15px;box-sizing:border-box;width: calc(100% - 140px);float:left;} .search_input button{width: 140px;text-align: center; float: right;background: #236cb3;color: #fff;border-radius: 5px;} .search_re{float: right;width: calc(100% - 105px);} .search_list{padding-top: 45px;} .search_list li{padding: 35px 0;border-bottom: 1px solid #e3e3e6;} .search_list dt{overflow: hidden;margin-bottom: 15px;line-height: 30px;} .search_list dt h3 span,.search_list dd span{color: #236cb3;} .search_list h3{width: calc(100% - 150px);line-height: 30px;max-height: 60px;float: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search_list .search_yd{float: right;font-family: "Arial"; font-weight: normal;} .search_yd span{color: #a3a3a3;display: inline-block;} .search_yd em{float: right; color: #000;margin-left: 30px;display: inline-block;width: 90px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list dd{color: #595757;} .search_list dd p{line-height: 24px;max-height: 48px;color: #9c9b9b; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width:1280px) { .search_list{padding-top: 20px;} } @media only screen and (max-width:1024px) { .search_top{padding: 70px 0;} .search_input input, .search_input button{height: 40px;line-height: 40px;} .search_le{line-height: 50px;} .search_input button{width: 100px;} .search_input input{width: calc(100% - 100px);} .search_le{width: 80px;} .search_re{width: calc(100% - 80px);} .search_list li{padding: 20px 0;} .search_list ul{padding-bottom: 20px;} .search_list dd{font-size: 14px;} .search_list dt{margin-bottom: 10px;} .search_list h3{line-height: 24px;max-height: 48px;} } @media only screen and (max-width:767px) { .serrch_cont{padding-bottom: 10px;} .search_top{padding: 20px 0;} .search_list ul{padding-bottom: 0;} .search_list h3{width: calc(100% - 85px);} .search_input input, .search_input button{height: 32px;line-height: 32px;} .search_input input{padding: 0 5px;} .search_input button{width: 70px;} .search_input input{width: calc(100% - 70px);} .search_le{line-height: 42px;font-size: 14px;width: 50px;} .search_re{ width: calc(100% - 50px);} .search_input{margin-bottom: 10px;} .search_list{padding-top: 0;} .search_list h3{font-size: 16px;} .search_result{font-size: 14px;} .search_list li{padding: 15px 0;} .search_list dt{margin-bottom: 4px;} } /*我们的品牌*/ .bramd_list ul{overflow: hidden;} .bramd_list li{margin-bottom: 70px;} .bramd_list dl{overflow: hidden;} .bramd_list dt{width: 212px;height: 212px;overflow: hidden;position: relative;background: url(../images/brand_logo_bg.png) no-repeat center center;background-size: 100% 100%;float: left;} .bramd_list dt img{width: 160px;max-width: 90%;} .bramd_list dd{width: calc(100% - 240px);float: right;padding-top: 40px;box-sizing:border-box;} .bramd_list h3{font-weight: 100;padding-bottom: 20px;} .bramd_list h3 i{display: block;width: 114px;height: 1px;background: url(../images/brand_line.jpg) no-repeat center center;background-size: 100% 100%;margin-top: 10px;} .bramd_list li:nth-child(2n) dt{float: right;} .bramd_list li:nth-child(2n) dd{float: left;padding-left: 240px;} .bramd_list dd p{overflow: hidden;} .bramd_list p span{float: left;width: 100px;} .bramd_list p em{float: right;width: calc(100% - 100px);} @media only screen and (max-width:1440px) { .bramd_list li{margin-bottom: 50px;} .bramd_list dl{padding: 0;} } @media only screen and (max-width:1024px) { .bramd_list dt{width: 170px;height: 170px;} .bramd_list dd{width: calc(100% - 210px);padding-top: 25px;} .bramd_list li:nth-child(2n) dd{padding-left: 190px;} .bramd_list li{margin-bottom: 30px;} .bramd_list dt img{max-width: 80%;} } @media only screen and (max-width:767px) { .bramd_list dt,.bramd_list dd,.bramd_list li:nth-child(2n) dt{float: none;margin: auto;} .bramd_list dd,.bramd_list li:nth-child(2n) dd{width: 100%;padding: 0;} .bramd_list dt,.bramd_list li:nth-child(2n) dt{margin-bottom: 10px;} } /*产品研发与创新*/ .research_01{padding: 95px 0;padding-bottom: 110px;background-size: cover !important;} .research_01 h1{text-align: center;margin-bottom: 80px;} .research_honor ul{overflow: hidden;margin: 0 -15px;} .research_honor li{float: left;width: 50%;margin-bottom: 30px;} .research_honor dl{margin: 0 15px;padding: 45px 60px;overflow: hidden;background: #33a1c0;background-size: cover !important;} .research_honor dt{float: right;width: 178px;} .research_honor dd{float: left;width: 290px;} .honor_text{height: 250px;overflow: hidden;color: #fff;} .honor_text h3 i{display:block;width: 38px;height: 1px;background: #fff;margin: 12px 0;} .research_02{position: relative;padding: 130px 0;} .research_edit{overflow: hidden;} .research_edit .left,.research_edit .right{width: 47%;float: left;} .research_edit .right{float: right;} .research_02 .wrap{position: relative;z-index: 2;} .research_02 .edit_con_original{color: #fff;} .research_03 dl{position: relative;} .research_03 dd{position: absolute;left: 0;bottom:60px;width: 100%;padding: 0 20px;box-sizing:border-box;text-align: center;} @media only screen and (max-width:1440px) { .research_honor dd{width: calc(100% - 220px);} .research_honor dl{padding: 40px;} .research_01 h1{margin-bottom: 50px;} .research_01{padding: 70px 0 90px 0;} .research_02{padding: 70px 0;} .research_03 dd{bottom: 30px;} } @media only screen and (max-width:1024px) { .research_01 h1{margin-bottom: 30px;} .research_honor li{float: none;width: 100%;margin-bottom: 20px;} .research_honor li:last-child{margin-bottom: 0;} .research_honor dl,.research_honor ul{margin: 0;} .research_honor dt{float: left;width: 150px;} .research_honor dd{float: right;width: calc(100% - 170px);} .honor_text{height: 210px;} .research_honor dl{padding: 30px;} .research_01,.research_02{padding: 50px 0;} .research_edit .left,.research_edit .right{width: 100%;float: none;} .research_edit .left{margin-bottom: 20px;} .research_03 dd{position: static;padding:20px 0;} .research_03 dd br{display: none;} } @media only screen and (max-width:767px) { .research_01,.research_02{padding: 30px 0;} .research_honor dd{width: 100%;float: none;} .research_honor dt{float: none;margin: auto;margin-bottom:10px;} .honor_text{height: auto;} .research_03 dd{position: static;padding:10px 0;text-align: left;} .research_01 h1{font-size: 16px;margin-bottom: 20px;text-align: left;} .research_01 h1 br{display: none;} } @media only screen and (min-width:1025px) { .v_button button{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .map_text li a:hover{color: #fff !important;cursor: default;} .c_link a:hover{color: #fff !important;opacity: 0.8} .v_button button:hover,.v_button a:hover,.sociology_btn .sociology_btn_a a:hover{opacity: 0.8;color: #fff !important;} .tel{cursor: default;} .tel:hover{color:#181818 !important;} .pro_m a:hover{opacity: 0.8;} } /*新闻详情*/ .news_d{overflow: hidden;} .news_d .left{float: left;width:calc(100% - 525px);} .news_d .right{float: right;width: 430px;background: url(../images/news_d_06.jpg) no-repeat 0 center;background-size: cover;padding: 50px;padding-bottom: 150px; box-sizing:border-box;} .news_d .right h1{margin-bottom: 10px;} .d_time{font-family:"Arial";margin-bottom: 20px;} .news_d .right h3{max-height: 52px;-webkit-line-clamp: 2;margin-bottom: 20px;} .news_d .right h3 a{color: #363636;} .news_d .right p{color: #181818;max-height: 44px;-webkit-line-clamp: 2;} .news_d .right li{padding: 40px 0;border-bottom: 1px solid rgba(88,88,88,0.15);} .d_span{color: #747474;overflow: hidden;} .d_span span{margin-right: 20px;} .d_title{margin-bottom: 35px;} .d_title h1{line-height: 42px;margin-bottom: 30px;} .d_line{height: 1px;width: 100%;background:url(../images/d_line.jpg) no-repeat center center;background-size: 100% 100%;margin-top: 25px;} .edit_news{border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;margin-bottom: 35px;} .news_page,.news_page a{color: #363636;} .news_page span{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_d .pro_m{padding-top: 50px;} @media only screen and (max-width:1440px) { .news_d .right li{padding: 30px 0;} .d_time{margin-bottom: 10px;} .news_d .right h1{margin-bottom: 0;} .news_d .right{padding: 40px;padding-bottom: 80px;width: 380px;} .news_d .left{width:calc(100% - 460px);} .d_title h1{margin-bottom: 20px;} } @media only screen and (max-width:1366px) { .news_d .left{width:calc(100% - 420px);} } @media only screen and (max-width:1024px) { .news_d .left,.news_d .right{float: none;width: 100%;} .news_d .left{margin-bottom: 30px;} .news_d .right{padding: 30px;} .d_title h1{line-height: 28px;margin-bottom: 10px;} .d_line{margin-top: 20px;} .d_title{margin-bottom: 20px;text-align: center;} .edit_news{margin-bottom: 20px;} .news_d .pro_m{padding-top: 20px;display: none;} .news_d .right h3{margin-bottom: 10px;} .news_d .right li{padding: 20px 0;} .news_d .right li:last-child{border: 0;} .d_span span{margin: 0 10px;} } @media only screen and (max-width:767px) { .d_span {text-align: left;line-height: 28px;} .d_span span{margin: 0;} .d_span>span{margin: 0;float: left;width: 50%;} .d_span .posttime{width: 100%;float: none;} .d_line{margin-top: 10px;} .news_d .right{padding: 20px;} .news_d .right li{padding: 15px 0;} .news_d .right h3{font-weight: bold;} .d_title h1{line-height: 24px;font-size: 16px;} } /*新闻*/ .news_top{margin-bottom: 40px;overflow: hidden;} .news_top .left{width: 48%;float:left;} .news_top .right{width: 51%;float: right;} .news_top .left img,.news_top .right ul,.news_top .left ul,.news_top .left li{width: 100%;height: 100%;} .news_top .left li{display: none;} .news_top .left li:first-child{display: block;} .news_top .left,.news_top .right{height: 100%;} .news_top .right li{height: 24.7%;position: relative;} .news_top .right li a{display: block;height: 100%;} .news_top .right .news_insert{background: #f7f7f7;margin: 3px 0;height: calc(100% - 6px);} .news_top .right dl{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:47%;width: 100%;padding: 0 40px;box-sizing:border-box;} .news_top .right li.on .news_insert{ /*background: #fff url(../images/news_line.jpg) no-repeat center center;background-size: 100% 100%;*/ border: 2px solid #1b6652;box-sizing: border-box; } .news_top h3{max-height: 52px;-webkit-line-clamp: 2;margin-bottom: 20px;font-weight: bold;} .news_top p{max-height: 44px;-webkit-line-clamp: 2;} .newsimg{display: none;} .news_time{color: #858585;} .news_bottom li{border-bottom: 1px solid #e3e3e3;padding: 35px 20px;} .news_bottom h3{max-height: 60px; -webkit-line-clamp:2;} .news_bottom h3 a{color: #363636;} .news_bottom p{color: #181818;max-height: 66px; -webkit-line-clamp:3;} .news_bottom h3,.news_bottom p{margin-bottom: 20px;} .news_bottom ul{padding-bottom: 10px;} .news_btn{display: none;} .news_btn div{width: 40px;height: 50px;line-height: 50px;margin-top: -25px; text-align: center; font-size: 24px;background: rgba(0,0,0,0.5) !important; text-align: center;color: #fff;top:35%;} .news_btn .swiper-button-prev{left: 0;} .news_btn .swiper-button-next{right: 0;} @media only screen and (max-width:1640px) { .news_top h3{margin-bottom: 10px;} } @media only screen and (max-width:1440px) { .news_bottom li{padding:25px 20px;} .news_bottom h3, .news_bottom p{margin-bottom: 10px;} .news_top .right dl{padding: 0 20px;} } @media only screen and (max-width:1366px) { .news_top h3{font-size: 16px;line-height: 24px;max-height: 48px;margin-bottom: 5px;} } @media only screen and (max-width:1200px) { .news_top h3{max-height: inherit;-webkit-line-clamp:inherit;} .news_top h3 a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;} } @media only screen and (max-width:1024px) { .news_bottom li{padding:20px 0px;} .news_bottom h3{font-size: 16px;font-weight: bold;max-height: 48px; -webkit-line-clamp:2;} .news_bottom ul{padding-bottom: 0;} /*.news_top p{max-height: inherit;-webkit-line-clamp:inherit;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}*/ .newsimg{display: block;} .news_top .left{display: none;} .news_top .right{float: none;width: 100%;position: relative;} .news_top{height: auto !important;} .news_top .right dl{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0); position:static; padding: 0;} /*.news_top .right li{width: 50%;float: left;} .news_top .right li dl{margin: 0 20px;width: auto;} .news_top .right ul{margin: 0 -20px;overflow: hidden;width: auto;}*/ .news_top .right .news_insert{height: auto;background: none;} .news_top .right li dt{margin-bottom: 10px;} .news_top{padding-bottom: 20px;margin-bottom: 10px; border-bottom: 1px solid #e3e3e3;} .news_top .right li.on .news_insert{background: none;} } @media only screen and (min-width:1025px) { .news_top .swiper-container{height: 100%;} .news_top .swiper-wrapper{ display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;} .news_top .right ul{margin: -3px 0;overflow: hidden;} .news_top .right li{width: 100% !important;} } /*公益活动*/ .activitie_list{padding: 50px 20px;padding-bottom: 0; position: relative; margin-top:75px;} .activitie_list dd p{color: #575757;max-height: 72px;-webkit-line-clamp: 3;} .activitie_list ul{overflow: hidden;position: relative;z-index: 2;} .activitie_list li{float: left;width: 50%;position: relative;padding-top: 30px;margin-bottom: 65px} .a_line{position: absolute;left: 50%;top:0;background: #b4a38a;width: 1px;height: 100%;} .year_a{position: absolute;width: 82px;height: 82px;border-radius: 50%; border: 1px dashed #c0b8a7;top:0; right: 0;margin-right: -41px;background: #fff;color: #2c2b2b;} .year_a span{width: 63px;height: 63px;line-height: 63px; text-align: center; border-radius: 50%; /*background: url(../images/a_cicle.png) no-repeat center center;background-size: 100% 100%;*/ border: 1px solid #1b6652;box-sizing: border-box; } .year_a i{position: absolute;top:50%;left: -64px;width: 48px;height: 4px;margin-top: -2px; background: url(../images/a_line.png) repeat-x;} .activitie_list dl{background:#fff;overflow: hidden;border-radius: 10px;width: 79.7%;} .activitie_list dd{padding: 20px 30px;} .activitie_list li:nth-child(2n){float: right;clear: both;margin-top: -245px;} .activitie_list li:nth-child(2n) dl{float: right;} .activitie_list li:nth-child(2n) .year_a{right: auto;left: 0;margin: 0;margin-left: -41px;} .activitie_list li:nth-child(2n) .year_a i{left: auto;right: -64px;} .activitie_list li:last-child{margin-bottom: 0;} .activitie_btn {text-align: center;font-size: 38px;color: #1965b0;width: 38px;height: 38px;line-height: 38px; position: absolute;left: 50%;margin-left: -19px;} .activitie_top{top:0;margin-top: -38px;} .activitie_bottm{bottom:0;margin-bottom: -38px;cursor: pointer;} @media only screen and (max-width:1440px) { .activitie_list{padding: 0;padding-top: 50px;} } @media only screen and (max-width:1366px) { .year_a i{width: 34px; left: -50px;} .activitie_list li:nth-child(2n) .year_a i{right: -50px;} } @media only screen and (max-width:1024px) { .year_a i{width: 20px; left: -30px;} .activitie_list li:nth-child(2n) .year_a i{right: -30px;} .activitie_list{padding-top: 30px;} .activitie_list dd{padding: 20px;} } @media only screen and (max-width:767px) { .activitie_list{margin: 0;} .activitie_top{display: none;} .activitie_list{padding: 0;} .activitie_list dl,.activitie_list li{width: 100%;float: none;} .activitie_list li:nth-child(2n){margin-top:0;float: none;} .activitie_list li{padding-top: 0;clear: both;} .activitie_list li:nth-child(2n),.activitie_list li{margin-bottom: 20px;} .a_line{left: 17px;} .activitie_list ul{padding-left: 40px;} .year_a i{display: none;} .year_a{width: 34px;height: 34px;} .year_a span{width: 30px;height: 30px;line-height: 30px;font-size: 12px;} .year_a{margin: 0;margin-left: -40px; left:0%;right: auto;} .activitie_list li:nth-child(2n) dl{float: none;} .activitie_list dd{padding: 15px 10px;} } /*培训视频*/ .m_top{padding: 30px 40px;background: #fff;overflow: hidden;color: #5e5e5e;position: relative;margin-top: -70px;z-index: 2;margin-bottom: 40px;} .m_line_bg{position: absolute;top:0;left: 0;width: 100%;height:4px;background: url(../images/m_line.jpg) no-repeat;background-size: 100% 100%} .m_le{float:left;width: 400px;} .m_le h1{color: #181818;margin-bottom: 15px;line-height: 30px;} .m_le p{line-height: 24px;} .m_le dt img{width: 105px;height: 105px;border-radius: 50%;border-radius: 50%;border: 1px solid #ededed;box-sizing:border-box;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} .m_le dt{float: left;width: 105px;} .m_le dd{float: right;width: calc(100% - 135px);padding-top: 15px;} .m_re{float: right;width: calc(100% - 430px);overflow: hidden;padding-top: 20px;} .m_re p{float: left;margin-right: 40px;margin-bottom: 15px;line-height: 24px;} .m_re p:nth-child(2n+1){clear: both;} .m_bottom{background: #fff;} .m_tab{background: #e5e5e5;height: 70px;line-height: 70px;text-align: center;} .m_tab ul{overflow: hidden;} .m_tab li{float:left;width: 33.33%;} .m_tab li a{display: block;color: #a2a2a2;} .m_tab li.on{background-color: #2b9dbe; background-image: -webkit-linear-gradient(90deg, #2b9dbe 0%, #8ad4d4 99%); background-image: -moz-linear-gradient(90deg, #2b9dbe 0%, #8ad4d4 99%); background-image: -o-linear-gradient(90deg, #2b9dbe 0%, #8ad4d4 99%); background-image: -ms-linear-gradient(90deg, #2b9dbe 0%, #8ad4d4 99%); background-image: linear-gradient(90deg, #2b9dbe 0%, #8ad4d4 99%); background: #1b6652; } .m_tab li.on a{color: #fff;} .pub_m_box{padding: 40px;background: #fff;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover;width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 50%; /*max-width:94%;*/ /*height: 60%;*/ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .video_list ul{overflow: hidden;margin: 0 -12px;} .video_list li{float: left;width: 33.33%;margin-bottom: 20px;} .video_list dl{margin: 0 12px;} .video_list dd{padding: 10px;} .video_list dd h3{ line-height: 24px;height: 48px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .video_list dt a{display: block;position: relative;} .video_list dt em{color: #fff;font-size: 32px;z-index: 2;} .video_list .page{padding-top: 20px;} .m_law{text-align: center;color: #999999;padding-top: 20px;} @media only screen and (min-width:1366px) { .m_top{padding: 30px;} } @media only screen and (max-width:1024px) { .distributor_m{padding-top: 40px;} .m_top{margin: 0;padding: 20px;margin-bottom: 20px;} .m_tab{height:50px;line-height: 50px;} .pub_m_box{padding: 20px;} .m_le{width: 290px;} .m_le h1{margin-bottom: 0px;} .m_le dt{width: 80px;} .m_le dt img{width: 80px;height: 80px;} .m_le dd{width: calc(100% - 100px)} .m_re{width: calc(100% - 300px); padding-top: 8px;} .m_re p{margin: 0;float: none;} } @media only screen and (max-width:767px) { .distributor_m{padding-top: 20px;} .m_le,.m_re{float: none;width: 100%;} .m_re{padding-top: 10px;} .m_top{margin-bottom: 0;} .m_tab{height:40px;line-height: 40px;} .video_list li{float: none;width: 100%;} .video_list ul,.video_list ul dl{margin: 0;} .pub_m_box{padding: 10px 0;} .video_list dd{padding: 0;padding-top: 10px;} .video_list li:last-child{margin-bottom: 0;} .m_law{padding-top: 10px;} } /*通知公告*/ .m_notice li{overflow: hidden;line-height: 24px;padding: 25px 20px;border-bottom: 1px solid #e3e3e3;} .m_notice li:first-child{padding-top: 0;} .m_notice h3 a{color:#363636;} .m_notice h3{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .m_notice span{float: right;color: #858585;font-family:"Arial";} @media only screen and (max-width:1366px) { .m_notice li{padding: 20px 10px;} } @media only screen and (max-width:1024px) { .m_notice li{padding:15px 10px;} } @media only screen and (max-width:767px) { .m_notice li{padding: 10px 0;} .m_notice li:first-child{padding-top:10px;} .m_notice h3{width: 100%;float:none; white-space:inherit; overflow:inherit; text-overflow:inherit;line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m_notice span{float: right;text-align: right;} } /*资料下载*/ .pub_m_box02{padding-left: 0;padding-right: 0; padding-top: 1px;} .ph_table01 { width: 100%; } .ph_table01 td { line-height: 20px; padding: 30px 30px; border-bottom: 1px solid #ddd; box-sizing:border-box;} .table_top{background-color: #6ebbe1; background-image: -webkit-linear-gradient(90deg, #6ebbe1 0%, #8ad4d4 99%); background-image: -moz-linear-gradient(90deg, #6ebbe1 0%, #8ad4d4 99%); background-image: -o-linear-gradient(90deg, #6ebbe1 0%, #8ad4d4 99%); background-image: -ms-linear-gradient(90deg, #6ebbe1 0%, #8ad4d4 99%); background-image: linear-gradient(90deg, #6ebbe1 0%, #8ad4d4 99%); } .table_top,.table_bottom{padding: 0 40px;} .ph_table01 thead td { color:#fff;border: 0;padding: 15px 30px;} .ph_table01 .t1 { width: 100px; } .ph_table01 .t3 { width: 220px; } .ph_table01 .t4 { width: 220px;text-align: center;} .down_a a{font-size: 26px;margin:0 10px;} @media only screen and (max-width:1440px) { .table_top, .table_bottom{padding: 0 20px;} .ph_table01 .t1 { width: 100px; } .ph_table01 .t3 { width: 180px; } .ph_table01 .t4 { width: 180px;} .ph_table01 td{padding:25px 10px;} .ph_table01 thead td{padding: 15px 10px;} } @media only screen and (max-width:1024px) { .ph_table01 .t1 { width: 80px; } .ph_table01 .t3 { width: 120px; } .ph_table01 .t4 { width: 120px;} .down_a a{font-size: 22px;margin: 0 6px;} .ph_table01 td{padding:15px 10px;} .ph_table01 thead td{padding: 15px 10px;} .down_a a.icon-xiazai1-copy{display: none;} } @media only screen and (max-width:767px) { .ph_table01 , .ph_table01 thead, .ph_table01 tbody, .ph_table01 th, .ph_table01 td, .ph_table01 tr { display: block; } .ph_table01 thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table01 tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .ph_table01 td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 6em; white-space: normal; text-align: left;width:100% !important;box-sizing:border-box;min-height: 24px; line-height: 24px;} .ph_table01 td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .ph_table01 td:before { content: attr(data-title); } .ph_table01 .t4{text-align: left;} .table_top, .table_bottom{padding: 0;} .ph_table01 tr:last-child{margin-bottom: 0;} } /*个人中心*/ .m_box dl{text-align: center;color: #5e5e5e;border-left: 1px solid #e3e3e3;min-height: 105px;} .m_box dt{opacity: 0.5;margin-bottom: 10px;padding-top:15px;} .personal_box>div{width: 33.33%;float: left;} .personal_box .m_le dl{margin-left: 90px;} .personal_tab {margin-bottom: 50px;} .personal_tab ul{overflow: hidden;margin: 0 -10px;} .personal_tab li{float: left;width: 25%;text-align: center;} .personal_tab li a{position: relative; display: block;height: 90px;line-height: 90px;margin:0 10px;background:url(../images/m_tab.png) no-repeat center center;background-size: 100% 100%; } .personal_tab li img{vertical-align: middle;margin-top: -2px;margin-right: 10px;} .personal_tab li span{padding-bottom: 4px;} @media only screen and (max-width:1540px) { .personal_box .m_le dl{margin-left: 40px;} } @media only screen and (max-width:1440px) { .personal_box .m_le dl{margin-left: 20px;} .personal_tab li a{height: 80px;line-height: 80px;} } @media only screen and (max-width:1366px) { .personal_box .m_le dl{margin-left: 0px;} } @media only screen and (max-width:1024px) { .m_box dl{min-height: 80px;} .m_box dt{padding-top: 10px;} .personal_tab li a{height: 60px;line-height: 60px;} .personal_tab{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .personal_box>div{float: none;width: 100%;} .m_box dl{min-height: inherit;border: 0;} .m_box_ce{clear: both;} .personal_box .m_box {float: left;width: 50%;padding-top: 20px;} .m_box dt{margin-bottom: 5px;padding: 0;} .personal_tab li a{margin: 0 2px;} .personal_tab ul{margin: 0-2px;} .personal_tab li a{height: 40px;line-height: 40px;} .personal_tab li{width: 50%;margin-bottom: 10px;} .personal_tab li img{width: 20px;margin-right: 5px;} .personal_tab{margin: 10px 0;} } /*自测*/ .pub_m_box03 td{text-align: center;} .pub_m_box03 .table_top, .pub_m_box03 .table_bottom{padding: 0;} .pub_m_box03 .ph_table01 .t1{width: 186px;} .pub_m_box03 .ph_table01 .t3{width: 280px;} .pub_m_box03 .ph_table01 .t4{width: 317px;} .pub_m_box03 .ph_table01 td{border-bottom: 2px solid #f0f9f7;} .pub_m_box03 .table_bottom .ph_table01 .t3{color: #226bb2;} .a_continue img{vertical-align: middle;width: 20px;} @media only screen and (max-width:1440px) { .pub_m_box03 .ph_table01 .t1{width: 120px;} .pub_m_box03 .ph_table01 .t3{width: 200px;} } @media only screen and (max-width:1366px) { .pub_m_box03 .ph_table01 .t3,.pub_m_box03 .ph_table01 .t4{width: 200px;} } @media only screen and (max-width:767px) { .pub_m_box03 td{text-align: left;} .a_continue img{width: 16px;} } /*会员活动*/ .m_active_list ul{overflow: hidden;margin: 0 -20px;} .m_active_list li dl{margin: 0 20px;border: 1px solid #e3e3e3;border-radius: 8px;padding: 30px;} .m_active_list li{float: left;width: 50%;margin-bottom: 30px;} .m_active_list dt{margin-bottom: 20px;} .m_active_list h3{height: 60px;-webkit-line-clamp: 2;} .m_active_list dd{color: #858585;} .m_active_list .page{padding-top: 0;} @media only screen and (max-width:1024px) { .m_active_list h3{height: 48px;} .m_active_list ul{margin: 0 -10px;} .m_active_list li dl{margin: 0 10px;padding: 20px;} .m_active_list li{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .m_active_list h3{height: auto;} .m_active_list ul{margin: 0 ;} .m_active_list li dl{margin: 0;padding:20px 10px;} .m_active_list li{float: none;width: 100%;margin-bottom: 10px;} .m_active_list dt{margin-bottom: 10px} } /*基本信息*/ .member_cont{overflow: hidden;} .member_left{width: 332px;float: left;background: url(../images/member_bg.jpg) no-repeat;background-size: cover;box-sizing:border-box;padding: 50px 25px;min-height: 870px;float: left;} .member_left h1{margin-bottom: 70px;} .member_left li a{display: block;padding-left: 60px;} .member_left li{height: 49px;line-height: 49px;margin-bottom: 20px;} .member_left li.on{background:url(../images/m_le_bg.png) no-repeat;background-size: 100% 100%;} .member_left li.m_return{background:#fff;border-radius: 30px;} .member_right{width: calc(100% - 380px);float: right;} .m_information{padding-left: 60px;padding-right: 100px;padding-top: 40px;} .m_information li{padding: 15px 25px;border-bottom: 1px solid #e6e6e6;line-height:40px;} .m_information dl{overflow: hidden;} .m_information dt{float: left;width: 115px;} .m_information dd{float: right;width: calc(100% - 115px)} .v_button02 a{width: 380px;} .v_button02{padding-top: 80px;} @media only screen and (max-width:1366px) { .m_information{padding: 0;} .v_button02{padding-top:40px;} } @media only screen and (max-width:1024px) { .member_left,.member_right{float: none;width: 100%;min-height: inherit;} .member_left h1{margin-bottom: 20px;} .member_left{padding: 20px;margin-bottom: 20px;} .member_left li{float: left;width: 23%;margin: 0 1%;} .member_left ul{overflow: hidden;} .v_button02{padding-top: 30px;} .v_button02 a{width: 200px;} .member_left li a{padding-left: 0;text-align: center;} } @media only screen and (max-width:767px) { .member_left ul{font-size: 12px;} .member_left li{height: 40px;line-height: 40px;width: 48%;margin-bottom: 5px;} .member_left li.on{background: none;} .member_left li.on a{border: 1px solid #f6901d;border-radius: 30px;background: #fff;height: 38px;line-height: 38px;} .m_information li{padding: 15px 10px;line-height: 24px;} .m_information dt{width: 75px;} .m_information dd{width: calc(100% - 75px)} .v_button02{padding-top: 20px;} } /*修改信息*/ .modify_information{color: #5e5e5e;} .modify_information li{border: 0;clear: both;} .modify_information input{border: 1px solid #ababab;box-sizing:border-box;width: 100%;height: 40px;line-height: 40px;padding: 0 40px;color: #5e5e5e;} .modify_information textarea{padding:20px 40px; border: 1px solid #ababab;width: 100%;box-sizing:border-box;height: 100px;display: block;} .modify_information .v_button02{padding-top:45px;} .sex_select{overflow: hidden;} .sex_select span{float: left;margin-right: 60px;cursor: pointer;} .sex_select em{float: left;width: 18px;height: 18px;margin-top: 10px;border:1px solid #7d7d7d;border-radius: 50%;margin-right: 10px;position: relative;} .sex_select em i{border-radius: 50%;width: 8px;height: 8px;background: #7d7d7d;visibility: hidden;opacity: 0;} .sex_select span.on em i{visibility: visible;opacity: 1;} .data_week .s_01{padding: 0 40px;width: 145px;} .data_week select{width: 104px; height: 40px;line-height: 40px; text-align: center;padding: 0 30px;padding-right: 50px;border: 1px solid #ababab;float: left;box-sizing:border-box;} .data_week em{float: left;margin-right: 15px;margin-left: 10px;line-height: 40px;} select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; /*去掉下拉箭头*/ background: url(../images/arrow.png) no-repeat right 15px center; } select::-ms-expand { display: none; } .ie9 select{background: none;} @media only screen and (max-width:1024px) { .modify_information input{padding: 0 20px;} .data_week select{padding: 0 20px;} select {background: url(../images/arrow.png) no-repeat right 6px center;background-size: 10px;} .modify_information textarea{padding: 20px;} } @media only screen and (max-width:767px) { .data_week .s_01,.data_week select{padding: 0 10px;padding-left: 10px;width: calc(100% - 30px);margin-bottom: 5px;} .data_week em{margin: 0;width: 30px;text-align: center;} .sex_select span{margin-right: 20px;} .modify_information input{padding: 0 10px;} .modify_information li{line-height: 40px;padding:0;margin-bottom: 10px;} .modify_information .v_button02{padding-top: 20px;} .modify_information textarea{padding: 10px;} } /*地址*/ .m_default i{display: inline-block;font-size: 18px;color: #2b9dbe;cursor: pointer;} .m_default i.on{color: #ccc;} .address_city .pub_select{float: left;} .selects .pub_select{position: relative;float: left;width: 220px;margin-right: 20px;} .selects .pub_select input{cursor: pointer;} .option{border-top: none; position: absolute;width: 99.5%;top:42px;display: none;left: 0; z-index: 999; max-height: 144px;overflow: hidden; padding: 10px 0; border: 1px solid #e4e4e4;background: #fff;overflow-y:auto;} .info_input .arrow{background: url(../images/arrow.png) no-repeat center center;width: 16px;height: 8px;position:absolute;top:50%;right: 15px;margin-top: -4px;} .pub_select .info_input{cursor: pointer;} .modify_information .m_address dl{overflow: inherit;} .option li{padding: 0 10px;font-size: 16px;} .member_table h1{text-align: center;line-height: 60px;color: #fff; background-color: #2a9cbe; background-image: -webkit-linear-gradient(90deg, #2a9cbe 0%, #8bd5d4 99%); background-image: -moz-linear-gradient(90deg, #2a9cbe 0%, #8bd5d4 99%); background-image: -o-linear-gradient(90deg, #2a9cbe 0%, #8bd5d4 99%); background-image: -ms-linear-gradient(90deg, #2a9cbe 0%, #8bd5d4 99%); background-image: linear-gradient(90deg, #2a9cbe 0%, #8bd5d4 99%); } .ph_table02 { width: 100%; text-align: center; } .ph_table02 td { text-align: center; line-height: 20px; padding: 12px 20px; border: 1px solid #e3e3e3; } .ph_table02 thead td { background:#f5f5f5; color:#181818;} .ph_table02 td{width: 20%;} .mt_table{margin-bottom: 40px;} .mt_table p{text-align: left;padding: 10px 30px;} .mt_table01 .t2,.mt_table01 .t3,.mt_table01 .t4{vertical-align: top;text-align: left;} .coupon_list ul{overflow: hidden;margin: 0 -25px;} .coupon_list li{float: left;width: 50%;margin-bottom: 30px;} .coupon_list .coupon_img{margin: 0 25px;} @media only screen and (max-width:1366px) { .mt_table p{padding: 0;} } @media only screen and (max-width:767px) { .coupon_list li{float: none;width: 100%;margin-bottom: 10px;} .coupon_list ul, .coupon_list .coupon_img{margin: 0;} .mt_table{margin-bottom: 20px;} .ph_table02{width: 600px;} .table_w{width:100%;overflow: hidden;overflow-x:auto;padding-bottom: 5px;} .table_w::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height:4px; } .table_w::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 0px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);background: #2a9cbe; } .table_w::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .selects .pub_select{width: 100%;margin: 0;} .selects .pub_select.sheng{margin-bottom: 10px;} } /*收货地址*/ .address_list ul{overflow: hidden;margin: 0 -20px;} .address_list li{float: left;width: 50%;margin-bottom: 30px;} .address_list li.on dl{border: 1px solid transparent; background: url(../images/address_bg.png) no-repeat center center;background-size: 100% 100%} .address_list dl{margin: 0 20px;border: 1px solid #e3e3e3;padding: 25px 30px;padding-bottom: 15px;} .address_list h3{overflow: hidden;margin-bottom: 10px;} .address_list p{height: 44px;-webkit-line-clamp: 2;margin-bottom: 15px;} .address_list em{font-family:"Arial";} .address_list dd{overflow: hidden;line-height: 24px;border-top: 1px solid #e3e3e3;padding-top: 15px;} .address_list dd .m_default{float: left; } .address_list dd .m_default i{ color: #2c2b2b;font-size: 14px; } .address_list dd .m_default i:before{color: #ccc;font-size: 16px;margin-right: 5px;} .address_list li.on dd .m_default i:before{color: #2b9dbe;} .address_list dd .address_btn{float: right;} .address_list dd .address_btn a{float: left; color: #2c2b2b;margin-left: 15px;} .address_list dd .address_btn a i{margin-right: 5px;} .address_list dd .address_btn a i.icon-bianji{font-size: 18px;} .address_list dd .address_btn a i.icon-bianji:before{font-size: 12px;position: relative;top:-1px;} .address_list dd .address_btn a i.icon-shanchu{font-size: 18px;} .address_list .v_button02{padding-top: 30px;} @media only screen and (max-width:1440px) { .address_list dl{margin: 0 10px;} .address_list ul{margin: 0 -10px;} .address_list li{margin-bottom: 20px;} } @media only screen and (max-width:1440px) { .address_list dl{margin: 0;padding: 20px;padding-bottom: 15px;} .address_list ul{margin: 0;} .address_list li{margin-bottom: 20px;width: 100%;} .address_list li:last-child{margin-bottom: 0;} .address_list .v_button02{padding-top: 20px;} } /*科普文章*/ .articles_list li{margin-bottom: 60px;} .articles_list dl{overflow: hidden;position: relative;padding-bottom: 40px;} .articles_list dt{float: left;width: 47.8%;position: relative;z-index: 2;} .articles_list dd{position: absolute;right: 0;top:40px;height: 100%;background: #f8f8f8;width: 57.3%;} .a_box{padding: 80px 70px;padding-left: 140px;} .a_box h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 20px;} .a_box p{height: 88px;-webkit-line-clamp:4;} .a_more{padding-top: 30px;} .a_more a{display: block;width: 14px;} .a_more img{width: 14px;} .articles_list li:last-child{margin-bottom: 0;} .articles_list li:nth-child(2n) dt{float: right;} .articles_list li:nth-child(2n) dd{right: auto;left: 0} .articles_list li:nth-child(2n) .a_box{padding-left: 70px;padding-right: 140px;} @media only screen and (max-width:1440px) { .a_box{padding: 50px;padding-left: 120px;} } @media only screen and (max-width:1280px) { .a_box{padding: 40px;padding-left: 100px;} .articles_list li:nth-child(2n) .a_box{padding-left: 40px;padding-right: 100px;} } @media only screen and (max-width:1024px) { .articles_list li{margin-bottom: 30px;} .articles_list dd{top:20px;} .articles_list dl{padding-bottom: 20px;} .a_box{padding: 30px;padding-left: 100px;} .articles_list li:nth-child(2n) .a_box{padding-left: 30px;padding-right: 100px;} .a_more{padding-top: 20px;} .a_box h3{margin-bottom: 10px;} .a_box p{height: 66px;-webkit-line-clamp:3;} } @media only screen and (max-width:767px) { .articles_list dd{position: static;clear: both;} .articles_list dt,.articles_list dd{float: none;width: 100%;} .a_box{padding: 20px;} .articles_list li:nth-child(2n) .a_box{padding:20px;} .articles_list li{margin-bottom: 20px;} .articles_list dl{padding-bottom: 0;} } /*科普文章详情*/ .share_common a {color: #727272;margin-right: 10px;} .d_share{line-height: 25px;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-bottom: 20px;padding-top: 50px;} .d_share>span{display: block;margin-bottom: 15px;color: #686868;} .articles_d .news_page {color: #9e9e9e;} .articles_d .d_title {text-align: center;} .d_line{border-bottom:1px solid #d9dadb;background: none;position: relative;height: 2px; } .d_line span{height: 3px;width: 231px;margin: auto;display: block;} .d_line img{width: 100%;height: 100%;} .weixin{ position:fixed; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -130px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;} .weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;} .weixin .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} .weixin .img img{ width:115px; height:115px;} .weixin p{ padding:15px 10px 0; text-align: center;} .articles_d_edit{padding: 0 70px;} @media only screen and (max-width:1440px) { .articles_d_edit{padding:0;} } @media only screen and (max-width:767px) { .d_share{padding: 20px 0;} .d_line span{display: none;} .d_line{height: 1px;} } /*营养师团队*/ .team_ul{overflow: hidden;margin: 0 -13px;} .team_ul li{float: left;width: 33.33%;margin-bottom: 30px;} .team_ul dl{margin: 0 13px;border-bottom: 1px solid #e2e2e2;padding-bottom: 15px;cursor: pointer;} .team_ul dt{margin-bottom: 25px;} .team_ul dd{text-align: center;} .team_ul h3{margin-bottom: 5px;} .team_ul h3,.team_ul p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .team_box{position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display: none;} .team_box .mask{position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .team_box_con{ position:fixed; z-index:2; background:#fff;box-sizing: border-box; width: 1294px;height: 478px;left: 50%;top:50%;margin-left: -647px;margin-top: -239px;padding: 20px; } .team_box .video_close{ position:absolute; top:15px; right: 15px; cursor:pointer; z-index: 99999;} .team_box .video_close i{color: #000;font-size: 28px; font-weight: bold;} .team_btn{height: 36px;width: 84px;position: absolute;left: 520px;bottom: 30px;} .team_box_con .swiper-button-prev,.team_box_con .swiper-button-next{font-size: 36px;background: none;color: #3377b9;line-height: 36px;} .team_box_con .swiper-button-prev{left: 0px;} .team_box_con .swiper-button-next{right: 0px;left: auto;} .team_box_con .swiper-button-next.swiper-button-disabled,.team_box_con .swiper-button-prev.swiper-button-disabled{opacity: 1;color: #e5e5e5;} .team_box_con .swiper-button-next.swiper-button-disabled,.team_box_con .swiper-button-prev.swiper-button-disabled{opacity: 1;color: #e5e5e5;} .team_box_con dl{overflow: hidden;padding: 0 1px;} .team_box_con dt{float: left;width:437px;} .team_box_con dt img{width: 100%;} .team_box_con dd{float: right;box-sizing:border-box;width: calc(100% - 500px)} .team_top{margin-bottom: 30px;} .team_top h1{margin-bottom: 10px;} .team_line{width:100%;height: 1px;margin-top: 30px; background-color: #f68f1d; background-image: -webkit-linear-gradient(90deg, #f68f1d 0%, #0db2e7 99%); background-image: -moz-linear-gradient(90deg, #f68f1d 0%, #0db2e7 99%); background-image: -o-linear-gradient(90deg, #f68f1d 0%, #0db2e7 99%); background-image: -ms-linear-gradient(90deg, #f68f1d 0%, #0db2e7 99%); background-image: linear-gradient(90deg, #f68f1d 0%, #0db2e7 99%); } .team_bottom h2{margin-bottom: 20px;} .team_p{height: 150px;overflow: hidden;} .team_bottom .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .team_bottom .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#3a7bbb;} .team_bottom .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.team_bottom .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.team_bottom .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#3a7bbb;} @media only screen and (max-width:1540px) { .team_box_con{width: 90%;margin-left: -45%;} } @media only screen and (max-width:1440px) { .team_top{margin-bottom: 20px;} .team_line{margin-top: 20px;} .team_bottom h2{margin-bottom: 15px;} .team_box_con dd{width: calc(100% - 470px);} .team_btn{left: 490px;} } @media only screen and (max-width:1024px) { .team_box_con dt,.team_box_con dd{float: none;width: 100%;} .team_box_con dt{width: 200px;margin:auto; margin-bottom: 10px;} .team_top{margin-bottom: 10px;} .team_line{margin-top: 10px;} .team_bottom h2{margin-bottom: 10px;} .team_p{height: 96px;} .team_btn{left: 50%;margin-left: -42px;} .team_box_con{padding-bottom: 50px;height: 500px;margin-top: -250px;} .team_box_con .swiper-button-prev, .team_box_con .swiper-button-next{font-size: 28px;height: 28px;margin:0;} .team_box .video_close i{font-size: 22px;} .team_box .video_close{top:10px;right: 10px;} .team_ul dt{margin-bottom: 15px;} .team_ul li{margin-bottom: 20px;} .team_ul dl{margin: 0 10px;} .team_ul{margin: 0 -10px;} } @media only screen and (max-width:767px) { .team_ul dl{margin: 0;} .team_ul{margin: 0;} .team_ul li{float: none;width: 100%;} .team_ul li:last-child{margin-bottom: 0;} } /*健康自测*/ .test_list ul{overflow: hidden;} .test_list {padding-bottom: 30px;} .test_p{margin-bottom: 10px;} .test_title{text-align: center;margin-bottom: 40px;} .test_test{width: 730px;max-width: 100%;margin:auto;} .test_test h3{margin-bottom: 40px;} .test_list li{margin-bottom: 25px;float: left;margin-right: 30px;} .test_list li.single{padding-top: 30px; clear: both;} .test_list li h4{margin-bottom: 10px;} .test_list p{line-height: 24px;background: url(../images/check.png) no-repeat 0 3px;padding-left: 30px;cursor: pointer;} .choice_span{overflow: hidden;line-height: 24px;} .choice_span span{float: left;padding-left: 25px;position: relative;margin-right: 30px;cursor: pointer;} .choice_span i{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #00715d;position: absolute;left: 0;top:3px;} .choice_span span b{width: 10px;height: 10px;background: #00715d;border-radius: 50%;opacity: 0;visibility: hidden;} .choice_span span.on b{visibility: visible;opacity: 1;} .test_list li.on p{background: url(../images/check_on.png) no-repeat 0 3px;} .test_btn{text-align: center;padding-top: 30px;} .test_btn a,.test_btn button{display: inline-block;width: 220px;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;color: #fff; background-color: #8bd6d1; background-image: -webkit-linear-gradient(90deg, #8bd6d1 0%, #2899ba 99%); background-image: -moz-linear-gradient(90deg, #8bd6d1 0%, #2899ba 99%); background-image: -o-linear-gradient(90deg, #8bd6d1 0%, #2899ba 99%); background-image: -ms-linear-gradient(90deg, #8bd6d1 0%, #2899ba 99%); background-image: linear-gradient(90deg, #8bd6d1 0%, #2899ba 99%); } @media only screen and (max-width:1024px) { .test_test{width: 100%;} .test_btn a, .test_btn button{width: 180px;height: 50px;line-height: 50px;} .test_btn{padding-top: 20px;} .test_test h3,.test_title{margin-bottom: 20px;} .test_list li{margin-bottom: 15px;} } @media only screen and (max-width:767px) { .test_btn a, .test_btn button{width: 150px;height: 40px;line-height: 40px;} .test_btn{padding-top: 20px;} .choice_span i{width: 12px;height: 12px;margin-top: 2px;} .choice_span span b{width: 8px;height: 8px;} .test_title .d_line span{display: block;width: 120px;} .test_list li.single{padding-top: 10px;} .test_list{padding-bottom: 0;} } .test_test02 h1{text-align: center;margin-bottom: 60px;} /*加测结果*/ .result_top{margin-bottom: 40px;} .result_top h3{text-align: center;color: #008a80;margin-bottom: 10px;} .result_block{background:#f8f8f8;padding: 90px 0;} .r_title{margin-bottom: 40px;} .r_title img{vertical-align: middle;margin-right: 20px;margin-top: -2px;width: 53px;display:none;} .result_pro h1{margin-bottom: 20px;} @media only screen and (max-width:1440px) { .result_block{padding: 70px 0;} .r_title img{width: 48px;} } @media only screen and (max-width:1440px) { .r_title img{width: 40px;} } @media only screen and (max-width:1024px) { .r_title{margin-bottom: 20px;} .result_block{padding: 50px 0;} .result_top{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .result_block{padding: 30px 0;} .r_title img{width: 24px;margin-right: 10px;} .r_title{margin-bottom: 10px;} .result_top p{font-size: 14px;} .result_pro h1{margin-bottom: 10px;} } /*健康自测*/ .test_blank70,.test_tac{display: none;} .test_blank70{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 99999;} .test_tac{padding: 70px 125px;box-sizing:border-box;width: 914px;max-width: 90%; height: 436px;position: fixed;z-index: 999991;background: #fff;text-align: center;} .test_tac .test_a{margin: auto;margin-top: 50px;} .test_line{width: 100%;height: 1px;margin: 35px 0;margin-bottom: 50px; background-color: #f6901d; background-image: -webkit-linear-gradient(90deg, #f6901d 0%, #0db2e7 99%); background-image: -moz-linear-gradient(90deg, #f6901d 0%, #0db2e7 99%); background-image: -o-linear-gradient(90deg, #f6901d 0%, #0db2e7 99%); background-image: -ms-linear-gradient(90deg, #f6901d 0%, #0db2e7 99%); background-image: linear-gradient(90deg, #f6901d 0%, #0db2e7 99%); } .test_close{position: absolute;top:20px;right: 20px;font-size: 24px;line-height: 24px;font-weight: bold;cursor:pointer;} .testlist ul{overflow: hidden;margin:0 -10px;} .testlist li dl{margin:0 10px;cursor: pointer;} .testlist li{float: left;width: 25%;margin-bottom: 60px;} .testlist li dt{position: relative;} .testlist li dt h3{width: 100%;text-align: center;z-index: 3;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .test_a{width: 145px;height: 40px;line-height: 40px;text-align: center; /*background: url(../images/test_bg.png) no-repeat center center;background-size: 100% 100%;*/ background: #1b6652;color: #fff;border-radius: 30px; margin:auto;margin-top: -20px;position: relative;z-index: 2;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .test_a a{display: block;} @media only screen and (max-width:1024px) { .testlist li{width: 33.33%;margin-bottom: 40px;} .test_tac{padding: 50px;height: 300px;width: 700px;} .test_line{margin: 20px 0;} .test_close{top:10px;right: 10px;} } @media only screen and (max-width:767px) { .testlist li{width: 50%;margin-bottom: 20px;} .test_a{width:120px;height: 30px;line-height: 30px;margin-top: -15px;} .testlist ul{margin:0 -5px;} .testlist li dl{margin:0 5px;} .test_tac{padding: 20px;height: 210px;} .test_tac .test_a{margin-top: 20px;} } /*发展历程*/ .history_slider{padding: 0 50px;position: relative;} .history_slider dl{padding: 0 40px; border-left: 1px solid;margin: 0 1px; border-image: linear-gradient(to bottom, #fda100 0%, #c4e095 33%, #8cff0d 66%, #19aee8 100%) 1;} .history_slider .his_p{line-height: 22px;min-height: 110px;} .history_slider h3{margin-bottom: 20px;} .history_slider dt{margin-bottom: 30px;} .history_slider .but>div{width: 60px;height: 60px;line-height: 60px;margin:0;top:auto;bottom: 25.5%;} .history_slider .but>div i{font-size: 60px;color: #b4a38a;font-weight: normal;} .history_slider .but>div.swiper-button-prev{text-align: left;left: -20px;} .history_slider .but>div.swiper-button-next{text-align: right;right: -20px;} @media only screen and (max-width:1366px) { .history_slider dl{padding:0 20px;} } @media only screen and (max-width:767px) { .history_slider dl{border: 0;padding: 0;} .history_slider h3{margin-bottom: 10px;} .history_slider .his_p{min-height: inherit;} .history_slider .but>div{bottom: auto;top:50%;width: 30px;height: 30px;line-height: 30px;margin-top: -15px;} .history_slider .but>div i{font-size: 30px;font-weight: bold;} .history_slider .but>div.swiper-button-prev{text-align: left;left:0px;} .history_slider .but>div.swiper-button-next{text-align: right;right:0px;} .history_slider{padding: 0 30px;} } /*招商加盟*/ .attract_slist ul{overflow: hidden;} .attract_slist li{float: left;width: 33.33%;text-align: center;} .attract_slist li dl{padding: 120px 60px;padding-bottom: 170px;position: relative;} .attract_slist dt{width: 290px;height: 290px;position: relative; margin: auto;background: url(../images/attract_ic_bg.png) no-repeat;background-size: 100% 100%;margin-bottom: 20px;} .attract_slist dt img{width: 110px;height: 110px;} .attract_slist dd p{ -webkit-line-clamp: 4;height: 120px;text-align: left;margin-bottom: 20px;} .attract_line{width: 114px;height: 1px;margin:25px auto; background: url(../images/brand_line.jpg) no-repeat center center;background-size: 100% 100%;} .attract_slist li:nth-child(1) dl,.attract_slist li:nth-child(2) dl{background: url(../images/attract_bg_01.png) no-repeat;background-size: 100% 100%;} @media only screen and (max-width:1440px) { .attract_slist li dl{padding: 80px 40px;padding-bottom: 100px;} .attract_slist dt{width: 250px;height: 250px} .attract_slist dt img{width: 80px;height: 80px;} } @media only screen and (max-width:1366px) { .attract_slist dt{width: 200px;height: 200px} } @media only screen and (max-width:1024px) { .attract_slist dt{width: 160px;height: 160px} .attract_slist dt img{width: 50px;height: 50px;} .attract_slist dd p{height: 96px;margin-bottom: 0;} .attract_slist li dl{padding: 50px 20px;padding-bottom: 80px;} .attract_line{margin: 20px auto;width: 60px;} } @media only screen and (max-width:767px) { .attract_slist{padding-bottom: 40px;} .attract_slist li{float: none;width: 100%;border-bottom: 1px dashed #84d2cf;} .attract_slist dt{width: 120px;height: 120px;margin-bottom: 10px;} .attract_line{margin: 10px auto;} .attract_slist li dl{padding: 20px 0;} .attract_slist li:nth-child(1) dl,.attract_slist li:nth-child(2) dl{background: none;} .attract_slist li:last-child{border:0;} } @media only screen and (min-width:1025px) { .m_tab li.on a:hover{color: #fff !important;} .v_close a:hover{color: #fff !important;opacity: 0.8;} .personal_tab li a:hover span{border-bottom: 1px solid #181818;} .personal_tab li span,.test_btn button,.test_a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .test_btn a:hover,.test_btn button:hover{opacity: 0.8;color: #fff !important;} .test_list li dl:hover .test_a{background: url(../images/test_bg_on.png) no-repeat center center;color: #fff !important;} .test_a:hover{ /*background: url(../images/test_bg_on.png) no-repeat center center;*/ opacity: .95; color: #fff !important;} .test_a:hover a{color: #fff !important;} .member_left li.m_return{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .member_left li.m_return:hover{background: #00715d;} .member_left li.m_return a:hover{color: #fff !important; } } /*2021-07-01*/ .video_block .tap-wrap{margin-bottom: 40px;} @media only screen and (max-width:767px) { .video_block .tap-wrap{margin-bottom: 20px;} } .distr_01{padding: 100px 0 140px 0;background-size: cover;background: #f2f2f2!important;} .distr_02{padding: 115px 0 125px 0;background: #f5f8f8;background-size: cover;background: none!important;} .distr_03{padding-top: 120px;padding-bottom: 30px;} .distr_01 .index_title h1{margin-bottom: 70px;} .seniority_list{overflow: hidden;} .seniority_list ul{overflow: hidden;margin: 0 -30px;} .seniority_list li{float: left;width: 12.5%;position: relative;} .seniority_list dt{width: 126px;max-width: 100%;background: url(../images/distr_bg01.png) no-repeat center center;background-size: 100% 100%;position: relative;margin-bottom: 15px;} .seniority_list dt img{width: 60px;height: 60px;} .seniority_list dl{padding: 0 30px;text-align: center;} .seniority_list li em{position: absolute;top:50%;margin-top: -9px;right:-39px; width: 18px;height:4px;} .seniority_list li em img{width: 100%;height: auto;} .seniority_list li:last-child em{display: none;} .distr_block_01{margin-bottom: 70px;} .coop_line{height: 1px;margin: 10px 0;background: #1b6652;} .coop_line img{width: 100%;height: 1px;display: none;} .coop_list ul{overflow: hidden;margin: 0 -10px;} .coop_list li{float: left;width: 33.33%;} .coop_list dl{margin: 0 10px;box-sizing:border-box;width: 277px;max-width: 90%;background: url(../images/distr_bg02.png) no-repeat center center;background-size: 100% 100%;margin: auto;text-align: center;background: none;} .coop_list dt{padding-top: 15px;} .coop_list dt img{width: 70px;height: 70px;} .coop_list dt,.coop_list dd{width: 160px;margin: auto;max-width: 80%;} .coop_list dd h3{margin-bottom: 10px;} .coop_list dd p{line-height: 22px;max-height: 66px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .about_pro{padding-top: 60px;} .about_pro ul{overflow: hidden;margin: 0 -40px;} .about_pro li{float: left;width: 20%;} .about_pro .distr_insert{margin: 0 40px;} .about_pro dl{position: relative;color: #fff;text-align: center;width: 210px;max-width: 100%;} .about_pro dt img{width: 70px;height: 70px;} .about_pro dt{margin-bottom: 10px;padding-top: 50px;} .about_pro .distr_more dt img{width: 100%;height: 100%;} .about_pro .distr_more dt{padding: 0;width: 18px;height: 4px;margin: 0;} .distr_03 .wrap{position: relative;background-size: cover;} .distr_03 .index_title{padding: 50px;color: #fff;position: relative;z-index: 2;margin: 0;} .distr_03 .index_title h1{margin-bottom: 20px;} .distr_03 .blank_38{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.38);} @media only screen and (max-width:1440px) { .seniority_list dl{padding: 0 14px;} .seniority_list ul{margin: 0 -14px;} .seniority_list li em{right: -24px;} .distr_01 .index_title h1{margin-bottom: 50px;} .about_pro{padding-top: 20px;} .about_pro ul{margin: 0 -10px;} .about_pro .distr_insert{margin: 0 10px;} .distr_01{padding: 80px 0;padding-bottom: 100px;} .distr_02{padding: 80px 0;} .distr_03{padding-top: 80px;} } @media only screen and (max-width:1280px) { .about_pro dt{padding-top: 40px;} } @media only screen and (max-width:1024px) { .seniority_list dt img{width: 50px;height: 50px;} .distr_01 .index_title h1{margin-bottom: 30px;} .coop_list dt img{width: 50px;height: 50px;} .distr_block_01{margin-bottom: 50px;} .about_pro{padding-top: 0;} .about_pro dt img{width: 50px;height: 50px;} .about_pro dt{padding-top: 25%;} .about_pro dd{font-size: 14px;} .distr_03 .wrap{height: auto !important;} .distr_03 .index_title{padding: 50px 20px;} .distr_01{padding: 50px 0;padding-bottom: 80px;} .distr_02{padding: 50px 0;} .distr_03{padding-top: 50px;} } @media only screen and (max-width:767px) { /*.distr_01{ background: #e7f6f4 !important;}*/ .seniority_list li{width: 33.33%;margin-bottom: 20px;} .seniority_list li:nth-child(3n+1){clear: both;} .seniority_list li:nth-child(3n) em{display: none;} .distr_01 .index_title h1{margin-bottom: 20px;} .coop_list li{float: none;width: 100%;margin-bottom: 20px;} .coop_list li:last-child{margin-bottom: 0;} .distr_block_01{margin-bottom: 30px;} .about_pro li{width: 50%;margin-bottom: 20px;} .about_pro dl{width: 150px;margin: auto;} .distr_01{padding: 30px 0;padding-bottom: 40px;} .distr_02{padding: 30px 0;} .distr_03{padding-top: 30px;padding-bottom: 10px;} .distr_03 .index_title{padding: 40px 20px;} } .m_insert_t,.m_insert_b{overflow: hidden;} .m_insert_b{padding-left: 135px;margin-top: -10px;} .m_insert_b p{float: left;margin-right: 20px; width: 275px;} .m_insert_b p:last-child{margin-right: 0;} @media only screen and (max-width:1024px) { .m_insert_b{padding-left: 100px;} .m_insert_b{margin-top: 0;} .m_insert_b p{width: 180px;} } @media only screen and (max-width:767px) { .m_insert_b{padding-left: 0px;} .m_insert_b p{width: 100%;margin: 0;} } .tips_red{padding-top: 20px;display: none;} @media only screen and (max-width:1024px) { .tips_red{padding-top: 5px;} } /*new add*/ .news_main .padd80,.news_main .padd_t80{padding-top: 60px;} .articles_list,.videokp_list{margin-top: 50px;} .news_tab{border-bottom: 1px solid #000;} .news_tab ul{text-align: center;padding: 30px 0;} .news_tab li{display: inline-block;padding: 0 40px;} .news_tab li a{} .news_tab li.on a{color:#00715d !important;font-weight: bold;} @media only screen and (max-width:767px) { .news_main .padd80, .news_main .padd_t80{padding-top: 15px;} .tap-wrap>li{margin-left: 10px!important;margin-right: 10px!important;} .articles_list, .videokp_list{margin-top: 30px;} }