body{font-weight: 300;} .index_01{position: relative;/*background: no-repeat center;background-size: cover;overflow: hidden;*/} .index_01 img{width: 100%;} .banner_txt{position: absolute;left: 10.9%;bottom: 12%;width: 54%;color: #fff;line-height: 40px;} .index_02{background: no-repeat center;background-size: cover;overflow: hidden;} .intro_txt{text-align: center;line-height: 35px;color: #fff;margin-bottom: 6%;} .div_tit{text-align: center;margin-bottom: 90px;} .div_img{display: inline-block;position: relative;cursor: pointer;} .ico_img{position: absolute;transition: all .3s;} .ico_01{position: absolute;right: 0;top: -22px;} .can_top{overflow: hidden;position: relative;} .can_top ul{margin-left: -15px;margin-right: -15px;overflow: hidden;padding: 8px 0;box-sizing: border-box;} .can_top li{float: left;width: 20%;padding: 0 15px;box-sizing: border-box;transition: all .3s;} .can_top li img{width: 100%;height: 100%;} .can_top .lhl_but{display: none;} .bold{font-weight: bold;} .can_bottom{margin: 8% 0;display: inline-block;width: 100%;} .can_bottom ul{margin-left: -12px;margin-right: -12px;} .can_bottom li{float: left;width: 25%;padding: 0 12px;box-sizing: border-box;color: #fff;text-align: center;position: relative;} .can_bottom li:after{content: "";width: 1px;height: 160px;background: no-repeat center;background-size: 100% 100%;display: block;position: absolute; right: 0;top: 50%;margin-top: -80px;} .can_bottom li:last-child:after{display: none;} .can_bottom li dd{position: relative;margin-bottom: 25px;} .can_bottom li dd:after{content: "";display: block;width: 22px;height: 2px;background: no-repeat center;background-size: cover;left: 50%;margin-left: -11px;position: absolute;bottom: -5px;} .can_bottom li dd em{font-weight: 300;} .can_bottom li dt{font-weight: 300;line-height: 30px;} .index_03{background: no-repeat center;background-size: cover;display: inline-block;width: 100%;} .index_03 .ico_02{right: -17px;top: -25px;} .meeting_img{margin-bottom: 12%;} .meeting_img img{width: 100%;} .meeting_img-t{margin-bottom: 20px;overflow: hidden;} .meeting_img-t ul{margin-left: -6px;margin-right: -6px;} .meeting_img-t li{float: left;width: 33.3%;padding: 0 6px;box-sizing: border-box;cursor: pointer;} .meeting_img-t li p{background: no-repeat center;background-size: cover;height: 70px;text-align: center;color: #fff;line-height: 70px;} .meeting_img-t li.on p{background: no-repeat center;background-size: cover;} .meeting-item{display: none;} .meeting-item.on{display: block;} /**/ .index_04{background: no-repeat center;background-size: cover;width: 100%;} .index_04 .ico_03{left: -30px;top: -48px;} .guest_list{background: no-repeat center;background-size: cover;padding: 60px 20px 30px;position: relative;} .guest_list li{text-align: center;color: #fff;} .guest_list li dl{margin-bottom: 30px;float: left;width: 25%;} .guest_list li dd{margin-bottom: 15px;} .guest_list li dd .guest_img{width: 173px;max-width: 90%;margin: 0 auto;overflow: hidden;transition: all .3s;padding-top: 8px;} .guest_list li dd .guest_img img{width: 100%;height: 100%;transition: all .3s;} .guest_name p{width: 140px;height: 38px;background: no-repeat center;background-size: cover;line-height: 38px;color: #fff;margin: 0 auto;font-weight: bold;} .guest_txt{margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 16px;} .lhl_but div{width: 21px;height: 29px;margin-top: -15px;background: none;cursor: pointer;transition: all .3s;} .lhl_but div img{width: 100%;height: 100%;} .lhl_but div.swiper-button-prev{left: -4%;} .lhl_but div.swiper-button-next{right: -4%;} .p_note{text-align: right;color: #fff;margin-top: 20px;margin-bottom: 8%;} .index_05 .ico_04{right: -8px;top: -30px;} .review_div{background: no-repeat center;background-size: cover;padding: 60px 20px 35px;box-sizing: border-box;margin-bottom: 10%;position: relative;} .review_div dl{position: relative;overflow: hidden;margin-bottom: 20px;} /*.review_div dd{float: left;width: 48%;}*/ /*.review_div dt{position: absolute;right: 0;top: 0;width: 52%;height: 100%;}*/ /*.review_div dt ul{height: 100%;}*/ /*.review_div dt li{float: left;width: 50%;padding-left: 20px;box-sizing: border-box;height: calc((100% - 30px) / 2);margin-bottom: 30px;}*/ /*.review_div dt li img,.review_img{width: 100%;height: 100%;}*/ .review_div dl a{display: block;} .review_div dl a img{width: 100%;} .review_div-phone{display: none;} .review_more{text-align: center;margin-top: 40px;} /*.review_more a{background: no-repeat center;background-size: cover;width: 224px;height: 52px;line-height: 53px;text-align: center; color: #fff;display: inline-block;font-weight: bold;}*/ .review_more a i{font-size: 30px;display: inline-block;vertical-align: middle;margin-top: -3px;} .index_06 .ico_05{left: -30px;top: -45px;} .news_con{background: no-repeat center;background-size: cover;padding: 60px 20px 35px;box-sizing: border-box;margin-bottom: 10%;position: relative;} .news_list dd{overflow: hidden;margin-bottom: 20px;} .news_list dt a{background: no-repeat right;background-size: cover;width: 100%;height: 70px;line-height: 70px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;padding: 0 15px;box-sizing: border-box;} .index_07 .ico_06{right: -8px;top: -25px;} .medium_con{background: no-repeat center;background-size: cover;padding: 35px 20px 26px;box-sizing: border-box;position: relative;overflow: hidden;} .medium_con ul{margin-left: -12px;margin-right: -12px;} .medium_con li{float: left;width: 16.666%;padding: 0 12px;box-sizing: border-box;margin-bottom: 24px;} .index_08{padding-bottom: 20%;overflow: hidden;} .ewm_div{text-align: center;} .ewm_div img{width: 234px;height: 236px;} .ewm_p{background: no-repeat center;background-size: cover;width: 773px;height: 55px;margin: 0 auto;line-height: 55px;color: #fff;margin-top: 45px;font-weight: bold;max-width: 100%;} /*.index_02 .div_img{margin-right: -9%;}*/ .index_03 .div_img{margin-left: -9%;} .index_04 .div_img{margin-right: -8%;} .index_05 .div_img{margin-left: -8%;margin-right: 0;} .index_06 .div_img{margin-right: -10%;} .index_07 .div_img{margin-left: -8%;} .phone_div{display: none;position: relative;} .phone_div a{display: block;} /**/ .phone_img{display: none;} .phone_txt{display: none;} @media only screen and (max-width: 1600px){ .intro_txt{margin-bottom: 4%;} .div_tit{margin-bottom: 80px;} .can_bottom{margin: 6% 0;} } @media only screen and (max-width: 1200px){ .banner_txt{width: 94%;bottom: 8%;left:3%;line-height: 30px;} .guest_list,.news_con{width: 94%;margin-left: auto;margin-right: auto;} .p_note{width: 94%;margin-left: auto;margin-right: auto;} .can_bottom li dt p{font-size: 14px;} } @media only screen and (max-width: 1024px){ .banner_txt{bottom: 15px;} .guest_list li dd .guest_img{padding-top: 0;} } @media only screen and (max-width:767px){ /*.index_01{background: #0f0e22;}*/ .banner_txt{position: static;margin: 0 auto;padding: 20px 0;display: none;} .intro_txt{margin-bottom: 40px;font-size: 14px;line-height: 28px;} .index_02{padding-top: 20px;} .div_tit{margin-bottom: 35px;} .can_top{overflow: inherit;padding: 0 1px;box-sizing: border-box;} .can_top ul{margin-left: 0;margin-right: 0;overflow: initial;} .can_top li{padding: 0;} .can_top .lhl_but{display: block;} .div_img{width: 60%;} .can_bottom li{width: 50%;margin-bottom: 10px;} .can_bottom li dd{margin-bottom: 15px;} .can_bottom li dt{line-height: 20px;} .can_bottom li dt p{font-size: 12px;height: 80px;overflow: hidden;} .can_bottom li:after{display: none;} .guest_list{padding: 30px 10px 0px;} .p_note{margin-bottom: 50px;} .review_div{padding: 30px 20px;} .review_div dd,.review_div dt{width: 100%;overflow: hidden;} .review_div dd{margin-bottom: 20px;} .review_div dt{position: static;margin-top: 20px;overflow: hidden;} .review_div dt ul{margin-left: -5px;margin-right: -5px;} .review_div dt li{padding: 0 5px;margin-bottom: 10px;} .review_more{margin-top: 20px;} .review_more a{height: 40px;line-height: 40px;background-size: 100% 100%;width: 180px;} .review_more a i{font-size: 22px;} .news_con{padding: 30px 20px;margin-bottom: 50px;} .lhl_but div{width: 15px;height: 21px;} .lhl_but div.swiper-button-prev{left: -10px;} .lhl_but div.swiper-button-next{right: -10px;} .medium_con{padding: 30px 20px 20px;} .medium_con ul{margin-left: -5px;margin-right: -5px;} .medium_con li{width: 33.3%;padding: 0 5px;margin-bottom: 10px;} .ewm_div img{width: 150px;height: 151px;} .ico_img{max-width: 80%;} .ico_01{right: -10px;} .index_03 .ico_02{right: 3px;top: -7px;} .index_04 .ico_03{left: 0px;top: -14px;} .index_05 .ico_04{right: -2px;top: -5px;} .index_06 .ico_05{left: -5px;top: -15px;} .index_07 .ico_06{right: -2px;top: -6px;} /*.index_03,.index_04{background-size: 100% 100%;}*/ .index_04{margin-top: -1px;} .index_03 .div_img {margin-left: -14%;} .index_04 .div_img {margin-right: -14%;} .index_05 .div_img{margin-right: 0;margin-left: -14%;} .index_06 .div_img {margin-right: -16%;} .index_07 .div_img{margin-right: 0;margin-left: -14%;} .meeting_img-t{margin-bottom: 0;} .meeting_img-t ul{margin-left: 0;margin-right: 0;} .meeting_img-t li{width: 100%;margin-bottom: 15px;padding: 0;} .meeting_img-t li p{height: 30px;line-height: 30px;} .guest_list li dl{margin-bottom: 20px;width: 33.3%;} .guest_list li dd .guest_img img{width: 90%;} .guest_name p{background-size: 100% 100%;width: 85%;height: 26px;line-height: 25px;font-size: 14px;} .guest_txt{font-size: 12px;line-height: 20px;padding: 0;height: 100px;} .pc_div{display:none;} .phone_div{display: block;} .p_note{font-size: 14px;} .phone_img{display: block;} .pc_img{display: none;} .pc_txt{display: none;} .phone_txt{display: block;} .wrap{max-width: 90%;} /*.guest_list, .news_con{width: 100%;}*/ .guest_list{width: 100%;} .review_div-pc{display:none;} .review_div-phone{display: block;} .review_div dl{margin-bottom: 0;} } @media only screen and (min-width: 1025px){ .div_img:hover .ico_img{margin-top: -10px;} .guest_list li dd .guest_img:hover img{position: relative;transform: translatey(-8px);} .lhl_but div:hover{opacity: .6;} .review_more a:hover{opacity: .8;} .can_top li:hover{margin-top: -8px;} }