.gray,.gray a{color: #666666;} .padd_b90{padding-bottom: 90px;} .padd_b180{padding-bottom: 180px;} @media only screen and (max-width:1440px) { .padd_b180{padding-bottom: 100px;} } @media only screen and (max-width:1024px) { .padd_b180{padding-bottom: 70px;} .padd_b90{padding-bottom: 70px;} } @media only screen and (max-width:767px) { .padd_b180{padding-bottom: 40px;} .padd_b90{padding-bottom: 40px;} } /*鍏徃鏂伴椈*/ .news_list li .date{ padding:5px; margin-bottom:20px; display: block; font-family: Arial, Helvetica, sans-serif; widtH:70px; height: 70px; border:1px solid #484848; position: relative;} .news_list li .date::after{content:""; position: absolute; left:50%; top:50%; width:49px; height: 47px; margin:-24px 0 0 -25px; background: url(../images/dot03.png) no-repeat;} .news_list li .date span{ display: block; height: 35px; line-height: 35px;} .news_list li .date em{ display: block; text-align: right;font-size: 12px;height: 35px; line-height: 35px;} .news_list li{padding: 40px 45px;border-bottom: 1px solid #dadada;position: relative;} .news_list dl{overflow: hidden;} .news_list dt{float: left;} .news_list dd{float: right;width: calc(100% - 110px)} .news_list dd h2,.news_list dd p{height: auto;} .news_list dd h2{margin-bottom: 20px;} .news_more{padding-top: 30px;display: none;} .news_more i{margin-right: 10px;} .public_load-more-link { display: block;margin:0 auto;margin-top: 55px; width:210px; height: 40px; line-height: 40px;text-align: center;position: relative; cursor: pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; } .public_load-more-link:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .public_load-more-link::after {content: "";background-color: rgb(0, 0, 0);transform: skewX(-25deg);z-index:1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .public_load-more-link span{ display: block; color:#fff!important; position: relative; z-index: 2;} @media only screen and (max-width:1440px) { .news_list li{padding: 30px 20px;} } @media only screen and (max-width:1024px) { .news_list li{padding:20px 0;} .news_list li:first-child{padding-top: 0;} .news_list dd h2{margin-bottom: 10px} .news_list dd{width: calc(100% - 90px)} .public_load-more-link{margin-top: 30px;} } @media only screen and (max-width:767px) { .news_list dt,.news_list dd{float: none;} .news_list dd{width: 100%;} } /*鏂伴椈璇︽儏*/ .news_d .site{padding-top: 50px;} .news_dcont .left{float: left;width: calc(100% - 400px)} .news_dcont .right{float: right;width: 330px;} .d_title{text-align: center;border-bottom: 1px solid #000;padding-bottom: 15px;margin-bottom: 50px;} .d_title h2{margin-bottom: 30px;} .d_span span{padding: 0 35px;background: url(../images/news_line.jpg) no-repeat right center;} .d_span span:first-child{padding-left: 0;} .d_span span:last-child{background: none;padding-right: 0; display: none;} .news_share{overflow: hidden;padding-bottom: 35px;border-bottom: 1px solid #000;margin-bottom: 30px;} .news_share span{float: left;line-height: 32px;text-align: center;border-radius: 50%; color: #000;font-size: 14px;} .news_share .share_common{float: left;line-height: 32px;} .news_share .share_common a{float: left;font-size: 24px;color: #a8a8a8;margin-left: 20px;} .news_share .share_common a .icon-weixin:before{top:2px;position:relative;} .news_page span{display: block;margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_page span:last-child{margin-bottom: 0;} .news_page a{color: #323232;} .title_d h3{margin-bottom: 20px;} .title_d h3 i{display: block;width: 22px;height: 5px;background: #000;margin-top: 10px;} .newz_d_list li{margin-bottom: 20px;position: relative;} .n_line{position: absolute;left: 0;bottom: 0;width: 0;height: 3px; background: #7735e1; background-image:-moz-linear-gradient(to right,#7735e1,#12b0f7); background-image:-webkit-linear-gradient(to right,#7735e1,#12b0f7); background-image:-ms-linear-gradient(to right,#7735e1,#12b0f7); background-image:-o-linear-gradient(to right,#7735e1,#12b0f7); background-image:linear-gradient(to right,#7735e1,#12b0f7); } .posttime{ background: none !important; } .newz_d_list .news_box{padding: 35px;padding-top: 25px;border:1px solid #ececec;} .newz_d_list h3{margin-bottom: 10px;} .news_time{margin-bottom: 15px;} .newz_d_list h3,.newz_d_list p{height: auto;} .newz_d_list p{color: #968d8d;} @media only screen and (max-width:1440px) { .d_title h2{margin-bottom: 20px;} .d_title{margin-bottom: 40px;} .newz_d_list .news_box{padding: 20px;} .d_span span{padding: 0 20px;} } @media only screen and (max-width:1024px) { .d_title h2{margin-bottom: 10px;} .d_title{margin-bottom: 20px;} .news_dcont .left,.news_dcont .right{float: none;width: 100%;} .news_dcont .left{margin-bottom: 30px;} .news_page span{margin-bottom: 10px;} .news_share{padding-bottom: 20px;margin-bottom: 20px;} .title_d h3 i{height: 3px;} .d_title h2{font-weight: bold;line-height: 24px;font-size: 16px;} } @media only screen and (max-width:767px) { .d_span{overflow: hidden;} .d_span span { padding: 0; width: 50%; float: left; /* float: none; */ display: block; background: none; line-height: 24px; text-align: left; } .news_share .share_common a{margin-left: 15px} } /*绠$悊鍥㈤槦*/ .team_cont{padding-bottom: 40px;} .team_top{background: #e7eaef;margin-bottom: 55px;} .team_top dl{overflow: hidden;} .team_top dt,.team_top dt img,.team_top dd{height: 100%;box-sizing:border-box;} .team_top dt{float:right;width: 38.3%;} .team_top dd{float: left;width:58%;overflow: hidden;padding:95px 80px;padding-right: 0; box-sizing:border-box; } .team_le,.team_re{float: left;} .team_le{width: 170px;height: 100%;border-right: 1px solid #fff;} .team_re{width: calc(100% - 200px);height: 100%;float: right;} .team_re h4{margin-bottom: 10px;font-weight:bold;} .team_re p{line-height: 24px;} .team_re h2{margin-bottom: 20px;overflow: hidden;font-size:14px;font-weight:bold;} .team_re h2 span{float: left;margin-right: 20px;} .team_re h2 span:last-child{margin-bottom: 0;} .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#7733e1;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#7733e1;} .team_list ul{margin:0 -13px;} .team_list li{width: 33.33%;margin-bottom: 60px;text-align: center;float:left;} .team_list dl{margin: 0 13px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);padding: 50px;padding-top: 40px;} .team_list dt{width: 205px;margin: auto;margin-bottom: 20px; border-radius: 50%;max-width:100%;} .team_list dd{height: auto;} .team_scoll{height: 73px;overflow: hidden;} .team_list h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .team_list h4{line-height: 24px;height: auto; margin-bottom: 0;} .team_list p{line-height: 26px;height: auto; text-align: left;} .team_list p.gray{display:none;} .team_line{width: 40px;height: 4px;background: #7733e1;margin:20px auto;} .team_le .team_line{margin-left: 0;} @media only screen and (max-width:1520px) { .team_top dd{padding: 70px;padding-right: 0;width: 58%;} } @media only screen and (max-width:1440px) { .team_top dd{padding: 40px 40px;padding-right: 0;} .team_list dl{padding: 40px;} .team_list h4{margin-bottom: 0px;} .team_scoll{height: 73px;} } @media only screen and (max-width:1024px) { .team_top dd{padding: 20px;padding-right: 0;} .team_le{width: 120px;} .team_re{width: calc(100% - 150px)} .team_re h2{margin-bottom: 20px;} /*.team_list dt{width: 130px;height: 130px;}*/ .team_line{margin: 10px auto;height: 3px;} .team_list dl{padding: 20px;margin: 0 10px;} .team_list ul{margin: 0 -10px;} .team_list li{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .team_list dd{height:auto;} .team_list ul,.team_list dl{margin: 0;} .team_list li{float: none;width: 100%;} .team_top dt,.team_top dd{float: none;width: 100%;} .team_top dl{height: auto !important;} .team_le,.team_re{float: none;width: 100%;border: 0;} .team_le{margin-bottom: 20px;} .team_top{margin-bottom: 20px;} .team_list h4{margin-bottom: 10px;} .team_scoll{height: auto;} } /*鎼滅储缁撴灉*/ .search_cont .left{width: 300px;float: left;} .search_cont .left h2{margin-bottom: 25px;} .search_cont .left ul{background: #e7eaef;padding: 12px 0 60px 0;overflow: hidden;} .search_cont .left li a{display: block;padding: 0 30px;} .search_cont .left li{line-height: 48px;border-bottom: 1px solid #fff;position: relative;} .search_cont .left li i{position: absolute;top: 50%;right: 0%;width: 0;height: 0;overflow: hidden;margin-top:-8px;border: 8px dashed transparent;border-right: 8px solid #e7eaef;display: none;} .search_cont .left li.on{background: #fff;font-weight: bold;} .search_cont .left li.on i{display: block;} .search_cont .right{width: calc(100% - 360px);float: right;} .search_top{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);padding: 60px;overflow: hidden;position: relative;} .search_top .n_line{width: 100%;} .search_top input,.search_top button{border: none;outline: none;background: none;height: 66px;line-height: 66px;} .search_top input{width: calc(100% - 75px);float: left;box-sizing:border-box;background: #f6f6f6;padding: 0 25px;} .search_top button i,.search_top span{display: block;font-size: 20px;line-height: 20px;} .search_top span{font-size: 14px;margin-top: 5px;} .search_top button{width: 66px;float: right;color:#fff; background: #3d85f1; background: -webkit-linear-gradient(left top, #7733e1 , #3d85f1); background: -o-linear-gradient(bottom right, #7733e1, #3d85f1); background: -moz-linear-gradient(bottom right, #7733e1, #3d85f1); background: -ms-linear-gradient(bottom right, #7733e1, #3d85f1); background: linear-gradient(to bottom right, #7733e1 , #3d85f1); } .search_lookup{clear: both;padding:30px;padding-bottom: 0;} .search_lookup a{color: #000;border-bottom: 1px solid #000;margin-left: 8px;padding-bottom: 4px;} .search_lookup i{font-weight:bold;color: #000;font-size: 16px;margin-left: 5px;} .search_list span{color: #7733e1;} .search_list li{padding: 35px;border-bottom: 1px solid #d6d6d6;} .search_list h3{margin-bottom: 20px;} .search_list h3,.search_list p{height: auto;} @media only screen and (max-width:1440px) { .search_top{padding: 40px;} .search_list li{padding: 30px 20px;} .search_cont .left{width: 260px;} .search_cont .right{width:calc(100% - 300px);} .search_lookup{padding: 20px;padding-bottom: 0;} } @media only screen and (max-width:1024px) { .search_cont .left{margin-bottom: 20px;} .search_cont .left,.search_cont .right{width: 100%;float: none;} .search_cont .left li{width:25%;float: left;text-align: center;} .search_cont .left li.on i{right: 50%;top:auto;bottom: -1px; border: 8px dashed transparent; border-bottom: 8px solid #e7eaef;} .search_cont .left ul{padding:20px 0;} .search_cont .left li a{padding: 0 10px;} .search_top{padding: 20px;} .search_list li{padding: 20px 0;} .search_top button i{font-size: 14px;line-height: 18px;} .search_top input, .search_top button{height:50px;line-height:50px;} .search_top button{width: 50px;} .search_top input{ width: calc(100% - 60px);padding: 0 10px;} .search_lookup{padding:10px;} } @media only screen and (max-width:767px) { .search_cont .left li{width: 50%;} .n_line{height: 1px;} .search_top{padding: 10px;} } /*鑱旂郴鎴戜滑*/ .contact_bg{background: #e7eaef;} .contact_01{padding-bottom: 80px;} .contact_map{position: relative;} .contact_china{width: 132px;height: 40px;position: absolute;top:-7px;right: 0;} .contact_china img{float: right;position: relative;z-index: 2;} .contact_china p{height: 26px;line-height: 26px;width: calc(100% - 14px);background: #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 30%);position: absolute;left: 0;top:0;border-radius: 20px 0 0 20px;border:1px solid #e6e6e6;box-sizing:border-box;padding-left: 25px;} .contact_cicle01{width:13px;height: 13px;border: 3px solid #fff;background: #7832e1;border-radius: 50%; position: absolute;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 2;} .contact_cicle02{width: 242px;height: 242px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; visibility: visible;opacity: 0;display: none;} .contact_cicle02 em{width: 100%;height: 100%;display: block;background: rgba(119,51,225,0.08);border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; } .contact_cicle02 span{width: 144px;height: 144px;background: rgba(119,51,225,0.11);border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .contact_cicle02 i{width: 30px;height: 30px;background: #8b53e2;border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .contact_list li{width: 13px;height: 13px;position: absolute;cursor: pointer;} .contact_list li.on{z-index: 2;} .contact_list li.on .contact_cicle02{visibility: visible;opacity: 1;display: block;} .contact_list li:nth-child(1) .contact_box{} .contact_box{position: absolute;top:-38px; left:-420px; width: 400px;background: #fff;box-sizing:border-box;padding: 40px 45px;z-index: 3;display: none;cursor: default;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .c_arrow{position: absolute;top: 33px;right:-24px;width: 0;height: 0;overflow: hidden;border: 12px dashed transparent;border-left: 12px solid #fff;} .contact_box .n_line{width: 100%;} .c_line{width: 33px;height: 3px;background: #000;margin: 30px 0;margin-bottom: 35px;} .contact_dl dl{overflow: hidden;line-height: 24px;margin-bottom: 20px;} .contact_dl dl:last-child{margin-bottom:0;} .contact_dl dt{float: left;width: 35px;color: #000;} .contact_dl dt span{font-size: 18px;} .contact_dl dt span.icon-icon34{font-size: 22px;} .contact_dl dd{float:right;width: calc(100% - 35px)} .contact_list li:nth-child(1) .contact_box{left: 30px;} .contact_list li:nth-child(1) .c_arrow{right:auto;left: -24px;border: 12px dashed transparent;border-right: 12px solid #fff;} .contact_title{text-align: center;margin-bottom: 60px;} .contact_tab{margin-bottom: 40px;} .contact_tab ul{overflow: hidden;font-weight: bold;} .contact_tab li{float: left;} .contact_tab li a{margin-right: 40px; cursor: pointer;} .contact_tab li:last-child{margin-right: 0;} .contact_tab li.on a{color:#7832e1;} .contact_cont .contact_tab li:first-child.on a{color:#000;} .contact_cont .contact_tab li:first-child.on span.on a{color:#7832e1;} .map_phone{display: none;} .contact_02{background: #fff;padding: 80px 0 140px 0;} .contact_phone{margin-bottom: 70px;} /*.contact_phone ul{overflow: hidden;margin: 0 -18px;}*/ .contact_phone{position: relative;} .contact_phone.cur{padding: 0 35px;} .contact_phone li{float: left;width: 33.33%;} .contact_phone dl{border: 1px solid #eeeeee;padding: 40px;padding-top: 55px;margin: 0 1px;} .contact_phone dd{line-height: 24px;height: 136px;overflow: hidden;} .contact_phone dd p{margin-bottom: 20px;overflow: hidden;} .contact_phone dd p:last-child{margin-bottom: 0;} .contact_phone dd p i{font-size: 20px;width: 30px;float: left;} .contact_phone dd p span{float: right;width: calc(100% - 30px)} .contact_phone .but_pub>div{top:50%;margin-top: -17px;} .contact_phone .but_pub>div.swiper-button-prev{left: 0px;} .contact_phone .but_pub>div.swiper-button-next{right: 0px;} .contact_phone .but_pub>div.swiper-button-disabled{opacity: 0.5;} .contact_form .index-part04{overflow: hidden;padding: 65px;padding-top: 75px; color: #151926;position: relative;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .contact_form .index-part04 .mm p{text-align: center;line-height: 1.7em;margin-bottom: 40px;} .contact_form .n_line{width: 100%;} .contact_form .index-part04 .mm ul{margin-bottom: 40px;} .contact_form .index-part04 .mm{float: none;width: 100%;max-width: 100%; padding: 0;margin: 0;} .contact_form .index-part04 .mm li{overflow: hidden;} .contact_form .index-part04 .mm li .inp,.contact_form .index-part04 .mm li .txt{background: #999999;} .contact_form .index-part04 .mm li .inp,.contact_form .index-part04 .mm li .txt,.contact_form .index-part04 .mm li .inp input{height: 62px;line-height: 62px;} .contact_form .index-part04 .mm li .inp input{padding: 0 25px;} .contact_form .index-part04 .mm li .txt textarea{padding: 25px;height: 100%;} .contact_form .index-part04 .mm li .txt{height: 180px;} .contact_form .index-part04 .mm li .yzm{width: 180px;height: 62px;float: left;} .contact_form .index-part04 .mm li .yzm img{width: 100%;height: 100%;} .contact_form .index-part04 .mm .more{margin: auto;} .contact_cicle02 em{ -webkit-animation: loading_a 1500ms linear forwards infinite; animation: loading_a 1500ms linear forwards infinite; } .contact_cicle02 span{ -webkit-animation: loading_b 1500ms linear forwards infinite; animation: loading_b 1500ms linear forwards infinite; } @-webkit-keyframes loading_c { 0% { width: 5px; height: 5px; opacity: 1; } 100% { width: 30px; height: 30px; opacity:0.3; } } @keyframes loading_c { 0% { width: 5px; height: 5px; opacity: 1; } 100% { width: 30px; height: 30px; opacity:0.3; } } .contact_cicle02 i{ -webkit-animation: loading_c 1500ms linear forwards infinite; animation: loading_c 1500ms linear forwards infinite; } @-webkit-keyframes loading_a { 0% { width: 150px; height: 150px; opacity: 1; } 100% { width: 242px; height: 242px; opacity:0.3; } } @keyframes loading_a { 0% { width: 150px; height: 150px; opacity: 1; } 100% { width: 242px; height: 242px; opacity:0.3; } } @-webkit-keyframes loading_b { 0% { width: 60px; height: 60px; opacity: 1; } 100% { width: 144px; height: 144px; opacity:0.3; } } @keyframes loading_b { 0% { width: 60px; height: 60px; opacity: 1; } 100% { width: 144px; height: 144px; opacity:0.3; } } @media only screen and (max-width:1440px) { .contact_title{margin-bottom: 40px;} .contact_cicle02{width: 200px;height: 200px;} .contact_cicle02 span{width: 120px;height: 120px;} .contact_box{padding: 40px;} .c_line{margin: 20px 0;margin-top: 15px;} .contact_dl dl{margin-bottom: 15px;} .contact_phone dl{padding: 40px;} .contact_02{padding-bottom: 80px;} /*.contact_phone dl{margin: 0 10px;} .contact_phone ul{margin: 0 -10px;}*/ @-webkit-keyframes loading_a { 0% { width: 150px; height: 150px; opacity: 1; } 100% { width: 200px; height: 200px; opacity:0.3; } } @keyframes loading_a { 0% { width: 150px; height: 150px; opacity: 1; } 100% { width: 200px; height: 200px; opacity:0.3; } } @-webkit-keyframes loading_b { 0% { width: 60px; height: 60px; opacity: 1; } 100% { width: 120px; height: 120px; opacity:0.3; } } @keyframes loading_b { 0% { width: 60px; height: 60px; opacity: 1; } 100% { width: 120px; height: 120px; opacity:0.3; } } } @media only screen and (max-width:1024px) { .contact_01{padding-bottom: 50px;} .contact_title,.contact_tab{margin-bottom: 20px;} .contact_cicle02{width: 140px;height: 140px;} .contact_cicle02 span{width: 60px;height: 60px;} .contact_box{padding: 20px;} .contact_dl dl{margin-bottom: 10px;} .contact_02{padding: 50px 0;} .contact_phone dl{padding: 20px;} .contact_phone dd p{margin-bottom: 10px;} .contact_form .index-part04{padding: 40px;} .contact_form .index-part04 .mm p{margin-bottom: 20px;} .contact_form .index-part04 .mm ul{margin-bottom: 20px;} .contact_phone{margin-bottom: 50px;} .contact_form .index-part04 .mm li .inp input{padding: 0 10px;} .contact_form .index-part04 .mm li .txt textarea{padding: 10px;} @-webkit-keyframes loading_a { 0% { width: 70px; height: 70px; opacity: 1; } 100% { width: 140px; height: 140px; opacity:0.3; } } @keyframes loading_a { 0% { width: 70px; height: 70px; opacity: 1; } 100% { width: 140px; height: 140px; opacity:0.3; } } @-webkit-keyframes loading_b { 0% { width: 30px; height: 30px; opacity: 1; } 100% { width: 60px; height: 60px; opacity:0.3; } } @keyframes loading_b { 0% { width: 30px; height: 30px; opacity: 1; } 100% { width: 60px; height: 60px; opacity:0.3; } } } @media only screen and (max-width:767px) { .c_line{width: 25px;height: 2px;} .contact_01{padding-bottom: 30px;} .contact_cicle02{width: 60px;height: 60px;} .contact_cicle02 span{width: 20px;height: 20px;} .contact_tab li{width: 33.33%;margin: 0;text-align: center;margin-bottom: 4px;} .contact_tab li a{display: block;height: 40px;line-height: 40px;border: 1px solid #ccc;margin: 0 2px;} .contact_tab ul{font-size: 12px; margin: 0 -2px;} .contact_tab li.on a{border:1px solid #7832e1;} .contact_cont .contact_tab li:first-child span a{border:1px solid #ccc;} .contact_cont .contact_tab li:first-child.on span.on a{border:1px solid #7832e1;} /*鑱旂郴鎴戜滑鍙?/ .contact_cont .contact_tab li:first-child{width: 100%;} .contact_cont .contact_tab li:first-child span{width: 33.33%;float: left;} /*鑱旂郴鎴戜滑鍙?/ .map_pc .contact_box{display: none !important;} .map_phone{display: block;padding-top: 20px;} .map_phone .contact_list li{position: relative;width: 100%;height:auto;left: 0;top:0;margin: 0;} .map_phone .contact_cicle01,.map_phone .contact_cicle02{display: none !important;} .map_phone .contact_box{position: static;width: 100%;} .map_phone .contact_list li .c_arrow{display: none;} .map_phone .contact_list li.on .contact_box{display: block!important;} .contact_02{padding-top: 30px;} .contact_phone{margin-bottom: 30px;} .contact_phone dl{margin: 0 ;} .contact_phone ul{margin: 0;} .contact_phone li{float: none;width: 100%;} .contact_phone li:last-child{margin-bottom: 0;} .contact_phone dd{height: auto;} .contact_form .index-part04{padding: 20px;} .contact_form .index-part04 .mm li .inp, .contact_form .index-part04 .mm li .txt, .contact_form .index-part04 .mm li .inp input,.contact_form .index-part04 .mm li .yzm{height: 44px;line-height: 44px;} .contact_form .index-part04 .mm li .yzm{width: 93px;} .contact_form .index-part04 .mm ul{margin-bottom: 10px;} @-webkit-keyframes loading_a { 0% { width: 20px; height: 20px; opacity: 1; } 100% { width: 60px; height: 60px; opacity:0.3; } } @keyframes loading_a { 0% { width: 20px; height: 20px; opacity: 1; } 100% { width: 60px; height: 60px; opacity:0.3; } } @-webkit-keyframes loading_b { 0% { width: 20px; height: 20px; opacity: 1; } 100% { width: 50px; height: 50px; opacity:0.3; } } @keyframes loading_b { 0% { width: 20px; height: 20px; opacity: 1; } 100% { width: 50px; height: 50px; opacity:0.3; } } } /*鍏徃绠€浠?/ .about_01{background:#e7eaef;position: relative;padding: 50px 0 150px 0;} .a_bg01{position: absolute;top:0;right: 0;width: 50%;height: 100%;background: #f6f6f6;} .about_01 .wrap_1440{overflow: hidden;position: relative;z-index: 2;} .about_01 .left,.about_01 .right{float: left;width: 50%;box-sizing:border-box;} .about_01 .left{padding-right: 70px;} .about_01 .right{padding-left: 60px;padding-top: 55px;} .about_line{width: 78px;height: 4px;background: #7733e1;} .about_01 h2{margin-bottom: 20px;} .about_01 .about_line{margin: 35px 0;} .about_02{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);padding:60px;background: #fff;margin-top: -55px;position: relative;z-index: 2;margin-bottom: 70px;} .about_02 .n_line{width: 100%;} .about_02 ul{overflow: hidden;} .about_02 li{float: left;width: 33%;} .about_02 li dl{padding: 0 10px;padding-right: 150px; background: url(../images/c_line.png) no-repeat right 110px center;} .about_02 li dt{margin-bottom: 20px;} .about_02 li dd p{margin-bottom: 6px;} .about_02 li:last-child dl{padding-right: 0;background: none;} .about_02 li:nth-child(2){width: 40%;} .about_02 li:nth-child(3){width: 27%;} /*map*/ .about_item{margin-bottom: 30px;} .about_item:last-child{margin-bottom: 0;} .about_03 .contact_list li,.about_03 .contact_cicle01{width: 15px;height: 15px;} .about_03 .c_line{margin: 0;margin-bottom: 14px;} .about_03 .contact_dl h4{color: #000;margin-bottom: 10px;} .about_03 .contact_cicle02 span{background: none;border: 1px dashed #9e76e6;} .about_03 .contact_cicle02 i{width: 40px;height: 40px;background: url(../images/address.png) no-repeat center center;background-size: 100% 100%; -webkit-animation: none;animation: none; margin-top: -10px; margin-left: 2px; } .about_03 .contact_cicle02 i b{display:none;} .about_03 .contact_list li.on .contact_cicle01{display: none;} .about_03 .contact_list li:nth-child(1) .contact_box{left:-420px; } .about_03 .contact_list li:nth-child(1) .c_arrow{left:auto;right: -24px;border: 12px dashed transparent;border-left: 12px solid #fff;} .contact_map .contact_list .city_name{width: 50px;text-align: center;position: absolute;left: 50%;bottom: -24px; margin-left: -25px;line-height: 24px; z-index: 2;} .about_03 .contact_list li:nth-child(4) .city_name{margin-left: -15px;bottom: -22px;} .about_03 .contact_list li:nth-child(2) .city_name,.about_03 .contact_list li:nth-child(3) .city_name,.about_03 .contact_list li:nth-child(6) .city_name{bottom: auto;top:-24px;} .contact_map .contact_list li.on .city_name{top: auto;bottom:-25px;} .contact_map .contact_list li.on.on:nth-child(2) .city_name,.contact_map .contact_list li.on.on:nth-child(3) .city_name{bottom: auto;top:-45px;} /*map*/ .contact_title .contact_p {padding-top: 20px; line-height: 30px;} .about_04{overflow: hidden;background:#efefef;padding: 135px 0 200px 0;position: relative;} .about_04 .about_line{margin-bottom: 50px;} .about_04 .wrap_1440{overflow: hidden;position: relative;z-index: 2;} .about_04 .left{float: left;width: 36.1%;} .about_04 .right{float: right;width: 61.5%;padding-top: 55px;} .about_04 .right dl{overflow: hidden;background: #fff;position: relative;} .about_04 .right dt{float:right;width: 56%;} .about_04 .right dd{float:left;width: 44%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%; } .about_04 .right .p_01{padding: 20px 50px;} .about_04 .right .p_01 h3{margin-bottom: 10px;} .a_bg02{width: 50%;height: 100%;position: absolute;top:0;right: 0;background: url(../images/about_bg.jpg) no-repeat center center;background-size: cover;} .about_05{padding: 70px 0 100px 0;} @media only screen and (max-width:1440px) { .about_04{padding: 100px 0;} .about_04 .right .p_01{padding: 20px 30px;} } @media only screen and (max-width:1366px) { .about_04{padding: 70px 0;} .about_02 li dl{padding-right: 100px; background: url(../images/c_line.png) no-repeat right 70px center;} .about_02{padding: 60px 30px;} } @media only screen and (max-width:1024px) { .about_04{padding: 50px 0;} .about_line{width: 50px;} .about_01 .about_line{margin: 20px 0;} .about_01{padding:50px 0;padding-bottom: 90px;} .about_02{padding: 10px 0;} .about_02 li dl{padding: 0;background: none;} .about_02 li{float: none;width: 100% !important;padding: 20px;border-bottom:1px solid #eee;} .about_02 li:last-child{border:0;} .about_01 .right{padding-top: 0;} .contact_title .contact_p{padding-top: 10px;} .about_02{margin-bottom: 50px;} .about_04 .about_line{margin-bottom: 30px;} .about_04 .right{padding-top: 35px;} .about_04 .right .p_01 h3{font-size: 20px;} .contact_map .contact_list .city_name{display: none;} .about_03 .contact_cicle02 i b{display:block;color: #7733e1;font-size: 26px;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .about_03 .contact_cicle02 i{background: none;} } @media only screen and (max-width:767px) { .about_01 .left,.about_01 .right{float: none;width: 100%;margin: auto; padding: 30px 5%;} .about_01 .right{ background: #f6f6f6;} .a_bg01{display: none;} .about_01{padding: 0; margin-bottom: 30px;} .about_02{margin-top: 0;margin-bottom: 30px;} .about_01 h2{margin-bottom: 10px;} .about_01 .wrap_1440{width: 100%;} .about_03 .map_phone .contact_list li, .about_03 .map_phone .contact_cicle01{ width: 100%;height: auto;} .map_phone .city_name{display: none;} .about_04 .about_line{margin-bottom: 20px;} .about_04 .left,.about_04 .right{float: none;width: 100%;} .about_04 .left{margin-bottom: 20px;} .about_04 .right{ padding: 30px; background: url(../images/about_bg.jpg) no-repeat center center; background-size: cover;padding: 20px;} .a_bg02{display: none;} .about_04 .right dt,.about_04 .right dd{float: none;width: 100%;} .about_04 .right dd{transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); position:static;} .about_04 .right .p_01{padding: 20px;} .about_04{padding: 30px 0;} .about_03 .contact_list li, .about_03 .contact_cicle01,.contact_cicle01,.contact_list li{width: 10px;height: 10px;} .contact_cicle01{border-width: 2px;} } /*鍙戝睍鍘嗙▼*/ .his-top{position: relative;padding: 0 70px;} .his_grid{width: 100%;height: 4px;background:#000000;position: absolute;left: 0;bottom: 0;} .his-top li{text-align: center;cursor: pointer;font-weight: bold;} .his-top li .his_year{height: 50px; display: block; position: relative; } .his-top li.on{color: #7733e1;} .his-top li.on .his_grid{background: #7733e1;} .but_pub div{ width:34px; height: 34px; line-height: 34px; text-align: center; left:0;top:30px; margin-top:0;background:none; border-radius: 100%; font-size:30px; color:#1e1e1e;} .but_pub .swiper-button-prev{left: 0;} .but_pub .swiper-button-next{right: 0;left: auto;} .but_pub .swiper-button-prev.swiper-button-disabled,.but_pub .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;} .but_pub .swiper-button-prev.disabled,.but_pub .swiper-button-next.disabled{color: #b1b1b1; cursor: default;} .his-cons{text-align: center; padding-bottom: 60px;position: relative;} .his-cons h4{color: #7733e1;margin-bottom: 20px;font-weight: bold;} .his-cons li{display: none;} .his-cons li:first-child{display: block;} .his-cons li.on{display: block;} @media only screen and (max-width:1024px) { .about_05{padding: 50px 0;} .his-cons h4{margin-bottom: 10px;} .his-cons{padding-bottom: 40px;} .his-top{padding: 0 40px;} .his_grid{height: 2px;} .his-top li .his_year{line-height: 50px;} .but_pub div{font-weight: bold;font-size: 24px;} } @media only screen and (max-width:767px) { .his_year{font-size: 16px;} .his-cons{padding-bottom: 20px;} .about_05{padding-top: 30px;} } .about_06{padding: 60px 0 40px 0;position: relative;} .a_bg03{position: absolute;top:0; left: 0;width: 50%;height: 100%;background: #e7eaef;} .about_06 .wrap_1440{overflow: hidden;position: relative;z-index: 2;} .about_tab ul{overflow: hidden;padding-left: 10px;} .about_tab li{float: left;width: 210px;height: 40px;line-height: 40px;position: relative;text-align: center;} .about_tab li a{display: block;position: relative;z-index: 2;} .about_tab li::after {content: "";background-color: rgb(0, 0, 0);transform: skewX(-25deg);z-index:1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: none;} .about_tab li.on::after{display: block;} .about_tab li.on a{color: #fff;} .about_slider{position: relative;} .line_30{height: 3px;width: 33px;background: #000;margin-bottom: 20px;} .about_slider li{width: 570px;} .about_slider dl{overflow: hidden;padding: 20px 60px 30px 30px;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .about_slider dt{float: right;width: 63.5%;} .about_slider dd{float: left;width: 34.5%;} .about_slider dd h3{line-height: 48px;margin-bottom: 15px;padding-top: 50px;} .about_slider .swiper-container{padding: 60px 0;padding-left: 12.5%;} .about_slider .but_pub div{top:50%;margin-top:-17px;} .about_slider .but_pub .swiper-button-prev{left: 4%;} .about_slider .but_pub .swiper-button-next{right: 4%;} .about_slider .but_pub .swiper-button-disabled{ color: #b1b1b1;} .about_jb{width: 341px;height: 100%;background: url(../images/about_jb.png) no-repeat 0 center;background-size: 100% 100%;position: absolute;top:0;right: 0;z-index: 2;} .about_slider .swiper-pagination{position: absolute;width: 50%;right: 0;bottom: 0;text-align: left;box-sizing:border-box;padding: 0 80px;display: none; } .about_slider .swiper-pagination span{border-radius: 0;width: 107px;height: 3px;background: #dbdbdb;opacity: 1;margin-right: 5px;} .about_slider .swiper-pagination span.swiper-pagination-bullet-active{background: #000;} @media only screen and (max-width:1660px) { .about_slider li{width: 520px;} .about_slider .swiper-container{padding-left: 5.6%;} .about_slider .but_pub .swiper-button-prev{left: 20px;} .about_slider .but_pub .swiper-button-next{right: 20px;} } @media only screen and (max-width:1520px) { .about_slider li{width: 460px;} } @media only screen and (max-width:1440px) { .about_slider li{width: 440px;} .about_slider dl{padding: 20px 30px;} .about_slider .swiper-pagination{padding: 0 40px;} .about_slider .swiper-pagination span{width: 80px;} .about_02 li dt{margin-bottom: 10px;} } @media only screen and (max-width:1366px) { .about_slider li{width: 400px;} } @media only screen and (max-width:1280px) { .about_slider li{width: 360px;} } @media only screen and (max-width:1024px) { .swiper_slider{width: 90%;overflow: hidden;margin: auto;} .about_slider .swiper-container{padding:30px 0px;} .about_jb{display: none;} .about_tab li{width: 150px;} .a_bg03{display: none;} .about_06{background: #e7eaef;} .about_slider .swiper-pagination{display: none !important;} .about_02 li dt{font-size: 18px;} } @media only screen and (max-width:767px) { .about_tab li{width: 33.33%;} .about_slider dl{box-shadow:none;border: 1px solid #eee;} .about_slider .swiper-container{padding:20px 0;} .about_slider .but_pub .swiper-button-prev{left: 0;} .about_slider .but_pub .swiper-button-next{right: 0;} .about_slider{padding: 0 35px;} .swiper_slider{width: 100%;} .about_slider dt,.about_slider dd{float: none;width: 100%;box-sizing:border-box;} .about_slider dd h3{padding-top:20px;line-height: 20px;} .line_30{width: 24px;height: 2px;margin-bottom: 10px;} .about_slider dl{padding: 20px;padding-bottom: 30px;} .about_06{padding: 30px 0;} } @media only screen and (min-width:1025px) { .news_list li,.n_line,.newz_d_list 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;} .news_list li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);} .news_list li:hover .news_more{display: block;} .newz_d_list li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .newz_d_list li:hover .n_line,.news_list li:hover .n_line{width: 100%} .news_list li:hover .date{ background:#7733E1; color:#fff; border:1px solid #7733E1;} .news_list li:hover .date::after{background: url(../images/dot03_on.png) no-repeat;} .tel_a a:hover{color:#666666 !important;cursor: default;} .contact_form .index-part04 .mm .more a:hover{opacity: 0.8} .about_tab li.on a:hover{color: #fff !important;} } .contact_map img{width: 100%;} .contact_01 { padding-bottom: 20px; } .new_contact_title{margin-bottom: 30px;} .contact_newadd { padding: 0 35px; margin-bottom: 70px; overflow: hidden;; } .contact_newadd::before{content: "";display: block;width: 100%;height: 2px; background: #7735e1; background-image: -moz-linear-gradient(to right,#7735e1,#12b0f7); background-image: -webkit-linear-gradient(to right,#7735e1,#12b0f7); background-image: -ms-linear-gradient(to right,#7735e1,#12b0f7); background-image: -o-linear-gradient(to right,#7735e1,#12b0f7); background-image: linear-gradient(to right,#7735e1,#12b0f7); } .contact_newadd li{float: left;width: 32%;margin-right:2%;} .contact_newadd li h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contact_newadd li:nth-child(3n){margin-right: 0;} .contact_newadd dl{padding: 40px 40px 20px;border-bottom: 2px solid #eeeeee;} .contact_newadd dl dd{height: 42px;} .contact_newadd .contact_title{margin-top: 60px;} @media only screen and (max-width: 1560px){ .contact_newadd dl{padding: 30px 30px 20px;} } @media only screen and (max-width: 1440px){ .contact_title { margin-bottom: 20px; } } @media only screen and (max-width: 1024px){ .contact_newadd li{width: 49%;} .contact_newadd li:nth-child(3n){margin-right: 2%;} .contact_newadd li:nth-child(2n){margin-right: 0;} .contact_newadd dl{padding: 20px;} .contact_newadd .contact_title{margin-top: 40px;} } @media only screen and (max-width: 767px){ .contact_newadd{padding: 0;} .contact_newadd li{width: 100%;margin-right: 0!important;} .contact_newadd dl dd{height: auto;} .contact_newadd .contact_title{margin-top: 30px;} } .team_list .about_tab{text-align:center;} .team_list .about_tab ul{display:inline-block;overflow:inherit;} .team_list .about_tab li{margin-bottom:30px;} .newTeam_txt{text-align:center;margin-bottom:40px;} .newTeam_txt p{text-align:center;} .team_list>ul{text-align:center;font-size:0;} .team_list>ul>li{display:inline-block;float:none;} .team_list>ul.jstd{text-align:left;} @media only screen and (max-width: 767px){ .team_list .about_tab li{width:100px;margin-bottom:10px;} .newTeam_txt{margin-bottom:20px;} }