锘?main{padding-bottom: 100px;} .index_mian{padding-bottom:20px;} .margin_b60{margin-bottom: 60px;} .margin_b80{margin-bottom: 80px;} .site_banner{position: relative;} .site_banner img{width: 100%;} .site_p{position: absolute;left: 0;width: 100%;bottom:40px;color: #fff;} .nomargin .site_banner{margin-bottom: 0;} .pub_title{text-align: center;margin-bottom: 40px;} @media only screen and (max-width:1280px) { .main{padding-bottom: 60px;} .margin_b60{margin-bottom: 40px;} .margin_b80{margin-bottom: 60px;} } @media only screen and (max-width:1024px) { .main{padding-bottom:50px;} .margin_b60{margin-bottom: 30px;} .margin_b80{margin-bottom: 40px;} .site_banner img{display: none;} .site_banner{height: 180px;} } @media only screen and (max-width:767px) { .main{padding-bottom:30px;} .margin_b60{margin-bottom: 20px;} .margin_b80{margin-bottom: 20px;} .site_banner{height: 170px;} .site_p{text-align: center;} } /*涓嘲宸ュ尃*/ .team,.team a{color: #000;} .team,.team ul{display: table;width: 100%;} .team ul{margin: 0 -16px;} .team li{float: left;width: 25%;*margin-left: -1px;position: relative;} .team dl{background:#eeeae1;border-bottom: 4px solid #f8b61c;margin: 0 16px;position: relative;z-index: 2;} .team dd{padding: 25px 40px;padding-top: 20px;} .team dd h3{margin-bottom: 10px;} .team dd h3,.team dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .scale_bg{ position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #fff; transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);background: #fff;position: absolute;top:0;left: 0; box-shadow: 0 0 16px -4px rgba(0,0,0,0.3);opacity: 0; } .team .page{padding-top: 0;} /*涓嘲宸ュ尃鍐呭椤?/ .team_d{overflow: hidden;} .team_d .left{width: 32.8%;float: left;color: #000;} .team_d .left{position: relative;} .team_d .left dd{background: #f8b61c;display: inline-block;width: 140px;padding:25px 20px 30px 20px; box-sizing: border-box;position: absolute;left: 4%;bottom: -15px;} .team_d .left dd .line{width: 24px;height:5px;background: #000;margin-bottom: 35px;} .team_d .left dd h3{margin-bottom: 10px;} .team_d .right{width: 63.5%;float: right;} @media only screen and (max-width:1280px) { .team ul{margin: 0 -10px;} .team dl{margin: 0 10px;} .team dd{padding: 20px;} } @media only screen and (max-width:1024px) { .team ul{margin: 0 -5px;} .team dl{margin: 0 5px;} .team .page{padding-top: 20px;} .team_d .left,.team_d .right{float: none;width: 100%;} .team_d .left{width: 330px;max-width: 100%; margin: auto; margin-bottom: 40px;} .team_d .left dd .line{margin-bottom: 15px;} .bg_scale{display: none;} } @media only screen and (max-width:767px) { .team ul{margin: 0 -2px;} .team dl{margin: 0 2px;border-bottom: 2px solid #f8b61c;} .team li{width: 50%;margin-bottom:4px;} .team dd{padding:10px;} .team dd{margin-bottom: 5px;} } /*淇℃伅鍏ず*/ .publicity_list{ display: table;width: 100%;} .publicity_list .time_span{color:#777777;} .publicity_list ul{margin: 0 -20px; display: table;width: 100%;} .publicity_list li{float:left;width: 50%;*margin-left: -1px;position: relative;} .publicity_list dl{overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 40px;padding-top: 44px; margin: 0 20px;position: relative;z-index: 2;} .publicity_list dt{float: left;width: 32px;} .publicity_list dt img{width: 100%;} .publicity_list dd{width: calc(100% - 58px);float: right;} .publicity_list dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .publicity_list .line03{height:5px;background: #f8b61c;position: absolute;left: 0;bottom: 0;width: 100%;} { transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); box-shadow: 0 0 16px -10px rgba(0,0,0,0.3);opacity: 0;} .publicity_list .page{padding-top: 80px;} @media only screen and (max-width:1280px) { .publicity_list .page{padding-top: 50px;} .publicity_list dl{padding:30px;} } @media only screen and (max-width:1024px) { .publicity_list .page{padding-top: 40px;} .publicity_list dl{padding: 20px;} .publicity_list ul{margin: 0 -10px;} .publicity_list dl{margin: 0 10px;} .publicity_list dd{ width: calc(100% - 45px);} } @media only screen and (max-width:767px) { .publicity_list ul{margin: 0 0px;display: block;} .publicity_list dl{margin: 0 0px;padding: 20px 0;} .publicity_list li{width: 100%;float:none;} .publicity_list{display: block;} } /*鏂伴椈涓績*/ .news_01{height: 241px;background:#2e77ba url(../images/news_bg.jpg) no-repeat center center;background-size: cover;margin-top: -60px;position: relative;z-index: 2;} .news_slider{height: 100%; background: url(../images/news_icon.png) no-repeat;background-size: 310px 241px; } .news_01,.news_01 a,.news_01 span{color: #fff;} .news_slider{padding-left: 330px;position: relative;} .news_slider li{border-bottom: 1px solid rgba(255,255,255,0.3);} .news_in{padding-top: 70px;padding-bottom: 30px;margin-right: 15%;} .news_in h3{margin-bottom:10px;overflow: hidden;line-height: 30px;} .news_in h3 em{color:#f8b61c;} .news_in h3 a{float: left; width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_in h3 span{float: right;} .news_in p{line-height: 1.7em;height: 3.4em;overflow: hidden;} .but>div{display:block;position: absolute;} .news_slider .but>div{width: 12px;height: 20px;bottom:14px;right:40px;top: auto;left: auto;} .news_slider .but>.swiper-button-prev{background: url(../images/prev.png) no-repeat center center;right: 84px;} .news_slider .but>.swiper-button-next{background: url(../images/next.png) no-repeat center center;} .news_slider .more_02{margin: 0;position: absolute;top:30px;right: 40px; z-index: 3;} .news_02{padding-top:60px;margin-bottom: 25px;} .more_03{margin-top: 30px;} .more_03 a{margin: auto;} .news_tab{text-align: center; height: 102px;} .news_tab ul{display: inline-block;} .news_tab li{float: left;line-height: 102px;width: 212px;} .news_tab li a{display: block;position: relative;} .news_tab li em{position: absolute;left:-40px;bottom: 0;width: 292px;height: 6px;background:#f8b61c;display: none;} .news_tab li.on{font-size: 36px;} .news_tab li.on em{display: block;} .news_list{background: #f7f7f7;padding: 60px 0;overflow: hidden;} .news_list ul{overflow: hidden;margin: 0 -24px;} .news_list li{float: left;width: 33.33%;*margin-left: -1px;margin-bottom: 10px;} .news_list li dl{padding: 0 24px;} .news_list li dt{position: relative;margin-bottom: 30px;} .news_list .news_time{position: absolute;left: 25px;bottom: 20px;} .news_list dd h3{line-height: 1.3em;height: 2.6em;overflow: hidden;margin-bottom: 20px; font-weight: bold;} .news_list dd p{line-height: 1.7em;height: 3.4em;overflow: hidden;color: #777;} /*.news_c>div{display: none;} .news_c>div:nth-child(1){display: block;}*/ @media only screen and (max-width:1024px) { .news_tab li.on{font-size: inherit;} .news_tab li em{width: 100%;left: 0;} .news_tab li em{height: 4px;} .news_tab{height: 80px;} .news_tab li{line-height: 80px;width: 150px;} .news_in{margin-right: 40px;padding-top: 50px;padding-bottom: 10px;} .news_slider{ background-size: 260px ;padding-left: 280px;} .news_01{height: 200px;} .news_slider .more_02{top:15px;} .news_list ul{margin: 0 -10px;} .news_list li dl{padding: 0 10px;} .news_01{margin-top: 40px;} .news_list li dt{margin-bottom: 20px;} .news_list dd h3{font-weight: normal;} } @media only screen and (max-width:767px) { .news_list{padding: 20px 0;} .news_02{padding-top: 20px;margin-bottom: 20px;} .news_slider{padding: 0;background:none;} .news_in{margin: 0;padding: 0 4%; padding-top: 50px; padding-bottom: 10px;} .news_slider .more_02,.news_slider .but>div{right: 4%;} .news_slider .but>.swiper-button-prev{right: 60px;} .news_tab{height: 50px;} .news_tab li{line-height: 50px;width: 120px;} .news_tab li em{height: 2px;} .news_list li{width: 100%;margin-bottom: 20px;} .news_list ul{margin: 0;} .news_list li dl{padding: 0;} .news_list dd h3{margin-bottom: 10px;height: inherit;max-height: 2.6em;} .news_list .more_03{margin-top: 0;} .publicity_list .more_03{margin-top: 20px;} .pub_title{margin-bottom: 20px;} .news_02 .publicity_list li:first-child dl{padding-top: 0;} .news_list .news_time{left:10px;bottom: 10px;} .news_01{margin-top: 20px;} } /*缁勭粐鏋舵瀯*/ .gray_bg{background: #f7f7f7 url(../images/group_bg.jpg) no-repeat 0 bottom;padding-bottom: 170px;} .group_img{text-align: center;} .group_img img{max-width: 100%;} .group .pub_title{margin-bottom: 70px;} @media only screen and (max-width:1280px) { .group .pub_title{margin-bottom: 50px;} .gray_bg{padding-bottom: 120px;} } @media only screen and (max-width:1024px) { .group .pub_title{margin-bottom:40px;} .gray_bg{padding-bottom: 80px;} } @media only screen and (max-width:767px) { .group .pub_title{margin-bottom:20px;} .gray_bg{padding-bottom: 40px;} } /*鑱旂郴鎴戜滑*/ #map{width: 100%;height: 608px;} .contact_map{position:relative;} .map_text{width:400px;position: absolute;top:0;right:0;height: 100%;background:rgba(169,199,67,0.9);} .map_box{padding:50px 30px;padding-bottom: 30px; color: #fff;border-top: 6px solid #f8b61c;} .map_box h1{margin-bottom: 20px;font-weight: bold;} .map_box a,.map_box a:hover{color: #fff !important;} .map_p li{overflow: hidden;line-height: 1.3em;padding: 28px 0;border-bottom: 1px solid rgba(255,255,255,0.26)} .map_p li span{width: 75px;float: left;} .map_p li span img{width: 20px;margin-right: 12px;} .map_p li p{font-weight: bold;width: calc(100% - 75px);float: right;} .map_p a{display: block;} .map_p li.phone_cont .phone_cont_int{font-weight: bold;width: calc(100% - 75.phone_cont_intx);float: right;} .map_p li.phone_cont span{width: 32px;} .map_p li.phone_cont .phone_cont_int{width: calc(100% - 32px);} .map_p li.phone_cont em{float: left;width: 60px;float: left;font-weight: normal;} .map_p li.phone_cont .phone_cont_int a{float: right;width: calc(100% - 60px);} @media only screen and (max-width:1024px) { #map{height: 300px;} .map_text{position: static;width: 100%;} .map_p li{padding: 15px 0;} .map_p li:last-child{border-bottom: 0;} .map_box{padding: 30px; border-top: 4px solid #f8b61c;} .map_box h1,.map_p li p{font-weight: normal;} } @media only screen and (max-width:767px) { #map{height:250px;} .map_box h1{margin-bottom: 10px;} .map_box{padding: 20px 10px; border-top: 2px solid #f8b61c;} .map_p li span img{margin-right: 6px;} .map_p li span{width: 60px;} .map_p li p{width: calc(100% - 60px);} } /*浼佷笟鍔ㄦ€?/ .dynamic_01{padding: 80px 0;background: #3db5e3 url(../images/dynamic_bg.jpg) no-repeat center center; background-size: cover;} .dynamic_01 dl{overflow: hidden;} .dynamic_01 dt{float: left;width: 600px;position: relative;} .dynamic_01 dd{float: right;width: calc(100% - 705px);} .dynamic_01 dd p,.dynamic_01 dd a,.dynamic_01 .news_t h3 span{color: #fff;} .dynamic_01 .news_t{margin: 0;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.5)} .dynamic_01 li:first-child .news_t{padding-top: 0;} .dynamic_01 li:last-child .news_t{padding-bottom: 0;border: 0;} .dynamic_02 .news_list{padding: 0;padding-top: 20px;background: none;} .dynamic_02 .news_list li{margin-top: 50px;} .dynamic_02 .news_list li dd{padding-bottom: 20px;border-bottom: 1px solid #d8dee3;} @media only screen and (max-width:1280px) { .dynamic_01{padding: 50px 0;} .dynamic_01 dt{width: 550px;} .dynamic_01 dd{width:calc(100% - 570px);} .dynamic_01 .news_t{padding: 16px 0;} } @media only screen and (max-width:1024px) { .dynamic_01 dt{width:100%;float: none;margin-bottom: 20px;} .dynamic_01 dd{width:100%;float: none;} .dynamic_01 .news_t{padding: 16px 0;} .dynamic_02 .news_list li{margin-top: 20px;} } @media only screen and (max-width:767px) { .dynamic_01{padding: 20px 0;} .dynamic_02 .news_list li{margin-top: 0px;} .dynamic_02 .news_list li:last-child{margin-bottom: 0;} } /*浼佷笟鍔ㄦ€佽鎯?/ .news_edit{width: 1190px; max-width: 100%; margin: auto;padding-bottom: 80px;} .news_edit h1{text-align: center;margin-bottom: 10px;} .edit_span{text-align: center;color: #777777;margin-bottom: 50px;} .edit_span span:first-child{color: #008ac8;} .edit_span span{padding: 0 12px;} .news_page{background: #f7f7f7;padding: 40px 0;} .main_60{padding-bottom: 60px;} .edit_close{float: right;margin-top:15px;} .detial_page_cont{padding-top: 20px; margin-top:20px; border-top: 1px solid #939393;} .detial_page span{display: block; height: 24px; line-height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #777777} .detial_page span a{color: #777777} .detial_page_cont{overflow: hidden;} .detial_page_cont .detial_page{float: left; width: 70%;} .share_cont{overflow: hidden;overflow: hidden;} .share_cont p{float: left;line-height: 33px;margin-right: 10px;} .share_cont .bdsharebuttonbox{float: left;} .share_cont .bdsharebuttonbox>a { display: block; float: left; background-position: left top !important; width: 33px !important; height: 33px !important; margin: 0px 8px 0 0 !important; padding: 0 !important; } @media only screen and (max-width:1024px) { .detial_page_cont .detial_page{width: 100%;} .edit_close{display: none;} .edit_span{margin-bottom: 30px;} .news_edit{padding-bottom: 50px;} .main_60{padding-bottom: 30px;} } @media only screen and (max-width:767px) { .news_page{padding: 20px 0;} .news_edit{padding-bottom: 30px;} .edit_span{margin-bottom: 20px;text-align: left;overflow: hidden;} .edit_span span{float: left;width: 50%;box-sizing: border-box;} .edit_span span:first-child{float: none;width: 100%;} } /*浼佷笟骞存姤*/ .report_list{overflow: hidden;} .report_list ul{overflow: hidden;margin: 0 -33px;} .report_list li{float: left;*margin-left: -1px;width: 25%;margin-bottom: 80px;} .report_list li dl{padding: 0 33px;} .report_list li dt{position: relative;margin-bottom: 25px;} .report_list li .news_time{position: absolute;left: 25px;bottom: 25px;} .report_list li dd h3{line-height: 1.3em;height: 2.6em;overflow: hidden;} .report_list .page{padding-top: 0;} @media only screen and (max-width:1280px) { .report_list ul{margin: 0 -20px;} .report_list li dl{padding: 0 20px;} .report_list li{margin-bottom: 60px;} } @media only screen and (max-width:1024px) { .report_list ul{margin: 0 -10px;} .report_list li dl{padding: 0 10px;} .report_list li{margin-bottom: 40px;} .report_list li dt{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .report_list ul{margin: 0 -5px;} .report_list li dl{padding: 0 5px;} .report_list li dt{margin-bottom:10px;} .report_list li{margin-bottom: 20px;width: 50%} .report_list li .news_time{left: 10px;bottom: 10px;} .report_list .page{padding-top: 10px;} } /*鎶曡祫鑰呭叧绯?/ .invest_index{overflow: hidden;} .invest_index .left{width: 420px;float: left;background: #eaf1f6;} .invest_index .right{width: calc(100% - 460px);float: right;background: #f7f7f7;} .invest_box{padding: 40px 80px;padding-bottom: 15px;} .invest_title{position: relative;margin-bottom: 30px;} .invest_title .more_01{position: absolute;right: 0;bottom:10px;margin: 0;} .invest_index .publicity_list{margin-bottom: 60px;display: block;} .invest_index .publicity_list ul{display: block;} .invest_index .publicity_list dl,.invest_index .publicity_list ul{margin: 0;} .invest_index .publicity_list li{float: none;width: 100%;} .invest_index .report_list li{width: 50%;} .invest_index .report_list li dl{padding: 0 57px;} .invest_index .report_list ul{margin: 0 -57px;} .invest_b01{padding-bottom: 70px;} .invest_b01 ul{padding-bottom: 20px;} .invest_b01 li{margin-bottom: 30px;} .invest_b01 p{line-height: 1.7em;} .invest_t01,.invest_b01{padding: 40px 44px;text-align: right;} .invest_t01{background: #d9e6ee;} .invest_t01 p{font-weight: bold;color: #333;} .invest_span span{display:inline-block;} .invest_span .span01{width: 35px;height: 30px;margin-right: 35px;} .invest_span .span01.red{background: url(../images/i_red.png) no-repeat center center;background-size: cover;} .invest_span .span01.green{background: url(../images/i_green.png) no-repeat center center;background-size: cover;} .invest_span .span01.gray{background: url(../images/i_gray.png) no-repeat center center;background-size: cover;} .invest_span .span02{font-size: 60px;color: #ff0000;margin-right: 10px;} .invest_span .span02.red{color: #ff0000;} .invest_span .span02.green{color: #0a7a01;} .invest_span .span02.gray{color: #808080;} .invest_span .span03{font-size: 30px;} @media only screen and (max-width:1280px) { .invest_box{padding: 40px;} .invest_index .report_list li dl{padding: 0 40px;} .invest_index .report_list ul{margin: 0 -40px;} .invest_span .span02{font-size: 50px;} .invest_span .span03{font-size: 24px;} .invest_index .left{width: 370px;} .invest_index .right{width: calc(100% - 400px);} .invest_span .span01{margin-right: 20px;} .invest_b01 ul{padding-bottom:0;} .invest_index .publicity_list{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .invest_index .report_list li dl{padding: 0 10px;} .invest_index .report_list ul{margin: 0 -10px;} .invest_span .span01{width: 28px;height: 24px;} .invest_span .span02{font-size: 36px;} .invest_span .span03{font-size: 20px;} .invest_b01 li{margin-bottom: 20px;} .invest_index .left{width:280px;} .invest_index .right{width: calc(100% - 300px);} .invest_t01, .invest_b01{padding: 30px 20px;} .invest_box{padding: 40px 20px;} .invest_t01 p{font-weight: normal;} } @media only screen and (max-width:767px) { .invest_index .report_list li dl{padding: 0 5px;} .invest_index .report_list ul{margin: 0 -5px;} .invest_title .more_01{bottom: 0;} .invest_index .left,.invest_index .right{float: none;width: 100%;} .invest_title{margin-bottom: 20px;} .invest_t01, .invest_b01{text-align: left;padding: 20px;} .invest_b01 li{width: 50%;float: left;} .invest_b01 li:nth-child(2n+1){clear: both;} .invest_box{padding: 20px ;} .invest_span .span01{margin-right:10px;width: 18px;height: 18px;} .invest_span .span02{font-size: 24px;} .invest_span .span03{font-size: 16px;} .invest_index .publicity_list li:first-child dl{padding-top: 0;} } /*绀句細鎷涜仒*/ .society ul{padding-bottom: 20px;} .society h3{background: none !important;} .society h3 em{font-size: 14px;margin-left: 16px;} .society dt{line-height: 30px;padding:20px;border-bottom: 1px solid #d7d7d7;cursor: pointer;} .society dd{padding:80px;padding-top: 35px; background: #fbfbfb !important;display: none;} .society li.on{margin-top: -1px;} .society li.on dt{border-top: 1px solid #f8b61c;color: #f8b61c;} .society dt span{height: 30px;width: 22px; background: url(../images/q_t.png) no-repeat center center;position: absolute;top:0;right: 0;} .society li.on dt span{background: url(../images/q_b.png) no-repeat center center;} .recruit_t{overflow: hidden;} .recruit_t .recruit_le,.recruit_t .recruit_re{width: 50%;*margin-left: -1px;float: left;position: relative;} .recruit_text{padding: 0 80px;} .recruit_text h4{line-height: 25px;margin-bottom: 25px;} .recruit_text h4 img{width: 25px;margin-right: 15px;} .recruit_p{padding-left: 40px;color: #4b4b4b;line-height: 1.7em;} .recruit_p.line{padding: 0;width: 1px;background: #e8e8e8;position: absolute;right: 0;bottom: 0;} .recruit_t .recruit_re .recruit_p.line{display: none;} .info_btn a{display: inline-block;width: 130px;height: 36px;line-height: 36px;background: #f8b61c;color: #fff;text-align: center;margin-right: 80px;} .recruit_share{margin-top: 20px;width: 50%;} .info_btn{text-align: right;} .society_title{overflow: hidden;position: relative;} .society_title h3,.society_title h4,.society_title h5{float: left;} .society_title h3{width: 36%;margin-right: 2%;} .society_title h4{width: 33%;margin-right: 2%;} .society_title h5{width:20%;margin-right: 0%;} @media only screen and (max-width:1280px) { .society dd{padding: 40px;padding-bottom: 60px;} .recruit_text{padding: 0 50px;} .info_btn a{margin-right: 50px;} .society ul{padding-bottom: 0;} } @media only screen and (max-width:1024px) { .recruit_text h4{margin-bottom:10px;} .recruit_text,.recruit_p{padding: 0;} .recruit_p{height: auto !important;} .recruit_p.line{display: none;} .recruit_t .recruit_le, .recruit_t .recruit_re{float: none;width: 100%;} .society dd{padding: 40px 20px;} .info_btn{text-align: center;} .info_btn a{margin-right: 0;} .recruit_share{width: 100%;} .recruit_t .recruit_le{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .society dd{padding: 20px 10px;} .society dt{padding: 10px;line-height: 22px;} .society_title h3,.society_title h4,.society_title h5{width:calc(100% - 40px);float: none;margin:4px 0;} .society dt span{ background-size: 18px !important;} } /*姘⒈浜т笟*/ .chlor_list{overflow: hidden;} .chlor_list ul{margin: 0 -23px;overflow: hidden;} .chlor_list li{width: 33.33%;*margin-left: -1px;float: left;} .chlor_list dl{padding: 0 23px;} .chlor_list dt{margin-bottom: 30px;} .chlor_img{margin-bottom: 10px;} .chlor_img img{width: 44px;height: 44px;} .chlor_list dd h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .chlor_list dd p{color: #777777;line-height: 1.7em;max-height: 11.9em;overflow: hidden;} .chlor_block>div{padding: 45px 0;} .chlor_block>div:first-child{padding-top: 0;} .chlor_block>div:nth-child(2n){background: #f7f7f7;padding: 50px 0;} .chlor_block>div:last-child{padding-bottom:30px;} @media only screen and (max-width:1280px) { .chlor_list ul{margin: 0 -15px;} .chlor_list dl{padding: 0 15px;} } @media only screen and (max-width:1024px) { .chlor_list ul{margin: 0 -10px;} .chlor_list dl{padding: 0 10px;} .chlor_block>div:last-child{padding-bottom: 0;} } @media only screen and (max-width:767px) { .chlor_list ul{margin: 0 0px;} .chlor_list dl{padding: 0 0px;} .chlor_list dt{margin-bottom: 20px} .chlor_block>div,.chlor_block>div:nth-child(2n){padding: 20px 0;} .chlor_list li{width: 100%;float: none;margin-bottom:30px;} .chlor_list li:last-child{margin-bottom: 0;} .chlor_img img{width: 38px;height: 38px;} .chlor_list dd p{max-height: 5.1em;} } /*璇︽儏*/ .chlor_d{overflow: hidden;} .chlor_d .left{ width: 567px;float: left; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chlor_d .left h3{margin-bottom: 20px;} .chlor_d .left p{line-height: 1.7em;color: #777;} .chlor_d .right{width:calc(100% - 650px);float: right;} .case_show{margin-bottom: 40px;} .case_show_b{ width: 100%; height: 100%;} .case_show_b li{display: none;} .case_show_s{ overflow: hidden; z-index: 10;position: relative;} .case_show_s li{position: relative;cursor: pointer;width: 135px;} .case_show_s li i{position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .case_show_s li.on i{ /*display: none; */ background: none; position: absolute;top:-10px;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0px 0 0 -5px;border: 5px dashed transparent;border-bottom: 5px solid #f4a33a } .case_show_s li em{border: 2px solid #f8b821;position: absolute;top:0;left: 0;width: 100%;height: 100%; box-sizing: border-box;display: none;} .case_show_s li.on em{display: block;} .case_show_s .swiper-container{padding: 28px 0;} .case_show_s li img{height: 75px;} .case_show_s li.on{ /*transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);-moz-:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);*/ z-index:2;box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.5);} .case_show_s .swiper-button-next,.case_show_s .swiper-button-prev{width:30px; height: calc(100% - 56px); top:28px; margin: 0; opacity: 1;} .case_show_s .swiper-button-next{background:url("../images/next.png") no-repeat center center !important;} .case_show_s .swiper-button-prev{background:url("../images/prev.png") no-repeat center center !important;} .case_show_s .swiper-button-prev{left: 0;} .case_show_s .swiper-button-next{right: 0;} .case_show_s .swiper-button-next.swiper-button-disabled,.case_show_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;opacity: 1;} .case_show_s .swiper-button-next.disabled,.case_show_s .swiper-button-prev.disabled{cursor: auto; opacity: 0.5;} .business_title{border-bottom: 1px solid #e5e5e5;margin-bottom:25px;} .business_title span{display:inline-block;position: relative;padding-bottom: 20px;} .business_title em{position: absolute;left: 0;bottom:-1px;width: 100%;height: 2px;background: #f8b61c;} .chlor_edit01{margin-bottom: 50px;} .chlor_d .right .chlor_edit01:last-child{margin-bottom: 0;} /*table*/ .chlor_table { width: 100%; color: #777; font-size: 12px;} .chlor_table td { line-height: 20px; padding: 12px 8px; border: 1px solid #e5e5e5; } .chlor_table thead td { background:#f7f7f7; } .chlor_table .t1 { } .chlor_table .t2 { width: 18%; } .chlor_table .t3 { width: 19%; } .chlor_table .t4 { width: 17%; } .chlor_table .t5 { width: 16%;} @media only screen and (max-width:767px) { .chlor_table , .chlor_table thead, .chlor_table tbody, .chlor_table th, .chlor_table td, .chlor_table tr { display: block; } .chlor_table thead tr { position: absolute; top: -9999px; left: -9999px; } .chlor_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .chlor_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 7em; white-space: normal; text-align: left; } .chlor_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .chlor_table td:before { content: attr(data-title); } } /*table*/ @media only screen and (max-width:1366px) { .chlor_d .left{ width:520px;} .chlor_d .right{ width: calc(100% - 570px);} .case_show{margin-bottom: 20px;} .chlor_edit01{margin-bottom: 30px;} } @media only screen and (max-width:1200px) { .chlor_d .left{ width:400px;} .chlor_d .right{ width: calc(100% - 450px);} } @media only screen and (max-width:1024px) { .chlor_d .left,.chlor_d .right{ width:100%;float: none;} .case_show_s .swiper-container{padding: 10px 0;} } @media only screen and (max-width:767px) { .case_show_s li{width: 33.33%;} .case_show_s li img{height: 64px;} } /*鐜颁唬璐告槗*/ .trade_cont li{margin-bottom: 50px;background: #f7f7f7;} .trade_cont dl{overflow: hidden;} .trade_cont dt{float: left;width: 55%;overflow: hidden;} .trade_cont dt img{height: 100%;} .trade_cont dd{float: left;width: 45%;*margin-left: -1px;position: relative;} .trade_cont dt,.trade_cont dd,.trade_text,.trade_text p{height: 100%; box-sizing: border-box;overflow: hidden;} .trade_text{padding: 90px 60px;line-height: 1.7em;} .trade_cont li:nth-child(2n) dt{float: right;} .trade_cont li .t_line{display: none;} .trade_cont li:last-child .t_line,.trade_cont li.first .t_line{display: block;} .t_line span{position: absolute;background:#f8b61c;} .t_line .span01{width: 44px;height: 7px;left:28px;top:28px;} .t_line .span02{width: 7px;height: 37px;left:28px;top:35px;} .trade_cont li.last .t_line .span01{left: auto;right: 28px;top:auto;bottom: 28px;} .trade_cont li.last .t_line .span02{left: auto;right: 28px;top:auto;bottom: 35px;} @media only screen and (max-width:1366px) { .trade_text{padding: 70px 50px;} } @media only screen and (max-width:1270px) { .trade_text{padding:50px;} .t_line .span01{width: 40px;height: 5px;left:20px;top:20px;} .t_line .span02{width: 5px;height: 35px;left:20px;top:25px;} .trade_cont li.last .t_line .span01{left: auto;right: 20px;top:auto;bottom: 20px;} .trade_cont li.last .t_line .span02{left: auto;right: 20px;top:auto;bottom: 25px;} } @media only screen and (max-width:1024px) { .trade_text{padding:30px;} .t_line .span01{width: 20px;height: 5px;left:10px;top:10px;} .t_line .span02{width: 5px;height: 15px;left:10px;top:15px;} .trade_cont li.last .t_line .span01{left: auto;right: 10px;top:auto;bottom: 10px;} .trade_cont li.last .t_line .span02{left: auto;right: 10px;top:auto;bottom: 15px;} .trade_cont .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .trade_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#20a8e6;} .trade_cont .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.trade_cont .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.trade_cont .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#20a8e6;} .trade_cont dt{width: 53%;} .trade_cont dd{width: 47%;} .trade_cont li{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .trade_cont dt{width: 100%;float: none;} .trade_cont dd{width: 100%;float: none;} .trade_cont li{margin-bottom: 20px;} .trade_cont dl{height: auto !important;} .trade_text{padding: 20px;} .trade_cont li.last .t_line, .trade_cont li.first .t_line{display:none;} .trade_cont li.last{margin-bottom: 0;} } /*鍏徃姒傚喌*/ .introduce01{padding-bottom: 160px;} .introduce01 dl{position: relative;} .introduce01 dt{position: relative;width: 61%;position: relative;z-index: 2;} .introduce01 .video_bf{top:50%;} .introduce01 dd{padding-bottom: 45px; position: absolute;top:35px;right: 0; width: 91%;background:url(../images/intr_bg.jpg) no-repeat center center;background-size: cover;height: 100%;} .intr_box{width: 43%;height: 100%; float: right;color: #fff;} .intr_box h3{margin-bottom: 40px;} .intr_box p{line-height: 1.7em;} .intr_box_in{padding:65px;padding-bottom: 0; height: 100%; box-sizing: border-box;overflow: hidden; } .introduce02 ul{overflow: hidden;margin:0 -9px;} .introduce02 li{float: left;width: 25%;*margin-left: -1px;margin-bottom: 18px;} .introduce02 li dl{border: 1px solid #cdcdcd;padding: 20px 30px;padding-bottom: 15px; margin: 0 9px;} .introduce02 li dt{font-weight: bold;color: #4d4d4d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .introduce02 li dd{color: #f8b61c;font-weight: bold;overflow: hidden;line-height: 60px;height: 60px;overflow: hidden;} .introduce02 li dd span{font-family: "Arial";font-size: 60px;} .introduce02 li dd i,.introduce02 li dd span{float: left;} .introduce02 li dd i{line-height: 70px;font-size: 30px;} .introduce02 li:nth-child(5) i{font-size: 60px;font-weight: normal;line-height: 60px;} .introduce03 .trade_cont dt{float: right;} /*.introduce03 .trade_cont li:last-child .t_line .span01{width: 44px;height: 7px;background:#f8b61c;left:28px;top:28px;} .introduce03 .trade_cont li:last-child .t_line .span02{width: 7px;height: 44px;background:#f8b61c;left:28px;top:35px;} */ .introduce04{margin: 40px 0 50px 0;background: #f7f7f7;padding: 70px 60px;padding-bottom: 80px;} .introduce05 .trade_cont dl{padding-bottom: 50px;position: relative;} .introduce05 .trade_cont li{background: none} .introduce05 .trade_cont li dt{position: relative;z-index: 2;} .introduce05 .trade_cont li dd{background: #a9c743;color: #fff;position: absolute;width: 78%;right: 0;top:50px;height:calc(100% - 50px); padding-left: 33%; box-sizing: border-box;} .introduce05 .t_line span{background: rgba(255,255,255,0.4)} .introduce05 .trade_text{padding-top: 50px;padding-bottom: 50px;} .introduce05 .trade_text span{display: block;} .introduce05 .trade_text strong{margin-top: 30px;display: block;} @media only screen and (max-width:1366px) { .intr_box h3{margin-bottom: 20px;} .intr_box_in{padding: 50px;padding-bottom: 0;} .introduce02 li dd span,.introduce02 li:nth-child(5) i{font-size: 52px;} .introduce02 li dd i{font-size: 26px;} .introduce02 li dl{padding-bottom: 10px;} .introduce04{padding:50px;} } @media only screen and (max-width:1280px) { .intr_box h3{margin-bottom: 20px;} .intr_box_in{padding: 30px;padding-bottom: 0;} .introduce02 li dd span,.introduce02 li:nth-child(5) i{font-size: 42px;} .introduce02 li dd i{font-size: 22px;} .introduce01{padding-bottom: 130px;} .introduce05 .trade_text strong{margin-top: 20px;} } @media only screen and (max-width:1024px) { .introduce02 ul{margin: 0 -5px;} .introduce02 li{margin-bottom: 10px;} .introduce02 li dd span,.introduce02 li:nth-child(5) i{font-size:28px;} .introduce02 li dd i{font-size: 16px;line-height:inherit;margin-left: 5px;} .introduce02 li dd,.introduce02 li:nth-child(5) i{height:inherit;line-height: 36px;} .introduce02 li dl{padding: 20px;padding-bottom: 15px;margin: 0 5px;} .introduce02 li dt,.introduce02 li dd{font-weight: normal;} .introduce02 li dt{margin-bottom: 5px;font-size: 14px;} .introduce01 dd{padding-bottom:30px;} .introduce01 dd{top:15px;} .introduce01{padding-bottom: 70px;} .introduce01 dt{width: 360px;} .intr_box{width: calc(100% - 285px)} .introduce05 .trade_cont li dd{padding-left: 31%;top:20px; height: calc(100% - 20px);} .introduce05 .trade_cont dl{padding-bottom: 30px;} .introduce04{margin: 40px 0;padding:30px;} .introduce05 .trade_text{padding-top: 30px;padding-bottom: 30px;} } @media only screen and (max-width:767px) { .introduce01{padding-bottom: 20px;} .introduce01 dt,.intr_box{width: 100%;float: none;} .introduce01 dd{position: static;width: 100%;padding: 0;} .intr_box_in{padding:20px;padding-bottom: 30px;} .introduce02 li{width: 50%;} .introduce02 li dl{padding: 10px;} .introduce02 li dd span, .introduce02 li:nth-child(5) i{font-size: 22px;} .introduce02 li dd, .introduce02 li:nth-child(5) i{line-height: 26px;} .intr_box h3{margin-bottom: 10px;} .introduce01 .video_bf{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .introduce05 .trade_cont dl{padding-bottom: 0;} .introduce05 .trade_cont li dd{position: static;width: 100%;padding:0;} .introduce04{margin: 20px 0;padding:20px;} .introduce05 .trade_text{padding-top: 20px;padding-bottom: 20px;} } /*鍏充簬*/ .introduce_cont{background: url(../images/intr_bglogo.png) no-repeat bottom 16.5% right 4%; background-size: 47.5%} .about_01{text-align: center;margin-bottom: 60px;} .about_01 h1{margin-bottom: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .about_01 p{line-height: 1.7em;height: inherit;max-height: 5.1em;overflow: hidden;} .about_01 .news_in{padding: 40px;width: 620px;margin-right: 0;} .about_01 .news_slider .more_02{position: static;} .about_01 .news_01{height: 330px; background: #2e77ba url(../images/about_bg01.jpg) no-repeat center center; background-size: cover;} .about_01 .news_slider{background: url(../images/about_logo.png) no-repeat; background-size: 309px 331px;padding-left: 320px;} .about_01 .news_slider .more_02{margin-top: 40px;} .about_02{background: #f7f7f7 url(../images/group_bg.jpg) no-repeat 0 bottom; padding: 70px 0 118px 0;} .about_03{padding: 90px 0 100px 0;} .about_culture ul li{position: relative;display: none;} .about_culture ul li:first-child{display:block;} .about_cp{color: #fff;position: absolute;left: 0;width: 100%;bottom:25%;} .about_cp h3{font-weight: bold;} .about_cp p{line-height: 1.7em;max-height: 6.8em;overflow: hidden;} .about_cp dl{overflow: hidden;padding: 0 85px;} .about_cp dt{width: 145px;height: 150px; line-height: 150px;font-size: 100px;text-align: center; position: relative;float: left;} .about_cp dd{float: right;width: calc(100% - 185px);padding-top: 70px;} .about_cp dd h3{font-weight: bold;margin-bottom: 10px;line-height: 1.5em;max-height: 3em;overflow: hidden;} /*gai*/ .culture_cont dl{overflow: inherit;} .about_culture ul{position: relative;} .about_culture ul li{position: absolute;top:0;left: 0;width: 100%;height: 100%;visibility: hidden;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;display: block;} .about_culture ul li.on{visibility: visible;opacity:1;filter:alpha(opacity=1000); -moz-opacity:1; -khtml-opacity:1;} .about_cp dt,.about_cp dd{ transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; } .about_cp dt{ -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px);-o-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px); } .about_cp dd{ -webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px); } .about_culture ul li.on dt,.about_culture ul li.on dd{ -moz-animation-duration: 0.8s;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-ms-animation-duration: 0.8s;-o-animation-duration: 0.8s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); } @media only screen and (max-width:767px) { .about_culture ul{height: auto !important;} .about_culture ul li{visibility: visible;opacity:1;filter:alpha(opacity=1000); -moz-opacity:1; -khtml-opacity:1;position: static; display: none!important;} .about_culture ul li.on{display: block !important;} .about_culture ul li dt,.about_culture ul li dd{ -moz-animation-duration: 0.8s;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-ms-animation-duration: 0.8s;-o-animation-duration: 0.8s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); } } /*gai*/ .about_cp .t_line01 span:first-child{top:0;left: 0;} .about_cp .t_line01 span:last-child{top:7px;left: 0;} .about_cp .t_line02 span{background: rgba(255,255,255,0.4)} .about_cp .t_line02 span:first-child{top:auto;left: auto; bottom:0;right: 0;} .about_cp .t_line02 span:last-child{top:auto; left: auto; bottom:7px;right: 0;} .about_culture {position: relative;padding-top: 20px;} .about_culture ol{overflow: hidden;height: 93px;position: absolute;top:0px;left: 0; z-index: 2;} .about_culture ol li{float: left;width: 73px;height: 73px;line-height: 73px;text-align: center;background: #00387b;margin-top: 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .about_culture ol li a{color: #fff;display: block;} .about_culture ol li.on{font-size: 36px;background: #20a8e6;width:93px;height: 93px;line-height: 93px; margin-top: 0;} .about_list ul{overflow: hidden;position: relative;} .about_list li{position: absolute;} .about_list li:nth-child(1){width: 52%; height: 32%;top:0;left: 0;} .about_list li:nth-child(2){width: 48%; height: 32%;top:0;right: 0;} .about_list li:nth-child(3){width: 100%; height: 30%;top:32%;left: 0;} .about_list li:nth-child(4){width: 52%; height: 38%;bottom:0;left: 0;} .about_list li:nth-child(5){width: 48%; height:38%;bottom:0;right: 0;} .about_list .about_box{position: relative;z-index: 2;color: #fff;padding:80px; padding-bottom: 50px; padding-right: 100px;height: 100%; box-sizing: border-box;overflow: hidden;} .about_box h4{margin-bottom: 20px;} .about_box h3{line-height: 1.2em;font-weight: bold;} .about_p01 dl{margin-bottom: 20px;} .about_p01 dt{font-weight: bold;margin-bottom: 20px;} .about_p01 dd{line-height: 1.7em;} .about_list li h3{margin-bottom: 50px;} .about_list li:nth-child(1) h3{margin-bottom: 60px;} .about_list li:nth-child(3) h4{margin-bottom: 30px;} .about_list li:nth-child(3) .about_box{padding-right: 230px;padding-top: 110px;} .about_list li:nth-child(4) h3{margin-bottom: 60px;} .about_list li:nth-child(5) h4{margin-bottom: 30px;} .about_04{background: #2e77ba url(../images/about_bg02.jpg) no-repeat center center;background-size: cover;} .about_04 dl{color: #fff;position: relative;padding: 7% 0 5% 0;} .about_04 dl a{color: #fff;} .about_04 dt{width: 52%;*margin-left:-1px;} .about_04 dd{width: 48%;position: absolute;right: 0;bottom:-25px;} .about_wisdom{padding: 0 110px 0 80px;} .about_wisdom h3{margin-bottom:7%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .about_wisdom p{line-height: 1.7em;max-height: 5.1em;overflow: hidden;} .about_wisdom .more_02{ margin-top: 12.5%;} .about_05{padding-top: 130px;} .about_honor ul{overflow: hidden;margin: 0 -23px;} .about_honor li{float: left;width: 33.33%;*margin-left: -1px;} .about_honor li dl{padding: 0 23px;} .about_honor li dt{margin-bottom: 30px;} .about_honor li dd h3{text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .about_05 .more_01{margin-top: 60px;text-align: center;} .about_05 .more_01 a{margin: auto;} @media only screen and (max-width:1366px) { .about_list .about_box{padding: 60px;} .about_list li:nth-child(5) h4,.about_list li:nth-child(3) h4{margin-bottom: 20px;} .about_list li h3,.about_list li:nth-child(1) h3,.about_list li:nth-child(4) h3{margin-bottom: 40px;} } @media only screen and (max-width:1280px) { .about_cp dt{font-size: 80px;width: 130px;height: 130px;line-height: 130px;} .about_cp dd{padding-top: 55px;} .about_cp{bottom: 15%;} .about_03{padding: 50px 0;} .about_03 .pub_title{margin-bottom: 20px;} .about_list .about_box{padding: 50px;} .about_list li:nth-child(3) .about_box{padding-right: 50px;} .about_list li h3,.about_list li:nth-child(1) h3,.about_list li:nth-child(4) h3{margin-bottom: 30px;} .about_p01 dt{margin-bottom: 10px;} .about_wisdom{padding: 0 50px;} .about_05{padding-top: 80px;} .about_honor ul{margin: 0 -15px;} .about_honor li dl{padding: 0 15px;} } @media only screen and (max-width:1270px) { .about_cp .t_line01 span:last-child{top:5px;} .about_cp .t_line02 span:last-child{bottom:5px;} } @media only screen and (max-width:1150px) { .about_01 .news_01{height: 286px;} .about_01 .news_in{width: 100%; box-sizing: border-box;} .about_01 .news_slider{background-size: 270px 286px;padding-left: 270px;} .about_01 h1{margin-bottom: 10px;} .about_01 .news_slider .more_02{margin-top: 30px;} } @media only screen and (max-width:1024px) { .about_01{margin-bottom: 40px;} .about_01 .news_01{height: 220px;} .about_01 .news_slider{background-size:206px 220px;padding-left: 206px;} .about_01 .news_slider .more_02{margin-top: 20px;} .about_01 .news_in{padding: 20px;} .about_02{padding: 70px 0;} .about_cp dl{padding: 0 40px;} .about_cp dt{font-size: 60px;width: 100px;height: 100px;line-height: 100px;} .about_cp dd{padding-top: 25px;width: calc(100% - 130px);} .about_03{padding: 20px 0;} .about_culture ol{height: 80px;} .about_culture ol li{float: left;width: 60px;height: 60px;line-height: 60px;} .about_culture ol li.on{width:80px;height:80px;line-height:80px;} .about_list .about_box{padding: 30px;} .about_list li:nth-child(3) .about_box{padding: 60px 30px;} .about_list li:nth-child(3) .about_box{padding-right: 30px;} .about_list li:nth-child(5) h4, .about_list li:nth-child(3) h4{margin-bottom: 10px;} .about_list li h3, .about_list li:nth-child(1) h3, .about_list li:nth-child(4) h3{margin-bottom: 15px;} .about_wisdom h3{margin-bottom: 20px;} .about_wisdom .more_02{margin-top: 20px;} .about_wisdom{padding-left: 0;} .about_honor ul{margin: 0 -10px;} .about_honor li dl{padding: 0 10px;} .about_honor li dt{margin-bottom: 20px;} .about_05 .more_01{margin-top: 40px;} } @media only screen and (max-width:767px) { .about_01{margin-bottom: 20px;} .about_01 .news_01{height: auto;} .about_01 .news_slider{background:none; padding-left:0px;} .about_01 p{text-align: left;} .about_02{padding: 40px 0;} .about_culture ul li{padding: 40px 0;} .about_culture ul li img{display: none;} .about_cp{position: static;} .about_cp dt{font-size: 36px;height:70px;line-height:70px;width:70px;float: none;margin: auto;margin-bottom: 20px;} .about_cp dd{width:100%;float: none;padding: 0;} .about_cp dl{padding: 0 20px;} .about_cp dd h3,.about_cp p{max-height: inherit;} .about_culture {padding-top:0px;} .about_culture ol{height: 60px;top:0px;position: static;width: 210px;margin: auto;} .about_culture ol li{float: left;width: 50px;height: 50px;line-height: 50px;margin-top:10px;} .about_culture ol li.on{width:60px;height:60px;line-height:60px;font-size: 24px;} .about_list ul{height: auto !important;} .about_list li{width: 100% !important;position: static;} .about_list .about_box,.about_list li:nth-child(3) .about_box{padding: 20px;} .about_04 dl{padding-top: 0;} .about_04 dd{position:static;width: 100%;margin-bottom: 20px;} .about_04 dt{width:94%;margin: auto;} .about_wisdom h3{margin-bottom: 10px;} .about_04 .wrap{width: 100%;} .about_05{padding-top: 20px;} .about_honor ul{margin: 0;} .about_honor li dl{padding: 0;} .about_honor li{width: 100%;float: none;margin-bottom: 20px;} .about_honor li dt{margin-bottom:10px;} .about_honor li:last-child{margin-bottom: 0;} .about_05 .more_01{margin-top: 20px;} } /*涓嘲鏂囧寲*/ .culture_cont .about_cp dt{float: none;} .culture_cont .about_cp dd{float: none;padding-top: 30px;} .culture_cont .about_cp{bottom: auto;top:29%;} .culture_cont .about_03{padding: 0;padding-top: 60px;} .culture_01 .about_list{position: relative;} .culture_01 .about_list li:nth-child(1){width: 52%;height: 47%;left:0;} .culture_01 .about_list li:nth-child(2){width: 48%;height: 43.5%;right: 0;} .culture_01 .about_list li:nth-child(3){width: 52%;height: 53%;bottom: 0;top:auto;left:0;} .culture_01 .about_list li:nth-child(4){width: 48%;height: 47%;top:43.5%;right: 0;left: auto;} .culture_01 .line{width: 12px;height: 100%;background: #f8b61c;position: absolute;top:0;left:52%;} .about_list li:nth-child(3) .about_box{padding-right: 100px;padding-top: 80px;} @media only screen and (max-width:1280px) { .about_list li:nth-child(3) .about_box{padding:50px;} } @media only screen and (max-width:1024px) { .culture_cont .about_03{padding-top:40px;} .culture_01 .line{width: 6px;} .about_list li:nth-child(3) .about_box{padding:30px;} } @media only screen and (max-width:767px) { .culture_cont .about_cp dd{padding-top: 0;} .culture_cont .about_03{padding-top: 20px;} .culture_01 .line{display: none;} .about_list li:nth-child(3) .about_box{padding:20px;} } /*浼佷笟鑽h獕*/ .honor_tab{position: relative;height: 102px;overflow: hidden;padding: 0 50px;margin-bottom: 60px;} .honor_tab li{height: 102px;background: #3b69a4 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: #f8bc31 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_bg{background:#f7f7f7 url(../images/honor_bg.png) no-repeat top center;padding-bottom: 55px;background-size:100%;} .honor{padding-bottom: 90px;overflow: hidden;} .honor_box{padding: 0 70px;position: relative;padding-top: 140px;} .honor_list ul{display: table;width: 100%;} .honor_list li{width: 50%;position: relative; z-index: 2; float: left;display: table;} .honor_list li dl{ width: calc(100% - 215px);background: #fff;padding: 20px;padding-bottom: 30px;position: relative;box-shadow: 1px 0px 15px -8px rgba(0,0,0,0.5);} .honor_list li dt{margin-bottom: 20px;} .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: #292929;background: #f8b61c;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} .honor_list li{clear: both;margin-top: -90px;} .honor_list li.cur{margin-top: -90px;} .honor_list li:first-child{margin-top: -130px;} .honor_list li:first-child span{top:180px;} .honor_list li:first-child .cicle{top:180px;} .honor_list li:first-child .arrow{top:180px;} /*.ie9 .honor_tab li{margin-left: -1px;}*/ @media only screen and (max-width:1280px) { .honor_tab li.on{font-size: 30px;} .honor_box{padding: 0 40px;padding-top: 140px;} } @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: #f8bc31; } .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{padding-bottom: 0;} .honor_bg{padding-bottom: 30px;} } /*缃戠珯鍦板浘*/ .mapsite dl{overflow: hidden;margin-bottom: 43px;} .mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #20a8e6;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;} .mapsite dl:last-child{margin-bottom: 0;} @media only screen and (max-width: 1024px) { .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: 30px;} } /*鎼滅储*/ .search_title {color: #e0e0e0; border-left: 3px solid #f7234c; padding-left: 20px;} .search_title span{border-bottom: 1px solid #e0e0e0;display: block; width: 100%; padding-bottom: 10px;} .searh_g{color: #303030;margin: 40px 0; margin-bottom: 0px;} .searh_g span{background: #20a8e6;color: #fff;} .search_con li em{color: #20a8e6} .search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;} .search_con li h2{margin-bottom: 15px; overflow: hidden;line-height: 1.5em;} .search_con li h2 a{color: #303030; float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_con li h2 span{ float: right; font-weight: normal; font-size: 14px;color: #686868; width: 80px; text-align: right; } .search_con li p{line-height:1.8; max-height:3.6em; overflow:hidden;color: #333} .search_con li.ones{border-bottom: 0} .sech_sou{overflow: hidden;} .sech_sou .left{float: left; height: 50px; width: 3px; background: #000000; margin-right: 20px;} .sech_sou span img{width: 15px; height: 15px;} .sech_sou button img{width: 16px; height: 16px;} .sech_sou .right{float: left;overflow: hidden; border-bottom: 1px solid #e0e0e0; width:690px; padding-bottom: 5px;} .sech_sou .right input,.sech_sou .right button,.sech_sou .right span{height: 50px; line-height: 50px; border: none; outline: none; float: left;} .sech_sou .right button{width: 75px; height: 40px; background: #20a8e6;text-align: center; float: right;} .sech_sou .right span img{ margin-top: 22px;} .sech_sou .right button{margin-top: 8px;} .sech_sou .right button img{ margin-top: 12px;} .sech_sou .right span{float: right; padding: 0 20px; cursor: pointer;} .sech_sou .right input{font-size: 36px; font-weight: normal; width: 590px; padding:0 10px;} .seachcont .pageout{border-top:0;} @media only screen and (max-width:767px) { .search_con{padding-bottom: 40px;} .sech_sou .right{width:calc(100% - 25px)} .sech_sou .right input{width:calc(100% - 100px)} .sech_sou .left{height: 40px;} .sech_sou .right input, .sech_sou .right button, .sech_sou .right span{height: 40px; line-height: 40px;} .sech_sou .right button{margin-top: 0} .sech_sou .right span img{margin-top: 14px;} .sech_sou .right input{font-size: 20px;} .searh_g{margin:20px 0;margin-bottom:0px;} .search_con li{padding:20px 0;} .search_con li h2 span{font-size: 12px;width: 70px;} .search_con li h2 a{width: calc(100% - 80px);} } /*琛屼笟鍔ㄦ€?/ .industry_list li{padding: 38px 0;} .industry_list li:first-child{padding-top: 0;} .industry_list li:nth-child(2n){background:#f7f7f7;} .industry_list dl{overflow: hidden;} .industry_list dt{width: 395px;float: left;} .industry_list dt a{position: relative;} .industry_list dt .news_time{position: absolute;bottom: 20px;left: 20px;} .industry_list dd{width: calc(100% - 465px);float: right;padding-top: 20px;} .industry_list dd h3{font-weight: bold; margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .industry_list dd p{color: #777777;line-height: 1.7em;max-height: 5.1em;overflow: hidden;} @media only screen and (max-width:1280px) { .industry_list dd{width: calc(100% - 435px);} } @media only screen and (max-width:1024px) { .industry_list dt{width: 300px;} .industry_list dd{width: calc(100% - 320px);padding-top: 10px;} .industry_list dd h3{margin-bottom: 10px;font-weight: normal;} } @media only screen and (max-width:767px) { .industry_list dt{width: 100%;float: none;} .industry_list dd{width:100%;padding-top:20px;float: none;} .industry_list dd h3{margin-bottom: 10px;} .industry_list .more_01{text-align: center;} .industry_list .more_01 a{display: inline-block;} .industry_list li{padding: 20px 0;} } /*鑲$エ淇℃伅*/ .stock_embed{width: 100%;height: 500px;} .stock_img{text-align: center;} .stock_img img{max-width: 100%;} /*璐d换瀹炶返*/ .practice_cont .news_list{padding-top: 0;} .practice_cont .news_list li{margin-top: 0;margin-bottom: 50px;} .practice_cont .page{padding-top: 0;} @media only screen and (max-width:1024px) { .practice_cont .news_list li{margin-bottom: 20px;} .practice_cont .page{padding-top: 20px;} } /*鍏氬缓涓撻*/ .special_01 dl{position: relative;overflow: hidden;} .special_01 dt{width: 53.4%;position: absolute;top:0;left: 0;z-index: 2;margin-top: 55px;} .special_title{position: absolute;left: 0;bottom:30px;color: #fff;width: 100%;padding: 0 40px; box-sizing: border-box;} .special_title h2,.special_title p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .special_title p{font-weight: bold;} .special_01 dd{width: 54%;background: #f7f7f7;max-height: 100%;float: right;} .special_box{padding: 55px 12.3% 66px 22.4%;} .special_box h3{font-weight: bold;line-height: 1.3em;max-height: 3.9em;overflow: hidden;margin-bottom: 30px;} .special_box p{line-height: 24px; max-height:336px;overflow: hidden;} .special_02{padding: 90px 0;padding-bottom: 40px;} .special_03{background: #f7f7f7;padding: 80px 0 45px 0;} .special_video{position: relative;padding: 32px 0;} .carouer_b{overflow: hidden;background: #fff;padding: 56px 60px;background: url(../images/adv_bg.jpg) center no-repeat;background-size: cover;} .carouer_b h2{float: left;width: 15%;color:#175dd5;font-weight: bold;} .carouer_bm{float: right;width: 80%;} .carouer_c{overflow: hidden;} .carouer_cl{float: left;width:calc(100% - 320px);position: relative;overflow: hidden; } .carouer_cl em{display: block;overflow: hidden;} .carouer_cl em img{width: 100%;} .carouer_cl em video{width: 100%;} .carouer_cl h3{position: absolute;left: 0;bottom: 40px;color: #fff;width: 100%;text-align: center;} .carouer_cl h3 p{padding: 0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .carouer_cl.on .carouer_cl_co{display: none;} .carouer_cl_co{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2) url(../images/video_btn.png) center no-repeat;cursor: pointer;} .carouer_cr{float: right;width: 308px;position: relative;height: 100%;} .carouer_cr ul{position: relative;} .carouer_cr ul li{position: relative;cursor: pointer;} .carouer_cr ul li .carouer_in{display: block;overflow: hidden;position: relative; height: calc(100% - 8px);} .carouer_cr ul li .carouer_in img{width: 100%;height: 100%;} .carouer_cr ul li.on .blank_50{display: none;} .carou_prev{position: absolute;width: 20px;height: 12px;top: 0;right:150px;background:url(../images/adv_top.png) center no-repeat;z-index: 5;} .carou_next{position: absolute;width: 20px;height: 12px;bottom: 0;right:150px;background:url(../images/adv_bottom.png) center no-repeat;z-index: 5;} .carou_prev.disabled{cursor: default;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .carou_next.disabled{cursor: default;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} @media only screen and (min-width: 768px) { .carouer_cr ul li,.carouer_cr ul{width: 100% !important;} } @media only screen and (max-width: 1024px) { .carouer_cl{float: left;width:calc(100% - 210px);} .carouer_cr{float: right;width:200px;} .carou_next,.carou_prev{right: 95px;} .special_video{padding: 20px 0;} .carouer_cl_co{background-size: 60px;} } @media only screen and (max-width: 767px) { .special_video{padding: 0;} .album_tit_cot{font-size: 20px;} .album_tit_cot em{font-size: 40px;} .carouer_cl{float: none;width: 100%;} .carouer_cr{float: none;width: 100%;} .carouer_cr ul{overflow: hidden;} .carouer_cr ul li{float: left;width: 33.33%;} .carouer_cr ul li .carouer_in{height: 100%;} .carouer_c,.carouer_cl em{height: auto!important;} .carou_prev{position: absolute;width: 24px;height: 100%;top: 0;left: 0;background:url(../images/prev.png) center no-repeat;z-index: 5;} .carou_next{position: absolute;width: 24px;height: 100%;bottom: 0;left: auto;right:0;background:url(../images/next.png) center no-repeat;z-index: 5;} .carouer_cl_co{background-size: 50px;} .carouer_cl h3{bottom: 10px;} } .special_04{padding-top: 80px;} .album{padding: 0 90px;} .album_b{position: relative;} .album_bt{position: relative;} .album_bt ul li img{width: 100%;height: 100%} .album_bt ul li{overflow: hidden;} .album_img{;position: absolute;width: 100%;left: 0;bottom: 0;padding: 26px 0;background: rgba(0,0,0,0.56)} .album_int{width: 740px;margin: auto;position: relative;} .album_bb{overflow: hidden;width: 620px;margin: auto;} .album_bb ul{position: relative;} .album_bb ul li{width: 20%;float: left;position: relative;} .album_bb ul li em{display: block;height: 100%;overflow: hidden;width: 100%;} .album_bb ul li span{display: block;} .album_bb ul li.on span{display: none;} .album_bb ul li em img{width: 100%;} .album .but a{width: 38px;height: 73px;display: block;position: absolute;top:50%;margin-top: -36px;} .album_prev{background: url(../images/album_prev.png) center no-repeat;left: 0px;} .album_next{background: url(../images/album_next.png) center no-repeat;right: 0px;} .album_prev.disabled{cursor: default;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .album_next.disabled{cursor: default;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} @media only screen and (max-width:1280px) { .album{padding: 0 0px;} } @media only screen and (max-width:1024px) { .album_int{width: 90%;padding: 0 60px; box-sizing: border-box;} .album_bb{width: 100%;} } @media only screen and (max-width:767px) { .album_img{position: static;} .album_int{width: 100%;padding: 0;} .album_img{background: none;padding: 0; padding-top: 0px;} .album_prev{background:rgba(0,0,0,0.5) url(../images/prev.png) center no-repeat;left: 0px;} .album_next{background:rgba(0,0,0,0.5) url(../images/next.png) center no-repeat;right: 0px;} .album .but a{height: 100%;top:0;margin-top: 0;width: 30px;} } @media only screen and (max-width:1280px) { .special_box { padding: 50px 7% 50px 20%;} .special_02{padding: 50px 0;padding-bottom: 30px;} .special_04{padding-top: 50px;} .special_title{padding: 0 20px;bottom: 20px;} .special_03{padding: 50px 0;} } @media only screen and (max-width:1024px) { .special_box { padding:30px;padding-left: 10%;} .special_01 dt{width: 45%;margin-top: 30px;} .special_01 dd{width: 58%;} .special_box h3{margin-bottom: 20px;} .special_box p{max-height:168px; } } @media only screen and (max-width:767px) { .special_03{padding: 20px 0;} .special_02{padding: 20px 0;} .special_04{padding-top:20px;} .special_box { padding:20px;} .special_01 dt{width:100%;margin-top:0px;position: relative;} .special_01 dd{width: 100%;float: none;} .special_box h3{margin-bottom: 20px;} .special_box p{max-height:168px; } } @media only screen and (min-width:1024px) { .scale_bg,.team li dl,.trade_cont li,.about_culture ol li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .about_culture ol li a{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;} .team li:hover .scale_bg{transform:scale(1.01,1.1); -webkit-transform:scale(1.01,1.1);-moz-:scale(1.01,1.1);-o-transform:scale(1.01,1.1);-ms-transform:scale(1.01,1.1); opacity: 1;} .team li:hover dl{background: #fff;} .publicity_list li:hover{position: relative;z-index: 2;} .publicity_list li:hover .bg_scale{ opacity: 1;} .news_in h3 a:hover{color: #f8b61c !important;} .dynamic_01 dd a:hover,.info_btn a:hover,.about_04 h3 a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .trade_cont li:hover{background: #008ac8;color: #fff;} .introduce03 .trade_cont li:hover{ background: #f7f7f7;color:inherit;} .introduce05 .trade_cont li:hover{ background:none;color:inherit;} .about_culture ol li a:hover{color: #fff !important;} .about_culture ol li:hover a{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .about_culture ol li.on:hover a{color: #fff !important;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .report_list 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;} .report_list dl:hover dt{ box-shadow: 0 7px 20px -2px rgba(0,0,0,1);} } /*鑲$エ*/ .stock01{display:block !important;} .stock_block{width:715px;max-width: 100%; height:740px;overflow: hidden;margin: auto;} .stock_block iframe{width:1200px;height:825px; margin-top: -90px; margin-left: -208px;} .stock02{display: none;} @media only screen and (max-width:767px) { .stock_block,.stock_block iframe{display: none;} .stock01{display:none !important;} .stock02{display: block;} .stock_block02{display: block;width: 100%;height:510px;overflow: hidden;} .stock_block02 iframe{width: 100%;height:575px;} } /*鑲$エ鍙樻洿*/ .xz_box{background:#00387b ;background-size: cover;padding: 80px;color: #fff;line-height: 1.5;} .shares_time{font-family: "Arial";padding-top: 20px;} .xz_box ul{overflow: hidden;margin:0 -55px;} .xz_box ul .shares_box{margin: 0 55px;} .xz_box ul>li{float: none;width: 100%;} .shares_box h1 span{margin-left: 25px;} .shares_box h1{margin-bottom: 30px;} .shares_sh {height: 56px;line-height: 56px;} .span_box01 img{vertical-align:middle;} .shares_sh .shares_img02{display: none;} .shares_sh{font-family: "Arial";color: #ff0000;margin-bottom: 45px;} .shares_sh.green{color: #00be0d;} .shares_sh.green .shares_img01{display: none;} .shares_sh.green .shares_img02{display: block;display: inline-block;} .shares_sh .span_box01{font-size: 50px;} .shares_sh .span_box01 i{font-size: 30px;} .span_box01 i{font-weight: normal;color: #fff;} .span_box01 em{} .shares_sh .span_box02 i{margin-left: 10px;} .shares_box ol{overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.4);border-top: 1px solid rgba(255,255,255,0.4);padding-top: 25px;} .shares_box li{float: left;width: 33.33%;margin-bottom: 25px;} .shares_box li:nth-child(3n+1){clear: both;} .shares_box dt{opacity: 0.7;} .shares_box dd{font-family: "Arial";} .shares_box dd em{font-weight: normal;margin-left: 6px;} @media only screen and (max-width:1366px) { .xz_box ul{overflow: hidden;margin:0 -30px;} .xz_box ul .shares_box{margin: 0 30px;} .shares_sh .span_box01{font-size: 44px;} .shares_sh{height: 44px;line-height: 44px;} .span_box01 img{width: 30px;margin-top: -8px;} .shares_sh .span_box01 i{font-size: 24px;} } @media only screen and (max-width:1280px) { .shares_box h1 span{margin-left: 15px;} .shares_sh{margin-bottom: 30px;} } @media only screen and (max-width:1150px) { .shares_box h1 span{display: block;margin-left: 0;margin-top: 10px;} } @media only screen and (max-width:1024px) { .xz_box{padding: 50px ;} .xz_box ul{margin:0 -10px;} .xz_box ul .shares_box{margin: 0 10px;} .shares_box h1{margin-bottom: 20px} .shares_box li{margin-bottom: 20px;} .shares_box ol{padding-top: 20px;} .shares_sh .span_box01{font-size: 36px;} .shares_sh .span_box01 i{font-size: 20px;} .shares_sh{margin-bottom: 20px} } @media only screen and (max-width:767px) { .xz_shares{ background: #00387b;} .xz_box{padding: 30px 0;} .xz_box ul{margin:0;} .xz_box ul .shares_box{margin: 0 ;} .xz_box ul>li{float: none;width: 100%;margin-bottom: 30px;} .xz_box ul>li:last-child{margin-bottom: 0;} .shares_time{padding-top: 10px;} .shares_box li{margin-bottom: 10px;} .shares_box ol{padding-top: 10px;} .shares_sh .span_box01{font-size: 28px;} .shares_sh .span_box01 i{font-size: 16px;} .span_box01 img{width: 24px;} .shares_sh{height: 30px;line-height: 30px;} .shares_box h1 span{margin-top: 5px;} .shares_box h1,.shares_sh{margin-bottom: 10px;} }