锘?* reset */ *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; } body { line-height: 1.5 } a { text-decoration: none;-webkit-tap-highlight-color:transparent } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:2; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-weight:bold } .edit_con_original h2 { font-weight:bold } .edit_con_original h3 { font-weight:bold } .edit_con_original h4 { font-weight:bold } .edit_con_original h5 {font-weight:bold } .edit_con_original h6 { font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} .edit_con_original video{ max-width:100%;display: block;margin:auto;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;} /*闅愯棌瑙嗛涓嬭浇鎸夐挳*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} /*涓ょ瀵归綈*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /*font-size*/ .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size: 20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px; } .fnt_36 { font-size:36px;} .fnt_48 { font-size: 48px;} .fnt_60 {font-size: 60px;} .fnt_88 {font-size: 88px;} .fnt_120 { font-size: 120px;} @media only screen and (max-width:1280px) { .fnt_36 { font-size:30px;} .fnt_48 { font-size: 34px;} } @media only screen and (max-width:1024px) { /*.fnt_18 { font-size:16px;} .fnt_20 { font-size:18px;} .fnt_22 { font-size:18px;} .fnt_24 { font-size:20px;} .fnt_30 { font-size:24px;}*/ /*.fnt_36 { font-size:30px;} .fnt_48 { font-size: 36px;}*/ /*.fnt_36 { font-size:26px;} .fnt_48 { font-size: 30px;}*/ } @media only screen and (max-width:1024px) { .fnt_18 { font-size:16px;} .fnt_20 { font-size:18px;} .fnt_22 { font-size:18px;} .fnt_24 { font-size:18px;} .fnt_30 { font-size:18px;} /*.fnt_36 { font-size:30px;} .fnt_48 { font-size: 36px;}*/ .fnt_36 { font-size:20px;} .fnt_48 { font-size:24px;} } @media only screen and (max-width:767px) { .fnt_18 { font-size:14px;} .fnt_20 { font-size:16px;} .fnt_22 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_30 { font-size:16px;} .fnt_36 { font-size:18px;} .fnt_48 { font-size: 24px;} } body,a{color: #333;} /**/ .wrap_out{width: 1440px;margin: auto;} .wrap{width: 1280px;margin: auto;} .ratio-img,.ratio-img img{width: 100%;} .swiper-pagination-bullet{opacity: 1 !important;} .news_time{font-family: "Arial";color: #fff;background: #f8b61c;width: 68px;height: 68px;text-align: center;} .news_time span{display: block;line-height: 36px;padding-top: 8px;} .time_span{font-family: "Arial";color:#bbbbbb;font-size: 14px;} .blank_30,.blank_35,.blank_20,.blank_10,.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .blank_50{background: rgba(0,0,0,0.5);} .blank_35{background: rgba(0,0,0,0.35);} .blank_30{background: rgba(0,0,0,0.3);} .blank_20{background: rgba(0,0,0,0.2);} .blank_10{background: rgba(0,0,0,0.1);} @media only screen and (max-width:1470px) { .wrap_out{width: 94%;} } @media only screen and (max-width:1320px) { .wrap{width: 94%;} } .header{/*padding-top: 24px;*/height: 90px;position: fixed;top:0;left:0;width: 100%;z-index: 9999;background: #fff;} .height_height{height: 90px;} .header h1{float: left;padding-top: 15px;width: 160px;} .header h1 a{display: block;} .header h1 img{width: 100%; } .header h1 span{ display: block;text-align: right; margin-top:5px; font-size: 15px; color:#10377A;} .header .nav{float: right;margin-right: 95px;} .header .nav>ul>li{float: left;font-size: 18px;margin: 0 10px;line-height: 90px;position: relative;} .header .nav>ul>li>a{color:#3e4259;padding: 0 14px;display: block;position: relative;} .header .nav>ul>li>a>i{position: absolute;height: 5px;background: #20a8e6;left:0%;bottom: 0;width: 0;} .header .nav>ul>li.on>a>i{width: 100%;left: 0;} .header_right{float: right;padding-top: 32px;} /*.header_right .language{position: relative;} .header_right .language dt{cursor: pointer;} .header_right .language dd{position: absolute;top:30px;left:50%;width:50px;margin-left: -25px; background: #fff;text-align: center; border: 1px solid #ccc;padding: 5px 0;display: none;} .header_right .language dd a{display: block; line-height: 24px;}*/ .header_right .language dt{display: none;} .header_right .language dd a{padding: 0 5px;display: inline-block; line-height: 30px;} .header_right .language,.header_right .search_btn{float: left;} .header_right .search_btn{margin-left: 28px;cursor: pointer;} .header .wrap_out{position: relative;} .search_wrap{position: absolute;top:72px;right: 0;background: #fff;padding:5px 10px; overflow: hidden; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px); visibility: hidden; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; border:1px solid #ccc;width:210px; } .search_wrap.on{ transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .search_wrap input,.search_wrap button{border: 0;background:#fff;outline: none;height: 22px;line-height: 22px;float: left;} .search_wrap button{width: 22px;} .search_wrap button img{width: 22px;} .search_wrap input{width:186px} @media only screen and (min-width:1025px) { .header,.header h1{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .header{ height:80px;} .scrollHeader .height_height{height:80px;} .scrollHeader .header{ box-shadow: 0px 0px 5px #555;} .scrollHeader .header h1{padding-top:10px;} .scrollHeader .header h1 span{margin-top:2px;} .scrollHeader .header .nav>ul>li{ line-height: 80px;} .scrollHeader .nav_list{ top:80px;} } /*navlist*/ .header .nav>ul>li>span{display: none;} .nav_list{ background:transparent;font-size: 16px;position: absolute;top:90px;left:50%;margin-left:-115px; width:230px;padding:10px 0;padding-bottom: 0; visibility: hidden;opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px); } .nav_list{ visibility: hidden;opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px); } .header .nav>ul>li.current .nav_list{ visibility: visible;opacity: 1; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } .nav_list_p:before{content:"";position: absolute;left: 50%;top:-10px; width: 0;height: 0;overflow: hidden;margin: 0 0 0 -10px;border: 10px dashed transparent;border-bottom: 10px solid #fff} .nav_list p{line-height: 36px;padding: 0 20px;margin-bottom: 10px;} .nav_list p a{display: inline-block;text-align: center;} .return_btn{display: none;} .index_banner li a{display: block;position: relative;} .index_banner li .banner_text{position: absolute;top:0;left:0;width: 100%;height: 100%;color: #fff;z-index: 2;} .index_banner .blank_20{display: none;} .index_banner li h1{margin-bottom: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_banner li p{line-height: 1.5em;max-height: 3em;overflow: hidden;} .banner_p{width: 55%;padding-top:9%;} .banner_right .banner_p{float: right;} .index_banner .but{display: none;} .index_banner .swiper-pagination-bullet{width: 14px;height: 14px;background: url(../images/banner_cicle.png) no-repeat center center;} .index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/banner_cicle_on.png) no-repeat center center;} .index_banner .swiper-container-horizontal>.swiper-pagination-bullets,.index_banner .swiper-pagination-custom,.index_banner .swiper-pagination-fraction{ bottom: 30px; } .index_banner li h1,.index_banner li p{ transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;-ms-transition:all 1.2s; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; } .index_banner li h1{-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);-o-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);} .index_banner li p{-webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} .index_banner li.swiper-slide-active h1,.index_banner li.swiper-slide-active p{ -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .index_01{background: #f7f7f7;padding: 90px 0;overflow: hidden;} .index_01 .left{float: left;width: 575px;} .index_01 .left a{display: block;position: relative;} .index_news_p .news_time{margin-bottom: 20px;} .index_news_p{position: absolute;left: 0;bottom: 0; padding: 25px 35px;color: #fff;z-index:2;width: 100%;box-sizing: border-box;} .index_news_p h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;} .gradual_bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%; background:url(../images/gradual_bg.png) 0 bottom repeat-x;} .index_01 .right{width: calc(100% - 632px);float: right;border-left: 1px solid #dcdcdc;} .more_01{margin-top: 15px;} .more_01 a{display:block;width: 84px;height: 24px;line-height: 24px;text-align: center;background: #cbcbcb;color: #fff;} .index_news{padding-left: 55px;} .news_t{border-bottom: 1px solid #d8dee3;padding-bottom: 20px;margin-bottom: 12px;} .news_t h3{overflow: hidden;line-height: 30px;margin-bottom: 20px;} .news_t h3 a{display: block;float: left;width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_t h3 span{float: right;} .news_t p{color: #777777;line-height: 1.4em;max-height: 2.8em;overflow: hidden;} .news_b li{overflow: hidden;line-height: 36px;} .news_b li p{float: left;width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_b li span{float: right;} .index_02{padding-top: 80px;} .index_02 h1{text-align: center;margin-bottom: 40px;} .core_tab{text-align: center;} .core_tab ul{display: inline-block;} .bg_scale{width: 100%;height: 100%;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;} .core_tab ul li{width: 295px;float: left;position: relative;} .core_tab ul li dl{border-right: 1px solid #d4d4d4;padding: 28px 0 18px 0;position: relative;z-index: 2; box-sizing: border-box;} .core_tab ul li:first-child dl{border-left: 1px solid #d4d4d4;} .core_tab dt{width: 68px;height: 68px;margin: auto;position: relative;overflow: hidden;margin-bottom: 25px;} .core_tab dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .core_tab dt .image02{top:100%;} .core_tab dd{color: #2b2b2b;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight: bold;} .core_tab .line03{height: 6px;background: #f8b61c;position: absolute;left: 0;bottom: 0;width: 100%;} .core_tab ul li.on{position: relative;z-index: 2;} .core_tab ul li.on .bg_scale{transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);-moz-:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3); opacity: 1;} .core_tab ul li.on dl{border: 0;} .core_tab ul li.on dt .image01{top:100%;} .core_tab ul li.on dt .image02{top:0;} .core_box{margin-top: -8px;} .core_box .wrap{position: relative;z-index:2;overflow: hidden;} .core_box .blank_35{height: 99.5%;} .core_box li{padding: 180px 0 130px 0;position: relative;color: #fff;display: none;position: relative;} .core_box li .left{width: 48%;float: left;} .core_box li .left h3{line-height: 1.3em;max-height: 2.6em;overflow:hidden; color: #f8b61c;margin-bottom: 25px;} .core_box li .left p{line-height: 1.6em;max-height: 4.8em;overflow: hidden;} .core_box li video{position: absolute;top:0;left: 0;width: 100%;height: 100%; background: #000; object-fit: cover;} .core_num{font-weight: bold;line-height: 100px;height: 100px;} .core_num i{font-family: "Arial";color: #f8b61c;font-weight: bold;font-size: 100px;} .core_box li .right{width:415px;float: right;margin-right: 11%;position: relative;padding: 30px 38px;} .core_box li .right p{font-weight: bold;} .core_box li .right .line01 span{position: absolute;top:0;left: 0;} .core_box li .right .line01 span:first-child{width: 44px;height: 7px;background: #fff;} .core_box li .right .line01 span:last-child{width: 7px;height: 38px;background: #fff;top:7px;} .core_box li .right .line02 span{position: absolute;bottom:0;right: 0;opacity: 0.4} .core_box li .right .line02 span:first-child{width: 44px;height: 7px;background: #fff;} .core_box li .right .line02 span:last-child{width: 7px;height: 38px;background: #fff;bottom:7px;} .core_box li.on{display: block;} .index_03{overflow: hidden;color: #fff;padding: 95px 0 80px 0;} .index_03 .left,.index_03 .right{width: 50%;height: 100%; *margin-left: -1px;float: left;} .index_03 .left{background:#225098 url(../images/index_bg.jpg) no-repeat center center;background-size: cover;position: relative;} .index_intr{padding: 20px 105px 20px 75px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;width: 100%; box-sizing: border-box;} .index_intr h3{margin-bottom: 9%;} .index_intr p{line-height: 1.7em;max-height: 11.2em;overflow: hidden;} .index_03 .right a{position: relative;} .index_03 .right p{line-height: 1.6em;position: absolute;left: 0;bottom:60px;color: #fff;text-align: center;padding:0 20px; box-sizing: border-box;width: 100%;z-index: 2;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ left:50%; margin-left: -500px; top:22%; position:absolute; height:60%; width:1000px; z-index:2; background:#000;} .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:15%; right:50%; margin-right: -500px; cursor:pointer; z-index: 99999;} .video_bf{width: 93px;position: absolute;margin: auto;top:40%;left: 50%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);z-index: 2;} .video_bf img{width: 100%;} .more_02 a{display: inline-block;border: 1px solid rgba(255,255,255,0.52);background:none;} .more_02{margin-top: 12%;} @media only screen and (max-width:1200px) { .video_appbox .video_t{width: 90%;margin-left: -45%;} .vide0_close{margin-right:0;right: 5%;} } .index_04{overflow: hidden;background: #f7f7f7;margin-bottom: 88px;} .index_04 .left .invest_int{padding: 45px;padding-bottom: 35px;} .index_04 .left,.index_04 .right{float: left;width: 50%;*margin-left: -1px;height: 265px;position:relative;overflow: hidden;} .index_04 .right a{display:block;width: 100;height: 100%;} .invest_bgimg{width: 100%;height: 100%;position: absolute;top:0;left: 0;} .index_04 .right .blank_20{z-index: 2;} .invest_t {border-bottom: 1px solid #dadada;padding-bottom: 20px;margin-bottom: 20px;} .invest_t h3{overflow: hidden;line-height: 24px;margin-bottom: 20px;} .invest_t h3 a{float: left; max-width: calc(100% - 100px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .invest_t h3 span{float: left;margin-left: 20px;} .invest_t p{line-height: 1.3em;height: 2.6em;overflow: hidden; color: #777777;} .invest_b li{line-height: 1.7em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .invest_stock{color: #fff;position: relative;z-index: 2;padding:60px 85px;} .invest_stock h3{line-height: 30px;margin-bottom: 60px;} .invest_stock h3 img{margin-right: 15px;} .invest_stock em{font-size: 12px;} .stock_p{overflow: hidden;line-height: 40px;} .stock_p b{color: #ff0000;position: relative;padding-right: 20px;margin-right: 20px;} .stock_p b,.stock_p em{font-family: "Arial";} .stock_p b span{position: absolute;bottom:10px;right:0;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -6px;border: 6px dashed transparent;border-bottom: 6px solid #ff0000} .stock_p i{margin-right: 10px;} .stock_p b.green{color:green;} .stock_p b.green span{border: 6px dashed transparent;border-top: 6px solid green} .footer_top{overflow: hidden;padding: 40px 0;} .footer_top .left{float: left;width: 50%;} .footer_top .left dl{overflow: hidden;} .footer_top .left dt{width: 187px;float: left;} .footer_top .left dt img{width: 100%;} .footer_top .left dd{color: #777777;width: calc(100% - 270px);float: right;border-left: 1px solid #d3d3d3;padding-left: 40px;} .footer_top .left h3{font-family: "Arial";font-weight: bold;} .footer_top .left h3 a{color: #777777;margin-right: 20px;} .footer_p{line-height: 1.7em;} .footer_top .right{float: right;width: 50%;*margin-left: -1px;overflow: hidden;} .footer_top .right ul{overflow: hidden;} .footer_top .right li a{display: block;color: #343434;} .footer_top .right li{width: 50%;*margin-left: -1px;float: left;text-align: center;} .footer_top .right dl{height: 60px;line-height: 60px;border: 1px solid #dadada;margin-left: -1px;padding: 0 10px;} .footer_top .right li:first-child dl{margin-left: 0;} /*.footer_top .right dl dt{display: inline-block;width: 36px;margin-right: 15px;} */.footer_top .right dl dd img{width:36px; vertical-align: middle;margin-top: -10px;} .footer_top .right dl dd{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .footer_top .right dl dd span{color: #008ac8;margin-right: 10px;margin-left: 15px;} .footer_bottom{background:#535353;padding:30px 0 90px 0;color: #fff;overflow: hidden;} .footer_bottom a{color: #fff;} .footer_bottom .p01{margin-bottom: 10px;color: #b6b6b6;} .footer_bottom .p01 em{margin: 0 10px;} .footer_bottom .p02,.footer_bottom .p02 a{color: #b6b6b6;} .footer_bottom .p02 .bah{padding:0 15px;} .footer_bottom .p02 .bah02{padding-right:15px;} .footer_bottom .p02 .bah02 img{margin-right:5px;} .footer_bottom .left{float: left;width: 80%;} .footer_bottom .right{float: right;} .bdsharebuttonbox>a { display: block; float: left; background-position: left top !important; width: 31px !important; height: 31px !important; margin: 0px 0 0 18px !important;padding:0 !important; } /*nav涓嬫媺鍙?/ .nav_list_p.wrap{width: 100%;background: #fff;padding: 10px 0;} .nav_list p a{position: relative;} .nav_list p a:after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;background:#333;width:15px;} @media only screen and (min-width:1025px) { .nav_list p a:after,.header h1 img{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .scrollHeader .header h1 img{transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9);-moz-:scale(0.9,0.9);-o-transform:scale(0.9,0.9);-ms-transform:scale(0.9,0.9);} .header .nav>ul>li:hover>a>i{left: 0;width: 100%;} .nav_list p a:hover:after{width: 100%;background:#20a8e6;} } /*nav涓嬫媺鍙?/ @media only screen and (max-width:1660px) { .fnt_88{font-size: 74px;} } @media only screen and (max-width:1500px) { .header .nav{margin-right: 40px;} .fnt_88{font-size: 68px;} } @media only screen and (max-width:1440px) { .header .nav{margin-right: 20px;} .header .nav>ul>li{margin: 0 8px;} } @media only screen and (max-width:1400px) { .header .nav>ul>li{margin: 0 5px;} } @media only screen and (max-width:1366px) { .footer_bottom{padding-bottom: 50px;} .index_news{padding-left: 30px;} .index_01 .right{width: calc(100% - 610px);} .footer_top .left dd{padding-left: 20px;width: calc(100% - 230px)} .footer_top .left h3 a{margin-right: 10px;} .core_tab ul li{width: 220px;} .core_tab dt{margin-bottom: 10px;} } @media only screen and (max-width:1320px) { .header .nav>ul>li>a{padding: 0 8px;} .fnt_88{font-size: 50px;} .core_box li .right{margin-right: 5%;} .core_num i{font-size: 80px;} } @media only screen and (max-width:1280px) { .index_01{padding: 50px 0;} .index_02{padding-top: 50px;} .index_03{padding: 50px 0;} .index_04{margin-bottom: 50px;} .header .nav>ul>li{font-size: 16px;} .header .nav>ul>li{margin: 0 8px;} .index_01 .left{width:500px;} .index_01 .right{width: calc(100% - 530px);} .news_t h3{margin-bottom: 10px;} .news_t{padding-bottom: 15px;} .news_b li{line-height: 32px;} .news_time span{font-size: 28px;line-height: 28px;} .news_time{width: 60px;height: 60px;} .index_news_p{padding: 20px;} .index_intr{padding: 20px 40px;} .index_intr h3{margin-bottom: 10px;} .more_02{margin-top: 20px;} .invest_stock{padding: 50px 30px;} .stock_p b{font-size: 30px;margin-right: 10px;} } @media only screen and (max-width:1250px) { .core_box li .right{width:41%;margin-right: 0;} .header h1{ position: relative;} .header h1 span{ position: absolute; left:180px; top:10px; width:150px; text-align: left; font-size: 12px;} .header .nav{margin-right: 20px;} .header .nav>ul>li{margin: 0 4px;} .header_right .search_btn{margin-left: 20px;} .footer_top .left h3 a{display: block;margin-right: 0;} .footer_top .left dt{width: 160px;} .footer_top .left dd{width: calc(100% - 200px);} } @media only screen and (max-width:1150px) { .header .nav>ul>li{margin: 0 0px;} .header .nav>ul>li>a{padding:0 8px;} } .nav_phone_btn{display:none;} @media only screen and (max-width:1024px) { .core_box li video{display: none;} .fnt_88{font-size: 36px;} .banner_p{width: 70%;} .index_banner li h1{margin-bottom: 0;} .index_banner li p{font-size: 16px;} .index_banner .swiper-container-horizontal>.swiper-pagination-bullets, .index_banner .swiper-pagination-custom, .index_banner .swiper-pagination-fraction{bottom: 10px;} .core_tab ul li{width: 210px;} .core_tab ul li dl{padding: 20px 0;} .core_tab dt{margin-bottom: 10px;} .core_tab dt{width: 50px;height: 50px;} .core_tab dd{font-weight: normal;} .core_box li .left,.core_box li .right{float: none;width: 100%; box-sizing: border-box;} .core_box li .left{margin-bottom: 30px;} .core_box li{padding: 100px 0;} .index_intr{padding: 20px;} .video_bf {top:35%; width: 60px;} .index_03 .right p{bottom: 40px;} .invest_stock h3{margin-bottom: 40px;} .index_04 .left .invest_int{padding: 30px;} .index_04 .left, .index_04 .right{height: 250px;} .invest_stock{padding-top: 70px;} .invest_stock h3{margin-bottom: 25px;} .core_num i{font-size: 60px;} .news_b li p{ width: calc(100% - 80px);} /*鎵嬫満瀵艰埅鎸夐挳寮€濮?/ .nav_phone_btn{float:right;margin-top:8px;display: block;cursor: pointer; height: 32px;position: relative;z-index: 9;} .body_nav_phone .nav_phone_btn{text-align: left; background: #fff;} .nav_phone_btn span {position: relative;font-size: 0;width:26px;height: 2px;background-color: #20a8e6;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out; top:0px;} .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #20a8e6;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;} .nav_phone_btn span:before{top:-9px;} .nav_phone_btn span:after{top:9px;} .visible_nav.nav_phone_btn span{background-color: transparent;} .visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);} .visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);} .nav_phone_btn.visible_nav{background:#fff;width: 34px;} /*鎵嬫満鎸夐挳缁撴潫*/ /*header*/ .header .nav{margin-right: 0;} .header_re{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .header_re{position: fixed;top:0;right: -300px;height: 100%;background: #20a8e6;width: 300px;} .header .nav>ul>li{float: none;font-size: 14px;} .header .nav>ul>li>a{padding: 0 20px;color: #fff;width: calc(100% - 50px); float: left; box-sizing: border-box;} .header .nav>ul>li{line-height: 36px;} .header_right,.header .nav{float: none;} .header_right{overflow: hidden;} .header h1{width: 130px;padding-top: 5px;} .header{padding: 10px 0;height:45px;} .height_height{height: 65px;} .navbody .header_re{right: 0;} .header_right .language dt{display:none} .header_right .language dd{display: block !important;position: static;border: 0;padding: 0;background: none;width: 100%;margin: 0;overflow: hidden;} .header_right .language dd a{color: #fff;float: left;margin-left: 20px;line-height: 30px;} .header_right .search_btn{display: none;} .search_wrap{ transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;position: static;clear: both;margin:6px 0; margin-left: 20px; } .header_right{padding-top: 18px;} .header_right .language{float: none;} .search_wrap{width: 246px;} .search_wrap input{ width: calc(100% - 30px);} .search_wrap button{float: right;} .nav_list{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .header .nav>ul>li{position: static;overflow: hidden;} .header .nav>ul>li>span{display: block;float: right;height: 36px;width: 30px;background: url(../images/next.png) no-repeat center center;margin-right: 20px;cursor: pointer;background-size: 10px;} .nav_list{display: block;top:auto; bottom:0;left: auto; right:-300px;margin: 0;width: 100%; height: calc(100% - 88px); background: #20a8e6;color: #fff; z-index: 9; box-sizing: border-box;} .nav_list p a{text-align: left;padding:0 20px;color: #fff;} .header .nav>ul>li.cur .nav_list{right: 0;} .return_btn{display: block;} .return_btn a{display: block;padding: 0 20px;color: #fff;} .nav_list{font-size: 14px;} /*header*/ /*.index_01 .left{width:400px;} .index_01 .right{height: 374px;width: calc(100% - 430px);} .news_t h3{margin-bottom: 10px;} .news_t{padding-bottom: 15px;} .news_b li{line-height: 32px;}*/ .index_04{margin-bottom: 20px;} .index_news_p .news_time{margin-bottom: 10px;} .footer_top .left,.footer_top .right{float: none;width: 100%;} .footer_top .left h3{overflow:hidden;} .footer_top .left h3 a{float: left;margin-right: 10px;} .footer_top .right{margin-top: 20px;} .footer_top{padding: 20px 0;} .nav_list p a{padding: 0; display: block;} .nav_list p{margin-bottom: 0;} .nav_list_p:before,.nav_list p a:after{display: none;} .nav_list_p.wrap{padding: 0;background: none} .header .nav>ul>li .nav_list{ visibility: visible;opacity: 1; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } } @media only screen and (max-width:900px) { .index_01 .left{width:100%;margin-bottom: 20px;} .index_01 .right{height:auto;width: 100%;border: 0;} .index_news{border: 0;padding-left: 0;} } @media only screen and (max-width:767px) { .wrap_100{width: 100%;} .index_01{padding: 20px 0;} .index_02{padding-top: 20px;} .index_03{padding: 20px 0;} .index_banner .blank_20{display:block;} .fnt_88{font-size: 20px;} .banner_p{width:100%;} .banner_right .banner_p{float: none;} .banner_out{height: auto !important;} .index_banner li p{font-size: 14px;} .index_banner li{height:200px;} .index_banner li img{display: none;} .index_03 .left, .index_03 .right{float: none;width: 100%;} .index_03{height: auto !important;} .index_intr{ position: static; transform: translate(0,0%); -webkit-transform: translate(0,0%); -ms-transform: translate(0,0%); -moz-transform: translate(0,0%); -o-transform: translate(0,0%); } .index_04 .left, .index_04 .right{float: none;width: 100%;height: auto;} .index_04 .left .invest_int{padding: 20px;} .invest_t h3{margin-bottom: 10px;} .invest_stock{padding: 40px 20px;} .invest_stock h3{margin-bottom:20px;} .stock_p b{font-size: 20px;padding-right: 15px;} .stock_p b .red{bottom: 6px;} .stock_p{line-height: inherit;} .stock_p b,.stock_p i{margin-right: 5px;} .video_bf{width: 50px;top:50%;margin-top: -17px;} .index_03 .right p{bottom: 10px;} .core_tab ul li{width: 33.33%;float: left;} .core_tab ul{display: block; overflow: hidden;} .core_tab ul li.on{position: relative;z-index: 2;} .core_tab ul li.on dl{ border-right: 1px solid #d4d4d4; } .core_tab ul li:first-child dl{border-left: 0;} .core_tab ul li:last-child dl{border-right: 0;} .core_tab ul li.on .bg_scale{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); opacity: 1; box-shadow: 0 0 16px -4px rgba(0,0,0,0);} .core_box{margin-top: 0;} .core_tab .line03{height: 3px;} .core_box li{padding: 40px 0;} .core_box li .right .line01 span:first-child{height: 3px;width: 20px;} .core_box li .right .line01 span:last-child{width: 3px;top:3px;height: 20px;} .core_box li .right .line02 span:first-child{height: 3px;width: 20px;} .core_box li .right .line02 span:last-child{width: 3px;bottom: 3px;height: 20px;} .core_box li .right{padding: 20px;} .core_num i{font-size: 40px;margin-right: 5px;} .core_num{height: inherit;line-height: 40px;} .core_box li .left h3{margin-bottom: 10px;} .footer_top .left dt,.footer_top .left dd{float: none;width: 100%;} .footer_top .left dt{width: 160px;margin: auto;} .footer_top .left dd{width: 100%;margin-left: 0;padding: 0;border: 0;padding-top: 20px;} .footer_bottom{padding: 30px 0;} .footer_top .right li{text-align: left;} .footer_top .right dl dd img{width: 24px; margin-top: -3px;} .footer_top .right dl dd span{margin: 0 5px;} .footer_top .right dl{height: 46px;line-height: 46px;} .footer_bottom .left,.footer_bottom .right{float: none;width: 100%;} .footer_bottom .right{margin-top: 20px;} .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{margin-left: 0 !important;margin-right: 10px !important;} .index_intr,.index_04 .left .invest_int{padding: 20px 3%;} .index_03 .right p{padding: 0 3%;} .invest_stock{padding: 40px 3%;} .index_02 h1{margin-bottom: 20px;} .footer_top .right li{width: 100%;margin-bottom: 10px;} .footer_top .right li:last-child{margin-bottom: 0;} .footer_top .right dl{margin-left: 0;} .index_news_p{padding: 20px 10px;} .core_box li video{display:none !important;} } @media only screen and (min-width:1024px) { a,.header .nav>ul>li>a>i,.bg_scale{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .invest_bgimg{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .core_tab ul li dt img{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} a:hover{color: #20a8e6 !important;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .more_01 a:hover{color: #fff !important;background: #20a8e6;} .core_tab ul li:hover{position: relative;z-index: 2;} .core_tab ul li:hover .bg_scale{transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);-moz-:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3); opacity: 1;} .core_tab ul li:hover dl{border: 0;} .core_tab ul li:hover dt .image01{top:100%;} .core_tab ul li:hover dt .image02{top:0;} .tel_link{cursor: default; } .tel_link:hover{color: #777777 !important;} .index_04 .right a:hover .invest_bgimg{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} } /*page*/ .pageout{text-align: center;padding-bottom: 5px; clear: both;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top:40px; color:#2d2d2d; height:30px; line-height:30px; } .page span{color:#2d2d2d; float: left; } .page span em{ } .page i{ float: left; margin: 0 20px;} .page a{float: left; width:30px; color: #666666; background: #ffffff; margin-left: -1px; font-family: "Arial";margin: 0 12px;} .page a.on{background:#20a8e6;color:#fff; } .page a.prev,.page a.next{margin: 0;} .page a.prev {background:url(../images/page_prev.png) center center no-repeat; text-indent:-10000px;margin-right: 42px;} .page a.next {background:url(../images/page_next.png) center center no-repeat; text-indent:-10000px;margin-left: 42px;} .page a.prev.no{opacity: 0.5} .page a.next.no{opacity: 0.5} .page a:first-child + a{} .page a.next{} .page a.go{margin-left:10px; width: 44px; background: #20a8e6; color: #fff;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:22px;height:26px; line-height:26px; padding: 0 5px; text-align:left;background:none;border: 1px solid #dddddd; margin: 0 6px;text-align: center;} .page span,.page a.go{display:none} @media only screen and (max-width:767px) { .page{padding-top: 20px;} .page a.prev, .page a.next{margin: 0;} .page a{display:none; font-weight: normal;} .page a.prev,.page a.next{display:block; display:inline-block;} .page i{margin:0 4px;display: none;} .page a.on,.page span,.page a.go{display: block;display: inline-block;} .page a{margin: 0 2px;} } /*page*/ /*network*/ .market_map>div{display: none;} .market_map>div:first-child{display: block;} .index_05{} .index_tab{text-align: center;height: 72px;overflow: hidden;border-top: 1px solid #999999;} .index_tab ul{display: inline-block;} .index_tab li{float: left;line-height: 72px;font-weight: bold;width: 210px;} .index_tab li a{display: block;position: relative;} .index_tab li em{ position: absolute;height: 6px;background: #f8b61c;left:-40px;bottom: 0; width: 100%;width: 290px; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;visibility: hidden; } .index_tab li.on em{ opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;visibility: visible; } .market_list li{position:absolute;width: 150px;} .m_img img:nth-child(2){display: none;} .market_list li.on .m_img img:nth-child(2){display: block;} .market_list li.on .m_img img:nth-child(1){display: none;} /*.market_cicle{position: absolute;}*/ .market_cicle img{width: 32px;position: relative;z-index: 2;cursor: pointer;} .market_cicle p{display: inline-block;background: #fff;line-height: 32px;padding: 0 22px;position: absolute;top: -20px;left:10px;cursor: pointer;} .market_box{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; background: #a9c743;color: #fff;width: 460px;position: absolute;left: 76px;top: -146px; z-index: 3; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;visibility: hidden; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px);-o-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7);-moz-:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7); } .market_list li.on{z-index: 9 !important;} .market_list li.on .market_box{ opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); } .market_box h3{line-height: 60px;border-bottom: 1px solid #bfd574;padding: 0 30px;font-weight: bold;} .market_p{padding: 20px 30px 25px 30px;} .market_p p span{font-weight: bold;font-family: "Arial";margin: 0 5px 0 20px;} .mapimg{width: 100%;} .mapimg img{width: 100%;} /*01*/ .market_map01{width: 86.6%;margin-left: 4%;position: relative;padding-top: 40px;} /*.market_map01 .market_list li:nth-child(1){top:46.8%;left: 23.8%;} .market_map01 .market_list li:nth-child(2){top:71.8%;left: 33.9%;} .market_map01 .market_list li:nth-child(3){top:71.8%;left: 33.9%;} .market_map01 .market_list li:nth-child(4){top:41.4%;left: 44%;} .market_map01 .market_list li:nth-child(5){top:40.8%;left: 46.8%;} .market_map01 .market_list li:nth-child(6){top:41.4%;left: 49.4%; z-index: 4;} .market_map01 .market_list li:nth-child(7){top:35.4%;left:48.6%; z-index: 3;} .market_map01 .market_list li:nth-child(8){top:38%;left:50.12%; z-index: 3;} .market_map01 .market_list li:nth-child(9){top:34.5%;left:45.3%;} .market_map01 .market_list li:nth-child(10){top:62.17%;left:68.08%;} .market_map01 .market_list li:nth-child(11){top:61.02%;left:76.18%;} .market_map01 .market_list li:nth-child(12){top:61.02%;left:76.18%;} .market_map01 .market_list li:nth-child(13){top:61.02%;left:76.18%;} .market_map01 .market_list li:nth-child(14){top:61.02%;left:76.18%;} .market_map01 .market_list li:nth-child(15){top:46.05%;left:77.78%;} .market_map01 .market_list li:nth-child(16){top:46.875%;left:81.877%;} .market_map01 .market_list li:nth-child(17){top:44.41%;left:85.4%;} .market_map01 .market_list li:nth-child(18){top:89.31%;left:87.8%;}*/ .market_map01 .market_list li:nth-child(6){z-index: 4;} .market_map01 .market_list li:nth-child(7){z-index: 3;} .market_map01 .market_list li:nth-child(8){z-index: 3;} .market_map01 .market_list li:nth-child(3) .market_box,.market_map01 .market_list li:nth-child(6) .market_box{left: 90px;} .market_map01 .market_list li:nth-child(10) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(11) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(12) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(13) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(14) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(15) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(16) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(17) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(18) .market_box{left: auto;right:154px;} .market_map01 .market_list li:nth-child(3) .market_cicle p{left: -60px;} .market_map01 .market_list li:nth-child(4) .market_cicle p{left: -26px;top: 26px;} .market_map01 .market_list li:nth-child(5) .market_cicle p{left: 8px;top: 26px;} .market_map01 .market_list li:nth-child(6) .market_cicle p{left: 12px;top: -28px;} .market_map01 .market_list li:nth-child(7) .market_cicle p{top: -6px;} .market_map01 .market_list li:nth-child(8) .market_cicle p{left: -60px;} .market_map01 .market_list li:nth-child(11) .market_cicle p{left: -60px;} .market_map01 .market_list li:nth-child(12) .market_cicle p{left: -28px; top: -26px;} /*02*/ .market_map02{margin-left:13%;width: 70%;position: relative;} .market_map02 .market_list li:nth-child(1){top:27%;left: 11%;} .market_map02 .market_list li:nth-child(2){top:81%;left:41.7%;} .market_map02 .market_list li:nth-child(3){top:86.8%;left:56%;} .market_map02 .market_list li:nth-child(4){top:58%;left:52.8%;} .market_map02 .market_list li:nth-child(5){top:58%;left:68%;} .market_map02 .market_list li:nth-child(6){top:38%;left:59.6%;} /*03*/ .market_map03{position: relative;} .map03_text{background:#a9c743;color: #fff;width: 44%;padding: 40px 60px 70px 80px; position: absolute;top:14.8%;left: 0; box-sizing: border-box;} .map03_text h2{font-weight: bold;margin-bottom: 30px;} .market_mapcont{width: 39%;padding: 28px 0 24px 0;margin-left: 29.65%;position: relative;} .market_map03 .market_list li{width:320px;} .market_map03 .market_list li:nth-child(1){top:24.67%;left:61.92%;} .market_map03 .market_list li:nth-child(2){top:26.97%;left:65.3%;} .market_map03 .market_list li:nth-child(3){top:31.25%;left:68.68%;} .market_map03 .market_list li:nth-child(4){top:37%;left:67.97%;} .market_map03 .market_list li:nth-child(5){top:57.566%;left:46.26%;} .market_map03 .market_list li:nth-child(6){top:61.51%;left:30.25%;} .market_map03 .market_list li:nth-child(1) .market_cicle p,.market_map03 .market_list li:nth-child(6) .market_cicle p{left: -140px} .market_map03 .market_list li:nth-child(2) .market_cicle p{ top: -86px;left: 90px;} .market_map03 .market_list li:nth-child(3) .market_cicle p{ top: -70px;left: 85px;} .market_map03 .market_list li:nth-child(4) .market_cicle p{ top: -5px;left: 70px;} .market_map03 .market_list li:nth-child(2) .market_cicle p em{ position: absolute;width: 75px;height: 1px;background: #fff;left: -75px; bottom: -28px; -webkit-transform: skewY(143deg);; -moz-transform:skewY(143deg); -ms-transform:skewY(143deg); -o-transform:skewY(143deg); transform:skewY(143deg);; } .market_map03 .market_list li:nth-child(3) .market_cicle p em{ position: absolute;width: 70px;height: 1px;background: #fff;left: -70px; bottom: -26px; -webkit-transform: skewY(143deg);; -moz-transform:skewY(143deg); -ms-transform:skewY(143deg); -o-transform:skewY(143deg); transform:skewY(143deg);; } .market_map03 .market_list li:nth-child(4) .market_cicle p em{position: absolute;width: 70px;height: 1px;background: #fff;left: -55px;top: 50%;} .market_map03 .market_box h3{border-bottom: 1px solid #e5e5e5;} .market_map03 .market_box{ color: #333;background: #fff;width:560px;border-bottom: 5px solid #f8b61c;top:-20px;left:60px; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.4) } .market_map03 .market_p p{overflow: hidden; width: calc(100% - 50px);float: right;} .market_map03 .market_p p span{color: #f8b61c;margin-left: 0;} .market_map03 .market_p p em{padding: 0 15px;border-right: 1px solid #a7a7a7;float: left;} .market_map03 .market_p p em:first-child{padding-left: 0;} .market_map03 .market_p p em:last-child{padding-right: 0;border: 0;} .market_intr{overflow: hidden;line-height: 40px;margin-bottom: 10px;} .market_map03 .market_list li:nth-child(2) .market_box{top:-90px;} .market_map03 .market_list li:nth-child(3) .market_box{top:-75px;} @media only screen and (max-width:1480px) { .market_map02{margin-left:8% } .market_box{width: 370px;} .market_map02 .market_list li:nth-child(1) .market_box{top:-50px;} .map03_text h2{margin-bottom: 20px;} .map03_text{padding: 40px;padding-right: 60px;} .market_map03 .market_box{width:502px;} .market_map03 .market_box{left:60px;} .market_map03 .market_p p em{padding:0 10px;} .market_p p span{font-size: 24px;} } @media only screen and (max-width:1440px) { .market_map03 .market_box{left:50px;} } @media only screen and (max-width:1366px) { .market_map02{margin-left:4% } .market_map03 .market_p p em{padding: 0 10px;} .market_mapcont{margin-left: 27%;} .map03_text{padding-right: 80px;} } @media only screen and (max-width:1280px) { .market_mapcont{margin-left: 24%;} .map03_text{padding: 30px; padding-right:140px;} .index_tab li em{left: 0;width: 100%;} .index_tab li{width: 180px;} } @media only screen and (max-width:1200px) { .market_map03 .market_box{width: 460px;left: 30px;} .map03_text{position: static;width: 100%;} } @media only screen and (max-width:1024px) { .market_box{width:260px;} .market_box h3{line-height: 50px;padding: 0 20px;} .market_box,.market_map02 .market_list li:nth-child(1) .market_box{top:-40px;} .market_p{padding: 20px;} .market_p p span{margin: 0 5px;font-size: 24px;} .market_mapcont{margin-left: 16%;} } @media only screen and (max-width:1024px) { .index_tab{border-top: 0;} .market_map{background: none !important;} .market_box{width:100%; position: static; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); } .market_cicle img{display: none;} .mapimg{display: none;} .market_list li,.market_cicle,.market_cicle p{position:static;} .market_map02,.market_map01{width: 100%;margin: 0;padding: 0;} .market_list li{margin-bottom:10px;background: #a9c743;width: 100%;padding-top: 10px;} .market_list li:last-child{margin-bottom: 0;} .market_cicle p{display: block; background: #a9c743; border-bottom: 1px solid #bfd574;color: #fff;line-height: 40px;font-weight: bold;font-size: 16px;} .market_box h3{line-height: 40px; border-bottom: 1px dashed #bfd574;font-size: 16px;} .market_p{padding-top: 10px;} .market_p p span{font-weight: normal;} .market_map03 .market_list li .market_cicle p{display: none;} .market_mapcont{margin-left: 0;width: 100%;padding: 0;} .market_map03 .market_list li,.market_map03 .market_box{width: 100%;} .market_map03 .market_box{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); border-bottom: 2px solid #f8b61c;} .map03_text{padding: 20px;margin-bottom: 20px;} .map03_text h2{margin-bottom: 10px;} .market_p p span{font-size: 16px;} .market_intr{line-height: 30px;} .market_map03 .market_p p em{ border-right: 1px solid #e5e5e5;padding: 0;padding-right: 10px;margin-right: 10px;} .market_map03 .market_list li{margin-bottom: 20px;background: none;padding:0;} .index_tab{margin-bottom: 20px;font-size: 16px;} .map03_text h2{font-size: 16px;} .index_tab{height: 73px;} .index_tab li em{height: 4px;bottom: -1px;} .index_tab li{ border-bottom: 1px solid #ccc;} } @media only screen and (max-width:767px) { .index_tab li{width: 33.33%;line-height: 50px; } .index_tab ul{display: block;} .index_tab li em{height: 2px;} .index_tab{height: auto;border-bottom: 0;} } /*02*/ /*network*/ .market_list li{height: auto;} .market_slider{display: none;position: relative;} .market_slider .but{width: 70px;margin: auto;} .market_slider .but>div{width:30px;height: 30px;bottom:0px;top:50%; margin-top: -15px; position: absolute;} .market_slider .but>.swiper-button-prev{background:url(../images/prev.png) no-repeat center center;left:0px;} .market_slider .but>.swiper-button-next{background:url(../images/next.png) no-repeat center center;right: 0; } .market_slider03 .but>.swiper-button-prev{background:#20a8e6 url(../images/prev.png) no-repeat center center;left:0px;top:64%;} .market_slider03 .but>.swiper-button-next{background:#20a8e6 url(../images/next.png) no-repeat center center;right: 0;top:64%; } @media only screen and (max-width:1024px) { .market_map>div{display: block;height: 0;visibility: hidden;} .market_slider{height: 0;visibility: hidden;} .map03_text{height: 0;visibility: hidden;} .market_map>div.cur{height: auto;visibility: visible;} .market_map>div.cur .market_slider{height: auto;visibility: visible;} .market_map>div.cur .map03_text{height:auto;visibility: visible;} .market_map03 .market_p p em{margin-right: 5px;padding-right: 5px;} .market_list{display: none !important;} .market_slider{display: block; overflow: hidden;} .market_slider li{position: static !important;} } @media only screen and (max-width:1024px) { .market_p{padding:10px 40px;} .market_box h3,.market_cicle p{padding: 0 40px;} } @media only screen and (min-width:1025px) { .more_01 a:hover{width: 100px;} } /*2019-12-18*/ /*network*/ input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;} .header_re{position: relative;} .header_right{position: relative;z-index: 9;} .search_wrap{display: none;} .search_box,.search_line,.search_box input,.header_search{transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;} .search_line{width: 0;} .search_box{ opacity: 0;visibility: hidden; overflow: hidden;position: absolute;top:26px;right:0px;border-bottom: 1px solid #3e4259;background: #fff; width: 0; } .search_box button{float: left;width: 26px;height: 36px;border: none;outline:none;background: none; margin-left: 5px;} .search_box input{ width: 0px;height: 36px;line-height: 36px;padding:0px; border: none;outline:none;background: none; position: absolute;top:0;left: 26px; } .close_search{float: right;height: 36px;cursor: pointer;position: absolute;top:0;right: 0;} .close_search img{margin-top: 6px;} .search_box .search_btn{ width:30px;height: 30px;background: url(../images/close_btn.png) no-repeat center center; } .search_box.active{right: 0; opacity: 1;visibility: visible;width:220px;} .search_box.active .search_line{width:100%;-moz-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s;} .search_box.active input{width: 150px;padding: 0 10px;} .header_right.active .header_search{-webkit-transform: translateX(-200px); -moz-transform: translateX(-200px);-o-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px); opacity: 0;visibility: hidden; } .header_right .search_btn img,.search_box button img{width: 18px;} .header_right .search_btn{margin-top: 6px;} @media only screen and (max-width:1024px) { .search_wrap{display: block;} .search_box{display: none;} .header_re{position: fixed;} .nav_list{width: 300px;} } .ms-slide{position: relative;} .ms-slide .ms-layer, .ms-fixed-layers .ms-layer{line-height: inherit !important;color: #fff;} .index_banner .banner_text{position: absolute;top:0;left:0;width: 100%;height: 100%;color: #fff;z-index: 2;} .index_banner .blank_20{display: none;} .index_banner h1{margin-bottom: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_banner p{line-height: 1.5em;max-height: 3em;overflow: hidden;} .banner_p{width: 55%;padding-top:9%;} .banner_right .banner_p{float: right;} .banner_p{padding-top: 9% !important;} .index_banner{overflow: hidden;} .index_banner .ms-bullet{ width: 14px;height: 14px;background: url(../images/banner_cicle.png) no-repeat center center; display: inline-block; float: none; } .ms-bullets-count{width: 100% !important; right: 0 !important;text-align: center;} .index_banner .ms-bullet.ms-bullet-selected{background: url(../images/banner_cicle_on.png) no-repeat center center;} .ms-bullets{opacity: 1 !important;display: block !important;} .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 0 !important; width: 100% !important; } .href_btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: none;} .master-slider img.ratio-img{width: 100% !important; height: 100% !important;} @media only screen and (max-width:767px) { .ms-bullets.ms-dir-h{bottom: 0 !important;} } /*loading*/ .loading_animate{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 999999;} .loadCircle{ transition: 0.4s linear; -webkit-transition: 0.4s linear;} .loadCircle.on{ opacity: 0; visibility: hidden;} .loadCircle{ width:100px; height:100px; background: none; position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index: 90000;} .loadCircle-turn{ position: relative; width:100%; height:100%; border-radius: 100%; overflow: hidden; animation: loadRoate 3s ease-in-out infinite; -webkit-animation: loadRoate 3s ease-in-out infinite;} .loadCircle-turn-l{ width:100%; height:50%; background: #f00; position: absolute; top:0; left:0; } .loadCircle-turn-r{ width:100%; height:50%; background: #f00; position: absolute; bottom:0; left:0; } .loadCircle-turn-ball-l{ width:20px; height:20px; background: #f00; left:0; bottom:50%; transform: translateY(50%); -webkit-transform: translateY(50%); border-radius: 100%; position: absolute; z-index: 500;} .loadCircle-turn-ball-r{ width:20px; height:20px; background: #f00; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 100%; position: absolute; z-index: 500;} .loadCircle-turn-l-bg{ width:80px; height:80px; background: #fff; border-radius: 100%; position: absolute; right:0; bottom:6px; clip: rect(35px,80px,80px,0px);} .loadCircle-turn-r-bg{ width:80px; height:80px; background: #fff; border-radius: 100%; position: absolute;left:0; top:6px; clip: rect(0px,80px,45px,0px);} .loadCircle > img{ width:150px; height:auto; position: relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); margin-bottom: 10px;} .la-line-scale{ transform: scale(0.6); -webkit-transform: scale(0.8);} .la-line-scale,.la-line-scale>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-line-scale{display:block;font-size:0;color: #20a8e6} .la-line-scale.la-dark{color:#333} .la-line-scale>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor} .la-line-scale{width:40px;height:32px} .la-line-scale>div{width:4px;height:32px;margin:2px;margin-top:0;margin-bottom:0;border-radius:0;-webkit-animation:line-scale 1.6s infinite ease;-moz-animation:line-scale 1.6s infinite ease;-o-animation:line-scale 1.6s infinite ease;animation:line-scale 1.6s infinite ease} .la-line-scale>div:nth-child(1){-webkit-animation-delay:-1.6s;-moz-animation-delay:-1.6s;-o-animation-delay:-1.6s;animation-delay:-1.6s} .la-line-scale>div:nth-child(2){-webkit-animation-delay:-1.4s;-moz-animation-delay:-1.4s;-o-animation-delay:-1.4s;animation-delay:-1.4s} .la-line-scale>div:nth-child(3){-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .la-line-scale>div:nth-child(4){-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s} .la-line-scale>div:nth-child(5){-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .la-line-scale.la-sm{width:20px;height:16px} .la-line-scale.la-sm>div{width:2px;height:16px;margin:1px;margin-top:0;margin-bottom:0} .la-line-scale.la-2x{width:80px;height:64px; margin:0 auto;} .la-line-scale.la-2x>div{width:8px;height:64px;margin:4px;margin-top:0;margin-bottom:0} .la-line-scale.la-3x{width:120px;height:96px} .la-line-scale.la-3x>div{width:12px;height:96px;margin:6px;margin-top:0;margin-bottom:0} @-webkit-keyframes line-scale{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}} @-moz-keyframes line-scale{0%,40%,100%{-webkit-transform:scaleY(0.4);-moz-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1)}} @-o-keyframes line-scale{0%,40%,100%{-webkit-transform:scaleY(0.4);-o-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}} @keyframes line-scale{0%,40%,100%{-webkit-transform:scaleY(0.4);-moz-transform:scaleY(0.4);-o-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}} @keyframes loadRoate { 0%{ transform:rotate(0); -webkit-transform:rotate(0);} 100%{ transform:rotate(360deg); -webkit-transform:rotate(360deg); } } @-webkit-keyframes loadRoate { 0%{ transform:rotate(0); -webkit-transform:rotate(0);} 100%{ transform:rotate(360deg); -webkit-transform:rotate(360deg);} } .index_banner.current .master-slider{visibility: visible;} .index_banner.current .master-slider{visibility: visible;} .index_banner.current .ms-slide{position: static;}