锘緻charset "utf-8"; /* CSS Document */ .wrap{ width:94%; max-width:1280px; margin:0 auto;} /*@media (min-width: 1100px) and (max-width: 1460px){ .wrap{ width:82%; max-width:1200px; margin:0 auto;} }*/ /*-----------鏍囬-------------*/ .n_title_box{ text-align:center;} .n_title_box .n_title_t{ font-size:2.5rem; color:#003da6; font-weight:bold; text-transform:uppercase; line-height:1.1; font-family:Arial;} .n_title_box .n_title_t span{ display:block; font-weight:normal;} .n_title_box .n_title_p{font-size: 23px;color:#1c1c1c;line-height:2;;} .n_title_box p{font-size: 0.7rem;color:#787f88;line-height:1.5;} /*-----------钁d簨闀胯嚧杈?------------*/ .speech_bg{ padding:4.5rem 0px; overflow:hidden; width:100%;background:#f8f8f8; position:relative;} .speech_box{ width:52%;} .speech_box .n_title_box{ text-align:left; margin-bottom:5%;} .speech_box .n_title_box .n_title_t{ font-size:2.5rem; color:#003da6; font-weight:bold; text-transform:uppercase; line-height:1.1; font-family:Arial;} .speech_box .n_title_box .n_title_p{font-size:2.5rem; color:#003da6; line-height:1; text-transform:uppercase;font-family:Arial; } .speech_box .n_title_box .n_title_p span{display:inline-block;font-weight:normal;margin-left: 0.5rem;font-size: 23px;color:#1c1c1c;} .speech_box .speech_info{ font-size:15px; color:#787f88; line-height:2;} .speech_box .speech_info p{ text-indent:1.1rem;text-align: justify;} .speech_box .speech_info .p-bot{ color:#1c1c1c; font-size:16px; line-height:2; text-align:right;margin-top: 30px;} .speech_bg .pc{ max-width:100%; position:absolute; top: -100px;right:0;} @media (max-width:1921px) { .speech_bg .pc{ max-width:100%; position:absolute; top: auto; bottom:0; right:0;} } @media (max-width:1680px) { .speech_bg .pc{ position: absolute;top: 10%;} } @media (max-width:1580px) { .speech_bg .pc{ position: absolute;top: 12%;} } @media (max-width:1480px) { .speech_bg .pc{ position: absolute;top: 10%;} } @media (max-width:1360px) { .speech_bg .pc{ position: absolute;top: 5%;} } @media (max-width:1010px) { .speech_box .n_title_box .n_title_t{ font-size:2rem; } .speech_box .n_title_box .n_title_p{font-size:2rem; } } @media (max-width:856px) { .speech_box .n_title_box .n_title_t{ font-size:1.6rem; } .speech_box .n_title_box .n_title_p{font-size:1.6rem; } } @media (max-width: 769px) { .speech_bg { padding: 4rem 0px 22rem; overflow: hidden; width: 100%; background: #f8f8f8 url(../images/speech_bg.png) right bottom no-repeat; background-size: 100% auto; } .speech_box{ width:100%;} .speech_bg .pc{ display:none;} .speech_box .speech_info p{ text-indent:2rem;} } @media (max-width:640px) { .speech_box .speech_info .p-bot{ font-size:13px;} } /*-----------闆嗗洟浠嬬粛------------*/ .about_bg{ padding:3.5rem 0px; overflow:hidden; width:100%; background:url(../images/kaiquan_ntit.png) left center no-repeat;} .about_box{ margin-top:2rem;} .about_box .yu_jie{width: 50%;position:relative;z-index:1; margin-top: -5px;} .about_box .yu_jie p{font-size: 15px;line-height: 1.8;color:#787f88; margin-bottom:1rem;text-align: justify;} .about_box .yu_tp{width: 43%;} .yu_tp .list-box {padding:1.1rem 0px;border-bottom: 1px solid #51ba97;border-top: 2px solid #51ba97; background:url(../images/list-box-bg.png) right center no-repeat;background-size: 55% auto;} .yu_tp .list-box .num {font-size: 3rem;color: #003da6;line-height:1;font-family: "Arial";font-weight:bold;} .yu_tp .list-box .num span {margin-left:2px; font-size:15px; } .yu_tp .list-box P {line-height:1.5;font-size: 15px; color: #787f88;} .yu_tp .bot-msg{ overflow:hidden;} .yu_tp .bot-msg li {width: 25%;float:left;display:block;padding: 0.7rem 0px;border-bottom:2px solid #51ba97;} .yu_tp .bot-msg li .gray-num {font-size: 1.2rem;font-family: "Arial";font-weight:bold;line-height:1;color:#003da6;position:relative;} .yu_tp .bot-msg li .gray-num sup {margin-left:2px; font-size:15px; color:#787f88; position:absolute;} .yu_tp .bot-msg li .gray-num span {margin-left:2px; font-size:15px; } .yu_tp .bot-msg P {line-height:1.5;font-size: 15px; color: #787f88;} @media (max-width: 769px) { .about_box .yu_jie{width: 100%;position:relative;z-index:1;} .about_box .yu_tp{width: 100%;} .yu_tp .bot-msg li {width: 33.333%;} } .pc{ display:block;} .mc{ display:none;} @media (max-width:769px){ .pc{ display:none;} .mc{ display:block; max-width:100%;} } /*-----------浜斿ぇ宸ヤ笟鍥?-------------*/ .yun-main-solution{} .yun-main-bd{ position:relative;} .yun-main-solution .n_title_box{text-align: left; position: absolute; top: 5%;left: 5%;z-index: 9;} .yun-main-solution .n_title_box .n_title_t{ font-size:2.5rem; color:#003da6; font-weight:bold; text-transform:uppercase; line-height:1.1; font-family:Arial;} .yun-main-solution .n_title_box .n_title_p{font-size:2.5rem; color:#003da6; line-height:1; text-transform:uppercase;font-family:Arial; } .yun-main-solution .n_title_box .n_title_p span{ display:inline-block; font-weight:normal;font-size:23px; margin-left:0.5rem;text-shadow:2px 1px 0px #ffffff;color:#1c1c1c;} .yun-solution-slider-content {position: relative} .yun-solution-slider-content .yun-solution-wrap {position: relative;height: 700px;} .yun-solution-slider-content .yun-solution-item { /*opacity: 0; filter: alpha(opacity=0);*/ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 700px; color: #fff; background-size:cover!important; opacity: 0; -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1) } .yun-solution-slider-content .yun-solution-item.current {z-index: 2;opacity: 1;filter: alpha(opacity=100)} .yun-solution-slider-content .yun-solution-item:nth-child(1){background: url(../images/shanghai.jpg) right center no-repeat;} .yun-solution-slider-content .yun-solution-item:nth-child(2){background: url(../images/zhejiang.jpg) center center no-repeat;} .yun-solution-slider-content .yun-solution-item:nth-child(3){background: url(../images/Hefei.jpg) center center no-repeat;} .yun-solution-slider-content .yun-solution-item:nth-child(4){background: url(../images/shengyang.jpg) center center no-repeat;} .yun-solution-slider-content .yun-solution-item:nth-child(5){background: url(../images/Shijiazhuang.jpg) center center no-repeat;} .yun-solution-slider-content .yun-solution-text-wrap {width: 65%; margin-left: 5%; position: absolute; bottom:1rem; background: #00000078;padding: 1rem;} .yun-solution-slider-content .yun-solution-text-wrap p{font-size:15px; line-height:1.6;color:#ffffff;} .yun-solution-list-wrap { position: absolute; right:0px; top:0px; z-index:7; width: 20%; height:700px; overflow: hidden; background: rgba(255, 255, 255, 0.5); } @media (max-width:1920px) { .yun-solution-list-wrap {width: 25%;} } .yun-solution-list {padding: 20px 0px;font-size: 0;width: 80%;max-width: 400px;background: rgba(0, 61, 165, 0.76);height: 700px;} .yun-solution-list .yun-solution-list-item { display: inline-block;vertical-align: top;width: 100%;font-size: 14px;cursor: pointer;height: 132px;color: #fff;padding:35px 10px 35px 10%;box-sizing:border-box; position: relative; } .yun-solution-list .yun-solution-list-item::after{ content:''; display: block; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(48,215,168,1) , rgba(48,215,168,0)); position: absolute; left: 0; top:0; z-index: 1; opacity: 0; transition: all .5s; } .yun-solution-list .yun-solution-list-item h3{ font-size: 0.6rem;line-height:2; position: relative; z-index: 2; } .yun-solution-list .yun-solution-list-item p{ font-size: 13px; text-transform:uppercase;font-family: Arial;line-height:1.3; position: relative; z-index: 2; } .yun-solution-list .yun-solution-list-item:hover::after, .yun-solution-list .yun-solution-list-item.current::after{ opacity: 1; } @media only screen and (max-width:1360px ) { .yun-solution-slider-content .yun-solution-text-wrap p{font-size:14px; line-height:1.6;color:#ffffff;} .yun-solution-slider-content .yun-solution-wrap {height: 600px;} .yun-solution-slider-content .yun-solution-item {height: 600px;} .yun-solution-list {height: 600px;} .yun-solution-list-wrap {height:600px;} .yun-solution-list .yun-solution-list-item {height: 112px;color: #fff;padding:28px 10px 28px 5%;box-sizing:border-box;} .about_box .yu_jie p{font-size: 14px;line-height: 1.8;color:#787f88; margin-bottom:1rem;} .yun-solution-slider-content .yun-solution-item {background-size: 100% 100%!important;} } @media only screen and (max-width:769px ) { .yu_tp .bot-msg li .gray-num span { margin-left: 8px; font-size: 15px; } .yun-solution-slider-content .yun-solution-text-wrap p { font-size: 14px;line-height: 1.5;color:#787f88;} .yun-solution-list {width: 100%;} .yun-solution-list .yun-solution-list-item p {font-size: 12px;} .yun-solution-slider-content .yun-solution-item:nth-child(1){background:none;} .yun-solution-slider-content .yun-solution-item:nth-child(2){background:none;} .yun-solution-slider-content .yun-solution-item:nth-child(3){background:none;} .yun-solution-slider-content .yun-solution-item:nth-child(4){background:none;} .yun-solution-slider-content .yun-solution-item:nth-child(5){background:none;} .yun-solution-slider-content .yun-solution-item{ box-shadow: 0 0 10px #CCCCCC;border-radius: 10px;width: 96%; margin-left: 2%;overflow: hidden;} .yun-main-solution { background: #f8f8f8; padding: 2rem 0px 0px; } .yun-main-solution .n_title_box { position: relative;margin-bottom: 5%;left: 3%;} .yun-solution-list .yun-solution-list-item h3 { font-size: 15.5px; line-height: 2; } .yun-solution-list-wrap{width: 100%; position:relative;height:auto; margin-bottom: 10px;} .yun-solution-list {width: 100%; height:auto; max-width: 100%;padding: 10px 0px;} .yun-solution-list .yun-solution-list-item {width: 33.333%; height: auto; color: #fff; padding: 5px 0px 5px 4%;box-sizing: border-box;} .yun-solution-list .yun-solution-list-item p { display: none;} .yun-solution-slider-content .yun-solution-wrap {height: 500px;} .yun-solution-slider-content .yun-solution-text-wrap {margin-left:0%;width: 99%; height: 330px;background: rgb(255, 255, 255);padding: 0.4rem 0.6rem;overflow: hidden;bottom: 0px;position: relative;} .yun-solution-slider-content .yun-solution-item { height:auto;} } /*-----------鍝佺墝涓庢枃鍖?-------------*/ .culture_bg{ padding:3.5rem 0px 200px; overflow:hidden; width:100%;} .culture_box{ margin-top:2rem;} .culture_box li{ width:25%; float:left; padding: 0px 1rem;text-align:center; margin-bottom:5rem; position:relative;} .culture_box li:after{ content: ""; position:absolute; z-index:5;display: block;width: 2px;height: 100%;top:0;right:0;background: #dcdcdc;} .culture_box li:nth-child(4):after{ display:none;} .culture_box li:nth-child(8):after{ display:none;} .culture_box li .culture_img{ padding:1rem 0px;} .culture_box li .culture_img img{ max-width:65px;} .culture_box li .culture_tit{line-height:1.5;font-size: 20px;color:#1c1c1c;} .culture_box li p{ line-height:1.5; font-size:15px; color:#787f88; line-height:1.7;} .culture_box li:nth-child(5){ margin-bottom:0px;} .culture_box li:nth-child(6){ margin-bottom:0px;} .culture_box li:nth-child(7){ margin-bottom:0px;} .culture_box li:nth-child(8){ margin-bottom:0px;} @media (max-width: 769px) { .culture_box li{ width:50%; } .culture_box li p{line-height:1.5;font-size:12px;min-height: 54px;} .culture_box li:nth-child(2):after{ display:none;} .culture_box li:nth-child(4):after{ display:none;} .culture_box li:nth-child(6):after{ display:none;} .culture_box li:nth-child(8):after{ display:none;} .culture_bg{ padding:3.5rem 0px 2rem;} } /*-----------鑽h獕涓庤瘉涔?-------------*/ .honor_bg{ padding:3.5rem 0px 200px; overflow:hidden; width:100%;} .honor_bg .honor_box{ width:100%; margin:0 auto;} .honor-hd {width:100%; margin-top:5%; text-align:center;} .honor-hd ul{ overflow:hidden;} .honor-hd li{ float:left;width: calc(16.66% - 0.4rem);text-align: center;transition: 0.38s;line-height: 3.3rem;font-size: 0.6rem;color: #666666;margin: 1rem 0.2rem;cursor: pointer;border-radius:10px;box-shadow: 0px 0 6px rgba(10, 47, 78, 0.25);position: relative;transition:background 0.3s,color 0.3s,border 0.3s;transition: 0.2s;} .honor-hd li span{ display:block; position:relative;border-radius:10px; overflow: hidden;} .honor-hd li.active{font-size: 0.75rem;} .honor-hd li.active span:after { content: ""; position:absolute; z-index:9; display: block; width: 100%; height: 5px; border-radius:10px; background: #30d8a8; margin-top:-5px; } /*.honor-hd li:hover{font-size:0.75rem;box-shadow: 0px 0 6px rgba(10, 47, 78, 0.6);width: calc(17% - 0.2rem);} .honor-hd li:hover a:after { content: ""; position:absolute; z-index:9; display: block; width: 100%; height: 5px; border-radius:10px; background: #30d8a8; margin-top:-5px; } */ .honor-bd{ width:100%; margin:0 auto;} .honor-bd li{overflow:hidden;} .honor-bd li .zzlm{ display: block; float:left;width: calc(100% - 100px);font-size:16px; height:42px; line-height:42px;color:#787f88;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .honor-bd li .zzlm span{background:#dcdcdc;padding: 2px 0.7rem;color:#fff;margin-right: 0.7rem;border-radius:10px;font-size:16px;} .honor-bd li .zzln{ display:block; float:right; height:42px; line-height:42px; position:relative;color:#003da6;font-size:16px;} .honor-bd li .zzln span{ color:#003da6;} .honor-bd li:hover .zzlm{color:#003da6;} .honor-bd li:hover .zzlm span{ background:#003da6;} .honor-bd .items{ min-height:420px;} .honor-bigic {position:fixed;left: 0;top: 0;height:100%;background:rgba(28, 28, 28, 0.85);background-size: cover;overflow: hidden;z-index: 999;width:100%; display:none;} .honor-bigic .loading-bigic {position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin-left: -12px;margin-top: -12px;} .honor-bigic #image {position: absolute;left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%); max-height:100%;max-width: 100%;} .honor-bigic .img-alt {position: absolute;text-align: center;width: 50%;margin: 0 auto;left: 25%;top:80%; font-size:16px; color:#000; background:#fff; padding:2%; box-sizing:border-box;} .op-bigic {position: absolute;right: 20px;top: 20px;z-index: 1;} .op-bigic span {display: inline-block;width: 40px;height: 40px;margin-right: 20px;text-indent: -999px;overflow: hidden;cursor: pointer;border-radius: 10px;background-image: url(../images/icons.png);background-repeat: no-repeat;background-color: #fff;opacity: .5;} .op-bigic span:hover {opacity: 1;} .op-bigic span.close-bigic {background-position: 8px 8px;} @media (max-width: 769px) { .honor_bg{ padding:3.5rem 0px 2rem;} .honor-hd li{width: calc(32.4% - 0.2rem);} .honor-hd li{font-size: 0.9rem;} .honor-hd li.active{font-size: 1rem;} } /*-----------浜у搧-------------*/ .n_box{ width:100%; overflow:hidden; background:#003da6;} /*鏂扮殑浜у搧宸︿晶鐨?/ .new_pro_lf{ width:260px; background:#003da6; padding:60px 0px 0px 0;} .new_pro_lf dt.pro_b{ position:relative;} .new_pro_lf dt.pro_b a{ display:block; margin: 8px 0; padding: 0 20px 0 50px; color:#fff; line-height: 40px; font-size:16px; } .new_pro_lf dt.pro_b a:before { content: ""; display: block;width: 3px;height: 0; transition-duration: .5s; background: #30d8a8; position: absolute; left: 0;top: 50%;transform: translateY(-50%); } .new_pro_lf dt:hover a:before {height: 100%; } .new_pro_lf dt.pro_b a.cur{ background: #30d8a8; } /*妗堜緥宸︿晶鐨?/ .pro_lf{ width:260px; background:#003da6; padding:60px 0px 0px 50px;} .pro_lf dt.pro_b{ position:relative;} .pro_lf dt.pro_b a{display:inline-block;color:#fff;line-height:56px;font-size:16px;} .pro_lf dt.pro_b span{ position:absolute; right:0px; text-align:center; color:#fff; cursor:pointer;width:50px;height: 56px;display: inline-block; line-height: 56px;} .pro_lf dt.pro_b span i{font-size: 12px;display: block;} .pro_lf dt.pro_b span.minus{transform:rotate(0deg);} .pro_lf dt.pro_b span.plus{transform:rotate(180deg);} .pro_lf dd{ display:none;} .pro_lf dd li a{position: relative;display:block;color:#fff;font-size:14px;padding-left: 0.5rem;line-height:2;margin-bottom: 2px;} .pro_lf dd li.on a{background:#30d8a8;color:#fff;} .pro_lf dd li a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #30d8a8;position: absolute;} .pro_lf dd li.on a:before,.pro_lf dd li:hover a:before {height: 100%; } .pro_lf dl:nth-child(1) dd{ display:block;} .pro_rf{width:calc(100% - 260px);background:#fff;padding: 5% 7% 200px;} .pro_lb { overflow:hidden; min-height: 863px;} .pro_lb li{ width:calc(25% - 1rem); float:left; margin:0.5rem;border: 1px solid #e8e8e8;} .pro_lb li .pro_img { width:100%; overflow:hidden;} .pro_lb li .pro_img img{ width:100%;transition: 0.38s;} .pro_lb li .pro_info{ background:#003da6; line-height:2.3; font-size:14px; text-align:center; color:#fff;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .pro_lb li:hover {border: 1px solid #30d8a8;box-shadow: 2px 0 11px rgba(10, 47, 78, 0.25);} .pro_lb li:hover .pro_info{background:#30d8a8;color:#fff;} .pro_lb li:hover .pro_img img{ transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 氓鈥櫯 Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1) } .pro_rf .right_top{margin:0.5rem; margin-bottom:20px; overflow:hidden;} .pro_rf .right_top select{width: 190px;height: 35px;text-indent: 10px;line-height: 35px;background: transparent;float: left;border: 1px solid #a9a9a9;} .pro_rf .right_top span{width: 90px;height: 35px;line-height: 35px;text-align: center;background: #003da6;color: #fff;border:0;float:left; font-size:14px;} @media only screen and (max-width:1360px ) { .pro_rf{padding: 5% 6% 200px;} .pro_lb { overflow:hidden; min-height: 1015px;} .pro_lb li { width: calc(33.33% - 1rem);} .pro_lb li .pro_info{ font-size:15px;} } @media only screen and (max-width:767px ) { .new_pro_lf{ width:100%; padding:20px 0px;} .new_pro_lf dt.pro_b a{ padding: 0 50px; } .pro_lf{ width:93%; padding:5% 0px 0px 50px;} .pro_rf{ width:100%;padding: 5% 6% 2rem;} .pro_lb { overflow:hidden; min-height:auto;} .pro_lb li { width: calc(100% - 1rem);} .pro_lf dl:nth-child(1) dd{ display:none;} } /* 绫讳技浜у搧宸︿晶鐨勬悳绱㈣竟妗 */ .pro_lf_search{ padding-left: 0; } .pro_lf_search dt a { width: 100%; padding-left: 20px; padding-right: 20px; display: flex !important; justify-content: flex-end; align-items: center; } .pro_lf_search dt a em { width: 80px; text-align: center; font-style: normal; } .pro_lf_search dt.cur { background-color: #30d8a8; } .pro_lf_search dt.cur a { color: #fff; } @media only screen and (max-width:767px ) { .pro_lf_search{ width: 100%; padding-bottom: 5%; } .pro_lf_search dt a { justify-content: space-between; } .pro_lf_search dt a em { text-align: right; } } /*****浜у搧璇︽儏椤?*****/ .part-box{ background:#fff; position:relative; padding:1rem; box-sizing:border-box; width:100%;} .part-box .part-main{ overflow:hidden;} .part-box .part-main .part-img{ width:50%; border:5px solid #ddd;position: relative;padding-bottom: 50px;} .part-box .part-main .part-img img{ max-width:100%;} .part-box .part-main .part-img .part-pdf{ position: absolute;right: 5px;bottom:5px;} .part-box .part-main .part-text{ width:48%;} .part-box .part-main .part-text h4.pro-tit{font-size:18px;font-style:normal; color:#343434;display:inline-block; background: #003da6; color:#fff; padding:5px 15px;} .part-box .part-main .part-text .part-tit{ margin-top:2%;font-size:15px; line-height:1.8; color:#3a3a3a; overflow:hidden;} .part-box .part-main .part-text .part-tit p,.part-text .part-tit div{font-size:15px; line-height:1.8; color:#3a3a3a;} .part-box .part-main .part-text .part-tit p span,.part-text .part-tit div span{ color:#003da6; margin-right:10px;} .part-box .part-main .part-text .part-tit img{ max-width:100%;transition: 0.38s;} .part-box .part-main .part-text .part-tit:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .cp-main{margin:1.5rem 0px; overflow:hidden;} .cp-main p{font-size: 15px;line-height:2;color: #444;} .cp-main img{ max-width:100%;} .tab-h { overflow: hidden; zoom:1;} .tab-h ul {display: inline-block;line-height: 42px;overflow: hidden; width:70%;} .tab-hd li{background:#E8E9EA;color:#777;height: 1.5rem;width: 19%; float: left; margin-right: 1%; margin-bottom: 1%; text-align: center;display: inline-table;cursor: pointer;font-size: 16px;position: relative;} .tab-hd li.active{background: #30d8a8; color:#fff;} /*.tab-hd li.active:after { content: ""; display: block; width: 4px; height: 100%; background: #30d8a8; position: absolute;top: 0;} */ .tab-bd li{display:none;line-height: 1.8;font-size: 15px;min-height: 600px;} .tab-bd li.thisclass{ display:block;} .tab-bd li .anli{padding-bottom: 1rem;} .tab-bd li .anli p {text-align: center;} .part-text{ width:48%;} .part-prev-m { display:none;} .part-next-m { display:none;} .part-prev-m,.part-next-m{ line-height:1.8;} @media only screen and (max-width:1100px ) { .part-box{padding:5px;} .part-box .part-main .part-img{ width:100%; border:5px solid #ddd;} .part-box .part-main .part-text{ width:100%; margin-top:1rem;} .tab-h ul { width:100%;} .tab-hd li { width: 32.3%;} } /*-----------鏂伴椈鍔ㄦ€?-------------*/ .news_bg{ padding:3.5rem 0px 200px; overflow:hidden; width:100%;} .news_bg .wrap { width: 94%; max-width: 1290px; margin: 0 auto;} .NewsList{overflow: hidden; margin-top: 2rem;} .NewsList dl{ width:calc(100% - 10px); border-radius:10px; height: auto; overflow: hidden; margin:5px; margin-bottom: 20px; box-shadow: 0px 0 6px rgba(10, 47, 78, 0.25);} .NewsList dl a{ display: block; width: 100%; height: 100%; overflow: hidden;} .NewsList dl dt{float: left;width: 25%;height: 100%;max-height: 300px;overflow: hidden;max-width: 350px;} /*.NewsList dl dt img{height: 202px;vertical-align:middle;transition: 0.38s;}*/ .NewsList dl dt img{ width:100%; height:auto; aspect-ratio: 16 / 9; object-fit:cover; vertical-align:middle;transition: 0.38s;} .NewsList dl dd{float: left;width:75%;height: auto;box-sizing: border-box;padding:20px 3%;} .NewsList dl dd .date{} .NewsList dl dd .date .d{line-height: 1;color: #003da6;font-size: 1.6rem;font-weight: bold;} .NewsList dl dd .date .ym{color: #787f88;font-size: 14px;line-height: 2;} .NewsList dl dd h3{font-size: 18px;color: #1c1c1c;line-height: 1.6;overflow: hidden;font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .NewsList dl dd p{font-size: 14px;line-height: 24px;height:48px;overflow: hidden;color: #787f88;/* margin-bottom: 0.2rem; */} .NewsList dl dd span{display: inline-block;color:#003da6;font-size: 15px;} .NewsList dl a:hover dt img{ transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 氓鈥櫯 Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1) } /*.NewsList dl:hover {box-shadow: 0px 0 6px rgba(10, 47, 78, 0.65);width:calc(100% - 8px);} .NewsList dl:hover dd h3{font-size: 20px;} */ @media (max-width: 769px) { .NewsList dl dt{float: left;width: 100%;height: 100%;max-height: 300px;overflow: hidden;max-width:100%;} /*.NewsList dl dt img{width: 100%;min-height: 247px; vertical-align:middle;}*/ .NewsList dl dd{ float: left; width:100%; height: auto; box-sizing: border-box; padding: 1rem 3%;} .news_bg {padding: 3.5rem 0px 2rem;} .news_bg .wrap { width: calc(94% + 10px); max-width: 1290px; margin: 0 auto;} } /*****璇︽儏椤?*****/ .news-art-main{background: #f9f9f9;margin:1rem auto;padding: 2% 5% 2%} .art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;} .art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;} .art-tit h5 span{display: inline-block;max-width: 300px; width:50%;} .art-main{padding-top: 30px;padding-bottom: 40px;} .art-main p{text-indent: 2em;font-size: 15px;line-height:2; margin-bottom:2px;color: #444;} .art-main p img{margin-left: -2em;} .art-main img{ max-width:100% !important; height: auto !important;} .art-back li{font-size: 14px;} .art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;} .art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;} .art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;} .art-footer-last a:hover,.art-footer-next a:hover {color: #30d8a8;} /*-----------鑱旂郴鎴戜滑--------------*/ .contact_bg {width: 100%;position: relative;overflow: hidden;padding: 0px 0px 400px;} @media (max-width:1920px) { .contact_bg {width: 100%;position: relative;overflow: hidden;padding: 0px 0px 200px;} } .contact_bg .lf_cont{background:#fff;padding: 40px 1% 0px 50px;height: 835px;width:35%;} .contact_bg .col {margin-bottom: 20px;} .contact_bg .col .title{font-size: 19px;color: #003da6;line-height:2;margin-bottom: 10px;} .contact_bg .col p{font-size: 16px;color: #787f88;line-height:2;} .contact_bg .col p i{ color:#7a8089; font-size:22px; margin-right:0.5rem;} .contact_bg .col:nth-child(2){ margin-bottom:0rem;} .contact_bg .col .list ul li{display:block;position:relative;margin-bottom:30px;border-radius:10px;overflow: hidden;box-shadow: 0px 0 6px rgba(10, 47, 78, 0.25);} .contact_bg .col .list ul li:nth-child(5){margin-bottom: 0px;} .contact_bg .col .list ul li a{ display:block;padding:5px;} .contact_bg .col .list ul li .txt{position:relative; overflow:hidden;} .contact_bg .col .list ul li .txt i.iconfont{border-radius: 10px;display:inline-block;width:85px;float: left;overflow: hidden; margin-right:20px;} .contact_bg .col .list ul li .txt i.iconfont img{ max-width:100%;transition: 0.38s;} .contact_bg .col .list ul li .txt p{display: block;line-height:1.5;font-size:14px;color:#787f88;float: left;} .contact_bg .col .list ul li .txt p span{display:block;color: #1c1c1c;font-size:16px; line-height:1.8;} .contact_bg .col .list ul li:hover .txt i.iconfont img{ transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 氓鈥櫯 Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1) } /*.contact_bg .col .list ul li:hover{box-shadow: 2px 0 11px rgba(10, 47, 78, 0.65); width: 101%;} .contact_bg .col .list ul li:hover .txt p span{font-size: 18px;}*/ .contact_bg .rf_cont{width:65%;height: 835px;overflow:hidden;} .contact_bg .rf_cont #map{width:100%;height:100%} @media (max-width: 1360px) { .contact_bg .lf_cont{ width:38%;} .contact_bg .rf_cont{ width:62%; } } @media (max-width: 1280px) { .contact_bg .lf_cont{ width:40%;} .contact_bg .rf_cont{ width:60%; } } @media (max-width: 1115px) { .contact_bg .lf_cont{ width:50%;} .contact_bg .rf_cont{ width:50%; } } @media (max-width: 769px) { .contact_bg {width: 100%;position: relative;overflow: hidden;padding: 0px 0px 2rem;} .contact_bg .lf_cont{background:#fff;padding:2% 1% 2% 1%; height:auto; width:100%;} .contact_bg .rf_cont{ width:100%; height:480px;overflow:hidden;} .contact_bg .col .list ul li .txt i.iconfont{display:inline-block;width:65px;float: left;} } .contact_bg .BMap_bubble_title{ font-size:16px;} .contact_bg .BMap_bubble_content{ font-size:13px;} .contact_bg .BMapLabel {border: 0px solid rgb(0 61 166) !important; padding: 5px 10px !important; } /***-----------鍔犲叆鎴戜滑---------****/ .join_four{width:100%;position: relative;} .join_four .slide-item{position:relative;width:100%;text-align:center;cursor:pointer} .join_four .slide-item .item-bg{width:100%;height:100%} .join_four .slide-item .bg{position: absolute; width: 100%;height: 100%; left: 0;top: 0; background: #a6a9b0;mix-blend-mode: multiply;} .join_four .mask{position:absolute; width:100%; text-align:center;left:0;right:0;top:0;bottom:0;} .join_four .mask .content{position:absolute;left:0;right:0;top:40%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)} .join_four .mask .content .item-title{color:#fff;font-size: 20px;font-family: "SourceHanSansCN-Medium";line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);} .join_four .mask .content .line-panel{font-size:0;line-height:0;margin-top:0.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)} .join_four .mask .content .line-panel .item-line{width:20px;height:2px;background:#30d8a8;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1)} .join_four .mask .content .item-icon{ width:100%; max-width:38px; margin-top:15px;} /*.join_four .swiper-slide:hover .content{top:35%;} .join_four .swiper-slide:hover .slide-item .bg{background:#003da5;} */ .join_four .swiper-button-next{ display:none;} .join_four .swiper-button-prev{ display:none;} .recruits-list {overflow:hidden;background: #003da6;} .recruits-list .recruits-nav {float: left;width: 250px;padding: 2rem 0px 0px 3rem;} .recruits-list .recruits-nav-name {font-size: 18px;color: #fff;line-height: 2;font-family: "SourceHanSansCN-Medium";} .recruits-list .recruits-nav-a {display: block;position: relative;font-size: 16px;line-height: 1.5;color: #fff;padding: 7px .4rem;/* border-bottom: 1px solid #fff; *//* background: #fff; */transition-duration: .5s;} .recruits-list .recruits-nav-a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #30d8a8;position: absolute;} .recruits-list .recruits-nav-a.cur {background: #30d8a8;color: #fff;} .recruits-list .recruits-nav-a:hover:before, .recruits-list .recruits-nav-a.cur:before {height: 100%; } .recruits-list .recruits-info {float:right;width: calc(100% - 250px);background: #f9f9f9;} .recruits-list .recruits-info-contents {padding: 2rem 1rem 400px 2rem;transition-duration: .3s;border-left: 1px solid #dcdcdc; display:none; position:relative;} .recruits-list .recruits-info-contents:first-child {display: block;} .recruits-list .recruits-position-name {font-size: 18px;line-height:2;color: #003da6;font-family: "SourceHanSansCN-Medium";} .recruits-list .para-item {font-size: 15px;line-height:1.8;color: #787f88;position: relative; } .recruits-list .recruits-bot-item {font-size: 14px;line-height: 34px;padding-top: 30px; } .recruits-list .recruits-bot-h5 {color: #1c1c1c;font-size: 18px;line-height: 1.5;} .recruits-list .recruits-bot-h5:after { content: "";display: block; width: 35px;height: 3px;line-height: 1px; background: #30d8a8;margin: 10px 0px;} .recruits-list .recruits-bot-detial {color: #787f88;line-height: 2;} .recruits-info .recruits-more {margin-top: 2rem;color: #003da6;font-size: 14px;display: inline-block;} .recruits-info .recruits-btn {position:absolute;right: 1.5rem;top:10px;display:inline-block;margin-top:2rem;width: 160px;height: 40px;line-height: 40px;color: #fff;font-size: 15px;text-align: center;background: #003da6;transition-duration: .3s;border-radius: 10px;} @media (max-width: 1920px) { .recruits-list .recruits-info-contents {padding: 2rem 1rem 200px 2rem;transition-duration: .3s;border-left: 1px solid #dcdcdc; display:none; position:relative;} } @media (max-width: 769px) { .join_four .swiper-button-next{ display:block;background: url(../images/feel4.png) no-repeat center center; position: absolute;right: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;} .join_four .swiper-button-prev{ display:block;background: url(../images/feel3.png) no-repeat center center; position: absolute;left: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;} .recruits-list .recruits-nav {float: left;width: 250px;padding: 2rem 0px 2rem 0rem;} .recruits-list .recruits-info {float:right;width:100%;background: #f8f8f8;} .recruits-info .recruits-btn {bottom:1rem; top:auto;} .recruits-list .recruits-info-contents {padding: 2rem 1rem 2rem 2rem;} } /***-----------鍏虫敞鎴戜滑---------****/ .scan_bg{position:relative;width:100%;overflow:hidden;display:block;padding:4.5rem 0px 0px;background:#f8f8f8; } .scan_bg img{ max-width:100%;} .scan_bg .scan_box{position:absolute;/* top:12%; */width: 85%;/* z-index: 99; */} .scan_bg .scan_box .n_title_box{text-align:left;margin-bottom: 1rem;z-index: 9;position: relative;} .scan_bg .scan_box .n_title_box .n_title_t{ font-size:2.5rem; color:#003da6; font-weight:bold; text-transform:uppercase; line-height:1.1; font-family:Arial;} .scan_bg .scan_box .n_title_box .n_title_p span{ display:inline-block;font-size:23px; margin-left:0.5rem;color:#1c1c1c;} .scan_bg .scan_box .n_title_box .n_title_p{font-size:2.5rem; color:#003da6; line-height:1; text-transform:uppercase;font-family:Arial; } .scan_bg .scan_info{overflow:hidden;z-index: 9;position: absolute;} .scan_bg .scan_info p{ color:#787f88; line-height:2; font-size:16px;} .scan_link{ margin-top: 10%;} .scan_link .scan_lj{color:#787f88;font-size:16px;line-height: 25px;margin-bottom: 20px;} .scan_link .scan_lj i{ color:#787f88; line-height:25px; font-size:25px; float:left; margin-right:5px;} .scan_link .scan_lj span.icon1{ margin-left:8px;margin-right: -12px;} .scan_link .scan_lj:hover{ color:#003da6;font-weight:bold;} .scan_link .scan_lj:hover i{ color:#003da6; font-weight:normal;} .scan_link .scan_lj.on{ color:#003da6;font-weight:bold;} .scan_link .scan_lj.on i{ color:#003da6; font-weight:normal;} .scan_link .scan_lj:nth-child(3) span.icon1{ margin-left:23px;} .scan_tab{} .scan_tab-hd {float:left;margin-top: 40%;z-index: 9;position: relative;} .scan_tab-hd .scan_lj{cursor:pointer;} .scan_link .scan_lj.active{ color:#003da6;font-weight:bold;} .scan_link .scan_lj.active i{ color:#003da6; font-weight:normal;} .scan_tab-bd{float:right;margin-top: -30%;margin-right: -10%;} .scan_tab-bd .scan_tab_box{display:none;position:relative;right: 0;top: 0;width: 100%;text-align: center;} .scan_tab-bd .scan_tab_box.thisclass{ display:block;} .scan_tab-bd .scan_tab_box img{ max-width:100%;} .scan_tab-bd .scan_tab_box span{position:absolute;bottom: 16%;background: #003da6;color: #fff;font-size: 16px;margin-left: 21px;/* left: 50%; */border-radius: 10px;padding: 2px 10px;margin-top: 20px;} @media (max-width:240px) { .scan_bg{position:relative;width:100%;overflow:hidden;display:block;padding:4.5rem 0px 0px;background:#f8f8f8; } .scan_tab-bd {float: right;margin-top: -40%;margin-right: 0%;} .scan_tab-hd {float:left;margin-top: 30%;} } @media (max-width:1920px) { .scan_bg{position:relative;width:100%;overflow:hidden;display:block;padding:4.5rem 0px 0px;background:#f8f8f8; } .scan_tab-bd {float: right;margin-top: -33%;margin-right: 0%;} .scan_tab-hd {float:left;margin-top: 30%;} } @media (max-width:1480px) { .scan_tab-hd {margin-top: 25%;} .scan_tab-bd {float: right;margin-top: -40%;margin-right: 0%;} } @media (max-width:1360px) { .scan_tab-hd {margin-top: 25%;} .scan_tab-bd {float: right;margin-top: -40%;margin-right: 0%;} } .mscan_bg{ display:none;} @media (max-width: 769px) { .scan_bg{ display:none;} .mscan_bg{position:relative; width:100%; overflow:hidden; display:block;background: #f8f8f8;padding: 3rem 0px 0rem;} .mscan_bg img{ max-width:100%;} .mscan_bg .scan_box{ margin-top:5%;} .mscan_bg .scan_box .n_title_box{ text-align:left; margin-bottom:2.5rem;} .mscan_bg .scan_box .n_title_box .n_title_t{ font-size:2.5rem; color:#003da6; font-weight:bold; text-transform:uppercase; line-height:1.1; font-family:Arial;} .mscan_bg .scan_box .n_title_box .n_title_p span{ display:inline-block; font-weight:normal;font-size:18px;margin-left: 0.5rem;color:#1c1c1c;} .mscan_bg .scan_box .n_title_box .n_title_p{font-size:2.5rem; color:#003da6; line-height:1; text-transform:uppercase;font-family:Arial; } .mscan_bg .scan_info{ overflow:hidden;} .mscan_bg .scan_info p{ color:#787f88; line-height:2; font-size:15px;} .n_title_box .n_title_p{font-size:18px;} .speech_box .n_title_box .n_title_p span{font-size:18px;} .yun-main-solution .n_title_box .n_title_p span{font-size:18px;} .index_news_bg .index_news_title h2{font-size:18px;} } /*-----------浜у搧鍜ㄨ------------*/ .consulta_bg{ padding:3.5rem 0px 200px; overflow:hidden; width:100%;} .consulta_box{ max-width:1300px; margin:3rem auto; } .zx_input{ margin:1rem 0px;} .zx_input h1{color:#a9aaaa;font-size: 0.8rem;font-weight:normal;line-height:1.5;} .zx_input h1 i{color:#003da6;font-size: 1rem;font-style:normal;line-height:1;} .zx_input .lyipt{border:1px solid #ededed;border-radius:10px;font-size: 0.8rem;width:100%;height:2.5rem;line-height:2.5rem;padding-left:0.5rem;color:#dcdcdc;} .zx_input .lyipt::placeholder { color:#dcdcdc} .zx_input textarea.lyipt{height:150px;font-size: 0.8rem;} .zx_input .file {position: relative;display: inline-block;background: #ededed;border: 1px solid #e0e0e0;border-radius:10px;padding: 6px 40px;overflow: hidden;color: #1c1c1c;text-decoration: none;text-indent: 0;font-size: 0.8rem;} .zx_input .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } .zx_input .file:hover { background: #003da6; border-color: #003da6; color: #fff; text-decoration: none; } .zx_input p{ color:#dcdcdc; font-size:14px; line-height:1.5;} .zx_submit{ text-align:center;} .slybtn {display: inline-block;padding: 10px 2.5rem;font-size: 16px;line-height: 1.5;text-align: center;cursor: pointer;border: 1px solid #003da6;border-radius:10px;color: #fff;background: #003da6;} /***-----------鍒嗛〉-----------****/ .text-center {text-align: center; margin-top:20px;} .pagination{display: inline-block; padding-left: 0; border-radius: 10px; font-size: 12px;} .pagination > li{display: inline;} .pagination > li > a, .pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;} .pagination > li:first-child > a, .pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #30d8a8; border-color: #30d8a8;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}