@charset "utf-8"; /* CSS Document */ *{ margin:0px; padding:0px; } body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff; /**background: url("/styles/static/image/common_bg.jpg"); background-size: cover; background-repeat: repeat; background-attachment: scroll;*/ } a { text-decoration:none; outline:none; transition:all 0.2s; } a:hover{ text-decoration:none; } @font-face{ font-family:'ying'; src:url('../fonts/MONT.TTF');} @font-face{ font-family:'fang'; src:url('../fonts/fang.TTF');} @font-face{ font-family:'shu'; src:url('../fonts/shu.ttf');} img{ border:0;} table{ margin:auto;} input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;} /*定义新型浏览器特性*/ ::-webkit-scrollbar{width:5px;height:10px} ::-webkit-scrollbar-button:vertical{display:none} ::-webkit-scrollbar-track:vertical{background-color:transparent} ::-webkit-scrollbar-track-piece{background-color: transparent;} ::-webkit-scrollbar-thumb:vertical{background-color:#999;} ::-webkit-scrollbar-thumb:vertical:hover{background-color:#333} ::-webkit-scrollbar-corner:vertical{background-color:#666} ::-webkit-scrollbar-resizer:vertical{background-color:#666;} .clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;} .loading{ position: fixed; top:0; z-index:9; width:0px; background-color:#23d8ff; height:5px;} /*分页样式*/ .page_list{text-align:center;letter-spacing:0; width:100%; float:left;} .page_list a{display:inline-block;color:#000; height:40px;line-height:40px; width:40px;font-size:14px;text-align:center;text-decoration:none; margin:0px 3px; -webkit-transition: all 0.4s ease-in-out; background-color:#f3f3f3;} .page_list a:hover{ background-color:#f3f3f3; color:#000;} .page_list a.on{ background-color:#3dddff; color:#000;} /*分页样式*/ .page_list1{text-align: right;letter-spacing:0; width:100%; float:left;} .page_list1 a{display:inline-block;color:#fff; width:40px;height:40px;line-height:40px; background-color:#02a19d;font-size:14px;text-align:center;text-decoration:none; margin:0px 3px;} .page_list1 a:hover{ background-color:#efefef; color:#000;-webkit-transition: all 0.4s ease-in-out;} .page_list1 a.on{background-color:#efefef; color:#000;} /*内容分页*/ .contPage{text-align: right;letter-spacing:0;font-size:14px; width:100%; float:left;} .contPage a{display:inline-block;color:#fff;text-align:center;text-decoration:none; margin-left:5px;height:32px;line-height:32px; width:32px; background-color:#02a19d;} .contPage a:hover{ background-color:#efefef; color:#000;-webkit-transition: all 0.4s ease-in-out;} .contPage a.on{background-color:#efefef; color:#000;} /*头部*/ .header{ width:100%; height:145px; position:relative;} .head_logo{ position:absolute; left:80px; height:100%; cursor:pointer; overflow:hidden;} .head_logo img{ padding-top:24px; -webkit-transition: all 0.4s ease-in-out;} .head_logo_1{ width:100%; height:145px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;} .head_logo_1 img{ padding-top:24px; -webkit-transition: all 0.4s ease-in-out;} .head_logo_2{ width:100%; height:145px; overflow:hidden;} .head_logo_2 img{ padding-top:24px; -webkit-transition: all 0.4s ease-in-out;} .nav{ height:100%; width:1200px; margin:auto; text-align:right;} .nav_1{ display:inline-block; height:100%; padding:0px 20px;} .nav_1 a{ display:block; font-size:18px; color:#ff7e00; font-weight:bold; height:100%; line-height:145px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;} .nav_1 a:hover{ color:#23d8ff;} .nav_1 a.nav_1_a{ color:#23d8ff;} .nav_1_warp{ width:100%; height: auto; overflow:hidden; position:absolute; top:140px; display:none; left:0px; z-index:1; background-color:#f4f8fb;} .nav_shang{ width:100%; height:100%; -webkit-transition: all 0.4s ease-in-out; opacity:0; margin-top:10px;} .bill{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:33px 0px;} .bill .bill_left:nth-child(7){ border-right:none;} .bill_left{ float:left; width:154px; height:100%; overflow:hidden; border-right:1px solid rgba(0,0,0,0.05); margin-right:16px; min-height:375px;} .bill_tit{ width:100%; height:40px;} .bill_tit a{ display:block; width:100%; height:40px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:14px; font-weight: ; color:#000; padding:0px; text-align:left; line-height:40px; -webkit-transition: all 0.4s ease-in-out;} .bill_tit a:hover{ color:#23d8ff;} .bill_con{ width:100%; height: auto; overflow:hidden;} .bill_con a{ display:block; width:90%; height: auto; font-weight:normal; font-size:12px; color:#000; padding:0px; text-align:left; line-height:21px; padding-bottom:3px; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;} .bill_con a:hover{ color:#23d8ff;} .canal{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:33px 0px;} .canal a{ display:block; float:left; width:400px; height:57px; cursor:pointer;} .canal a:hover .canal_tit{ color:#23d8ff;} .canal_img{ float:left; width:30px; height:57px; display: flex; align-items: center; justify-content: center; text-align:left;} .canal_img img{ max-width:100%; height:auto;} .canal_tit{ float:right; height:57px; line-height:57px; font-size:16px; color:#000; font-weight:normal; width:350px; text-align:left; -webkit-transition: all 0.4s ease-in-out;} .settle{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:25px; padding-bottom:40px;} .settle_left{ float:left; width:400px; height:auto; overflow:hidden;} .settle_tit{ width:100%; height:45px; line-height:45px; font-size:20px; color:#000; text-align:left;} .settle_nav{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:25px;} .settle_nav a{ display:block; width:100%; height:46px; cursor:pointer; font-weight:normal;} .settle_nav a:hover .settle_name{ color:#23d8ff;} .settle_img{ float:left; width:30px; height:46px; display: flex; align-items: center; justify-content: center; text-align:left;} .settle_img img{ max-width:100%; height:auto;} .settle_name{ float:right; height:46px; line-height:46px; font-size:16px; color:#000; width:360px; text-align:left; -webkit-transition: all 0.4s ease-in-out;} .settle_right{ float:right; width:400px; height:228px; margin-top:75px; overflow:hidden;} .settle_right a{ display:block; width:100%; height:100%;} .field{ width:1200px; height:auto; overflow:hidden; margin: auto; padding-top:27px; padding-bottom:20px;} .field_left{ float:left; width:400px; height:auto; overflow:hidden;} .field_tit{ width:100%; height:65px;} .field_tit a{ display:block; width:100%; text-align:left; height:65px; line-height:65px; font-size:22px; color:#000; cursor:pointer;-webkit-transition: all 0.4s ease-in-out; font-weight:normal;} .field_tit a:hover{ color:#00d2ff;} .field_con{ width:100%; height:auto; overflow:hidden; margin-top:10px;} .field_con a{ display:block; width:100%; height:62px; cursor:pointer; font-weight:normal;} .field_con a:hover .field_name{ color:#00d2ff;} .field_img{ float:left; width:40px; height:62px; display: flex; align-items: center; justify-content: center;} .field_name{ float:right; text-align:left; height:62px; line-height:62px; font-size:18px; color:#000; width:355px;-webkit-transition: all 0.4s ease-in-out;} .field_mid{ float:left; width:530px; height:auto; overflow:hidden;} .field_cona a{ float:left; width:50%;} .field_cona a .field_name{ width:215px;} .field_right{ float:right; width:220px; height:auto; overflow:hidden;} .field_conb a .field_name{ width:175px;} .nav_wei{ position:absolute; right:80px; top:44px; height:40px;-webkit-transition: all 0.4s ease-in-out;} .nav_wei a{ display:inline-block; width:40px; height:40px; background-color:#23d8ff; border-radius:50%;cursor:pointer; margin-left:17px;-webkit-transition: all 0.5s ease-in-out;} .nav_wei a:hover img{transform:rotate(360deg);} .nav_wei a:hover .head_wei_ma{transform:rotate(0deg); } .nav_wei a:hover .head_wei_ma img{transform:rotate(0deg);} .nav_wei img{-webkit-transition: all 0.5s ease-in-out;} .head_love{ width:40px; height:40px; position:relative;} .head_love:hover .head_wei_ma{ height:85px; opacity:1; top:45px;} .head_love:hover .head_wei_tel{ height:50px; opacity:1; top:45px;} .head_love img{ width:40px; height:40px; border-radius:50%;} .head_wei_tel{ width:160px; height:0px; overflow:hidden; position:absolute; top:50px; left:-40px; opacity:0;-webkit-transition: all 0.5s ease-in-out; font-size:16px; font-weight:bold; line-height:50px; color:#ff0000;} .head_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:50px; left:-20px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .head_wei_ma img{ width:85px; height:85px; border-radius:0%;} .headeri{ position:absolute; top:0; z-index:99;} .headeri .nav_1 a{ color:#ff7e00;} .headeri .field_tit a{ color:#000;} .headeri .tailorism_mune a{ color:rgba(0,0,0,0.5);} .headeri .bill_tit a{ color:#000;} .headeri .bill_con a{ color:#000;} .header11{ position:fixed; z-index:99; background-color:#fff; height:90px; top:0; border-bottom:3px solid #f8f8f8;} .header11 .head_logo img{ padding-top:15px; height:60px; width:auto;} .header11 .head_logo_1{ margin-top:-145px;} .header11 .head_logo_2 img{ padding-top:15px; height:60px;} .header11 .nav_1 a{ line-height:90px; font-size:16px; color:#ff7e00;} .header11 .nav_1_warp{ top:85px;} .header11 .field_tit a{ font-size:22px;} .header11 .nav_wei{ top:25px;} .header11 .nav_wei a{ margin-left:12px;} .header11 .tailorism_mune a{ color:rgba(0,0,0,0.5); font-size:14px; line-height:24px;} .header11 .bill_tit a{ font-size:14px; line-height:40px; color:#000;} .header11 .bill_con a{ font-size:12px; line-height:21px; color:#000;} .footer{ width:100%; height:361px; position:relative; background:url(../images/glory_57.jpg) no-repeat center;} .foot{ width:1550px; height:306px; margin:auto; padding-top:55px;} .foot_top{ width:100%; height:105px;} .foot_logo{ float:left; width:auto; height:100%;} .foot_logo img{ height:102px; width:auto;} .foot_mid{ float:left; margin-left:60px; margin-top:10px; width:313px; height:70px; border-radius:50px; overflow:hidden; background-color:rgba(255,255,255,0.3);} .foot_zuo{ float:left; font-size:44px; color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:70px; line-height:70px; width:125px; text-align:right;} .foot_you{ float:right; width:165px; height:40px; padding-top:15px; font-size:14px; color:#ff0000; line-height:20px;} .foot_you span{ padding:0px 5px;} .foot_nav{ float:right; height:95px;} .foot_nav a{ display:inline-block; height:95px; line-height:95px; font-size:18px; color:#000; cursor:pointer; margin-left:40px;-webkit-transition: all 0.5s ease-in-out;} .foot_nav a:hover{color:#ff0000;} .foot_bottom{ width:100%; height:155px;} .foot_left{ float:left; height:155px; padding-top:38px;} .foot_wei{ width:100%; height:52px;} .foot_wei a{ display:inline-block; width:52px; height:52px; cursor:pointer; margin-right:12px; background-color:rgba(0,0,0,0.2); border-radius:50%;-webkit-transition: all 0.5s ease-in-out;} .foot_wei a:hover img{transform:rotate(360deg);} .foot_wei a:hover .foot_wei_ma{transform:rotate(0deg); } .foot_wei a:hover .foot_wei_ma img{transform:rotate(0deg);} .foot_wei img{-webkit-transition: all 0.5s ease-in-out;} .foot_love{ width:52px; height:52px; position:relative;} .foot_love:hover .foot_wei_ma{ height:85px; opacity:1; top:55px;} .foot_love img{ width:52px; height:52px; border-radius:50%;} .foot_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:50px; left:-16px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .foot_wei_ma img{ width:85px; height:85px; border-radius:0%;} .foot_typeright{ width:100%; overflow:hidden; font-size:14px; color:rgba(0,0,0,0.8); line-height:28px; padding-top:17px;} .foot_typeright a{ color:rgba(0,0,0,0.8); margin:0px 10px; cursor:pointer;-webkit-transition: all 0.5s ease-in-out;} .foot_typeright a:hover{color:#ff0000;} .foot_right{ float:right; height:auto; overflow:hidden;} .foot_ma{ float:left; width:140px; height:auto; overflow:hidden; margin-left:50px;} .foot_ma_1{ width:140px; height:140px;} .foot_ma_2{ width:100%; text-align:center; font-size:14px; color:rgba(0,0,0,0.5); height:45px; line-height:45px;} .n_div{ width:100%; height:500px;} .n_div_1{ width:100%; text-align:center; font-size:60px; color:#fff; height:500px; line-height:500px;} /*大事记*/ .glory{ width:1200px; height:auto; margin:auto; margin-top:65px;} .glory_en{ width:100%; text-align:center;font-size:22px; color:rgba(0,0,0,0.5); height:auto; overflow:hidden; font-family: Arial, Helvetica, sans-serif;} .glory_tit{ width:100%; height: auto; overflow:hidden; text-align:center; font-size:30px; color:#ff7e00;} .glory_tit1{ width:100%; height: auto; overflow:hidden; font-size:30px; color:#000;} .glory_con{ width:1200px; height:auto; overflow:hidden;} .history{ width:1200px; height:130px; position:relative; margin-top:40px; background: url(../images/glory_22.jpg) no-repeat center 76px;} .history_list{ width:1000px; height:130px; position:relative; overflow:hidden; margin:auto;} .history_list .swiper-slide-thumb-active .history_1{ opacity:1;} .history_list .swiper-slide-thumb-active .history_2{ background:url(../images/glory_32.png) no-repeat center;} .history_list .swiper-slide-thumb-active .history_3{ opacity:0;} .history_1{ width:100%; font-size:46px; color:#000; font-family:ying,Arial, Helvetica, sans-serif; text-align:center; height:68px; line-height:68px; cursor:pointer;opacity:0;-webkit-transition: all 0.4s ease-in-out;} .history_2{ width:100%; background:url(../images/glory_30.png) no-repeat center; height:18px;-webkit-transition: all 0.4s ease-in-out;} .history_3{ width:100%; font-size:25px; color:rgba(0,0,0,0.5); height:40px; line-height:40px; font-family:ying,Arial, Helvetica, sans-serif; text-align:center; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;} .history-left{ position:absolute; left:0px; top:53px; width:46px; height:46px; background-color:#e1e1e1; border-radius:50%; overflow:hidden; cursor:pointer; z-index:1;-webkit-transition: all 0.4s ease-in-out;outline: none;} .history-left:hover{ background-color:#00d2ff;} .history-right{ position:absolute; right:0px; top:53px; width:46px; height:46px; background-color:#e1e1e1; border-radius:50%; overflow:hidden; cursor:pointer; z-index:1;-webkit-transition: all 0.4s ease-in-out;outline: none;} .history-right:hover{ background-color:#00d2ff;} .substance{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:40px; position:relative; margin-bottom:50px;} .substance_1{ width:100%; font-size:46px; color:#00d2ff; font-family:ying; height:60px; line-height:60px;} .substance_con{ width:100%; height: auto; overflow:hidden; margin-top:15px;} .substance_con ul li{ width:100%; height:50px; font-size:18px; color:#000000; line-height:50px; list-style:none;} .substance_con ul li span{ float:right; font-size:18px; color:#f6a660;} /*新闻详情*/ .xiang{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:45px;} .xiang_tit{ width:100%; height: auto; font-size:30px; overflow:hidden; color:#000; text-align:center;} .xiang_come{ width:100%; text-align:center; font-size:16px; color:rgba(0,0,0,0.5); height:40px; line-height:40px; margin-top:15px; border-bottom:1px solid #e5e5e5;} .xiang_come span{ margin:0px 20px;} .xiang_con{ width:100%; height:auto; overflow:hidden; font-size:16px; color:rgba(0,0,0,0.5); line-height:30px; margin-top:45px; padding-bottom:80px; border-bottom:1px solid #e5e5e5;} .xiang_con img{ max-width:100%; height:auto;} .xiang_next{ width:100%;height: auto; overflow:hidden; margin-top:30px; padding-bottom:90px;} .xiang_next a{ display:block; width:100%; height:30px; line-height:30px; font-size:16px;color:#000; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;} .xiang_next a:hover{ color:#23d8ff;} /*新闻*/ .news{ width:100%; height:auto; margin:auto; margin-top:65px;} .news_list{ width:100%; height:auto; margin-top:10px;} .news_list ul li{ width:100%; height:285px; list-style:none;} .news_list ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .news_list ul li a:hover{ background-color:#00d2ff;} .news_list ul li a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .news_list ul li a:hover .news_1{ color:#fff;} .news_list ul li a:hover .news_2{ color:rgba(255,255,255,0.5);} .news_list ul li a:hover .news_3{ color:#fff;} .news_list ul li a:hover .news_4{ color:#fff;} .news_list ul li a:hover .news_5_1{ margin-top:-9px;} .news_all{ width:1200px; height:254px; margin:auto; padding-top:31px; border-bottom:1px solid #efefef;} .news_img{ float:left; width:364px; height:218px; overflow:hidden;} .news_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .news_mid{ float:left; width:605px; height:218px; overflow:hidden; margin-left:60px;} .news_1{ width:100%; font-size:22px; color:#000; line-height:33px; height:66px; overflow:hidden; -webkit-transition: all 0.4s 0.1s ease-in-out;} .news_2{ width:100%; font-size:16px; color:rgba(0,0,0,0.5); line-height:30px; height:90px; overflow:hidden; margin-top:20px; -webkit-transition: all 0.4s 0.1s ease-in-out;} .news_right{ float:right; width:110px; height:218px; position:relative; overflow:hidden;} .news_3{ width:100%; font-size:36px; color:#000; font-family:ying; height: auto; overflow:hidden; text-align:right;-webkit-transition: all 0.4s 0.1s ease-in-out;} .news_4{ width:100%; font-size:20px; color:#000; font-family:ying; height: auto; overflow:hidden; text-align:right; margin-top:-10px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .news_5{ width:100%; height:9px; position:absolute; bottom:0; overflow:hidden;} .news_5_1{ width:100%; height:9px; text-align:right; background:url(../images/news_06.png) no-repeat right;-webkit-transition: all 0.4s 0.1s ease-in-out;} .news_5_2{ width:100%; height:9px; text-align:right; background:url(../images/news_12.png) no-repeat right;} .page{ width:100%; height:30px; overflow:hidden; margin-top:50px; padding-bottom:100px;} /*市场合作*/ .market{ width:100%; height:auto; margin-top:10px;} .market ul li{ width:100%; height:300px; list-style:none;} .market ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .market ul li a:hover{ background-color:#f7f7f7;} .market ul li a:hover .market_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .market ul li a:hover .market_1{ color:#2c68ff;} .market ul li a:hover .market_3{ color:#fff; background-color:#00d2ff;} .market_all{ width:1200px; height:255px; margin:auto; padding-top:21px;} .market_ri{ float:left; width:70px; height:70px; background-color:#00d2ff;} .market_ri_1{ width:100%; text-align:center; font-size:28px; color:#fff; height:45px; line-height:45px;} .market_ri_2{ width:100%; text-align:center; font-size:16px; color:#fff; height: auto; margin-top:-7px;} .market_img{ float:left; width:351px; height:255px; overflow:hidden;} .market_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .market_right{ float:right; width:740px; height:255px; position:relative; overflow:hidden;} .market_1{ width:100%; font-size:22px; color:#000; height:29px; overflow:hidden;-webkit-transition: all 0.4s 0.1s ease-in-out;} .market_2{ width:100%; font-size:16px; color:rgba(0,0,0,0.7); height:81px; line-height:27px; margin-top:30px; overflow:hidden;-webkit-transition: all 0.4s 0.1s ease-in-out;} .market_3{ font-size:14px; color:#000; border-radius:30px; position:absolute; bottom:0; width:120px; height:40px; text-align:center; line-height:40px; background-color:#dedede; } /*留言板*/ .leave_come{ width:100%; text-align:center; font-size:18px; color:rgba(0,0,0,0.8); height:85px; line-height:85px;} .leave{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px; margin-bottom:110px;} .leave_left{ float:left; width:50%; height:auto; overflow:hidden;} .leave_1{ width:100%; height:auto; overflow:hidden; margin-bottom:14px;} .leave_text{ width:585px; height:46px; border:none; background-color:#f0f0f0; padding-left:15px; font-family:"微软雅黑";} .leave_text::-webkit-input-placeholder{ font-size:14px; color:rgba(0,0,0,0.3);} .leave_text:focus { color:#00d2ff; -moz-box-shadow:inset 0px 0px 3px #00d2ff; -webkit-box-shadow: inset 0px 0px 3px #00d2ff; box-shadow: inset 0px 0px 3px #00d2ff;} .leave_textarea{ width:585px; height:180px; line-height:46px; padding-left:15px;border:none;background-color:#f0f0f0; font-family:"微软雅黑";} .leave_textarea::-webkit-input-placeholder{ font-size:14px; color:rgba(0,0,0,0.3);} .leave_textarea:focus { color:#00d2ff; -moz-box-shadow:inset 0px 0px 3px #00d2ff; -webkit-box-shadow: inset 0px 0px 3px #00d2ff; box-shadow: inset 0px 0px 3px #00d2ff;} .leave_btn{ font-size:18px; color:#fff; border:none; font-family:"微软雅黑"; width:214px; height:46px; background-color:#00d2ff;} .leave_right{ float:right; width:550px; height:420px; background:url(../images/leave_11.png) no-repeat right bottom;} .leave_3{ background:url(../images/leave_05.png) no-repeat left; font-size:18px; color:#000; padding-left:55px; width:495px; line-height:32px; height:32px;} .leave_4{ background:url(../images/leave_08.png) no-repeat left; font-size:20px; color:#000; padding-left:55px; width:495px; line-height:32px; height:32px; margin-top:28px;} .leave_5{ background:url(../images/leave_14.png) no-repeat left; font-size:20px; color:#000; padding-left:55px; width:495px; line-height:32px; height:32px; margin-top:28px;} /*投资者关系*/ .invest{ width:1200px; height:auto; margin:auto; margin-top:50px;} .invest ul li{ width:100%; height:95px; list-style:none; margin-bottom:18px;} .invest ul li a{ display:block; width:100%; height:94px; border-bottom:1px dashed #a0a0a0;} .invest ul li a:hover .invest_right{ color:#fff; background-color:#00d2ff;} .invest_img{ float:left; width:50px; height:auto; overflow:hidden;} .invest_img img{ height:39px; width:auto;} .invest_mid{ float:left; width:900px; height:auto; overflow:hidden;} .invest_tit{ width:100%; font-size:18px; color:#000; overflow:hidden; height: auto; overflow:hidden; line-height:25px; padding:5px 0px;} .invest_ri{ width:100%; font-size:16px; color:rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:35px; line-height:35px;} .invest_right{ float:right; font-size:16px; color:#000; width:148px; height:50px; text-align:center; line-height:50px; background-color:#e5e5e5; border-radius:7px; margin-top:13px;-webkit-transition: all 0.4s ease-in-out;} /*安全公告*/ .notice{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:60px; padding-bottom:43px;} .notice a{ display:inline-block; width:170px; height:auto; overflow:hidden; cursor:pointer;} .notice a:hover .notice_tit{ color:#00d2ff; font-weight:bold;} .notice a:hover .notice_img img{-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95); transform:scale(0.95,0.95);transform:rotate(25deg);} .notice a.notice_a .notice_tit{ color:#00d2ff; font-weight:bold;} .notice_img{ width:71px; height:71px; border-radius:50%; overflow:hidden; background-color:#00d2ff; margin:auto;} .notice_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .notice_tit{ width:100%; text-align:center; font-size:16px; color:#000; height:50px; line-height:50px;-webkit-transition: all 0.4s ease-in-out;} .notice_all{ width:100%; height:auto; overflow:hidden; background-color:#f7f7f7;} /*支持服务*/ .support_mune{ width:1200px; height: auto; overflow:hidden; text-align:center; padding-bottom:15px; border-bottom:2px solid #b9b9b9; margin: auto; margin-top:40px; margin-bottom:70px;} .support_mune a{ display: inline-block; padding:0px 30px; height:55px; line-height:55px; font-size:18px; background-color:rgba(255,255,255,0.5); color:#000;-webkit-transition: all 0.4s ease-in-out; cursor:pointer; position:relative; margin:0px 5px; margin-bottom:10px;} .support_xian{ position:absolute; bottom:-2px; left:0px; width:0; height:2px; background-color:#00d2ff;-webkit-transition: all 0.4s ease-in-out; display:none;} .support_mune a:hover{ color:#fff; background-color:#00d2ff;} .support_mune a:hover .support_xian{ width:100%;} .support_mune a.support_mune_a{ color:#fff; background-color:#00d2ff;} .support_mune a.support_mune_a .support_xian{ width:100%;} .support{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:80px; padding-bottom:70px; display:none;} .support_left{ width:100%; height:auto; overflow:hidden;font-size:18px; color:#717171; line-height:30px; margin-top:15px; padding-bottom:30px;} .support_left img{ max-width:100%;} .support_right{ float:right; width:515px; height:auto; overflow:hidden;} .support_1{ width:100%; font-size:32px; color:#000; height:60px; line-height:60px;} .support_2{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#717171; line-height:30px; margin-top:15px; padding-bottom:30px;} .support_3{ width:100%; font-size:18px; color:#000; line-height:30px;} /*常见问题*/ .trouble{ width:1200px; height:auto; margin:auto; margin-top:50px;} .trouble ul li{ width:100%; height: auto;overflow:hidden; list-style:none; margin-bottom:18px; padding-bottom:20px; border-bottom:1px dashed #a0a0a0;} .trouble ul li a{ display:block; width:100%; height: 100%; } .trouble ul li a:hover .invest_right{ color:#fff; background-color:#00d2ff;} .trouble ul li.trouble_li .trouble_tit{ background:url(../images/trouble_13.png) no-repeat 98%;} .trouble_img{ float:left; width:55px; height:auto; overflow:hidden;} .trouble_img img{ height:40px; width:auto;} .trouble_right{ float:right; width:1145px; height:auto; overflow:hidden;} .trouble_tit{ width:100%; font-size:18px; color:#000; overflow:hidden; height:30px; line-height:30px; background:url(../images/trouble_08.png) no-repeat 98%;} .trouble_ri{ width:100%; font-size:16px; color:rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:35px; line-height:35px;} .trouble_con{ width:100%; height:auto; overflow:hidden; font-size:16px; color:rgba(0,0,0,0.7); line-height:29px; margin-top:10px; display:none;} /*联系方式*/ .contact_mune{ width:1200px; height: auto; overflow:hidden; padding-bottom:15px; text-align:center; border-bottom:2px solid #b9b9b9; margin: auto; margin-top:40px; margin-bottom:70px;} .contact_mune a{ display: inline-block; padding:0px 25px; height:50px; line-height:50px; font-size:18px; background-color:rgba(255,255,255,0.5); margin:0px 5px; margin-bottom:10px; color:#000;-webkit-transition: all 0.4s ease-in-out; cursor:pointer; position:relative;} .contact_xian{ position:absolute; bottom:-2px; left:0px; width:0; height:2px; background-color:#00d2ff;-webkit-transition: all 0.4s ease-in-out; display:none;} .contact_mune a:hover{ color:#fff; background-color:#00d2ff;} .contact_mune a:hover .contact_xian{ width:100%;} .contact_mune a.contact_mune_a{ color:#fff; background-color:#00d2ff;} .contact_mune a.contact_mune_a .contact_xian{ width:100%;} .contact{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:80px; padding-bottom:70px; display:none;} .contact_list{ width:100%; height:auto; overflow:hidden;} .contact_list ul li{ float:left; width:585px; height:254px; padding-top:26px; background-color:#fff; list-style:none; margin-right:30px; margin-bottom:23px;} .contact_list ul li:nth-child(2n){ margin-right:0px;} .contact_img{ float:left; text-align:right; width:147px; height:120px;} .contact_img img{ width:120px; height:120px; border-radius:50%;} .contact_right{ float:right; width:400px; height:auto; overflow:hidden;} .contact_1{ width:100%; font-size:20px; color:#000; height: auto; overflow:hidden; line-height:25px;} .contact_2{ width:98%; height:auto; overflow:hidden; font-size:16px; color:rgba(0,0,0,0.8); line-height:28px; margin-top:10px;} /*服务声明*/ .declare{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#717171; line-height:25px; margin-top:10px; padding-bottom:30px;} .declare img{ max-width:100%;} .declare_1{ width:100%; font-size:32px; color:#000; height:60px; line-height:60px;} .declare_2{ width:470px; height:auto; overflow:hidden; font-size:18px; color:#717171; line-height:25px; margin-top:10px; padding-bottom:30px;} .declare_2 a{ color:#2c68ff; cursor: pointer;} .declare_2 a:hover{ text-decoration:underline;} .declare_3{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#717171; line-height:30px;} .declare_3 span{ color:#000;} /*资质*/ .inborn{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:50px;} .inborn_img{ float:left; width:188px; height:188px;} .inborn_img img{ width:188px; height:188px;} .inborn_right{ float:right; width:885px; height:150px; padding:0px 60px; padding-top:38px; background-color:#f3f3f3; font-size:18px; color:#000; line-height:37px;} .inborn_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:68px;} .inborn_list ul li{ float: left; width:236px; height: auto; overflow:hidden; min-height:392px; list-style:none; margin-right:85px;} .inborn_list ul li:nth-child(4n){ margin-right:0px;} .inborn_list ul li:hover .inborn_tu img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);} .inborn_list ul li:hover .inborn_tit{ color:#3dddff;} .inborn_tu{ width:236px; height:322px; overflow:hidden;} .inborn_tu img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .inborn_tit{ width:100%; height:70px; text-align:center; font-size:18px; color:#000; line-height:70px;-webkit-transition: all 0.4s ease-in-out;} .inborn_con{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:100px; padding-bottom:95px; border-bottom:1px solid #e0e0e0;} .inborn_con span:hover{color:#3dddff;} .inborn_con span{ float:left; display: block; width:385px; height:37px; line-height:37px; font-size:16px; color:rgba(0,0,0,0.7); overflow:hidden; background:url(../images/inborn_13.jpg) no-repeat left; padding-left:15px;-webkit-transition: all 0.4s ease-in-out;} /*荣誉客户*/ .credit_img{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:50px;} .credit_img img{ max-width:100%; height:auto;} .credit_shuo{ width:1200px; height: auto; overflow:hidden; margin:auto; font-size:22px; color:#000; height:65px; line-height:65px; margin-top:43px;} .credit{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-bottom:30px;} .credit ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:33px; cursor:pointer;} .credit ul li.credit_li .credit_tit span.credit_tit_span{ display:none;} .credit ul li.credit_li .credit_tit span.credit_tit_span1{ display: block;} .credit_tit{ width:100%; height:85px; line-height:85px; font-size:28px; color:#000; border-bottom:2px solid #f2f2f2;} .credit_tit a{ float:right; font-size:16px; padding-right:10px;color:#000; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;} .credit_tit a:hover{color:#3dddff;} .credit_all{ width:100%; height: auto; max-height:192px; overflow:hidden; margin-top:30px; padding-bottom:30px;} .credit_all span{ display:block; float:left; width:25%; font-size:16px; color:rgba(0,0,0,0.8); line-height:32px; line-height:32px;} /*诚聘英才*/ .employ{ width:1200px; height:202px; margin:auto; margin-top:30px; padding-bottom:142px;} .employ ul li{ float:left; width:390px; height:202px; list-style:none; margin-right:15px;} .employ ul li:nth-child(3n){ margin-right:0px;} .employ ul li a{ display:block; width:100%; height:100%; position:relative;} .employ ul li a:hover .employ_1{ padding-top:45px;} .employ_1{ margin:auto; font-size:27px; color:#fff; height:auto; overflow:hidden; padding-top:50px; width:310px;-webkit-transition: all 0.4s ease-in-out;} .employ_2{ margin:auto; font-size:16px; color:rgba(255,255,255,0.2); height:28px; line-height:28px; font-family:ying; overflow:hidden; width:310px;} .employ_3{ margin-left:40px; margin-top:14px; width:112px; height:35px; border-radius:30px; background-color:#ffb649; text-align:center; line-height:35px; color:#fff;} .employ_3 span{ margin-left:12px;} .employ_bg{ width:100%; height:100%; position:absolute; top:0; z-index:-1;} .welfare{ width:100%; height:auto; overflow:hidden; background-color:#eef5fe; padding-top:50px;} .welfare_list{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:85px; padding-bottom:20px;} .welfare_list a{ display:inline-block; width:128px; height:auto; overflow:hidden; cursor:pointer; margin:0px 20px;} .welfare_list a:hover .welfare_img img{ transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.1); -moz-transform: rotate(360deg) scale(1.1); -o-transform: rotate(360deg) scale(1.1); -ms-transform: rotate(360deg) scale(1.1);} .welfare_list a:hover .welfare_tit{ color:#2379ff;} .welfare_list a.welfare_list_a .welfare_tit{ color:#2379ff;} .welfare_img{ width:128px; height:128px; background:url(../images/employ_41.jpg) no-repeat center; backgrouond-size:cover; border-radius:50%; margin:auto; overflow:hidden;} .welfare_img img{transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .welfare_tit{ width:100%; text-align:center; font-size:23px; color:#000; height:55px; line-height:55px;-webkit-transition: all 0.4s ease-in-out;} .welfare_con{ width:900px; height:auto; overflow:hidden; margin:auto; text-align:center; display:none; font-size:16px; color:#000; line-height:30px; padding-bottom:50px;} .development_come{ margin:auto; text-align:center; font-size:18px; color:rgba(0,0,0,0.6); line-height:32px; height:auto; overflow:hidden; margin-top:40px; width:920px; padding-bottom:60px;} .development{ width:1200px; height:auto; overflow:hidden; margin:auto;} .development ul li{ float:left; width:236px; height:347px; background-color:#eef5fe; margin-right:5px; list-style:none;-webkit-transition: all 0.4s ease-in-out;} .development ul li:nth-child(5n){ margin-right:0px;} .development ul li:hover{ background-color:#2085ff;} .development ul li:hover .development_tit{ padding-top:25px; color:#fff;} .development ul li:hover .development_con{ color:#fff;} .development_tit{ width:100%; text-align:center; font-size:22px; color:#000; height:65px; line-height:65px; padding-top:35px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .development_con{ margin:auto; font-size:16px; color:#666; line-height:25px; height:225px; overflow-y: scroll; padding-right:8px; width:190px; opacity:1;-webkit-transition: all 0.4s 0.1s ease-in-out;} .development_con::-webkit-scrollbar{width:3px;height:3px} .touch{ width:1200px; height:auto; overflow:hidden; margin:auto; background:url(../images/employ_45.png) no-repeat right; background-size: 500px; margin-top:180px; margin-bottom:115px; padding-top:55px;} .glory_ena{ text-align:left;} .glory_tita{ text-align:left;} .touch_1{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#000000; line-height:32px; margin-top:60px; padding-bottom:20px;} .touch_1 span{ display:inline-block; width:126px;} .touch_1 a{ color:#2c68ff; cursor:pointer;} .touch_1 a:hover{ text-decoration:underline;} /*渠道政策*/ .policy{ width:100%; height:auto; overflow:hidden; margin-top:15px;} .policy ul li{ width:100%; height:452px; overflow:hidden; list-style:none;} .policy ul li:nth-child(2n){ background-color:#eef5fe;} .policy ul li:nth-child(6){ background-color:#eef5fe; height:560px;} .policy ul li:nth-child(7){ height:535px;} .policy_all{ width:1200px; height:auto; overflow:hidden; margin:auto;} .policy_img{ float:right; width:515px; height:auto; overflow:hidden;} .policy_img img{ height:327px; width:auto; padding-top:60px;} .policy_left{ float: left; width:620px; height:auto; overflow:hidden;} .policy_tit{ width:100%; font-size:26px; color:#000; height:auto; overflow:hidden; padding-top:90px;} .policy_con{ width:98%; padding-right:2%; height:224px; overflow-y:scroll; color:rgba(84,93,105,0.8); font-size:18px; line-height:28px; margin-top:30px;} .policy_img1{ float:left;} .policy_right{ float:right; width:620px; height:auto; overflow:hidden;} .policy_1{ width:100%; text-align:center; font-size:26px; color:#000; height:50px; line-height:50px; padding-top:57px;} .policy_2{ width:100%; text-align:center; font-size:18px; color:#545d69; height:55px; line-height:55px;} .policy_2 span{ padding:0px 12px;} .policy_3{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:35px;} .policy_3 img{ height:288px; width:auto;} .policy_cona{ height:auto;} /*简介*/ .synopsis{ width:100%; height:auto; overflow:hidden; margin-top:50px;} .synopsis ul li{ width:100%; height:550px; overflow:hidden; list-style:none;} .synopsis ul li:nth-child(1){ height:442px;} .synopsis ul li:nth-child(1) .synopsis_all{ padding-top:85px;} .synopsis ul li:nth-child(2n){ background-color:#eef5fe;} .synopsis_all{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:95px;} .synopsis_img{ float:left; width:452px; height:329px; overflow:hidden;} .synopsis_img img{ height:329px; width:452px; } .synopsis_right{ float: right; width:665px; height:auto; overflow:hidden;} .synopsis_en{ width:100%; font-size:22px; color:rgba(0,0,0,0.5); height:auto; overflow:hidden; font-family:Arial, Helvetica, sans-serif;} .synopsis_tit{ width:100%; font-size:30px; color:#000; height:auto; overflow:hidden;} .synopsis_con{ width:98%; padding-right:2%; height:217px; overflow:hidden; color:rgba(0,0,0,0.8); font-size:18px; line-height:30px; margin-top:15px; overflow-y: scroll;} .synopsis_img1{ float:right; width:365px; height:auto; text-align:center;} .synopsis_img1 img{ height:329px; width:auto; padding-top:20px;} .synopsis_left{ float:left; width:800px; height:auto; overflow:hidden;} .synopsis_cona{ margin-top:45px;} /*诚聘英才-招聘*/ .recruit{ width:1154px; height:160px; margin: auto; margin-top:35px; background: linear-gradient(to right,#2c69ff , #00d1ff); padding:0px 23px; padding-top:30px; position:relative; z-index:99;} .recruit_left{ float:left; width:320px; height:113px; margin-right:13px;} .recruit_1{ width:100%; font-size:20px; color:#fff; font-weight:bold; height:50px; line-height:50px;} .recruit_2{ width:100%; height:63px;} .recruit_text{ width:295px; height:63px; border:none; background-color:#fff; padding-left:25px; font-family:"微软雅黑";} .recruit_text::-webkit-input-placeholder{ font-size:14px; color:#2085ff;} .recruit_text:focus { -moz-box-shadow:inset 0px 0px 3px #2085ff; -webkit-box-shadow: inset 0px 0px 3px #2085ff; box-shadow: inset 0px 0px 3px #2085ff;} .recruit_right{ float:right; width:153px; height:113px;} .recruit_btn{ font-size:22px; color:#fff; border:none; font-family:"微软雅黑"; width:153px; height:63px; background-color:#2085ff;} .select{ width:320px; height:63px; padding-left:25px; font-size: 16px;font-family: "微软雅黑"; color: #2085ff; position: relative;cursor: pointer; background-color:#fff; z-index:9;} .select::after{content: "";display: block;width: 9px;height: 9px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:25px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;} .select p{width:295px; padding-left:25px;line-height: 63px; font-size: 16px;font-family: "微软雅黑"; color: #2085ff;} .select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:63px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;} .select ul li{width:295px; padding-left:25px;height:40px;line-height: 40px; list-style: none;color:#2085ff; font-size:14px;-webkit-transition: all 0.4s ease-in-out;} .select ul li.Selected{background:#2085ff;color: #fff;} .select ul li:hover{background: #2085ff;color: #fff;} .select ul li a{color: #093a7b; width: 100%;height: 24px;} @-webkit-keyframes slide-down{ 0%{transform: scale(1,0);} 25%{transform: scale(1,1.2);} 50%{transform: scale(1,0.85);} 75%{transform: scale(1,1.05);} 100%{transform: scale(1,1);} } .select.open ul{max-height:450px;transform-origin: 50% 0;-webkit-animation: slide-down .5s ease-in;transition: max-height .2s ease-in;} .select.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:23px;} .select1{ width:320px; height:63px; position: relative;cursor: pointer; background-color:#fff; z-index:9;} .select1::after{content: "";display: block;width: 9px;height: 9px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:25px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;} .select1 p{width:295px; padding-left:25px;line-height: 63px; font-size: 16px;font-family: "微软雅黑"; color: #2085ff;} .select1 ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:63px;left: 0px;max-height: 0px;overflow: hidden;transition: max-height .3s ease-in;} .select1 ul li{width:295px; padding-left:25px;height:40px;line-height: 40px; list-style: none;color:#2085ff; font-size:14px;-webkit-transition: all 0.4s ease-in-out;} .select1 ul li.Selected{background:#2085ff;color: #fff;} .select1 ul li:hover{background: #2085ff;color: #fff;} .select1 ul li a{color: #093a7b; width: 100%;height: 24px;} .select1.open ul{max-height:450px;transform-origin: 50% 0;-webkit-animation: slide-down .5s ease-in;transition: max-height .2s ease-in;} .select1.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:23px;} .job{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:35px;} .job ul li{ width:100%; height:auto; overflow:hidden; list-style:none;} .job_1{ width:100%; font-size:20px; color:#000; font-weight:bold; height:65px; line-height:65px; border-bottom:1px solid #e5e5e5;} .job_1 a{ float:right; font-size:16px; color:#000; border-radius:7px; width:115px; height:38px; text-align:center; line-height:38px; background-color:#e5e5e5; margin-top:14px;-webkit-transition: all 0.4s ease-in-out; font-weight:normal; cursor:pointer;} .job_1 a:hover{ background-color:#f9be5a; color:#fff;} .job_con{ width:100%; height:auto; overflow:hidden; background-color:#f6f6f6; padding:25px 0px; display:none;} .job_2{ width:1120px; margin:auto; height:auto; overflow:hidden; font-size:18px; color:#6c6c6c; line-height:27px;} .job_2 span{ color:#000;} .job_3{ width:1120px; margin:auto; text-align: right; font-size:16px; color:#000; height:30px; line-height:30px;} .job_3 a{ display: inline-block; font-size:16px; color:#2c68ff;} .job ul li.job_li .job_1{ color:#e99d1d;} .job ul li.job_li .job_1 a{background-color:#f9be5a; color:#fff;} /*产品详情*/ .realm{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:60px;} .realm_tit{ width:1200px; height:auto; overflow:hidden; padding-bottom:55px;} .realm_left{ float:left; width:800px; height:auto; overflow:hidden;} .realm_1{ width:100%; height:auto; overflow:hidden; font-size:32px; color:#000;} .realm_2{ width:460px; height:auto; overflow:hidden; font-size:16px; color:#000; line-height:25px; margin-top:10px;} .realm_right{ float:right; height:auto; overflow:hidden;} .realm_right a{ display:inline-block; border-radius:4px; font-size:14px; color:#000; border:1px solid #000; margin-left:7px; height:38px; line-height:38px; padding:0px 15px; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;} .realm_right a:hover{ border:1px solid #00d2ff; background-color:#00d2ff; color:#fff;} .realm_right a:hover span{ background:url(../images/goods_422.png) no-repeat left;} .realm_right span{ display:inline-block; background:url(../images/goods_421.png) no-repeat left; padding-left:25px;} .realm_mune{ width:100%; background:url(../images/goods_46.png) no-repeat center; text-align:center; height:111px; padding-top:50px;} .realm_mune a{ display:inline-block; padding:0px 35px; height:58px; line-height:58px; font-size:18px; color:#000; cursor:pointer; border-radius:4px; border:1px solid #e3e3e3; background-color:#fff; margin:0px 4px;-webkit-transition: all 0.4s ease-in-out;} .realm_mune a:hover{ background-color:#00d2ff; border:1px solid #00d2ff; color:#fff;} .realm_mune a.realm_mune_a{ background-color:#00d2ff; border:1px solid #00d2ff; color:#fff;} .overview{ width:100%; height:500px; overflow:hidden; padding-top:70px;} .overview_all{ width:1200px; height:auto; overflow:hidden; margin:auto;} .overview_left{ float:left; width:550px; height:auto; overflow:hidden;} .overview_img{ float:right; width:50%; height:430px; overflow:hidden; text-align:center;} .overview_img img{ height:430px; width:auto;} .features{ width:100%; background:url(../images/goods_53.jpg) no-repeat center; background-size:cover; height: auto; overflow:hidden; padding-bottom:20px;} .features_en{ width:100%; text-align:center; height:auto; overflow:hidden; font-size:22px; color:rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif; padding-top:60px;} .features_tit{ width:100%; text-align:center; font-size:30px; color:#fff; height:auto; overflow:hidden;} .features_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:65px;} .features_list ul li{ float:left; width:575px; height:auto; list-style:none; margin-bottom:48px; margin-right:50px;} .features_list ul li:nth-child(2n){ margin-right:0px;} .features_img{ float:right; width:71px; height:71px; border:2px solid #fff; border-radius:50%; overflow:hidden;} .features_img img{ width:71px; height:71px;} .features_left{ float:left; width:480px; height:auto; overflow:hidden;} .features_1{ width:100%; text-align:right; font-size:22px; color:#fff; height:auto; overflow:hidden;} .features_2{ width:100%; text-align:right; font-size:16px; color:#fff; line-height:25px; margin-top:10px;} .features_img1{ float:left;} .features_right{ float:right; width:480px;} .features_1a{ text-align:left;} .features_2a{ text-align:left;} .overviewa{ width:100%; height:500px; overflow:hidden; padding-top:90px;} .overview_all{ width:1200px; height:auto; overflow:hidden; margin:auto;} .overview_right{ float:right; width:550px; height:auto; overflow:hidden;} .overview_gun{ width:100%; height:315px; overflow:hidden; margin-top:35px; overflow-y:scroll;} .overview_1{ width:98%; height:auto; overflow:hidden; font-size:18px; color:#000; line-height:32px;} .overview_2{ width:98%; height:auto; overflow:hidden; font-size:18px;color: rgba(0,0,0,0.8); line-height:30px; margin-top:10px;} .overview_2 span.overview_2_span{ font-size:20px; color:rgba(0,0,0,0.8); display:inline-block; padding-bottom:10px; padding-top:20px;} .overview_img1{ float:left; width:50%; height:430px; overflow:hidden; text-align:center;} .overview_img1 img{ height:430px; width:auto;} .deployment{ width:100%; height:510px; overflow:hidden; padding-top:110px; background-color:#eef5fe;} .deployment5{ width:100%; height:470px; overflow:hidden;} .deployment_img{ float:right; width:50%; height:430px; overflow:hidden; text-align:center;} .deployment_img img{ height:430px; width:auto;} .deployment_1{ width:100%; height:auto; overflow:hidden; font-size:22px; color:#000; line-height:90px; line-height:90px;} .deployment_2{ width:98%; padding-right:2%; height:300px; overflow-y:scroll; font-size:18px; color:rgba(0,0,0,0.8); line-height:30px;} .download{ width:1200px; height:auto; overflow:hidden; margin: auto; margin-top:65px; padding-bottom:125px;} .download ul li{ float:left; width:575px; height:34px; list-style:none; margin-bottom:30px; margin-right:50px;} .download ul li:nth-child(2n){ margin-right:0px;} .download ul li a{ display:block; width:100%; height:100%; cursor:pointer;} .download ul li a:hover .download_img_1{ margin-top:-34px;} .download ul li a:hover .download_name{ color:#00d2ff;} .download_img{ float:left; width:34px; height:34px; overflow:hidden;} .download_img_1{ width:100%; height:34px;-webkit-transition: all 0.4s ease-in-out;} .download_img_1 img{ width: auto; height:34px;} .download_img_2{ width:100%; height:34px;} .download_img_2 img{ width: auto; height:34px;} .download_name{ float:right; font-size:18px; color:#000; height:34px; line-height:34px; width:515px;-webkit-transition: all 0.4s ease-in-out;} /*解决方案*/ .realm_munea{ background:url(../images/solve_43.png) no-repeat center;} .sketch{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:30px;color: rgba(84,93,105,0.8); font-size: 16px; line-height: 24px; margin-bottom:30px;} .sketch ul li{ float:left; width:367px; height:518px; list-style:none; margin-right:49px;} .sketch ul li:nth-child(3n){ margin-right:0px;} .sketch ul li a{ display:block; width:100%; height:100%;} .sketch ul li a:hover .sketch_img img{-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);} .sketch ul li a:hover .sketch_1{ color:#00d2ff;} .sketch_img{ width:367px; height:247px; overflow:hidden; position:relative;} .sketch_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .sketch_1{ font-size:22px; color:#000; height:40px; line-height:40px; width:100%; margin-top:17px;-webkit-transition: all 0.4s ease-in-out;} .sketch_2{ font-size:18px; color: rgba(84,93,105,0.8); height:150px; line-height:25px; width:100%;} .present{ width:100%; height:auto; overflow:hidden; background-color:#eef5fe; padding:60px 0px;} .present_mune{ width:1200px; margin:auto; text-align:center; height: auto; overflow:hidden; margin-top:45px; padding-bottom:5px; border-bottom:1px solid #d6dce4;} .present_mune a{ display:inline-block; padding:0px 20px; height:40px; line-height:40px; font-size:16px; background-color:rgba(255,255,255,0.5); color:#000; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; margin:0px 5px; margin-bottom:10px;} .present_mune a:hover{ background-color:#00d2ff; color:#fff;} .present_mune a.present_mune_a{ background-color:#00d2ff; color:#fff;} .present_con{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:80px; display:none; } .present_left{ float:left; width:535px; height:auto; overflow:hidden;} .present_1{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:28px; color:#000;} .present_2{ width:100%; font-size:18px; color:#000; font-weight:bold; height: auto; overflow:hidden; line-height:30px; margin-top:15px;} .present_3{ width:98%; padding-right:2%; height:240px; overflow-y: scroll; color: rgba(84,93,105,0.8); font-size:16px; line-height:24px; margin-top:10px;} .present_3 span.present_3_span{ color:#000; font-size:20px;} .present_right{ float:right; width:50%; height:auto; overflow:hidden; text-align:center;} .present_right img{ height: auto; width:100%;} .cost{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:70px;} .cost_con{ width:100%; height:auto; overflow:hidden; margin-top:80px; padding-bottom:60px;} .exploit_warp{ width:100%; height:auto; overflow:hidden; background-color:#eef5fe;} .exploit{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:85px 0px;} .exploit_img{ float:left; width:50%; height:auto; overflow:hidden;} .exploit_img img{ max-width:100%; height:auto;} .exploit_right{ float:right; width:545px; height: auto; overflow:hidden;} .exploit_1{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:28px; color:#000; text-align:right;} .exploit_2{ width:100%; font-size:18px; color:#000; font-weight:bold; height:35px; line-height:35px; text-align:right;} .exploit_3{ width:98%; padding-right:2%; height:260px; overflow-y: scroll; color: rgba(84,93,105,0.8); font-size:18px; text-align:right; line-height:24px; margin-top:15px;} .exploit_warpa{ background-color:#fff;} .exploit_img1{ float:right;} .exploit_left{ float:left; width:545px; height: auto; overflow:hidden;} .exploit_1a{ text-align:left;} .exploit_2a{ text-align:left; height:auto; line-height:25px; margin-top:20px;} .exploit_list{ width:100%; height:auto; overflow:hidden; margin-top:65px;} .exploit_nei{ float:left; width:110px; height:auto; overflow:hidden; margin-right:40px;} .exploit_nei_1{ width:56px; height:56px; border-radius:50%; overflow:hidden; margin:auto;} .exploit_nei_1 img{ width:56px; height:56px;} .exploit_nei_2{ width:100%; text-align:center; font-size:26px; color:#000; height:70px; line-height:70px;} .newsj{ padding-bottom:80px;} .trade_img{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:25px;} .trade_img img{ max-width:100%; height:auto;} .trade_tit{ width:1200px; font-size:22px; color:#000; margin:auto; height:45px; line-height:45px; margin-top:37px;} .trade_nav{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:25px;} .trade_nav a{ display:inline-block; cursor:pointer; font-size:16px; color: rgba(84,93,105,0.8); line-height:31px; margin-right:40px; -webkit-transition: all 0.4s ease-in-out;} .trade_nav a:hover{ color: rgba(84,93,105,1);} .trade_con{ width:1200px; height:auto; overflow:hidden; margin:auto;} .trade_nei{ float:left; width:435px; height:auto; overflow:hidden;} .trade_biao{ width:100%; font-size:22px; color:#000; height:45px; line-height:45px;} .trade_dao{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:25px;} .trade_dao a{ display:inline-block; cursor:pointer; font-size:16px; color: rgba(84,93,105,0.8); line-height:31px; margin-right:40px; -webkit-transition: all 0.4s ease-in-out;} .trade_dao a:hover{ color: rgba(84,93,105,1);} .trade_nei1{ width:365px;} .trade_nei2{ width:400px;} /*发展历程*/ .course{ width:100%; background:url(../images/course_03.jpg) no-repeat center bottom; height:auto; height:915px; padding-top:70px;} .course_all{ width:1200px; background:url(../images/course_14.png) no-repeat 34px 198px; height:630px; margin:auto; margin-top:67px; position:relative;} .course_one{ width:90px; height:59px; position:absolute; left:-22px; bottom:34px; cursor:pointer;} .course_one:hover .course_con{ display: block;} .course_one:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_one:hover .course_2{ color:#ffba00;} .course_one:hover .course_zong{ opacity:1; margin-top:0px;} .course_1{ width:100%; background:url(../images/course_07.png) no-repeat center bottom; height:24px;} .course_2{ width:100%; text-align:center; font-size:27px; color:#000; font-family:ying; height:35px; line-height:35px; -webkit-transition: all 0.4s ease-in-out;} .course_con{ width:358px; height:425px; position:relative; z-index:9; top:-484px; left:45px; display:none;} .course_zong{width:358px; height:425px; background:url(../images/course_03.png) no-repeat center top; opacity:0; margin-top:15px; -webkit-transition: all 0.4s ease-in-out;} .course_3{ margin:auto; font-size:58px; color:#fff; font-family:ying; width:315px; height:70px; line-height:70px; padding-top:23px;} .course_3 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;} .course_4{ width:315px; height:200px; overflow:hidden; margin:auto; font-size:15px; color:#fff; line-height:25px; margin-top:5px;} .course_two{ width:90px; height:59px; position:absolute; left:94px; bottom:62px; cursor:pointer;} .course_two:hover .course_con{ display: block;} .course_two:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_two:hover .course_2{ color:#ffba00;} .course_two:hover .course_zong{ opacity:1; margin-top:0px;} .course_three{ width:90px; height:59px; position:absolute; left:344px; bottom:75px; cursor:pointer;} .course_three:hover .course_con{ display: block;} .course_three:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_three:hover .course_2{ color:#ffba00;} .course_three:hover .course_zong{ opacity:1; margin-top:0px;} .course_four{ width:90px; height:59px; position:absolute; left:523px; bottom:92px; cursor:pointer;} .course_four:hover .course_con{ display: block;} .course_four:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_four:hover .course_2{ color:#ffba00;} .course_four:hover .course_zong{ opacity:1; margin-top:0px;} .course_five{ width:90px; height:59px; position:absolute; left:665px; bottom:166px; cursor:pointer;} .course_five:hover .course_con{ display: block;} .course_five:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_five:hover .course_2{ color:#ffba00;} .course_five:hover .course_zong{ opacity:1; margin-top:0px;} .course_six{ width:90px; height:59px; position:absolute; right:182px; bottom:203px; cursor:pointer;} .course_six:hover .course_con{ display: block;} .course_six:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_six:hover .course_2{ color:#ffba00;} .course_six:hover .course_zong{ opacity:1; margin-top:0px;} .course_cona{ left:-313px;} .course_zonga{ background:url(../images/course_031.png) no-repeat center top;} .course_seven{ width:90px; height:59px; position:absolute; right:81px; bottom:344px; cursor:pointer;} .course_seven:hover .course_1{background:url(../images/course_22.png) no-repeat center bottom; } .course_seven:hover .course_5{ color:#ffba00;} .course_seven:hover .course_con{ display: block;} .course_seven:hover .course_zong{ opacity:1; margin-top:0px;} .course_seven .course_1a{ padding-top:40px;} .course_5{ width:100%; text-align:center; font-size:21px; color:#000; font-weight:bold; height:45px; line-height:45px;} #add1{ width:46px; height:46px; background-color:#ffcb3d; cursor:pointer; border-radius:50%; overflow:hidden; position:absolute; bottom:55px; left:-70px;-webkit-transition: all 0.4s ease-in-out;} #add1 img{ width:46px; height:46px; } #add1:hover{ background-color:#23d8ff;} #add2{ width:46px; height:46px; background-color:#ffcb3d; cursor:pointer; border-radius:50%; overflow:hidden; position:absolute; top:165px; right:-10px;-webkit-transition: all 0.4s ease-in-out;} #add2 img{ width:46px; height:46px; } #add2:hover{ background-color:#23d8ff;} /*首页*/ .big{ width:100%; height:100vh;overflow:hidden;} .big .swiper-slide{ overflow:hidden; } .big .swiper-slide.swiper-slide-active .big_div{ transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1) ; } .big .swiper-slide.swiper-slide-active .big_zi { opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: .8s; } .big .swiper-slide.swiper-slide-active .big_3 { opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: .8s; } .big .pagination{ position: absolute; left:0px; bottom:33px; text-align: center; width:100%; z-index:1; margin:auto; } .big .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; background-color:#fff; border-radius:50px; margin:0px 5px; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; } .big .swiper-pagination-bullet-active{ background-color: #ff7e00; } .big_div{ width:100%; height:100%; position:relative; transform: scale3d(1.2, 1.2, 1); transition: all 3s cubic-bezier(0.04, 0.79, 1, 1); } .big_con{ width:1550px; height:206px; margin:auto;} .big_1{ width:100%; height:79px; position:relative; font-size:60px; color:#fff;} .big_img{ width:193px; height:151px; position:absolute; top:-143px; left:303px} .big_img img{ width:193px; height:151px;} .big_2{ width:100%; height:50px; line-height:50px; margin-top:10px; overflow:hidden; font-size:22px; color:#fff;} .big_3{ width:158px; height:57px; margin-top:10px;} .big_3 a{ display:block; font-size:16px; color:#fff; text-align:center; cursor:pointer;background-image: linear-gradient(to right,#7ab7ff,#8af8ff); height:57px; line-height:57px; border-radius:30px;} .big_3 a:hover{ padding-left:10px;} .big_3 span{-webkit-transition: all 0.4s 0.1s ease-in-out;} .safe{ width:100%; height:auto; overflow:hidden; padding-top:90px; padding-bottom:82px;} .safe_tit{ width:100%; text-align:center; font-size:32px; color:#ff7e00; height:auto; overflow:hidden;} .safe_biao{ width:100%; text-align:center; font-size:18px; color:#000; height:40px; line-height:40px;} .safe_list{ width:1500px; height:472px; overflow:hidden; margin:auto; margin-top:72px;} .safe_list ul li{ float:left; width:300px; height:472px; list-style:none;} .safe_list ul li a{ display:block; width:100%; height:402px; padding-top:70px;-webkit-transition: all 0.4s ease-in-out;} .safe_list ul li a:hover{background-color: #33dbf5; /* 浏览器不支持的时候显示 */ background-image: linear-gradient(38deg, #33dbf5, #4770f9); } .safe_list ul li a:hover .safe_img_1{ margin-top:-86px;} .safe_list ul li a:hover .safe_1{ color:#fff;} .safe_list ul li a:hover .safe_2{ color:#fff;} .safe_list ul li a:hover .safe_3{ opacity:1;} .safe_img{ margin:auto; height:86px; overflow:hidden; width:245px;} .safe_img_1{ width:100%; height:86px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .safe_img_1 img{ height:86px; width:auto;} .safe_img_2{ width:100%; height:86px;} .safe_img_2 img{ height:86px; width:auto;} .safe_1{ width:245px; margin:auto; font-size:22px; color:#000; height:95px; line-height:95px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .safe_2{ width:245px; margin:auto; font-size:16px; color:rgba(0,0,0,0.7); line-height:28px; height:84px; overflow:hidden; margin-top:35px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .safe_3{ width:245px; height:11px; margin:auto; margin-top:40px; opacity:0;-webkit-transition: all 0.4s 0.1s ease-in-out;} .safe_shu{ width:1500px; margin:auto; background:url(../images/index_32.jpg) repeat-x center; height:74px; margin-top:55px;} .safe_tu{ margin:auto;/* background:url(../images/index_02.png) no-repeat center;*/ width:84px; height:74px; text-align:center;} .safe_tu img{ width:42px; height:42px; padding-top:16px;} .offer{ width:100%; height:auto; overflow:hidden; background-color:#edf4ff; padding-top:70px;} .offer_list{ width:1500px; height:auto; overflow:hidden; margin: auto; padding-top:25px;} .offer_list ul li{ float:left; width:260px; height:260px; list-style:none; margin:0px 20px 38px 20px;} .offer_list ul li:nth-child(5n){ margin-right:0px;} .offer_list ul li a{ display:block; width:100%; height:100%;border-radius:50%; overflow:hidden; position:relative;} .offer_list ul li a:hover .offer_1{ padding-top:60px;} .offer_img{ width:260px; height:260px; border-radius:50%; overflow:hidden;} .offer_bg{ width:100%; height:100%; position:absolute; top:0; } .offer_1{ text-align:center; font-size:18px; color:#fff; font-weight:bold; line-height:25px; height:50px; overflow:hidden; padding-top:70px; width:90%; margin: auto;-webkit-transition: all 0.4s ease-in-out;} .offer_2{ width:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; height:35px; line-height:35px; margin-top:50px;} .offer_2 span{ margin-left:10px; font-family:"宋体";} .offer_more{ width:100%; text-align:center; height:70px;} .offer_more a{ display:inline-block; font-size:18px; color:#000; height:30px; line-height:30px; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;} .offer_more a span{-webkit-transition: all 0.4s ease-in-out;color:#000;} .offer_more a:hover{ color:#104bd1;} .offer_more a:hover span{ color:#104bd1;padding-left:5px;} /**三大核心 start**/ .three{ height:auto; overflow:hidden; background-color:#edf4ff; padding-top:70px;} .three_list{ width:1105px; height:auto; overflow:hidden; margin: auto; padding-top:25px;} .three_list ul li{ float:left; width:260px; height:260px; list-style:none; margin-right:162px; margin-bottom:38px;} .three_list ul li:nth-child(3n){ margin-right:0px;} .three_list ul li a{ display:block; width:100%; height:100%;border-radius:50%; overflow:hidden; position:relative;} .three_list ul li a:hover .three_1{ padding-top:60px;} .three_img{ width:260px; height:260px; border-radius:50%; overflow:hidden;} .three_bg{ width:100%; height:100%; position:absolute; top:0; } .three_1{ text-align:center; font-size:18px; color:#fff; font-weight:bold; line-height:25px; height:50px; overflow:hidden; padding-top:70px; width:240px; margin: auto;-webkit-transition: all 0.4s ease-in-out;} .three_2{ width:100%; text-align:center; font-size:14px; color:#fff; font-weight:bold; height:35px; line-height:35px; margin-top:80px;} .three_2 span{ margin-left:10px; font-family:"宋体";} .three_more{ width:100%; text-align:center; height:50px;} .three_more a{ display:inline-block; font-size:18px; color:#000; height:30px; line-height:30px; cursor:pointer;-webkit-transition: all 0.4s ease-in-out;} .three_more a span{-webkit-transition: all 0.4s ease-in-out;color:#000;} .three_more a:hover{ color:#104bd1;} .three_more a:hover span{ color:#104bd1;padding-left:5px;} /**三大核心 end**/ .ensure{ width:100%; height:260px;background-image: linear-gradient(to right,#33dbf5,#008be3);} .ensure_list{ width:1500px; height:auto; overflow:hidden; margin:auto;} .ensure_list ul li{ float:left; width:500px; height:200px; list-style:none; padding-top:60px;} .ensure_1{ width:100%; text-align:center; font-size:50px; color:#fff; font-family:ying; height:auto; overflow:hidden; position:relative;} .ensure_1_1{ font-size:16px; color:#fff; font-family:"微软雅黑"; position:absolute; right:175px; top:10px;} .ensure_1_2{ font-size:16px; color:#fff; font-family:"微软雅黑"; position:absolute; right:200px; top:10px;} .ensure_2{ width:100%; text-align:center; font-size:18px; color:#fff; height:auto; overflow:hidden; margin-top:35px;} .press{ width:100%; background:url(../images/index_57.jpg) no-repeat center; height:800px; padding-top:67px;} .press_all{ width:1200px; height:557px; margin:auto; margin-top:35px; border-radius:7px;} .press_left{ float:left; width:400px; height:557px; background-color:#fff;-webkit-transition: all 0.4s ease-in-out;} .press_left:hover{ box-shadow: inset 0px 0px 20px rgba(16,75,209,0.3);} .press_tit{ width:100%; text-align:center; font-size:20px; color:#000; padding-top:25px;} .press_en{ margin:auto; font-size:14px; color:rgba(0,0,0,0.42); font-family:Arial, Helvetica, sans-serif; text-align:center; width:357px; height:29px; line-height:24px; border-bottom:1px solid #efefef;} .press_con{ width:357px; margin:auto; height:auto; overflow:hidden; margin-top:22px;} .press_con a{ display:block; width:100%; height:100%; cursor:pointer;} .press_con a:hover .press_zuo{ margin-left:5px;} .press_con a:hover .press_you{ margin-right:5px;} .press_con a:hover .press_you_1{ color:#104bd1;} .press_zuo{ float:left; width:60px; height:auto; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;} .press_zuo_1{ width:100%; text-align:center; font-size:30px; color:#104bd1; font-family:Arial, Helvetica, sans-serif; height:30px; line-height:30px; overflow:hidden; padding-top:5px;} .press_zuo_2{ width:100%; text-align:center; font-size:16px; color:#000; font-family:Arial, Helvetica, sans-serif; height:auto; overflow:hidden; padding-top:13px;} .press_you{ float:right; width:270px; height:auto; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;} .press_you_1{ width:100%; font-size:16px; color:#323232; height:30px; line-height:30px; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;} .press_you_2{ width:100%; overflow:hidden; font-size:14px; color:rgba(50,50,50,0.5); line-height:19px; height:38px;} .press_list{ width:357px; height:auto; overflow:hidden; margin:auto; margin-top:48px;} .press_list ul li{ width:100%; height:70px; list-style:none;} .press_list ul li a{ display:block; width:100%; height:100%; cursor:pointer;} .press_list ul li a:hover .press_1{ width:10%; background-color:#104bd1;} .press_list ul li a:hover .press_2{ color:#104bd1;} .press_1{ width:6px; height:6px; background-color:#323232;-webkit-transition: all 0.4s ease-in-out;} .press_2{ width:100%; overflow:hidden; font-size:15px; color:#323232; height:30px; line-height:30px; margin-top:15px;-webkit-transition: all 0.4s ease-in-out;} .press_more{ width:357px; height:30px; margin:auto; margin-top:13px;} .press_more a{ display:block; width:100%; font-size:12px; text-align:right;color:rgba(50,50,50,0.5); cursor:pointer; height:30px; line-height:30px;-webkit-transition: all 0.4s ease-in-out;} .press_more a:hover{ color:#323232;} .press_mid{ float:left; width:398px; height:557px; background-color:#fff; border-left:1px solid #efefef; border-right:1px solid #efefef; position:relative;-webkit-transition: all 0.4s ease-in-out;} .press_mid:hover{ box-shadow: inset 0px 0px 20px rgba(16,75,209,0.3);} .press_bei{ width:100%; height:87px;background-image: linear-gradient(to right,#f8ba66,#ffd776);} .press_tita{ color:#fff;} .press_ena{ color:rgba(255,255,255,0.42); border-bottom:none;} .press_cona{ margin-top:50px;} .press_morea{ width:357px; height:40px; margin:auto; margin-top:13px;} .press_morea a{ display:block; width:100%; font-size:14px; text-align:right;color:#323232; cursor:pointer; height:40px; line-height:40px;-webkit-transition: all 0.4s ease-in-out;} .press_morea a:hover{ color:#104bd1;} .partner{ width:100%; background:url(../images/index_94.jpg) no-repeat center bottom; height:623px; padding-top:90px;} .partner_list{ width:1220px; height:auto; margin:auto; margin-top:36px; overflow:hidden;} .partner_list .swiper-slide{ overflow:hidden; text-align:center; height:139px;} .partner_list .swiper-slide:hover img{-moz-box-shadow:0px 0px 13px rgba(35,216,255,0.2); -webkit-box-shadow:0px 0px 13px rgba(35,216,255,0.2); box-shadow:0px 0px 13px rgba(35,216,255,0.2); transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .partner_list img{ width:286px; height:126px; background-color:#fff;-moz-box-shadow:0px 0px 13px rgba(0,0,0,0.08); -webkit-box-shadow:0px 0px 13px rgba(0,0,0,0.08); box-shadow:0px 0px 13px rgba(0,0,0,0.08); transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .law{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:50px;} /*网站地图*/ .minute_tit{ width:100%; height:45px; border-bottom: 1px solid #e8e8e8;} .minute_tit a{ display:block; width:100%; height:45px; line-height: 40px; font-weight: bold;font-size:18px; color:#104bd1; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;} .minute_tit a:hover{ padding-left:5px;} .minute_tita{ margin-bottom:20px;} .minute_con{ width:100%; height:auto; overflow:hidden; padding-bottom:20px;} .minute_1{ float:left; width: auto; height:auto; overflow:hidden; margin-right:74px; padding-top:10px;} .minute_1 a{display:block; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#000; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; } .minute_1 a:hover{ color:#104bd1;} .minute_1_warp{ width:100%; height:auto; overflow:hidden;} .minute_2{ width:100%; height:auto; overflow:hidden; margin-left:0px;} .minute_2 a{ display:block; width:100%; height:30px; font-weight:normal; line-height:30px; font-size:15px; color:#333; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; } .minute_2 a:hover{ color:#104bd1;} .minute_3{ width:100%; height:auto; overflow:hidden; margin-left:20px;} .minute_3 a{ display:block; width:100%; background:url(../images/sharp_04.png) no-repeat left; padding-left:12px; background-size:4px; height:24px; font-weight:normal; line-height:24px; font-size:13px; color:#666; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; } .minute_3 a:hover{ color:#104bd1;} .minute_nav{ width:100%; height:50px; margin-bottom:20px;} .minute_nav a{ display:inline-block; height:50px; line-height:50px; font-size:16px; color:#000; margin-right:80px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;} .minute_nav a:hover{ color:#104bd1;} /*案例列表*/ .resolve{ width:1290px; height:auto; overflow:hidden; margin:auto; margin-top:65px;} .resolve ul li{ float:left; width:400px; height:430px; list-style:none; margin-bottom:37px; margin-right:45px;} .resolve ul li:nth-child(3n){ margin-right:0px;} .resolve ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .resolve ul li a:hover .resolve_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .resolve ul li a:hover .resolve_tit{ color:#33dbf5;} .resolve1{ width:1290px; height:auto; overflow:hidden; margin:auto; margin-top:50px;} .resolve1 ul li{ float:left; width:400px; height:165px; list-style:none; margin-bottom:37px; margin-right:45px;} .resolve1 ul li:nth-child(3n){ margin-right:0px;} .resolve1 ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out; border-bottom:1px solid #33dbf5;} .resolve1 ul li a:hover .resolve_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .resolve1 ul li a:hover .resolve_tit{ color:#33dbf5;} .resolve_img{ width:400px; height:251px; overflow:hidden;} .resolve_img img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .resolve_tit{ width:100%; font-size:20px; color:#000; height:40px; line-height:40px; overflow:hidden; margin-top:15px;-webkit-transition: all 0.4s 0.1s ease-in-out;} .resolve_con{ width:100%; height:48px; overflow:hidden; font-size:16px; line-height:24px; color:rgba(0,0,0,0.5); margin-top:5px;} .resolve_know{ width:100%; margin-top:23px;} .resolve_know span{ display:inline-block; font-size:16px; color:#000; background:url(../images/settle_03.jpg) no-repeat right; padding-right:33px; height:35px; line-height:35px;} .industry{ width:1290px; height:auto; overflow:hidden; margin:auto; margin-top:65px; padding-bottom:40px;} .industry ul li{ float:left; width:242px; height:394px; list-style:none; margin-bottom:40px; margin-right:20px;} .industry ul li:nth-child(5n){ margin-right:0px;} .industry ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .industry ul li a:hover .industry_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .industry ul li a:hover .industry_tit{ color:#2c68ff;} .industry_img{ width:242px; height:319px; overflow:hidden;} .industry img{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} .industry_tit{ width:100%; font-size:18px; text-align:center; color:#000; height:75px; line-height:75px; overflow:hidden;-webkit-transition: all 0.4s 0.1s ease-in-out;} /*产品列表*/ .tailorism{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:90px; padding-bottom:125px;} .tailorism_left{ float:left; width:400px; height:auto; overflow:hidden; margin-bottom:10px;} .tailorism_left1{ float:left; width:200px; height:auto; overflow:hidden;} .tailorism_tit{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#ff7e00; height:60px; line-height:60px; text-align:left; font-weight:bold;} .tailorism_con{ width:100%; height:auto; overflow:hidden;} .tailorism_1{ width:100%; height:40px; overflow:hidden;} .tailorism_1 a{ display:block; width:100%; height:40px; cursor:pointer;} .tailorism_1 a:hover .tailorism_1_2{ color:#00d2ff;} .tailorism_1_1{ float:left; width:40px; height:40px; display: flex; align-items: center; justify-content: center;} .tailorism_1_1 span{ display:block; text-align:left; width:100%; line-height:46px; height:46px;} .tailorism_1_1 img{ height:28px; width:auto; padding-top:6px;} .tailorism_1_2{ width:100%; height:40px; line-height:40px; font-size:18px; color:#000; text-align:left;-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_1_21{ float:right; width:160px; height:46px; line-height:46px; font-size:16px; color:#000; text-align:left;-webkit-transition: all 0.4s 0.1s ease-in-out; overflow:hidden;} .tailorism_mune{ width:100%; height:auto; overflow:hidden;} .tailorism_mune a{ display:block; width:350px; height:24px; line-height:24px; text-align:left; padding-left:50px; cursor:pointer; font-size:14px; color:rgba(0,0,0,0.5);-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_mune a:hover{ color:#000;} .tailorism_right{ float:right; width:350px; height:auto; overflow:hidden;} .tailorism_right .tailorism_mune a{ width:300px;} .tailorism_right1{ float:right; width:200px; height:auto; overflow:hidden;} .tailorism_right1 .tailorism_1_2{ width:190px;} .tailorism_right1 .tailorism_mune a{ width:190px;} .tailorisma{ padding-top:30px; padding-bottom:45px;} /*面包屑*/ .btn-nav {position: absolute; top:12px; right:0px; background: transparent; padding-right:10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer; z-index: 99999;} .btn-nav:focus { outline: 0;} .icon-bar { display: block; margin: 5px 0; width:24px; height:2px; background-color: #004098;} .btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #004098;} .nav-item { margin: 40px auto;text-align: center;} .animated { display: block; margin: 0 auto;} .animated:hover .icon-bar, .animated:focus .icon-bar{ background-color: #004098;} .animated:focus { cursor: pointer; z-index: 9999;} .middle { margin: 0 auto;} .icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;} .animated .icon-bar { z-index: 999999; background-color: #004098;} .animated .topt { -webkit-transform: translateY(8px) rotateZ(45deg); -moz-transform: translateY(8px) rotateZ(45deg); -ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg)} .animated .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg);-moz-transform: translateY(-6px) rotateZ(-45deg);-ms-transform: translateY(-6px) rotateZ(-45deg);-o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg);} .animated .middle { width: 0;} .cai{ display:none;} .course_lun{ display:none;} @media screen and (max-width:1915px)and (min-width:1600px){ /*头部*/ .header{ height:125px;} .head_logo{ position:absolute; left:70px;} .head_logo img{ padding-top:25px; height:86px; width:auto;} .head_logo_1{ width:100%; height:125px; } .head_logo_1 img{ padding-top:25px; height:86px;} .head_logo_2{ width:100%; height:125px; overflow:hidden;} .head_logo_2 img{ padding-top:25px; height:86px;} .nav{ height:100%; width:1100px; margin:auto; text-align:right;} .nav_1{ display:inline-block; height:100%; /*margin-left:35px;*/ padding:0px 18px;} .nav_1 a{ display:block; font-size:16px; line-height:125px; } .nav_1_warp{ width:100%; height: auto; overflow:hidden; position:absolute; top:120px;} .field_tit a{ line-height:65px; font-size:20px;} .nav_wei{ position:absolute; right:70px; top:43px; height:40px} .nav_wei a{ display:inline-block; width:33px; height:33px; margin-left:12px;} .nav_wei img{ width:33px; height:33px;} .head_love{ width:40px; height:40px; position:relative;} .head_love:hover .head_wei_ma{ height:85px; opacity:1; top:45px;} .head_love img{ width:33px; height:33px; border-radius:50%;} .head_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:45px; left:-25px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .head_wei_ma img{ width:85px; height:85px; border-radius:0%;} .bill{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:33px 0px;} .bill .bill_left:nth-child(8){ border-right:none;} .bill_left{ float:left; width:154px; height:100%; overflow:hidden; border-right:1px solid rgba(0,0,0,0.05); margin-right:16px; min-height:175px;} .bill_tit{ width:100%; height:40px;} .bill_tit a{ display:block; width:100%; height:40px; font-size:14px; font-weight:bold; color:#000; padding:0px; text-align:left; line-height:40px; -webkit-transition: all 0.4s ease-in-out;} .bill_tit a:hover{ color:#23d8ff;} .bill_con{ width:100%; height: auto; overflow:hidden;} .bill_con a{ display:block; width:90%; height: auto; font-size:12px; color:#000; padding:0px; text-align:left; line-height:20px; padding-bottom:3px; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;} .bill_con a:hover{ color:#23d8ff;} .header11{ position:fixed; z-index:99; background-color:#fff; height:90px;} .header11 .head_logo img{ padding-top:15px; height:60px; width:auto;} .header11 .head_logo_1{ margin-top:-125px;} .header11 .head_logo_2 img{ padding-top:15px; height:60px; width:auto;} .header11 .nav_1 a{ line-height:90px; font-size:16px;} .header11 .nav_1_warp{ top:85px;} .header11 .field_tit a{ font-size:22px;} .header11 .nav_wei{ top:25px;} .header11 .nav_wei a{ margin-left:12px;} .header11 .bill_tit a{ font-size:14px; line-height:40px;} .header11 .bill_con a{ font-size:12px; line-height:21px;} .big_con{ width:1295px; height: auto; margin:auto;} .big_1{ width:100%; height:66px; position:relative; font-size:50px; color:#fff;} .big_img{ width:162px; height:120px; position:absolute; top:-120px; left:233px} .big_img img{ width:162px; height:120px;} .big_2{ width:100%; height:50px; line-height:50px; margin-top:10px; overflow:hidden; font-size:18px; color:#fff;} .big_3{ width:130px; height:50px; margin-top:10px;} .big_3 a{ display:block; font-size:16px; height:50px; line-height:50px;} /*产品列表*/ .tailorism{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:90px; padding-bottom:125px;} .tailorism_left{ float:left; width:400px; height:auto; overflow:hidden; margin-bottom:25px;} .tailorism_tit{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#ff7e00; height:45px; line-height:45px; text-align:left; margin-bottom:10px;} .tailorism_con{ width:100%; height:auto; overflow:hidden; } .tailorism_1{ width:100%; height:40px; overflow:hidden;} .tailorism_1 a{ display:block; width:100%; height:40px; cursor:pointer;} .tailorism_1 a:hover .tailorism_1_2{ color:#00d2ff;} .tailorism_1_1{ float:left; width:40px; height:46px; display: flex; align-items: center; justify-content: center;} .tailorism_1_1 span{ display:block; text-align:left; width:100%; line-height:46px;} .tailorism_1_1 img{ height:28px; width:auto; padding-top:6px;} .tailorism_1_2{ width:100%; height:40px; line-height:40px; font-size:18px; color:#000; text-align:left;-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_mune{ width:100%; height:auto; overflow:hidden;} .tailorism_mune a{ display:block; width:350px; height:24px; line-height:24px; text-align:left; padding-left:50px; cursor:pointer; font-size:14px; color:rgba(0,0,0,0.5);-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_mune a:hover{ color:#000;} .tailorism_right{ float:right; width:350px; height:auto; overflow:hidden;} .tailorism_right .tailorism_mune a{ width:300px;} .tailorisma{ padding-top:30px; padding-bottom:45px;} } @media screen and (max-width:1595px)and (min-width:1435px){ /*头部*/ .header{ height:113px;} .head_logo{ position:absolute; left:63px;} .head_logo img{ padding-top:23px; height:79px; width:auto;} .head_logo_1{ width:100%; height:113px; } .head_logo_1 img{ padding-top:23px; height:79px;} .head_logo_2{ width:100%; height:113px; overflow:hidden;} .head_logo_2 img{ padding-top:23px; height:79px;} .nav{ height:100%; width:1000px; margin:auto; text-align:right;} .nav_1{ display:inline-block; height:100%; padding:0px 18px;} .nav_1 a{ display:block; font-size:16px; line-height:113px; } .nav_1_warp{ width:100%; height: auto; overflow:hidden; position:absolute; top:113px;} .bill{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:33px 0px;} .bill .bill_left:nth-child(8){ border-right:none;} .bill_left{ float:left; width:154px; height:100%; overflow:hidden; border-right:1px solid rgba(0,0,0,0.05); margin-right:16px; min-height:175px;} .bill_tit{ width:100%; height:40px;} .bill_tit a{ display:block; width:100%; height:40px; font-size:14px; font-weight:bold; color:#000; padding:0px; text-align:left; line-height:40px; -webkit-transition: all 0.4s ease-in-out;} .bill_tit a:hover{ color:#23d8ff;} .bill_con{ width:100%; height: auto; overflow:hidden;} .bill_con a{ display:block; width:90%; height: auto; font-size:12px; color:#000; padding:0px; text-align:left; line-height:20px; padding-bottom:3px; -webkit-transition: all 0.4s ease-in-out; overflow:hidden;} .bill_con a:hover{ color:#23d8ff;} .canal{ width:1200px; height:auto; overflow:hidden; margin:auto; padding:28px 0px;} .canal a{ display:block; float:left; width:400px; height:53px; cursor:pointer;} .canal_img{ float:left; width:26px; height:53px;} .canal_img img{ max-width:100%; height:auto;} .canal_tit{ float:right; height:53px; line-height:53px; font-size:16px; width:355px;} .settle{ width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:25px; padding-bottom:40px;} .settle_left{ float:left; width:400px; height:auto; overflow:hidden;} .settle_tit{ width:100%; height:43px; line-height:43px; font-size:18px;} .settle_nav{ margin-top:13px;} .settle_nav a{ display:block; width:100%; height:42px; cursor:pointer;} .settle_img{ float:left; width:27px; height:42px;} .settle_name{ float:right; height:42px; line-height:42px; font-size:16px; color:#000; width:360px;} .settle_right{ float:right; margin-top:70px;} .field{ width:1200px;} .field_left{ width:400px;} .field_tit{ height:40px;} .field_tit a{ display:block; width:100%; height:40px; line-height:40px; font-size:18px; } .field_con{ width:100%; height:auto; overflow:hidden; margin-top:5px;} .field_con a{ display:block; width:100%; height:56px; cursor:pointer;} .field_img{ float:left; width:40px; height:56px; } .field_img img{ max-width:80%; height:auto;} .field_name{ float:right; height:56px; line-height:56px; font-size:16px; color:#000; width:355px;} .field_mid{ float:left; width:484px; height:auto; overflow:hidden;} .field_cona a{ float:left; width:50%;} .field_cona a .field_name{ width:197px;} .field_right{ float:right; width:205px; height:auto; overflow:hidden;} .field_conb a .field_name{ width:160px;} .nav_wei{ position:absolute; right:63px; top:40px; height:40px} .nav_wei a{ display:inline-block; width:33px; height:33px; margin-left:12px;} .nav_wei img{ width:33px; height:33px;} .head_love{ width:33px; height:33px; position:relative;} .head_love:hover .head_wei_ma{ height:85px; opacity:1; top:45px;} .head_love:hover .head_wei_tel{ opacity:1; top:35px;} .head_love img{ width:33px; height:33px; border-radius:50%;} .head_wei_tel{ top:35px; line-height:40px;} .head_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:45px; left:-25px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .head_wei_ma img{ width:85px; height:85px; border-radius:0%;} .header11{ position:fixed; z-index:99; background-color:#fff; height:80px;} .header11 .head_logo img{ padding-top:15px; height:50px; width:auto;} .header11 .head_logo_1{ margin-top:-113px;} .header11 .head_logo_2 img{ padding-top:15px; height:50px; width:auto;} .header11 .nav_1 a{ line-height:80px; font-size:16px;} .header11 .nav_1_warp{ top:80px;} .header11 .field_tit a{ font-size:20px; color:#000;} .header11 .nav_wei{ top:23px;} .header11 .nav_wei a{ margin-left:12px;} .header11 .tailorism_mune a{ color:rgba(0,0,0,0.5); font-size:14px; line-height:24px;} .header11 .bill_tit a{ font-size:14px; line-height:40px;} .header11 .bill_con a{ font-size:12px; line-height:21px;} .footer{ height:314px; background-size:cover;} .foot{ width:1200px; height:266px; margin:auto; padding-top:48px;} .foot_top{ width:100%; height:92px;} .foot_logo{ float:left; width:auto; height:100%;} .foot_logo img{ height:90px; width:auto;} .foot_mid{ float:left; margin-left:50px; margin-top:9px; width:275px; height:63px;} .foot_zuo{ float:left; font-size:38px; height:63px; line-height:63px; width:110px;} .foot_you{ float:right; width:145px; height:34px; padding-top:14px; font-size:12px; line-height:17px;} .foot_you span{ padding:0px 5px;} .foot_nav{ float:right; height:83px;} .foot_nav a{ display:inline-block; height:83px; line-height:83px; font-size:16px; margin-left:35px;} .foot_bottom{ width:100%; height:135px;} .foot_left{ float:left; height:135px; padding-top:34px;} .foot_wei{ width:100%; height:45px;} .foot_wei a{ display:inline-block; width:45px; height:45px; margin-right:10px;} .foot_wei img{ width:45px; height:45px;} .foot_love{ width:45px; height:45px; position:relative;} .foot_love:hover .foot_wei_ma{ height:85px; opacity:1; top:50px;} .foot_love img{ width:45px; height:45px;} .foot_wei_ma{ width:80px; height:0px; overflow:hidden; position:absolute; top:45px; left:-16px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .foot_wei_ma img{ width:80px; height:80px; border-radius:0%;} .foot_typeright{ width:100%; overflow:hidden; font-size:12px; line-height:24px; padding-top:16px;} .foot_typeright a{ margin:0px 10px;} .foot_right{ float:right; height:auto; overflow:hidden;} .foot_ma{ float:left; width:123px; height:auto; overflow:hidden; margin-left:45px;} .foot_ma_1{ width:123px; height:123px;} .foot_ma_1 img{ width:123px; height:123px;} .foot_ma_2{ width:100%; text-align:center; font-size:12px; height:38px; line-height:38px;} .safe{ padding-top:75px; padding-bottom:70px;} .safe_list{ width:1265px; height:395px; overflow:hidden; margin:auto; margin-top:54px;} .safe_list ul li{ float:left; width:253px; height:395px; list-style:none;} .safe_list ul li a{ display:block; width:100%; height:338px; padding-top:57px;} .safe_list ul li a:hover .safe_img_1{ margin-top:-78px;} .safe_img{ margin:auto; height:78px; overflow:hidden; width:210px;} .safe_img_1{ width:100%; height:78px;} .safe_img_1 img{ height:78px; width:auto;} .safe_img_2{ width:100%; height:78px;} .safe_img_2 img{ height:78px; width:auto;} .safe_1{ width:210px; margin:auto; font-size:18px; color:#000; height:82px; line-height:82px;} .safe_2{ width:210px; margin:auto; font-size:14px; line-height:24px; height:75px; overflow:hidden; margin-top:15px;} .safe_3{ width:210px; height:11px; margin:auto; margin-top:25px; opacity:0;} .safe_3 img{ width:auto; height:11px;} .safe_shu{ width:1265px; margin:auto; background:url(../images/index_32.jpg) repeat-x center; height:68px; margin-top:40px;} .safe_tu{ margin:auto; background-size:auto 100%; width:84px; height:68px; text-align:center;} .safe_tu img{ width:36px; height:36px; padding-top:15px;} .offer{ padding-top:65px;} .offer_list{ width:1265px; height:auto; overflow:hidden; margin: auto;} .offer_list ul li{ float:left; width:233px; height:233px; list-style:none; margin:0px 10px 35px 10px;} .offer_list ul li a:hover .offer_1{ padding-top:60px;} .offer_img{ width:233px; height:233px;} .offer_img img{ width:233px; height:233px;} .offer_1{ text-align:center; font-size:16px; line-height:23px; height:46px; overflow:hidden; padding-top:65px; width:90%; margin: auto;} .offer_2{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px; margin-top:30px;} .offer_2 span{ margin-left:10px; font-family:"宋体";} .offer_more{ width:100%; text-align:center; height:46px;} .offer_more a{ display:inline-block; font-size:16px; color:#000; height:30px; line-height:30px;} .ensure{ width:100%; height:217px;} .ensure_list{ width:1290px; height:auto; overflow:hidden; margin:auto;} .ensure_list ul li{ float:left; width:430px; height:166px; list-style:none; padding-top:51px;} .ensure_1{ width:100%; text-align:center; font-size:46px;} .ensure_1_1{ font-size:14px; color:#fff; font-family:"微软雅黑"; position:absolute; right:150px; top:7px;} .ensure_1_2{ font-size:14px; color:#fff; font-family:"微软雅黑"; position:absolute; right:170px; top:7px;} .ensure_2{ font-size:15px; margin-top:30px;} .big_con{ width:1200px; height: auto; margin:auto;} .big_1{ width:100%; height:66px; position:relative; font-size:45px; color:#fff;} .big_img{ width:147px; height:109px; position:absolute; top:-109px; left:213px} .big_img img{ width:147px; height:109px;} .big_2{ width:100%; height:50px; line-height:50px; margin-top:10px; overflow:hidden; font-size:16px; color:#fff;} .big_3{ width:130px; height:50px; margin-top:10px;} .big_3 a{ display:block; font-size:15px; height:50px; line-height:50px;} .law{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:50px;} .minute_1{ margin-right:49px;} /*产品列表*/ .tailorism_1{ width:100%; height:30px; overflow:hidden;} .tailorism_1 a{ display:block; width:100%; height:30px; cursor:pointer;} .tailorism_1 a:hover .tailorism_1_2{ color:#00d2ff;} .tailorism_1_1{ float:left; width:30px; height:30px; display: flex; align-items: center; justify-content: center;} .tailorism_1_1 span{ display:block; text-align:left; width:100%; line-height:30px; height:30px;} .tailorism_1_1 img{ height:28px; width:auto; padding-top:6px;} .tailorism_1_2{ width:100%; height:30px; line-height:30px; font-size:16px; color:#000; text-align:left;-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_1_21{ height:40px; line-height:30px; font-size:16px;} .tailorism_tit{ font-size:18px; height:43px; line-height:43px; margin-bottom:5px;} .tailorism_mune{ width:100%; height:auto; overflow:hidden;} .tailorism_mune a{ display:block; width:350px; height:24px; line-height:24px; text-align:left; padding-left:50px; cursor:pointer; font-size:14px; color:rgba(0,0,0,0.5);-webkit-transition: all 0.4s 0.1s ease-in-out;} .tailorism_mune a:hover{ color:#000;} .tailorism_right{ float:right; width:350px; height:auto; overflow:hidden;} .tailorism_right .tailorism_1_2{ width:300px;} .tailorism_right .tailorism_mune a{ width:300px;} .tailorisma{ padding-top:30px; padding-bottom:45px;} } @media screen and (max-width:1434px)and (min-width:1195px){ ::-webkit-scrollbar{width:3px;height:10px} /*头部*/ .header{ height:107px;} .head_logo{ position:absolute; left:40px;} .head_logo img{ padding-top:20px; height:76px; width:auto;} .head_logo_1{ width:100%; height:107px; } .head_logo_1 img{ padding-top:20px; height:76px;} .head_logo_2{ width:100%; height:107px; overflow:hidden;} .head_logo_2 img{ padding-top:20px; height:76px;} .nav{ height:100%; width:1000px; margin:auto; text-align:right;} .nav_1{ display:inline-block; height:100%; padding:0px 15px;} .nav_1 a{ display:block; font-size:16px; line-height:107px; } .nav_1_warp{ width:100%; height: auto; overflow:hidden; position:absolute; top:102px;} .bill{ width:1100px; height:auto; overflow:hidden; margin:auto; padding:23px 0px;} .bill_left{ float:left; width:149px; height:auto; overflow:hidden; border-right:1px solid rgba(0,0,0,0.05); margin-right:7px; min-height:360px;} .bill_tit{ width:100%; height:30px;} .bill_tit a{ display:block; width:100%; height:30px; font-size:14px; color:#000; padding:0px; text-align:left; line-height:30px;} .bill_con{ width:100%; height: auto; overflow:hidden;} .bill_con a{ display:block; width:94%; height: auto; overflow:hidden; font-size:12px; color:#000; padding:0px; text-align:left; line-height:21px; padding-bottom:3px;} .field_tit a{ line-height:65px; font-size:20px;} .nav_wei{ position:absolute; right:40px; top:40px; height:40px} .nav_wei a{ display:inline-block; width:33px; height:33px; margin-left:12px;} .nav_wei img{ width:33px; height:33px;} .head_love{ width:40px; height:40px; position:relative;} .head_love:hover .head_wei_ma{ height:85px; opacity:1; top:45px;} .head_love:hover .head_wei_tel{ height:30px; opacity:1; top:35px;} .head_love img{ width:33px; height:33px; border-radius:50%;} .head_wei_tel{ top:35px; line-height:30px;} .head_wei_ma{ width:85px; height:0px; overflow:hidden; position:absolute; top:45px; left:-25px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .head_wei_ma img{ width:85px; height:85px; border-radius:0%;} .header11{ position:fixed; z-index:99; background-color:#fff; height:80px;} .header11 .head_logo img{ padding-top:15px; height:50px; width:auto;} .header11 .head_logo_1{ margin-top:-107px;} .header11 .head_logo_2 img{ padding-top:15px; height:50px; width:auto;} .header11 .nav_1 a{ line-height:80px; font-size:16px; color:#000;} .header11 .nav_1_warp{ top:75px;} .header11 .field_tit a{ font-size:18px; color:#000; line-height:40px;} .header11 .nav_wei{ top:23px;} .header11 .nav_wei a{ margin-left:12px;} .header11 .tailorism_mune a{ color:rgba(0,0,0,0.5); font-size:14px; line-height:24px;} .header11 .bill_tit a{ font-size:14px; line-height:30px;} .header11 .bill_con a{ font-size:12px; line-height:21px;} /*.footer{ height:314px; background-size:cover;} .foot{ width:1250px; height:266px; margin:auto; padding-top:48px;} .foot_top{ width:100%; height:92px;} .foot_logo{ float:left; width:auto; height:100%;} .foot_logo img{ height:90px; width:auto;} .foot_mid{ float:left; margin-left:50px; margin-top:9px; width:275px; height:63px;} .foot_zuo{ float:left; font-size:38px; height:63px; line-height:63px; width:110px;} .foot_you{ float:right; width:145px; height:34px; padding-top:14px; font-size:12px; line-height:17px;} .foot_you span{ padding:0px 5px;} .foot_nav{ float:right; height:83px;} .foot_nav a{ display:inline-block; height:83px; line-height:83px; font-size:16px; margin-left:35px;} .foot_bottom{ width:100%; height:135px;} .foot_left{ float:left; height:135px; padding-top:34px;} .foot_wei{ width:100%; height:45px;} .foot_wei a{ display:inline-block; width:45px; height:45px; margin-right:10px;} .foot_wei img{ width:45px; height:45px;} .foot_love{ width:45px; height:45px; position:relative;} .foot_love:hover .foot_wei_ma{ height:85px; opacity:1; top:50px;} .foot_love img{ width:45px; height:45px;} .foot_wei_ma{ width:80px; height:0px; overflow:hidden; position:absolute; top:45px; left:-16px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .foot_wei_ma img{ width:80px; height:80px; border-radius:0%;} .foot_typeright{ width:100%; overflow:hidden; font-size:12px; line-height:24px; padding-top:16px;} .foot_typeright a{ margin:0px 10px;} .foot_right{ float:right; height:auto; overflow:hidden;} .foot_ma{ float:left; width:123px; height:auto; overflow:hidden; margin-left:45px;} .foot_ma_1{ width:123px; height:123px;} .foot_ma_1 img{ width:123px; height:123px;} .foot_ma_2{ width:100%; text-align:center; font-size:12px; height:38px; line-height:38px;} .safe{ padding-top:70px; padding-bottom:63px;} .safe_list{ width:1135px; height:355px; overflow:hidden; margin:auto; margin-top:54px;} .safe_list ul li{ float:left; width:227px; height:355px; list-style:none;} .safe_list ul li a{ display:block; width:100%; height:301px; padding-top:54px;} .safe_list ul li a:hover .safe_img_1{ margin-top:-69px;} .safe_img{ margin:auto; height:69px; overflow:hidden; width:185px;} .safe_img_1{ width:100%; height:69px;} .safe_img_1 img{ height:69px; width:auto;} .safe_img_2{ width:100%; height:69px;} .safe_img_2 img{ height:69px; width:auto;} .safe_1{ width:185px; margin:auto; font-size:16px; color:#000; height:65px; line-height:65px;} .safe_2{ width:185px; margin:auto; font-size:14px; line-height:20px; height:60px; overflow:hidden; margin-top:25px;} .safe_3{ width:185px; height:11px; margin:auto; margin-top:25px; opacity:0;} .safe_3 img{ width:auto; height:8px;} .safe_shu{ width:1135px; margin:auto; background:url(../images/index_32.jpg) repeat-x center; height:56px; margin-top:40px;} .safe_tu{ margin:auto; background-size:auto 100%; width:84px; height:56px; text-align:center;} .safe_tu img{ width:29px; height:29px; padding-top:12px;} .ensure{ width:100%; height:195px;} .ensure_list{ width:1140px; height:auto; overflow:hidden; margin:auto;} .ensure_list ul li{ float:left; width:380px; height:150px; list-style:none; padding-top:45px;} .ensure_1{ width:100%; text-align:center; font-size:42px;} .ensure_1_1{ font-size:12px; right:130px; top:7px;} .ensure_1_2{ font-size:12px; right:150px; top:7px;} .ensure_2{ font-size:14px; margin-top:25px;} */ .canal{ width:1098px; height:auto; overflow:hidden; margin:auto; padding:28px 0px;} .canal a{ display:block; float:left; width:366px; height:53px; cursor:pointer;} .canal_img{ float:left; width:26px; height:53px;} .canal_img img{ max-width:100%; height:auto;} .canal_tit{ float:right; height:53px; line-height:53px; font-size:14px; width:325px;} .settle{ width:1098px; height:auto; overflow:hidden; margin:auto; padding-top:25px; padding-bottom:40px;} .settle_left{ float:left; width:366px; height:auto; overflow:hidden;} .settle_tit{ width:100%; height:33px; line-height:33px; font-size:16px;} .settle_nav{ margin-top:13px;} .settle_nav a{ display:block; width:100%; height:42px; cursor:pointer;} .settle_img{ float:left; width:27px; height:42px;} .settle_name{ float:right; height:42px; line-height:42px; font-size:14px; color:#000; width:330px;} .settle_right{ float:right; width:366px; height:209px; margin-top:70px; overflow:hidden;} .settle_right a{ display:block; width:100%; height:100%;} .settle_right img{ width:366px; height:209px;} .n_div{ width:100%; height:400px;} .n_div_1{ width:100%; text-align:center; font-size:55px; height:400px; line-height:400px;} .footer{ height:314px; background-size:cover;} .foot{ width:1100px; height:266px; margin:auto; padding-top:48px;} .foot_top{ width:100%; height:92px;} .foot_logo{ float:left; width:auto; height:100%;} .foot_logo img{ height:90px; width:auto;} .foot_mid{ float:left; margin-left:50px; margin-top:9px; width:275px; height:63px;} .foot_zuo{ float:left; font-size:38px; height:63px; line-height:63px; width:110px;} .foot_you{ float:right; width:145px; height:34px; padding-top:14px; font-size:12px; line-height:17px;} .foot_you span{ padding:0px 5px;} .foot_nav{ float:right; height:83px;} .foot_nav a{ display:inline-block; height:83px; line-height:83px; font-size:16px; margin-left:15px;} .foot_bottom{ width:100%; height:135px;} .foot_left{ float:left; height:135px; padding-top:34px;} .foot_wei{ width:100%; height:45px;} .foot_wei a{ display:inline-block; width:45px; height:45px; margin-right:10px;} .foot_wei img{ width:45px; height:45px;} .foot_love{ width:45px; height:45px; position:relative;} .foot_love:hover .foot_wei_ma{ height:85px; opacity:1; top:50px;} .foot_love img{ width:45px; height:45px;} .foot_wei_ma{ width:80px; height:0px; overflow:hidden; position:absolute; top:45px; left:-16px; opacity:0;-webkit-transition: all 0.5s ease-in-out;} .foot_wei_ma img{ width:80px; height:80px; border-radius:0%;} .foot_typeright{ width:100%; overflow:hidden; font-size:12px; line-height:24px; padding-top:16px;} .foot_typeright a{ margin:0px 10px;} .foot_right{ float:right; height:auto; overflow:hidden;} .foot_ma{ float:left; width:123px; height:auto; overflow:hidden; margin-left:45px;} .foot_ma_1{ width:123px; height:123px;} .foot_ma_1 img{ width:123px; height:123px;} .foot_ma_2{ width:100%; text-align:center; font-size:12px; height:38px; line-height:38px;} /*新闻*/ .news{ margin-top:60px;} .glory_en{ font-size:20px;} .glory_tit{ font-size:27px;} .news_list{ width:100%; height:auto; margin-top:10px;} .news_list ul li{ width:100%; height:261px; list-style:none;} .news_all{ width:1100px; height:233px; margin:auto; padding-top:28px; border-bottom:1px solid #efefef;} .news_img{ float:left;} .news_mid{ float:left; width:555px; height:204px; overflow:hidden; margin-left:58px;} .news_1{ width:100%; font-size:20px; line-height:30px; height:60px;} .news_2{ width:100%; font-size:15px; line-height:27px; height:81px; overflow:hidden; margin-top:18px; } .news_right{ float:right; width:110px; height:204px;} .news_3{ width:100%; font-size:33px;} .news_4{ width:100%; font-size:18px; margin-top:-10px;} .page{ width:100%; height:30px; overflow:hidden; margin-top:50px; padding-bottom:95px;} /*市场合作*/ .market{ width:100%; height:auto; margin-top:10px;} .market ul li{ width:100%; height:275px; list-style:none;} .market_all{ width:1100px; height:233px; margin:auto; padding-top:21px;} .market_ri{ float:left; width:65px; height:65px;} .market_ri_1{ width:100%; text-align:center; font-size:26px; color:#fff; height:43px; line-height:43px;} .market_ri_2{ width:100%; text-align:center; font-size:16px; color:#fff; height: auto; margin-top:-7px;} .market_right{ float:right; width:675px; height:233px;} .market_1{ width:100%; font-size:20px; color:#000; height: auto; overflow:hidden;} .market_2{ width:100%; font-size:15px; height:75px; line-height:25px; margin-top:27px; overflow:hidden;} .market_3{ font-size:14px; width:110px; height:38px; line-height:38px; } /*留言板*/ .leave_come{ font-size:16px; height:80px; line-height:80px;} .leave{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:40px; margin-bottom:100px;} .leave_1{ width:100%; height:auto; overflow:hidden; margin-bottom:14px;} .leave_text{ width:535px; height:43px; border:none; background-color:#f0f0f0; padding-left:15px; font-family:"微软雅黑";} .leave_text::-webkit-input-placeholder{ font-size:13px; } .leave_textarea{ width:535px; height:165px; line-height:43px; padding-left:15px;border:none;background-color:#f0f0f0; font-family:"微软雅黑";} .leave_textarea::-webkit-input-placeholder{ font-size:13px;} .leave_btn{ font-size:16px; width:197px; height:43px; background-color:#00d2ff;} .leave_right{ float:right; width:505px; height:410px; background:url(../images/leave_11.png) no-repeat right bottom;} .leave_3{ font-size:16px; color:#000; padding-left:50px; width:455px; line-height:32px; height:32px;} .leave_4{ font-size:18px; color:#000; padding-left:50px; width:455px; line-height:32px; height:32px; margin-top:27px;} .leave_5{ font-size:18px; color:#000; padding-left:50px; width:455px; line-height:32px; height:32px; margin-top:27px;} /*投资者关系*/ .invest{ width:1100px; height:auto; margin:auto; margin-top:45px;} .invest ul li{ width:100%; height: auto; min-height:80px; list-style:none; margin-bottom:18px;} .invest ul li a{ display:block; width:100%; height: auto; overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #a0a0a0;} .invest_img{ float:left; width:48px;} .invest_img img{ height:37px; width:auto;} .invest_mid{ float:left; width:840px;} .invest_tit{ width:100%; font-size:16px; color:#000; overflow:hidden; height: auto; line-height:23px;} .invest_ri{ width:100%; font-size:14px; overflow:hidden; height:33px; line-height:33px;} .invest_right{ float:right; font-size:14px; color:#000; width:135px; height:46px; line-height:46px; margin-top:12px;} /*安全公告*/ .notice{ margin-top:55px; padding-bottom:40px;} .notice a{ display:inline-block; width:160px; height:auto; overflow:hidden; cursor:pointer;} .notice_img{ width:65px; height:65px; } .notice_img img{ width:65px; height:65px; } .notice_tit{ width:100%; text-align:center; font-size:15px; color:#000; height:48px; line-height:48px;} .xiang_tit{ font-size:24px;} .xiang_come{ font-size:14px;} .xiang_con { font-size: 14px; line-height: 28px; margin-top:30px; padding-bottom: 50px;} .xiang_next a{ font-size:14px;} /*支持服务*/ .support_mune{ width:1098px; height: auto; overflow:hidden; padding-bottom:10px; margin-top:37px; margin-bottom:67px;} .support_mune a{ display: inline-block; height:40px; line-height:40px; font-size:16px; } .support{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:75px; padding-bottom:65px; display:none;} .support_left{ width:100%; height:auto; overflow:hidden;font-size:16px; color:#717171; line-height:30px; margin-top:15px; padding-bottom:30px;} .support_left img{ max-width:100%; height:auto;} .support_right{ float:right; width:475px; height:auto; overflow:hidden;} .support_1{ width:100%; font-size:29px; color:#000; height:55px; line-height:55px;} .support_2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#717171; line-height:30px; margin-top:15px; padding-bottom:30px;} .support_3{ width:100%; font-size:16px; color:#000; line-height:30px;} /*常见问题*/ .trouble{ width:1100px; height:auto; margin:auto; margin-top:50px;} .trouble ul li{ width:100%; height: auto;overflow:hidden; list-style:none; margin-bottom:18px; padding-bottom:15px; border-bottom:1px dashed #a0a0a0;} .trouble_img{ float:left; width:52px; height:auto; overflow:hidden;} .trouble_img img{ height:38px; width:auto;} .trouble_right{ float:right; width:1045px; height:auto; overflow:hidden;} .trouble_tit{ width:100%; font-size:16px; color:#000; overflow:hidden; height:30px; line-height:30px; background:url(../images/trouble_08.png) no-repeat 98%;} .trouble_ri{ width:100%; font-size:14px; color:rgba(0,0,0,0.5); font-family:Arial, Helvetica, sans-serif; overflow:hidden; height:33px; line-height:33px;} .trouble_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:rgba(0,0,0,0.7); line-height:26px; margin-top:10px; display:none;} /*联系方式*/ .contact_mune{ width:1096px; height: auto; border-bottom:2px solid #b9b9b9; margin: auto; margin-top:35px; margin-bottom:60px;} .contact_mune a{ display: inline-block; text-align:center; height:40px; line-height:40px; font-size:16px;} .contact{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:63px; padding-bottom:60px;} .contact_list{ width:100%; height:auto; overflow:hidden;} .contact_list ul li{ float:left; width:535px; height:238px; padding-top:22px; margin-right:30px; margin-bottom:20px;} .contact_list ul li:nth-child(2n){ margin-right:0px;} .contact_img{ float:left; text-align:right; width:135px; height:115px;} .contact_img img{ width:115px; height:115px; border-radius:50%;} .contact_right{ float:right; width:365px; height:auto; overflow:hidden;} .contact_1{ width:100%; font-size:18px; color:#000; height: auto; line-height:22px;} .contact_2{ width:98%; height:auto; overflow:hidden; font-size:14px; line-height:25px; margin-top:10px;} /*服务声明*/ .declare{ width:100%; height:auto; overflow:hidden; background-size:45%; font-size:16px; color:#717171; line-height:25px; margin-top:10px; padding-bottom:30px;} .declare img{ max-width:100%;} .declare_1{ width:100%; font-size:29px; color:#000; height:55px; line-height:55px;} .declare_2{ width:430px; height:auto; overflow:hidden; font-size:16px; color:#717171; line-height:25px; margin-top:10px; padding-bottom:30px;} .declare_3{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#717171; line-height:30px;} /*资质*/ .inborn{ width:1100px; margin-top:47px;} .inborn_img{ float:left; width:174px; height:174px;} .inborn_img img{ width:174px; height:174px;} .inborn_right{ float:right; width:810px; height:139px; padding:0px 55px; padding-top:35px; background-color:#f3f3f3; font-size:16px; color:#000; line-height:34px;} .inborn_list{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:63px;} .inborn_list ul li{ float: left; width:217px; height:361px; list-style:none; margin-right:77px;} .inborn_tit{ width:100%; height:65px; text-align:center; font-size:16px; color:#000; line-height:65px;} .inborn_con{ width:1098px; height:auto; overflow:hidden; margin:auto; margin-top:100px; padding-bottom:88px; border-bottom:1px solid #e0e0e0;} .inborn_con span{ float:left; display: block; width:351px; height:34px; line-height:34px; font-size:14px; background-size:3%; padding-left:15px;} /*荣誉客户*/ .credit_img{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:50px;} .credit_img img{ max-width:100%; height:auto;} .credit_shuo{ width:1100px; font-size:20px; color:#000; height:60px; line-height:60px; margin-top:40px;} .credit{ width:1100px; height:auto; overflow:hidden; margin:auto; padding-bottom:30px;} .credit ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:33px;} .credit ul li.credit_li .credit_tit span.credit_tit_span{ display:none;} .credit ul li.credit_li .credit_tit span.credit_tit_span1{ display: block;} .credit_tit{ width:100%; height:80px; line-height:80px; font-size:23px; color:#000; border-bottom:2px solid #f2f2f2;} .credit_tit a{ font-size:15px;} .credit_all{ width:100%; height:auto; max-height:174px; overflow:hidden; margin-top:28px; padding-bottom:30px;} .credit_all span{ display:block; float:left; width:25%; font-size:15px; color:rgba(0,0,0,0.8); line-height:29px;} /*诚聘英才*/ .employ{ width:1100px; height:185px; margin:auto; margin-top:26px; padding-bottom:130px;} .employ ul li{ float:left; width:357px; height:185px; list-style:none; margin-right:14px;} .employ ul li a:hover .employ_1{ padding-top:43px;} .employ_1{ margin:auto; font-size:24px; color:#fff; height:auto; overflow:hidden; padding-top:48px; width:287px;} .employ_2{ margin:auto; font-size:14px; height:27px; line-height:27px; width:287px;} .employ_3{ margin-left:35px; margin-top:14px; font-size:13px; width:103px; height:33px; border-radius:30px; background-color:#ffb649; text-align:center; line-height:33px; color:#fff;} .employ_3 span{ margin-left:10px;} .welfare{ padding-top:45px;} .welfare_list{ padding-top:78px; padding-bottom:18px;} .welfare_list a{ display:inline-block; width:118px; height:auto; overflow:hidden; cursor:pointer; margin:0px 20px;} .welfare_img{ width:118px; height:118px; background:url(../images/employ_41.jpg) no-repeat center; backgrouond-size:cover; border-radius:50%; margin:auto; overflow:hidden;} .welfare_img img{ width:118px; height:118px;} .welfare_tit{ font-size:18px; color:#000; height:50px; line-height:50px;} .welfare_con{ width:800px; font-size:14px; color:#000; line-height:24px; padding-bottom:45px;} .development_come{ margin:auto; text-align:center; font-size:16px; line-height:29px; height:auto; overflow:hidden; margin-top:35px; width:830px; padding-bottom:55px;} .development{ width:1100px; height:auto; overflow:hidden; margin:auto;} .development ul li{ float:left; width:217px; height:319px; margin-right:3px;} .development ul li:hover .development_tit{ padding-top:23px; color:#fff;} .development_tit{ width:100%; text-align:center; font-size:20px; color:#000; height:50px; line-height:50px; padding-top:33px;} .development_con{ margin:auto; font-size:15px; color:#666; line-height:23px; height:207px;width:175px;} .touch{ width:1100px; margin-top:165px; margin-bottom:115px; padding-top:55px; background-size: 450px;} .glory_ena{ text-align:left;} .glory_tita{ text-align:left;} .touch_1{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#000000; line-height:29px; margin-top:55px; padding-bottom:20px;} .touch_1 span{ display:inline-block; width:116px;} /*渠道政策*/ .policy{ width:100%; height:auto; overflow:hidden; margin-top:10px;} .policy ul li{ width:100%; height:413px; overflow:hidden; list-style:none;} .policy ul li:nth-child(2n){ background-color:#eef5fe;} .policy ul li:nth-child(6){ background-color:#eef5fe; height:515px;} .policy ul li:nth-child(7){ height:485px;} .policy_all{ width:1100px; height:auto; overflow:hidden; margin:auto;} .policy_img{ float:right; width:475px; height:auto; overflow:hidden;} .policy_img img{ height:300px; width:auto; padding-top:57px;} .policy_left{ float: left; width:575px; height:auto; overflow:hidden;} .policy_tit{ width:100%; font-size:23px; color:#000; height:auto; overflow:hidden; padding-top:85px;} .policy_con{ width:98%; height: 200px; font-size:16px; line-height:25px; margin-top:25px;} .policy_img1{ float:left;} .policy_right{ float:right; width:575px; height:auto; overflow:hidden;} .policy_1{ width:100%; text-align:center; font-size:23px; color:#000; height:47px; line-height:47px; padding-top:53px;} .policy_2{ width:100%; text-align:center; font-size:16px; color:#545d69; height:52px; line-height:52px;} .policy_2 span{ padding:0px 12px;} .policy_3{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:33px;} .policy_3 img{ height:264px; width:auto;} .policy_cona{ height:auto;} /*简介*/ .synopsis{ width:100%; height:auto; overflow:hidden; margin-top:45px;} .synopsis ul li{ width:100%; height:467px; overflow:hidden; list-style:none;} .synopsis ul li:nth-child(1){ height:405px;} .synopsis ul li:nth-child(1) .synopsis_all{ padding-top:80px;} .synopsis ul li:nth-child(2n){ background-color:#eef5fe;} .synopsis_all{ width:1100px; padding-top:87px;} .synopsis_img{ float:left; width:410px; height:auto; overflow:hidden;} .synopsis_img img{ height:298px; width:410px;} .synopsis_right{ float: right; width:610px; height:auto; overflow:hidden;} .synopsis_en{ width:100%; font-size:20px;} .synopsis_tit{ width:100%; font-size:27px;} .synopsis_con{ width:97%; padding-right:3%; height:300px; overflow-y: scroll; font-size:16px; line-height:27px; margin-top:15px;} .synopsis_img1{ float:right; width:365px; height:auto; text-align:center;} .synopsis_img1 img{ height:300px; width:auto; padding-top:15px;} .synopsis_left{ float:left; width:610px; height:auto; overflow:hidden;} .synopsis_cona{ margin-top:35px; height:250px;} /*诚聘英才-招聘*/ .recruit{ width:1056px; height:145px; margin: auto; margin-top:30px; padding:0px 22px; padding-top:30px;} .recruit_left{ float:left; width:295px; height:113px; margin-right:10px;} .recruit_1{ width:100%; font-size:18px; color:#fff; font-weight:bold; height:47px; line-height:47px;} .recruit_2{ width:100%; height:60px;} .recruit_text{ width:270px; height:60px; border:none; background-color:#fff; padding-left:25px; font-family:"微软雅黑";} .recruit_right{ float:right; width:140px; height:113px;} .recruit_btn{ font-size:19px; color:#fff; border:none; font-family:"微软雅黑"; width:140px; height:60px; background-color:#2085ff;} .select{ width:295px; height:60px; position: relative;cursor: pointer; background-color:#fff; z-index:9;} .select::after{content: "";display: block;width: 9px;height: 9px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:25px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;} .select p{width:270px; padding-left:25px;line-height: 60px; font-size: 16px;font-family: "微软雅黑"; color: #2085ff;} .select ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:60px;} .select ul li{width:270px; padding-left:25px;height:35px;line-height: 35px; l} .select1{ width:295px; height:60px; position: relative;cursor: pointer; background-color:#fff; z-index:9;} .select1::after{content: "";display: block;width: 9px;height: 9px;border-left: 1px solid #333;border-bottom: 1px solid #333;top:25px;right:15px;position: absolute;transform: rotate(-46deg);transition: all .3s ease-in;} .select1 p{width:207px; padding-left:25px;line-height: 60px; font-size: 16px;font-family: "微软雅黑"; color: #2085ff;} .select1 ul{width: 100%;display: block;font-size: 14px;background: #FFFFFF;position: absolute;top:60px;} .select1 ul li{width:270px; padding-left:25px;height:35px;line-height: 35px;} .job{ width:1100px; margin-top:33px;} .job_1{ width:100%; font-size:18px; height:60px; line-height:60px;} .job_1 a{ float:right; font-size:14px; width:105px; height:36px; text-align:center; line-height:36px; margin-top:12px;} .job_con{ width:100%; height:auto; overflow:hidden; background-color:#f6f6f6; padding:20px 0px; display:none;} .job_2{ width:1020px; margin:auto; height:auto; overflow:hidden; font-size:16px; color:#6c6c6c; line-height:27px;} .job_3{ width:1120px; margin:auto; text-align: right; font-size:14px; color:#000; height:30px; line-height:30px;} .job_3 a{ display: inline-block; font-size:14px;} /*产品详情*/ .field_warp{ padding-top:26px; padding-bottom:20px;} .field{ width:1100px;} .field_left{ width:365px;} .field_tit{ height:40px;} .field_tit a{ display:block; width:100%; height:40px; line-height:40px; font-size:18px; } .field_con{ width:100%; height:auto; overflow:hidden; margin-top:5px;} .field_con a{ display:block; width:100%; height:56px; cursor:pointer;} .field_img{ float:left; width:40px; height:56px; } .field_img img{ max-width:80%; height:auto;} .field_name{ float:right; height:56px; line-height:56px; font-size:16px; color:#000; width:325px;} .field_mid{ float:left; width:484px; height:auto; overflow:hidden;} .field_cona a{ float:left; width:50%;} .field_cona a .field_name{ width:197px;} .field_right{ float:right; width:205px; height:auto; overflow:hidden;} .field_conb a .field_name{ width:160px;} .realm{ width:1100px; margin-top:55px;} .realm_tit{ width:100%; height:auto; overflow:hidden; padding-bottom:50px;} .realm_left{ float:left; width:800px;} .realm_1{ font-size:29px;} .realm_2{ width:420px; font-size:15px; line-height:23px; margin-top:10px;} .realm_right{ float:right; height:auto; overflow:hidden;} .realm_right a{ font-size:13px; margin-left:5px; height:38px; line-height:38px; padding:0px 15px; } .realm_mune{ width:100%; background-size:auto 100%; text-align:center; height:104px; padding-top:48px;} .realm_mune a{ display:inline-block; padding:0px 35px; height:55px; line-height:55px; font-size:16px;} .overview{ width:100%; height:423px; overflow:hidden; padding-top:66px;} .overview_all{ width:1100px;} .overview_left{ float:left; width:505px; height:auto; overflow:hidden;} .overview_img{ float:right; width:50%; height:394px; overflow:hidden; text-align:center;} .overview_img img{ height:345px; width:auto;} .features{height: auto;} .features_en{ font-size:20px; padding-top:55px;} .features_tit{ font-size:27px;} .features_list{ width:1100px; margin-top:55px;} .features_list ul li{ float:left; width:525px; height:auto; list-style:none; margin-bottom:45px; margin-right:50px;} .features_img{ float:right; width:65px; height:65px; } .features_img img{ width:65px; height:65px;} .features_left{ float:left; width:440px;} .features_1{ width:100%; text-align:right; font-size:20px; color:#fff; height:auto; overflow:hidden;} .features_2{ width:100%; text-align:right; font-size:14px; color:#fff; line-height:25px; margin-top:10px;} .features_img1{ float:left;} .features_right{ float:right; width:440px;} .features_1a{ text-align:left;} .features_2a{ text-align:left;} .overviewa{ width:100%; height:450px; padding-top:83px;} .overview_right{ float:right; width:505px; height:auto; overflow:hidden;} .deployment_img{ height:394px;} .overview_gun{ margin-top:30px; height:255px;} .overview_1{ font-size:16px; color:#000; line-height:29px;} .overview_2{ width:98%; height:auto; overflow:hidden; font-size:16px; line-height:26px; margin-top:10px;} .overview_2 span.overview_2_span{ font-size:18px; padding-bottom:8px; padding-top:15px;} .overview_img1{ float:left; width:50%; height:394px; overflow:hidden; text-align:left;} .overview_img1 img{ height:345px; width:auto;} .deployment{ width:100%; height:470px; overflow:hidden; padding-top:105px; background-color:#eef5fe;} .deployment5{ width:100%; height:420px; overflow:hidden;} .deployment_img img{ height:390px; width:auto;} .deployment_1{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#000; line-height:80px; line-height:80px;} .deployment_2{ width:98%; height:260px; font-size:16px; color:rgba(0,0,0,0.8); line-height:26px;} .download{ width:1100px; height:auto; overflow:hidden; margin: auto; margin-top:65px; padding-bottom:105px;} .download ul li{ float:left; width:525px; height:34px; list-style:none; margin-bottom:30px; margin-right:50px;} .download_name{ float:right; font-size:16px; height:34px; line-height:34px; width:475px;} /*解决方案*/ .realm_munea{ background-size:auto 100%;} .sketch{ width:1100px; font-size: 15px;} .sketch ul li{ float:left; width:336px; height:475px; list-style:none; margin-right:46px;} .sketch_1{ font-size:20px; height:38px; line-height:38px; width:100%; margin-top:16px;} .sketch_2{ font-size:16px; height: auto; line-height:23px; width:100%;} .present{ padding:53px 0px;} .present_mune{ width:1100px; margin:auto; text-align:center; height: auto; margin-top:40px; border-bottom:1px solid #d6dce4;} .present_mune a{ display:inline-block; padding:0px 15px; height:33px; line-height:33px; font-size:14px;} .present_con{ width:1100px; margin-top:70px; } .present_left{ float:left; width:495px; height:auto; overflow:hidden;} .present_1{ width:100%; height:37px; line-height:37px; font-size:25px; color:#000;} .present_2{ width:100%; font-size:16px; height: auto; line-height:28px; margin-top:15px;} .present_3{ width:98%; height:204px; font-size:15px; line-height:22px; margin-top:10px;} .present_3 span.present_3_span{ color:#000; font-size:18px;} .present_right{ float:right; width:50%; height:auto; overflow:hidden; text-align:center;} .present_right img{ height: auto; width:100%;} .cost{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:70px;} .cost_con{ width:100%; height:auto; overflow:hidden; margin-top:70px; padding-bottom:55px;} .exploit{ width:1100px; padding:78px 0px;} .exploit_img{ float:left; width:50%; height:auto; overflow:hidden;} .exploit_img img{ max-width:100%; height:auto;} .exploit_right{ float:right; width:500px;} .exploit_1{ width:100%; height:47px; line-height:47px; overflow:hidden; font-size:25px; color:#000; text-align:right;} .exploit_2{ width:100%; font-size:16px; color:#000; font-weight:bold; height:33px; line-height:33px; text-align:right;} .exploit_3{ height:240px; font-size:16px; line-height:21px; margin-top:15px;} .exploit_warpa{ background-color:#fff;} .exploit_img1{ float:right;} .exploit_left{ float:left; width:500px; height: auto; overflow:hidden;} .exploit_1a{ text-align:left;} .exploit_2a{ text-align:left; height:auto; line-height:23px; margin-top:20px;} .exploit_list{ width:100%; height:auto; overflow:hidden; margin-top:65px;} .exploit_nei{ float:left; width:110px; height:auto; overflow:hidden; margin-right:40px;} .exploit_nei_1{ width:51px; height:51px; border-radius:50%; overflow:hidden; margin:auto;} .exploit_nei_1 img{ width:51px; height:51px;} .exploit_nei_2{ width:100%; text-align:center; font-size:23px; color:#000; height:70px; line-height:70px;} .newsj{ padding-bottom:75px;} .trade_img{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .trade_img img{ max-width:100%; height:auto;} .trade_tit{ width:1100px; font-size:20px; color:#000; margin:auto; height:42px; line-height:42px; margin-top:35px;} .trade_nav{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:25px;} .trade_nav a{ display:inline-block; cursor:pointer; font-size:14px; line-height:30px; margin-right:35px; } .trade_con{ width:1100px; height:auto; overflow:hidden; margin:auto;} .trade_nei{ float:left; width:400px; height:auto; overflow:hidden;} .trade_biao{ width:100%; font-size:20px; color:#000; height:42px; line-height:42px;} .trade_dao{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:25px;} .trade_dao a{ display:inline-block; cursor:pointer; font-size:14px; line-height:30px; margin-right:35px;} .trade_nei1{ width:335px;} .trade_nei2{ width:365px;} /*首页*/ .big_con{ width:1100px; height: auto; margin:auto;} .big_1{ width:100%; height:66px; position:relative; font-size:45px; color:#fff;} .big_img{ width:147px; height:109px; position:absolute; top:-109px; left:213px} .big_img img{ width:147px; height:109px;} .big_2{ width:100%; height:50px; line-height:50px; margin-top:10px; overflow:hidden; font-size:16px; color:#fff;} .big_3{ width:130px; height:50px; margin-top:10px;} .big_3 a{ display:block; font-size:14px; height:50px; line-height:50px;} .safe{ width:100%; height:auto; overflow:hidden; padding-top:65px; padding-bottom:60px;} .safe_tit{ font-size:29px;} .safe_biao{ font-size:16px;height:35px; line-height:35px;} .safe_list{ width:1075px; height:336px; overflow:hidden; margin:auto; margin-top:50px;} .safe_list ul li{ float:left; width:215px; height:336px; list-style:none;} .safe_list ul li a{ display:block; width:100%; height:286px; padding-top:50px;} .safe_list ul li a:hover .safe_img_1{ margin-top:-65px;} .safe_img{ margin:auto; height:65px; overflow:hidden; width:175px;} .safe_img_1{ width:100%; height:65px;} .safe_img_1 img{ height:65px; width:auto;} .safe_img_2{ width:100%; height:65px;} .safe_img_2 img{ height:65px; width:auto;} .safe_1{ width:175px; margin:auto; font-size:16px; color:#000; height:65px; line-height:65px;} .safe_2{ width:175px; margin:auto; font-size:14px; line-height:20px; height:60px; overflow:hidden; margin-top:25px;} .safe_3{ width:175px; height:11px; margin:auto; margin-top:25px; opacity:0;} .safe_3 img{ width:auto; height:8px;} .safe_shu{ width:1075px; margin:auto; background:url(../images/index_32.jpg) repeat-x center; height:56px; margin-top:40px;} .safe_tu{ margin:auto; background-size:auto 100%; width:84px; height:56px; text-align:center;} .safe_tu img{ width:29px; height:29px; padding-top:12px;} .offer{ padding-top:65px;} .offer_list{ width:1075px; height:auto; overflow:hidden; margin: auto;} .offer_list ul li{ float:left; width:205px; height:205px; list-style:none; margin:0px 5px 35px 5px;} .offer_list ul li a:hover .offer_1{ padding-top:60px;} .offer_img{ width:205px; height:205px;} .offer_img img{ width:205px; height:205px;} .offer_1{ text-align:center; font-size:16px; line-height:23px; height:46px; overflow:hidden; padding-top:65px; width:205px; margin: auto;} .offer_2{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px; margin-top:30px;} .offer_2 span{ margin-left:10px; font-family:"宋体";} .offer_more{ width:100%; text-align:center; height:46px;} .offer_more a{ display:inline-block; font-size:16px; color:#000; height:30px; line-height:30px;} /***三大核心 start**/ .three{ padding-top:65px;} .three_list{ width:1015px; height:auto; overflow:hidden; margin: auto;} .three_list ul li{ float:left; width:238px; height:238px; list-style:none; margin-right:150px; margin-bottom:35px;} .three_list ul li a:hover .three_1{ padding-top:60px;} .three_img{ width:238px; height:238px;} .three_img img{ width:238px; height:238px;} .three_1{ text-align:center; font-size:16px; line-height:23px; height:46px; overflow:hidden; padding-top:65px; width:210px; margin: auto;} .three_2{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px; margin-top:70px;} .three_2 span{ margin-left:10px; font-family:"宋体";} .three_more{ width:100%; text-align:center; height:46px;} .three_more a{ display:inline-block; font-size:16px; color:#000; height:30px; line-height:30px;} /***三大核心 end**/ .ensure{ width:100%; height:195px;} .ensure_list{ width:1140px; height:auto; overflow:hidden; margin:auto;} .ensure_list ul li{ float:left; width:380px; height:150px; list-style:none; padding-top:45px;} .ensure_1{ width:100%; text-align:center; font-size:42px;} .ensure_1_1{ font-size:12px; right:130px; top:7px;} .ensure_1_2{ font-size:12px; right:150px; top:7px;} .ensure_2{ font-size:14px; margin-top:25px;} .press{ width:100%; background-size:cover; height:732px; padding-top:60px;} .press_all{ width:1098px; height:510px; margin:auto; margin-top:34px;} .press_left{ float:left; width:366px; height:510px; } .press_tit{ font-size:18px; padding-top:24px;} .press_en{ font-size:12px; width:328px; height:26px; line-height:23px;} .press_con{ width:328px; margin:auto; height:auto; overflow:hidden; margin-top:21px;} .press_zuo{ float:left; width:55px;} .press_zuo_1{ width:100%; text-align:center; font-size:27px; height:30px; line-height:30px; overflow:hidden; padding-top:5px;} .press_zuo_2{ width:100%; text-align:center; font-size:15px; padding-top:13px;} .press_you{ float:right; width:250px;} .press_you_1{ width:100%; font-size:15px;} .press_you_2{ width:100%; overflow:hidden; font-size:13px; line-height:17px; height:34px;} .press_list{ width:328px; margin-top:42px;} .press_list ul li{ width:100%; height:64px; list-style:none;} .press_1{ width:5px; height:5px;} .press_2{ width:100%; overflow:hidden; font-size:14px; color:#323232; height:27px; line-height:27px; margin-top:15px;} .press_more{ width:328px; height:28px; margin:auto; margin-top:10px;} .press_more a{ height:28px; line-height:28px;} .press_mid{ float:left; width:364px; height:510px; } .press_bei{ width:100%; height:81px;} .press_tita{ color:#fff;} .press_ena{ color:rgba(255,255,255,0.42); border-bottom:none;} .press_cona{ margin-top:45px;} .press_morea{ width:328px; height:40px; margin:auto; margin-top:13px;} .press_morea a{ display:block; width:100%; font-size:13px; height:40px; line-height:40px;} .partner{ width:100%; background-size:100% auto; height:570px; padding-top:85px;} .partner_list{ width:1120px; height:auto; margin:auto; margin-top:34px; overflow:hidden;} .partner_list .swiper-slide{ overflow:hidden; text-align:center; height:130px;} .partner_list img{ width:261px; height:115px;} .law{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:50px;} .minute_1{ margin-right:24px;} /*案例列表*/ .resolve{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:65px;} .resolve ul li{ float:left; width:340px; height:365px; list-style:none; margin-bottom:30px; margin-right:40px;} .resolve ul li:nth-child(3n){ margin-right:0px;} .resolve1{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:65px;} .resolve1 ul li{ float:left; width:340px; height:140px; list-style:none; margin-bottom:30px; margin-right:40px;} .resolve1 ul li:nth-child(3n){ margin-right:0px;} .resolve_tit{ width:100%; font-size:18px; color:#000; height:35px; line-height:35px; margin-top:13px;} .resolve_con{ width:100%; height:42px; font-size:14px; line-height:21px; margin-top:5px;} .resolve_know{ width:100%; margin-top:20px;} .resolve_know span{ display:inline-block; font-size:14px; background-size:18px; padding-right:33px; height:30px; line-height:30px;} .industry{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:65px; padding-bottom:35px;} .industry ul li{ float:left; width:206px; height:337px; list-style:none; margin-bottom:40px; margin-right:17px;} .industry_tit{ width:100%; font-size:16px; height:65px; line-height:65px; overflow:hidden;} /*产品列表*/ .tailorism{ width:1100px; padding-top:80px; padding-bottom:100px;} .tailorism_left{ float:left; width:400px; height:auto; overflow:hidden; margin-bottom:10px;} .tailorism_left1{ float:left; width:183px; height:auto; overflow:hidden;} .tailorism_tit{ font-size:16px; height:33px; line-height:33px; margin-bottom:5px;} .tailorism_con{ width:100%; height:auto; overflow:hidden;} .tailorism_1{ width:100%; height:30px; overflow:hidden;} .tailorism_1 a{ display:block; width:100%; height:30px; cursor:pointer;} .tailorism_1_1{ float:left; width:35px; height:30px; display: flex; align-items: center; justify-content: center;} .tailorism_1_1 span{ display:block; text-align:left; width:100%; height:30px; line-height:30px;} .tailorism_1_1 img{ height:25px; width:auto; padding-top:5px;} .tailorism_1_2{ width:100%; height:35px; line-height:35px; font-size:14px; } .tailorism_1_21{ float:right; width:148px; height:30px; line-height:30px; font-size:14px; } .tailorism_mune{ width:100%; height:auto; overflow:hidden;} .tailorism_mune a{ display:block; width:350px; height:21px; line-height:21px; padding-left:50px; font-size:12px;} .tailorism_right{ float:right; width:250px; height:auto; overflow:hidden;} .tailorism_right .tailorism_1_2{ width:200px;} .tailorism_right .tailorism_mune a{ width:200px;} .tailorism_right1{ float:right; width:183px; height:auto; overflow:hidden;} .tailorism_right1 .tailorism_1_2{ width:148px;} .tailorism_right1 .tailorism_mune a{ width:148px;} .tailorisma{ padding-top:30px; padding-bottom:45px;} } /* 移动端样式 */ @media screen and (max-width:1194px)and (min-width:300px){ /*头部*/ .header{ width:100%; height:145px; position:relative; display:none;} /*mnav*/ .cai{ display: block; width:100%; height:50px; top:0; z-index:999; position: relative; } .head_logo{ left:2%; z-index:9;} .head_logo img{ cursor:pointer; padding-top:10px; height:30px; width:auto;} .cai_list{ width:100%; height:100vh; background-color:#fff; display:none; position:fixed; top:0; overflow:hidden;} .love{ width:100%; height:calc(100vh - 51px); overflow:hidden; margin-top:50px; border-top:1px solid #e5e5e5;} .love_mune{ float:left; width:20%; height:calc(100vh - 61px); border-right:1px solid #e5e5e5;} .love_mune a{ display:block; width:100%; height:40px; text-align:center; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid #e5e5e5;} .love_mune a.love_mune_a{ color:#004098;} .love_right{ float:right; width:75%; height:calc(100vh -80px); overflow:hidden;} .love_all{ width:100%; height:90vh; overflow-y:scroll; display:none;} .love_tit{ width:100%; height:30px; padding-top:15px;} .love_tit a{ display:block; width:165px; background-color:#004098; text-align:center; height:30px; line-height:30px; font-size:14px; color:#fff; border-radius:4px;} .love_con{ width:100%; height:auto; overflow:hidden; margin-top:5px; padding-bottom:10px;} .love_con a{ display:block; float:none; width:100%; height:24px; line-height:24px; font-size:14px; color:#666;} .footer{ width:100%; height: auto; overflow:hidden; position:relative; background-size:cover;} .foot{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:15px;} .foot_top{ width:100%; height: auto; overflow:hidden;} .foot_logo{ float:none; text-align:center; width:auto; height:100%;} .foot_logo img{ height:50px; width:auto;} .foot_mid{ float:none; margin-left:0px; margin-top:10px; width:100%; height:50px;} .foot_zuo{ float:left; font-size:32px; height:50px; line-height:50px; width:35%; text-align:right;} .foot_you{ float:right; width:45%; height:40px; padding-top:5px; font-size:12px; color:#ff0000; line-height:20px;} .foot_you span{ padding:0px 5px;} .foot_nav{ float:right; height:95px; display:none;} .foot_nav a{ display:inline-block; height:95px; line-height:95px; font-size:18px; color:#000; cursor:pointer; margin-left:40px;-webkit-transition: all 0.5s ease-in-out;} .foot_nav a:hover{color:#ff0000;} .foot_bottom{ width:100%; height: auto; overflow:hidden;} .foot_left{ float:none; height: auto; overflow:hidden; padding-top:0px;} .foot_wei{ width:100%; height:52px; display:none;} .foot_typeright{ width:100%; overflow:hidden; font-size:12px; line-height:21px; text-align:center; padding-top:17px; padding-bottom:15px;} .foot_typeright a{ color:rgba(0,0,0,0.8); margin:0px 5px;} .foot_right{ float:right; height:auto; overflow:hidden; display:none;} .n_div{ width:100%; height:135px;} .n_div_1{ width:100%; text-align:center; font-size:18px; color:#fff; height:210px; line-height:210px;} /*大事记*/ .glory{ width:96%; height:auto; margin:auto; margin-top:20px;} .glory_en{ width:100%; text-align:center;font-size:14px;} .glory_tit{ width:100%; height: auto; overflow:hidden; text-align:center; font-size:16px; color:#000; margin-top:3px;} .glory_tit1{ width:100%; height: auto; overflow:hidden; font-size:16px; color:#000; margin-top:3px; text-align:center;} .glory_con{ width:100%; height:auto; overflow:hidden;} .history{ width:100%; height:100px; position:relative; margin-top:20px; background: url(../images/glory_22.jpg) no-repeat center 54px;} .history_list{ width:80%; height:100px; position:relative; overflow:hidden; margin:auto;} .history_list .swiper-slide-thumb-active .history_2{ background-size:14px;} .history_1{ width:100%; font-size:26px; color:#000; height:48px; line-height:48px;} .history_2{ width:100%; background-size:14px; height:14px;} .history_3{ width:100%; font-size:16px; height:30px; line-height:30px;} .history-left{ position:absolute; left:0px; top:42px; width:26px; height:26px;} .history-left img{ width:26px; height:26px;} .history-right{ position:absolute; right:0px; top:42px; width:26px; height:26px;} .history-right img{ width:26px; height:26px;} .substance{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:20px; position:relative; margin-bottom:30px;} .substance_1{ width:100%; font-size:26px; height:40px; line-height:40px;} .substance_con{ width:100%; height: auto; overflow:hidden; margin-top:0px;} .substance_con ul li{ width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; list-style:none; overflow:hidden;} .substance_con ul li span{ display:none;} /*新闻详情*/ .xiang{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:25px;} .xiang_tit{ width:100%; height: auto; font-size:16px;} .xiang_come{ width:100%; text-align:center; font-size:12px; height:40px; line-height:40px; margin-top:0px;} .xiang_come span{ margin:0px 5px;} .xiang_con{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:20px; padding-bottom:30px;} .xiang_next{ width:100%;height: auto; overflow:hidden; margin-top:20px; padding-bottom:30px;} .xiang_next a{ display:block; width:100%; height:24px; line-height:24px; font-size:14px; overflow:hidden;} /*新闻*/ .news{ width:100%; height:auto; margin:auto; margin-top:25px;} .news_list{ width:100%; height:auto; margin-top:20px;} .news_list ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;} .news_list ul li a{ display:block; width:100%; height: auto; overflow:hidden;} .news_list ul li a:hover{ background-color: transparent;} .news_list ul li a:hover .news_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .news_list ul li a:hover .news_1{ color:#000;} .news_list ul li a:hover .news_2{ color:rgba(0,0,0,0.5);} .news_list ul li a:hover .news_3{ color:#000;} .news_list ul li a:hover .news_4{ color:#000;} .news_all{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:0px; border-bottom:1px solid #efefef;} .news_img{ float:none; width:364px; height:218px; overflow:hidden;} .news_mid{ float:none; width:100%; height: auto; overflow:hidden; margin-left:0px; margin-top:15px;} .news_1{ width:100%; font-size:16px; line-height:24px; height:48px; } .news_2{ width:100%; font-size:13px; line-height:21px; height: auto; max-height:63px; overflow:hidden; margin-top:10px;} .news_right{ float:none; width:100%; height: auto; margin-top:15px; padding-bottom:10px;} .news_3{ display:inline-block; width:auto; font-size:14px; text-align:left;} .news_4{ display:inline-block; width:auto; font-size:14px; text-align:right; margin-top:0px;} .news_5{ display:none;} .page{ width:100%; height:24px; overflow:hidden; margin-top:20px; padding-bottom:30px;} .page_list{text-align:center;letter-spacing:0; width:100%; float:left;} .page_list a{display:inline-block;color:#000; height:24px;line-height:24px; width:24px;font-size:12px; margin:0px 1px;} /*市场合作*/ .market{ width:100%; height:auto; margin-top:20px;} .market ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:20px;} .market ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .market ul li a:hover{ background-color:#f7f7f7;} .market ul li a:hover .market_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .market ul li a:hover .market_1{ color:#2c68ff;} .market ul li a:hover .market_3{ color:#fff; background-color:#00d2ff;} .market_all{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:0px;} .market_ri{ float:left; width:70px; height:70px; background-color:#00d2ff; display:none;} .market_img{ float:none;} .market_right{ float:none; width:100%; height: auto; margin-top:15px; position:relative; overflow:hidden;} .market_1{ width:100%; font-size:16px; height: auto;} .market_2{ width:100%; font-size:13px; height: auto; line-height:21px; margin-top:10px; } .market_3{ font-size:12px; position: relative; bottom:0; width:100px; height:34px; line-height:34px; margin-top:15px;} /*留言板*/ .leave_come{ width:90%; text-align:center; font-size:14px; height: auto; overflow:hidden; line-height:21px; margin:auto; margin-top:10px;} .leave{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; margin-bottom:40px;} .leave_left{ float:none; width:100%; height:auto; overflow:hidden;} .leave_1{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;} .leave_text{ width:96%; height:36px; border:none; background-color:#f0f0f0; padding-left:4%;} .leave_text::-webkit-input-placeholder{ font-size:14px;} .leave_textarea{ width:96%; height:120px; line-height:36px; padding-left:4%;} .leave_textarea::-webkit-input-placeholder{ font-size:14px; } .leave_btn{ font-size:14px; color:#fff; border:none; font-family:"微软雅黑"; width:100%; height:40px;} .leave_right{ float:none; width:100%; height: auto; overflow:hidden; background-size:140px; margin-top:20px; padding-bottom:80px;} .leave_3{ background:url(../images/leave_05.png) no-repeat left 2px; background-size:24px; font-size:14px; padding-left:9%; width:91%; line-height:24px; height: auto; overflow:hidden;} .leave_4{ background-size:24px; font-size:14px; padding-left:9%; width:91%; line-height:30px; height:30px; margin-top:5px;} .leave_5{ background-size:24px; font-size:14px; padding-left:9%; width:91%; line-height:30px; height:30px; margin-top:5px;} /*投资者关系*/ .invest{ width:96%; height:auto; margin:auto; margin-top:20px;} .invest ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;} .invest ul li a{ display:block; width:100%; height: auto; padding-bottom:5px; overflow:hidden;} .invest ul li a:hover .invest_right{ color:#fff; background-color:#00d2ff;} .invest_img{ float:left; width:8%; height:auto; overflow:hidden;} .invest_img img{ height:20px; width:auto; padding-top:4px;} .invest_mid{ float:left; width:70%; height:auto; overflow:hidden;} .invest_tit{ width:100%; font-size:14px; line-height:21px; padding:0px 0px;} .invest_ri{ width:100%; font-size:12px; height:25px; line-height:25px;} .invest_right{ float:right; font-size:12px; width:20%; height:32px; line-height:32px; margin-top:0px;} /*安全公告*/ .notice{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:30px; padding-bottom:30px;} .notice a{ display:inline-block; width:24%; height:auto; overflow:hidden; cursor:pointer;} .notice a:hover .notice_tit{ color:#000; font-weight:normal;} .notice a:hover .notice_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);transform:rotate(0deg);} .notice a.notice_a .notice_tit{ color:#00d2ff; font-weight:normal;} .notice_img{ width:60px; height:60px;} .notice_img img{ width:60px; height:60px;} .notice_tit{ width:100%; text-align:center; font-size:14px; height:40px; line-height:40px;} .notice_all{ width:100%; height:auto; overflow:hidden; background-color:#f7f7f7;} /*支持服务*/ .support_mune{ width:96%; padding-bottom:10px; border-bottom:1px solid #b9b9b9; margin: auto; margin-top:20px; margin-bottom:30px;} .support_mune a{ display: inline-block; padding:0px 20px; height:35px; line-height:35px; font-size:14px; margin:0px 2px; margin-bottom:10px;} .support_xian{ position:absolute; bottom:-1px; left:0px; width:0; height:1px; background-color:#00d2ff;-webkit-transition: all 0.4s ease-in-out; display:none;} .support{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:40px; display:none;} .support_left{ width:100%; height:auto; overflow:hidden;font-size:14px; line-height:24px; margin-top:15px; padding-bottom:30px;} .support_left img{ max-width:100%;} .support_right{ float:none; width:100%; height:auto; overflow:hidden;} .support_1{ width:100%; font-size:16px; height:30px; line-height:30px;} .support_2{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px; padding-bottom:15px;} .support_3{ width:100%; font-size:14px; color:#000; line-height:24px;} /*常见问题*/ .trouble{ width:96%; height:auto; margin:auto; margin-top:30px;} .trouble ul li{ width:100%; height: auto;overflow:hidden; list-style:none; margin-bottom:15px; padding-bottom:15px;} .trouble ul li a{ display:block; width:100%; height: 100%; } .trouble ul li a:hover .invest_right{ color:#fff; background-color:#00d2ff;} .trouble ul li.trouble_li .trouble_tit{ background:none;} .trouble_img{ float:left; width:10%; height:auto; overflow:hidden;} .trouble_img img{ height:24px; width:auto;} .trouble_right{ float:none; width:90%; height:auto; overflow:hidden;} .trouble_tit{ width:100%; font-size:15px; height:21px; line-height:21px; background:none;} .trouble_ri{ width:100%; font-size:12px; height:25px; line-height:25px;} .trouble_con{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:0px; display:none;} /*联系方式*/ .contact_mune{ width:96%; padding-bottom:10px; border-bottom:1px solid #b9b9b9; margin: auto; margin-top:20px; margin-bottom:20px;} .contact_mune a{ display: inline-block; padding:0px 11px; height:35px; line-height:35px; font-size:14px; margin:0px 2px; margin-bottom:10px;} .contact_xian{ position:absolute; bottom:-1px; height:1px;} .contact{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:40px; display:none;} .contact_list{ width:100%; height:auto; overflow:hidden;} .contact_list ul li{ float:left; width:49%; height: auto; overflow: hidden; padding-top:15px; margin-right:2%; margin-bottom:8px;} .contact_list ul li:nth-child(2n){ margin-right:0px;} .contact_img{ float:none; text-align: center; width:100%; height:70px;} .contact_img img{ width:70px; height:70px; border-radius:50%;} .contact_right{ float:none; width:94%; height:auto; overflow:hidden; margin:auto; margin-top:15px; padding-bottom:10px;} .contact_1{ width:100%; font-size:15px; color:#000; height: auto; overflow:hidden; line-height:21px; text-align:center;} .contact_2{ width:100%; height:120px; overflow:hidden; font-size:12px; line-height:20px; margin-top:5px;} /*服务声明*/ .declare{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px; padding-bottom:20px;} .declare img{ max-width:100%;} .declare_1{ width:100%; font-size:16px; color:#000; height:30px; line-height:30px;} .declare_2{ width:100%; font-size:14px; line-height:24px; margin-top:5px; padding-bottom:20px;} .declare_3{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#717171; line-height:24px;} /*资质*/ .inborn{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .inborn_img{ float:none; width:100%; background-color:#2c67ff; text-align:center; height:140px;} .inborn_img img{ width:140px; height:140px;} .inborn_right{ float:none; width:90%; height: auto; overflow:hidden; padding:20px 5%; padding-top:20px; font-size:14px; line-height:24px;} .inborn_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .inborn_list ul li{ float: left; width:49%; height: auto; overflow:hidden; min-height: inherit; margin-bottom:10px; list-style:none; margin-right:2%;} .inborn_list ul li:nth-child(4n){ margin-right:2%;} .inborn_list ul li:nth-child(2n){ margin-right:0px;} .inborn_list ul li:hover .inborn_tu img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .inborn_list ul li:hover .inborn_tit{ color:#3dddff;} .inborn_tit{ width:100%; height:40px; font-size:15px; line-height:40px;} .inborn_con{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:35px;} .inborn_con span{ float:none; display: block; width:96%; height:30px; line-height:30px; font-size:14px; background-size:6px; padding-left:4%; overflow:hidden;} /*荣誉客户*/ .credit_img{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .credit_img img{ max-width:100%; height:auto;} .credit_shuo{ width:96%; height: auto; overflow:hidden; margin:auto; font-size:16px; height:35px; line-height:35px; margin-top:20px;} .credit{ width:96%; height:auto; overflow:hidden; margin:auto; padding-bottom:30px;} .credit ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:20px; cursor:pointer;} .credit ul li.credit_li .credit_tit span.credit_tit_span{ display:none;} .credit ul li.credit_li .credit_tit span.credit_tit_span1{ display: block;} .credit_tit{ width:100%; height:45px; line-height:45px; font-size:16px; color:#000; border-bottom:2px solid #f2f2f2;} .credit_tit a{ float:right; font-size:12px; padding-right:10px;} .credit_all{ width:100%; height: auto; max-height:192px; overflow:hidden; margin-top:20px; padding-bottom:20px;} .credit_all span{ display:block; float:left; width:50%; font-size:14px; line-height:24px; line-height:24px;} /*诚聘英才*/ .employ{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:30px;} .employ ul li{ float:left; width:32%; height:125px; list-style:none; margin-right:2%; } .employ ul li:nth-child(3n){ margin-right:0px;} .employ ul li a{ display:block; width:100%; height:100%; position:relative;} .employ ul li a:hover .employ_1{ padding-top:20px;} .employ_1{ margin:auto; font-size:16px; padding-top:20px; width:90%; text-align:center;} .employ_2{ margin:auto; font-size:14px; height:24px; line-height:24px; width:90%; text-align:center;} .employ_3{ margin-left: inherit; width:80px; height:30px; line-height:30px; margin:auto; margin-top:10px;} .employ_3 span{ margin-left:12px; display:none;} .employ_bg{ width:100%; height:100%; position:absolute; top:0; z-index:-1;} .welfare{ padding-top:20px;} .welfare_list{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:25px; padding-bottom:20px;} .welfare_list a{ display:inline-block; width:24%; height:auto; overflow:hidden; cursor:pointer; margin:0px 0px;} .welfare_list a:hover .welfare_img img{ transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1);} .welfare_list a:hover .welfare_tit{ color:#2379ff;} .welfare_list a.welfare_list_a .welfare_tit{ color:#2379ff;} .welfare_img{ width:78px; height:78px;} .welfare_img img{width:78px; height:78px;} .welfare_tit{ width:100%; text-align:center; font-size:16px; color:#000; height:45px; line-height:40px;} .welfare_con{ width:90%; font-size:14px; color:#000; line-height:24px; padding-bottom:30px;} .development_come{ margin:auto; text-align:center; font-size:14px; line-height:24px; margin-top:10px; width:90%; padding-bottom:20px;} .development{ width:96%; height:auto; overflow:hidden; margin:auto;} .development ul li{ float:left; width:49%; height: auto; padding-bottom:15px; background-color:#eef5fe; margin-right:2%; margin-bottom:8px;} .development ul li:nth-child(5n){ margin-right:2%;} .development ul li:nth-child(2n){ margin-right:0px;} .development ul li:hover{ background-color:#eef5fe;} .development ul li:hover .development_tit{ padding-top:15px; color:#000;} .development ul li:hover .development_con{ color:#666;} .development_tit{ font-size:16px; height:35px; line-height:35px; padding-top:15px;} .development_con{ margin:auto; font-size:14px; color:#666; line-height:21px; height:126px; overflow-y: scroll; padding-right:2%; width:90%;} .development_con::-webkit-scrollbar{width:2px;height:2px} .touch{ width:96%; height:auto; overflow:hidden; margin:auto; background: url(../images/employ_45.png) no-repeat right bottom; background-size: 200px; margin-top:30px; margin-bottom:30px; padding-bottom:60px; padding-top:0px;} .glory_ena{ text-align: center;} .glory_tita{ text-align:center;} .touch_1{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:20px; padding-bottom:20px;} .touch_1 span{ display:inline-block; width:auto;} /*渠道政策*/ .policy{ width:100%; height:auto; overflow:hidden; margin-top:15px;} .policy ul li{ width:100%; height: auto; overflow:hidden; list-style:none;} .policy ul li:nth-child(2n){ background-color:#eef5fe;} .policy ul li:nth-child(6){ background-color:#eef5fe; height: auto; overflow:hidden;} .policy ul li:nth-child(7){ height: auto; overflow:hidden;} .policy_all{ width:96%; height:auto; overflow:hidden; margin:auto;} .policy_img{ float:none; width:100%; text-align:center; height:auto; overflow:hidden;} .policy_img img{ height: auto; width:80%; padding-top:20px;} .policy_left{ float:none; width:100%; height:auto; overflow:hidden; padding-bottom:30px;} .policy_tit{ width:100%; font-size:16px; padding-top:20px;} .policy_con{ width:98%; padding-right:2%; height:192px; font-size:14px; line-height:24px; margin-top:10px;} .policy_con::-webkit-scrollbar{width:3px;height:3px} .policy_img1{ float:none;} .policy_right{ float:none; width:100%; height:auto; overflow:hidden; padding-bottom:30px;} .policy_1{ width:100%; text-align:left; font-size:16px; height:35px; line-height:35px; padding-top:20px;} .policy_2{ width:100%; text-align:left; font-size:14px; height: auto; line-height:24px;} .policy_2 span{ display:block;} .policy_3{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:30px; padding-bottom:30px;} .policy_3 img{ height: auto; width:80%;} .policy_cona{ height:auto;} /*简介*/ .synopsis{ width:100%; height:auto; overflow:hidden; margin-top:20px;} .synopsis ul li{ width:100%; height: auto; overflow:hidden; list-style:none;} .synopsis ul li:nth-child(1){ height: auto;} .synopsis ul li:nth-child(1) .synopsis_all{ padding-top:0px;} .synopsis ul li:nth-child(2n){ background-color:#eef5fe;} .synopsis_all{ width:96%; height:auto; overflow:hidden; margin:auto; padding-top:0px;} .synopsis_img{ float:none; width:100%; height: auto; overflow:hidden;} .synopsis_img img{ height: auto; width:100%; } .synopsis_right{ float: none; width:100%; height:auto; overflow:hidden; margin-top:20px; padding-bottom:30px;} .synopsis_en{ width:100%; font-size:14px;} .synopsis_tit{ width:100%; font-size:16px;} .synopsis_con{ width:98%; padding-right:2%; height: auto; font-size:14px; line-height:24px; margin-top:15px; overflow-y: scroll;} .synopsis_con::-webkit-scrollbar{width:3px;height:3px} .synopsis_img1{ float:none; width:100%; height:auto; text-align:center;} .synopsis_img1 img{ height: auto; width:80%; padding-top:20px;} .synopsis_left{ float:none; width:100%; height:auto; overflow:hidden; padding-bottom:30px;} .synopsis_cona{ margin-top:15px;} /*诚聘英才-招聘*/ .recruit{ width:90%; height: auto; overflow:hidden; margin: auto; margin-top:20px; padding:0px 4%; padding-top:10px; padding-bottom:20px; position:relative; z-index:99;} .recruit_left{ float:none; width:100%; height: auto; margin-right:0px; margin-bottom:10px;} .recruit_1{ width:100%; font-size:14px; height:30px; line-height:30px;} .recruit_2{ width:100%; height: auto;} .recruit_text{ width:98%; height:40px; border:none; background-color:#fff; padding-left:2%; } .recruit_text::-webkit-input-placeholder{ font-size:14px;} .recruit_right{ float:none; width:100%; height: auto; overflow:hidden;} .recruit_right .recruit_1{ height:5px;} .recruit_btn{ font-size:16px; width:100%; height:45px;} .select{ width:100%; height:40px; padding-left:0%; font-size: 14px; z-index:10;} .select::after{content: "";display: block;width: 6px;height: 6px; top:15px;right:15px;} .select p{width:98%; padding-left:2%;line-height: 40px; font-size: 14px;} .select ul{width: 100%;display: block;font-size: 14px; top:40px;} .select ul li{width:98%; padding-left:2%; height:24px;line-height: 24px; font-size:12px;} .select ul li a{color: #093a7b; width: 100%;height: 24px;} .select.open ul{max-height:250px;} .select.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:13px;} .select1{ width:100%; height:40px; position: relative;cursor: pointer; background-color:#fff; z-index:9;} .select1::after{content: "";display: block;width:6px;height:6px; top:15px;} .select1 p{width:98%; padding-left:2%;line-height:40px; font-size: 14px;} .select1 ul{width: 100%;display: block;font-size:12px; top:40px;} .select1 ul li{width:98%; padding-left:2%;height:24px;line-height: 24px; font-size:12px;} .select1 ul li a{color: #093a7b; width: 100%;height: 24px;} .select1.open ul{max-height:250px;} .select1.open::after{transform: rotate(134deg);transition: all .3s ease-in;top:13px;} .job{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .job ul li{ width:100%; height:auto; overflow:hidden; list-style:none; margin-bottom:10px;} .job_1{ width:100%; font-size:14px; color:#000; font-weight:bold; height:40px; line-height:30px; border-bottom:1px solid #e5e5e5;} .job_1 a{ float:right; font-size:12px; width:85px; height:30px; line-height:30px; margin-top:4px;} .job_con{ width:100%; height:auto; overflow:hidden; background-color:#f6f6f6; padding:15px 0px; display:none;} .job_2{ width:94%; margin:auto; height:auto; overflow:hidden; font-size:14px; color:#6c6c6c; line-height:24px;} .job_3{ width:94%; margin:auto; text-align:left; font-size:14px; color:#000; height:24px; line-height:24px; margin-top: 5px;} .job_3 a{ display: inline-block; font-size:12px; color:#2c68ff;} /*产品详情*/ .realm{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .realm_tit{ width:100%; height:auto; overflow:hidden; padding-bottom:35px;} .realm_left{ float:none; width:100%; height:auto; overflow:hidden;} .realm_1{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#000; text-align:center;} .realm_2{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#000; line-height:21px; margin-top:10px; text-align:center;} .realm_right{ float:none; width:100%; text-align:center; margin-top:15px; height:auto; overflow:hidden;} .realm_right a{ display:inline-block; font-size:12px; margin-left:3px; margin-right:3px; height:30px; line-height:30px; padding:0px 12px;} .realm_right a:hover span{ background-size:14px;} .realm_right span{ display:inline-block; background-size:14px; padding-left:21px;} .realm_mune{ width:100%; background-size:100% auto; text-align:center; height: auto; padding-top:0px;} .realm_mune a{ display:inline-block; padding:0px 15px; height:33px; line-height:33px; font-size:14px; margin:0px 3px; margin-bottom:8px;} .overview{ width:96%; margin:auto; height: auto; overflow:hidden; padding-top:20px;} .overview_all{ width:100%; height:auto; overflow:hidden; margin:auto;} .overview_left{ float:none; width:100%; height:auto; overflow:hidden;} .overview_img{ float:none; width:100%; height:auto; overflow:hidden; text-align:center;} .overview_img img{ height: auto; width:80%;} .features_en{ font-size:14px; padding-top:20px;} .features_tit{ width:100%; text-align:center; font-size:16px;} .features_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .features_list ul li{ float:left; width:50%; height:auto; list-style:none; margin-bottom:20px; margin-right:0px;} .features_list ul li:nth-child(2n){ margin-right:0px;} .features_img{ float:none; width:71px; height:71px; border:2px solid #fff; border-radius:50%; overflow:hidden; margin:auto;} .features_img img{ width:71px; height:71px;} .features_left{ float:none; width:100%; height:auto; overflow:hidden; margin-top:10px;} .features_1{ width:100%; text-align: center; font-size:16px; color:#fff; height:25px; overflow:hidden;} .features_2{ width:94%; text-align:center; font-size:14px; color:#fff; line-height:21px; height:84px; overflow:hidden; margin-top:10px;} .features_img1{ float:none;} .features_right{ float:none; width:100%; margin-top:10px;} .features_1a{ text-align:center;} .features_2a{ text-align:center;} .overviewa{ width:100%; height: auto; overflow:hidden; padding-top:20px;} .overview_all{ width:96%; height:auto; overflow:hidden; margin:auto;} .overview_right{ float:none; width:100%; height:auto; overflow:hidden; margin-top:15px; padding-bottom:30px;} .overview_gun{ width:100%; height:315px; overflow:hidden; margin-top:35px; overflow-y:scroll;} .overview_1{ width:98%; height:auto; overflow:hidden; font-size:14px; color:#000; line-height:24px; margin-top:10px;} .overview_2{ width:98%; height:auto; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px;} .overview_2 span.overview_2_span{ font-size:14px; padding-bottom:0px; padding-top:10px;} .overview_img1{ float:none; width:100%; height:auto; overflow:hidden; text-align:center;} .overview_img1 img{ height: auto; width:80%;} .deployment{ width:100%; height: auto; overflow:hidden; padding-top:30px; background-color:#eef5fe;} .deployment5{ width:100%; height: auto; overflow:hidden;} .deployment_img{ float:none; width:100%; height:260px; overflow:hidden; text-align:center;} .deployment_img img{ height: auto; width:80%;} .deployment_1{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#000; line-height:30px; line-height:30px; margin-top:10px;} .deployment_2{ width:100%; padding-right:0%; height: auto; overflow-y:scroll; font-size:14px; line-height:24px;} .download{ width:96%; height:auto; overflow:hidden; margin: auto; margin-top:20px; padding-bottom:20px;} .download ul li{ float:none; width:100%; height:34px; list-style:none; margin-bottom:10px; margin-right:0px;} .download ul li:nth-child(2n){ margin-right:0px;} .download ul li a{ display:block; width:100%; height:100%; cursor:pointer;} .download ul li a:hover .download_img_1{ margin-top:-24px;} .download ul li a:hover .download_name{ color:#00d2ff;} .download_img{ float:left; width:24px; height:24px; } .download_img_1{ width:100%; height:24px;-webkit-transition: all 0.4s ease-in-out;} .download_img_1 img{ width: auto; height:24px;} .download_img_2{ width:100%; height:24px;} .download_img_2 img{ width: auto; height:24px;} .download_name{ float:right; font-size:16px; color:#000; height:24px; line-height:24px; width:90%;} /*解决方案*/ .realm_munea{ background-size:100% auto;} .sketch{ width:96%; margin-top:20px; font-size: 14px; line-height: 24px; margin-bottom:10px;} .sketch ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:0px; margin-bottom:30px;} .sketch ul li:nth-child(3n){ margin-right:0px;} .sketch ul li a{ display:block; width:100%; height:100%;} .sketch ul li a:hover .sketch_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .sketch ul li a:hover .sketch_1{ color:#00d2ff;} .sketch_1{ font-size:16px; height:40px; line-height:40px; width:100%; margin-top:10px;} .sketch_2{ font-size:14px; height: auto; line-height:21px; width:100%;} .present{ width:100%; height:auto; overflow:hidden; background-color:#eef5fe; padding:20px 0px;} .present_mune{ width:96%; margin:auto; text-align:center; height: auto; overflow:hidden; margin-top:20px; padding-bottom:5px; border-bottom:1px solid #d6dce4;} .present_mune a{ display:inline-block; padding:0px 13px; height:33px; line-height:33px; font-size:14px; margin:0px 3px; margin-bottom:8px;} .present_con{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:30px; display:none; } .present_left{ float:none; width:100%; height:auto; overflow:hidden; margin-top:15px;} .present_1{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#000;} .present_2{ width:100%; font-size:14px; line-height:24px; margin-top:5px;} .present_3{ width:100%; padding-right:0%; height: auto; font-size:14px; line-height:24px; margin-top:10px;} .present_3 span.present_3_span{ color:#000; font-size:14px;} .present_right{ float:none; width:100%; height:auto; overflow:hidden; text-align:center;} .present_right img{ height: auto; width:100%;} .cost{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .cost_con{ width:100%; height:auto; overflow:hidden; margin-top:20px; padding-bottom:30px;} .exploit_warp{ width:100%; height:auto; overflow:hidden; background-color:#eef5fe;} .exploit{ width:96%; height:auto; overflow:hidden; margin:auto; padding:20px 0px;} .exploit_img{ float:none; width:100%; height:auto; overflow:hidden; text-align:center;} .exploit_img img{ max-width:80%; height:auto;} .exploit_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:10px;} .exploit_1{ width:100%; height:30px; line-height:30px; font-size:16px; text-align:left;} .exploit_2{ width:100%; font-size:14px; height: auto; overflow:hidden; line-height:24px; text-align:left;} .exploit_3{ width:100%; padding-right:0%; height: auto; font-size:14px; text-align:left; line-height:24px; margin-top:10px;} .exploit_warpa{ background-color:#fff;} .exploit_img1{ float:none;} .exploit_left{ float:none; width:100%; height: auto; overflow:hidden;} .exploit_1a{ text-align:left;} .exploit_2a{ text-align:left; height:auto; line-height:24px; margin-top:10px;} .exploit_list{ width:100%; height:auto; overflow:hidden; margin-top:20px;} .exploit_nei{ float:left; width:33.33%; height:auto; overflow:hidden; margin-right:0px;} .exploit_nei_1{ width:56px; height:56px; border-radius:50%; overflow:hidden; margin:auto;} .exploit_nei_1 img{ width:56px; height:56px;} .exploit_nei_2{ width:100%; text-align:center; font-size:16px; color:#000; height:50px; line-height:50px;} .newsj{ padding-bottom:20px;} .trade_img{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .trade_img img{ max-width:100%; height:auto;} .trade_tit{ width:96%; font-size:16px; height:30px; line-height:30px; margin-top:10px;} .trade_nav{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:15px;} .trade_nav a{ display:inline-block; cursor:pointer; font-size:14px; line-height:24px; margin-right:20px;} .trade_con{ width:96%; height:auto; overflow:hidden; margin:auto;} .trade_nei{ float:none; width:100%; height:auto; overflow:hidden;} .trade_biao{ width:100%; font-size:16px; height:30px; line-height:30px;} .trade_dao{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:0px; padding-bottom:25px;} .trade_dao a{ display:inline-block; cursor:pointer; font-size:14px; line-height:24px; margin-right:20px;} .trade_nei1{ width:100%;} .trade_nei2{ width:100%;} /*发展历程*/ .course{ width:100%; background-size:cover; height:auto; height: auto; overflow:hidden; padding-top:20px;} .course_all{ display:none;} .course_lun{ display:block; width:96%; margin:auto; height:auto; overflow:hidden; margin-top:20px; padding-bottom:50px; position:relative;} .course_lun .paginationco{ position: absolute; width:100%; left:0px; bottom:20px; text-align: center; z-index:1; margin:auto;} .course_lun .swiper-pagination-bullet { display: inline-block; width:10px; height:10px; background-color:#c6c6c6; border-radius:50%; margin:0px 3px; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;} .course_lun .swiper-pagination-bullet-active{ background-color:#ff7e00;} .course_list{ width:100%; height:auto; overflow:hidden; margin:auto;} .course_con{ width:100%; height: 199px; overflow:hidden; position:relative; z-index:9; top:0px; left:0px; display: block;} .course_zong{width:100%; height:199px; overflow:hidden; background:url(../images/course_03.png) repeat-x center top; opacity:1; margin-top:0px;} .course_3{ margin:auto; font-size:58px; color:#fff; font-family:ying; width:90%; height:70px; line-height:70px; padding-top:23px;} .course_3 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;} .course_4{ width:90%; height:100px; overflow:hidden; margin:auto; font-size:15px; color:#fff; line-height:25px; margin-top:5px;} /*首页*/ .big{ width:100%; height:200px;} .big_con{ width:96%; height:106px; margin:auto;} .big_1{ width:100%; height: auto; position:relative; font-size:18px; color:#fff;} .big_img{ width:70px; height: auto; position:absolute; top:-50px; left:95px} .big_img img{ width:70px; height: auto;} .big_2{ width:100%; height:35px; line-height:20px; margin-top:5px; font-size:14px;} .big_3{ width:120px; height:37px; margin-top:10px;} .big_3 a{ display:block; font-size:12px; height:37px; line-height:37px;} .big_3 a:hover{ padding-left:10px;} .safe{ width:100%; height:auto; overflow:hidden; padding-top:20px; padding-bottom:15px;} .safe_tit{ width:100%; text-align:center; font-size:16px; color:#000; height:auto; overflow:hidden;} .safe_biao{ width:100%; text-align:center; font-size:13px; color:#545d69; height:30px; line-height:1.5em;} .safe_list{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:10px;} .safe_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; margin-bottom:20px;} .safe_list ul li a{ display:block; width:100%; height: auto; overflow:hidden; padding-top:20px;} .safe_list ul li a:hover{background-color:#fff; background-image: linear-gradient(38deg, #fff, #fff); } .safe_list ul li a:hover .safe_img_1{ margin-top:0px;} .safe_list ul li a:hover .safe_1{ color:#000;} .safe_list ul li a:hover .safe_2{ color:rgba(0,0,0,0.7);} .safe_list ul li a:hover .safe_3{ opacity:1;} .safe_img{ margin:auto; height:60px; overflow:hidden; width:90%;} .safe_img_1{ width:100%; height:60px; text-align:center;} .safe_img_1 img{ height:60px; width:auto;} .safe_img_2{ display:none;} .safe_1{ width:100%; margin:auto; font-size:16px; height:45px; line-height:45px; text-align:center; overflow:hidden;} .safe_2{ width:90%; margin:auto; font-size:14px; line-height:21px; text-align:center; height:63px; overflow:hidden; margin-top:0px;} .safe_3{ display:none;} .safe_shu{ width:96%; margin:auto; background:url(../images/index_32.jpg) repeat-x center; height:40px; margin-top:15px;} .safe_tu{ margin:auto; width:84px; height:74px; text-align:center;} .safe_tu img{ width:20px; height:20px; padding-top:10px;} .offer{ padding-top:20px; padding-bottom:30px;} .offer_list{ width:100%; height:auto; overflow:hidden; margin: auto; padding-top:20px;} .offer_list ul{ display: flex; justify-content:space-around;} .offer_list ul li{ width:170px; height:170px; overflow:hidden; list-style:none; margin:0 0 10px 0;} .offer_list ul li:nth-child(3n){ margin-right:0px;} .offer_list ul li a{ display:block; width:170px; height:170px; margin:auto; border-radius:50%; overflow:hidden; position:relative;} .offer_list ul li a:hover .offer_1{ padding-top:50px;} .offer_img{ width:100%; height:100%; border-radius:50%; overflow:hidden;} .offer_img img{ width:100%; height:100%;} .offer_1{ text-align:center; font-size:14px; line-height:21px; height:42px; padding-top:50px; width:90%; margin: auto;} .offer_2{ width:100%; text-align:center; font-size:12px; height:35px; line-height:35px; margin-top:30px;} .offer_2 span{ margin-left:8px;} .offer_more{ width:100%; text-align:center; height:30px; margin-top:20px;} .offer_more a{ display:inline-block; font-size:14px; color:#000; height:30px; line-height:30px; } /**三大核心 start**/ .three{ padding:20px 0 30px 0; } .three_list{ width: auto; height:auto; overflow:hidden; margin: auto; padding-top:20px;} .three_list ul{display: flex; justify-content:space-around;} .three_list ul li{ width:170px; height:170px; overflow:hidden; list-style:none; margin-right:0; margin-bottom:15px;} .three_list ul li:nth-child(3n){ margin-right:0px;} .three_list ul li a{ display:block; width:170px; height:170px; margin:auto; border-radius:50%; overflow:hidden; position:relative;} .three_list ul li a:hover .three_1{ padding-top:50px;} .three_img{ width:170px; height:170px; border-radius:50%; overflow:hidden;} .three_img img{ width:170px; height:170px;} .three_1{ text-align:center; font-size:14px; line-height:21px; height:42px; padding-top:50px; width:90%; margin: auto;} .three_2{ width:100%; text-align:center; font-size:12px; height:35px; line-height:35px; margin-top:30px;} .three_2 span{ margin-left:8px;} /**三大核心 end**/ .ensure{ width:100%; height: auto; padding-bottom:20px;} .ensure_list{ width:100%; height:auto; overflow:hidden; margin:auto;} .ensure_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; padding-top:20px;} .ensure_1{ width:100%; text-align:center; font-size:18px; font-weight: bold; height:30px; line-height:30px;} .ensure_1_1{ font-size:12px; right:20%; top:-7px;} .ensure_1_2{ font-size:12px; right:27%; top:-7px;} .ensure_2{ width:100%; text-align:center; font-size:12px; margin-top:10px;} .press{ width:100%; background-size:cover; height: auto; overflow:hidden; padding-top:20px; padding-bottom:20px;} .press_all{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:10px; border-radius:7px;} .press_left{ float:none; width:100%; height: auto; overflow:hidden;} .press_tit{ font-size:16px; padding-top:15px;} .press_en{ margin:auto; font-size:14px; width:94%; height:29px; line-height:24px; border-bottom:1px solid #efefef;} .press_con{ width:94%; margin:auto; height:auto; overflow:hidden; margin-top:20px;} .press_con a{ display:block; width:100%; height:100%; cursor:pointer;} .press_con a:hover .press_zuo{ margin-left: 0px;} .press_con a:hover .press_you{ margin-right:0px;} .press_con a:hover .press_you_1{ color:#104bd1;} .press_zuo{ float:left; width:24%; height:auto; background-color: #efefef; padding: 10px; box-sizing: border-box; border-top-right-radius: 25px; border-bottom-left-radius: 25px; } .press_you{ float:right; width:75%;} .press_you_1{ width:100%; font-size:16px; color:#323232; height: auto; line-height:1.7em; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;} .press_you_2{ width:100%; overflow:hidden; font-size:13px; color:rgba(50,50,50,0.5); line-height:19px; height:38px;} .press_list{ width:94%; height:auto; overflow:hidden; margin:auto; margin-top:15px;} .press_list ul li{ width:100%; height:30px; list-style:none;} .press_list ul li a{ display:block; width:100%; height:100%; cursor:pointer;} /* .press_list ul li a:hover .press_1{ width:10%; background-color:#104bd1;} .press_list ul li a:hover .press_2{ color:#104bd1;} */ .press_1{ display: none;} .press_2{ padding-left: 15px; box-sizing: border-box; position: relative; width:100%; overflow:hidden; font-size:14px; height:30px; line-height:30px; margin-top:5px;} .press_2::before{ position: absolute; top: 13px; left: 5px; content: ''; width: 4px; height: 4px; background-color:#323232; } .press_more{ width:94%; height:30px; margin:auto; margin-top:13px;} .press_more a{ display:block; width:100%; font-size:12px; text-align:right;color:rgba(50,50,50,0.5); cursor:pointer; height:30px; line-height:30px;} .press_mid{ float:none; width:100%; height: auto; border-left:none; border-right:none; margin-top:10px; margin-bottom:10px;} .press_bei{ width:100%; height:87px;background-image: linear-gradient(to right,#fff,#fff);} .press_tita{ color:#000;} .press_ena{ color:rgba(0,0,0,0.42); border-bottom:none;} .press_cona{ margin-top:20px;} .press_morea{ width:94%; height:30px; margin:auto; margin-top:13px;} .press_morea a{ display:block; width:100%; font-size:12px; height:30px; line-height:30px;} .partner{ width:100%; background-size:cover; height: auto; overflow:hidden; padding-top:20px; padding-bottom:20px;} .partner_list{ width:96%; height:auto; margin:auto; margin-top:10px; overflow:hidden;} .partner_list .swiper-slide{ overflow:hidden; text-align:center; height: auto; padding-bottom:10px;} .partner_list .swiper-slide:hover img{-moz-box-shadow:0px 0px 13px rgba(35,216,255,0.2); -webkit-box-shadow:0px 0px 13px rgba(35,216,255,0.2); box-shadow:0px 0px 13px rgba(35,216,255,0.2); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);} .partner_list img{ width:96%; height: auto;} .law{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:50px;} /*网站地图*/ .minute_tit{ width:100%; height:35px; border-bottom: 1px solid #e8e8e8;} .minute_tit a{ display:block; width:100%; height:35px; line-height: 35px; font-size:16px;} .minute_tit a:hover{ padding-left:0px;} .minute_tita{ margin-bottom:10px;} .minute_con{ width:100%; height:auto; overflow:hidden; padding-bottom:20px; margin-top:10px;} .minute_1{ float:left; width:50%; height:auto; overflow:hidden; margin-right:0px; padding-top:0px;} .minute_1 a{display:block; height:28px; line-height:28px; font-size:15px;} .minute_2{ width:100%; height:auto; overflow:hidden; margin-left:0px;} .minute_2 a{ display:block; width:100%; height:24px; line-height:24px; font-size:13px; } .minute_3{ width:100%; height:auto; overflow:hidden; margin-left:20px;} .minute_3 a{ display:block; width:100%; background:url(../images/sharp_04.png) no-repeat left; padding-left:12px; background-size:4px; height:24px; font-weight:normal; line-height:24px; font-size:13px; color:#666; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; } .minute_3 a:hover{ color:#104bd1;} .minute_nav{ width:100%; height:50px; margin-bottom:20px;} .minute_nav a{ display:inline-block; height:50px; line-height:50px; font-size:16px; color:#000; margin-right:80px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;} .minute_nav a:hover{ color:#104bd1;} /*案例列表*/ .resolve{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;} .resolve ul li{ float:left; width:49%; height: auto; list-style:none; margin-bottom:20px; margin-right:2%;} .resolve ul li:nth-child(3n){ margin-right:2%;} .resolve ul li:nth-child(2n){ margin-right:0px;} .resolve ul li a:hover .resolve_img img{-moz-transform:scale(1,1.1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .resolve1{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:50px;} .resolve1 ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:20px; margin-right:0px;} .resolve1 ul li:nth-child(3n){ margin-right:0px;} .resolve1 ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out; border-bottom:1px solid #33dbf5;} .resolve1 ul li a:hover .resolve_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .resolve1 ul li a:hover .resolve_tit{ color:#33dbf5;} .resolve_tit{ width:100%; font-size:16px; height:30px; line-height:30px; margin-top:5px;} .resolve_con{ width:100%; height:42px; overflow:hidden; font-size:14px; line-height:21px; margin-top:5px;} .resolve_know{ width:100%; margin-top:5px;} .resolve_know span{ display:inline-block; font-size:12px; color:#000; background-size:12px; padding-right:20px; height:30px; line-height:30px;} .industry{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px; padding-bottom:40px;} .industry ul li{ float:left; width:49%; height: auto; list-style:none; margin-bottom:10px; margin-right:2%;} .industry ul li:nth-child(5n){ margin-right:2%;} .industry ul li:nth-child(2n){ margin-right:0px;} .industry ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;} .industry ul li a:hover .industry_img img{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1);} .industry_tit{ width:100%; font-size:16px; height:45px; line-height:45px; } /*产品列表*/ .tailorism{ width:96%; height:auto; overflow:hidden; margin:auto; padding-top:20px; padding-bottom:45px;} .tailorism_left{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:10px; margin-bottom:15px;} .tailorism_left1{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:15px;} .tailorism_tit{ font-size:15px; height:30px; line-height:30px; } .tailorism_con{ width:100%; height:auto; overflow:hidden; padding-bottom:0px;} .tailorism_1{ width:100%; height:24px; overflow:hidden;} .tailorism_1 a{ display:block; width:100%; height:24px; cursor:pointer;} .tailorism_1_2{ width:100%; height:24px; line-height:24px; font-size:14px;} .tailorism_1_21{ float:100%; width:100%; height:24px; line-height:24px; font-size:14px;} .tailorism_mune{ width:100%; height:auto; overflow:hidden;} .tailorism_mune a{ display:block; width:100%; height:21px; line-height:21px; padding-left:0px; cursor:pointer; font-size:13px;} .tailorism_right{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:15px;} .tailorism_right .tailorism_mune a{ width:100%;} .tailorism_right1{ float:none; width:100%; height:auto; overflow:hidden;} .tailorism_right1 .tailorism_1_2{ width:100%;} .tailorism_right1 .tailorism_mune a{ width:100%;} .tailorisma{ padding-top:30px; padding-bottom:45px;} .loading{ display:none;} } .visible-xs{ display: none; } .hidden-xs{ display: block; } /* 小屏幕样式 */ @media (max-width:768px){ .visible-xs{ display: block; } .hidden-xs{ display: none; } .press_zuo{ width: 19%; padding: 5px; } .press_zuo .press_zuo_1{height: 25px;} .press_zuo .press_zuo_2{padding-top: 5px; font-size: 12px;} .press_you{ width: 80%; padding-top:5px; } } .an-pad{ padding-left:10px; padding-right: 10px; box-sizing: border-box; }