/****index*****/ /*banner*/ #banner{ width:100%; height:495px; overflow:hidden; position:relative; min-width: 1000px; } #banner_img { display: block; position: relative; height: 495px; } #banner_img li { position:absolute; bottom:0; left:0; width:100%; height:495px; background-position:center; background-size:cover; display:block; } #banner_img li + li{ display: none; } #banner_img li.item1 { background: url('../images/banner_1_bj.png') repeat-x center top; } #banner_img li.item2 { background: url('../images/banner_2_bj.jpg') repeat-x center top; } #banner_img .ad_txt { position:absolute; width:80%; height:auto; left:0; top:155px; color: #fff; } #banner_img .ad_txt h2{ font-size:40px; color:#fff; text-align:left; width:100%; line-height:50px; font-weight:normal; } #banner_img .ad_txt h2 img{ vertical-align: middle; } #banner_img .ad_txt p{ width:100%; text-align:left; font-size:24px; margin-top:40px; color: #fff; } #banner_img .ad_txt p i{ width: 1em; display: inline-block; } #banner_img .ad_txt a{ display:inline-block; width:170px; height:38px; line-height:38px; text-align:center; margin:40px auto 0; background:none; color:#fff; background: none; border:1px solid #fff; text-decoration:none; border-radius: 19px; font-size: 14px; } #banner_img .ad_txt a:hover{ background: #237cd2; border-color: #237cd2; color: #fff; } #banner_img .ad_img{ position: absolute; bottom: -495px; right: 0; } #banner_ctr { position: absolute; width:1000px; height:7px; left: 50%; top:-40px; margin-left: -500px; z-index: 1; text-align: center; } #banner_ctr ul { height:7px; width: 100%; line-height: 0; text-align: center; } #banner_ctr li { font-size: 0; width: 60px; height:7px; cursor: pointer; margin-left: 10px; vertical-align: middle; border-radius: 4px; background: #fff; background: rgba(255, 255, 255, 0.3); display: inline-block; position: relative; margin-right: -4px; } #banner_ctr li.first-item { background: #fff; width:0; cursor: default; display: none; } #banner_ctr li.last-item { background: #fff; width:0; cursor: default; display: none; } #drag_ctr { position: absolute; top:0; left:0; width: 60px; height:7px; background: #3f91db; z-index:50; border-radius: 4px; } .index_banner_jd{ width:100%; height:0; position:relative; } /*news*/ .index_news{ width: 100%; min-width: 1000px; height: 30px; background: #3f91db; } .index_news .news_list{ width: 90%; } .index_news .news_list li{ width: 33%; float: left; line-height: 30px; overflow: hidden; } .index_news .news_list li a{ display: block; overflow: hidden; color: #e2ecf8; white-space:nowrap; text-overflow:ellipsis; background: url('../images/news_icon.png') no-repeat left center; padding-left: 16px; } .index_news .news_list li a:hover{ color: #fff; } .index_news .news_more{ width: 10%; line-height: 30px; text-align: right; color: #fff; } .index_main_1{ width: 100%; min-width: 1000px; height: auto; background: url('../images/index_main1_bj.png') repeat-x center top; padding-top: 24px; overflow: hidden; padding-bottom: 30px; } .index_advantage{ width: 100%; height: 96px; background: #fff; box-shadow: 1px 1px 9px #c6d7e6; } .advantage_list{ color: #96b7dc; display: block; } .advantage_list li{ float: left; width: 20%; height: 96px; position: relative; background: #f0f5f7; padding-bottom: 10px; } .advantage_main{ position: absolute; width: 100%; height: 96px; padding-top: 21px; padding-left: 8%; box-sizing: border-box; background: #fff; box-shadow: 1px 1px 10px #c6d7e6; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; top: 0; cursor: pointer; } .advantage_main a{ color: #96b7dc; } .advantage_main h3{ font-size: 18px; color: #277bc2; font-weight: normal; padding-bottom: 10px; } .advantage_list .advantage_main:hover{ -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; top: -10px; box-shadow: 1px 1px 16px #b6d2e5; } .advantage_main.adv_1{ background: url('../images/advantage_icon1.png') no-repeat 90% 28px #fff; } .advantage_main.adv_2{ background: url('../images/advantage_icon2.png') no-repeat 90% 25px #fff; } .advantage_main.adv_3{ background: url('../images/advantage_icon3.png') no-repeat 90% 28px #fff; } .advantage_main.adv_4{ background: url('../images/advantage_icon4.png') no-repeat 90% 25px #fff; } .advantage_main.adv_5{ background: url('../images/advantage_icon5.png') no-repeat 90% 20px #fff; } /*index case*/ .index_case{ margin-top: 90px; } h1.title{ font-size: 22px; color: #277bc2; font-weight: normal; text-align: center; } h1.title p{ font-size: 14px; color: #8fb2d9; padding-top: 16px; } .index_case_main{ margin-top: 40px; } .index_case_main ul li{ float: left; width: 33.3%; display: block; height: 405px; padding: 2% 5%; box-sizing: border-box; text-align: center; } .index_case_main .case_icon, .index_case_main .case_icon img{ width: 120px; height: 120px; display: inline-block; } .index_case_main .c_line{ width: 100%; display: block; border-bottom: 1px solid #75b5da; position: relative; margin: 36px 0; } .index_case_main .c_line cite{ display: inline-block; font-size: 18px; line-height: 28px; width: 86px; height: 28px; font-style: normal; background: #fafbfc; position: absolute; top: 50%; left: 50%; color: #277bc2; margin: -14px 0 0 -43px; } .index_case_main li p{ text-align: left; color: #92b4d9; line-height: 26px; min-height: 90px; } .index_case_main .case_more{ width: 158px; height: 34px; line-height: 34px; font-size: 14px; color: #6699ce; border: 1px solid #6699ce; display: inline-block; overflow: hidden; } .index_case_main ul li:hover{ box-shadow: 0 0 24px #c9e4f9; background: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .index_case_main ul li:hover .c_line cite{ background: #fff; } .index_case_main ul li:hover .case_more{ background: #8acbff; color: #fff; border-color: #8acbff; } .index_case_main .case_more:hover{ background: #4fa6ec !important; border-color: #4fa6ec !important; } .index_product{ margin-top: 30px; background: url('../images/index_product_bj.png') repeat-x center 190px; padding-bottom: 50px; margin-bottom: 50px; } .p_box{ padding: 60px 3% 0; text-align: center; } .p_list{ background: #f1f7ff; box-shadow: 0 0 24px #c3d3e0; margin: 0 2%; vertical-align: top; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .p_list_title{ width: 100%; height: 136px; padding: 38px 6% 0 0; text-align: right; color: #fff; font-size: 24px; box-sizing: border-box; background: url('../images/p_list_icon1.png') no-repeat left center #5193ee; } .p_list_title p{ font-size: 14px; padding-top: 12px; opacity: 0.8; } .p_list_main{ padding: 20px 0 30px; display: flex; border-top: 5px solid #5194ee; } .p_list_main .column{ flex: 1; } .p_list_main .column .title{ color: #999; font-size: 16px; margin-bottom: 10px; } .p_list_main a{ height: 36px; border: 1px solid #c1d9fa; display: inline-block; line-height: 36px; font-size: 14px; color: #5194ee; margin: 6px 2%; min-width: 140px; } .p_list_main a.a_other{ width: 69.5%; min-width: 258px; } .p_list_main a:hover{ color: #fff; background-color: #91bcf5; } /*.p_list:hover{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translateY(-20px); transform: translateY(-20px); } .p_list:hover .p_list_title{ background-color: #74afff; }*/ .p_list2{ background: #edf9fb; } .p_list2 .p_list_title{ background-color: #059db8; background-image: url('../images/p_list_icon2.png'); } .p_list2:hover .p_list_title{ background-color: #00b8d9; } .p_list2 .p_list_main a{ color: #059db8; border-color: #a7dde7; } .p_list2 .p_list_main a:hover{ color: #fff; background-color: #62c2d3; } .p_list3{ background: #e9f1ff; } .p_list3 .p_list_title{ background-color: #1d5bc2; background-image: url('../images/p_list_icon3.png'); } .p_list3:hover .p_list_title{ background-color: #2f7eff; } .p_list3 .p_list_main a{ color: #1d5bc2; border-color: #abc4ed; } .p_list3 .p_list_main a:hover{ color: #fff; background-color: #6f97da; } /*data*/ .index_data{ background: #094e80 url("../images/map.png") no-repeat center; height: 700px; } .index_data h1{ position: relative; z-index: 5; color: #fff; padding-top: 30px; } .data_center_map{ width: 765px; height: 599px; position: relative; display: inline-block; background: url('../images/data_map.jpg') no-repeat right top; margin-top: -30px; z-index: 0; } .data_center_advantage{ position: absolute; text-align: left; width: 328px; left: 8%; top: 120px; z-index: 60; } .data_center_advantage h4{ height: 78px; font-size: 18px; line-height: 78px; display: block; vertical-align: middle; background: #2f6bb3; text-align: center; font-weight: normal; color: #fff; } .data_center_advantage h4 i{ display: inline-block; width: 27px; height: 28px; background: url('../images/center_advantage_icon.png') no-repeat center center; vertical-align: middle; margin-right: 10px; } .data_center_advantage ul{ background: #e5f3ff; color: #277bc2; padding: 10px 40px 40px; } .data_center_advantage ul li{ background: url('../images/center_advantage_licon.png') no-repeat 2px 21px; padding: 15px 18px; border-bottom: 1px solid #aad5f8; font-size: 14px; /* display: none; */ } .data_center_advantage ul li:last-child{ border-bottom: 0; } .container { position: relative; width: 15px; height: 15px; } .dot { position: absolute; width: 100%; height:100%; left: 0; top: 0; border-radius: 20px; background: #4476d2; z-index: 1; cursor: pointer; } .data_suzhou .dot, .data_kunshan .dot, .data_hongkong .dot, .data_guangzhou .dot{ background: #69bdff; } .pulse{ position: absolute; width: 200%; height: 200%; top: -55%; left: -55%; border: 1px solid #69bdff; border-radius: 50%; filter:alpha(opacity=0); opacity: 0; -webkit-animation: warn 3000ms ease-out 800ms infinite; -moz-animation: warn 3000ms ease-out 800ms infinite; animation: warn 3000ms ease-out 800ms infinite; } .pulse_2{ -webkit-animation-duration: 4500ms; -o-animation-duration: 4500ms; animation-duration: 4500ms; -webkit-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms; } .pulse2{ position: absolute; width: 300%; height: 300%; top: -105%; left: -105%; border: 1px solid #69bdff; border-radius: 50%; filter:alpha(opacity=0); opacity: 0; -webkit-animation: warn 3000ms ease-out 1200ms infinite; -moz-animation: warn 3000ms ease-out 1200ms infinite; animation: warn 3000ms ease-out 1200ms infinite; } .pulse2_2{ -webkit-animation-duration: 4500ms; -o-animation-duration: 4500ms; animation-duration: 4500ms; -webkit-animation-delay: 800ms; -o-animation-delay: 800ms; animation-delay: 800ms; } .pulse3{ position: absolute; width: 460%; height: 460%; top: -185%; left: -185%; border: 1px solid #69bdff; border-radius: 50%; filter:alpha(opacity=0); opacity: 0; -webkit-animation: warn 3000ms ease-out 1600ms infinite; -moz-animation: warn 3000ms ease-out 1600ms infinite; animation: warn 3000ms ease-out 1600ms infinite; } .pulse3_2{ -webkit-animation-duration: 4500ms; -o-animation-duration: 4500ms; animation-duration: 4500ms; -webkit-animation-delay: 1200ms; -o-animation-delay: 1200ms; animation-delay: 1200ms; } .data_bj .container, .data_shanghai .container, /* .data_guangzhou .container, */ .data_shenzhen .container { position: relative; width: 22px; height: 22px; } .data_bj, .data_suzhou, .data_kunshan, .data_shanghai, .data_guangzhou, .data_shenzhen, .data_hongkong{ position: absolute; } .data_bj{ left: 523px; top: 228px; } .data_suzhou{ left: 550px; top: 335px; } .data_kunshan{ left: 572px; top: 355px; } .data_shanghai{ left: 600px; top: 372px; } .data_guangzhou{ left: 460px; top: 482px; } .data_shenzhen{ left: 486px; top: 500px; } .data_hongkong{ left: 524px; top: 524px; } .data_name_btn{ width: 50px; height: 21px; line-height: 20px; font-size: 14px; background: #4476d2; color: #fff; display: block; text-align: center; position: absolute; cursor: pointer; } .data_name_btnmin{ width: 45px; height: 18px; line-height: 18px; background: #69bdff; font-size: 13px; } .data_name_btn:hover{ background: #4184ff; } .data_name_btnmin:hover{ background: #2ca2ff; } .name_bj{ top: 230px; left: 455px; } .name_suzhou{ top: 335px; left: 490px; } .name_kunshan{ left: 520px; top: 365px; } .name_shanghai{ top:375px; left: 640px; } .name_guangzhou{ left: 390px; top: 478px; } .name_shenzhen{ left: 435px; top: 525px; } .name_hongkong{ left: 554px; top: 530px; } .data_center_map .data_name{ position: absolute; z-index: 100; padding: 15px 20px; background: #64acea; background: rgba(100, 172, 234, 0.7); display: none; } .data_name li{ display: block; position: relative; padding-left: 22px; color: #fff; text-align: left; } .data_name li +li{ margin-top: 5px; } .data_name li:before{ content: ""; width: 8px; height: 8px; background: #fff; display: block; position: absolute; left: 0; top: 5px; } .data_name.bj{ top: 160px; right: 320px; } .data_name.suzhou{ top: 306px; right: 285px; } .data_name.kunshan{ bottom: 240px; left: 445px; } .data_name.shanghai{ bottom: 230px; right: 0px; } .data_name.guangzhou{ bottom: 100px; right: 385px; } .data_name.shenzhen{ bottom: 80px; left: 435px; } .data_name.hongkong{ bottom: 75px; right: 165px; } /*index ad*/ .index_ad{ width: 100%; min-width: 1000px; height: 155px; background: url('../images/index_ad.jpg') repeat-x center top; } .index_partner ul{ padding: 60px 5%; } .index_partner ul li{ width: 16%; height: 90px; line-height: 90px; display: inline-block; text-align: center; } .index_partner ul li img{ display: inline-block; vertical-align: middle; } .index_aptitude{ width: 100%; min-width: 1000px; height: 100px; margin: 40px 0; background: url('../images/index_renz.png') no-repeat center top; box-shadow: 1px 1px 9px #c6d7e6; } .index_aptitude a{ width: 100%; height: 100%; display: block; } .index_ad2{ width: 100%; min-width: 1000px; height: 145px; background: url('../images/index_ad2.jpg') repeat-x center top; text-align: center; margin-top: 40px; color: #fff; padding-top: 45px; } .index_ad2 h1{ font-size: 30px; font-weight: normal; } .index_ad2 a{ width: 158px; height: 40px; border: 1px solid #fff; line-height: 40px; font-size: 16px; color: #fff; display: inline-block; border-radius: 40px; margin-top: 20px; } .index_ad2 a:hover{ background: rgba(255, 255, 255, 0.2); } /*sub page*/ /*news*/ .sec_box{ min-width: auto; font-size: 14px; display: table; table-layout: fixed; width: 100%; } .sec_menu{ width: 160px; border-right: 1px solid #51a6f9; color: #277bc2; padding-bottom: 40px; height: auto!important; display: table-cell; table-layout: fixed; } .sec_menu h1{ font-size: 22px; font-weight: normal; padding-top: 50px; } .sec_menu dl{ display: block; margin-top: 30px; } .sec_menu dl dt{ margin-bottom: 10px; font-size: 16px; } .sec_menu dl dt img{ width: 17px; height: 17px; vertical-align: middle; margin-right: 8px; } .sec_menu dl dd a{ color: #277bc2; padding: 9px 0 9px 25px; display: block; } .sec_menu dl dd a:hover{ color: #0a4a8c; } .sec_menu dl dd a.active{ color: #0a4a8c; } .sec_main{ width: 100%; padding: 50px 0 50px 4%; vertical-align: top; display: table-cell; table-layout: fixed; } .sec_main h2{ width: 100%; font-size: 20px; color: #277bc2; text-align: center; font-weight: normal; position: relative; display: flex; align-items: center; } .sec_main h2:before,.sec_main h2:after{ content: ""; width: 50%; height: 1px; flex: 1; background: #bed7ed; } .sec_main h2 span{ display: inline-block; padding: 0 20px; position: relative; font-weight: bold; } .sec_main h2 .slogan{ padding: 0 25px; background: #fff; z-index: 1; display: inline-block; text-align: center; position: relative; } .sec_main h2 .left{ position: absolute; top: -12px; font-weight: bold; } .sec_main h2 .right{ position: absolute; right: 0; top: -12px; } .news_list_box{ display: table; margin-top: 30px; } .news_list_box dt, .news_list_box dd{ display: table-cell; vertical-align: top; } .news_list_box dt{ width: 130px; padding-right: 20px; } .news_list_box dt span{ height: 28px; line-height: 28px; display: inline-block; padding: 0 22px; background: #8acbff; color: #fff; border-radius: 14px; } .news_list_box dd li h3 a{ font-size: 16px; color: #277bc2; padding-bottom: 20px; display: inline-block; font-weight: normal; } .news_list_box dd li h3 a:hover{ color: #8acbff; } .news_list_box dd li p{ line-height: 24px; color: #999; } .news_list_box dd li + li{ margin-top: 35px; } .next_page{ margin-top: 60px; text-align: center; color: #666; } .news_last_back{ position: absolute; left: 0; top: -10px; font-size: 14px; color: #277bc2; background: #ccc; background: url('../images/news_last_back.png') no-repeat 2px center; padding-left: 28px; } .news_last_back:hover{ color: #8acbff; } .news_last_time{ display: block; text-align: center; color: #999; font-size: 12px; font-weight: normal; padding: 15px 0 40px; } .news_last_box{ font-size: 14px; color: #555; line-height: 30px; } .news_last_box p{ margin-bottom: 30px; } .news_last_link{ border-top: 1px solid #bed7ed; padding-top: 5px; } .news_last_link ul li{ display: table-cell; width: 1%; text-align: right; line-height: 14px; } .news_last_link ul li a{ color: #277bc2; font-size: 12px; display: inline-block; } .news_last_link ul li:first-child{ text-align: left; } .news_last_link ul li a:hover{ color: #8acbff; } /*about*/ .ab_history_box{ margin-top: 28px; display: flex; } .ab_history_boxl, .ab_history_boxr{ width: 100%; height: auto; box-sizing: border-box; /*display: table-cell;*/ vertical-align: top; } /*.ab_history_boxl{ border-right: 1px solid #bed7ed; }*/ .ab_history_boxl{ display: flex; } .ab_history_boxl .left, .ab_history_boxl .right{ flex: 1; } .ab_history_boxl:before{ position:absolute; display: block; content: ''; left: 50%; right: 0; top: 0; bottom: 0; width: 1px; background: #bed7ed; } .history_list_box{ position: relative; margin-bottom: 30px; } /*.history_list_box:nth-child(2n){ float: left; clear: left; } .history_list_box:nth-child(2n+1){ clear: right; float: right; }*/ .history_list_year{ width: 120px; height: 29px; position: absolute; color: #fff; line-height: 29px; background: url('../images/ab_history_img.png') no-repeat; z-index: 40; } .right .history_list_box .history_list_year{ background: url('../images/ab_history_imgr.png') no-repeat; left: -30px; padding-left: 17px; text-align: left; top: 20px; } .left .history_list_box .history_list_year{ text-align: right; padding-right: 20px; right: -36px; top: 60px; } .left .history_list_box .history_list_main{ margin-right: 98px; } .right .history_list_box .history_list_main{ margin-left: 98px; } .ab_history_boxr .history_list_box{ padding-right: 0; padding-left: 98px; margin-bottom: 30px; } .ab_history_boxr .history_list_year{ text-align: left; padding-right: 0; padding-left: 12px; left: -30px; right: auto; top: 30%; background: url('../images/ab_history_imgr.png') no-repeat; } .ab_history_first .history_list_year{ top: 0; } .ab_history_other .history_list_year{ top: 70%; } .history_list_main{ padding: 25px; border: 1px solid #8acbff; } .history_list_main dl{ display: table; color: #277bc2; } .history_list_main dl + dl{ margin-top: 25px; } .history_list_main dt, .history_list_main dd{ display: table-cell; vertical-align: top; } .history_list_main dt{ width: 60px; border-right: 1px solid #8acbff; font-size: 30px; font-weight: bold; line-height: 30px; } .history_list_main dd{ padding-left: 16px; } .history_list_main dl p{ font-size: 12px; line-height: 20px; font-weight: normal; } .history_list_main dl dd p + p{ margin-top: 15px; } .history_list_main dd img{ margin-top: 5px; vertical-align: middle; margin-right: 5px; } /*honor*/ .ab_honor_box{ padding-top: 50px; } .ab_honor_box ul { position: relative; float: left; /* padding-left: 20px; */ } /* .ab_honor_box ul:before{ position: absolute; content: ''; display: block; border-left: 3px solid #eee; left: 20px; bottom: 0; top: 0; } */ .ab_honor_box ul li{ float: left; width: 100%; } .ab_honor_box ul li ~ li{ margin-top: 40px; } .ab_honor_box ul li .tl-icon{ display: none; /* position: absolute; left: -2px; background: #237cd2; border-radius: 50%; width: 46px; height: 46px; font-size: 16px; color: #fff; line-height: 46px; text-align: center; */ } .ab_honor_box ul li .item{ width: 25%; float: left; text-align: center; padding: 15px 2%; box-sizing: border-box; } .ab_honor_box .honor_img{ min-width: 150px; display: block; height: 150px; overflow: hidden; position: relative; text-align: center; } .ab_honor_box .honor_img img{ display: inline-block; vertical-align: bottom; height: 150px; width: 100%; object-fit: contain; } .honor_img i{ width: 0; height: 100%; display: inline-block; vertical-align: bottom; visibility: hidden; overflow: hidden; } .ab_honor_box ul li p{ display: inline-block; color: #666; padding-top: 10px; height: 48px; } .about_aptitude_box{ padding-top: 50px; } .about_aptitude_box ul li{ width: 20%; float: left; text-align: center; padding: 15px 2%; box-sizing: border-box; } .about_aptitude_box .honor_img{ min-width: 150px; display: block; height: 150px; overflow: hidden; position: relative; text-align: center; } .about_aptitude_box .honor_img img{ display: inline-block; vertical-align: bottom; } .about_aptitude_box ul li p{ display: inline-block; color: #666; padding-top: 10px; height: 55px; overflow: hidden; } .about_pay_box{ padding-top: 50px; } .about_pay_box ul{ margin: 0 -10px; overflow: hidden; } .about_pay_box ul li{ float: left; padding: 0 10px; width: 50%; box-sizing: border-box; margin-bottom: 20px; } .pay_bank{ width: 100%; min-height: 270px; border: 1px solid #bdcbd2; } .pay_bank dt{ display: block; background: #f1f6fc; height: 114px; text-align: center; line-height: 114px; } .pay_bank dt img{ display: inline-block; vertical-align: middle; } .pay_bank dd{ padding: 38px 5% 10px; color: #555; } .pay_bank dd p + p{ margin-top: 15px; } .pay_bank dd p span{ display: table-cell; } .pay_notes{ margin-top: 55px; } .pay_notes h4{ font-size: 16px; color: #277bc2; font-weight: normal; padding-bottom: 16px; } .pay_notes p{ color: #555; margin-bottom: 12px; } /*about contact*/ .about_contact_box{ padding-top: 60px; } .contact_list{ width: 100%; height: auto; border: 1px solid #8acbff; padding: 20px 0; } .contact_list dl{ display: inline-block; width: 32%; padding: 2% 3%; box-sizing: border-box; vertical-align: top; min-height: 128px; } .contact_list dl dt{ font-size: 16px; color: #277bc2; padding-bottom: 16px; border-bottom: 1px solid #8acbff; } .contact_list dl dt:before{ content: ""; width: 9px; height: 9px; display: inline-block; background: #8acbff; margin-right: 10px; } .contact_list dl dd{ padding-top: 15px; color: #888; } .contact_list dl dd .text{ font-size: 12px; line-height: 22px; color: #8acbff; padding-top: 10px; } .contact_list dl dd a{ color: #8acbff; } .about_contact_map{ width: 100%; height: auto; margin-top: 60px; } .contact_map_img{ /* width: 515px; */ width: 55%; height: 210px; text-align: center; display: inline-block; vertical-align: top; } .contact_map_text{ display: inline-block; vertical-align: top; color: #777; width: 42%; } .contact_map_text h5{ font-size: 20px; color: #277bc2; font-weight: normal; padding: 16px 0; } .contact_map_text ul{ margin-top: 14px; color: #999; } .contact_map_text ul li{ margin-bottom: 10px; } .contact_map_text ul li:before{ content: ""; width: 7px; height: 7px; display: inline-block; background: #8acbff; margin-right: 8px; } .business_list{ width: 100%; height: auto; border: 1px solid #8acbff; padding: 20px; margin-bottom: 15px; box-sizing: border-box } .business_list h3{ font-size: 20px; color: #277bc2; font-weight: normal; } .business_text{ padding: 16px 0; color: #666; text-indent: 2em; line-height: 30px; } .business_contact li{ display: inline-block; margin-right: 3em; color: #277bc2; line-height: 20px; } .business_contact li:before{ content: ""; width: 7px; height: 7px; display: inline-block; background: #8acbff; margin-right: 8px; vertical-align: middle; } .about_us_box{ padding-top: 55px; } .about_us_box h1{ font-size: 26px; color: #277bc2; display: block; text-align: center; font-weight: normal; } /*.about_us_text{ padding-top: 65px; }*/ .about_video{ height: 204px; float: right; margin-left: 40px; margin-bottom: 20px; } .about_us_text p{ line-height: 36px; color: #666; text-indent: 2em; } .about_us_img{ text-align: center; border-top: 1px solid #8acbff; margin-top: 55px; } .about_us_img img{ max-width: 100%; } /*about video*/ .yovole_layer02{ width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:1000; position:fixed; left:0; top:0; } .yovole_video_box02{ width:980px; height:552px; background:#fff; border:8px solid #8acbff; position:fixed; left:50%; margin-left:-490px; top:50%; margin-top:-276px; z-index:1001; } .yovole_video_box02 p.btn02{ width:1000px; height: 30px; position:absolute; right:-10px; bottom: -42px; text-align: right; text-indent: 0; } .yovole_video_box02 p.btn02 a{ display: inline-block; height:30px; line-height:30px; color:#fff; font-size:14px; background: #8acbff; border-radius: 15px; text-align: center; font-size: 12px; width: 42px; } .yovole_video_box02 p.btn02 a:hover{ background: #237cd2; } /*try*/ .try_main1_box{ width: 100%; height: auto; overflow: hidden; background: url('../images/try_bj.jpg') no-repeat center top; } .try_box_1{ padding-top: 65px; min-height: 660px; } .try_box_1 h2{ font-size: 32px; color: #237cd2; font-weight: normal; text-align: center; } .try_box_1 h2 span{ font-size: 18px; display: block; padding-top: 16px; } .try_box1_main{ width: 96%; margin: 35px auto 70px; background: #fff; box-shadow: 0 0 20px #c9d2d8; position: relative; } .try_box1_title{ position: absolute; top: -2px; left: 0; width: 317px; height: 36px; background: url('../images/try_title.png') no-repeat left top; line-height: 36px; color: #fff; padding-left: 32px; } .try_box1_choose{ padding: 75px 0 60px; } .try_box1_choose dt{ width: 88px; padding-left: 32px; float: left; margin-bottom: 30px; font-size: 16px; color: #4a85b7; } .try_box1_choose dd{ padding-left: 120px; margin-bottom: 30px; padding-right: 30px; } .try_box1_choose dd label{ width: 11%; height: 43px; border: 1px solid #b0cadf; display: inline-block; vertical-align: middle; line-height: 43px; text-align: center; cursor: pointer; color: #4a85b7; } .try_box1_choose dd label.active{ background: url('../images/try_choose_icon.png') no-repeat left top #e5f0fa; border-color: #006dca; color: #006dca; } .try_box1_choose dd label span{ font-size: 12px; } .try_box1_choose dd.choose_other label{ width: 20%; } .try_box1_choose dd.choose_other label:last-child{ width: 30.5%; } .try_box1_choose dd.choose_other2 label{ width: 92%; height: 120px; line-height: 120px; vertical-align: middle; } .try_box1_choose dd.choose_other2 label > span{ font-size: 22px; background: url('../images/try_choose_icon2.png') no-repeat left center; display: inline-block; padding-left: 55px; } .try_box1_choose dd.choose_other2 label.active > span{ background-image: url('../images/try_choose_icon2_2.png'); } .try_box1_choose dd.choose_other2 label > label{ float: right; width: 50%; height: 76px; line-height: 76px; background: #fff; margin: 20px 2% 0 0; } .try_box1_choose dd.choose_other2 label > label > span{ font-size: 20px; padding-left: 55px; background: url('../images/try_choose_icon3.png') no-repeat left center; } .try_box1_choose dd.choose_other2 label > label.active{ background: url('../images/try_choose_icon.png') no-repeat left top #d3e6f6; } .try_box1_choose dd.choose_other2 label > label.active > span{ background-image: url('../images/try_choose_icon3_2.png'); } .try_main2_box{ width: 100%; height: auto; overflow: hidden; background: url('../images/try_bj2.jpg') repeat-x center top; } .try_box_2{ padding-top: 45px; } .try_box2_form{ width: 95%; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #4398be; } .try_box2_form .col_md_2, .try_box2_form .col_md_4{ float: left; padding: 5px 10px; box-sizing: border-box; color: #fff; vertical-align: middle; margin-bottom: 20px; } .try_box2_form .col_md_2{ width: 15%; padding-top: 11px; } .try_box2_form .col_md_4{ width: 35%; } .try_box2_form .col_md_4 input{ box-sizing: border-box; width: 100%; height: 34px; border: 1px solid #adcbe6; vertical-align: middle; background: none; padding-left: 10px; color: #fff; } .try_box2_form .col_md_4 select{ width: 100%; height: 34px; border: 1px solid #adcbe6; vertical-align: middle; background: none; padding-left: 10px; line-height: 28px; color: #fff; } .try_box2_form .col_md_4 select option{ color: #555; } .try_box2_form .col_md_4 input.input_w120{ width: 120px; } .try_box2_form .col_md_4 img{ vertical-align: middle; } .choose_btn{ width: 190px; height: 54px; border: 1px solid #adcbe6; display: block; margin: 30px auto; font-size: 22px; line-height: 54px; color: #fff; text-align: center; border-radius: 27px; } .choose_btn:hover{ background: rgba(255, 255, 255, 0.2); } /*技术支持*/ .tech_box{ width: 50%; padding: 20px; box-sizing: border-box; float: left; margin: 50px 0 80px; } .tech_box_main{ width: 100%; height: auto; box-shadow: 0 0 24px rgba(80, 110, 130, 0.4); background: url('../images/tech_icon1.png') no-repeat left 15px #fff; height: 345px; overflow: hidden; } .tech_box_main dl{ padding: 36px 0 0 25%; color: #70aceb; } .tech_box_main dl dt{ color: #237cd2; font-size: 26px; padding-bottom: 26px; } .tech_box_main dl dd{ font-size: 16px; padding-bottom: 10px; } .tech_box_main dl dd span{ font-size: 12px; } .tech_box_main dl dd:before{ content: ""; width: 7px; height: 7px; background: #70aceb; display: inline-block; margin-right: 12px; vertical-align: middle; } .tech_link{ width: 60%; min-width: 270px; height: 52px; border: 1px solid #70aceb; display: block; margin: 35px auto 0; text-align: center; line-height: 52px; font-size: 16px; color: #70aceb; } .tech_link:hover{ background: rgba(138, 202, 255, 0.2); } .tech_link img{ vertical-align: middle; margin-right: 5px; } .tech_box_main2{ background-image: url('../images/tech_icon2.png'); } .tech_main2_box{ width: 100%; height: 250px; background: url('../images/tech_bj.jpg') repeat-x center top; overflow: hidden; } .tech_kef_l{ width: 35%; padding: 20px; box-sizing: border-box; color: #abd4f4; font-size: 16px; line-height: 30px; height: 210px; } .tech_kef_l h1{ font-size: 32px; font-weight: normal; color: #fff; padding-bottom: 32px; } .tech_kef_r{ width: 65%; padding: 20px; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 20px; } .tech_kef_r li{ display: table-cell; width: 1%; text-align: center; } .tech_kef_r li p{ padding-top: 16px; } /*product*/ .product_banner{ width: 100%; height: 290px; background: #5194ee; } .banner_text{ height: 100%; padding-left: 285px; box-sizing: border-box; padding-top: 60px; } .banner_text h1{ font-size: 34px; line-height: 36px; color: #fff; font-weight: normal; } .banner_text h1 img{ vertical-align: middle; } .banner_text .text{ line-height: 24px; color: #fff; margin-top: 26px; z-index: 10; } .banner_text .banner_link{ width: 138px; height: 36px; border: 1px solid #fff; display: inline-block; color: #fff; text-align: center; line-height: 36px; margin-top: 20px; } .banner_text .banner_icon{ position: absolute; bottom: 0; right: 0; z-index: 0; } .banner_text .banner_link:hover{ background: rgba(255, 255, 255, 0.2); } .product_box{ padding-left: 285px; box-sizing: border-box; } .product_l_menu{ width: 225px; border-top: 16px solid #a6ccff; left: 0; top: -240px; background: #fcfcfc; box-shadow: 0 0 13px rgba(0, 0, 0, 0.3); } .p_l_menu_title{ width: 162px; height: 42px; background: url('../images/p_menu_tit.png') no-repeat; line-height: 42px; color: #fff; font-size: 16px; padding-left: 18px; left: -1px; top: -18px; } .p_l_menu_list{ margin-left: 28px; border-left: 1px solid #dbeaff; padding-top: 1px; padding-bottom: 40px; } .p_l_menu_list dt{ margin-top: 50px; padding-left: 24px; font-size: 16px; color: #8ab9ff; position: relative; } .p_l_menu_list dt:before{ content: ""; width: 6px; height: 6px; border-radius: 20px; background: #8ab9ff; display: inline-block; position: absolute; left: -8px; top: 4px; border: 5px solid #cfeaff; } .p_l_menu_list dd{ padding-left: 24px; line-height: 16px; } .p_l_menu_list dd a{ color: #5888c7; vertical-align: middle; margin-top: 14px; display: block; } .p_l_menu_list dd a:hover{ color: #0a4a8c; } .p_l_menu_list dd a.active{ color: #0a4a8c; } .p_l_menu_list dd a img{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px; } .product_r_box{ width: 100%; padding-bottom: 40px; } .product_r_box .p_r_title{ font-size: 20px; color: #5194ee; font-weight: normal; padding-top: 50px; } .p_r_advantage{ padding-top: 35px; } .p_r_adlist{ float: left; width: 25%; padding-right: 5%; box-sizing: border-box; /* min-height: 290px; */ overflow: hidden; } .p_adlist_img img{ width: 59px; height: 59px; } .p_r_adlist h3{ font-size: 18px; color: #5194ee; font-weight: normal; padding: 22px 0; } .p_r_adlist p{ line-height: 26px; color: #999; } .p_r_function{ margin: 0 -4px; margin-top: 20px; } .p_r_function .p_function_list{ float: left; width: 50%; /* background: #ccc; */ padding:4px; box-sizing: border-box; } .p_r_function .p_function_list dl{ border: 1px solid #bbd8ff; padding: 30px 20px; height: 72px; } .p_function_list dl dt, .p_function_list dl dd{ display: table-cell; vertical-align: top; } .p_function_list dl dt{ width: 76px; height: 80px; background: url('../images/function_list_dtbj.png') no-repeat left top; padding: 14px 0 0 15px; box-sizing: border-box; } .p_function_list dl dd{ padding-left: 16px; line-height: 22px; color: #617a9c; } .p_function_list dl dd h4{ font-size: 16px; color: #5194ee; line-height: 16px; font-weight: normal; padding-bottom: 15px; } .p_mix{ margin-top: 20px; } .p_mix li{ display: inline-block; width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #5194ee; background: #eff2f5; } .p_mix li img{ vertical-align: middle; margin-right: 1em; } .p_mix li + li{ margin-left: 10px; } /*yovole cloud*/ .yc_top{ background: #202730; } .yc_top .top_l, .yc_top .top_r li a{ color: #83909d; } .yc_nav{ background: #2a3440; } .yc_nav_more{ background-image: url('../images/ycnav_more_bj.jpg'); } .yc_nav_more .more_main1_l ul li a, .yc_nav_more .more_main1_r ul li a, .yc_nav_more .more_main2_r, .yc_nav_more .c_server a, .yc_nav_more .name_l_main1{ background-color: rgba(0, 136, 186, 0.6); } .yc_nav_more .more_main1_l ul li a:hover, .yc_nav_more .more_main1_r ul li a:hover, .yc_nav_more .more_main2_l li.active a, .yc_nav_more .more_main2_l li a:hover, .yc_nav_more .c_server a:hover, .yc_nav_more .name_other_box > a:hover{ background-color: #02c3f1; } .yc_nav_more .name_l_main1 li a:hover{ background: #02c3f1; border-color: #02c3f1; } .yc_nav_more .more_main3_dl dt{ border-bottom-color: #969ba0; } .yc_banner{ width: 100%; height: 410px; background: url('../images/yc_banner_bj.jpg') repeat-x center top; } .yc_banner_text{ padding-top: 110px; height: 300px; } .yc_banner_text h1{ width: 66%; font-size: 38px; color: #fff; font-weight: normal; padding-bottom: 32px; } .yc_banner_text .text{ width: 62%; font-size: 12px; line-height: 24px; color: #bbb; z-index: 30; } .yc_banner_text .text cite{ font-size: 18px; color: #f0f0f0; font-style: normal; padding-bottom: 20px; display: block; } .yc_banner_text .banner_img{ position: absolute; bottom: 0; right: 0; z-index: 0; } .yc_main1{ width: 100%; min-height: 530px; background: #edf5f9; padding: 1px 0 40px; } .yc_main_title{ margin-top: 70px; color: #323e4e; font-weight: normal; width: 100%; text-align: center; position: relative; border-bottom: 1px solid #e6e9ed; } .yc_main_title span{ width: 128px; display: inline-block; position: absolute; bottom: -12px; left: 50%; margin-left: -64px; background: #edf5f9; } .yc_main1_box{ width: 100%; height: auto; margin: 105px -4px 0; } .yc_advantage_list{ padding: 0 4px; display: inline-block; width: 20%; float: left; box-sizing: border-box; position: relative; } .yc_advantage_detail{ min-height: 230px; border: 1px solid #c6dce4; padding: 90px 10% 0; color: #9098a0; line-height: 24px; } .yc_advantage_detail h4{ text-align: center; font-size: 18px; color: #323e4e; padding-bottom: 26px; font-weight: normal; } .yc_advantage_list_img{ position: absolute; width: 106px; height: 114px; left: 50%; margin-left: -53px; top: -55px; background: url('../images/yc_advantage_bj.png') no-repeat center top; text-align: center; padding-top: 18px; box-sizing: border-box; } .yc_advantage_list_img img{ width: 70px; height: 70px; display: inline-block; -webkit-transition: all 700ms ease; transition: all 700ms ease; } .yc_advantage_list:hover .yc_advantage_list_img img{ -webkit-transform: rotateY(360deg) scale(1.2); -ms-transform: rotateY(360deg) scale(1.2); transform: rotateY(360deg) scale(1.2); } .yc_main2{ padding: 2px 0 60px; } .yc_main2 .yc_main_title span{ background: #fff; } .yc_main2 ul li{ width: 33.3%; display: inline-block; float: left; padding: 0 5%; box-sizing: border-box; margin-top: 70px; line-height: 22px; color: #a1a5aa; min-height: 300px; } .yc_main2 ul li img{ width: 135px; height: 137px; display: block; margin: 0 auto; } .yc_main2 ul li h5{ font-size: 16px; font-weight: normal; color: #323e4e; text-align: center; padding: 32px 0 20px; } .yc_main3{ height: 718px; background: url('../images/yc_main3_bj.jpg') repeat-x center top; } .yc_server{ padding-top: 76px; } .yc_server_l{ width: 232px; float: left; } .yc_server_l h2{ font-size: 40px; color: #fff; font-weight: normal; padding: 38px 0; border-bottom: 1px solid #767e86; margin-bottom: 50px; } .yc_server_link{ width: 158px; height: 46px; background: #3a6173; display: inline-block; margin-top: 45px; text-align: center; line-height: 46px; color: #fff; } .yc_server_link img{ vertical-align: middle; margin-right: 10px; } .yc_server_link:hover{ background: #377f98; } .yc_server_r{ width: 100%; box-sizing: border-box; padding-left: 270px; } .yc_server_list{ margin: 0 -5px; } .yc_server_list li{ display: table-cell; width: 1%; padding: 0 5px; box-sizing: border-box; vertical-align: top; } .yc_server_listbox{ width: 100%; height: 410px; border: 1px solid #707880; } .yc_server_listbox img{ display: block; margin: 66px auto 0; } .yc_server_listbox h3{ font-size: 22px; font-weight: normal; color: #fff; text-align: center; padding: 36px 0; } .yc_server_listbox p{ display: block; padding: 0 12%; color: #9ca0a5; line-height: 22px; } .yc_server_detail{ display: none; width: 100%; height: 410px; border: 1px solid #48d3ff; background: rgba(40, 205, 255, 0.2); -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .yc_server_detail_tit{ width: 177px; height: 30px; line-height: 30px; padding-left: 32px; background: url('../images/yc_server_titbj.png') no-repeat left top; color: #fff; font-size: 16px; } .yc_server_detail_det{ display: block; padding: 10px 8% 0; color: #fff; line-height: 22px; } .yc_server_detail_det p{ margin-top: 18px; } .yc_server_detail_det p.other{ font-size: 12px; } .yc_server_list .animated { -webkit-animation-duration: 300ms; animation-duration: 300ms; } .yc_try{ width: 100%; height: 68px; background: url('../images/yc_try_bj.jpg') repeat-x center top; padding-top: 20px; margin-top: 88px; } .yc_try a{ width: 160px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff; display: block; margin: 0 auto; border-radius: 20px; font-size: 16px; } .yc_try a:hover{ background-color: rgba(255, 255, 255, 0.2); } /*case*/ .case_banner{ min-width: 1200px; height: 298px; background-color: #54a4f1; } .case_banner .banner_text{ padding-top: 90px; padding-left: 0; } .case_banner .banner_text h1{ font-size: 44px; } .case_banner .banner_text .text{ font-size: 16px; margin-top: 32px; line-height: 30px; } .case_main{ width: 1200px; margin: 0 auto; } .case_tit{ width: 100%; border: none; border-top: 1px solid #d8dfe3; margin: 60px 0 0; padding: 0; } .case_tit legend{ font-size: 20px; padding: 0 35px; color: #718da9; text-align: center; margin: 0 auto; } .case_box1{ margin: 65px -12px 0; } .case_box1 .case_box1_list{ width: 290px; float: left; margin-left: 13px; padding: 0 15px; box-sizing: border-box; position: relative; margin-bottom: 20px; } .case_box1_list img{ width: 260px; height: 82px; display: block; } .case_box1_list .case_list_tit{ width: 100%; height: 35px; background-color: #439fff; color: #fff; font-size: 20px; line-height: 35px; text-align: center; position: absolute; left: 0; top: 85px; } .case_box1_list .case_box1_det{ width: 100%; background-color: #fff; min-height: 240px; padding: 78px 15px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #637b95; line-height: 20px; } .case_box1_det li{ padding-left: 14px; position: relative; } .case_box1_det li + li{ margin-top: 18px; } .case_box1_det li:before{ content: ""; display: inline-block; width: 6px; height: 6px; background-color: #63aaf4; position: absolute; left: 0; top: 8px; } .case_star_p{ margin-top: 55px; padding-bottom: 80px; } .case_star_btn{ height: 72px; border-bottom: 1px solid #63aaf4; position: relative; } .case_star_btn li{ width: 209px; height: 70px; border: 1px solid #bfd2e2; border-bottom-color: #63aaf4; display: inline-block; float: left; position: relative; bottom: -1px; font-size: 16px; line-height: 70px; color: #9bb9d3; background: url('../images/case_star_btn_icon1.png') no-repeat 44px center; padding-left: 85px; cursor: pointer; } .case_star_btn li + li{ margin-left: 5px; } .case_star_btn li.active{ width: 210px; color: #1b5898; background-image: url('../images/case_star_btn_icon2.png'); border-color: #63aaf4; border-top-width: 7px; border-bottom-color: #fff; bottom: 5px; box-shadow: 2px -5px 5px rgba(0, 0, 0, 0.2); } .case_star_btn li:hover{ color: #1b5898; background-image: url('../images/case_star_btn_icon2.png'); border-color: #63aaf4; border-top-width: 7px; border-bottom-color: #fff; bottom: 5px; box-shadow: 3px -5px 5px rgba(0, 0, 0, 0.2) } .case_star_main{ height: 240px; border: 1px solid #63aaf4; border-top: none; padding: 45px 50px; box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3); } .star_main_box{ color: #637b95; line-height: 24px; } .star_main_box p + p{ margin-top: 24px; } .case_tech_main{ width: 100%; min-width: 1200px; height: 520px; background: url('../images/case_tech.jpg') repeat-x center top; padding-top: 1px; box-sizing: border-box; } .case_tech_main .case_tit legend{ color: #fff; } .case_tech_box{ width: 260px; height: 320px; border-width: 10px; border-style: solid; border-color: #8ab8ff transparent transparent transparent; display: inline-block; margin-top: 65px; vertical-align: top; } .case_tech_box + .case_tech_box{ margin-left: 22px; } .box_techmain{ height: 100%; padding: 30px 35px 0; background: #edeff1; box-sizing: border-box; color: #7e8791; line-height: 24px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); } .box_techmain img{ display: block; margin: 0 auto; } .box_techmain h3{ font-size: 18px; font-weight: normal; color: #1b5898; padding: 35px 0 18px; text-align: center; } .case_tech_box.tbox2{ border-top-color: #03acac; } .case_tech_box.tbox3{ border-top-color: #31a9e9; } .case_tech_box.tbox4{ border-top-color: #83a8c5; } .case_customer{ padding: 65px 0 20px; } .case_customer li{ width: 50%; height: 128px; float: left; padding-right: 65px; box-sizing: border-box; margin-bottom: 10px; overflow: hidden; } .case_customer li dt, .case_customer li dd{ display: table-cell; vertical-align: top; } .case_customer li dt{ width: 138px; text-align: right; overflow: hidden; } .case_customer li dt img{ display: inline-block; } .case_customer li dd{ padding-left: 32px; font-size: 12px; line-height: 22px; color: #6e7073; } .case_customer li dd h5{ font-size: 16px; padding-bottom: 10px; } /*data*/ .data_banner{ background: url('../images/banner_2_bj.jpg') repeat-x center top; height: 495px; } .data_banner .banner_text{ padding-left: 0; padding-top: 190px; } .data_banner .banner_text h1{ font-size: 50px; } .data_banner .text{ font-size: 32px; } .data_tit{ text-align: center; font-size: 20px; color: #1575c2; padding: 36px 0; } .data_main1{ display: table; } .data_main1 dt, .data_main1 dd{ display: table-cell; vertical-align: top; color: #79acd9; line-height: 24px; } .data_main1 dt{ width: 36%; text-align: right; padding-top: 8px; } .data_main1 dd{ padding: 0 12% 0 5%; } .data_main2{ padding-bottom: 30px; } .data_main2 li{ display: table-cell; width: 1%; text-align: center; } /* .data_main2 li:first-child{ text-align: left; } .data_main2 li:last-child{ text-align: right; } */ .data_main2 li img{ vertical-align: top; box-shadow: 0 0 12px rgba(25, 45, 80, 0.4); } .data_fdp_tech{ width: 100%; height: 380px; background: url('../images/fdp_bj.png') repeat-x center top; display: block; } .data_fdp_techtxt{ width: 100%; height: 48px; background: #3987d8; color: #fff; font-size: 20px; text-align: center; line-height: 48px; } .data_fdp_advantage{ width: 100%; height: 390px; background: url('../images/data_advantage.gif') no-repeat center center; } .data_case_btn{ width: 100%; height: 45px; border-bottom: 2px solid #6bb2ea; line-height: 45px; text-align: center; padding-bottom: 2px; } .data_case_btn li{ padding: 0 20px; display: inline-block; font-size: 16px; color: #1575c2; cursor: pointer; } .data_case_btn li:hover{ background: url('../images/nav_list_icon.png') no-repeat center bottom; } .data_case_btn li.active{ background: url('../images/nav_list_icon.png') no-repeat center bottom; } .data_case_box{ padding: 20px 0 50px; } .data_case_det img{ width: 600px; vertical-align: top; float: left; } .data_case_det .text{ display: table-cell; padding: 50px 0 0 35px; line-height: 24px; color: #79acd9; } /*私有云*/ .case_private_star{ padding-bottom: 0; } .case_private_star .case_star_btn li{ width: 510px; } .star_private_list{ margin: -5px; } .star_private_list li{ float: left; width: 540px; height: 103px; border: 1px dotted #9ed1ff; margin: 5px; padding: 20px 24px; box-sizing: border-box; line-height: 20px; } .star_private_list li h4{ font-size: 16px; color: #439fff; font-weight: normal; padding-bottom: 8px; } .case_private_team{ margin: 55px 0; } .m_main{ /* display: none; */ overflow-x: hidden; } /*Mobile*/ /* @media (max-width: 780px) { */ /* .pc_main{ display: none; } */ .m_main{ /* display: block; */ width: 100%; overflow-y: auto; padding-bottom: 1.4rem; line-height: 1; } .m_top{ width: 100%; height: 1.6rem; background-color: #0a4a8c; } .m_top .m_logo{ width: 5.5rem; height: 0.92rem; margin:0.29rem 0 0 0.5rem; } .m_top_nav_more{ float: right; } .m_more_icon img{ width: 0.75rem; height: 0.6rem; margin: 0.46rem 0.52rem 0 0; } .m_nav_more{ position: absolute; top: 1.6rem; right: -6.6rem; z-index: 998; width: 6.5rem; display: none; padding: 0.4rem 0.8rem; background: #10365d; box-sizing: border-box; } .m_nav_more dt{ display: block; font-size: 0.45rem; color: #91bcf5; padding: 0.4rem 0; border-bottom: 0.02rem solid #91bcf5; margin-bottom: 0.2rem; background: url('../images/mobile/top_more_icon.png') no-repeat right center; -webkit-background-size: 0.46rem 0.28rem; background-size: 0.46rem 0.28rem; } .m_nav_more dt.has-link{ display: block; font-size: 0.45rem; color: #91bcf5; padding: 0 0; border-bottom: 0.02rem solid #91bcf5; margin-bottom: 0.2rem; background: url('../images/mobile/top_link_icon.png') no-repeat right center; -webkit-background-size: 0.28rem 0.46rem ; background-size: 0.28rem 0.46rem ; } .m_nav_more dt.has-link a{ color:inherit; padding: 0.4rem 0; display: block; } .m_nav_more dd{ display: none; } .m_nav_more dd.active{ display: block; } .m_nav_more dd a{ display: block; font-size: 0.38rem; color: #fff; padding: 0.2rem 0; } /*m_banner*/ .m_banner ul li img{ width: 100%; display: block; } .m_banner{ overflow:hidden; } .block_home_slider { position: relative; width:100%; overflow:hidden; } .block_home_slider .flex-direction-nav a.flex-next:hover { background-position:right bottom; } .block_home_slider .flex-control-paging { display:inline-block; position:absolute; bottom:0.1rem; left:0; width:100%; text-align:center; } .block_home_slider .flex-control-paging li { margin:0 0.1rem; text-align:center; padding: 0px; overflow: hidden; list-style-type: none; display:inline-block; } .block_home_slider .flex-control-paging li a { width:0.14rem; height:0.14rem; display:block; background-repeat:no-repeat; background-image:url('../images/mobile/pic15.png'); text-indent:-9000px; cursor:pointer; background-size:100% 100%; } .block_home_slider .flex-control-paging li a.flex-active { width:0.14rem; height:0.14rem; display:block; background-repeat:no-repeat; background-image:url('../images/mobile/pic14.png'); text-indent:-9000px; cursor:pointer; background-size:100% 100%; } .slides li{width:100%;} .slides li img{width:100%;} /*m_news*/ .m_news{ width: 100%; height: 0.925rem; background-color: #76b7eb; line-height: 0.925rem; text-align: center; } .m_news a{ font-size: 1.2em; color: #fff; } .m_news a img{ width: 0.37rem; display: inline-block; margin-right: 0.1rem; } /*m_case*/ .m_main_tit{ font-size: 1.5em; font-weight: normal; color: #5a9bcd; border-top: 0.02rem solid #b6d1eb; margin-top: 1.3rem; /* margin-bottom: 1rem; */ position: relative; } .m_main_tit span{ position: absolute; padding: 0 0.44rem; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; } .m_main_case{ margin: 1rem -0.1rem 0; } .m_case_list{ width: 50%; padding: 0 0.1rem; height: 2.7rem; float: left; box-sizing: border-box; margin-bottom: 0.2rem; } .m_case_det{ height: 100%; background-color: #398de5; display: block; padding: 0.7rem 0 0 0.4rem; box-sizing: border-box; position: relative; } .m_case_det a{ display: block; color: #fff; } .m_case_det h3{ font-size: 0.5rem; font-weight: normal; padding-bottom: 0.28rem; position: relative; z-index: 10; } .m_case_det p{ font-size: 0.3rem; position: relative; z-index: 10; } .m_case_det img{ width: 1.3rem; height: 1.3rem; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); z-index: 1; } /*m_poduct*/ .m_product{ width: 100%; height: auto; margin-top: 1rem; } .m_product_list + .m_product_list{ margin-top: 0.32rem; } .m_product_tit{ width: 100%; height: 2.9rem; display: block; background: linear-gradient(#69aaf1, #519bee); color: #fff; text-align: center; padding-top: 0.7rem; box-sizing: border-box; font-size: 0.35rem; position: relative; } .m_product_tit h2{ font-size: 0.66rem; font-weight: normal; padding-bottom: 0.4rem; } .m_product_tit .p_list_icon{ width: 2.85rem; height: 2.55rem; position: absolute; left: 0; top: 0.2rem; } .m_product_tit .p_list_ric{ position: absolute; width: 1.2rem; height: 0.57rem; right: 0.2rem; top: 45%; } .m_p_list2 .m_product_tit{ background: linear-gradient(#37b1c6, #059db8); } .m_p_list3 .m_product_tit{ background: linear-gradient(#397fce, #2061c3); } .m_product_det{ display: none; padding: 0.74rem 0; } .m_product_det.show{ display: block; } .m_p_det_box{ padding: 0 0.5rem; width: 50%; box-sizing: border-box; float: left; height: 1.2rem; margin-bottom: 0.37rem; } .m_p_det_cbox{ width: 100%; } .m_p_det_box a{ display: block; height: 100%; border: 0.02rem solid #94bdf4; color: #2083f0; font-size: 0.36rem; text-align: center; line-height: 1.2rem; } .m_p_list2 .m_p_det_box a{ border-color: #48bcd0; color: #059db8; } .m_p_list3 .m_p_det_box a{ border-color: #5599f8; color: #0a5fd5; } .m_p_det_box a.m_p_hot{ box-shadow: 0 0 0.3rem rgba(90, 210, 222, 0.8); } /*m choose*/ .m_yovole_ch{ width: 100%; height: auto; padding-top: 1px; background: #e7f4ff; } .m_yovole_ch .m_main_tit span{ background: #e7f4ff; } .m_yovole_ch ul{ margin-top: 1rem; } .m_yovole_ch ul li{ width: 33.3%; text-align: center; float: left; margin-bottom: 1.5rem; color: #172f47; font-size: 1.2em; } .m_yovole_ch ul li span{ font-size: 2.6em; color: #3478b6; display: block; padding-bottom: 0.5em; } .m_join_us{ width: 100%; height: 2rem; background: url('../images/mobile/m_join.jpg') no-repeat center top; background-size: 100% 100%; } .m_join_us a{ display: block; text-align: center; line-height: 2rem; font-size: 2em; color: #fff; } .m_about_us{ width: 100%; background: #0b2845; color: #58697a; padding-top: 1rem; } .m_about_tel li{ display: table-cell; width: 1%; padding-left: 0.8rem; vertical-align: top; } .m_about_tel li img{ width: 1.2rem; height: 1.2rem; display: inline-block; vertical-align: middle; margin-right: 0.2em; } .m_about_tel li p{ display: inline-block; font-size: 0.3rem; vertical-align: middle; } .m_about_tel li p span{ font-size: 0.35rem; display: block; padding-top: 0.8em; } .m_about_tel li a{ color: #58697a; } .m_about_link{ display: block; margin: 0.8rem; border: 1px solid #7f92a5; color: #7f92a5; text-align: center; height: 1.4rem; line-height: 1.4rem; font-size: 1.5em; } .m_about_foot{ border-top: 0.02rem solid #374552; padding: 0.5rem 0.8rem; font-size: 0.28rem; text-align: center; line-height: 0.5rem; } .m_about_foot a{ color: #58697a; font-size: 0.28rem; } /*m_footer*/ .m_footer{ width: 100%; height: 1.5rem; background-color: #0a4a8c; position: fixed; bottom: 0; z-index: 999; } .m_footer ul li{ display: table-cell; width: 1%; vertical-align: middle; text-align: center; } .m_footer ul li a{ color: #4983bf; font-size: 1em; padding-top: 0.3rem; display: block; } .m_footer ul li a img{ width: 0.5rem; height: 0.5rem; display: inline-block; } .m_footer ul li a p{ padding-top: 0.2em; } .m_footer ul li a.active{ color: #fff; } /* } */ /*load*/ .ui-loader{ display: none; visibility: hidden; } /*新增混合云*/ .mcloud_banner{ height: 418px; background: #182d41; } .mcloud_banner .banner_icon{ bottom: 25px; } .mcloud_banner .banner_text{ padding-top: 115px; } .case_mcloud_mian1{ width: 100%; height: 541px; overflow: hidden; background: #e2e7ec url('../images/case_mcloud_mian1bj.jpg') center top no-repeat; } .case_mcloud_main2{ width: 100%; height: 190px; background: #313b43; } .case_mcloud_main2 ul{ width: 1200px; height: auto; margin: 0 auto; color: #fff; padding-top: 25px; } .case_mcloud_main2 ul li{ display: inline-block; float: left; width: 50%; padding-left: 138px; box-sizing: border-box; line-height: 46px; } .case_mcloud_main2 ul li i{ width: 24px; height: 24px; border-radius: 12px; background: #1ed45e; display: inline-block; margin-right: 18px; text-align: center; line-height: 24px; font-style: normal; font-weight: bold; font-family: arial; } .case_main h2.title{ font-size: 34px; color: #333; line-height: 34px; text-align: center; font-weight: normal; padding-top: 110px; } .case_mcloud_main2_notes{ margin-top: 50px; padding: 32px 48px; border: 1px dashed #a3cdf9; font-size: 16px; line-height: 24px; color: #666; } .case_mcloud_m2_box{ width: 600px; padding-top: 20px; height: auto; overflow: hidden; /* float: left; */ display: table-cell; vertical-align: top; box-sizing: border-box; padding-bottom: 120px; } .case_mcloud_m2_box + .case_mcloud_m2_box{ padding-left: 80px; } .case_mcloud_m2_box dl{ width: 100%; display: block; margin-top: 90px; min-height: 85px; } .case_mcloud_m2_box dl dt, .case_mcloud_m2_box dl dd{ display: table-cell; vertical-align: top; } .case_mcloud_m2_box dl dt{ width: 77px; } .case_mcloud_m2_box dl dd{ padding-left: 22px; } .case_mcloud_m2_box dl dd h4{ font-size: 22px; line-height: 24px; font-weight: normal; padding-bottom: 10px; } .case_mcloud_m2_box dl dd p{ font-size: 16px; line-height: 24px; color: #666; } .case_mcloud_ad{ width: 100%; min-width: 1200px; height: 181px; background: url('../images/mcloud_ad.jpg') repeat-x center top; } .mcloud_why_box{ width: 1220px; padding-top: 65px; } .mcloud_why_list{ width: 388px; height: 310px; border: 1px solid #ccc; box-sizing: border-box; line-height: 30px; color: #666; padding: 30px; background: #fff; margin: 18px 18px 0 0; float: left; } .mcloud_why_list img{ margin-top: 20px; display: block; margin-bottom: 24px; } .mcloud_bz_box{ width: 1230px; padding-top: 50px; } .mcloud_bz_box dl{ width: 590px; height: 190px; box-sizing: border-box; border: 1px dashed #a3cdf9; padding: 40px 35px; line-height: 28px; color: #666; display: inline-block; margin: 18px 18px 0 0; vertical-align: top; } .mcloud_bz_box dl dt{ font-size: 20px; color: #237cd2; padding-bottom: 16px; } .case_mcloud_ad2{ width: 100%; min-width: 1200px; height: 255px; background: url('../images/mcloud_ad2.jpg') repeat-x center top; margin-top: 80px; } .case_main h3.title{ font-size: 28px; color: #000; padding-top: 95px; text-align: center; font-weight: normal; } .mcloud_case_logo{ display: block; margin: 40px auto 0; } /* 新增私有云 */ .pcloud_banner{ height: 550px; background: #182d41; } .pcloud_banner .banner_text{ padding-top: 135px; } .pcloud_banner .banner_icon{ bottom: 180px; } .pcloud_banner .banner_text .text{ margin-top: 68px; } .pcloud_banner_list{ display: table-cell; width: 1%; padding: 0 43px; } .pcloud_banner_list dt{ text-align: center; } .pcloud_banner_list dd{ padding-top: 30px; } .case_pcloud_mian1{ width: 100%; min-width: 1200px; height: 228px; background: #215d95; } .pcloud_main1_box{ width: 80%; margin: 0 auto; } .pcloud_main1_list{ width: 49%; height: 165px; display: inline-block; margin: 32px 0; padding-top: 12px; padding-right: 60px; box-sizing: border-box; } .pcloud_main1_list dt, .pcloud_main1_list dd{ display: table-cell; vertical-align: top; } .pcloud_main1_list dd{ padding-left: 32px; color: #fff; line-height: 30px; } .pcloud_main1_list dd h4{ font-size: 24px; font-weight: normal; padding-bottom: 10px; } .pcloud_main1_list + .pcloud_main1_list{ border-left: 1px solid #8fbbe3; padding-left: 60px; padding-right: 0; } .pcloud_main2_box{ margin: 82px 0 110px; } .pcloud_main2_list{ display: table-cell; width: 1%; padding: 12px 82px 12px 65px; vertical-align: top; } .pcloud_main2_list + .pcloud_main2_list{ border-left: 1px solid #ccc; } .pcloud_main2_list dl{ margin-top: 45px; } .pcloud_main2_list dl dt{ font-size: 20px; line-height: 20px; padding-bottom: 20px; background: url('../images/pcloud_main2_listicon.gif') no-repeat left 2px; padding-left: 35px; } .pcloud_main2_list dl dt span{ font-size: 16px; } .pcloud_main2_list dl dd{ line-height: 30px; color: #666; padding-left: 35px; } .pcloud_main3{ width: 100%; min-width: 1200px; height: 965px; background: #f6f7fb url('../images/pcloud_main3_bj.gif') center top no-repeat; padding-top: 200px; box-sizing: border-box; } .pcloud_m3_link{ width: 112px; height: 45px; border-radius: 3px; background: #3a93ef; display: block; line-height: 45px; text-align: center; font-size: 16px; color: #fff; margin-left: 210px; } .pcloud_m3_link:hover{ background: #66b1ff; } .pcloud_m3_tab{ margin-top: 445px; } .pcloud_m3_tab .case_star_btn{ border: 0; } .pcloud_m3_tab .case_star_btn ul li{ width: 190px; height: 60px; border: 1px solid #a3cdf9; background: #f6f7fb; font-size: 16px; line-height: 60px; text-align: center; padding: 0; color: #3a93ef; bottom: 0; } .pcloud_m3_tab .case_star_btn ul li:hover{ background: #fff; bottom: 0; box-shadow: 0 0 10px rgba(58, 148, 240, 0.15); } .pcloud_m3_tab .case_star_btn ul li.active{ background: #fff; bottom: 0; box-shadow: 0 0 10px rgba(58, 148, 240, 0.15); } .pcloud_m3_tab .case_star_main{ padding: 45px 50px; height: auto; background: #fff; border: 1px dashed #a3cdf9; box-shadow: none; } .aligncenter{ margin: auto; display: block; } .customer-list { padding: 60px 0 40px; } .customer-list ul{ display: flex; flex-flow: wrap; } .customer-list ul li{ flex: 1; } .product-list{ display: flex; flex-flow: wrap; margin-top: 40px; } .product-list .item { width: 31.5%; border: 1px solid #f1f1f1; background: #fff; margin: 0 10px 10px 10px; } .product-list .detail-img { background-color: #e4f2fe; text-align: center; } .product-list .detail-img img{ height: 50px; } .product-list .desc { min-height: 180px; padding:15px; text-align: left; color: #666; } .product-list .desc h4{ font-size: 18px; color: #333; text-align: center; margin-bottom: 10px; } .product-list .desc p { line-height: 24px; } /*发展历程*/ .timeline-history { position: relative; list-style: none; padding: 0; margin: 0 60px; flex: 1; } .timeline-history .item { background: #f8f8f8; padding: 20px; position: relative; margin-bottom: 30px; } .timeline-history .item:last-child{ margin-bottom: 0; } .timeline-history .item .year{ font-size: 20px; font-weight: bold; color: #333; margin-bottom: 20px; } .timeline-history .item .list{ display: flex; } .timeline-history .item .list + .list{ margin-top: 20px; border-top: 1px solid #e8e8e8; padding-top: 20px; } .timeline-history .item ul{ margin-left: 20px; flex: 1; } .timeline-history .item ul li{ margin-bottom: 8px; color: #333; } .timeline-history .item ul li:last-child{ margin-bottom: 0; } .timeline-history .item ul li:before{ content: '•'; padding-right: 10px; color: #999; font-size: 12px; } .timeline-history .item .month{ font-size: 16px; color: #999; } .timeline-history .item .highlight{ color: #237cd2; font-weight: bold; } .timeline-history .item .img{ margin-top: 8px; } .timeline-history .item .img img{ max-width: 100%; max-height: 120px; } .date-list{ width: 180px; border-left: 1px solid #ddd; padding-left: 20px; box-sizing: border-box; } .date-list ul{ position: sticky; top: 20px; } .date-list li{ border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 10px; position: relative; } .date-list li a{ color: #666; } .date-list .title{ font-size: 24px; margin-bottom: 10px; } .date-list .desc{ margin-bottom: 10px; } .date-list .active:before{ content: ''; border-left: 3px solid #237cd2; position: absolute; left: -22px; top: 0; bottom: 0; } .date-list .active a { color: #237cd2; display: block; } /*新闻动态*/ .new-list{ display: flex; margin-top: 20px; } .new-list .item{ flex: 1; padding: 20px; } .new-list .item:hover{ background: #277bc2; color: #fff; } .new-list .item:hover .date .year, .new-list .item:hover .link{ color: #fff; } .new-list .item:hover .link .arrow{ border-color: #fff; } .new-list .item:hover .desc{ color: rgba(255,255,255,0.6); } .new-list .item + .item{ margin-left: 20px; } .new-list .item .date .day{ font-size: 30px; } .new-list .item .date .year{ color: #666; margin-top: 5px; } .new-list .item .title{ font-weight: bold; margin: 10px 0; min-height: 38px; } .new-list .item .img img{ max-width: 100%; } .new-list .item .desc{ color: #666; margin-top:10px; line-height: 24px; min-height: 100px; } .new-list .item .link{ display: block; color: #277bc2; margin-top: 20px; } .new-list .item .link .arrow{ border-bottom: 1px solid #277bc2; border-right: 1px solid #277bc2; width: 8px; height: 8px; transform: rotate(-45deg); display: inline-block; margin-left: 4px; } .pro-sec .more{ display: inline-block; color: #333; border: 1px solid #ccc; padding: 4px 10px; cursor: pointer; } .pro-sec .more:hover{ border-color: #4fa6ec; background: #4fa6ec; color: #fff; }