.blank_bg .header{ background: #fff; color:#000; border-bottom:1px solid #e0e0e0;} .blank_bg .header .h_rr, .blank_bg .t_tel a,.blank_bg .lang, .blank_bg .lang a, .blank_bg .nav ul>li>a{color:#000!important;} .blank_bg .header .logo img{ display: none;} .blank_bg .header .logo img+img{display: block;} .bold{font-weight: bold;} .mCSB_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .mCSB_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#DF0011;} .mCSB_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#DF0011;} .padd_bt50{padding:50px 0 70px 0;} .padd_bt100{padding:100px 0 120px 0;} .padd_b90{padding-bottom: 90px;} .padd_b50{padding-bottom: 50px;} .line_24{line-height: 24px; display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 2;*/ -webkit-box-orient: vertical;} .line_28{line-height: 28px; display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 2;*/ -webkit-box-orient: vertical;} .line_30{line-height: 30px; display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 2;*/ -webkit-box-orient: vertical;} .line_36{line-height: 36px; display: -webkit-box; overflow: hidden; /* -webkit-line-clamp: 2;*/ -webkit-box-orient: vertical;} @media only screen and (max-width: 1440px){ .padd_bt100{padding:80px 0;} .padd_b90{padding-bottom:80px;} .line_36{line-height: 32px;} .line_30{line-height: 24px;} } @media only screen and (max-width: 1024px){ .padd_bt50{padding:50px 0;} .padd_bt100{padding:50px 0;} .line_28{line-height: 24px;} .line_30{line-height: 24px;} .line_36{line-height: 30px;} } @media only screen and (max-width: 767px){ .padd_bt50{padding:20px 0;padding-bottom: 40px;} .padd_bt100{padding:30px 0;padding-bottom: 50px;} .padd_b90{padding-bottom: 50px;} } .site_banner{overflow: hidden;position: relative;} .site_banner_in{position: relative;} .site_banner_text{position: absolute;left: 0;bottom:40px;width: 100%;color: #fff;} .site_banner .wrap{position:relative;} .site_banner_text p{line-height: 24px;/*position: absolute;*/right: 0;bottom: 0;} @media only screen and (max-width: 1024px){ .site_banner_text{bottom: 20px;} .site_banner_text p{line-height: 18px;} } @media only screen and (max-width:767px){ .site_banner{height: 220px;} .site_banner .ratio-img{display: none;} .site_banner_text p{position: static;} .site_banner_text h2{margin-bottom: 10px;} } /*page*/ .pageout{text-align: center; clear: both;padding-top: 55px;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto; color:#2d2d2d; height:24px; line-height:24px; } .page span{color:#2d2d2d; float: left; } .page span em{ } .page i{float: left;width: 24px;height: 24px;margin: 0 2px;} .page a{float: left; width:24px;height: 24px; color: #3b3e41; margin:0 2px;border-radius: 4px;box-sizing:border-box; } .page a.on{background:#bdbdbd;color:#fff; } .page a.prev {background:url(../images/page_prev.png) center center no-repeat; text-indent:-10000px;margin:0 ;margin-right: 30px;} .page a.next {background:url(../images/page_next.png) center center no-repeat; text-indent:-10000px;margin:0 ;margin-left: 30px;} .page a.prev.no{background:url(../images/page_prev_dis.png) center center no-repeat;} .page a.next.no{background:url(../images/page_next_dis.png) center center no-repeat;} .page a.go{margin-left:10px; width: 44px; background: #009be5; color: #fff; border:1px solid #009be5; height: 28px; line-height: 28px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page .txtnum{} .page .txtnum input{color:#b3b3b3; width:30px;height:26px; line-height:26px; padding: 0 5px; text-align:left;background:none;border: 1px solid #dddddd; margin: 0 6px;} .news_cont .page a.on{background:#bdbdbd; } @media only screen and (max-width:1024px) { .pageout{padding-top: 20px;} } @media only screen and (max-width:767px) { .page{height: 34px;line-height: 34px;} .page a{display:none; font-weight: normal;width: 34px;height: 34px;line-height: 34px;} .page a.prev,.page a.next,.page a.on{display:block; display:inline-block;} .page i{margin:0 4px;display: none;} .page a.prev{margin-right:5px; } .page a.next{margin-left: 5px;} } /*page*/ /*临时公告*/ .report_top {padding:10px 0 60px 0; border-bottom:1px solid #f2f2f2;} .report_top ul{overflow: hidden;margin: 0 -9px;} .report_top li{float: left;width: 50%;} .report_top a{display: block;margin: 0 9px;} .report_top dt{position: relative;} .report_top dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/report_bg.png) no-repeat;background-size: 100% 100%;} .report_top dl{position: relative;} .report_top dd{position: absolute;left: 0;bottom: 0; width: 100%;color: #fff;box-sizing:border-box;padding: 35px;} .report_top dd p{margin-bottom: 20px;} .report_top dd h3{line-height: 30px;max-height: 60px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .announ_list ul{overflow:hidden;} .announ_list li{line-height: 32px;padding:45px 20px;padding-right: 50px;overflow: hidden;position: relative;} .announ_list li em,.announ_list li p,.announ_list li span{position: relative;z-index:2;} .announ_list li em{float: left;width: 130px;} .announ_list li p{float: left;width: calc(100% - 170px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .announ_list li span{float: right;} .announ_list li:nth-child(2n){background:#f9f9f9;} .announ_list li .hover_bg{ position:absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.13);visibility: hidden;opacity: 0;} .announ_list li .hover_bg:after{content: ""; position:absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.13);} @media only screen and (max-width:1440px){ .report_top{padding: 40px 0;padding-top: 20px;} .report_top dd{padding: 30px;} } @media only screen and (max-width:1024px){ .announ_list li{padding: 20px;} .report_top{padding: 0;padding-bottom: 30px;} .report_top dd p{margin-bottom: 10px;} .report_top dd h3{line-height: 24px;max-height: 48px;} .report_top dd{padding: 20px;} } @media only screen and (max-width:767px){ .announ_list li{padding: 10px 15px;height: auto;} .announ_list li em,.announ_list li span{float: none;width: 100%;display: block;} .announ_list li span{text-align: right;} .announ_list li p{float: none;width: 100%;/*text-overflow: inherit; white-space: inherit;line-height: 24px;max-height:48px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/} .report_top li{float: none;width: 100%;margin-bottom: 20px;} .report_top li:last-child{margin-bottom: 0;} .report_top a,.report_top ul{margin: 0;} .report_top dd{padding: 15px;} } /*投资者交流*/ .exchange_cont{overflow: hidden;} .exchange_cont .left{float: left;width: 420px;} .exchange_p01 .p01{color:#4b4b4b;margin-bottom: 10px;} .exchange_p01 .p01 span{color:#000000;} .exchange_p01{padding-right: 70px;padding-bottom: 35px;margin-bottom: 35px; border-bottom:1px solid #e5e5e5;} .exchange_p01 h3{margin-bottom: 30px;} .exchange_p02 h3{margin-bottom: 10px;} .exchange_contact{padding-top: 30px;line-height: 30px;} .exchange_cont .right{float: right;width:calc(100% - 460px)} #map{height: 676px;width: 100%;} @media only screen and (max-width:1440px){ #map{height: 450px;} } @media only screen and (max-width:1024px){ #map{height: 300px;} .exchange_cont .left,.exchange_cont .right{float: none;width:100%;} .exchange_cont .right{margin-bottom: 20px;} .exchange_p01 h3{margin-bottom: 20px;} .exchange_p01{padding: 0;padding-bottom: 20px;margin-bottom: 20px;} .exchange_contact{padding-top: 20px;} } @media only screen and (max-width:767px){ #map{height: 200px;} } /*股票信息*/ .stock_cont{padding-top: 40px;} .stock_01{background:#f9f9f9;padding:55px;overflow: hidden;margin-bottom: 80px;} .stock_01 .left{float: left;width:calc(100% - 500px)} .stock_01 .right{float: right;width: 480px;} .stock_01 .right ul{overflow: hidden;} .stock_01 .right li{float: left;width: 50%;text-align: right;} .stock_01 .right dt{margin-bottom: 20px;} .stock_01 .left h2{margin-bottom: 4%;} .stock_num{overflow: hidden;margin-bottom: 50px;} .stock_num.red{color: #de0010;} .stock_num.red .icon-xiajiantou-{display: none;} .stock_num.green{color: green;} .stock_num.green .icon-shangjiantou-{display: none;} .stock_num dl{overflow: hidden;} .stock_num dt{float: left;font-size:80px;height: 80px;line-height: 80px;} .stock_num dd{float: left;margin-left: 40px;} .stock_num dd span{font-size: 26px;margin-bottom: 5%;} .stock_num dd span,.stock_num dd em{display: block;} .stock_02 h3{margin-bottom: 30px;} .stock_img{text-align: center;} .stock_img img{width:auto;max-width:100%;} @media only screen and (max-width:1660px){ .stock_num dt{font-size:60px;height: 60px;line-height: 60px;} .stock_num dd span{font-size: 18px;} } @media only screen and (max-width:1440px){ .stock_num dt{font-size:50px;height: 50px;line-height: 50px;} .stock_num dd{margin-left: 20px;} .stock_01 .left h2{margin-bottom: 40px;} .stock_01{margin-bottom: 50px;padding: 40px;} } @media only screen and (max-width:1024px){ .stock_num dt{font-size:40px;height: 40px;line-height: 40px;} .stock_num dd span{line-height: 24px;} .stock_01 .right{width: 300px;} .stock_01 .left{width: calc(100% - 300px);} .stock_01 .right dt{margin-bottom: 10px;} .stock_01 .left h2,.stock_num{margin-bottom: 20px;} } @media only screen and (max-width:767px){ .stock_01{padding: 20px;margin-bottom: 30px;} .stock_01 .left{margin-bottom: 30px;} .stock_01 .left,.stock_01 .right{float:none;width: 100%;} .stock_01 .right li{text-align: left;} .stock_num dd span{line-height: 20px;font-size:16px;} .stock_02 h3{margin-bottom: 20px;} } /*产品服务*/ .service_01{padding:130px 0 100px 0;} .service_box01{padding-bottom: 90px;} .service_box01 dl{overflow: hidden;} .service_box01 dt{float: left;border-right:2px solid #de0010;width: 240px;padding-right: 20px;} .service_box01 dd{float: right;width: calc(100% - 340px)} .service_box02 ul{overflow: hidden;margin:0 -5px;} .service_box02 li{float: left;width: 25%;} .service_box02 dl{padding: 0 5px;} .service_box02 dt i{vertical-align: top;} .service_02{padding:90px 0;} .service_02 h3{margin-bottom: 50px;} .service_02 ul{overflow: hidden;margin: 0 -13px;} .service_02 li{float: left;width: 25%;margin-bottom: 20px;} .service_02 .s_sbox{border:2px solid #ebebeb;padding: 40px 25px;margin: 0 13px;box-sizing:border-box;} .service_03{color:#fff;text-align: center;padding: 110px 0;position:relative;} .service_03:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.38);} .service_03 .wrap{position: relative;z-index:2;} .service_03 h3{margin-bottom: 30px;} .service_03 p{margin-bottom: 40px;} .service_a a{display: inline-block;width: 134px;height: 42px;line-height: 42px;text-align: center;background:#fff;border-radius: 20px;} .service_a a i{margin-left: 5px;} button,textarea,input{border:none;outline: none;background:none;} .blank_81,.service_tac{display: none;} .blank_81{position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.81);z-index: 10002;} .service_tac h3,.service_tac p{text-align: center;} .service_tac h3{margin-bottom: 20px;} .service_tac p{margin-bottom: 20px;} .service_tac{position:absolute;z-index: 10003;background:#fff;width: 1125px;box-sizing:border-box;padding:20px;top:0; left: 50%;margin-left:-562.5px;} .service_form{width: 690px;margin: auto;max-width: 90%;} .service_form input,.service_form textarea{width: 100%;box-sizing:border-box;height: 44px;line-height: 44px;border:1px solid #d8d8d8;padding: 0 15px;padding-left: 30px;box-sizing:border-box;} .service_form textarea{padding: 15px;padding-left: 30px; height: 90px;line-height: 24px;} .service_form li{position: relative;margin-bottom: 15px;overflow: hidden;} .service_form li i{position: absolute;left: 20px;top:0;color:#ff0000;height: 100%;height: 44px;line-height: 44px;} .service_form li.code input{width: calc(100% - 235px);float: left;} .service_form li.code span{float: right;width: 226px;height: 44px;cursor: pointer;} .service_form li.code img{width: 100%;height: 100%;} .service_button{padding-top: 0px;text-align: center;} .service_button button{width: 200px;height: 50px;line-height: 50px; background:#de0010;border-radius: 30px;text-align: center;color: #fff;} .service_close{position: absolute;top:20px;right: 20px;color:#c7c7c7;font-size: 24px;cursor: pointer;} .s_icon{width: 75px;height: 75px;margin-bottom:20px;} .s_icon img{width:100%;height: 100%;} .s_iteam {height:112px;overflow: hidden;} @media only screen and (max-width:1660px){ .service_form input, .service_form textarea,.service_form li i,.service_form li.code span{height: 48px;line-height: 48px;} .service_form textarea{line-height: 24px;height: 80px;padding-top: 10px;} .service_button{padding-top: 20px;} .service_tac{padding: 50px 0;} .service_button button{width: 230px;height: 50px;line-height: 50px;} } @media only screen and (max-width:1440px){ .service_01,.service_02,.service_03{padding: 80px 0;} .service_02 .s_sbox{padding: 30px 25px;} .service_box01{padding-bottom: 60px;} .service_box01 dt{width: 210px;} .service_box01 dd{width: calc(100% - 270px)} .service_tac{width: 90%;margin-left: -45%;} } @media only screen and (max-width:1024px){ .service_01,.service_02,.service_03{padding: 50px 0;} .service_02 .s_sbox{padding: 20px;} .service_box01{padding-bottom: 50px;} .service_box01 dt{width: 210px;} .service_box01 dd{width: calc(100% - 270px)} .service_03 h3,.service_03 p{margin-bottom: 20px;} .service_02 h3{margin-bottom: 30px;} .service_tac h3{margin-bottom: 20px;} .service_tac p{margin-bottom: 20px;} .s_icon{width: 60px;height: 60px;margin-bottom: 10px;} } @media only screen and (max-width:767px){ .service_01,.service_02,.service_03{padding: 30px 0;} .service_01{padding-bottom: 0;} .service_box01 dt,.service_box01 dd{float: none;width: 100%;padding: 0;margin: 0;border:0;} .service_box01 dt{margin-bottom: 20px;} .service_box01{padding-bottom: 30px;} .service_02 ul,.service_02 .s_sbox{margin: 0;} .service_02 li{float: none;width: 100%;} .service_02 li:last-child{margin-bottom: 0;} .service_02 .s_sbox{height: auto;} .service_box02 li{width:50%;} .service_box02 li:nth-child(2n+1){clear: both;margin-bottom: 30px;} .service_box02 dl dt span{font-size: 22px;} .service_form input, .service_form textarea{padding: 0 10px;} .service_form li i{left: 4px;} .service_form li{margin-bottom: 10px;} .service_form li.code span{width: 80px;} .service_form li.code input{width: calc(100% - 90px);} .service_button button{width: 180px;height: 44px;line-height: 44px;} .service_tac{padding: 20px 0;} .service_close{top:10px;right: 10px;} .s_iteam{height: auto;} } /*知识广场*/ .square_cont{overflow: hidden;padding-bottom: 50px; padding-top: 3%;} .square_cont .left{width:65.5%;float: left;} .square_cont .right{width:31%;float: right;} .square_01{margin-bottom: 55px;} .square_01 a{display: block;} .square_01 dt{position: relative;} .square_01 dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.41);} .square_01 dl{position: relative;} .square_01 dd{position: absolute;left: 0;bottom:30px;width: 100%;color:#fff;} .square_01 dd h3{padding: 0 30px;max-height: 72px;-webkit-line-clamp: 2;} .square_box{overflow: hidden;} .square_span{float: left;width:calc(100% - 30px);overflow: hidden;} .square_span a{float: left;padding: 0 20px;height: 30px;line-height: 30px;border:1px solid #e0e5e8;margin-right: 9px;border-radius: 20px;margin-top: 20px;} .square_span a:last-child{margin-right: 0} .square_02 li{padding: 40px 0;border-bottom:1px solid #f2f2f2;} .square_02 li:first-child{padding-top: 0;} .square_02 dl{overflow: hidden;} .square_02 dt{width: 254px;float: left;} .square_02 dd{width:calc(100% - 285px);float: right;} .square_02 h3{margin-bottom: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .square_02 p{height: 48px;-webkit-line-clamp: 2;margin-bottom: 10px;} .square_more {float: right;padding-top: 20px;line-height: 30px;} .square_02 li.cur dt{display: none;} .square_02 li.cur dd{float: none;width: 100%;} .square_02 li.cur p{height: auto;max-height: 48px;margin-bottom:0;} .square_search{overflow: hidden;border:1px solid #e0e5e8;border-radius:20px;box-shadow: #f5f5f5 0px 0px 20px 10px inset;margin-bottom: 50px;} .square_search input,.square_search button{height: 56px;line-height: 56px;} .square_search input{float: left;padding-left: 30px;box-sizing:border-box;} .square_search button{float: right;width: 68px;font-size: 20px;font-weight:bold;} .square_hot .square_span{float: none;width: 100%;} .square_hot h3{margin-bottom: 30px;} .square_hot .square_span a{margin-top: 0; margin-bottom: 20px;} .square_span a.on{color:#DE000F;border-color: #DE000F;} @media only screen and (max-width:1440px){ .square_01 dd h3{max-height: 64px;} .square_search input,.square_search button{height: 44px;line-height: 44px;} .square_search,.square_hot h3{margin-bottom: 20px;} .square_hot .square_span a{margin-bottom: 10px;} } @media only screen and (max-width:1024px){ .square_01{margin-bottom: 40px;} .square_01 dd h3{max-height: 60px;} .square_cont .right,.square_cont .left{float: none;width: 100%;} .square_cont .right{margin-bottom: 30px;} .square_span a{margin-top: 10px;} .square_more{padding-top: 10px;} .square_02 li{padding: 20px 0;} } @media only screen and (max-width:767px){ .square_02 dt,.square_02 dd{float: none;width: 100%;} .square_search button{width: 50px;} .square_search input{padding-left: 10px;} .square_span a{padding: 0 10px;} .square_cont .right{margin-bottom:10px;} .square_01 dd h3{padding: 0 10px;} .square_01 dd{bottom: 10px;} .square_02 dt{margin-bottom: 10px;} .square_02 p{height: auto;max-height: 48px;} .square_02 h3{margin-bottom: 10px;} .square_01{margin-bottom: 20px;} } /*详情*/ .square_d{overflow: hidden;} .square_d .left h2.fnt_30 {margin-bottom: 25px;color:#e21a21;} .d_span{overflow: hidden;line-height: 30px;margin-bottom: 30px;} .d_span .posttime{float: left;padding-bottom: 15px;border-bottom:1px solid #de0010;} .d_span .square_span{float: right;width:calc(100% - 125px)} .d_span .square_span a{margin-top: 0;margin-bottom: 15px;} .news_page{padding-top: 30px;} .news_page span{display: block;line-height: 30px;margin-bottom: 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .d_share{padding:45px 0 35px 0;border-bottom:1px solid #f0f0f0;overflow: hidden;} .d_share a{float: left;font-size: 22px;color:#484848;margin-right: 30px;} .square_d .right h2{margin-bottom: 15px;} .square_d .right ul{background:#f9f9f9;padding: 50px 40px;} .square_d .right li{margin-bottom: 50px;} .square_d .right li h3{margin-bottom: 10px;} .square_d .right li:last-child{margin-bottom: 0;} @media only screen and (max-width:1440px){ .square_d .right ul{padding:40px} .square_d .right li{margin-bottom: 40px;} } @media only screen and (max-width:1024px){ .d_span,.square_d .left h2.fnt_30{margin-bottom: 20px;} .d_share{padding: 20px 0;} .news_page{padding-top: 20px;} .square_d .right ul{padding: 20px;} .square_d .right li{margin-bottom: 20px;} .square_cont .left{margin-bottom: 30px;} } @media only screen and (max-width:767px){ .d_span {text-align: center;} .d_span .posttime{float: none;display: inline-block;padding-bottom: 0px;margin-bottom: 20px;} .d_span .square_span{float: none;width: 100%;clear: both;} .d_span, .square_d .left h2.fnt_30{margin-bottom: 10px;} .d_span .square_span a{margin-bottom: 10px;} .news_page span{margin-bottom: 0;} } /*新闻资讯*/ .news_cont{padding-top: 2%;} .news_01{padding-bottom: 80px;} .news_01 ul{overflow: hidden;margin: 0 -15px;} .news_01 li{float: left;width: 50%;} .news_01 dl{margin: 0 15px;} .news_01 dt{margin-bottom: 25px;} .news_01 h3{margin: 25px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_more{font-size: 18px;} .news_01 p,.news_02 p{max-height: 60px; -webkit-line-clamp: 2;} .news_02 ul{padding-bottom: 45px;} .news_02 li{padding: 55px 45px 20px;background:#f9f9f9;margin-bottom: 10px;} .news_02 dl{overflow: hidden;} .news_02 dt span{font-size: 24px;line-height: 24px; display: block;} .news_02 dt em{font-size: 26px;display: block;} .news_02 dt{float:left;} .news_02 dd{padding-right:120px;box-sizing:border-box;width: calc(100% - 100px);float: right;} .news_02 h3{margin-bottom: 10px;} .news_02 .news_more{text-align: right;visibility: hidden;opacity: 0;margin-right:-100px;} .news_02 .news_more a{color:#e74955;} @media only screen and (max-width:1440px){ .news_02 ul{padding-bottom:0;} .news_01{padding-bottom: 60px;} .news_02 dd{padding-right: 80px;} .news_02 .news_more{margin-right: -70px;} } @media only screen and (max-width:1024px){ .news_01 p,.news_02 p{max-height:48px;} .news_01{padding-bottom: 50px;} .news_01 h3{margin: 15px 0;} .news_more{padding-top: 20px;} .news_01 dl{margin: 0 10px;} .news_01 ul{margin: 0 -10px;} .news_02 li{padding: 20px;} .news_02 li .news_more{visibility: visible;opacity:1;} .news_02 dd{padding-right: 0px;} .news_02 .news_more{margin-right:0px;} .news_02 dt span{font-size: 18px;line-height: 18px; } .news_02 dt em{font-size: 20px;} .news_02 dd{width:calc(100% - 70px)} } @media only screen and (max-width:767px){ .news_01{padding-bottom: 30px;} .news_01 dl{margin: 0 ;} .news_01 ul{margin: 0;} .news_01 li{float: none;width: 100%;margin-bottom: 20px;} .news_01 dt{margin-bottom: 10px} .news_01 li:last-child{margin-bottom: 0;} .news_02 dt,.news_02 dd{float: none;width: 100%;} .news_02 dt{overflow: hidden;margin-bottom: 10px;} .news_02 dt span,.news_02 dt em{font-size: 18px;line-height: 18px;} .news_02 dt span{display: inline-block;} .news_02 dt em{float: left;margin-right: 10px;} } .d_cont{padding:140px 0;} .d_cont .left{float: none;width: 100%} .d_cont .square_d .left h2.fnt_36{color:#000;margin-bottom: 10px;} @media only screen and (max-width:1440px){ .d_cont{padding-bottom: 80px;} } @media only screen and (max-width:1024px){ .d_cont{padding: 50px 0;padding-top: 80px;} } @media only screen and (max-width:767px){ .d_cont .d_span .posttime{margin-bottom:5px;} .d_cont .square_d .left h2.fnt_36{text-align: center;} .d_cont .square_d .left h2.fnt_36{margin-bottom: 0;} } /*联系我们*/ .contact_cont{padding-bottom: 0;} .contact_01{margin-bottom: 70px;} .contact_01 #map{height: 748px;} .contact_02 ul{overflow: hidden;margin:0 -45px;} .contact_02 li{float: left;width: 33.33%;margin-bottom: 90px;} .contact_02 li:nth-child(3n+1){clear: both;} .contact_02 dl{padding: 0 45px;} .contact_02 h3 i{display: block; width: 33px;height: 2px;background:#de0010;margin-top: 20px;} .contact_02 h3{margin-bottom: 30px;} .contact_02 dd p{line-height: 30px;margin-bottom: 8px;} .contact_02 dd .address_p{margin-bottom: 30px;} @media only screen and (max-width:1660px){ .contact_01 #map{height: 500px;} .contact_02 dd .address_p{margin-bottom: 20px;} .contact_02 h3{margin-bottom: 20px;} .contact_02 h3 i{margin-top:10px;} .contact_02 li{margin-bottom: 70px;} .contact_cont{padding-bottom: 50px;} } @media only screen and (max-width:1440px){ .contact_02 ul{margin:0 -25px;} .contact_02 dl{padding: 0 25px;} } @media only screen and (max-width:1024px){ .contact_01 #map{height: 300px;} .contact_01{margin-bottom: 50px;} .contact_02 dd p{line-height:24px;} .contact_02 li{margin-bottom: 50px;} .contact_02 ul{margin:0 -10px;} .contact_02 dl{padding: 0 10px;} } @media only screen and (max-width:767px){ .contact_01 #map{height: 200px;} .contact_01{margin-bottom:30px;} .contact_02 ul{margin:0;} .contact_02 dl{padding: 0;} .contact_02 li{float: none;width: 100%;margin-bottom: 30px;} .contact_02 h3{margin-bottom: 10px;} .contact_02 li:last-child{margin-bottom: 0;} } /*行业客户*/ .customers_list ul{margin: 0 -25px;overflow: hidden;} .customers_list ul>li{float: left;width:50%;margin-bottom: 50px;} .customers_list dl{overflow: hidden;height: 235px;margin: 0 25px;} .customers_list dt{position: relative; float: left;width: 85px;height: 100%; background: url(../images/cus_bg.jpg) no-repeat;background-size:cover;} .customers_list dt h2{width:50px;text-align: center;} .customers_list dd{border:1px solid #e3e7ea; float: right;height: 100%;width:calc(100% - 85px);box-sizing:border-box;border-left: 0;overflow: hidden;padding: 35px;padding-bottom: 8px;} .customers_list dd ol{overflow:hidden;margin: 0 -5px;} .customers_list dd li{float: left;width: 33.33%;margin-bottom: 30px;} .customers_list dd li p{margin: 0 5px;} .customers_list dd p img{width: 165px;max-width: 100%;} .slide_con .swiper-pagination{bottom:0px;} @media only screen and (max-width:1440px){ .customers_list dd li{margin-bottom: 20px;} .customers_list ul>li{margin-bottom: 30px;} .customers_list dl{height: 200px;margin: 0 15px;} .customers_list ul{margin: 0 -15px;} } @media only screen and (max-width:1280px){ .customers_list dl{height: 170px;} } @media only screen and (max-width:1024px){ .customers_list dd{padding: 20px;padding-bottom: 10px;} .customers_list dl{height: 150px;} } @media only screen and (max-width:767px){ .customers_list dl{height: auto;margin: 0 ;} .customers_list ul{margin: 0 ;} .customers_list ul>li{float: none;margin-bottom: 20px;width: 100%;} .customers_list dt h2{ width: auto;position: static;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%);padding: 10px 0;} .customers_list dt h2 br{display: none;} .customers_list dt,.customers_list dd{float: none;width: 100%;} .customers_list dd{ padding:20px 10px;padding-bottom: 0; border: 1px solid #e3e7ea;} } .journal_cont{padding-bottom: 0;} .journal_01{padding-bottom: 60px;} .journal_01 ul{margin: 0 -25px;} .journal_01 li{float: left;width:50%;margin-bottom: 40px;} .journal_01 dl{margin: 0 25px;border:1px solid #e0e5e8;padding: 75px 35px;padding-right: 45px;} .journal_01 dt{overflow: hidden;line-height: 30px;margin-bottom: 10px;} .journal_01 dt h3{float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:calc(100% - 50px)} .journal_01 dt .news_more{float: right;padding-top: 0;} .journal_02{padding: 100px 0;} .journal_slider{position: relative;} .journal_slider dt{position: relative;margin-bottom:25px;} .journal_slider dd{text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .journal_slider .journal_box{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.42);visibility: hidden;opacity: 0;} .journal_box .a-m-c{width:100%;text-align: center;color: #fff;font-size: 24px;} .journal_box .a-m-c a{color: #fff;margin: 0 15px;} .slider_but{display:none;} .slider_but div{width: 40px;height: 40px;margin-top: -20px;} .slider_but div.swiper-button-prev{background:url(../images/slide_prev.png) no-repeat center center;left: -80px;} .slider_but div.swiper-button-next{background:url(../images/slide_next.png) no-repeat center center;right:-80px;} @media only screen and (max-width:1660px){ .slider_but div.swiper-button-prev{left: -50px;} .slider_but div.swiper-button-next{right:-50px;} } @media only screen and (max-width:1440px){ .journal_02{padding: 80px 0;} .journal_01 dl{padding:50px 35px;margin: 0 20px;} .journal_01 ul{margin: 0 -20px;} } @media only screen and (max-width:1024px){ .journal_02{padding: 50px 0;} .journal_01{padding-bottom: 40px;} .slider_but div.swiper-button-prev{left: 0px;} .slider_but div.swiper-button-next{right:0px;} .journal_slider .journal_box{visibility: visible;opacity: 1;} .journal_slider dt{margin-bottom: 10px;} .journal_01 dl{padding:20px;margin: 0 10px;} .journal_01 ul{margin: 0 -10px;} .journal_01 li{margin-bottom: 20px;} .journal_slider{padding: 0 35px;} .slider_but div{width: 30px;height: 30px;margin-top: -15px;background-size: 24px !important;} } @media only screen and (max-width:767px){ .journal_02{padding: 30px 0;} .journal_01{padding-bottom: 20px;} .journal_01 li{float: none;width:100%;} .journal_01 dl,.journal_01 ul{margin: 0;} .journal_01 dt h3{ line-height: 30px;max-height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: inherit;text-overflow: inherit;} } /*合作伙伴*/ .partner_list{overflow: hidden;padding-top: 90px;} .partner_list h3{margin-bottom: 70px;} .partner_list ul{overflow: hidden; margin: 0 -1%;} .partner_list li{float: left;width:18%; margin: 0 1% 30px; background: #fff;} .partner_list dl{margin: 0;border:1px solid #dfdfdf;} .partner_list dt{ text-align: center;} .partner_list dt img{width: 220px;max-width: 100%;} .partner_list dd{overflow: hidden;line-height: 30px;} .partner_list dd h3{float: left;width: calc(100% - 50px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 0;} .partner_list .news_more{padding-top: 0;float: right;} .partner_list .news_more a{color:#ba2841;} .partner_list:nth-child(2n){background:#f9f9f9 url(../images/partner_bg.jpg) no-repeat;background-size:cover;} .partner_list:nth-child(2n) ul{padding-bottom: 50px;} @media only screen and (max-width:1440px){ .partner_list h3{margin-bottom: 50px;} } @media only screen and (max-width:1024px){ .partner_list{padding-top: 50px;} .partner_list:nth-child(2n) ul{padding-bottom: 30px;} .partner_list h3{margin-bottom: 30px;} } @media only screen and (max-width:767px){ .partner_list ul{margin: 0;} .partner_list li{width:100%;float: none; margin: 0 0 4%;} .partner_list h3{margin-bottom: 20px;} .partner_list{padding: 30px 0;} .partner_list:nth-child(2n) ul{padding-bottom: 0;} .partner_list dt img{width: 200px;} } /*搜素结果*/ .search_cont{padding:145px 0 150px 0;} .search_cont{overflow: hidden;} .search_cont .left{float: left;width: 360px;} .search_cont .left dt{background:#f9f9f9;padding: 0 20px;line-height: 60px;height:60px;margin-bottom: 10px;overflow: hidden;border-radius: 5px;} .search_cont .left dt i{display: none;} .search_cont .left dd{background:#f9f9f9;padding-bottom: 40px;border-radius: 5px;} .search_cont .left dd p{border-bottom: 1px solid #fff;height: 56px;line-height: 56px;padding: 0 20px;} .search_cont .left dd p.on a{color:#de0010;} .search_cont .right{float: right;width:calc(100% - 430px);} .s_search{overflow: hidden;border:1px solid #e0e5e8;border-radius: 30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1) inset;} .s_search input{height: 56px;line-height: 56px;float: left;box-sizing:border-box;padding-left: 30px;width:calc(100% - 70px);color:#a7a7a7;} .s_search button{font-size: 20px;font-weight: bold; height: 56px;line-height: 56px;float: right;width: 70px;text-align: center;} .s_list li{padding: 30px 0;border-bottom:2px solid #f2f2f2;} .s_list li h3 span{color:#d1000f;} .s_trpe{overflow: hidden;} .s_trpe span{padding: 0 20px;border:1px solid #e0e5e8;float: left;margin-top: 15px;margin-right: 15px;line-height: 30px;border-radius: 20px;} .s_tips{padding-top: 50px;padding-bottom: 30px;margin-bottom: 30px;border-bottom:2px solid #f2f2f2;} .s_tips span{color:#de0010;} @media only screen and (max-width:1440px){ .search_cont{padding-bottom: 100px;} .search_cont .left{width: 250px;} .search_cont .right{width:calc(100% - 300px);} } @media only screen and (max-width:1024px){ .search_cont{padding: 80px 0;} .search_cont .left{width: 200px;} .search_cont .right{width:calc(100% - 250px);} .s_search input,.s_search button{height: 50px;line-height: 50px;} .s_tips{padding: 30px 0;} .s_list li{padding:20px 0;} } @media only screen and (max-width:1024px){ .search_cont .left,.search_cont .right{width: 100%;float: none;} .search_cont .left{margin-bottom: 30px;} .s_search{border-radius: 10px;} .s_search input{padding-left: 10px;width:calc(100% - 50px)} .s_search button{width: 50px;} .s_search input, .s_search button{height: 44px;line-height: 44px;} .s_tips{padding:20px 0;margin-bottom: 10px;} .search_cont .left dd{overflow:hidden;padding: 20px;} .search_cont .left dd p{float: left;border: 0;padding: 0;width: 50%;height: 40px;line-height: 40px;} .search_cont .left dt{height: 40px;line-height: 40px;} } @media only screen and (min-width:1025px){ .news_02 .news_more{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .announ_list li,.announ_list li p a,.announ_list li span a,.announ_list li:hover .hover_bg,.service_button button,.journal_box{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .announ_list li:hover .hover_bg{opacity: 1;visibility: visible;} .announ_list li:hover{color: #fff;} .announ_list li:hover p a{color: #fff;} .announ_list li p a:hover{} .announ_list li:hover:after{visibility: visible;opacity: 1;} .service_button button:hover{opacity: 0.8;} .news_02 li:hover .news_more{visibility: visible;opacity:1;} .contact_02 dd a{color: #000 !important;cursor: default;} .journal_box .a-m-c a:hover{color: #fff !important;opacity: 0.8} .journal_slider dl:hover .journal_box{visibility: visible;opacity: 1;} .exchange_contact a.tel_link{color:#000 !important;cursor: default;} .journal_01 dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .journal_01 dl:hover{box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);border-color: transparent;} } .channel-part01{padding:4% 0;} .channel-part01 h2{ text-align: center; margin-bottom: 3%;} .channel-part01 ul{ margin: 0 -0.5% 3%;} .channel-part01 li{ float: left; widtH:32.33%; margin: 0 0.5% 1%;} .channel-part01 li dl{position: relative;} .channel-part01 dd{position: absolute; lefT:0; bottom:0;width:100%;color:#fff; padding:5%; background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 30%, rgba(0,0,0, 0.5) 100%); background: -moz-linear-gradient(top, rgba(0,0,0, 0) 30%, rgba(0,0,0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0,0,0, 0) 30%, rgba(0,0,0, 0.5) 100%);} .channel-part01 dd span{ display: block; margin-bottom: 2%; font-family: Arial, Helvetica, sans-serif;} .channel-part01 dd p{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.8; max-height: 3.6em; overflow: hidden;} .cmore{ display: block; margin: 0 auto; widtH:266px; height: 65px; line-height: 65px; text-align: center; color:#000; background: #fff; border-radius: 30px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);} .channel-part02{padding:0 0 5%;} .channel-part02 h2{ text-align: center; margin-bottom: 3%;} .channel-part02 .announ_list{border-top:2px solid #F2F2F2;} .channel-part02 .announ_list ul{ margin: 0 0 4%;} .channel-part03{padding:5% 0; background: #F9F9F9;} .channel-part03 h2{ text-align: center; margin-bottom: 4%;} .channel-part04{padding:5% 0;} .channel-part04 .wrap>h2{ text-align: center; margin-bottom: 4%;} .channel-part04 .stock_cont{padding-top: 0;} @media only screen and (max-width:1365px){ .cmore{widtH:180px; height: 50px; line-height:50px;} } @media only screen and (max-width:767px){ .channel-part02 .announ_list ul{margin-bottom: 5%;} .cmore{widtH:120px; height: 40px; line-height:40px; margin: 0 auto 10px;} .channel-part01 ul{ margin: 0 0 5%;} .channel-part01 li{ float: left; widtH:100%; margin: 0 0 2%;} } .conn-part01{padding:5% 0;} .conn-part01 .ll{ float: left; widtH:48%;} .conn-part01 .rr{ float: right;width:48%;} .conn-part01 h2{ position: relative; padding-bottom:1.6%; margin-bottom:2%;} .conn-part01 h2::before{content:""; position: absolute; lefT:0; bottom:0; widtH:32px; height: 2px; background: #DE0010;} .conn-part01 dt{ float: left; widtH:calc(100% - 150px);} .conn-part01 dt p{margin-bottom: 1.5%;} .conn-part01 dt p:first-child{margin-bottom: 6%;} .conn-part01 dd{ float: right; widtH:130px;} .conn-part01 dd em{ float: left; margin-right: 12px;} .conn-part01 dd a{color:#757575;} .conn-part02{margin: 0 0 8%;} .conn-part02 .ll{ float: left; widtH:50%; height: 440px; padding: 70px 0 30px; border:1px solid #E7E7E7;border-right: none;} .conn-part02 .rr{ float: right; widtH:50%;height: 440px;padding: 70px 0 30px; background:#F9F9F9;position: relative;} .conn-part02 .rr::before{content: ""; position: absolute; lefT:0; top:75px; width:0; height: 0; border-width:20px;border-color:transparent transparent transparent #fff;border-style:solid dashed dashed dashed;} .conn-part02 .ll li{ float: left; widtH:30.33%; cursor: pointer; margin: 0 1.5% 5%;color:#505050; text-align: center;} .conn-part02 .ll li.on{color: #E60012;} .conn-part02 .ll li span{ display: block;} .conn-part02 .rr dl{ display: none; padding:0 12%;} .conn-part02 .rr dl.on{ display: block;} .conn-part02 .rr dl dt{padding-bottom:5%; margin-bottom:5%; position: relative; font-weight: bold;color:#E60012;} .conn-part02 .rr dl dt::before{content:""; position: absolute; lefT:0; bottom:0; widtH:32px; height: 2px; background: #DE0010;} .conn-part02 .rr dl dd p{margin-bottom: 1.5%;} .conn-part02 .rr dl dd p:first-child{margin-bottom: 5%;} @media only screen and (max-width:1023px){ .conn-part02 .ll li{ widtH:47%;} .conn-part01 .ll,.conn-part01 .rr{widtH:100%;} .conn-part01 .ll{margin-bottom: 5%;} } @media only screen and (max-width:767px){ .conn-part01 dt,.conn-part01 dd{widtH:100%;} .conn-part01 dd{margin-left: 0; line-height: 32px;} .conn-part02 .ll,.conn-part02 .rr{widtH:100%; height: auto; padding:5%;} .conn-part02 .ll{border:1px solid #E7E7E7;} .conn-part02 .rr::before{ display: none;} .conn-part02 .rr dl{padding: 0;} }