.line30{line-height: 30px;} .nomargin .pub_title{margin-bottom: 0;} .nomargin .footer{margin-top: 0;} /*page*/ .pageout{text-align: center;padding-bottom: 5px; clear: both;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top: 50px; color:#2d2d2d; height:34px; line-height:34px; } .page span{color:#2d2d2d; float: left; } .page span em{ } .page i{ float: left; margin: 0 20px;} .page a{float: left; width:34px; border: 1px solid #d7d7d7; color: #000; background: #ffffff; margin-left: -1px; } .page a.on{background:#007dcd;color:#fff;border: 1px solid #007dcd; } .page a.prev,.page a.next {width: 98px;} .page a.prev{margin-right: 10px;} .page a.next{margin-left: 10px;} .txtpage{margin: 0 10px;} .page a.prev.no,.page a.next.no{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .page input.go{margin-left:10px; width:40px;cursor: pointer; background: #007dcd; color: #fff; border:1px solid #007dcd; height: 36px; line-height: 36px; box-sizing: border-box;} .page input.go:hover{color: #fff !important;} .page input.go{margin-left:10px; width:40px; text-align: center; background: #007dcd; color: #fff; border:1px solid #007dcd; height: 36px; line-height: 36px; box-sizing: border-box;} .page input.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page .txtnum{} .page .txtnum input{color:#000; width:25px;height:34px; line-height:34px; padding: 0 5px; text-align:left;background:none;border: 1px solid #d7d7d7;text-align: center;} @media only screen and (max-width:1024px) { .page{padding-top: 20px;} } @media only screen and (max-width:767px) { .page a.prev, .page a.next{width: 56px;} .page a.prev{margin-right: 5px;} .page a.next{margin-left: 5px;} .page a{display:none; font-weight: normal;} .page a.prev,.page a.next{display:block; display:inline-block;} .page i{margin:0 4px;} .page input.go{display: inline-block;} .page input.go{display: inline-block;} .page{line-height: 28px;} .page a,.page .txtnum input,.page input.go,.page input.go{height: 28px;line-height: 28px; box-sizing: border-box;} .page .txtnum input{width: 40px;} .page a.next{text-indent: -999999px;background: url(../images/next_page.jpg) no-repeat center center;} .page a.prev{text-indent: -999999px;background: url(../images/prev_page.jpg) no-repeat center center;} } /*page*/ /*手机首页*/ .phone_index{display: none;} @media only screen and (max-width:767px) { .phone_index{display: block;} .indexbanner {display: none;} .loading-box{display: none;} .body_nobanner .site_banner{display: none;} } .phone_banner{position: relative;margin-bottom: 20px;} .phone_banner .banner_text{width: 100%;left: 0;top:10%;} .phone_banner .swiper-slide-active .banner_wrap,.phone_banner.on .banner_wrap{ transform: translateX(0px); -webkit-transition: translateX(0px); -moz-transition: translateX(0px); -o-transition: translateX(0px); -ms-transition: translateX(0px); opacity: 1; } .phone_banner .swiper-pagination{height: 10px;left: 0;bottom: 20px;width: 100%;text-align: center; display: inline-block;} .phone_banner .swiper-pagination span{width: 10px;height: 10px;background: none;border: 2px solid #fff;box-sizing:border-box; box-shadow: 0 2px 5px rgba(0,0,0,0.3);margin: 0 5px;opacity: 1;} .phone_banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;} .phone_banner .banner_text h1{font-size: 16px;margin-bottom: 5px;} .phone_banner .banner_text h2{font-size: 18px;} .phone_banner .banner_wrap{width: 94%;margin: auto;} .phone_news{position: relative;padding-bottom: 25px;} .phone_news_box{border-bottom: 1px solid #d3d5d8;padding-bottom: 25px;margin-bottom: 25px;position: relative;} .phone_time{border:1px solid #1ea1ee;text-align: center;color: #169eed;display: inline-block;padding: 6px;margin-bottom: 15px;} .phone_time span,.phone_time em{display: block;} .phone_time span{font-size: 24px;line-height: 24px;padding-bottom: 5px;margin-bottom: 5px; border-bottom: 1px solid #1ea1ee;} .phone_news h3{line-height: 1.3em;max-height: 2.6em;overflow: hidden;margin-bottom: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .phone_news p{color: #92979d;line-height:24px;max-height: 72px;overflow: hidden; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .phone_news .swiper-pagination{left:0px;bottom:-12px;height:3px;width: 100%;text-align: center;} .phone_news .swiper-pagination span{width: 60px;height:5px;position: relative;border-radius: 0; float: none;background: none !important;opacity: 1;margin-right: 3px;} .phone_news .swiper-pagination span:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background:#d3d5d8} .phone_news .swiper-pagination span.swiper-pagination-bullet-active:after{width: 100%;height:3px;background:#7fc5ed} .phone_list a{display: block;} .phone_list li{margin-top: -1px;} .phone_list dl{position: relative;font-weight: bold;} .phone_list dd{position: absolute;left: 0; top: 19.7%;width: 100%;color: #fff;} .phone_list dt img{width: 100%;} .phone_list dd h1{font-weight: bold;} .phone_list dd p{margin-bottom: 15px;font-size: 16px;} .phone_more img{width: 20px;} /*手机首页*/ /*公共bananer和title*/ .site_banner{margin-bottom: 20px;} .pub_title{text-align: center;border-bottom: 1px solid #eeeeee;height: 44px;margin-bottom:55px;position: relative;} .pub_title .but{display: none;} .pub_title .but div{width:20px;height: 32px;top:-4px;margin: 0; background-size: 12px;} .pub_title .but div.swiper-button-next{right:0px;left: auto;} .pub_title .but div.swiper-button-prev{ left:0px;} .pub_title li{float: left;width: auto;} .pub_title li a{ display: block; padding: 0 65px; padding-bottom: 20px;position: relative;margin: 0 5px;} .pub_title.fnt_20 li a{padding-bottom: 14px;} .pub_title li a em{position: absolute;left:50%;bottom: -1px;width:0%;height: 1px;background: #007dcd;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .pub_title li.on a{color: #007dcd;} .pub_title li.on em{left: 0;width: 100%;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ pointer-events: visible !important;} @media only screen and (min-width:767px) { .pub_title ul,.pub_title .swiper-container{display:inline-block;} } @media only screen and (max-width:1280px) { .pub_title{margin-bottom: 40px;} .pub_title li a{padding: 0 40px;padding-bottom: 20px;} } @media only screen and (max-width:1024px) { .pub_title{margin-bottom: 20px;height: 31px;} .pub_title li a{padding: 0 20px;padding-bottom: 10px;} .pub_title.fnt_20{height: 40px;} .pub_title.fnt_20 li a{padding-bottom: 10px;} } @media only screen and (max-width:767px) { .site_banner{height: 120px;} .site_banner img{display: none;} .pub_title{position: relative; height: 30px;} .pub_title li a{padding: 0;padding-bottom: 10px;margin: 0;} .pub_title.on .swiper-wrapper{display: inline-block;} .pub_title.on li{display: inline-block;width:auto;float: none;} .pub_title.on li a{padding: 0 6px;padding-bottom: 10px;} .pub_title.on .swiper-container{overflow: inherit;} .pub_title li a em{bottom: 0;} .tab_one .pub_title.on li{float: none;} } @media only screen and (max-width:350px) { .pub_title{font-size: 12px;height: 27px;} } /*公共bananer和title*/ /*新闻*/ .gray,.gray a{color: #555;} .news_time{color: #7b7b7b;margin-bottom: 20px;} .news_top{margin-bottom: 20px;} .news_top dl{overflow: hidden;background: #f5f5f5;} .news_top dt{float: left;width:49%;} .news_top dt a{display: block;} .news_top dd{float: right;width: 51%;*margin-left: -1px;} .news_top .news_box{padding: 80px 40px;padding-bottom: 0;} .news_box h3{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_box p{ line-height: 30px;max-height: 90px;overflow: hidden; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news_bottom li{border-bottom: 1px solid #e4e4e4;padding:25px 20px;} .news_bottom li p{line-height: 24px;max-height: 48px;} .news_bottom .news_time{margin-bottom: 15px;} .news_bottom .news_box h3{margin-bottom: 5px;} @media only screen and (max-width:1366px) { .news_top .news_box{padding-top: 60px;} } @media only screen and (max-width:1280px) { .news_top .news_box{padding-top:50px;} } @media only screen and (max-width:1024px) { .news_top .news_box{padding:0 20px;padding-top: 40px;} .news_top{margin-bottom: 0;} .news_box h3,.news_time,.news_bottom .news_time,.news_bottom .news_box h3{margin-bottom: 10px;} .news_box p{line-height: 24px;max-height: 72px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news_bottom li p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media only screen and (max-width:850px) { .news_top .news_box{padding-top: 30px;} } @media only screen and (max-width:767px) { .news_top dl{height: auto !important;} .news_top dt,.news_top dd{float: none;width: 100%;} .news_top .news_box,.news_bottom li{padding: 20px 10px;} .news_time, .news_bottom .news_time{margin-bottom: 5px;} .news_box h3,.news_bottom .news_box h3{margin-bottom: 10px;} } /*新闻详情*/ .news_d{padding-top: 30px;} .details_title{border-bottom: 1px solid #eeeeee;padding-bottom: 35px;margin-bottom: 40px;} .details_title h1{text-align: center;margin-bottom:10px;} .details_span {text-align: center;} .details_span span{margin: 0 10px;} .font_size a{margin: 0 3px;} .font_size a.on{color:#4a9cd7 } .pagebox{border-top: 3px solid #007dcd;overflow: hidden;margin-top: 70px;padding-top: 15px;} .pagebox .page_le{float: left;width:calc(100% - 100px)} .pagebox .detail_close{float: right;} .pagebox .detail_close a{display: inline-block;width: 70px;height: 32px;line-height: 32px;text-align: center;background: #e9e9e9;} .detail_page{line-height: 24px;} .detail_page p{margin-bottom:10px;} .d_share{display: table;width: 100%; line-height: 24px;margin-bottom: 20px;} .d_share span{float: left;margin-right: 12px;} .d_share .share_a{float: left;} .share_a a{float: left;margin-right: 14px;} .share_a a i{font-size:24px;} .share_a a i.icon-QQ{font-size:28px;} @media only screen and (max-width:1280px) { .details_title{padding-bottom: 20px;margin-bottom: 30px;} .pagebox{margin-top: 50px;} } @media only screen and (max-width:1024px) { .pagebox .detail_close{display: none;} .pagebox .page_le{float: none;width: 100%;} .details_title h1{margin-bottom:10px;} .pagebox{ border-top: 2px solid #007dcd;} } @media only screen and (max-width:767px) { .news_d{padding-top: 0;} .details_title{padding-bottom: 10px;margin-bottom: 20px;} .details_span{text-align: left;overflow: hidden;} .details_span span{margin: 0;float: left;width: 50%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pagebox{padding-top: 20px;margin-top: 20px; border-top: 1px solid #007dcd;} } /*懂事长致辞*/ .speech_box{padding-top: 40px;background: url(../images/spech_bg.png) no-repeat 0 0;} .speech_title{border-bottom: 1px solid #eeeeee;margin-bottom: 50px;} .speech_title span{display: inline-block;position: relative;padding: 0 30px;padding-bottom:40px;} .speech_title em{height: 3px;width: 100%;background: #007dcd;position: absolute;left: 0;bottom: -1px;} .speech_title em:before{content: "";width:40px;background:#004c80;height: 3px;position: absolute;left: 0;top:0;} .speech_edit{padding: 0 20px;} @media only screen and (max-width:1280px) { .speech_box{padding-top: 20px;} .speech_title span{padding-bottom: 20px;} .speech_title{margin-bottom: 30px;} } @media only screen and (max-width:1024px) { .speech_title span{padding: 0 10px;padding-bottom: 20px;} } @media only screen and (max-width:767px) { .speech_box{background-size:80%;} .speech_title{margin-bottom: 20px;} .speech_title span{padding-bottom: 10px;} .speech_edit{padding: 0;} } /*组织架构*/ .group_box{text-align: center;} .group_box img{max-width: 100%;} /*team*/ .team_box{overflow: hidden;} .team_box ul{overflow: hidden;margin: 0 -11px;} .team_box li{float: left;*margin-left: -1px;width: 25%;margin-bottom: 20px;} .team_indert{margin: 0 11px;border: 1px solid #e6e6e6;padding:20px 30px;} .team_indert h1{margin-bottom: 5px;} .team_indert h2{line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 15px;} .team_indert p{height: 150px;overflow: hidden;} .team_line{width: 100%;height: 1px;background: #e6e6e6;position: relative;margin-bottom: 10px;} .team_line em{position: absolute;left: 0;top:0;width: 68px;height: 1px;background: #007dcd;} .team_more i{color:#007dcd;} .team_box .page,.social_list .page{padding-top: 30px} @media only screen and (max-width:1280px) { .team_indert{margin: 0 5px;} .team_box ul{margin: 0 -5px;} .team_box li{margin-bottom: 10px;} .team_box .page,.social_list .page{padding-top:20px} .team_indert{padding: 20px;} } @media only screen and (max-width:1024px) { .line30{line-height: 24px;} .team_indert p{height:96px;} /*.team_box li{margin-bottom: 10px;width: 50%;}*/ .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#007dcd;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#007dcd;} .team_box li{width: 50%;} } @media only screen and (max-width:767px) { .team_indert{margin: 0;} .team_box ul{margin: 0;} .team_box li{width: 100%;float: none;} .team_indert h2,.team_indert p{height: auto;} .team_indert p{margin-bottom: 10px;} .team_indert{padding: 10px;} .team_indert h2{margin-bottom: 10px;} } /*核心理念*/ .phoneimg{display: none;} .phoneimg img{width: 100%;} .idea_box{position: relative;padding: 185px 0 290px 0;} .idea_box .wrap{position: relative;z-index: 2;} .idea_box .blank_18{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.18);} .idea_list{padding: 0 60px;color: #fff;} .idea_list ul{overflow: hidden;position: relative;} .idea_list li{width: 25%;float: left;*margin-left: -1px;text-align: center;} .idea_list li:last-child:before{content: "";position: absolute;top:0;right: 0;height: 100%;width: 1px;background: rgba(255,255,255,0.2)} .idea_list dl{padding: 0 20px;} .idea_list dt{width: 86px;height: 86px;background: #007dcd;position: relative;border-radius: 50%;margin: auto;margin-bottom: 10px;} .idea_list dt img{width: 35px;height: 35px;} .idea_list h3{margin-bottom: 20px;} .idea_list h3 span{border-bottom: 1px solid #fff;display: inline-block;padding-bottom: 10px;} .line_idea{position: absolute;top:0;height: 100%;width: 1px;background: rgba(255,255,255,0.2)} @media only screen and (max-width:1280px) { .idea_box{padding: 150px 0 200px 0;} .idea_list{padding: 0px;} } @media only screen and (max-width:1024px) { .idea_list dl{padding: 0 10px;} .idea_list dt{width: 70px;height: 70px;} .idea_box{padding: 50px 0;} .idea_list li{width: 50%;margin-bottom:30px;} .idea_list li:nth-child(2n+1){clear: both;} .idea_list li:last-child:before,.line_idea{display: none;} .idea_list h3{margin-bottom: 10px;} .idea_list h3 span{border-bottom: 1px solid #007dcd;} } @media only screen and (max-width:767px) { .idea_list{color: #555;} .idea_list dl{padding: 0;} .idea_list li{width: 100%;margin-bottom: 0;padding: 20px 0;border-bottom: 1px dashed #ccc;} .idea_list li:last-child{border: 0;} .idea_box{background: none !important;} .idea_box .blank_18{display: none;} .idea_box{padding: 20px 0;} .phoneimg{display: block;} } /*社会责任报告*/ .social_select{background: #f5f5f5;padding: 20px 30px;height: 48px;line-height: 48px;margin-bottom: 40px;} .social_select span{float: left;margin-right: 10px;} .year_box{float: left;} .social_select .year_box dl { position: relative;width: 444px; } .year_box dl dt { background:#fff; padding: 0 20px; cursor: pointer;height: 48px; line-height: 48px;position: relative; } .year_box dl dt em{color: #1e8cd3; position: absolute;top:0;right: 20px;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;} .year_box dl dd {z-index: 99; position: absolute; max-height:166px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top: 100%; display: none; border: 1px solid #eee;box-sizing:border-box; padding: 10px 0;} .year_box dl dd a { display: block; line-height: 36px;white-space: normal; padding: 0 20px;font-size: 14px; } .year_box dl dd a:hover { background: #eee; } .on_o em{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);} .year_box button{ width: 118px; height:32px; background: #eb5255; color: #fff; line-height: 32px; text-align: center; border: none; outline: none;} .year_box dl{ width: 275px; float: left;position: relative;} .social_list{overflow: hidden;} .social_list ul{overflow: hidden;margin: 0 -10px;} .social_list li{width: 50%;*margin-left: -1px;float: left;margin-bottom: 20px;} .social_list dl{margin: 0 10px;border: 1px solid #e6e6e6;padding: 30px;overflow: hidden;} .social_list dt{float: left;width: 28%;} .social_list dd{float: right;*margin-left:-1px;width: 72%;padding-top: 5px;} .social_box{padding-left: 30px;} .social_box h3{line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-top: 10px;margin-bottom: 20px;} .social_box p{line-height: 24px;max-height: 48px;overflow: hidden;} .details_p{text-align: right;padding-top: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1280px) { .social_box h3{padding-top: 0;} } @media only screen and (max-width:1024px) { .details_p{padding-top: 20px;} .social_list dl{padding: 20px;} .social_box h3{margin-bottom: 10px;} .social_list ul{margin:0 -5px;} .social_list dl{margin: 0 5px;} .social_list li{margin-bottom: 10px;} .social_box{padding-left: 20px;} } @media only screen and (max-width:767px) { .social_list ul{margin:0;} .social_list dl{margin: 0;} .social_list li{width:100%;float: none;} .social_list dl{padding: 20px 10px;} .social_box h3{line-height: 20px;} .social_list dt{width: 95px;} .social_list dd{width: calc(100% - 95px);} .social_box{padding-left: 10px;} .social_select{padding: 20px 10px;} .year_box dl{width: 100%;} .social_select span{margin: 0;width: 50px;} .year_box{width: calc(100% - 50px)} .social_select{margin-bottom: 20px;} .social_select,.year_box dl dt{height: 36px;line-height: 36px;} .year_box dl dt,.year_box dl dd a{padding: 0 10px;} .social_select .year_box dl {width: 100%;} } /*企业荣誉*/ .honor_tab{position: relative;height: 102px;overflow: hidden;padding: 0 65px;margin-bottom:0px;} .honor_tab li{height: 102px;background: url(../images/honor_line.png) no-repeat top 27px center;background-size: 100%;color: #fff;font-weight: bold;font-family: "Arial";text-align: center;cursor: pointer;border-right: 1px solid rgba(255,255,255,0.5); box-sizing: border-box;} .honor_tab li p{height: 50px;line-height: 50px;margin-top: 52px;} .honor_tab li.on{font-size: 36px;background: #198ad2 url(../images/honor_line.png) no-repeat top 27px center;background-size: 100%;} .honor_tab .but>div{display: block;width: 50px;height: 50px;top:0;} .honor_tab .swiper-button-prev{background:#9e9e9e url(../images/prev.png) no-repeat center center;left: 0;margin: 0;} .honor_tab .swiper-button-next{background:#9e9e9e url(../images/next.png) no-repeat center center;right: 0;margin: 0;} .honor_tab .swiper-button-next.swiper-button-disabled,.honor_tab .swiper-button-prev.swiper-button-disabled{opacity: 1; cursor: pointer;pointer-events: inherit;} .honor_tab .swiper-button-next.disabled,.honor_tab .swiper-button-prev.disabled{opacity:1; cursor: default;} .honor_tab .swiper-button-next.disabled{background:#9e9e9e url(../images/next_dis.png) no-repeat center center;} .honor_tab .swiper-button-prev.disabled{background:#9e9e9e url(../images/prev_dis.png) no-repeat center center;} .honor_in{background:#2780bb url(../images/honorbg.png) no-repeat;} .honor_bg{background:#f7f7f7 url(../images/honor_bg.png) no-repeat top center;padding-bottom: 55px;background-size:100%;} .honor{overflow: hidden;} .honor_out{padding-top: 120px;background: url(../images/honor_bg.png) no-repeat center top;} .honor_box{padding: 0 65px;position: relative;} .honor_list ul{display: table;width: 100%;padding-bottom: 30px;} .honor_list li{width: 50%;position: relative; z-index: 2; float: left;display: table; clear: both;} .honor_list li dl{ width: calc(100% - 215px);background: #fff;padding:30px 20px;position: relative;box-shadow: 1px 0px 15px -8px rgba(0,0,0,0.5);} .honor_list li dt{margin-bottom:0px;line-height: 24px;margin-bottom: 10px;} .honor_list li dd{line-height: 24px;} .honor_list li dl .arrow{position: absolute;top:50%;right:-20px;width: 0;height: 0;overflow: hidden;margin: -10px 0 0 0;border: 7px dashed transparent;border-left: 13px solid #fff} .honor_list li .cicle{ width: 18px;height: 18px;background: url(../images/honor_cicle.png) no-repeat center center;background-size: cover; position: absolute;top:50%;margin-top: -9px;right: 0;margin-right: -9px; } .honor_list li span{display: inline-block;color: #fff;background: #198ad2;width: 122px;height: 32px;line-height: 32px;text-align: center;border-radius: 18px; position: absolute;right:20px;top:50%;margin-top: -16px;} .honor_int{position: relative;} .honor_line{position: absolute;left:50%;margin-left: -10px; top:0px;width: 20px; height: 100%; box-sizing: border-box;} .honor_line span{width: 1px;height: 100%;background: #b9b9b9;display: block;margin-left: 10px;margin-top: 30px;} .honor_list li.cur{float: right;} .honor_list li.cur dl{float: right;box-shadow: -1px 0px 15px -8px rgba(0,0,0,0.5);} .honor_list li.cur .cicle{right: auto;left:0px;margin-left: -9px;} .honor_list li.cur span{right: auto;left: 20px;} .honor_list li.cur .arrow {right: auto; left:-20px;border: 7px dashed transparent;border-right: 13px solid #fff} .more_c{background: #fff;position: relative;z-index: 99;padding-top: 50px;} .addmore{width: 192px; height: 46px; line-height: 46px; text-align: center; background: #198ad2;color: #fff;border-radius: 20px;text-align: center; margin: auto; cursor: pointer;} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")} #infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);} @media only screen and (max-width:1280px) { .honor_tab li.on{font-size: 30px;} .honor_box{padding: 0 40px;} .honor_out{padding-top: 60px;} } @media only screen and (max-width:1024px) { .honor_box{padding: 0;padding-top: 140px;} .honor_list li span{width: 90px;} .honor_list li dl{ width: calc(100% - 170px);padding: 20px;} .honor_list li dt{margin-bottom: 10px;} .honor_list li:first-child{margin-top:0;} .honor_box{padding-top: 0;} .honor_list li:first-child span{top:50%;} .honor_list li:first-child .cicle{top:50%;} .honor_list li:first-child .arrow{top:50%;} } @media only screen and (max-width:767px) { .honor_tab li.on{font-size: 14px;} .honor_tab .but>div{width: 30px;height: 40px;} .honor_tab{padding: 0 30px;} .honor_tab,.honor_tab li{height: 40px;} .honor_tab li{background: #3b69a4 ; } .honor_tab li.on{background: #198ad2; } .honor_tab li p{margin-top: 0px;height: 40px;line-height: 40px;} .honor_list li,.honor_list li.cur{margin: 0;float: none;width: 100%;margin-bottom: 20px;} .honor_list li dl{width: 100%; box-sizing: border-box;} .honor_list li span{position: static;margin: 0; margin-bottom: 20px;} .honor_list ul{display: block;} .honor_line em{display: none;} .honor_line{width: 1px;left: 0;margin: 0;} .honor_line span{margin: 0; margin-top: 10px;} .honor_list{padding-left: 15px;} .honor_list li .cicle,.honor_list li:first-child .cicle,.honor_list li.cur .cicle{top:14px;left:-25px;} .honor_list li.cur .cicle{margin-left: 0;} .honor_list li dl .arrow{display:none;} .honor_list li dt h1{font-weight: bold;} .honor{padding-bottom: 0;} .honor_bg{padding-bottom: 30px;} .more_c{padding-top: 0;} .honor_list ul{padding-bottom: 0;} .addmore{width: 150px;height: 36px;line-height: 36px;} } /*公告通函*/ .notice_list{overflow: hidden;} .notice_list ul{overflow: hidden;margin: 0 -20px;} .notice_list li{float: left;width: 50%;*margin-left: -1px;margin-bottom: 40px;} .notice_list dl{margin: 0 20px;border: 1px solid #e5e5e5;padding:35px 40px;} .notice_list h3{line-height: 32px;height: 64px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .notice_list p{ height: 150px; display: -webkit-box; overflow: hidden; -webkit-line-clamp:5; -webkit-box-orient: vertical; } .notice_list .news_time{margin-bottom: 15px;} .notice_list h3{margin-bottom: 15px;} .notice_list .page{padding-top: 10px;} @media only screen and (max-width:1024px) { .notice_list h3{line-height: 24px;height: 48px;} .notice_list p{height: 96px;-webkit-line-clamp:4;} .notice_list dl{padding: 30px;} .notice_list ul{margin: 0 -5px;} .notice_list dl{margin: 0 5px;} .notice_list li{margin-bottom: 10px;} .notice_list .news_time,.notice_list h3{margin-bottom: 10px;} } @media only screen and (max-width:767px) { .notice_list h3{height: auto;max-height: 48px;} .notice_list p{height: auto;max-height: 96px;} .notice_list dl{padding:20px 10px;} .notice_list ul{margin: 0;} .notice_list dl{margin: 0;} .notice_list li{margin-bottom: 20px;width: 100%;} .notice_list .news_time{margin-bottom: 5px;} .notice_list .page{padding-top: 0;} } /*投资者登记*/ .staff_cont{background: #f5f5f5;padding:60px 185px;} .staff_title h1{line-height: 48px;display: inline-block;} .staff_line{width:70%;height: 3px;background: #007dcd;display: block;position: relative;margin-top: 15px;} .staff_line em{width: 16%;height: 3px;background:#004c80;position: absolute;left: 0;top:0;} .staff_title{margin-bottom: 30px;} .staff_form ul{overflow: hidden;margin:0 -28px;} .staff_form li{float:left;width: 33.33%;*margin-left: -1px;margin-bottom: 30px;} .staff_form input,.staff_form textarea,.staff_form button{border: none;outline: none;box-sizing:border-box;background: none;} .staff_form textarea{background: #fff;border: 1px solid #e1e1e1;padding:20px;width: 100%;height: 140px;} .staff_form input{width: 100%;height: 48px;line-height: 48px;padding:0 10px;} .staff_form .form_w{border-bottom: 1px solid #e1e1e1;margin: 0 18px;position: relative;} .staff_form .form_w .codeimg{position: absolute;right:-120px;top: 0;width: 110px;height: 48px;cursor: pointer;} .staff_form .form_w .codeimg img{width: 100%;height: 100%;} .staff_form .li_w100{clear:both;width: 100%;} .staff_form .li_w100 .form_w{border: 0;} .staff_btn{text-align: center;} .staff_btn button{width: 190px;height: 50px;line-height: 50px;text-align: center;display: inline-block;background: #175dd5;color: #fff;margin:0 4px;} .staff_btn .btn_02{background: #fff;color: #555;} @media only screen and (max-width:1280px) { .staff_cont{padding:60px 120px;} } @media only screen and (max-width:1024px) { .staff_title h1{line-height: 24px;} .staff_line{margin-top: 10px;} .staff_form li{margin-bottom: 20px;} .staff_cont{padding:60px 40px;} .staff_btn button{width: 120px;height: 36px;line-height: 36px;} } @media only screen and (max-width:767px) { .staff_line,.staff_line em{height: 2px;} .staff_cont{padding:20px 10px;} .staff_form li{width: 100%;float: none;margin-bottom: 10px;} .staff_form .form_w,.staff_form ul{margin: 0;} .staff_form textarea{padding: 10px;} .staff_form input{padding: 0 10px;height: 36px;line-height: 36px;} .staff_title{margin-bottom: 10px;} .staff_form textarea{height: 100px;} } /*新京葡萄官方入口会展*/ .nomargin_f .footer{margin: 0;} .nomargin_f .main{background: url(../images/business_bg.png) no-repeat center bottom; background-size: 100%;padding-bottom: 160px;} .business_edit{margin-bottom: 55px;} .business_select{background: #f5f5f5;display: table;width: 100%;padding:10px 0px;margin-bottom: 44px; box-sizing: border-box;} .business_select .year_box{margin-left: 40px;} .business_select .year_box dl dt{background: none;height: 32px;line-height: 32px;} .business_select .year_box dl dt p,.business_select .year_box dl dt em{float: left;position: static;} .business_select .year_box dl dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;max-width: calc(100% - 25px)} .business_select .year_box dl dt em{margin-left: 10px;color: #606060;font-weight: bold;font-size: 14px;} .business_select .year_box dl{width: 160px;} .business_select .year_box dd{top: 42px;} .business_search{overflow: hidden;background: #fff;width: 290px;float: right;margin-right: 30px;} .business_search input,.business_search button{border: none;outline: none;box-sizing:border-box;background: none;height: 32px;line-height: 32px;} .business_search input{float: left;width: calc(100% - 70px);padding: 0 20px;box-sizing:border-box;} .business_search button{float: right;width: 70px;background: #007dcd;color: #fff;} .business_list ul{margin: 0 -12px;} .business_list li{float: left;width: 33.33%;*margin-left: -1px;margin-bottom: 20px;} .business_list li dl{margin: 0 12px;border-bottom: 1px solid #dbdbdb;} .business_list li dt a{display: block;position: relative;overflow: hidden;} .p_01{position: absolute;top:0;left:-100%;width: 100%;height: 100%;padding: 30px 25px;box-sizing:border-box;color: #fff;background: rgba(0,125,205,0.9)} .p_01 p{ height: 150px;overflow: hidden; display: -webkit-box; overflow: hidden; -webkit-line-clamp:5; -webkit-box-orient: vertical; } .more_i i{position: absolute;left: 25px;bottom: 40px;} .more_i i{width: 36px;height: 36px; line-height: 36px;text-align: center;display: inline-block; border: 1px solid #fff;border-radius: 50%; font-size: 10px;font-weight: bold;display: none;} .business_list h3{line-height: 54px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .business_list .page{padding-top: 30px;} @media only screen and (max-width:1440px) { .nomargin_f .main{padding-bottom: 100px;} } @media only screen and (max-width:1280px) { .more_i i{width: 30px;height: 30px;line-height: 30px;bottom: 30px;} .p_01{padding: 20px;} } @media only screen and (max-width:1024px) { .nomargin_f .main{padding-bottom:60px;} .business_list ul{margin: 0 -5px;} .business_list li dl{margin: 0 5px;} .p_01{display: none;} .business_list h3{line-height: 50px;} .business_list .page{padding-top:10px;} .business_select .year_box{margin-left: 0;} .business_search{margin-right: 20px;} .business_search{width: 230px;} .business_select{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .business_edit{margin-bottom: 30px;} .business_list li{width: 50%;} .business_list h3{line-height: 40px;} .business_list ul{margin: 0 -2px;} .business_list li dl{margin: 0 3px;} .nomargin_f .main{padding-bottom: 40px;background: none} .business_select .year_box{width: 100%;} .business_select .year_box dl{width: 50%;} .business_search{width: calc(100% - 20px);margin: 0;margin-left: 10px;float: none;} .business_select .year_box{margin-bottom: 10px; padding-bottom: 6px; position: relative; border-bottom: 1px dashed #ccc;} .business_select .year_box dd{top:30px;} .business_select .year_box dl{position: static;} } /*网站地图*/ .mapsite dl{overflow: hidden;margin-bottom:30px;} .mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #007dcd;line-height: 44px;display: inline-block;color:#fff;float: left; position: relative;z-index: 999;} .mapsite dl dt a{display: block;color:#fff;} .mapsite dl dt a:hover{color: #fff !important;} .mapsite dl dd{ width: 100%; float: left;} .mapsite dl dd a{color:#333;} .mapsite dl dd ul{overflow: hidden; margin-left: 200px;} .mapsite dl dd ul li{margin-right: 50px; float: left; line-height: 44px;} .mapsite dl dd ul li b{font-weight: normal; margin-right: 10px;} @media only screen and (min-width: 1024px) { .mapsite dl dd a:hover{color:#007dcd;} } @media only screen and (max-width: 1023px) { .mapsite dl dd ul li{margin-right: 20px;} } @media only screen and (max-width:767px) { .pad_100{padding-bottom: 20px;} .mapsite dl dt{width:100%; margin-right: 0; float: none; height: 36px; line-height: 36px;margin-bottom: 10px;} .mapsite dl dd ul{margin-left: 0;} .mapsite dl{margin-bottom: 20px;} .mapsite dl dd ul li{line-height: 24px;} } /*搜索结果*/ .aid_search .keyword{height: 64px;width: 100%;background: #ededed;overflow: hidden;} .aid_search .keyword>div{margin:21px auto 19px;width: 90.78%;} .aid_search .keyword h4{color: #272727;line-height: 1.11em;display: inline-block;} .aid_search .keyword a{display: inline-block;margin-left: 11px;width: 62px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #175DD5;} .aid_search .keyword a:hover { color:#fff!important;} .aid_search .keyword>div>div{position: relative;;display: inline-block;border: 1px solid #d5dfe8;height: 26px;padding-right: 8px;padding-left: 8px;background: #fff;box-sizing: border-box;} .aid_search .keyword>div>div.active{box-shadow: 0 0 3px #999;background: #fbf7e6;} .aid_search .keyword input{border: none;background: transparent;width: 96%;line-height:24px;} .aid_search .keyword span{display: inline-block;position: absolute; top:0;width: 26px;height: 26px;background: url(../images/search_icon01.png) no-repeat center;} .aid_search>p{display: block;width: 90.78%;margin: 20px auto 0;color: #1b1b1b;} .aid_search em{color:#175DD5;} .aid_search .result{margin-top: 21px;} .aid_search .result li{border-bottom: 1px solid #e5e5e5;border-top:transparent solid 1px;} .aid_search .result li:first-child{border-top:1px solid #e5e5e5; } .aid_search .result li>div{margin: 5px 0;padding: 28px 0 30px;transition:all .5s} .aid_search .result dl{width: 90.78%;margin:auto} .aid_search .result dt{position: relative;} .aid_search .result dt:before{content: "";position: absolute;width: 3px;height: 6px;background: url(../images/search_icon02.png) no-repeat;top: 50%;margin-top: -3px;} .aid_search .result dt a{color: #272727;line-height: 1.11em;padding-bottom: 2px;} .aid_search .result dd{margin-top: 17px;color: #666;} .aid_search .keyword span { right: 0;} .aid_search .keyword > div > div { width: 214px;} .aid_search .result dt:before { left: -16px;} .aid_sitemap li { margin-top: 43px;height: 43px;} @media only screen and (max-width: 1023px){ .aid_search .result li > div { padding:15px 0 20px;} } @media only screen and (max-width: 767px){ .aid_search .result dt:before{left: -10px;} .aid_search .keyword h4.f-18{font-size:13px;} .aid_search .keyword a{margin-left: 0;float: right;} .aid_search .keyword > div > div{ width: calc(100% - 130px);} .aid_search .result dd { height:3em;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} } /*旗下企业*/ .link ul{margin: 0 -10px;} .link li{float:left;width:20%; text-align: center; margin-bottom: 30px;} .link li .inner{border:2px solid #fff;transition:0.5s all; -webkit-transition:0.5s all;margin: 0 10px;} .link li h2{margin:10px 0; height: 1.5em; overflow: hidden;} .link li h2 a{color:#676767;} .link .page{padding-top: 20px;} @media only screen and (max-width:1024px){ .link li{width: 25%;margin-bottom: 20px;} } @media only screen and (max-width:767px){ .link li{width: 50%;margin-bottom: 20px;} .link .page{padding-top: 0;} } /*新京葡萄官方入口会展内容页*/ .business_d{padding-top: 40px;} .d_img{position: relative;margin-bottom: 40px;} .d_img img{width: 100%;} .d_text{width: 987px; max-width: 94%; line-height: 35px; text-align: right; box-sizing:border-box; position: absolute;right: 0;bottom: 0;height: 80px;padding: 0 30px; background: url(../images/bg_jb.png) no-repeat right bottom;background-size: 100% 100%;} .d_text h3{margin-top: 20px;} .d_text img{width: 170px;} .d_text i{color: #fff;margin-left: 20px;} .d_tel{background: #f5f5f5;padding: 30px 150px;padding-bottom: 0;margin-bottom: 50px;} .d_tel ul{overflow: hidden;margin: 0 -40px;} .d_tel li{float: left;*margin-left: -1px;width: 50%;margin-bottom: 30px;} .d_tel li dl{overflow: hidden;margin: 0 40px;border-right:1px solid #e0e0e0;} .d_tel li dt{float: left;width: 40px;} .d_tel li dt img{width: 100%;} .d_tel li dd{float: right;width: calc(100% - 60px);line-height: 24px;} .d_tel li:nth-child(2n) dl{border: 0;} .d_tel li:nth-child(2n+1){clear: both;} .edit_title{margin-bottom: 20px;} .edit_01{border-bottom:1px solid #e5e5e5;padding-bottom: 40px;margin-bottom: 40px;} @media only screen and (max-width:1024px){ .business_d{padding-top: 20px;} .d_tel{padding: 30px;padding-bottom: 0;} } @media only screen and (max-width:767px){ .business_d{padding-top:0px;} .d_img{margin-bottom: 20px;} /*.d_tel li{float: none;width: 100%;float: none;} .d_tel li dl{border: 0;} .d_text img{width:100px;}*/ .d_tel{padding: 20px 10px;padding-bottom: 0;margin-bottom: 20px;} .d_tel li dl{margin: 0 5px;} .d_tel ul{margin: 0 -5px;} .d_tel li{margin-bottom: 20px;} .d_tel li dt{width: 20px;} .d_tel li dd{width: calc(100% - 25px)} .d_tel li dd h3{font-size: 12px;line-height:16px;} .d_tel li dd p{font-size: 12px;} .d_text img{width: 100px;} .d_text i{margin-left: 10px;} .d_text{ line-height: 22px;height:auto;padding: 10px 0; background: -webkit-linear-gradient(left top, rgba(25,138,210,0) 0%, rgba(25,138,210,1) 40%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, rgba(25,138,210,0) 0%, rgba(25,138,210,1) 40%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, rgba(25,138,210,0) 0%, rgba(25,138,210,1) 40%); /* Firefox 3.6 - 15 */ background: -ms-linear-gradient(bottom right, rgba(25,138,210,0) 0%, rgba(25,138,210,1) 40%); /* Firefox 3.6 - 15 */ } .d_text h3{margin-top: 0;padding-right: 10px;} .edit_title{margin-bottom: 10px;} .edit_01{margin-bottom: 20px;padding-bottom: 20px;} } /*招聘列表*/ .recruit_list li{overflow: hidden;line-height: 24px;padding:20px 0;border-bottom: 1px solid #eeeeee;} .recruit_list p{float: left;width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .recruit_list span{float: right;} @media only screen and (max-width:767px){ .recruit_list li{padding: 10px 0;} } /*管理团队内容页*/ .teambox01{color: #fff;padding: 70px 40px 40px 60px; position: relative;} .teambox01 h1 em{margin-left: 30px} .teambox01 .team_line{margin: 5px 0 30px;} .teambox_brief{width: 60%;} .team_person{width: 30%; background: #fff; position: absolute; top:40px; right:40px;box-shadow: 0px 4px 14px #888787;} .person_in{padding: 20px;} .person_in h1{color: #000; margin-top: 20px;} .teambox02{padding: 40px 40px 0px 60px;min-height: 400px;} .teamcontext{width: 60%;} .team_close{width: 60%; text-align: right; margin-top: 60px;} .team_close a{display: inline-block;width: 39px; height: 39px; background: #eee url(../images/team_close.png) no-repeat center center;} @media only screen and (max-width:1300px){ .teambox01{padding: 40px;} .teambox02{padding: 40px 40px 0px 40px;} } @media only screen and (max-width:1024px){ .teambox01 .team_line{margin: 5px 0 10px;} .teambox01{padding: 20px; padding-top: 30px} .teambox02{padding: 20px; padding-bottom: 0; min-height: 280px;} .team_close{margin-top: 40px;display: none;} } @media only screen and (max-width:767px){ .person_in{padding: 10px;} .person_in h1{margin-top: 10px;} .person_in img{} .teambox01{overflow: hidden;background-size: cover !important;} .teambox_brief{float: none;width: 100%} .team_person{position: static; float:none;width: 100%; background: none;box-shadow: 0px 0px 0px #888787; text-align: center; margin-bottom: 20px;} .team_person .person_in{ background: #fff;} .teamcontext,.team_close{width: 100%;} .teambox02{padding: 20px 0;min-height: inherit;} .team_close{display: none;} } @media only screen and (min-width:1025px) { .page input.go,.team_indert,.notice_list dl,.staff_btn button,.more_i i,.mapsite dl dt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .p_01{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .pub_title li:hover em{left: 0;width: 100%;} .pub_title li:hover a{color: #007dcd !important;} .news_bottom li:hover{background: #f5f5f5;} .news_bottom li:hover .news_time,.news_bottom li:hover h3 a{color: #4a9cd7 !important} .page input.go:hover{color: #fff !important;background: #005083;border: 1px solid #005083;} .pagebox .detail_close a:hover{color: #fff !important;background: #4a9cd7;} .team_box li .team_indert:hover{background: #007dcd;color: #fff;} .team_box li .team_indert:hover a{color: #fff !important;} .team_box li .team_indert a:hover{opacity: 0.8;} .team_box li .team_indert:hover .team_line,.team_box li .team_indert:hover .team_line em{background: #fff;} .team_box li .team_indert:hover .team_more i{color:#fff;} .notice_list dl:hover{background: #f5f5f5;} .notice_list dl:hover .news_time{color: #007dcd;} .notice_list dl:hover h3 a{color: #007dcd;} .staff_btn button:hover{opacity: 0.9;} .staff_btn button.btn_02:hover{background: #e0e0e0;} .business_list li dl:hover .p_01{left: 0;} .more_i i:hover{opacity: 0.8;} .mapsite dl dt:hover{opacity: 0.9;} .link li:hover .inner{border:2px solid #2164D7;} .link li:hover h2 a{color:#175DD5;} .d_tel li h3 a:hover{color: #555;} .team_close a:hover{opacity: 0.8;} } @media only screen and (max-width:767px) { .xmn_pub_title { position: fixed; height: 30px; top: 52px; width: 100%; background: #FFF; z-index: 999; padding: 10px 0; } .xmn_btn{ top: 6px !important; } }