/* Powered by ly200.com http://www.ly200.com 广州联雅网络科技有限公司 020-83226791 */ /* .w_1200 .wide{width: 1200px;}*/ html,body,html *,body *{font-family: 'Microsoft YaHei';} .delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} /* 旧版样式 #header{height: 97px;} #header .logo, #header .logo h1{width: 330px;height: 97px;} #header .logo img{display: inline-block;vertical-align: middle;} #header .logo span{display: inline-block;height: 100%;vertical-align: middle;} #nav{float: right;} #nav ul{height: 32px;margin-top: 34px;} #nav ul li{float: left;} #nav ul li a{display: block;height: 32px;line-height: 32px;padding: 0 30px;font-size: 16px;color: #333;} #nav ul li a:hover{color:#0db083;} #search{height: 140px;overflow: hidden;background: url(../pic/search_bg.jpg) no-repeat center;} #search form{position: relative;width: 700px;height: 52px;overflow: hidden;border-radius: 26px;margin: 44px auto 0;} #search .text{width: 100%;height: 52px;border:none;text-indent: 15px;} #search .button{position: absolute;top: 0;right: 0;width: 64px;height: 52px;background: #0db083 url(../pic/icon_search.png) no-repeat center;border:none;cursor: pointer;} */ .mb_show{display:none;} .wide{width:92%; max-width:1400px; min-width:unset; margin:0 auto;} #top_bar_outer, #header, #nav_outer, #service_outer, #footer_outer{min-width:unset;} #user{ float: right; margin-top: 33px;} #user a{ height:34px; line-height:34px; display:block; font-size:14px; text-align:center; border-radius:3px; text-decoration:none; float:left;} #user a.register{ width:88px; background:#0bba91; border:1px solid #0bba91; color:#fff; margin-left:0px;} #user a.login{ width:68px; color:#333; border:1px solid #ccc; margin-left:10px;} #search{height: 140px;overflow: hidden;background: #0db083;} #search form{position: relative;width: 700px;height: 52px;overflow: hidden;border-radius: 26px;margin: 44px auto 0;} #search .text{width: 100%;height: 52px;border:none;text-indent: 15px; font-size: 16px;} #search .button{position: absolute;top: 0;right: 0;width: 64px;height: 52px;background: #1a2324 url(../pic/icon_search.png) no-repeat center;border:none;cursor: pointer;} #main{padding-top: 70px;padding-bottom: 90px;} #leftside{width: 250px;border-right: 1px solid #e3e3e3;float: left;color: #333;} #leftside h2{height: 42px;line-height: 42px;padding-bottom: 10px;font-size: 22px;color: #666;} #leftside dl{} #leftside dl dt{/*height: 40px;*/ padding: 0 30px 0 20px; line-height: 40px;margin-bottom: 0;position: relative;font-size: 14px;cursor: pointer;} #leftside dl dt:after{display: none;content: '';width: 11px;height: 7px;background: url(../pic/icon_arrow_cur_new.png) no-repeat center; position: absolute;top: 20px;right: 15px;bottom: 0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;transform: rotate(-90deg);} #leftside dl dt.son:after{display: block;} #leftside dl dt a{display: block; color: rgb(92, 105, 117);} #leftside dl dt a:hover{color:#0db083;} #leftside dl dt.son a{display: inline;} #leftside dl dt.cur{background: #0db083;color: #fff;} #leftside dl dt.cur a{color: #fff;} #leftside dl dt.cur:after{background: url(../pic/icon_arrow_cur_new.png) no-repeat center; transform: rotate(0deg);} #leftside dl dd{display: none; padding-bottom: 10px;margin: 5px 0;} #leftside dl dd a{display: block; padding: 9px 10px; line-height: 20px;margin-bottom: 0;position: relative;font-size: 14px;color: #666; box-sizing: border-box;} /*#leftside dl dd a:before{content: '';width: 0px;height: 100%;background: #0db083; position: absolute;top: 0;left: -1px;color: #0db083;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}*/ /*#leftside dl dd a.cur:before, #leftside dl dd a:hover:before{width: 4px;}*/ #leftside dl dd a.cur, #leftside dl dd a:hover{ background: #f4f4f4; color: #0c9771;} #rightside{width: 929px;float: right;} #rightside .top_title{line-height: 2.5rem;overflow: hidden;padding-bottom: 18px;font-size: 2.25rem;color: #000;font-weight: 700} /*#rightside .top_title.return{background: url(../pic/icon_left.png) no-repeat left 9px; border-bottom: 1px solid #e3e3e3; text-indent: 33px;cursor: pointer;}*/ #rightside .question_list .list{display: block;height: 79px;line-height: 79px;overflow: hidden;background: url(../pic/icon_search_list.png) no-repeat 10px center; border-bottom: 1px solid #e3e3e3;padding-left: 48px;position: relative;font-size: 18px;color: #555;} #rightside .question_list .list:hover{color:#0db083;} #rightside .question_list .list:after{content:'';width: 11px;height: 17px;background: url(../pic/icon_rig.png) no-repeat center;margin:auto;position: absolute;top: 0;right: 20px;bottom: 0;} #rightside .question_list .list:first-child{border-top: 1px solid #e3e3e3;} #rightside .description{overflow: hidden;padding: 30px 0 0; line-height: 40px; font-size: 16px; font-family: '微软雅黑';} #rightside .description *{ line-height: 40px; font-size: 16px; font-family: '微软雅黑';} #rightside .description .info_desc_text{ width: 100%; line-height: 40px !important; font-size: 16px !important; color: #333; font-family: '微软雅黑' !important;} #rightside .description .info_desc_color_text{ margin: 37px 0 26px; width: 100%; line-height: 46px !important; font-size: 18px !important; color: #0db083 !important; font-weight: bold !important;} #rightside .description .info_desc_mode .info_desc_text{ font-size: 18px !important;} #rightside .description strong, #rightside .description b{font-weight: bold;font-size: inherit;} #rightside .description i, #rightside .description em{font-style: italic;} #rightside .description s, #rightside .description del{text-decoration: line-through;} #rightside .description u{text-decoration:underline;font-size: inherit;} #news_desc{width: calc(96% - 220px); width: -webkit-calc(96% - 230px); width: -moz-calc(96% - 230px); max-width: 1170px;padding-left: 300px;} #news_desc #leftside{margin-left: -300px;} #news_desc #rightside{width: 100%;} #news_desc #rightside img{cursor: zoom-in;} #news_desc #rightside .info_form{ width: 100%;} #news_desc #rightside .info_form .row{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px;} #news_desc #rightside .info_form .row input[type=text]{ padding: 0 15px; width: 49%; height: 100%; border: 0; background: #F9F9F9; box-sizing: border-box; border-radius: 3px;} #news_desc #rightside .info_form .row input[type=text]::-webkit-input-placeholder, #news_desc #rightside .info_form textarea::-webkit-input-placeholder { color: #999; font-size: 18px;} #news_desc #rightside .info_form .row input[type=text]:-moz-placeholder, #news_desc #rightside .info_form textarea:-moz-placeholder{ color: #999; font-size: 18px;} #news_desc #rightside .info_form .row input[type=text]::-moz-placeholder, #news_desc #rightside .info_form textarea::-moz-placeholder{ color: #999; font-size: 18px;} #news_desc #rightside .info_form .row input[type=text]:-ms-input-placeholder, #news_desc #rightside .info_form textarea:-ms-input-placeholder { color: #999; font-size: 18px;} #news_desc #rightside .info_form textarea{ margin-top: 15px; padding: 15px; width: 100%; height: 150px; border: 0; background: #f9f9f9; border-radius: 3px; box-sizing: border-box;} #news_desc #rightside .info_form input[type=submit]{ margin-top: 25px; width: 100%; height: 52px; border: 0; background: #40B185; font-size: 18px; color: #fff; cursor: pointer; border-radius: 3px;} #search_result{} #search_result .top_title{line-height: 54px;overflow: hidden;text-indent: 5px;font-size: 36px;color: #333;} #search_result .sec_title{height: 46px;line-height: 46px;margin-bottom: 5px;text-indent: 5px;font-size: 14px;color: #666;} #search_result .search_rslist{} #search_result .search_rslist .list{display: block;height: 79px;line-height: 79px;overflow: hidden;background: url(../pic/icon_book.png) no-repeat 10px center; border-bottom: 1px solid #e3e3e3;padding-left: 48px;position: relative;font-size: 18px;color: #555;} #search_result .search_rslist .list:hover{color:#0db083;} #search_result .search_rslist .list:before{content:'';width: 11px;height: 17px;background: url(../pic/icon_rig.png) no-repeat center;margin:auto;position: absolute;top: 0;right: 20px;bottom: 0;} #search_result .search_rslist .list:first-child{border-top: 1px solid #e3e3e3;} #search_result .search_rslist .list span{color: #0db083;} #search_result .no_result{line-height: 42px;padding: 85px 15px;text-align: center;font-size: 24px;color: #999;} #resource{} #resource .top_title{line-height: 54px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;} #resource .top_title.desc{padding-bottom: 18px;} #resource .marketing_list{padding-top: 60px; font-size:0px;} #resource .marketing_list .item_box{display: none;} #resource .marketing_detail .contents{width:890px;} #resource .marketing_detail .contents .param{height:36px; line-height:36px; padding:10px 0px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;} #resource .marketing_detail .contents .param *{font-size:14px; color:#747373} #resource .marketing_detail .contents .param .author{margin-left:100px;} #resource .marketing_detail .contents .param .view{margin-left:40px;} #resource .marketing_detail .contents .param .time{margin-left:40px;} #resource .marketing_detail .contents .param .bdsharebuttonbox{margin-left:20px; margin-top:8px;} #resource .marketing_detail .contents .description{padding-left:0px; padding-right:0px; line-height:30px;} #resource .marketing_detail .contents .add_share{text-align:center; padding-bottom:35px;} #resource .marketing_detail .contents .add_share .good_out{display:inline-block;} #resource .marketing_detail .contents .add_share .good_out .good{display:inline-block; min-width:70px; height:35px; line-height:35px; border-radius:5px; background:url('../pic/thumbs_up.png') no-repeat 15px center #1a1a1a; background-size:20px 20px; padding-left:45px; color:#fff; text-align:left;} #resource .marketing_detail .contents .near{ border-top:1px solid #e5e5e5; padding:15px 0;} #resource .marketing_detail .contents .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;} #resource .marketing_detail .contents .near .row a{color:#535353;} #resource .marketing_detail .contents .near .row a:hover{color:#0db083;} #resource .marketing_detail .contents .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;} #resource .marketing_detail .contents .related_news .related_news_list{} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;} #resource .marketing_detail .contents .related_news .related_news_list .related_news_item a{ font-size: 14px;} #resource .marketing_detail .contents.related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;} #resource .marketing_detail .dry_right{width: 290px; padding-top:20px; margin-bottom:40px;} #resource .marketing_detail .dry_right .title{height:52px; line-height:52px; padding-left:20px; font-size:20px;} #resource .marketing_detail .dry_right .linkArea{margin-bottom:20px; border:1px solid #ededed;} #resource .marketing_detail .dry_right .linkArea .title{color:#1ca18b; padding-top:10px; text-indent:20px; border-bottom:1px solid #ededed;} #resource .marketing_detail .dry_right .linkArea .linkBox{padding:17px; box-sizing:border-box; overflow:hidden;} #resource .marketing_detail .dry_right .linkArea .linkBox a{float:left; width:50%; font-size:14px; margin-bottom:10px;} #resource .marketing_detail .dry_right .hot{margin-bottom:20px; background:#fafafa;} #resource .marketing_detail .dry_right .hot .box{padding-left: 20px;} #resource .marketing_detail .dry_right .hot li{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;} #resource .marketing_detail .dry_right .hot li:first-child{border-top: none;} #resource .marketing_detail .dry_right .wechat{ padding-bottom: 10px; text-align:center;} #resource .marketing_detail .dry_right .wechat .title{text-align:left;} #resource .marketing_detail .dry_right .wechat .w_sao{ font-size:16px; margin-top:10px;} #resource .marketing_detail .dry_right .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;}{border-top: none;} #resource .marketing_detail .dry_right .keyword{background: #fafafa;padding-bottom: 5px;} #resource .marketing_detail .dry_right .keyword .box{padding-left: 25px;} #resource .marketing_detail .dry_right .keyword a{float: left;border-color: #bebebe;border-style: solid;border-width: 1px;border-radius: 13px;height: 24px;line-height: 24px;padding:0 15px;font-size: 12px;margin-bottom: 15px;margin-right: 10px;} #resource .item{display:inline-block; vertical-align:top; width: 353px; margin-left: 56px; margin-bottom: 39px; border:1px solid #ededed;} #resource .first{margin-left: 10px;} #resource .item .img{ /*height:179px;*/text-align: center;} #resource .item .con{ padding:14px 12px 18px; } #resource .item .con h3{ height:30px; line-height:30px;margin-bottom: 7px;} #resource .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;} #resource .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 24px;} #resource .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;} #resource .item:hover{ margin-top: -10px;} #resource .item.big, #resource .item.live{width: 30.33333%;margin-left: 3.41667%;margin-bottom: 4.16667%;} #resource .item.big.first, #resource .item.live.first{margin-left: 10px;} #resource .item.big .img{ height: 206px;} #resource .item.big .con,#resource .item.live .con{ padding:8px 18px 5px 14px;} #resource .item.big .con h3 a{font-size: 14px;color: #333;} #resource .item.big .name{display: block;height: 48px;line-height: 48px;padding: 0 10px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;} #resource .item.big .video_name{display: block;height: 48px;line-height: 48px;background:url(../pic/icon_video.png) no-repeat 10px center;padding: 0 10px 0 38px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;} #resource .item.big .video_name .time{float: right;line-height: 48px;font-size: 12px;color: #606060;} #resource .item.live .img{/*height: 228px;*/} #resource .item.live .con h3{margin-bottom: 0;} #resource .item.live .con .view{height: 38px;line-height: 38px;background:url(../pic/icon_view.png) no-repeat 1px center;padding-left: 24px;font-size: 12px;color: #555;} #resource .item.live .con .date{float: right;line-height: 38px;font-size: 12px;} #resource .item:hover .con h3 a,#resource .item.big:hover .name, #resource .item.big:hover .video_name a, #resource .item.big:hover .name a{color: #0db083;} #resource .menu_list{padding-top: 26px;border-bottom: 1px solid #f1f1f1;text-align: center;font-size: 0;} #resource .menu_list a{display: inline-block;height: 44px;line-height: 44px;margin: 0 20px;position: relative;font-size: 16px;color: #555;} #resource .menu_list a.cur{color: #0db083;} #resource .menu_list a.cur:after{content: '';width: 100%;height: 3px;background: #07bb8a;position: absolute;right: 0;bottom: -1px;left: 0;} #resource .description{overflow: hidden;padding: 30px 10px 10px;} @media (max-width:1000px){ #resource .top_title{font-size:24px; line-height:28px;} #resource .marketing_list{padding-top:30px;} #resource .item.big, #resource .item.live{width:45%; margin:0px 2.5% 5%; box-sizing: border-box;} #resource .item.big.first, #resource .item.live.first{margin-left:2.5%;} } @media (max-width:700px){ #resource .item.big, #resource .item.live{width:95%;} } /*************************** 视频播放页 star ***************************/ #resource .video_bg{width:100%; background:#646464;} #resource .video_bg .video_title{width:100%; height:87px; line-height:87px; font-family:'微软雅黑'; color:#FFF; font-size:24px;} #resource .video_bg .video_main{width:100%; background:#464646; height:500px; overflow:hidden;} #resource .video_bg .other_video{width:100%; height:67px; line-height:67px; overflow:hidden;} #resource .video_bg .other_video .last{float:left; padding-left:15px; background:url('../pic/video_last_arrow.png') no-repeat left center;} #resource .video_bg .other_video .next{float:right; padding-right:20px; background:url('../pic/video_next_arrow.png') no-repeat right center;} #resource .video_bg .other_video span{color:#fff; font-size:14px; font-family:'微软雅黑';} #resource .video_bg .other_video a{color:#a0a0a0; font-size:14px; font-family:'微软雅黑';} #resource .recommend_video{margin-top:25px;} #resource .recommend_video .recommend_title{font-family:'微软雅黑'; font-size:25px; color:#333333; line-height:47px; border-bottom:1px solid #ebebeb;padding-bottom:10px;} #resource .recommend_video .recommend_list{margin-top:30px;} #resource .recommend_video .recommend_item{width:30.33333%; float:left; border:1px solid #ebebeb; margin-left:3.41667%;} #resource .recommend_video .recommend_item:first-child{margin-left:10px;} #resource .recommend_video .recommend_item:hover{margin-top:-10px;} #resource .recommend_video .recommend_item .pic{width:100%; vertical-align:middle; text-align:center;} #resource .recommend_video .recommend_item .pic img{vertical-align:middle;} #resource .recommend_video .recommend_item .pic span{display:inline-block; height:100%; vertical-align:middle;} #resource .recommend_video .recommend_item .content{margin:8px 10px 5px 10px;overflow:hidden;} #resource .recommend_video .recommend_item .content .video_name{height:30px; line-height:30px; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #resource .recommend_video .recommend_item .content .video_name a{color:#333; font-size:14px; font-family:'微软雅黑';} #resource .recommend_video .recommend_item:hover .content .video_name a{color:#0db083;} #resource .recommend_video .recommend_item .content .video_length{float:right; margin-right:10px; color:#606060; font-size:12px; font-family:'微软雅黑';} #resource .recommend_video .recommend_list .marketing_course .video_name{padding-left:28px; background:url('../pic/video_name_icon.png') no-repeat left center;} #resource .recommend_video .recommend_list .live_course .view{height:38px; line-height:38px; background:url(../pic/icon_view.png) no-repeat 1px center; padding-left:24px; color:#555; overflow:hidden;} #resource .recommend_video .recommend_list .live_course .date{float:right; line-height:38px;} @media (max-width:1000px){ #resource .video_bg .video_main{height:300px;} #resource .video_bg .video_title{ font-size:18px; line-height:24px; height:auto; padding:10px 0px;} #resource .video_bg .other_video{height:auto; line-height:35px; padding:10px 0px;} #resource .video_bg .other_video .last{width:100%; padding:0px; height:auto; line-height:25px; background:none;} #resource .video_bg .other_video .next{float:left; width:100%; height:auto; line-height:25px; padding:0px; margin-top:10px; background:none;} #resource .recommend_video .recommend_title{font-size:18px; line-height:30px;} #resource .recommend_video .recommend_item:hover{margin-top:0px;} #resource .recommend_video .recommend_item{width:45%; margin:0 2.5% 5%; box-sizing: border-box;} #resource .recommend_video .recommend_item:first-child{margin-left:2.5%;} } @media (max-width:600px){ #resource .recommend_video .recommend_item{width:95%; margin:0 2.5% 5%;} } /*************************** 视频播放页 end ***************************/ /*福利页*/ #welfare{padding-bottom: 50px;} #welfare .top_title{line-height: 54px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;} #welfare .category{text-align: center;font-size: 0;margin-bottom: 10px;} #welfare .category a{display: inline-block;margin: 0 19px;height: 40px;line-height: 40px;font-size: 16px;color: #555;} #welfare .category a.cur{color: #07bb8a;position: relative;} #welfare .category a.cur:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background: #07bb8a;} #welfare .category_box{display: none;} #welfare .category_name{text-align: left;font-size: 22px;color: #000;line-height: 84px;text-indent: 1.3%;width: 100%;max-width: 1632px;margin:auto;} #welfare .resource{max-width: 1000px;width: 96%;margin:auto;} #welfare .resource .category_box{padding-top: 60px;} #welfare .resource img{max-width: 100%;max-height: 100%;} #welfare .resource .list{width: 100%;min-height: 240px;margin-bottom: 50px;background: #fff; border-radius: 10px; position: relative; border:1px solid #eaeaea; box-shadow:0px 0px 7px rgba(0,0,0,0.1);overflow:hidden; } #welfare .resource .list:last-child{margin-bottom:0px;} #welfare .resource .list .main_info{padding:35px 40px;} #welfare .resource .list .main_info .img_box{ overflow:hidden;} #welfare .resource .list .main_info .logo_box{float:left; height:100px;} #welfare .resource .list .main_info .logo_box img{vertical-align:middle;} #welfare .resource .list .main_info .logo_box:after{content:''; display:inline-block; height:100%; line-height:100%; vertical-align:middle; } #welfare .resource .list .main_info .qr_code{float:right;} #welfare .resource .list .main_info .tit_box{overflow:hidden; margin-top:35px;} #welfare .resource .list .main_info .tit_box .tit{font-family: '微软雅黑'; font-size:26px; color:#000000; line-height:36px; float:left} #welfare .resource .list .main_info .tit_box .func_tit{font-family: '微软雅黑'; font-size:14px; color:#fff; line-height:14px; background-color:#e2994a; float:left; padding:5px 10px; border-radius: 11px 11px 11px 0px; margin-left:10px;} #welfare .resource .list .main_info .web{margin-top:15px; color:#36b393; font-family: '微软雅黑'; font-size:16px; line-height:28px;} #welfare .resource .list .main_info .desc{margin-top:15px; color:#666666; font-family: '微软雅黑'; font-size:16px; line-height:28px;} #welfare .resource .list .welfare_box{background-color:#27b59c; padding:16px 40px 23px; } #welfare .resource .list .welfare_box .welfare_tit{font-family: '微软雅黑'; font-size:16px; line-height:24px; color:#fff; } #welfare .resource .list .welfare_box .welfare_main{font-family: '微软雅黑'; font-size:20px; line-height:24px; color:#fff; font-weight:bold; margin-top:12px;} .statement{width:90%; max-width:720px; margin:40px auto 0px; text-align:center; color:#999; line-height:24px; } @media (max-width:1000px){ #welfare .resource .category_box{padding-top:30px;} #welfare .resource .list{margin-bottom: 10.66667vw;} #welfare .resource .list .main_info{padding:4.66667vw 5.3333vw;} #welfare .resource .list .main_info .logo_box{ height:14vw; max-width:25.3333vw;} #welfare .resource .list .main_info .qr_code{max-width:14vw; } #welfare .resource .list .main_info .tit_box{margin-top:4.66667vw;} #welfare .resource .list .main_info .tit_box .tit{font-size:6vw; line-height:7.33333vw; } #welfare .resource .list .main_info .desc{font-size:3.2vw; line-height:5.33333vw;} #welfare .resource .list .welfare_box{ padding:3.3333vw 5.3333vw 3.33333vw; } #welfare .resource .list .welfare_box .welfare_tit{ font-size:3.2vw; line-height:3.2vw;} #welfare .resource .list .welfare_box .welfare_main{font-size:4vw; line-height:5.33333vw;} } /* #welfare .resource .list{display: none;width: 100%;min-height: 240px;margin-bottom: 20px;background: #fff;border-radius: 4px;position: relative;text-align: center;border:1px solid #eaeaea;} #welfare .resource .list.sales:after{content: '';width: 69px;height: 63px;background: url(../pic/icon_sales.png) no-repeat center center;position: absolute;top: 2px;left: 2px;} #welfare .resource .list .info{padding: 30px 5.5% 30px 0;text-align: left;} #welfare .resource .list .tit{height: 22px;margin-bottom: 14px;line-height: 22px;font-size: 18px;color: #000;} #welfare .resource .list .desc{margin-bottom: 22px;line-height: 24px;font-size: 14px;color: #888;} #welfare .resource .list .contact{height: 28px;padding-left: 35px;background: no-repeat 3px center;line-height: 28px;font-size: 14px;color: #888;} #welfare .resource .list .phone{background-image: url(../pic/icon_tel.png);} #welfare .resource .list .wechat{background-image: url(../pic/icon_wechat.png);} #welfarpc_tde .resource .list .qq{background-image: url(../pic/icon_qq.png);} #welfare .resource .list .web{background-image: url(../pic/icon_website.png);} #welfare .resource .list .email{background-image: url(../pic/icon_email.png);} #welfare .resource .list .contact span{padding-right: 15px;} #welfare .resource .list .more{height: 36px;background: #0cb083;color: #fff;font-size: 14px;line-height: 36px;padding: 0 28px;display: inline-block;border-radius: 4px;} #welfare .resource .statement{width: 96%;max-width: 715px;margin:auto;padding:60px 0 30px;line-height: 26px;font-size: 12px;color: #aaa;text-align: center;}*/ /*************************** 引导页&福利页 end ***************************/ .video_play{cursor: pointer;} .video_box{display: none;position: fixed;width: 790px;height: 444px;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 100001;} .video_box>a{content:'';width: 45px;height: 45px;position: absolute;right: -45px;top: -45px;background: url(../pic/icon_video_close.png) no-repeat center center;border-radius: 23px;} .video_box>div{width: 100%;height: 100%;background: #000;position: relative;} .video_box>div .tips{width: 354px;height: 224px;padding: 50px;background: #202020;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;color: #fff;} .video_box>div .tips a{color: #fff;padding-left: 3px;text-decoration: underline;} .video_box>div .tips td{padding: 50px 40px;text-align: left;line-height: 22px;} .price_table{width:100%;} .price_table td{ border:1px solid #e9e9e9; text-align: center; font-size:14px;} .price_table tr td:first-child, .price_table tr td:nth-child(2){text-align:left; padding-left:10px;} .price_table td .pc_td{ width:49%; height:50px; line-height:50px; background:#3aa97b;} .price_table td .mobile_td{ width:49%; height:50px; line-height:50px; background:#3aa97b; border-left:1px solid #e9e9e9; } .price_table tr td.t_head{ height:50px; background:#3aa97b; font-size:18px; color: #fff; text-align: center;} .price_table .t_item{ } .price_table .t_item td{background:#fff; line-height: 26px; } .price_table .t_item.odd td{background:#f5f7f6;} .price_table .t_item .pc_con{width:49%; height:98px; line-height:98px; text-align:center; overflow: hidden;} .price_table .t_item .mobile_con{ width:49%; height:98px; line-height:98px; border-left:1px solid #e9e9e9; text-align:center; overflow: hidden;} .page_btn_list{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px; width: 100%;} .page_btn_list .page_btn_item{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 363px; height: 77px; border: 1px solid #E6ECF1; text-decoration: none; border-radius: 3px; box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1); transition: all .3s; box-sizing: border-box;} .page_btn_list .page_btn_item svg{ width: 1.5em; height: 1.5em; transition: all .3s;} .page_btn_list .page_btn_item .btn_info{ width: 85%; transition: all .3s;} .page_btn_list .page_btn_item .btn_info .tips{ line-height: 1.625; font-size: 12px; color: #9DAAB6;} .page_btn_list .page_btn_item .btn_info .title{ width: 100%; line-height: 1.5; font-size: 16px; color: #242A31; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .page_btn_list .page_btn_item.prev_btn .btn_info{ text-align: right;} .page_btn_list .page_btn_item.next_btn{ flex-direction: row-reverse;} .page_btn_list .page_btn_item.next_btn .btn_info{ text-align: left;} .page_btn_list .page_btn_item:hover{ border-color: #0db083; box-shadow: 0 3px 8px 0 rgba(13, 176, 131, 0.1);} .page_btn_list .page_btn_item.prev_btn:hover svg{ transform: translateX(-10px);} .page_btn_list .page_btn_item.next_btn:hover svg{ transform: translateX(10px);} .page_btn_list .page_btn_item.prev_btn:hover svg g line, .page_btn_list .page_btn_item.prev_btn:hover svg g polyline, .page_btn_list .page_btn_item.next_btn:hover svg g line, .page_btn_list .page_btn_item.next_btn:hover svg g polyline{ color: #0db083;} .page_btn_list .page_btn_item:hover .btn_info .tips, .page_btn_list .page_btn_item:hover .btn_info .title{ color: #0db083;} /*** 手机版的样式 ***/ .right_func_box{float:right; height:16vw; line-height:16vw; font-size:0px;} .right_func_box .search_box{display:inline-block; width:5.33333vw; height:5.33333vw; vertical-align:middle;} .right_func_box .search_box .search_btn{display:block; width:100%; height:100%; background-image:url('../pic/mb_search.png'); background-repeat:no-repeat; background-size:cover;} .right_func_box .search_box .search_btn.show_close{background-image:url('../pic/menu_close.png');} .right_func_box .menu_box{display:inline-block; width:5.33333vw; height:5.06667vw; vertical-align:middle; margin-left:6.66667vw; background-image:url('../pic/mb_menu.png'); background-repeat:no-repeat; background-size:100% 100%;} .right_func_box .menu_box.show_close{background-image:url('../pic/menu_close.png');} .pop_menu_box{position:fixed; right:5.33333vw; bottom:5.33333vw; width:17.06667vw; height:0px; padding-top:17.06667vw; box-shadow:0px 0px 26px rgba(0,0,0,0.1); border-radius:8.5vw; z-index:100; background-color:#fff;} .pop_menu_box .menu_btn{position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; width:6.93333vw; height:7.46667vw; background-image:url('../pic/pop_menu.png'); background-repeat:no-repeat; background-size:cover;} .pop_left_nav_box{position:fixed; width:82%; max-width:620px; height:100vh; top: 0px; left:0px; background-color:#fff; overflow:auto; z-index:10001; transform:translateX(-100%);} .pop_left_nav_box.slide_show{transform:translateX(0px);} .pop_left_nav_box .title_box{width:90%; margin:4vw auto 0px; overflow:hidden;} .pop_left_nav_box .title_box .nav_title{float:left; font-size:5.3333vw; color:#333; line-height:8vw;} .pop_left_nav_box .title_box .close_btn{float:right; width:5.06667vw; height:5.06667vw; margin-top:1.46667vw; background-image:url('../pic/close_btn.png'); background-repeat:no-repeat; background-size:100% 100%;} .pop_left_nav_box .menu_list {width:90%; margin:6.66667vw auto 0px;} .pop_left_nav_box .menu_list .list_item{width:100%; line-height:8vw;} .pop_left_nav_box .menu_list .list_item .item_title_box>i{display:inline-block; width:2.66667vw; height:1.6vw; background:url('../pic/pop_menu_arrow.png') no-repeat center center; background-size:cover; vertical-align:middle; margin-right:20px;} .pop_left_nav_box .menu_list .list_item.cur .f_title{color:#0c9771;} .pop_left_nav_box .menu_list .list_item.cur .item_title_box>i{background:url('../pic/pop_menu_arrow_cur.png') no-repeat center center; background-size:cover;} .pop_left_nav_box .menu_list .list_item .f_title{font-size:4vw; line-height:8vw; color:#333333; display:inline-block; vertical-align:middle; } .pop_left_nav_box .menu_list .list_item .sub_menu{margin-left:5.6vw; margin-top:3.3333vw; border-left:1px solid #e9e9e9; padding-left:3.73333vw; display:none;} .pop_left_nav_box .menu_list .list_item .sub_menu .link_item{margin:2.53333vw 0px;} .pop_left_nav_box .menu_list .list_item .sub_menu .link_item a{font-size:3.46667vw; color:#333333; line-height:5.6vw;} .pop_left_nav_box .menu_list .list_item .sub_menu .link_item.cur a{color:#0c9771;} .slide_down_menu{position:fixed; top:16vw; width:100%; z-index:10000; background:#fff;} .slide_down_menu .list_menu{width:92%; margin:0 auto; height:calc(100vh - 16vw); background-color:#fff; display:none;} .slide_down_menu .list_menu a{display:block; font-size:5.6vw; line-height:21.33333vw; color:#333333; border-bottom:1px solid #dedede; position:relative; padding:0px 10px;} .slide_down_menu .list_menu a:after{content:''; position:absolute; right:10px; top:50%; width:1.86667vw; height:3.2vw; transform:translateY(-50%); background:url('../pic/slide_down_menu_arrow.png') no-repeat center center; background-size:cover;} .mb_search_box{position:fixed; top:15.5vw; width:100%; z-index:10001; background-color:#fff;} .mb_search_box .search_box{width :92%; margin:0 auto; padding:2.66667vw 0px 5.3333vw; position:relative; display:none;} .mb_search_box .search_box .text{display:block; width: calc(97% - 12.1333vw); border:1px solid #e9e9e9; border-radius:5px; height:8.8vw; line-height:8.8vw; font-size:3.46667vw; color:#666666; padding:0px 10vw 0px 2.1333vw; } .mb_search_box .search_box .button{position:absolute; right:0px; top:2.66667vw; width:9.33333vw; height:9.33333vw; border-radius:5px; background:url('../pic/mb_search_ico.png') no-repeat center center #0eb085; background-size:60% 60%; px solid #0eb085} @media (max-width:1300px){ #nav ul li{padding:0px 4%;} #rightside{width:75%;} } @media (max-width:1100px){ #nav{width:50%;} #nav ul li{padding:0px 3%;} } @media (max-width:1000px){ .wide{width:92%;} .mb_show{display:block;} .mb_hide{display:none;} #leftside{display:none;} #rightside{width:100%;} #rightside .top_title{font-size:20px; line-height:30px; margin-bottom:10px; padding-bottom:10px;} #rightside .top_title.return{ background-size: auto 15px;} #rightside .question_list .list{height:55px; line-height:55px; font-size:16px; background:url(../pic/mb_icon_search_list.png) no-repeat 5px center; padding-left:35px; background-size:auto 40%;} .wide.bg_ash{background:#f4f4f4; margin:0px; padding: 7.33333vw 4% 8vw;} #header{height:16vw; box-shadow:0px 0px 10px rgba(0,0,0,0.12); position:fixed; top:0px; z-index:9999; width:100%; background-color:#fff;} #header .logo, #header .logo h1{height:16vw;} #header .logo{width:60%; max-width:unset;} .header_fill{height:16vw; } #news_desc{padding-left:0px; max-width:unset; width:100%;} #news_desc #leftside{display:none; } #main{padding-top:7.3333vw; padding-bottom:8vw;} #rightside .description{padding-top:0px;} #rightside .question_list .list:after{width:1.86667vw; height:3.2vw; background:url('../pic/slide_down_menu_arrow.png') no-repeat center center; background-size:cover; right:10px;} #search_result{min-height:calc(100vh - 60vw);} #search_result .top_title{font-size:6.66667vw; line-height:6.66667vw; margin-bottom:3.3333vw;} #search_result .sec_title{font-size:3.73333vw; height:8vw; line-height:8vw; margin-bottom:3.3333vw;} #search_result .search_rslist .list{background:url(../pic/search_rslist_ico.png) no-repeat 4vw center; background-size:4.26667vw 4.8vw; background-color:#ffffff; border-bottom:0px; height:auto; margin-bottom:4vw; padding:4vw 14.66667vw 4vw 12vw;} #search_result .search_rslist .list:first-child{border-top:0px;} #search_result .search_rslist .list:before{width:1.86666vw; height:3.06667vw; background:url('../pic/search_rslist_arrow.png') no-repeat center; background-size:cover; right: 4vw;} #search_result .search_rslist .list:after{content:''; display:inline-block; height:100%; vertical-align:middle;} #search_result .search_rslist .list .rslist_title{display:inline-block; vertical-align:middle; font-size:4.26667vw; line-height:6.66667vw;} #search_result .no_result{font-size:4.26667vw; text-align:center; line-height:8vw; color:#666666; padding:0px; padding-top:20.67777vw; background:url('../pic/no_search_ico.png') no-repeat top center; background-size:26.13333vw 17.6vw; margin-top:26vw;} .page_btn_list .page_btn_item{width:41%;} #footer{background-color:#f4f4f4;} #footer .bottom{padding:4.66667% 0px;} #footer .bottom *{font-size:3.46667vw; line-height:6.66667vw; color:#666666;} #footer .bottom .rows{line-height:6.66667vw; } #footer .bottom .rows .addr{display:block;} #footer .bottom .rows .left .beian,#footer .bottom .rows .right{display:none;} } @media (max-width:750px){ #news_desc #rightside .info_form .row{display:block; height:auto;} #news_desc #rightside .info_form .row input[type=text]{width:100%; padding:0px 2%; height:8.8vw; line-height:8.8vw; border:1px solid #e9e9e9; border-radius:5px; margin-bottom:4vw; background-color:#fff; font-size:3.73333vw; color:#666666;} #news_desc #rightside .info_form textarea{margin-top:0px; width:100%; border:1px solid #e9e9e9; border-radius:5px; background-color:#fff; font-size:3.73333vw; color:#666666; line-height:8vw; height:28vw;} #news_desc #rightside .info_form input[type=submit]{margin-top:5.3333vw; height:9.3333vw; line-height:9.3333vw; border-radius:5px; font-size:4.5333vw; } } @media (max-width:750px){ .page_btn_list{display:block;} .page_btn_list .page_btn_item{width:100%; padding:0 4%; margin-bottom:4vw;} }