@charset "utf-8"; /* CSS Document */ /* 创络科技 http://www.chuangluo.com */ /*初始样式、共同样式*/ html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} *html {background-image:url("about:blank"); background-attachment:fixed;} ul,ol {list-style:none;} a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);} a:hover{-webkit-tap-highlight-color: transparent;} img {border:0px;} input,textarea{font-family: Arial,'微软雅黑';font-size: 16px;resize: none;outline: none;} input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;} textarea{-webkit-appearance: none;} h1, h2, h3, h4, h5, h6 {font-size:120%;} body{ word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,'微软雅黑';overflow-x: hidden;} .imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;} .cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;} .c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;} .c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;} .c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;} .header_box{width: 100%;height: auto;position: relative;z-index: 10;} .header_box .header_top{width: 100%;height: 36px;line-height: 36px;background: #333;border-bottom: 2px solid #27bcff;} .header_box .header_top .content{width: 96%;max-width: 1200px;height: 100%;margin: 0 auto;} .header_box .header_top .content .text{width: auto;height: 100%;float: left;font-size: 12px;color: #cacaca;overflow: hidden;} .header_box .header_top .content .phone{width: auto;height: 100%;float: right;font-size: 12px;color: #fff;overflow: hidden;} .header_box .header_top .content .phone i{font-size: 13px;vertical-align: middle;margin: 0 5px 0 0;} .header_box .header_top .content .lang{width: auto;height: 100%;margin: 0 0 0 10px;float: right;font-size: 0;color: #fff;position: relative;z-index: 10;} .header_box .header_top .content .lang .icon{width: 20px;height: 36px;float: left;text-align: left;overflow: hidden;} .header_box .header_top .content .lang .icon i{font-size: 13px;vertical-align: middle;margin: 0 5px 0 0;} .header_box .header_top .content .lang .title{width: 80px;height: 36px;float: right;text-align: center;font-size: 12px;color: #fff;cursor: pointer;overflow: hidden;} .header_box .header_top .content .lang a{width: auto;height: auto;display: inline-block;*display: inline;*zoom: 1;font-style: normal;vertical-align: middle;font-size: 12px;color: #fff;} .header_box .header_top .content .lang a:hover{background: #27bcff;} .header_box .header_top .content .lang .menu{width: 80px;height: auto;position: absolute;right: 0;top: 100%;background: #333;font-size: 12px;display: none;overflow: hidden;} .header_box .header_top .content .lang .menu a{width: 100%;height: auto;display: block;text-align: center;overflow: hidden;} .header_box .header_top .content .lang:hover .menu{display: block;} .header_box .h_content{width: 96%;max-width: 1200px;height: 90px;line-height: 90px;margin: 0 auto;} .header_box .h_content .logo{width: 40%;max-width: 180px;height: 100%;float: left;overflow: hidden;} .header_box .h_content .logo img{vertical-align: middle;max-width: 100%;max-height: 90%;} .header_box .h_content .nav{width: auto;height: 100%;float: right;overflow: hidden;} .header_box .h_content .nav ul{width: 100%;height: 100%;margin: 0;padding: 0;font-size: 0;overflow: hidden;} .header_box .h_content .nav ul li{width: auto;height: 100%;float: left;font-size: 16px;position: relative;overflow: hidden;} .header_box .h_content .nav ul li:first-child{margin: 0;} .header_box .h_content .nav ul li a{width: auto;height: 100%;padding: 0 1.5vw;display: block;color: #333;overflow: hidden;} .header_box .h_content .nav ul li a.active{font-weight: bold;} .header_box .h_content .nav ul li a.active, .header_box .h_content .nav ul li a:hover{background: #27bcff url('../images/nav_c.png') no-repeat bottom;color: #fff;} .header_box .h_content .nav_c{width: 40px;height: 100%;line-height: 80px;margin: 0 0 0 20px;float: right;font-size: 30px;text-align: right;display: none;overflow: hidden;} .header_box .h_content .nav_c i{font-size: 30px;color: #27bcff;} .header_box .h_content .lang_c{width: 40px;height: 100%;line-height: 80px;float: right;font-size: 30px;text-align: right;display: none;overflow: hidden;} .header_box .h_content .lang_c i{font-size: 30px;color: #27bcff;} @media screen and (max-width: 991px) { .header_box{border-bottom: 1px solid #27bcff;} .header_box .header_top{display: none;} .header_box .h_content{height: 80px;line-height: 80px;} .header_box .h_content .logo{width: 50%;} .header_box .h_content .lang{display: none;} .header_box .h_content .nav, .header_box .h_content .tel{display: none;} .header_box .h_content .nav_c{display: block;} .header_box .h_content .lang_c{display: block;} } /* 手机版 语言 */ .lang_box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;background: #000c;display: none;overflow: hidden;} .lang_box .menu{width: 100%;height: auto;overflow: hidden;} .lang_box .menu a{width: 96%;max-width: 180px;height: auto;margin: 3vw auto;padding: 10px;border-radius: 5px;display: block;text-align: center;background: #fff;font-size: 14px;color: #333;overflow: hidden;} .lang_box .menu a.active{background: #27bcff;color: #fff;} .lang_box .close{width: 50px;height: 50px;line-height: 50px;margin: 30px auto 0;text-align: center;color: #fff;overflow: hidden;} .lang_box .close i{font-size: 30px;} .nav_box{width: 70%;height: 100%;position: fixed;top: 0;left: -70%;z-index: 100;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto;} .nav_box .nav_close{width: 100%;height: 80px;box-sizing: border-box;padding: 0 20px;overflow: hidden;} .nav_box .nav_close .close{width: 80px;height: 100%;float: left;position: relative;overflow: hidden;} .nav_box .nav_close .close i{width: 50%;height: 2px;display: block;background: #27bcff;position: absolute;top: 50%;left: -5px;margin: -1px 0 0;overflow: hidden;transform-origin: center center;} .nav_box .nav_close .close i:first-child{transform: rotate(45deg);} .nav_box .nav_close .close i:last-child{transform: rotate(-45deg);} .nav_box .nav_close .m_lang{width: auto;height: 40px;margin: 20px 0;float: right;font-size: 0;overflow: hidden;} .nav_box .nav_close .m_lang a{width: 40px;height: 40px;margin: 0 10px 0 0;display: inline-block;border-radius: 50%;background: #f5f5f5;font-size: 14px;color: #999;vertical-align: top;text-align: center;line-height: 40px;overflow: hidden;} .nav_box .nav_close .m_lang a:last-child{margin: 0;} .nav_box .nav_close .m_lang a.active{background: #27bcff;color: #fff;} .nav_box .line{width: 100%;height: 1px;background: #27bcff;} .nav_box .nav_list{width: 100%;height: auto;padding: 0 0 50px;overflow: hidden;} .nav_box .nav_list ul{margin: 0;padding: 0;overflow: hidden;} .nav_box .nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;} .nav_box .nav_list ul li:last-child{border: 0;} .nav_box .nav_list ul li a{width: 100%;height: auto;display: block;box-sizing: border-box;padding: 20px 45px 20px 20px;font-size: 16px;position: relative;overflow: hidden;} .nav_box .nav_list ul li a .icon_right{width: 20px;height: 30px;line-height: 30px;position: absolute;top: 50%;right: 20px;margin: -15px 0 0;z-index: 2;overflow: hidden;} .nav_box .nav_list ul li>a.active{background: #27bcff;color: #fff;} .nav_box .nav_list ul li ul{padding: 10px 0;display: none;} .nav_box .nav_list ul li ul li{border: 0;} .nav_box .nav_list ul li ul li a{padding: 15px 20px;font-size: 14px;color: #333;} .nav_box .nav_list ul li ul li a.active{background: #27bcff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .nav_box .nav_list ul li ul li ul li a{padding: 10px 20px 10px 30px;color: #999;} .mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 99;display: none;} /* Banner */ .banner_box{width: 100%;height: auto;position: relative;overflow: hidden;} .banner_box ul{margin: 0;padding: 0;font-size: 0;} .banner_box ul li{width: 100%;height: auto;text-align: center;overflow: hidden;} .banner_box ul li img{max-width: 100%;} .banner_box .ico_c{width: 100%;height: 14px;position: absolute;bottom: 60px !important;left: 0;z-index: 10;font-size: 0;text-align: center;overflow: hidden;} .banner_box .ico_c span{display: inline-block;width: 14px;height: 14px;margin: 0 7px;border-radius: 50%;background: #fff;opacity: 1;overflow: hidden;} .banner_box .ico_c span.swiper-pagination-bullet-active{background: #27bcff;} @media screen and (max-width: 991px) { .banner_box .ico_c{bottom: 12px !important;} } @media screen and (max-width: 990px) { .banner_box{width: 990px;left: 50%;margin: 0 0 0 -495px;} } @media screen and (max-width: 640px) { .banner_box{width: 640px;left: 50%;margin: 0 0 0 -320px;} } /* 选择我们的理由 */ .i_service_box{width: 96%;max-width: 1200px;height: 100px;margin: -50px auto 0;position: relative;z-index: 10;overflow: hidden;} .i_service_box ul{width: 100%;height: 100%;margin: 0;padding: 0;display: flex;overflow: hidden;} .i_service_box ul li{width: 100%;height: 100%;background: #333;text-align: center;overflow: hidden;} .i_service_box ul li a{width: 100%;height: 100%;display: block;box-sizing: border-box;padding: 15px 20px;color: #fff;overflow: hidden;} .i_service_box ul li a .icon{width: 100%;height: 30px;line-height: 30px;overflow: hidden;} .i_service_box ul li a .icon i{font-size: 30px;} .i_service_box ul li a .text{width: 100%;height: 30px;line-height: 30px;margin: 10px 0 0;font-size: 16px;overflow: hidden;} .i_service_box ul li.active a ,.i_service_box ul li a:hover{background: #27bcff;} @media screen and (max-width: 1250px) { .i_service_box{height: 80px;margin: -40px auto 0;} .i_service_box ul li a{padding: 18px 20px 22px;} .i_service_box ul li a .icon{height: 20px;line-height: 20px;} .i_service_box ul li a .icon i{font-size: 20px;} .i_service_box ul li a .text{height: 20px;line-height: 20px;font-size: 14px;} } @media screen and (max-width: 991px) { .i_service_box{width: 100%;height: auto;margin: 0;} .i_service_box ul{display: block;} .i_service_box ul li{width: 33.33%;float: left;} .i_service_box ul li:nth-child(odd){background: #27bcff;} .i_service_box ul li a{padding: 20px 2vw;} } /* 首页默认布局样式 */ .i_main_box{width: 100%;height: auto;overflow: hidden;} .i_main{width: 96%;max-width: 1200px;height: auto;margin: 50px auto;overflow: hidden;} .i_title{width: 100%;height: auto;text-align: center;position: relative;overflow: hidden;} .i_title .title{font-size: 38px;color: #000;} .i_title .title span{color: #27bcff;} .i_title .text{margin: 5px 0 0;font-size: 14px;color: #999;line-height: 24px;line-height: 30px;} .i_title .text i{width: 20px;height: 1px;margin: 0 10px;display: inline-block;background: #d9d9d9;vertical-align: middle;} @media screen and (min-width: 992px) and (max-width: 1199px) { .i_main{margin: 30px auto;} } @media screen and (max-width: 991px) { .i_main_box,.i_main{width: 100vw;margin: 0;background: #f5f6fb;} .i_title{box-sizing: border-box;padding: 20px 2vw;background: #fff;} .i_title .title{font-size: 24px;} .i_title .text{font-size: 12px;} .i_title .text i{display: none;} } /* 主营业务 */ .i_pro_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;} .i_pro_box .pro_list{width: 100%;height: auto;overflow: hidden;} .i_pro_box .pro_list ul{margin: -20px 0 0;padding: 0;overflow: hidden;} .i_pro_box .pro_list ul li{width: 280px;height: auto;margin: 20px 26.5px 0 0;float: left;background: #fff;text-align: center;position: relative;overflow: hidden;} .i_pro_box .pro_list ul li:nth-child(4n){margin-right: 0;} .i_pro_box .pro_list ul li .tips{width: 100%;height: auto;/*box-sizing: border-box;padding: 0 5%;*/border-radius: 3px;position: absolute;top: 0;left: 0;z-index: 10;color: #fff;opacity: 0;overflow: hidden;} .i_pro_box .pro_list ul li .tips .icon{width: 100%;height: 48px;line-height: 48px;overflow: hidden;} .i_pro_box .pro_list ul li .tips .icon i{font-size: 40px;} .i_pro_box .pro_list ul li .tips .title{width: 100%;height: auto;margin: 0 0 20%;font-size: 16px;overflow: hidden;} .i_pro_box .pro_list ul li .tips .more{width: 100%;height: auto;font-size: 14px;position: absolute;bottom: 20px;left: 0;overflow: hidden;} .i_pro_box .pro_list ul li .img{width: 100%;height: auto;font-size: 0;border-radius: 3px;overflow: hidden;} .i_pro_box .pro_list ul li .img img{vertical-align: middle;max-width: 100%;} .i_pro_box .pro_list ul li .text{width: 100%;height: auto;margin: 15px 0 0;overflow: hidden;} .i_pro_box .pro_list ul li .text .title{width: 100%;height: auto;font-size: 24px;overflow: hidden;} .i_pro_box .pro_list ul li .text .txt{width: 100%;height: 48px;line-height: 24px;margin: 10px 0 0;font-size: 14px;color: #757575;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .i_pro_box .pro_list ul li:hover .tips{background: #27bcff88;opacity: 1;} @media screen and (max-width: 1250px) { .i_pro_box{margin: 20px 0 0;} .i_pro_box .pro_list ul li{width: 23.5%;margin: 20px 2% 0 0;} .i_pro_box .pro_list ul li .text .title{font-size: 18px;} .i_pro_box .pro_list ul li .text .txt{margin: 5px 0 0;font-size: 12px;text-align: center;} } @media screen and (max-width: 991px) { .i_pro_box{width: 96vw;margin: 2vw auto;} .i_pro_box .pro_list ul{margin: -2vw 0 0;} .i_pro_box .pro_list ul li{width: 47vw;margin: 2vw 0 0;} .i_pro_box .pro_list ul li:nth-child(2n){float: right;} .i_pro_box .pro_list ul li .text{box-sizing: border-box;margin: 0;padding: 15px 2vw 2vw;} } @media screen and (max-width: 640px) { .i_pro_box .pro_list ul li .text .title{font-size: 14px;} .i_pro_box .pro_list ul li .text .txt{height: 40px;line-height: 20px;} } /* 选择憬途物流六大理由 */ .i_main_box#i_adv_box{background: #0b79aa url('../images/adv_bg.png') no-repeat center;} .i_main_box#i_adv_box .i_title .title, .i_main_box#i_adv_box .i_title .text{color: #fff;} .i_adv_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;} .i_adv_box ul{width: 100%;height: auto;margin: 0;padding: 0;overflow: hidden;} .i_adv_box ul li{width: 33.33%;height: 210px;box-sizing: border-box;margin: 0;padding: 20px;float: left;text-align: center;background: rgba(255, 255, 255, .8);overflow: hidden; display: flex; align-items: center; justify-content: center; } .i_adv_box ul li:nth-child(2n){background: rgba(255, 255, 255, .4);color: #fff;} .i_adv_box ul li .content{width: 100%;height: auto;overflow: hidden;} .i_adv_box ul li .title{width: 100%;height: 40px;line-height: 40px;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i_adv_box ul li .text{width: 100%;height: 48px;line-height: 24px;margin: 10px 0 0;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} @media screen and (max-width: 991px) { .i_main_box#i_adv_box .i_title .title{color: #333;} .i_main_box#i_adv_box .i_title .text{color: #999;} .i_adv_box{margin: 0;background: #333;} .i_adv_box ul li{padding: 2vw;background: #27bcff;color: #fff;} .i_adv_box ul li:nth-child(2n){background: none;} } @media screen and (max-width: 768px) { .i_adv_box ul li{width: 50%;height: 140px;} .i_adv_box ul li{background: #333 !important;} .i_adv_box ul li:nth-child(4n){background: #27bcff !important;} .i_adv_box ul li:nth-child(4n+1){background: #27bcff !important;} .i_adv_box ul li .title{font-size: 16px;font-weight: bold;} .i_adv_box ul li .text{margin: 5px 0 0;font-size: 12px;} } /* 0029cc金沙贵宾会 */ .i_main_box#i_abo_box{background: url('../images/abo_bg.png') no-repeat bottom;} .i_abo_box{width: 100%;height: auto;margin: 50px 0 0;position: relative;overflow: hidden;} .i_abo_box .i_abo_main{width: 100%;position: relative;z-index: 2;background: #ededed no-repeat center;overflow: hidden;} .i_abo_box .i_abo_main .text{width: calc(100% - 560px);height: auto;float: left;box-sizing: border-box;padding: 20px;overflow: hidden;} .i_abo_box .i_abo_main .text .title{width: 100%;height: 30px;line-height: 30px;font-size: 24px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i_abo_box .i_abo_main .text .subtitle{width: 100%;height: auto;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;} .i_abo_box .i_abo_main .text .txt{width: 100%;height: auto;line-height: 30px;margin: 5px 0 0;font-size: 14px;color: #333;overflow: hidden;} .i_abo_box .i_abo_main .text .more{width: 110px;height: 36px;line-height: 36px;border-radius: 5px;margin: 5px 0 0;text-align: center;overflow: hidden;} .i_abo_box .i_abo_main .text .more a{width: 100%;height: 100%;display: block;background: #27bcff;color: #fff;font-size: 14px;overflow: hidden;} .i_abo_box .i_abo_main .text .more a i{vertical-align: middle;font-size: 18px;margin: 0 0 0 6px;} .i_abo_box .i_abo_main .img{width: 560px;height: auto;float: left;font-size: 0;overflow: hidden;} .i_abo_box .i_abo_main .img img{max-width: 100%;} .i_abo_box .i_abo_content{width: 100%;height: auto;margin: 20px 0 0;overflow: hidden;} .i_abo_box .i_abo_content .abo_list{width: 100%;height: auto;float: right;overflow: hidden;} .i_abo_box .i_abo_content .abo_list ul{width: 1000%;height: auto;margin: 0;padding: 0;position: relative;overflow: hidden;} .i_abo_box .i_abo_content .abo_list ul li{width: 222px;height: 148px;margin: 0 22px 0 0;float: left;border-radius: 3px;font-size: 0;background: #fff;text-align: center;overflow: hidden;} .i_abo_box .i_abo_content .abo_list ul li:last-child{margin-right: 0;} .i_abo_box .i_abo_content .abo_list ul li img{vertical-align: middle;max-width: 100%;} @media screen and (max-width: 991px) { .i_abo_box{width: 96vw;margin: 2vw auto;} .i_abo_box .i_abo_main .img{width: 100%; margin-bottom: 10px;} .i_abo_box .i_abo_main .img img{width: 100%;} .i_abo_box .i_abo_main .text{width: 100%;padding: 2vw;float: initial;background: #fff;} .i_abo_box .i_abo_main .text .title{color: #27bcff;font-size: 18px;} .i_abo_box .i_abo_main .text .subtitle{color: #757575;} .i_abo_box .i_abo_main .text .txt{color: #757575;} .i_abo_box .i_abo_content{margin: 2vw 0 0;} .i_abo_box .i_abo_content .abo_list ul li{width: 111px;height: 74px; margin: 0 2vw 0 0;} } /* 憬途物流为您提供一站式服务 */ .i_slogan_box{width: 100%;height: auto;background: #232323 url('../images/slogan_bg.png') no-repeat center;text-align: center;color: #fff;overflow: hidden;} .i_slogan_box .i_slogan_main{width: 96%;max-width: 1200px;height: auto;margin: 40px auto;overflow: hidden;} .i_slogan_box .i_slogan_main .title{width: 100%;height: auto;line-height: 40px;font-size: 30px;overflow: hidden;} .i_slogan_box .i_slogan_main .text{width: 100%;height: auto;line-height: 24px;margin: 15px 0 0;font-size: 16px;overflow: hidden;} @media screen and (max-width: 991px) { .i_slogan_box .i_slogan_main{margin: 4vw auto;} .i_slogan_box .i_slogan_main .title{font-size: 24px;font-weight: 100;} .i_slogan_box .i_slogan_main .text{margin: 10px 0 0;font-size: 14px;} } /* 新闻中心 */ .i_main_box#i_new_box{background: url('../images/abo_bg.png') no-repeat bottom;} .i_new_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;} .i_new_box .new_switch{width: 500px;height: auto;float: left;position: relative;overflow: hidden;} .i_new_box .new_switch .new_one{width: 100%;height: auto;float: left;background: #ededed;overflow: hidden;} .i_new_box .new_switch .new_one .img{width: 100%;height: auto;max-height: 332px;background: #fcfcfc;text-align: center;overflow: hidden;} .i_new_box .new_switch .new_one .img img{vertical-align: middle;max-width: 100%;} .i_new_box .new_switch .new_one .text{width: 100%;height: auto;box-sizing: border-box;padding: 20px;overflow: hidden;} .i_new_box .new_switch .new_one .text .title{width: 100%;height: 30px;line-height: 30px;font-size: 16px;overflow: hidden;} .i_new_box .new_switch .new_one .text .title a{color: #333;} .i_new_box .new_switch .new_one .text .title a:hover{color: #27bcff;} .i_new_box .new_switch .new_one .text .time{width: 100%;height: 30px;line-height: 30px;font-size: 12px;color: #999;} .i_new_box .new_switch .new_one .text .txt{width: 100%;height: 50px;font-size: 12px;line-height: 25px;color: #757575;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .i_new_box .new_switch .new_btn{width: 100%;height: 70px;position: absolute;top: 131px;left: 0;z-index: 10;overflow: hidden;} .i_new_box .new_switch .new_btn a{display: block;width: 36px;height: 70px;position: initial;margin: 0;text-align: center;line-height: 70px;background: #27bcff;float: left;font-size: 30px;color: #fff;display: none;overflow: hidden;} .i_new_box .new_switch .new_btn a i{vertical-align: top;} .i_new_box .new_switch .new_btn a.next{float: right;} .i_new_box .new_switch:hover .new_btn a{display: block;} .i_new_box .new_switch .new_spot{width: 100%;padding: 10px 0;text-align: center;font-size: 0;display: none;} .i_new_box .new_switch .new_spot span{display: inline-block;} .i_new_box .new_list{width: 680px;height: auto;float: right;overflow: hidden;} .i_new_box .new_list ul{margin: 0;padding: 0;} .i_new_box .new_list ul li{width: 100%;height: auto;margin: 17px 0 0;background: #ededed;overflow: hidden;} .i_new_box .new_list ul li.first{width: 100%;height: auto;box-sizing: border-box;margin: 0;padding: 15px;overflow: hidden;} .i_new_box .new_list ul li.first .img{width: 240px;height: 160px;float: left;text-align: center;background: #fff;overflow: hidden;} .i_new_box .new_list ul li.first .img img{vertical-align: middle;max-width: 100%;max-height: 100%;} .i_new_box .new_list ul li.first .text{width: calc(100% - 250px);height: 160px;float: right;overflow: hidden;} .i_new_box .new_list ul li.first .text .title{width: 100%;height: 40px;line-height: 40px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i_new_box .new_list ul li.first .text .title a{color: #333;} .i_new_box .new_list ul li.first .text .title a:hover{color: #27bcff;} .i_new_box .new_list ul li.first .text .time{width: 100%;height: 30px;padding: 0;text-align: left;line-height: 30px;font-size: 14px;color: #999;background: none;overflow: hidden;} .i_new_box .new_list ul li.first .text .txt{width: 100%;height: 75px;font-size: 12px;line-height: 25px;color: #757575;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .i_new_box .new_list ul li .time{width: 80px;height: 80px;box-sizing: border-box;padding: 8px;float: left;background: #27bcff;color: #fff;text-align: center;overflow: hidden;} .i_new_box .new_list ul li .time .day{width: 100%;height: 36px;line-height: 36px;font-size: 30px;overflow: hidden;} .i_new_box .new_list ul li .time .years{width: 100%;height: 28px;line-height: 28px;font-size: 12px;overflow: hidden;} .i_new_box .new_list ul li .text{width: calc(100% - 90px);height: 80px;box-sizing: border-box;padding: 5px 10px;float: right;overflow: hidden;} .i_new_box .new_list ul li .text .title{width: 100%;height: 32px;line-height: 32px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i_new_box .new_list ul li .text .title a{color: #333;} .i_new_box .new_list ul li .text .title a:hover{color: #27bcff;} .i_new_box .new_list ul li .text .txt{width: 100%;height: 50px;font-size: 12px;line-height: 25px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} @media screen and (max-width: 1250px) { .i_new_box .new_list{width: calc(100% - 514px);} } @media screen and (max-width: 991px) { .i_new_box{width: 96vw;margin: 2vw auto;} .i_new_box .new_switch{width: 100%;float: initial;background: #fff;} .i_new_box .new_switch .new_btn{display: none;} .i_new_box .new_switch .new_one .text{padding: 2vw;background: #fff;} .i_new_box .new_switch .new_spot{display: block;} .i_new_box .new_list{width: 100%;float: initial;margin: 2vw 0 0;} .i_new_box .new_list ul{width: 100%;} .i_new_box .new_list ul li{width: 100%;box-sizing: border-box;margin: 2vw 0 0;padding: 2vw;background: #fff;} .i_new_box .new_list ul li.first{height: auto;padding: 2vw;background: #fff;} .i_new_box .new_list ul li.first .text .txt{height: 50px;-webkit-line-clamp: 2;} .i_new_box .new_list ul li .text{width: calc(100% - 90px);padding: 0;} .i_new_box .new_list ul li .text .txt{height: 48px;line-height: 24px;} } @media screen and (max-width: 480px) { .i_new_box .new_list ul li.first .img{width: 44%;height: auto;} .i_new_box .new_list ul li.first .text{width: 54%;height: auto;} .i_new_box .new_list ul li.first .text .title{height: 30px;line-height: 30px;font-size: 14px;} .i_new_box .new_list ul li.first .text .time{height: 20px;line-height: 20px;font-size: 12px;} .i_new_box .new_list ul li .text .title{font-size: 14px;} } /* 合作伙伴 */ .i_main_box#i_partner_box{background: url('../images/abo_bg.png') no-repeat bottom;} .i_partner_box{width: 100%;height: auto;margin: 30px 0 0;overflow: hidden;} .i_partner_box .i_partner_list{width: 100%;height: auto;overflow: hidden;} .i_partner_box .i_partner_list ul{width: 100%;height: auto;margin: -20px 0 0;padding: 0;overflow: hidden;} .i_partner_box .i_partner_list ul li{width: 18.4%;height: auto;box-sizing: border-box;margin: 20px 2% 0 0;padding: 0;float: left;border-radius: 5px;background: #fff;text-align: center;font-size: 14px;color: #000;overflow: hidden;} .i_partner_box .i_partner_list ul li:nth-child(5n){margin-right: 0;} .i_partner_box .i_partner_list ul li img{vertical-align: middle;max-width: 100%;max-height: 100%;} @media screen and (max-width: 991px) { .i_partner_box{width: 100vw;margin: 0} .i_partner_box .i_partner_list{width: 96vw;margin: 2vw auto;} .i_partner_box .i_partner_list ul{margin: -2vw 0 0;} .i_partner_box .i_partner_list ul li{width: 31%;height: auto;margin: 2vw 2% 0 0 !important;} } @media screen and (min-width: 641px) and (max-width: 991px) { .i_partner_box .i_partner_list ul li:nth-child(3n){margin-right: 0 !important;} } @media screen and (max-width: 640px) { .i_partner_box .i_partner_list ul li{width: 47%;} .i_partner_box .i_partner_list ul li:nth-child(2n){margin-right: 0 !important;} } /* Footer */ .footer_box{width: 100%;height: auto;background: #014e70 url('../images/f_bg.png') no-repeat bottom/cover;overflow: hidden;} .footer_box .footer_m{width: 96vw;max-width: 1200px;height: auto;margin: 30px auto;overflow: hidden;} .footer_box .footer_m .f_nav{width: 70%;height: auto;float: left;overflow: hidden;} .footer_box .footer_m .f_nav>ul{width: 100%;margin: 0;padding: 0;overflow: hidden;display: flex;} .footer_box .footer_m .f_nav ul li{width: 100%;height: auto;overflow: hidden;} .footer_box .footer_m .f_nav ul li:last-child{margin: 0;} .footer_box .footer_m .f_nav ul li span{width: 95%;height: 24px;line-height: 14px;display: block;font-size: 14px;color: #fff;} .footer_box .footer_m .f_nav ul li ul{width: 95%;margin: 0;padding: 0;} .footer_box .footer_m .f_nav ul li ul li{width: 100%;margin: 0;margin: 8px 0;font-size: 12px;} .footer_box .footer_m .f_nav ul li ul li a{color: #fff;} .footer_box .footer_m .f_nav ul li ul li a:hover{text-decoration: underline;} .footer_box .footer_m .f_c{width: 30%;max-width: 400px;height: auto;float: right;overflow: hidden;} .footer_box .footer_m .f_c .ewm_box{width: 140px;height: auto;float: left;text-align: center;overflow: hidden;} .footer_box .footer_m .f_c .ewm_box .ewm_img{width: 100%;height: auto;overflow: hidden;} .footer_box .footer_m .f_c .ewm_box .ewm_img img{max-width: 100%;} .footer_box .footer_m .f_c .ewm_box .ewm_text{width: 100%;height: auto;margin: 6px 0 0;font-size: 12px;color: #fff;overflow: hidden;} .footer_box .footer_m .f_c .f_con{width: calc(100% - 140px);height: auto;float: right;color: #fff;overflow: hidden;} .footer_box .footer_m .f_c .f_con .tel{line-height: 24px;font-size: 12px;} .footer_box .footer_m .f_c .f_con .tel span{font-size: 18px;font-weight: bold;} .footer_box .footer_m .f_c .f_con .text{width: 100%;line-height: 20px;font-size: 12px;} .footer_box .footer_m .f_c .f_con .text p{margin: 5px 0;padding: 0;} .footer_box .footer_m .f_c .f_con .text a{color: #aaa;-webkit-transition: all 100ms;-o-transition: all 100ms;transition: all 100ms;} .footer_box .footer_m .f_c .f_con .text a:hover{text-decoration: underline;} .footer_box .copy_box{width: 100%;height: auto;background: #004768;overflow: hidden;} .footer_box .copy_box .copy{width: 96%;max-width: 1200px;height: auto;margin: 0 auto;padding: 6px 0;line-height: 30px;font-size: 12px;color: #fff;overflow: hidden;} .footer_box .copy_box .copy a{color: #fff;} .footer_box .copy_box .copy a:hover{text-decoration: underline;} .foot_kefu{display: none;} @media screen and (max-width:768px) { /*底部客服*/ .footer_box .copy_box{margin-bottom: 34px;} .foot_kefu{display: block; width: 100%; height: 34px; line-height: 34px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;} .foot_kefu_one{width: calc(25% - 1px); height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: #27bcff; border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);} .foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;} .foot_kefu_one a{color: #fff;} .foot_kefu_one a i{margin-right: 6px; font-size: 14px;} .foot_kefu_one a:hover{color: #fff;} } @media screen and (max-width: 991px) { .footer_box .footer_m{display: none;} .footer_box .copy{text-align: center;} } /* Page Banner */ .p_banner{width: 100%;height: auto;font-size: 0;position: relative;overflow: hidden;} .p_banner .img{width: 1920px;height: 100%;position: relative;left: 50%;margin: 0 0 0 -960px;z-index: 1;font-size: 0;text-align: center;overflow: hidden;} .p_banner .img img{max-width: 100%;} /* 子分类 */ .subnav{width: 100%;height: 50px;margin: -50px 0 0;position: relative;z-index: 10;background: rgba(0, 0, 0, .6);overflow: hidden;} .subnav ul{width: 100%;height: 100%;line-height: 50px;margin: 0 auto;padding: 0;text-align: center;font-size: 0;overflow: hidden;} .subnav ul li{width: auto;height: 100%;display: inline-block;*display: inline;*zoom: 1;font-size: 16px;overflow: hidden;} .subnav ul li a{width: auto;height: 100%;padding: 0 2vw;display: block;color: #fff;overflow: hidden;} .subnav ul li a.active, .subnav ul li a:hover{background: #27bcff;} /* Navigation */ .navigation{width: 96%;max-width: 1200px;line-height: 50px;border-bottom: 1px solid #d9d9d9;margin: 0 auto;font-size: 12px;color: #999;overflow: hidden;} .navigation i.icon_shouye{font-size: 12px;color: #27bcff;} .navigation i{font-size: 14px;vertical-align: top;margin: 0 10px 0 0;color: #999;} .navigation i.icon_you{margin: 0 10px;font-size: 10px;} .navigation a{color: #999;} .navigation a:hover{color: #27bcff;} .p_main_box{width: 100%;height: auto;overflow: hidden;} .p_main{width: 96%;max-width: 1200px;margin: 30px auto;overflow: hidden;} .p_title{width: 100%;height: auto;box-sizing: border-box;padding: 20px 2vw;background: #fff;text-align: center;font-size: 24px;color: #000;display: none;overflow: hidden;} .p_title .line{width: 40px;height: 2px;margin: 15px auto 0;background: #27bcff;} .details_box{width: 100%;height: auto;overflow: hidden;} .title_details{width: 100%;height: auto;padding: 0 0 25px;background: #fff;border-bottom: 1px dashed #d9d9d9;text-align: center;font-size: 14px;color: #999;overflow: hidden;} .title_details h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;color: #333;padding-bottom: 10px;} .text_details{width: 100%;height: auto;font-size: 16px;line-height: 30px;color: #000;text-align: justify;overflow: hidden;} .text_details.main_text{margin: 50px auto;} .text_details.line_20{line-height: 20px;} .text_details .title{padding: 0 0 20px;font-size: 18px;color: #fd8b30;border-bottom: 1px solid #d9d9d9;} .text_details .c_title{margin: 10px 0;font-size: 24px;color: #26a9de;} .text_details .c_title .line{width: 30px;height: 2px;margin: 10px 0 0;background: #26a9de;} .text_details img{vertical-align: middle;max-width: 100%;} .text_details table {font-size:14px; width:100%; color:#000; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .text_details table tr:hover{ background: #f5f5f5;} .text_details table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;} .text_details table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;} .moblie{display: none;} @media screen and (max-width: 991px) { .p_banner{display: none;} .p_box{display: none;} .p_main_box{background: #f5f5f5;} .p_main{width: 100%;margin: 0;} .navigation, .subnav{display: none;} .text_details.main_text{margin: 2vw auto;} .details_box .title_details{box-sizing: border-box;padding: 20px 2vw;border-bottom: 0;} .details_box .title_details h1{font-size: 18px;} .details_box .text_details{box-sizing: border-box;padding: 2vw;background: #fff;} .p_title{display: block;} } /* 内页 0029cc金沙贵宾会 */ .p_abo_box{width: 96%;max-width: 1200px;height: auto;margin: 20px auto;overflow: hidden;} @media screen and (max-width: 991px) { .p_abo_box{margin: 2vw auto;} .p_abo_box .details_box{width: 100%;box-sizing: border-box;padding: 2vw;background: #fff;} } /* 内页 主营业务 */ .p_pro_box{width: 96%;max-width: 1200px;margin: 30px auto;overflow: hidden;} .p_pro_box .p_pro_list{width: 100%;height: auto;overflow: hidden;} .p_pro_box .p_pro_list ul{width: 100%;height: auto;margin: -2vw 0 0;padding: 0;overflow: hidden;} .p_pro_box .p_pro_list ul li{width: 32%;height: auto;box-sizing: border-box;margin: 2vw 2% 0 0;padding: 0;float: left;background: #fff;text-align: center;font-size: 14px;color: #000;overflow: hidden;} .p_pro_box .p_pro_list ul li:nth-child(3n){margin-right: 0;} .p_pro_box .p_pro_list ul li .img{width: 100%;height: auto;text-align: center;font-size: 0;overflow: hidden;} .p_pro_box .p_pro_list ul li .img img{vertical-align: middle;max-width: 100%;} .p_pro_box .p_pro_list ul li .text{width: 100%;height: 50px;box-sizing: border-box;padding: 0 10px;line-height: 50px;background: #f5f5f5;color: #757575;overflow: hidden;} .p_pro_box .p_pro_list ul li:hover .text{background: #27bcff;color: #fff;} @media screen and (max-width: 991px) { .p_pro_box{width: 96vw;margin: 2vw auto;} .p_pro_box .p_pro_list{margin: 0 0 2vw;} .p_pro_box .p_pro_list ul li .text{background: #fff;} .p_pro_box .details_box .text_details{margin: 2vw 0;} } @media screen and (max-width: 640px) { .p_pro_box .p_pro_list ul li{width: 47vw;margin: 2vw 0 0 !important;} .p_pro_box .p_pro_list ul li:nth-child(2n){float: right;} .p_pro_box .p_pro_list ul li .text{height: 40px;line-height: 40px;} } /* 内页 新闻 */ .p_new_box{width: 100%;height: auto;margin: 30px 0;overflow: hidden;} .p_new_box .new_list{width: 100%;height: auto;overflow: hidden;} .p_new_box .new_list ul{margin: 0;padding: 0;overflow: hidden;} .p_new_box .new_list ul li{width: 100%;height: auto;padding: 30px 0;overflow: hidden;} .p_new_box .new_list ul li .new_main{width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;} .p_new_box .new_list ul li .img{width: 300px;height: auto;float: left;text-align: center;font-size: 0;overflow: hidden;} .p_new_box .new_list ul li .img img{vertical-align: middle;max-width: 100%;-webkit-transition: transform 0.3s;-o-transition: transform 0.3s;transition: transform 0.3s;} .p_new_box .new_list ul li .text{width: calc(100% - 330px);height: auto;box-sizing: border-box;float: right;overflow: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .p_new_box .new_list ul li .text .title{width: 100%;height: 30px;line-height: 30px;font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .p_new_box .new_list ul li .text .time{width: 100%;height: auto;line-height: 24px;font-size: 12px;color: #999;overflow: hidden;} .p_new_box .new_list ul li .text .txt{width: 100%;height: 90px;margin: 5px 0 0;line-height: 30px;font-size: 14px;color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .p_new_box .new_list ul li:hover{background: #f5f5f5;} .p_new_box .new_list ul li:hover .title{color: #27bcff;} .p_new_box .new_list ul li:hover .txt{border-color: #27bcff;} .p_new_box .new_list ul li:hover .img img{-webkit-transform: scale3d(1.05,1.05,1.05);-ms-transform: scale3d(1.05,1.05,1.05);-o-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05);} @media screen and (max-width: 991px) { .p_new_box{width: 96%;margin: 2vw auto;} .p_new_box .new_list ul li{box-sizing: border-box;margin: 2vw 0;padding: 2vw;border: 0;background: #fff;} .p_new_box .new_list ul li .new_main{width: 100%;} .p_new_box .new_list ul li:first-child{margin-top: 0;} .p_new_box .new_list ul li .text{width: calc(100% - 315px);} .p_new_box .new_list ul li:hover{background: #fff;} } @media screen and (max-width: 768px) { .p_new_box .new_list ul li{padding: 2vw;} .p_new_box .new_list ul li .img{width: 35%;} .p_new_box .new_list ul li .text{width: 65%;padding: 0 0 0 2vw;} .p_new_box .new_list ul li .text .title{height: 24px;line-height: 24px;font-size: 14px;} .p_new_box .new_list ul li .text .txt{height: 72px;font-size: 12px;line-height: 24px;} } @media screen and (max-width: 480px) { .p_new_box .new_list ul li .text .txt{height: 50px;line-height: 25px;font-size: 12px;-webkit-line-clamp: 2;} } /* 内页 新闻详情 */ .p_new_box .details_box{width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;} @media screen and (max-width: 991px) { .p_new_box .details_box{width: 100%;} .p_new_box .details_box .text_details{width: 100%;box-sizing: border-box;margin: 2vw 0;padding: 2vw;background: #fff;} } /* 内页 在线留言 */ .p_fee_box{width: 96%;max-width: 960px;height: auto;margin: 30px auto;overflow: hidden;} .p_fee_list{width: 100%;height: auto;overflow: hidden;} .p_fee_list ul{width: 100%;height: auto;margin: -10px 0 0;padding: 0;overflow: hidden;} .p_fee_list ul li{width: auto;height: auto;margin: 10px 0;overflow: hidden;} .p_fee_list ul li input[type="text"]{width: 100%;height: 50px;*line-height: 50px;margin: 0;box-sizing: border-box;padding: 0 10px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;} .p_fee_list ul li textarea{width: 100%;height: 340px;box-sizing: border-box;margin: 0;padding: 9px;border-radius: 3px;border: 1px solid #d9d9d9;font-size: 14px;color: #333;line-height: 24px;overflow: hidden;} .p_fee_list ul li.f_text,.p_fee_list ul li.f_code{float: left;margin: 10px 0;} .p_fee_list ul li.f_text{width: calc(30% - 10px);margin: 10px 10px 0 0;} .p_fee_list ul li.f_code{width: 40%;} .p_fee_list ul li.f_code input{width: calc(100% - 170px);margin: 0 10px 0 0;float: left;} .p_fee_list ul li.f_code img{vertical-align: top; max-width: 160px; max-height: 50px; border-radius: 5px;float: right;} .p_fee_list ul li.f_textarea{clear: both;} .p_fee_list ul li.f_submit{width: 100%;height: auto;text-align: center;overflow: hidden;} .p_fee_list ul li.f_submit input{width: 150px;height: 50px;margin: 0;padding: 0;border: 0;border-radius: 3px;background: #27bcff;font-size: 16px;color: #fff;cursor: pointer;} @media screen and (max-width: 991px) { .p_fee_box{width: 96%;margin: 3vw auto 50px;} .p_fee_list{width: 100%;} .p_fee_list ul li{width: 100% !important;margin: 2vw 0 0;float: initial;} .p_fee_list ul li input[type="text"],.p_fee_list ul li textarea{} } /* List */ .list{width: 100%;height: auto;box-sizing: border-box;margin: 30px 0 0;text-align: center;font-size: 0;overflow: hidden;} .list a,.list span{width: auto; max-width: 250px;height: 40px;margin: 0 5px;padding: 0 16px;line-height: 40px;border-radius: 3px;display: inline-block;*display: inline;*zoom: 1;background: #f0f0f0;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list a.active,.list a:hover{background: #27bcff;color: #fff;} .list span{padding: 0 5px;background: none;} .list_nav{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .8);z-index: 100;display: none;overflow: hidden;} .list_nav ul{width: 96%;max-height: 70%;margin: 0 auto;padding: 0;overflow: hidden;overflow-y: auto;} .list_nav ul li{width: 18%;height: 60px;line-height: 60px;margin: 10px 2.5% 0 0;border-radius: 5px;float: left;text-align: center;overflow: hidden;} .list_nav ul li:nth-child(5n){margin-right: 0;} .list_nav ul li a{width: 100%;height: 100%;display: block;background: #fff;color: #333;} .list_nav ul li a.active{background: #27bcff;color: #fff;} .list_close{width: 15vw;max-width: 70px;height: 15vw;max-height: 70px;border-radius: 50%;border: 2px solid #fff;margin: 20px auto 0;position: relative;overflow: hidden;} .list_close i{width: 60%;height: 2px;display: block;background: #fff;position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -30%;transform-origin: center center;} .list_close i:first-child{transform: rotate(45deg);} .list_close i:last-child{transform: rotate(-45deg);} @media screen and (max-width: 991px) { .bottom_tools{display: none;} .list{margin: 0;padding: 2vw; background: #fff;} .list a{max-width: 80px;} .list_for_list a{width: 100%; max-width: 90%; background: #27bcff;color: #fff; margin: 5px 0;} } #mapshowbox{width:100%; height:500px;} #mapshowbox_big{width:100%; height:100%; position:absolute;} .goto_bigmap{width:100%; height:46px; padding-bottom:10px;} .goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family:Arial, "微软雅黑"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;} .goto_bigmap a:hover{background:#27bcff;} /* 在线客服 */ .bottom_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;} .cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center;} .cl_kefu_one i{font-size: 24px; color: #fff;} .go_radius_1{border-radius: 3px 0 0 0;} .go_radius_2{border-radius: 0 0 0 3px;} #cl_gotop{display:none;} .qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;} .qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto;} .qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;} .qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto;} .qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right; background: #fff;} .qr_menu>span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;} .qr_menu a{display:inline-block; width:138px; padding-left:20px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .qr_menu a i{font-size: 30px; display: inline-block; vertical-align: top; margin-right: 10px; color: #40abf5;} .qr_menu a span{display: inline-block; vertical-align: top;} .qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;} .qr_menu_1 ul{margin:0px; padding:0px;} .qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;} .qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}