@charset "utf-8"; /* CSS Document */ body{ margin:0; padding:0; border:0; font-size:14px; color: #26272b; -webkit-text-size-adjust:none; font-family:"微软雅黑","宋体"; background:white;} ul,ol,li,dl,dt,dd,img,form,input{ margin:0; padding:0; border:0;} ul,li,dl{ list-style-type:none;} img{ vertical-align:top; border: none;} h1,h2,h3,h4,h5{ margin:0; padding:0; border:0;} .flol{ float:left;} .flor{ float:right;} .center{ text-align:center;} .clr{ clear:both;} p{ float:left; width:100%;} a{ color:#666; text-decoration: none;} a:hover{} .container{ width: 1200px; margin: 0 auto;} .container2{ width: 1310px; margin: 0 auto;} .container3{ width: 1035px; margin: 0 auto;} .container-full{ width: 100%; min-width:1200px; float: left;} .absolute{ position: absolute;} .relative{ position: relative;} .fixed{ position: fixed;} .bold{ font-weight: bold;} /*-----------顶部菜单-----------*/ .topMenu{top: 0; z-index: 666; height: 60px; line-height: 60px; } .topMenu2{ background: #000; padding: 15px 0; } .bgBlack{ background: #f4f4f4; } .logo{ padding-right: 60px; height: 60px; overflow: hidden; } .logo img{ vertical-align:middle; width: 160px; } .headerMenu{ padding-top: 1px; } .headerMenu li{ display: inline-block; float: left; position: relative; padding-bottom: 6px; } .triangle{width: 0 !important; height: 0 !important; border-width: 0 9px 7px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.9); background: none !important; margin-left: 110px;} .headerMenu li a{padding: 7px 53px 0;font-size: 16px; color: #f4f4f4;} .sub{ box-shadow: 0px 6px 10px rgba(6,6,6,0.15); display: none; position: absolute; width: 250px; left: -50px; top:49px;} .sub li:nth-of-type(2){ padding-top: 13px; } .sub li:nth-of-type(1){ background:url('../images/menu_bg1.png') no-repeat center top; height: 4px; border: none; width: 250px; } .sub li{ width: 248px; background: rgba(255,255,255,.98); line-height: 14px; border-right: 1px solid #e3e1e1; border-left: 1px solid #e3e1e1; } .sub li a{ padding: 12px 0 12px 25px; display: block; font-size: 16px; color: #26272b;} .sub li a.active,.sub li a:hover{ background:#ddd;} .sub li:last-child{ padding-bottom: 15px; border-bottom: 1px solid #e3e1e1;} .headerTel{ font-size: 20px;font-weight: bold; color: #fff; padding-right: 80px;} .login{ height: 60px; overflow: hidden; } .bgBlack .login img,.bgBlack .logo img{ margin-top: -60px; } .bgBlack .nLi a,.bgBlack .headerTel{ color: #26272b; } /*----------首页banner------------*/ .slideBox{ width:100%; height:900px; overflow:hidden; position:relative;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:48%; bottom:35px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;} .slideBox .hd ul li{ float:left; margin-right:10px; width:12px; height:12px; border-radius: 50%; cursor:pointer; background:#fff; border: none;} .slideBox .hd ul li.on{ background: #0073c6; /*border: 2px solid #fff; background: none; width: 8px; height: 8px;*/} .slideBox .bd{ position:relative; height:100%; z-index:0;} .slideBox .bd li{ zoom:1; width: 100%; height: 900px; background-position: center top; background-size: cover; background-color:#cccccc;} /*.slideBox .bd a{ width:100%; height:1080px; display:block; position: absolute; }*/ .slideIndustry,.slideIndustry .bd li,.slideIndustry .bd a{ height: 500px;} .index_ourService{ background: #f8f9fb; padding: 95px 0 105px; float: left;} .style1_tit{ font-size: 36px; text-align: center;} .style1_intro{ font-size: 20px; text-align: center; padding-top:25px;} .index_serviceBox{ padding-top: 50px;} .index_service{ position: relative; overflow: hidden;} .index_serviceBg{ position: absolute; left: 0; top: 0; z-index: 1;} .index_serviceBg img{transition: transform 1s ease-in-out; transform: scale(1);} .index_serviceBg:hover img{transition: transform 3s ease-in-out; transform: scale(1.3); } .index_service1{ width: 694px; height: 403px; margin-bottom: 10px; box-shadow: 0px 5px 10px rgba(6,6,6,0.2);} .index_service2{ width: 495px; height: 403px; margin-bottom: 10px; box-shadow: 0px 5px 10px rgba(6,6,6,0.2);} .index_service3{ width: 495px; height: 403px; box-shadow: 0px 5px 10px rgba(6,6,6,0.2);} .index_service4{ width: 694px; height: 403px; box-shadow: 0px 5px 10px rgba(6,6,6,0.2);} .index_serviceContent{ box-shadow: 0px 5px 10px rgba(6,6,6,0.1); z-index: 2; position: absolute; bottom: 20px; left: 0; padding: 17px 0 0 30px; width: 322px; height: 110px; background: rgba(255,255,255,.9);} .index_serviceContent h2 a{ font-size: 24px; color: #0087cc;font-weight: normal;} .index_serviceContent p{ color: #434a54;} .index_serviceContent a *{ color: #5c5c5c; vertical-align:middle;} .index_solutions{ float: left; padding: 85px 0 80px; background:url('../images/index_solutions_bg.png') no-repeat center bottom; background-size: cover;} .index_solutionContent{ } .solution_col1{ width: 375px; float: left;} .solution_col2{ width: 340px; float: left;} .solution_col3{ width: 360px;} .index_solutionBox{ padding-top: 72px;} .solu_icon{ height: 57px; line-height: 57px; display: inline-block;} .solution_col1 .solu_icon{ width: 105px;} .solution_col2{ padding: 0 0 0 50px;} .solution_col2 .solu_icon{ width: 82px;} .solution_col3 .solu_icon{ width: 82px;} .solu_tit *{ vertical-align:middle; color: #0087cc; font-size: 20px;} .solu_intro{ padding-top: 10px;} .index_story{ padding: 105px 0 0;} .indexHistory{ width:100%; height:760px; overflow:hidden; position:relative; padding-top: 5px;} .indexHistory .hd{ z-index:1; height: 120px;} .indexHistory .hd ul{ overflow:hidden; zoom:1; text-align: center; width: 100%;} .indexHistory .hd ul:last-child li{ margin-right: 0;} .indexHistory .hd ul li{ float:left; margin-right:5px; width:235px; height:120px; overflow: hidden; cursor:pointer; background:#fff;} .indexHistory .hd ul li span img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.7; } .indexHistory .hd ul li span{ display: block; width: 231px; height: 116px; overflow: hidden;} .indexHistory .hd ul li:hover span{ border-bottom: 4px solid #0073c6;} .indexHistory .hd ul li:hover span img,.indexHistory .hd ul li.on span img{ filter: none; opacity: 1; } .indexHistory .hd ul li.on span{ border-bottom: 4px solid #0073c6; background: none;} .indexHistory .bd{ position:relative; height:100%; z-index:0;} .indexHistory .bd li{ zoom:1; width: 100%; height: 640px; background-position: center top; background-size: cover;} /*.indexHistory .bd a{ width:100%; height:910px; display:block; }*/ .hisgory_a:hover{ background:#fff; color:#000;} .hisgory_a:hover *{ color:#000 !important;} .index_news{ padding: 80px 0 80px; background: #eeeeee; float: left;} .index_newsUl{ padding-top: 60px;} .index_newsUl li{ width: 380px; float: left; margin-right: 25px; margin-bottom:20px; box-shadow: 0px 5px 10px rgba(6,6,6,0.1); transition: all .3s ease 0s;} .index_newsUl li:nth-of-type(3n){ margin-right: 0;} .index_newsUl .news_pic{ width: 380px; height: 250px; overflow: hidden;} .index_newsUl .news_pic img{transition: transform 1s ease-in-out; transform: scale(1);} .index_newsUl li:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, .3); transform: translateY(-20px); } .index_newsUl .news_pic:hover img{transition: transform 3s ease-in-out; transform: scale(1.3); } .news_a{ padding: 20px 25px; display: block; background: #fff;} .index_newsUl li .news_tit{ color: #1c6db5; font-size: 20px; height:52px; overflow:hidden;} .index_newsUl li .addtime{ color: #333333; padding: 30px 0 20px; font-weight: none;} .index_newsUl li .intro{ color: #333; line-height: 27px; font-size: 15px; height:81px; overflow:hidden;} .index_customer{ padding:90px 0 90px; border-bottom:1px solid #eeeeee;} .index_customer_a a{ display:block; width:120px; height:45px; text-align:center; line-height:45px; margin:10px auto 98px; background:#0073c6; color:#fff; font-size:16px;} .footer1{ background-size:cover !important; padding: 60px 0 100px; background: url('../images/footer1_bg.png') no-repeat center bottom;} .footer1 ul{ padding-top: 80px; width: 600px; margin: 0 auto;} .footer1 ul li:first-child{ margin-left: 0; } .footer1 ul li{ width: 87px; text-align: center; margin-left: 84px; display: block; float: left;} .footer1 ul li img{ width: 56px; height: 56px; border-radius: 50%; margin:0 auto 14px; display: block;} .footer1 ul li span{ font-size: 16px;} .footer1 form{ padding: 65px 0 0 65px;} .footer1 form input:first-child{ margin-left:115px; ; } .footer1 form input{ border: 1px solid #b1b1b1; width: 240px; height: 38px; float: left; text-indent: 10px; font-size: 16px; margin-right: 20px;} .send_btn1{ float: left; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #00c8f9; color: #fff; border: 0; font-size: 20px;} .online_btn1{ float: left; margin-left: 20px; display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #2484e9; color: #fff; border: 0; font-size: 20px;} .footer1_tel{ color: #00aff0; font-size: 30px; text-align: center; padding-top: 40px;} .footer2{ background: #363636; padding: 50px 0 100px; float: left;} .footer2_col1{ width: 460px;} .footer2_col2{ width: 218px;} .footer2_col3{ width: 235px;} .footer2_col4{ width: 157px;} .footer2_col5{ width: 130px;} .footer_logo{ margin-bottom: 82px;} .footer_dy{ color: #fff;} .dy_tit{ float: left; line-height: 41px; font-size: 20px; padding-right: 25px;} .dy_box{ float: left;} .footer2_tit{ color: #fff; font-size: 20px; font-weight: bold; padding-bottom: 15px;} .footer2 ul li a{ color: #fff; line-height: 30px; font-size: 15px;} .footer3{ background: #000; height: 60px; line-height: 60px; color: #71777c; float: left;} .footer3 p{ margin: 0; } .dy_dl{ position: relative; float: left; margin-right: 20px; } .dy_dl:hover dd{ display: block; } .dy_dl dt{ } .dy_dl dd{ position: absolute; top: 45px; left: -40px; display: none; } .dy_dl dd img{ width: 120px; } /*--------内页公共样式-------*/ .ny_banner{ background-color:#cccccc; background-position: center top; background-size: cover; width: 100%; height: 500px; min-width:1200px;} .ny_banner h2{ padding-top:195px; font-size:36px; } .ny_banner p{ font-size:20px; } .product_banner{ background-color:#cccccc; background-position: center top; background-size: cover; width: 100%; height: 500px;} .ny_banner2{ background-color:#cccccc; background-position: center top; background-size: cover; width: 100%; height: 350px;} .suspension{ width:40px; position:fixed; right:0; bottom:40px; } .suspension ul{ } .suspension ul li{ width:100%; height:40px; border:1px solid #eeeeee; position:relative; background-color:#FFF; } .suspension ul li .pic{ font-size:0; line-height:60px; text-align:center; box-sizing: border-box; padding-top: 8px; } .suspension ul li .pic img{ display:inline-block; max-width:100%; /*vertical-align:middle;*/ width:60%; } .suspension ul li .pic img.two{ display:none; } .suspension ul li:hover{ background-color:#008cff; } .suspension ul li:hover .pic img.two{ display:inline-block; } .suspension ul li:hover .pic img.one{ display:none; } .suspension ul li:nth-of-type(1){ border-radius:16px 0 0 0; border-radius:16px 0 0 0; border-radius:16px 0 0 0; border-radius:16px 0 0 0; } .suspension ul li:last-of-type{ border-radius:0 0 0 16px; border-radius:0 0 0 16px; border-radius:0 0 0 16px; border-radius:0 0 0 16px; } .suspension ul li .code_infos{ position:absolute; background-color:#FFF; right:146%; bottom:0px; border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -webkit-border-radius:6px; display:none; } .suspension ul li .code_infos .imgs{ padding:13px; width: 117px; height: 145px; } .suspension ul li .code_infos:after{ display:block; width:0; content:""; height:0; border-width:14px 0 14px 14px; border-color:transparent transparent transparent #FFF; border-style:solid; position:absolute; right:-14px; bottom:4px; } .suspension ul li .code_infos p{ min-width:100px; line-height:1em; font-size:16px; color:#008cff; text-align:center; margin:0; padding: 10px 14px; } .suspension ul li .code_infos h6{ font-size:15px; text-align:center; margin-top:10px; margin-bottom:0; line-height:18px; } .suspension ul li:hover .code_infos{ display:block; } /*----------------------服务-数据平台----------------------*/ .service1_menu{ background: #121212; height: 65px; line-height: 65px;} .service1_menu ul li{ display: inline-block;} .service1_menu ul li a{ color: #fff; font-size: 18px; padding-right: 168px;} .service1_menu ul li:last-child a{ padding-right: 0;} .service4_menu ul li a{ padding-right: 140px;} .service1_con1{ background: #f4f4f4; padding: 50px 0; float: left; font-size: 18px; line-height: 35px; font-weight: bold; letter-spacing: 1px; text-align: center;} .service1_con2{ padding: 90px 0; background: #fff; float: left;} .service1_left_style1{ width: 500px;} .service1_right_style1{ width: 620px;} .service1_con_tit{ font-size: 28px; padding-bottom: 30px; font-weight:bold;} .service1_left_style1 ol li{} .service1_con3{ padding: 90px 0; background: #e4ebed; float: left;} .service1_left_style2{ width: 620px;} .service1_right_style2{ width: 500px;} .service1_con4{ padding: 80px 0 80px; background: #fff; float: left;} .service1_tit{ font-size: 35px; padding-bottom: 45px;} .service1_solution_left{ width: 845px; margin-bottom: 55px;} .service1_solution_right{ width: 390px; padding: 40px 15px 40px 15px; background: #f3f3f3; line-height: 30px; border-top:3px solid #0073c6;} .service1_solution_right h3{ font-size: 24px; font-weight: normal;} /*.service1_solution_right:last-child{ padding-bottom: 10px;}*/ .service2_con5{ padding: 50px 0 40px; background: #0072c6; float: left; color: #fff;} .why_choose{ font-size: 18px; line-height: 32px; letter-spacing: 0.1rem;} .service2_tit{ font-size: 35px;} .why_choose{ padding-top: 5px; text-align: center;} .service1_con_con{ line-height: 25px; font-size:16px;} .service3_con5{ background: #f3f3f3; padding: 90px 0; float: left;} .service3_con3{ padding: 35px 0 60px; background: url('../images/service3_bg3.jpg') no-repeat center top; background-size: cover;} .service3_tit2{ color: #fff; font-size: 28px; font-weight: bold;} .service3_gg .service_powerBI:nth-of-type(1),.service3_gg .service_powerBI:nth-of-type(4),.service3_gg .service_powerBI:nth-of-type(7) { margin-left:110px;} .service_powerBI{ margin-left: 18px; margin-bottom: 20px; width: 315px; height: 231px; padding: 20px 16px 0 20px; background: #fff; float: left;} .service3_gg{ margin-top: 35px;} .service3_icon{ height: 43px;} .service_powerBI h2{ color: #0058a9; font-size: 20px; padding: 17px 0 5px;} .service_powerBI p{ font-size: 16px; line-height: 26px;} .service4_con2{ padding: 35px 0 0; background: url('../images/service4_pic1.jpg') no-repeat center top; background-size: cover;} .service4_gg{ padding-top: 35px;} .service4_gg .service_powerBI{ width: 375px; height: 200px; margin-left: 50px; margin-bottom: 50px; padding: 32px 15px 0 32px; } .service4_gg .service_powerBI:nth-of-type(1),.service4_gg .service_powerBI:nth-of-type(3){ margin-left: 285px;} .service4_icon{ height: 55px;} .service4_con3{ padding: 75px 0 0;} .service4_tit{ font-weight: bold; font-size: 28px;} .service4_intro{ font-size: 16px; line-height: 30px; padding-top: 20px;} .service4_con2_bg{ margin-top:50px; background: url('../images/service4_pic2.jpg') no-repeat center top; float: left; height: 500px; background-size: cover;} .service4_con4{ background: #f4f4f4; padding: 65px 0 55px;} .service4_con5{ padding: 75px 0;} .study_btn{ width: 120px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; display: block; background: #0078d4;} /*--------------------------产品-------------------------*/ .product_intro{ background: linear-gradient(to right,#65d1e8,#519bc2); padding: 25px 0 25px;} .product_intro_left{ width: 680px; color: #fff;} .product_intro_left p{font-size: 16px; line-height: 30px;} .product_intro_left h2{ font-size: 30px; font-weight: normal;} .product_intro_right{ padding-top: 0px; padding-right:113px;} .product_content{ padding: 70px 0;} /*.product_content_article{ width: 460px;}*/ .product_content_article{ width: 390px;} .product_content_article h2{ font-size: 30px; font-weight: normal; padding-bottom: 15px;} .pro_info_desc{ font-size: 16px; line-height: 1.5;} .product_content_img{ width: 843px; } .product_content_img img{ width: 100%; } .relate_news{ padding: 100px 0;} .relate_tit{ font-size: 28px; font-weight:bold;} .relate_news_ul{ padding-top: 105px; float: left; width: 100%;} .relate_news_ul li{box-shadow: 0px 5px 10px rgba(6,6,6,0.3); width: 285px; display: inline-block; float: left; margin-right: 20px; transition: all .3s ease 0s; } .relate_news_ul li:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, .3); transform: translateY(-20px); } .relate_news_ul li:last-child{ margin-right: 0;} .relate_img{ width: 285px; height: 150px; overflow: hidden;} .relate_info{ padding: 15px 17px 25px; background: #f4f4f4;} .relate_info h2 a{ color: #1c6db5; font-size: 14px;} .relate_info p{ line-height: 20px; height: 40px; overflow: hidden; margin: 35px 0 30px;} .relate_more{ background: url('../images/arrow_icon.png') no-repeat left center; padding-left: 25px; color: #1c6db5;} .product_switch{ background: #00456c; height: 60px;} .pro_switch_img{ padding-right: 20px; width: 76px; height: 50px; overflow: hidden; display: inline-block;} .product_switch ul li{ cursor: pointer; color: #fff; font-size: 18px; width: 350px; padding: 5px 0; height: 50px; text-align: center; float: left; display: inline-block;} .product_switch ul li img{ margin-top: -33px; width: 55px;} .product_switch ul li *{ vertical-align:middle;} .product_switch ul li.on{ background: #fff; color: #0073c6;} .product_switch ul li.on img{ margin-top: 5px;} .product_gs1{ padding: 70px 0;} .product_tit{ font-size: 28px; font-weight:bold;} .pro_gs_style1{ width: 230px; margin-right: 93px; float: left;} .product_gs_con1{ padding-top: 75px;} .product_gs_con1 .pro_gs_style1:last-child{ margin-right: 0;} .pro_gs_style1 h2{ font-size: 18px; padding: 12px 0 2px;} .product_gs2{ background: #333; padding: 70px 0; color: #f4f4f4;} .product_gs2_con{ padding-top: 115px;} .pro_gs_style2{ float: left; width: 295px; height: 285px; border-right: 1px solid #000; text-align: center; position:relative; overflow:hidden; } .pro_gs_style2:nth-of-type(1),.pro_gs_style2:nth-of-type(2),.pro_gs_style2:nth-of-type(3),.pro_gs_style2:nth-of-type(4){ border-bottom: 1px solid #000;} .pro_gs_style2:nth-of-type(4),.pro_gs_style2:nth-of-type(8){ border-right: 0;} .pro_gs_style2 dt{ /*margin-top: 95px;*/ position:relative; top:30%; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; } .pro_gs_style2 dd{ /*margin-top: 25px;*/ position:relative; top:40%; font-weight: bold; font-size: 18px; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; } .js_intro{ width: 205px; font-size: 14px; line-height: 1.5; font-weight: 400; color: white; text-align: left; position: absolute; top: 100%; padding: 0 45px 0 45px; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; } .pro_gs_style2:hover,.pro_gs_style2_active{ background: #414141;} .pro_gs_style2:hover dt,.pro_gs_style2_active dt{ margin-top:-140px;} .pro_gs_style2:hover dd,.pro_gs_style2_active dd{ top: 60%;} .pro_gs_style2:hover .js_intro,.pro_gs_style2_active .js_intro{ top:50%;} .product_gs4{ background: #f7f7f7; padding: 70px 0;} .pro_gs_style3{ width: 285px; float: left; margin-right: 165px;} .pro_gs_style3 dd p{ line-height: 1.5em; } .pro_gs_style3:nth-of-type(3n){ margin-right: 0;} .pro_gs_style3:nth-of-type(4),.pro_gs_style3:nth-of-type(5),.pro_gs_style3:nth-of-type(6){ margin-top: 60px;} .pro_gs_style3 dt{ width: 92px; height: 89px; margin: 0 auto; text-align: center;} .pro_gs_style3 h2{ font-size: 24px; font-weight: normal;} /*--------------------------下载页----------------------------*/ .down_se_tit{ font-size:20px; color:#fff; padding-bottom:10px;} .download_select{ padding-right:30px;} .down_se_choose select{ width:240px; height:40px; font-size:16px; color:#040404; font-size: 14px;} .download_menu{ background: #117bc0; padding: 34px 0 30px;} .download_lists{ padding-bottom: 200px; float: left;} .download_list_tit{ margin-bottom: 15px; border-bottom: 3px solid #262626; float: left; width: 100%; padding: 50px 0 15px; font-size: 30px;} .download_tit1{ width: 90px; float: left; text-align: center; padding-right: 55px;} .download_tit2{ width: 920px; float: left;} .download_tit3{ width: 130px; float: right;} .download_data{ padding: 15px 0 0; border-bottom: 1px solid #e8e8e8; float: left;} .down_img{ width: 90px; text-align: center; padding-right: 55px; color: #262626; float: left;} .down_img span{ display: block; padding-bottom: 15px;} .down_tit{ float: left; width: 920px; color: #050505;} .down_tit h2{ font-size: 20px; font-weight: normal; line-height: 15px;} .down_tit p{ margin: 10px 0;} .down_tit a{ font-size: 16px; color: #117bc0; background: url('../images/more_icon1.png') no-repeat right 2px; padding-right: 25px;} .down_time{ float: right; padding-top: 25px; width: 135px;} .download_info_tit{ color: #fff; padding-top: 170px;} .download_info_tit2{ color: #fff; padding-top: 60px;} .download_file_btn{ display:block; padding:15px 50px; background:#000; color:#fff; float:left; font-size:16px; margin-top:90px;} .download_info{ padding: 90px 0 100px;} .download_description{ width: 600px; line-height: 30px;} .download_form_box{} .download_form{ width: 337px; background: #0073c6; padding: 40px 30px 30px;} .download_form h2{ color: #fff; text-align: center; font-size: 20px; font-weight: normal;} .download_form p{ color: #fff; text-align: center; margin: 10px 0; padding-bottom: 55px;} .download_form input{ width: 333px; border: 1px solid #cae2f3; height: 39px; text-indent: 10px; margin-bottom: 30px;} .download_form button{ width: 334px; height: 57px; line-height: 57px; font-size: 17px; text-align: center; border: 2px solid #fff; padding: 0; background: none; color: #fff;} .form_tips{ font-style: italic; padding: 10px 0 0 30px;} .download_info_footer{ background: #f2f2f2; padding: 30px 0;} /*-------------------------行业--------------------------*/ .industry_intro{ background: #fff;} .industry_box{ background: #f4f4f4; padding: 75px 0;} .industry_abox{ padding-top: 100px;} .industry_con{ margin-top: 0; transition: all .2s ease-in-out; box-shadow: 0px 5px 10px rgba(6,6,6,0.1); margin-bottom: 30px; margin-right: 25px; display: block; padding: 27px; float: left; background: #fff; width: 325px; height: 280px;} .industry_con:hover{ margin-top: -10px; border-top: 3px solid #117bc0;} .industry_con:nth-of-type(3n){ margin-right: 0;} .industry_con h2{ color: #0067ce; font-size: 20px; padding: 25px 0 20px;} .industry_con h3{ font-size: 16px; font-weight: normal;} /*-------------------------客户---------------------*/ .customer_banner_a{ display: block !important; width: 148px !important; height: 46px !important; text-align: center !important; line-height: 46px !important; color: #fff !important; position: relative !important; margin: 0 auto; font-size: 24px; border: 3px solid #ffffff; } .customer_select{ background: #1c6db5;} .customer_ul{ position:relative; height: 80px; } .customer_ul li{ display: inline-block; padding-right: 330px;} .customer_ul li a{ font-size: 20px; color: #fff; padding:25px 10px 0 0; display: block; float: left;} .customer_ul li span{ padding-bottom: 34px; padding-top: 34px; display: block; float: left; height: 15px;transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform .5s; } .customer_ul li.on span,.customer_ul li:hover span{transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: transform .5s;} .customer_ul li:hover ul{ display: block; } .customer_child_ul_box{ padding: 0 60px; } .customer_child_ul{ display: none; background: #dadada; width: 1080px; float: left; position: absolute; left: 0; top: 80px; padding: 20px 60px 10px; } .customer_child_ul li{ display: inline-block; float: left; padding-right: 0; } .customer_child_ul li a{ font-size: 16px; padding: 5px 15px; margin-bottom: 10px; display: block; float: left; color: #26272b; } .customer_child_ul li a.hover{ background: #0181ff; color: #fff; } .customer_child_ul li a.hover:hover{ color: #fff; } .customer_child_ul li a:hover{ color: #0181ff; } .customer_content{ padding: 115px 0 100px;} .customer_a{ transition: all .2s ease-in-out; margin-right: 10px; margin-bottom: 10px; box-shadow: 0 2px 2px rgba(0,0,0,.15); /*box-shadow: 0px 5px 10px rgba(6,6,6,0.1);*/ padding: 40px 37px 30px 25px; background: #fff; display: block; float: left; width: 230px; border-top:1px solid #f3f3f3; } .customer_a:hover{ box-shadow:0 4px 20px rgba(0,0,0,.15); margin-top: -5px; } .customer_a:nth-of-type(4n){ margin-right: 0;} .customer_logo{ width: 230px; height: 80px; overflow: hidden;} .customer_a h2{ font-size: 16px; color: #1c6db5; line-height: 35px; padding: 100px 0 0 0;} .a_customer_intro{ font-size: 16px; line-height: 23px; height: 70px; overflow: hidden;} .customer_a span{ color: #0073c6; padding-top: 40px; display: block; height: 22px;} .onload_customer{ display:block; width: 130px; height: 40px; line-height: 40px; text-align: center; background: #e8e8e8; font-size: 16px; margin: 95px auto 0; cursor: pointer;} /*-------------详情页--------------*/ .customer_info_tit{ padding:260px 0 0; color:#fff; font-size:40px; font-weight: normal;} .customer_info{ padding: 100px 0; line-height:25px;} /*------------------------新闻---------------------*/ .news_page{ padding-bottom: 100px;} .news_info{ padding:100px 0;} .news_info_tit{ font-size:22px; font-weight:normal; padding-bottom:10px;} .news_addtime{ text-align: right; padding:10px 0 0;} .news_info_content{ padding:30px 0 0; line-height:25px;} .news_info_tit_line{ height:1px; width:100%; float:left;} .news_se_choose{ float: left; padding: 50px 35px 0 0; } .news_se_choose span{ float: left; line-height: 40px; font-size: 18px; color: #34373f; padding: 0 8px 0 0; } .news_se_choose select{ width: 115px; text-indent: 10px; font-size: 14px; } .titleLeft{ background:linear-gradient(to right,#fff,#ccc); float: left; width: 50%; height: 1px; } .titleRight{ width: 50%; float: right; height: 1px; background:linear-gradient(to left,#fff,#ccc); } /* 通用分页 */ .pagination-container { line-height: 40px; } .pagination-container span { color: #666; font-size: 9pt } .pagination-container ul { float: right; display: inline-block; margin: 0; padding: 0; } .pagination-container ul li { z-index: 1; display: inline-block; } .pagination-container ul li.active { z-index: 2; } .pagination-container ul li.active span { color: #fff; border-color: #1c6db5; padding-right: 1px; background: #1c6db5 !important } .pagination-container ul li a, .pagination-container ul li span { color: #333; width: 33px; height: 30px; border: 1px solid #dcdcdc; display: inline-block; margin-left: -1px; text-align: center; line-height: 28px } .pagination-container ul li span { background: #dcdcdc; cursor: default } .pagination-container ul li a:hover { background: #dcdcdc; border-color: #dcdcdc } /*------------------------关于金年会-------------------------*/ .about_page1{ padding: 60px 0;} .about_bg{ background-position: center top; background-size: cover; background-repeat: no-repeat;} .about_intro{ width: 545px;} .about_page2{ padding: 110px 0;} .about_page3{ padding: 70px 0 90px;} .about_page4{ padding: 70px 0; background: #f8f8f8;} .about_page4_con{ padding: 100px 0 0;} .partner_box{ padding-top:65px;} .partner_box ul{} .partner_box ul li{ display: inline-block; cursor: pointer; overflow: hidden; vertical-align: center; box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15); transition: all .45s ease 0s; margin-right:30px; margin-top: 30px; border-radius: 5px; padding:9px 8px; } .partner_box ul li:hover{ box-shadow:0 20px 60px -20px rgba(0,0,0,0.45); transform:translateY(-2px); } .partner_box ul li:nth-of-type(4n){ margin-right: 0; } /*------------------------课程-----------------------*/ .kczt_box{ padding: 65px 0 0;} .kc_content{padding: 0 0 50px; width: 100%; float: left;} .kc_tit{ font-size: 20px; font-weight: bold; padding-bottom: 15px;} .zt_dl:nth-of-type(3n){ margin-right: 0;} .zt_dl{ overflow: hidden; width: 385px; height: 223px; margin-right: 22px; display: block; float: left; position: relative;} .zt_dl:hover .play_video{ display: block;} .play_video{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.4); padding-top: 87px; cursor: pointer;} .zt_dt{} .zt_dt img{ width: 100%; height: 100%; overflow: hidden;} .zt_dd{ position: absolute; left: 12px; bottom: 10px;} .zt_dd a{ color: #fff; font-size: 16px;} .kc_box{ padding: 50px 0 0;} .bi_menu{ float: left; width: 100%; border-bottom: 1px solid #ebebeb; margin-bottom: 20px;} .pid_ul{ float: left; width: 70%; margin: 0;} .pid_ul li{} .pid_ul li a{ display: block; float: left; color: #28394d; padding: 5px 15px; font-size: 14px;} .pid_ul li a:hover,.pid_ul_active{ border-bottom: 1px solid #7dc1fe; color: #2595ff !important; text-decoration: none;} .type_ul{ float: right; width: 30%; margin: -5px 0 0;} .type_ul li{} .type_ul li a{display: block; float: right; color: #28394d; padding: 3px 15px; border: 1px solid #bababa; text-decoration: none; font-size: 12px;} .type_ul li a:hover,.type_ul_active{ color: #d8b617 !important; background: #333335; border: 1px solid #b5991c !important;} .dl_box{ width: 25%; float: left; margin-bottom: 25px;} .dl_box_pad{ padding: 5px;} .dl_kc{ border: 1px solid #b6b6b6; display: block; float: left; width: 100%; position: relative;} .dl_kc:hover .play_video1{ display: block;} .play_video1{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 106px; text-align: center; background: rgba(0,0,0,0.4); padding-top: 57px; cursor: pointer;} .dt_kc{ height: 163px;} .dt_kc img{ width: 100%; height: 100%;} .dd_kc{ width: 270px; overflow: hidden; padding: 12px 10px;} .dd_kc a{ height: 65px; color: #3b3b3b; font-size: 14px; display: block; float: left; width: 100%;} .dd_kc span{ display: block; float: left; width: 100%; text-align: right;} .notdata { padding: 15px; display: block; font-size: 13px; text-align: center; line-height: 22px; letter-spacing: 8px; border: 1px solid #e6e6e6; background-color: #f2f2f2; border-radius: 0 2px 2px 0; } /*--------------------行业详情---------------------*/ .industry_info_menu{ background: #2e76bc; } .industry_con_tit{ font-size: 30px; } .industry_con_tit span:first-child{ border-top: 5px solid #00a0e9; width: 65px; display: block; margin-bottom: 20px; } .industry_info{ padding: 100px 0; } .industry_info_text{ width: 440px; font-size: 16px; } .industry_customer{ padding: 100px 0; background: #ebebeb; } .dl_industry_cus{ display: block; float: left; width: 380px; margin-right: 30px; margin-top: 105px; background: #FFFFFF; } .dl_industry_cus:last-child{ margin-right: 0; } .dl_industry_cus dd{ padding: 20px 10px; } .dl_industry_cus dd h3{ font-size: 14px; font-weight: normal; } .dl_industry_cus dd p{ font-size: 18px; } .dl_industry_cus dd a{ color: #0288cb ; }