/* Swiper 7.4.1 */ @import "../plugin/swiper/swiper-bundle.min.css"; /* 字体图标 */ @import "../plugin/font/css/font-awesome.min.css"; /* 核心样式 */ @import "../css/core/bootstrap.min.css"; @charset "utf-8"; /****reset***/ html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;} html,body{ display: block; min-width: 1700px;} table{border-collapse:collapse;} a img{border:0px; outline:none;} img{ padding:0; margin:0;} address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;} li {list-style:none;} caption, th {text-align:left;} h1, h2, h3, h4, h5, h6 { } input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;} a{text-decoration:none; outline:none;color:#080404;} a:hover{ text-decoration:none; cursor: pointer;} .clear{ font-size: 0px; line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;} .clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;} .text-ellipsis { /* 强制文本不换行 */ white-space: nowrap; /* 超出容器部分隐藏 */ overflow: hidden; /* 超出部分显示省略号 */ text-overflow: ellipsis; /* 需指定容器宽度（可根据实际需求设置，如固定值或百分比） */ width: 100%; /* 示例宽度，根据实际场景调整 */ } .search-result{} .search-result ul{ display: block; box-sizing: border-box; padding: 30px;} .search-result ul li{ border-bottom: 1px solid #dfdfdf;} .search-result ul li h1{ line-height: 50px;line-height: 40px;} .search-result ul li h1 a{ color:#080404; font-size:20px; font-weight:bold; line-height: 50px; display: block; text-align: left; } .search-result ul li h1 a:hover{ color:#03234b; text-decoration:underline;} .search-result ul li p{ line-height: 30px; font-size:14px; color:#666; margin-bottom: 10px;} @media screen and (max-width: 998px) { .pc{ display:none !important;} html,body{ display: block; min-width: 320px;} body{background: #fff; font-size:14px; font-family: "Microsoft YaHei", "微软雅黑", SimHei, "黑体", Arial, Helvetica, sans-serif;color:#080404;} .wrap{ width:100%; box-sizing: border-box; padding: 0px; margin:0 auto; display: block;} .header {width: 100%;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 12;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .header>.wrap {display: -webkit-flex; /* Safari */ display: flex;-webkit-justify-content: space-between; /* Safari */ justify-content: flex-start;} .headerActive {box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .logo {padding: 0px 0;} .logo>a {width: 216px;} .logo img {display: block;height: auto;} .navlist {width: 61.25%;display: flex;} .nav {width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start; margin-left: 70px; } .nav>li {height: 100%;float: left;position: static; padding-top:15px } .nav>li>a {width: 100%; display: block; float: left;overflow: hidden;height: 100%;text-align: center;font-size:18px;color: #080404;display: flex;align-items: center;align-content: center;justify-content: center;transition:all 0s linear !important; padding: 0px 30px; } .header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; } .header .search{ position: absolute; top: 20px; right: 50px;} .header .search input{ border: 1px solid #dfdfdf; line-height: 25px; border-radius: 5px; padding: 0px !important; text-indent: 5px;} .header .search input:focus{outline: none;} .header .search button{ width: 30px; height: 30px; background: none; border: none; color: #fff; cursor: pointer; border-radius: 50%;} .header .ydd_btn{width:25px;cursor:pointer;position:absolute;z-index:2000;top:25px;right:15px;} .header .ydd_btn span{display:block;width:100%;height:2px;background:#000000;} .header .ydd_btn span.span02{margin:5px 0;} .header .ydd_btn.click span{background:#74757c;} .header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px; } .header .ydd_btn.click span.span02{margin:0.5px 0;} .header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:3px;margin-top:0px;} .header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;} .tr{transition:all 0.1s; -moz-transition:all 0.1s;-ms-transition:all 0.1s; -o-transition:all 0.1s; -webkit-transition:all 0.1s} .tr2{transition:all 0.1s; -moz-transition:all 0.1s;-ms-transition:all 0.1s; -o-transition:all 0.1s; -webkit-transition:all 0.1s;} .header .sjdnav{display:none;width:100%;height:100vh;position:absolute;right:0;top:64px;z-index:2000;background-color: #fff;} .header .sjdnav ul{padding:0;margin:0; box-sizing: border-box;} .header .sjdnav > ul > li{display:block; position: relative; padding:0;text-align:center;margin-bottom:1px;background:#ffffff; box-sizing: border-box; padding: 0 10px;} .header .sjdnav li{display:block; border-bottom: 1px solid #dfdfdf; position: relative; padding:0;text-align:center;margin-bottom:1px;background:#ffffff; box-sizing: border-box; } .header .sjdnav li a{display:block;color:#03234b; height: 48px; line-height:48px;font-size:16px; text-align: left; display: flex; align-items: center; justify-content: space-between;} .header .sjdnav li a i{ float: right;} .header .sjdnav ul li ul{ display: none;} .header .sjdnav ul li ul li{padding-left: 0px; } .header .sjdnav ul li ul li a{font-size: 16px; padding-left: 10px;} .header .sjdnav ul li ul li ul{ display: none;} .header .sjdnav ul li ul li ul li{padding-left: 0px; } .header .sjdnav ul li ul li ul li a{font-size: 14px; padding-left: 20px; } .header .sjdnav ul li a.active{ border-bottom: 1px solid #dfdfdf;} .header .sjdnav ul li ul li:last-child{ border-bottom: none;} .fa-angle-right { transition: transform 0.3s ease; } .fa-angle-right.rotate-90 { transform: rotate(90deg); } .header .sjdnav li.form{ background:#f8f8f8;} .header .sjdnav li.form form{ display:flex; align-items: center; justify-content: flex-start;} .header .sjdnav li.form input{ display: block;flex: 1; height: 48px; background: none;} .header .sjdnav li.form button{ width: 50px; outline: none; border: none; height: 48px; background: none;} .head{ display:block; padding:10px; overflow: hidden; } .logo{ float:left; width:60%; display: flex; align-items: center; height: 100%; box-sizing: border-box; padding: 5px;} .nav>li:hover>a,.nav>li.liActive>a {color: #115fad;font-weight: bold;} .nav>li:hover>a::after,.nav>li.liActive>a::after {width: 100%;} .nav>li.on > a{ border-radius: 0px 25px 0 0; background:#115fad ; color: #fff;} .navChild {display:none; flex-flow: row nowrap; justify-content: flex-start; float: left; left: 10px; width: 60%; background-color:#fff;position: absolute;top: 100%;z-index: 9;padding: 0px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navChildL{float: left;color: #115fad;font-weight: bold; font-size: 32px;line-height: 40px;padding-top: 20px; width: 190px;height: 80vh;} .navChild { display: none; flex-flow: row nowrap; justify-content: flex-start;} .navChild .left{ display: block; overflow-y: scroll; height: 80vh; } .navChild .left ul{ display: block; width: 333px; padding-top: 20px;} .navChild .left ul li{ line-height: 58px; text-indent: 40px;} .navChild .left ul li:hover{ background: #f3f5f9;} .navChild .left ul li.on{ background: #f3f5f9;} .navChild .left ul li a{ display: block; height: 100%; font-size: 15px; font-weight: bold;} .navChild .right{ display: block; height: 100%; flex: 1; height: 80vh; overflow: hidden;} .navChild .right .list{ display: none; overflow: hidden; } .navChild .right .list h1{ display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 0 30px; font-size: 20px; font-weight: bold; height: 105px; line-height: 105px; color: #ffffff; background: #115fad; } .navChild .right .list h1 span{ display: inline-block; float: right; height: 45px; line-height: 45px; color: #fff; background: #ea5b25; box-sizing: border-box; border-radius: 20px 0 20px 0 ; font-size: 15px; padding: 0 25px; } .navChild .right .list h1 span a{ color: #fff; font-size: 15px; line-height: 45px; } .navChild .right .list:first-child{ display: block;} .navChild .right .list ul{ display: block; padding: 0 15px; overflow-y: scroll; height: -webkit-calc(80vh - 110px); /* Safari 6, Chrome 19-25 */ height: -moz-calc(80vh - 110px); /* Firefox 4-15 */ height: calc(80vh - 110px); } .navChild .right .list ul li{ line-height: 58px; text-indent: 40px; border-bottom: 1px solid #ebebeb;} .navChild .right .list ul li:hover{ background: #f3f5f9;} .xl{ position: relative !important;} .xl ul{ display: none; position: absolute; left: 0; top:88px; width: 130%;} .xl ul li{ display: block; width: 100%; line-height: 38px; color: #fff;} .xl ul li a{ display: block; width: 100%; line-height: 38px; color: #fff; border-bottom: 1px solid transparent; font-weight: bold;} .xl ul li:hover a{ border-bottom: 1px solid #fff; font-size: 15px; } .xl.on ul{ display: block; background: #115fad; box-sizing: border-box; padding: 10px 20px;} .navChild>ul{float: right;width:280px;} .navChild>ul>li>a {display: block;overflow: hidden;height:60px;line-height: 60px;font-size: 18px;color: #676767;white-space: nowrap;border-bottom: 1px solid #e9e9e9;background: url("../images/icon_navchild.png") no-repeat center;background-position: 240px;} .navChild>ul>li:hover>a {color: #115fad;background: url("../images/icon_navchild_on.png") no-repeat center #f3f5f9; box-sizing: border-box; padding: 0 10px; background-position: 250px;} .nav>li.on .navChild {display: flex; border: 8px solid #115fad; border-radius: 20px 0 0 0 ; } .navChild>ul{ position: relative;} .navChild>ul>li> ul{ display: none; position: absolute; top:0; left: 100%; width: 350px; } .navChild>ul>li:hover> ul{ display: block; box-sizing: border-box; padding-left: 30px; } .navChild>ul>li> ul>li{ width: 50%; float: left; box-sizing: border-box; padding: 5px;} .navChild>ul>li> ul>li>a{ display: block; width: 100%; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 36px; color: #676767; } .navChild>ul>li> ul>li>a:hover{ color:#115fad ;} .subnav{ display: block; text-align: center; margin-top: -30px; padding-bottom: 00px; } .subnav>li{ display: inline-block; line-height: 35px; padding: 0 10px; } .subnav>li>a{ color: #115fad;font-size: 22px; line-height: 35px; background:none; display: inline-block; padding: 5px 20px;} .subnav>li>a:hover{ background:rgba(17, 95, 173, 0.9) ; color: #fff; } .subnav>li.on>a{ background: rgba(17, 95, 173, 0.9) ; color: #fff; } .language{margin:31px 0 0 0 ; margin-left: auto; box-sizing: border-box; padding-top: 6px; } .language li{float: left;} .language i{display: block; width:1px;height:22px;background: #d7d7d7;float: left;margin: 0 20px;} .language li img{float: left;} .language li span{font-weight: bold;font-size:16px;padding-left: 10px;color: #818181;} .language form{ display: block; } .language form input{ width: 180px; height: 25px; line-height: 25px; box-sizing: border-box; padding: 5px; border: 1px solid #d7d7d7; margin-right: 20px;} .language form input:focus{outline: none;} .language form button{ background: none; display: flex; align-items: center; justify-content: space-between} .language form button{ font-size: 16px; font-weight: bold; border: none; outline: none;color: #818181;} .language form button img{ margin-right: 10px;} .banner {width: 100%;position: relative;overflow: hidden;} .bannerSwiper img {width: 100%;display: block;height: auto;} .bannerSwiper .swiper-pagination {opacity: 1;bottom: 15px;display: flex;justify-content: center;} .bannerSwiper .swiper-pagination-bullet {width:14px;height: 14px;float: left;background: #fff;opacity: 0.5;} .bannerSwiper>.swiper-pagination-bullets .swiper-pagination-bullet,.bannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .bannerSwiper .swiper-pagination-bullet-active {opacity: 1;background: #fff;} .bannerSwiper:hover .swiper-pagination {opacity: 1;} .bannerSwiper .banner-prev,.bannerSwiper .banner-next {left: 2%;top: 50%;position: absolute;z-index: 9;transform: translateY(-50%);font-size: 60px;color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);opacity: 0;outline: none;cursor: pointer;} .bannerSwiper .banner-next {left: initial;right: 2%;} .bannerSwiper:hover .banner-next,.bannerSwiper:hover .banner-prev {opacity: 1;} .indexapp{overflow: hidden;margin: 10px 0;} .indexTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size: 16px;line-height: 40px; box-sizing: border-box; padding: 0 10px;} .indexSub{color: #a7a7a7;font-size: 14px;line-height: 18px;padding:27px 0 30px 0; display: none;} .indexappList{overflow: hidden; padding-top: 0px;} .indexappList li{float: left;width: 100%;position: relative;} .indexappList li a{display: block; margin:10px;} .indexappImg{overflow: hidden;width: 100%;} .indexappImg:hover{transform: scale(1);} .indexappImg img{border-radius: 0px;width: 100%; display: block;} .indexappName{position: absolute;bottom:0px;left: 00px;font-size: 15px; line-height: 50px; color: #000000; width: 100%; text-align: center; background: #F2F2F2} .indexappList li a{ position: relative;} .indexappList li:hover .indexappName{ background: rgb(0, 94, 173) ; color: #fff; text-align: center;} .indexjs{overflow: hidden;background: #f7f7f7;padding: 10px 0; } .indexjsList{overflow: hidden; padding-top: 10px;} .indexjsList li{float: left;width: 100%;text-align: center;} .indexjsList li:first-child{width: 100%;text-align: left;} .indexjsList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 0px;background: #fff; box-sizing: border-box; padding: 10px;} .indexjsList li:first-child>a .indexjsImg{float: left;background: url("../images/index_pro_img1.jpg") no-repeat; text-align: center; background-size: cover;width:100%; } .indexjsList li:first-child>a .indexjsR{width: 100%;float: right;background: #fff;} .indexjsList li:first-child>a .indexjsName{padding-top: 10px;padding-left: 0px; text-align: center;} .indexjsList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #898989;font-size:14px;padding: 40px;line-height:28px;} .indexjsline{height: 2px;background: #fff;width: 100%;} .indexjsList li>a:hover .indexjsName{color: #115fad;} .indexjsList li>a:hover .indexjsline{background: #115fad;} .indexjsList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexabout{overflow: hidden;background-color: #fff; background-size: cover;} .indexaboutL{width:100%; float: left;padding:10px; background-color: #f0f1f3;} .indexaboutTitle{overflow: hidden;} .indexaboutCn{color: #000000; font-weight: bold;font-size: 15px !important;line-height: 40px;} .indexaboutSub{color:rgba(255, 255, 255, 0.66);font-size: 16px;line-height: 18px;padding:20px 0 30px 0; display: none;} .indexaboutCon{font-size: 14px; color: #000000;line-height: 28px;height: 145px;overflow: hidden;} .indexaboutMore{overflow: hidden; margin-top: 30px;background: url("../images/icon_more.png") no-repeat center;background-position: 70px;} .indexaboutMore a{color: rgb(0, 94, 173);font-size: 15px; transition: all .3s ease; display:inline-block; padding-right: 20px; background-size: auto 50%;} .indexaboutMore a i{ font-size: 22px; margin-left: 5px; float: right;transition: all .3s ease;} .indexaboutMore:hover a i{ background-position: 98% center; margin-left: 10px;} .indexaboutR{width:100%; float: right;overflow: hidden;display: block;background-size: cover; background: #f0f1f3;} .indexaboutR a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; } .indexaboutR a video{width: 100%; object-fit: cover;} .indexcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .indexcaseList{overflow: hidden;} .indexcaseList li{float: left;width: 50%;} .indexcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .indexcaseList li a:hover{background: #115fad;} .indexcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexcaseList li a:hover .indexcaseName{color: #fff;} .indexcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .indexcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .indexhz{overflow: hidden;background: #f0f1f3; background-size: cover;padding: 10px 0; padding-bottom: 10px;} .indexhzTitle{overflow: hidden;text-align: center;} .indexhzCn{color: #000; font-weight: bold;font-size: 22px;line-height: 40px;} .indexhzSub{color:rgba(0, 0, 0, 0.66);font-size: 18px;line-height: 18px;padding:27px 0 60px 0;} .indexhzList{overflow: hidden; padding-top: 20px;} .indexhzList li{width: 33.33333%; text-align: center;float: left; } .indexhzList li img{object-fit: fill; max-width: 100%; max-height: 100%; } .indexhzList li a{display: block; width: 100%; height: 100%; box-sizing: border-box; padding:5px;} .indexhzList li a img{max-width: 100%;border-radius: 8px;transition: all 0.8s linear; max-height: 100%;} .indexhzList li:hover a img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexnews{overflow: hidden;background: #f7f7f7; padding: 20px 0;} .indexnewsList{overflow: hidden; padding-top: 30px;} .indexnewsList li{float: left; width: 33.33%;} .indexnewsList li a{display: block;overflow: hidden;margin: 30px;background: url("../images/index_news_img.jpg") no-repeat; background-size: cover;border-radius: 15px;padding:50px;transition: background 1s;} .indexnewsCon{overflow: hidden;} .indexnewsClass{color: #fff;font-size: 18px;} .indexnewsName{color: #fff;font-size:24px;font-weight: bold;padding:40px 0;line-height: 30px;} .indexnewsTxt{color:rgba(0,0,0,0);font-size: 18px;line-height: 30px;height: 100px;} .indexnewsDate{overflow: hidden;border-top: 1px solid rgba(255,255,255,0.43);padding-top: 50px;margin-top: 50px;} .indexnewsDay{color: #fff; font-size: 58px;line-height: 58px;float: left;} .indexnewsR{float: right;text-align: right;} .indexnewsYear{font-size:20px; color: #fff;padding-bottom: 10px;} .indexnewsMore{color: #fff;font-size: 15px;background: url("../images/icon_more.png") no-repeat;width: 20px;height: 14px;float: right;} .indexnewsList>li>a:hover{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .indexnewsList>li>a:hover .indexnewsClass{color: #000000;} .indexnewsList>li>a:hover .indexnewsName{color: #080404;} .indexnewsList>li>a:hover .indexnewsTxt{color: #000000;line-height: 30px;height:150px;} .indexnewsList>li>a:hover .indexnewsDate{border-top: 1px solid #e1e1e1;} .indexnewsList>li>a:hover .indexnewsDay{color: #115fad;} .indexnewsList>li>a:hover .indexnewsYear{color: #080404;} .indexnewsList>li>a:hover .indexnewsMore{background: url("../images/icon_more_on.png") no-repeat;} .dw{width: 100%;background: #f7f7f7;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color: #a7a7a7; font-size: 12px;line-height:40px;box-sizing: border-box; padding: 0 10px;} .dw a{color: #000000;} .dw span{color: #115fad;} .child_about{position: relative;width: 100%;} .child_about txt{color: #fff;font-size: 22px;line-height: 32px; text-align: center; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 40%; left: 30%;} .aboutjj{overflow: hidden;} .aboutjjL{background: url("../images/index_about_bg.jpg") no-repeat;background-size: cover;width:55%; float: left;padding:120px 120px 120px 5%;} .aboutjjTitle{overflow: hidden;} .aboutjjCn{color: #fff; font-weight: bold;font-size: 40px;line-height: 40px;} .aboutjjSub{color:rgba(255,255,255,0.66);font-size: 18px;line-height: 18px;padding:20px 0 60px 0;} .aboutjjCon{font-size: 18px; color: #fff;line-height: 28px;height:229px;overflow: hidden;} .aboutjjR{width:45%; float: right;overflow: hidden;display: block;background: url("../images/index_vedio_img.jpg") no-repeat;background-size: cover;height: 609px;} .aboutjjR a{} .aboutxq{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .aboutxqTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .aboutxqList{overflow: hidden;margin-top: 60px;} .aboutxqList li{width: 20%;float: left;text-align: center;} .aboutxqimg{} .aboutxqimg img{} .aboutxqtxt{color: #000000; font-size: 22px;padding-top: 30px;} .aboutjoin{overflow: hidden;margin: 120px 0;} .aboutjoinL{float: left;width:40%;} .aboutjoinL img{width: 100%;} .aboutjoinR{width:55%;float: right;} .aboutjoinTitle{color: #080404;font-size: 38px;line-height: 38px;margin-bottom: 60px;} .aboutjoinTxt{color: #000000;font-size: 18px;line-height: 28px;} .aboutjoinMore{font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .aboutjoinMore a{color: #115fad;} .aboutjoinMore:hover{background: url("../images/icon_more_on.png") no-repeat right center;background-position:80px;} .child_join{position: relative;width: 100%;} .child_join txt{color: #fff;font-size: 22px;line-height: 32px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 40%; left: 30%; } .joinhy{overflow: hidden;margin: 20px 0;} .joinhyTitle{color: #080404;font-size: 22px;line-height: 38px;text-align: center;} .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:100%; text-align: center;margin:10px auto;} .joinhyImg{width: 100%; text-align: center;margin: 0 auto;} .joinhyImg img{width: 100%;} .joinhyImg video{ width: 100%;} .joinwh{overflow: hidden;} .joinwhTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinwhList{overflow: hidden;margin: 20px 0;} .joinwhList li{width: 100%;overflow: hidden;background: #f7f8fa; margin-bottom: 15px;rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; animation-name: fadeInUp; } .joinwhImg{width:100%;} .joinwhImg img{width: 100%; display: block;} .joinwhR{width: 100%; box-sizing: border-box; padding: 10px;} .joinwhT{padding-top: 20px;} .joinwhTxt{padding-top: 30px;} .joinwhList>li.one .joinwhImg{float: left;} .joinwhList>li.one .joinwhR{float: right;} .joinwhList>li.one .joinwhT{color: #080404;font-size:30px;line-height: 30px; text-align: center;} .joinwhList>li.one .joinwhTxt{color: #000000;font-size:18px;line-height:26px;} .joinwhList>li.two .joinwhImg{float: right;} .joinwhList>li.two .joinwhR{float: left; text-align: center;} .joinwhList>li.two .joinwhT{color: #080404;font-size: 30px;px;line-height: 30px;} .joinwhList>li.two .joinwhTxt{color: #000000;font-size:18px;line-height:26px} .joinwhList>li.two.nobg{ background:none !important;} .aboutpage{overflow: hidden;margin: 20px 0; padding: 0 0px;} .aboutpage .joinhyTitle{ position: relative; padding-bottom: 10px; margin-bottom: 10px; color: #080404; font-size: 18px;} .aboutpage .joinhyTitle:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 86px; height: 3px; margin: auto; background:#f7b018; } .aboutpage .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:100%; text-align: left;margin:40px auto;} .aboutpage .joinhyImg{width: 100%; text-align: center;margin: 0 auto; box-sizing: border-box;} .aboutpage .joinhyImg img{width: 100%;} .aboutpage .joinhyImg video{ width: 100%;} .aboutpage .wrap{ box-sizing: border-box; padding: 0 10px;} .yuanjing{margin: 0px auto;} .yuanjing ul{overflow: hidden; padding: 70px 0;} .yuanjing ul li{ width: 24.5%; padding: 0 2.5%; float: left; border-left: 1px solid #e1e1e1; display: block; text-align: center; box-sizing: border-box;} .yuanjing ul li:first-child{ border:none} .yuanjing ul li:nth-child(3){ border:none} .yuanjing ul li h1{color: rgba(17,95,173,1);font-size: 16px;margin-bottom: 20px;} .yuanjing ul li div{color: #666666;font-size: 12px;line-height: 24px; min-height: 75px;} /* .joinwhList li:hover{background: #115fad; } .joinwhList li:hover .joinwhT{color: #fff;} .joinwhList li:hover .joinwhTxt{color: #fff;} */ .joinzw{overflow: hidden;background: #f7f7f7;padding: 0px 0;} .joinzwTitle{color: #080404;font-size: 30px;line-height: 38px;text-align: center;} .joinzwList{overflow: hidden;padding-top: 40px;} .joinzwList li{width:100%; float: left;text-align: center;} .joinzwList li a{display: block; margin: 30px;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .joinzwList li.joinlist:hover a{ background: none;} .joinzwList li.joinlist a:hover{ background: none;} .joinzwList li.joinlist { padding-top: 27%; position: relative; text-align: center;} .joinzwList li.joinlist a{ display: inline; background: none; position: absolute; top :50%; font-size: 26px; } .joinzwImg{} .joinzwImg img{width: 100%;} .joinzwImg h1{ line-height: 45px; text-align: center;} .joinzwT{color: #080404;font-size: 28px;padding-top: 40px;} .joinzwTxt{color: #000000; font-size: 18px;padding-bottom: 40px;padding-top:20px;} .joinzwList li:hover a{background: #115fad;} .joinzwList li:hover .joinzwT{color: #fff;} .joinzwList li:hover .joinzwTxt{color: #fff;} .joinzwList li:hover h1{ color: #fff;} .jointj{overflow: hidden;margin: 120px 0;} .jointjTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .jointjList{overflow: hidden;padding-top: 40px;} .jointjList li{width:25%; float: left;text-align: center;} .jointjImg{margin: 20px;} .jointjImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .jointjImg img:hover{transform: scale(1.1);} .joinfc{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .joinfcTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinfcList{overflow: hidden;padding-top: 40px;} .joinfcList li{width:33.33%; float: left;text-align: center;} .joinfcImg{margin:20px;} .joinfcImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .joinfcImg img:hover{transform: scale(1.1);} .child_join_d{position: relative;width: 100%;} .child_join_d_txt{padding-top:10%;} .join_dTitle{color: #fff;font-size: 22px;line-height: 48px;text-align: center;} .join_dSub{color: #fff;font-size:22px;line-height: 22px;text-align: center;padding: 10px 0; line-height: 32px;} .join_dApply{} .join_dApply a{display: block;background: #115fad;font-size: 18px;text-align: center; padding: 20px 0; color: #fff;width:200px;margin: 0 auto;} .join_dApply:hover a{background: #fff;color: #115fad;} .join_dList{overflow: hidden;background:#F2F2F2;padding: 120px 0 60px 0;} .join_dcon{width: 100%;overflow: hidden;width: 100%; margin: 0 auto;padding-bottom: 00px; font-size: 18px; line-height: 2.0; box-sizing: border-box; padding: 20px;} .join_dT{color: #fff;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon *{ color: #000000;} .join_dcon li{color: #000000;font-size: 14px;padding-left:25px;line-height: 34px;} .join_dList1{overflow: hidden;background: #fff;padding: 50px 0 20px 0;} .join_dcon1{width: 100%;overflow: hidden;width: 100%; margin: 0 auto;padding-bottom: 00px; box-sizing: border-box; padding: 20px;} .join_dT1{color: #080404;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon1 li{color: #000000;font-size: 18px;background: url("../images/icon_disc2.png") no-repeat left center;padding-left:25px;line-height: 34px;} .child_case{position: relative;width: 100%;} .child_case txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case{overflow: hidden;margin: 120px 0;} .caseTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .caseSub{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .caseList{overflow: hidden;} .caseList{overflow: hidden;} .caseList li{float: left;width: 50%;} .caseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .caseL{float: left;width: 40%;overflow: hidden;} .caseR{float: right;width: 60%;padding: 60px 40px;} .caseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover;width: 340px;height: 309px;} .caseImg img{} .caseName{color: #080404; font-weight: bold;font-size: 24px;line-height:30px;} .caseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .caseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .caseList li a:hover{background: #115fad;} .caseList li a:hover .caseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .caseList li a:hover .caseName{color: #fff;} .caseList li a:hover .caseTxt{color:rgba(255,255,255,0.66);} .caseList li a:hover .caseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .caseLx{background: url("../images/case_contact_bg.jpg")no-repeat; background-size: cover;padding: 120px 0;} .caseTel{text-align: center;background: #115fad;padding:15px 80px;width: 300px;margin: 0 auto;} .caseTel a{ color: #fff; font-size: 20px;} .caseTel img{display: block; float: left;} .child_case_d{position: relative;width: 100%;} .child_case_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case_dBj{overflow: hidden;margin: 60px 0} .case_dBjL{float: left;width:60%;padding: 60px;} .case_dT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 60px;} .case_dS{color: #000000;font-size: 18px;line-height: 28px;} .case_dBjR{width:40%; float: right;} .case_dBjR img{width: 100%;} .case_dFa{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .case_dT1{color: #080404;font-size: 38px;line-height: 38px;padding-bottom:60px;text-align: center;} .case_dFaCon{overflow: hidden;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .case_dFaL{width:40%;float: left;} .case_dFaL img{width: 100%;} .case_dFaR{float: right;width:60%;padding:120px;} .case_dFaRT{color: #115fad;font-weight: bold; font-size: 32px;line-height: 32px;padding-bottom: 50px;} .case_dFaRS{color: #000000;font-size: 18px;line-height: 28px;} .case_dWhy{overflow: hidden;margin: 120px 0;} .case_dWhyL{float: left;width:40%;} .case_dWhyL img{width: 100%;} .case_dWhyR{width: 60%;float: right;padding: 60px;} .child_contact{position: relative;width: 100%;} .child_contact txt{color: #fff;font-size: 18px;line-height: 32px; font-weight: bold;background: rgba(17,95,173,0.9); text-align: center; position: absolute;top:30px;padding:20px; left: 30%; width: 40%; } .contact{overflow: hidden;margin: 20px 0; margin-bottom: 20px;} .contactList{overflow: hidden;} .contactList li{float: left; width: 100%; text-align: center;} .contactCon{margin:30px;} .contactImg{} .contactImg img{ width: 100px;} .contactImg1{} .contactImg1 img{border: 1px solid #ddd; width: 120px;} .contactTxt{color: #696969; font-size: 18px;padding:20px 0;} .contacSub{color: #696969; font-size: 18px;} .feedback{background: #f7f7f7;padding: 60px 0;} .feedbackT{color: #080404;font-size: 22px;line-height: 38px;text-align: center;padding-bottom:20px;} .feedbackSub{color: #a7a7a7;font-size: 16px;line-height: 28px;text-align: center;margin-bottom: 20px;} .quoteForm {display: flex;flex-wrap: wrap; flex-direction: column; justify-content: space-between;overflow: hidden;width: 80%;margin: 0 auto;} .quoteForm>input, .quoteForm>select {width: 100%;float: left;height: 56px;line-height: 56px;background-color: #fff;padding: 0 20px;font-size: 18px;color: #696969;border: 1px solid #e1e1e1;margin-bottom:40px;} .quoteForm>select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/jiantou.png) no-repeat right center #fff;color: #858585;} .quoteForm>textarea {width: 100%;float: left;height: 120px;background-color: #fff;padding: 15px 20px;font-size: 18px;line-height: 26px;color: #696969;border: 1px solid #e1e1e1;} .quoteForm>input::-webkit-input-placeholder, .quoteForm>input:-moz-placeholder, .quoteForm>textarea::-webkit-input-placeholder, .quoteForm>textarea:-moz-placeholder {color: #858585;} .quoteForm>button {width: 100%; height: 56px;background-color: #115fad;font-size: 18px;color: #fff;margin-top: 40px;} .child_download{width: 100%;} .child_download txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .download{overflow: hidden;margin:120px 0;} .downloadList{overflow: hidden;} .downloadList li{ width: 33.33%; float: left; text-align: center;} .downloadList li a{display: block;margin: 30px;} .downloadImg{color: #fff; font-size: 24px; font-weight: bold;background: url("../images/download_img1.jpg") no-repeat;background-size: cover;padding: 120px 0;} .downloadTxt{overflow: hidden;background: #f7f7f7;padding: 60px;} .downloadSub{color: #000000; font-size: 18px;line-height: 28px;padding-bottom: 40px;} .downloadA{color: #000000; font-size: 18px;line-height:44px;border: 1px solid #000000;width: 150px; margin: 0 auto;} .downloadList li:hover .downloadA{background: #115fad; color: #fff;border: 1px solid #115fad;} .child_vedio{width: 100%;} .child_vedio txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .vedio{width: 100%;padding:120px 0; overflow: hidden;background: #f7f7f7;} .vedioList{overflow: hidden;} .vedioList li{width: 100%;overflow: hidden;background: #fff;padding: 60px;margin-bottom: 60px;} .vedioL{width: 40%;float: left;} .vedioL a{} .vedioL img{width: 100%;} .vedioR{width:60%; float: right;padding:120px 60px 120px 120px;} .vedioTitle{color: #080404;font-size: 32px;line-height: 38px;padding-bottom:20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .vedioTxt{color: #000000; font-size: 18px;line-height: 28px;} .child_question{position: relative;width: 100%;} .child_question txt{color: #fff;font-size: 22px;line-height: 32px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 40%; left: 30%;} .question{overflow: hidden;background: #f7f7f7; padding: 120px 0;} .questionList{overflow: hidden;} .questionList li{background: #fff;margin-bottom: 40px;padding:40px;} .questionT{overflow: hidden;color: #080404; font-size: 20px;line-height:28px;} .questionT span{background: url("../images/question_icon1.png") no-repeat;width: 50px;height: 28px;display: block; float: left;} .questionT i{float: right; display: block; background: url("../images/question_icon3.png") no-repeat;width: 50px;height: 50px;} .questionC{overflow: hidden; color: #a7a7a7; font-size: 16px;line-height:28px;} .questionC span{background: url("../images/question_icon2.png") no-repeat;width:50px;height: 28px;display: block; float: left;height:80px;} .questionList li:hover .questionT i{background: url("../images/question_icon4.png") no-repeat;} /* .questionList li:hover .questionC{height:80px;} */ .child_news{position: relative;width: 100%;} .child_news txt{color: #fff;font-size: 22px;line-height: 32px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 40%; left: 30%;} .news{overflow: hidden;margin: 20px 0} .newsList{overflow: hidden;} .newsList li{overflow: hidden;width: 100%;background: #f7f7f7; padding: 40px;margin-bottom: 40px;} .newsList li a{display: block;} .newsImg{width:28%;float: left;} .newsImg img{width: 100%;border-radius: 8px;} .newsCon{overflow: hidden; float: right;width:72%;padding: 20px 20px 60px 60px;} .newsClass{color: #115fad; font-size: 18px;} .newsTitle{color: #080404; font-weight: bold; font-size: 22px;padding: 20px 0;} .newsDate{font-size: 15px; color: #000000;border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;} .newsTxt{color: #a7a7a7; font-size: 16px;line-height:28px;} .child_news_d{background: url("../images/banner_news_d.jpg") no-repeat;background-size: cover;height:387px;position: relative;width: 100%;} .child_news_dDate{color: #fff;font-size:16px;padding-top: 120px;padding-bottom: 20px;} .child_news_dTxt{color: #fff;font-size: 32px;line-height: 32px; font-weight: bold;} .news_d{overflow: hidden;margin: 60px 0} .news_dCon{color: #000000; font-size: 16px;line-height:28px; box-sizing: border-box;padding: 10px;} .news_dCon .txt{line-height: 35px;} .news_dCon h1{ line-height: 40px; font-size: 22px;} .news_dCon .news_dDate{ padding: 20px 0;} .child_application{position: relative;width: 100%;} .child_application txt{color: #fff;font-size: 22px;line-height: 32px; font-weight: bold; text-align: center; background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 40%; left: 30%;} .applicationgs{overflow: hidden;margin: 20px 0; margin-bottom: 0 !important; box-sizing: border-box; padding: 10px;} .applicationgsL{width: 50%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 18px;line-height: 28px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationsc{overflow: hidden;background: #f7f7f7; padding: 20px 0;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: url("../images/application_img2.jpg") no-repeat;background-size: cover;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #000000;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #fff; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .child_application_d{position: relative;width: 100%;} .child_application_d txt{color: #fff;font-size: 22px;line-height: 32px; text-align: center; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 60%; left: 20%;} .application_djs{overflow: hidden;margin: 60px 0;} .application_djsL{width: 50%;float: left;padding-right: 60px;} .application_djsLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .application_djsTC{color: #000000; font-size: 18px;line-height: 38px;} .application_djd{overflow: hidden;background: #f7f7f7; padding: 60px 0;} .application_djdT{text-align: center; color: #080404;font-size: 18px;line-height: 38px;padding-bottom: 10px;} .application_djdC{overflow: hidden;} .application_djdImg{width: 55%;float: left;} .application_djdImg img{width: 100%;} .application_djdR{width: 40%;float: right;padding: 120px 0;} .application_djdRT{color: #115fad;font-size:30px;line-height: 38px;padding-bottom: 20px;} .application_djdRC{color: #000000; font-size: 18px;line-height: 28px;} .application_dlb{overflow: hidden;padding: 60px 0; padding-bottom: 130px;} .application_dlb:nth-child(2n+1){background-color: #e2e4e9;} .application_dlbList{overflow: hidden; box-sizing: border-box; padding: 10px;} .application_dlbList h3{ font-size: 20px;} .application_dlbList h1{ height: auto !important; height: 60px; line-height: 60px; text-align: center;} .application_dlbList table{width: 100% !important;} .application_dlbList table th{background: #115fad;color: #fff;font-size: 20px;padding: 20px;} .application_dlbList table td{color: #696969;font-size: 18px;padding: 20px;border-bottom: 1px solid #ddd;} .application_dlbList table a{color: #696969;} .application_dlbList table a:hover{color: #115fad;} .application_dCase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .application_dcaseList{overflow: hidden;} .application_dcaseList li{float: left;width: 50%;} .application_dcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .application_dcaseList li a:hover{background: #115fad;} .application_dcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .application_dcaseList li a:hover .indexcaseName{color: #fff;} .application_dcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .application_dcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .application_dSb{overflow: hidden;padding: 120px 0;} .child_pro{background: url("../images/banner_pro.jpg") no-repeat;background-size: cover !important;position: relative;width: 100%;} .child_pro txt{color: #fff;font-size: 22px;line-height: 32px; text-align: center; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40px;padding:20px; width: 60%; left: 20%;} .pro{overflow: hidden;margin: 40px 0;} .proList{overflow: hidden;} .proList li{float: left;width: 100%;text-align: center;} .proList li:first-child{width: 100%;text-align: left;} .proList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .proList li:first-child>a .indexjsImg{float: left;background-size: cover;width:100%; text-align: center; } .proList li:first-child>a .indexjsR{width: 100%;float: right;background: #fff;} .proList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 40px;} .proList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #000000;font-size:14px;padding:10px; line-height:28px; padding-top: 10px; } .indexjsTxt1{color: #000000;font-size:14px; padding-left: 0 !important;} .indexjsMore{} .indexjsline{height: 2px;background: #fff;width: 100%;} .proList li>a:hover .indexjsName{color: #115fad;} .proList li>a:hover .indexjsline{background: #115fad;} .proList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .pro_listgs{overflow: hidden;margin: 20px 0; box-sizing: border-box; padding: 10px; } .applicationgsL{width: 100% !important;float: left;padding-right: 00px;} .applicationgsnLT{color: #080404;font-size: 18px; font-weight: bold; line-height: 38px;padding-bottom: 20px;} .applicationgsLC{color: #000000; font-size: 14px !important;line-height: 35px;} .applicationgsLC *{ font-size: 14px !important;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationgsR{width: 100% !important;float: right; text-align: right;} .applicationgsR img{width: 100%;} .applicationClass{overflow: hidden;background: #f7f7f7; padding: 20px 0;} .applicationscList{overflow: hidden;} .applicationscList li{width: 100%;float: left;} .applicationscList li a{display: block; margin: 10px;} .applicationscImg{background: #fff;background-size: cover; text-align: center;} .applicationscImg img{width: 100%; max-height: 220px; display: inline-block;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 16px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #000000;padding:15px 10px;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #fff; background: url("../images/icon_more.png") no-repeat center right;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .pro_list_dgs{overflow: hidden;margin: 30px 0;} .pro_list_dcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .footer{width: 100%; overflow: hidden;padding:20px 20px; display: block; background: rgb(0, 94, 173) no-repeat; no-repeat;background-size: cover;} .footerL{float: left; width: 100%;} .footerLogo{padding-bottom: 21px; text-align: center;} .footerLogo img{width: 180px; display: inline-block;} .footerweixin{text-align: center;} .footerweixin img{width: 130px;} .footerweixin p{color: #ffffff; font-size: 13px;padding-top: 0px;} .footerR{width: 100%; float: right;padding-bottom: 20px; box-sizing: border-box; padding: 0 20px 30px 20px;} .footerLeft {width:100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .footerBox {float: left; width: 100%;} .footerTitle {display: block;overflow: hidden;font-size:15px;color: #fff;font-weight: bold;margin-bottom:10px;} .footerList {display: block;overflow: hidden;} .footerList>li {display: block;overflow: hidden;line-height:32px;} .footerList>li>a {font-size:14px;color: #7fa6cb; font-weight: normal;} .footerList>li>a:hover {color: #fff;} .footerRight {width:100%;float: right; padding-top: 20px;} .footerTel{font-size: 22px;color: #fff; font-weight: bold;} .footerTel img{padding-right: 20px;} .footerday{color: #7fa6cb; font-size: 14px;padding: 10px 0; font-weight: bold;} .footerNav{} .footerNav a{display: block;float: left;padding-right: 20px;} .copyright {width: 100%;display: flex; flex-direction: column; text-align: center; background-color: rgb(6, 73, 130); color: #7fa6cb;font-size:13px;padding-top: 10px; justify-content: flex-start; box-sizing: border-box; padding: 0 10px;} .copyright a {color: #7fa6cb;margin: 0 0px;} .copyright a:hover {color: #fff;} .footer .left{ display: block; float: left; width: 30%;} .footer .right{ display: block; float: right; width: 70%;} .footerline{ border-bottom: 1px solid rgba(255,255,255,.3);} .overflow{overflow: hidden;} .padding{padding: 0px 0; padding-top: 20px;} .support{} .support h1{ font-size: 22px; margin: 5px 0; color: #fff; font-weight: bold; } .support h2{ font-size: 16px; line-height: 1.75; color: #fff; padding-top: 15px;} .support a{ display: block; width: 208px; height: 48px; background: #ffffff; font-size: 16px; color: #fff; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #0091dc; margin: 0 auto; } .support a::before { content: ''; width: 100%; height: 100%; background: #0091dc; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .support a:hover::before{ width: 0; opacity: 0; } .support a:hover{ color: rgb(0, 0, 0);} #backToTop { position: fixed; bottom: 2rem; right: 10px; bottom: 50px; background-color: #0091dc; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.3s; cursor: pointer; border: none; } #backToTop:hover { background-color: #0091dc; } #backToTop:focus { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); } #backToTop.visible { opacity: 1; visibility: visible; } #backToTop i{ font-size: 22px; font-weight: 100;} .mainleft{ display: none; float: left; width: 280px;} .about_title{display:block; overflow:hidden; padding:15px 0; color:#fff; text-align:center;background-size: cover; position: relative; background-color:#115fad; padding: 24px 0;} .about_title::before{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; top:0px; left: 10px; transform: rotate(125deg);} .about_title::after{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; bottom:0px; right: 10px; transform: rotate(125deg);} .about_p { line-height: 35px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 30px; font-weight: bold; } .about_sp { line-height: 30px; font-size: 22px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: bold; } .mainright{ display: block; float: right;width: 100%; box-sizing: border-box; padding: 10px;} .leftnav{ display: block; padding-top: 30px;} .leftnav ul{ display: block; } .leftnav ul li{ display: block; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; box-sizing: border-box; } .leftnav ul li a{ font-size: 18px; font-weight: normal; display: block; padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: url(../images/icon_navchild.png) no-repeat right; } .leftnav ul li a:hover{ background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .leftnav ul li ul{ display: none; } .leftnav ul li:hover ul{ display: block; } .leftnav ul li ul li{ display: block; line-height: 40px; font-size: 16px; color: #000000; font-weight: normal; box-sizing: border-box; } .leftnav ul li ul li a{ color: #000000; padding: 5px 15px; display: block; width: 100%; font-size: 15px; background:none; text-indent: 20px; transition: none; } .leftnav ul li ul li a:hover{background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .serachbutton{ display: none; transition: all 1s ease; height: 0px; overflow: hidden; width: 100%; background-color: #fff; position: absolute; z-index: 999999999999; border-top: 1px solid #a7a7a7; left: 0; top:88px; box-sizing: border-box; padding: 17px 100px;} .serachbutton form{ display: block; width: 600px; margin: 0 auto; display: flex; flex-flow: row nowrap;} .serachbutton form input{ display: block; width: 90%; outline: none; border: none; border-bottom: 1px solid #E9E9E9; font-size: 18px;} .serachbutton form button{ background: none; outline: none; border: none; } .serachbutton form button img{ } .serachbutton.on{ height: 70px; display: block;} .bottom{ padding: 20px 0; box-sizing: border-box; padding: 20px 0px;} .bottom .left{ display: block; float: left; width: 100%; text-align: center;} .bottom .right{ display: block; float: right; width: 100%; padding-top: 20px; text-align: center;} .bottom .right a{ margin: 0 auto;} .bottom .left h1{ color: #fff;} .bottom .left h2{ color: #fff;} .bottom .wrap.padding{ border-bottom: 1px solid #fff;} img{max-width: 100%;} .yangping{ display: block; width: 80%; margin: 0 auto;} .yangping > ul{ margin: 10px auto; box-sizing: border-box; padding: 10px; border: 1px solid #e9e9e9;} .text-center{ text-align: center;} .btn{ display: block; width: 208px; height: 48px; background: #f7f7f7; font-size: 16px; color: #115fad; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #115fad; border-radius: 30px; } .btn::before { content: ''; width: 100%; height: 100%; background:none; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .btn:hover::before{ width: 0; opacity: 0; } .btn:hover{ color: rgb(0, 0, 0);} /* 表格整体样式 */ .custom table { width: 100%; border-collapse: collapse; text-align: left; font-family: Arial, sans-serif; } /* 表头样式 */ .custom table thead th { background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; font-weight: bold; } /* 表体单元格样式 */ .custom table tbody td { border: 1px solid #e2e4e9; padding: 10px; } /* 所有表体行的背景色（默认白色） */ .custom table tbody tr { background-color: #e2e4e9; } .custom table tbody tr td{ font-size: 12px ; line-height: 20px;} .custom table tr:nth-child(1){ background: #0091dc; height: 44px;} .custom table tr:nth-child(1) td{ color: #fff; font-size: 18px; font-weight: bold; background-color: #0091dc !important;} /* 奇数行的背景色 */ .custom table tbody tr:nth-child(odd) { background-color: #ffffff; } .custom table tbody tr:nth-child(even) { background-color: #f7f7f7; } /* 鼠标悬停行的背景色 */ .custom table tbody tr:nth-child(odd):hover { background-color: #f1f1f1; } .custom table tbody tr:nth-child(even):hover { background-color: #f1f1f1; } .custom table *{ font-size: 14px !important;} .joinzw{ display: block; padding: 20px 0; text-align: center; width: 100%; padding-bottom: 20px;} .sl{ display: block; padding-top: 50px; text-align: center; box-sizing: border-box; padding: 10px;} .left{ dsisplay:block; width: 100%; float: left;box-sizing: border-box;} .right{ dsisplay:block; width: 100%; float: left;box-sizing: border-box;} .left img,.right img{ width: 100%;} .left{ padding-right: 0px; } .right{ padding-left: 0px; } .right img:first-child{ margin-bottom: 20px;} .syszj{ display: block; padding: 60px 0; overflow: hidden; text-align: center; background: url(../images/sysjz.jpg) no-repeat center center; background-size: cover; width: 100%;} .zllist{display: block; width: 100%; padding-top: 50px; box-sizing: border-box; padding: 10px;} .zllist li{ display: block; width: 100%; margin-right: 0%; float: left; background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 10px;} .zllist li:nth-child(4n){ margin-right: 0;} .zllist li > img{ width: 100%;} .zllist li h1{ font-size: 22px; padding: 20px; padding-top: 45px;} .zllist li span.line{ display: block; margin: 0 auto; width: 50px; height: 1px; background: #dfdfdf;} .zllist li .nr{ padding: 15px 0; line-height: 30px; font-size: 18px;} .zllist li .icon img{ float: right; margin-right: 20px; margin-bottom: 20px; margin-top: 10px;} .cxyf{display: block; padding: 60px 0; background: #f5f7f9; overflow: hidden; } .cxlist{ display: block; padding-top: 50px; overflow: hidden; box-sizing: border-box; padding: 10px;} .cxlist li{ display: block; width: 100%; box-sizing: border-box; float: left; padding: 10px 10px 10px 0; position: relative;} .cxlist li img{ width: 100%;} .cxlist li span{ position: absolute; bottom: 50px; left: 50px; font-size: 26px; color: #fff;} .cxicon{ display: block; width: 100%; margin-top: 100px; background: #fff; display: flex; flex-direction: column; justify-content: space-between; align-items: center;} .cxicon li{ width: 100%; text-align: center;} .cxicon li .img{margin-top: -50px;} .cxicon li h1{ padding: 25px; color: #115fad;} .cxicon li p{ padding: 10px; padding-bottom: 50px;} .bzh{ background: none;display: block; padding: 60px 0;} .bzh .sw{ padding-top: 50px;} .btnarr { display: block; width: 100%; margin-top: 20px;} .btnarr a{ display: block; width: 49.5%; float: left; height: 45px; position: relative;} .btnarr a span.line{ display: block; width: 100%; height: 1px ; background: #d4d4d4; margin-top: 22px;} .btnarr a span.icon{ display: block; width: 50px; height: 45px; position: absolute; top:0;right: 0; } .btnarr a.l span.icon{ background: url(../images/aoff.png) no-repeat center right #fff;;} .btnarr a.l span.icon:hover{ background: url(../images/aon.png) no-repeat center right #fff;;} .btnarr a.r { float: right;} .btnarr a.r span.icon{ float: right;background: url(../images/a1off.png) no-repeat center left #fff;; left: 0;} .btnarr a.r span.icon:hover{ background: url(../images/a1on.png) no-repeat center left #fff;;} .zzzs{display: block; width: 100%; margin: 0 auto;} .zzzs .icon{ background:url(../images/bg02.png) no-repeat center center; line-height: 62px; color: #000; text-align: center; margin-bottom: 20px;} .zzzs:hover .icon{ background:url(../images/bg01.jpg) no-repeat center center; line-height: 62px; color: #115fad;} .zzzs .body{ display: block; box-sizing: border-box; width: 100%; padding: 0px;border-radius: 8px; margin-bottom: 10px; } .zzzs .body img{ width: 100%;} .gsry{ display: block; padding: 60px 0 60px 0; width: 100%; background: url(../images/zzbg.jpg) no-repeat center top; overflow: hidden; background-size: cover;} .rylist{ display: block; width: 100%; padding-top: 50px; overflow: hidden;} .rylist li{ width: 100%; float: left; margin-right: 0%; box-sizing: border-box; padding: 25px 30px 80px 30px; background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); } .rylist li:nth-child(3n){ margin-right:0;} .rylist li .line{ height: 1px; display: block; width: 100%; background: #d0d0d0; margin-bottom: 30px;} .rylist li h1{ font-size: 22px; color: #0270c9; padding: 20px 0;} .rylist li .nr{ font-size: 18px; line-height: 1.5; } .picnews{overflow: hidden; margin-top:30px} .picnews li{overflow: hidden;width: 100%;background: #fff; padding: 0px;margin-bottom: 40px;} .picnews li a{display: block;} .picnews li a .img{ display: block; width: 100%; float: left; background:#f9f9f9 ; text-align: center; box-sizing: border-box; padding: 20px;} .picnews li a .img img{ width: 100%;} .picnews li a .con{ display: block;width: 100%; float: left; background: #fff; box-sizing: border-box; padding: 15px 15px 15px 25px;} .picnews li a .con .btns{ display: block; width: 120px; height: 40px; line-height: 40px; background: #115fad; color: #fff; text-align: center; border-radius: 5px; margin-top: 30px;} .txtnews{ display: block; width: 100%; padding-top: 45px;} .txtnews li{ display: block; width: 100%; margin-right:0%; float: left; border-top: 4px solid #115fad; background: #fff; padding: 0 20px;} .txtnews li:nth-child(4n){ margin-right: 0;} .txtnews li a{ display: block; width: 100%;} .txtnews li a .newsCon{ display: block; width: 100%; padding: 0;} .txtnews li a .newsCon .newsDate{ font-size: 14px; padding: 20px 0; border: none; margin: 0;} .txtnews li a .newsCon .newsTitle{ font-size: 16px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 50px;} .txtnews li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; height: 160px;} .btns{ display: block; text-align: right; box-sizing: border-box; padding-right: 20px; padding-bottom: 0px; color: #115fad; font-weight: bold;} .btns i{ margin-left: 10px; font-weight: 200; transition: all .3s ease-in-out;} .btns:hover i{ margin-left: 15px;} .btns a{ color: #115fad; font-weight: bold;} .aboutjoin1{ padding: 10px;} a.btnblue{ display: block; color: #115fad; font-weight:bold;} a.btnblue:hover{ color: #115fad; text-decoration: underline;} a.btnblue i{ margin-left: 10px; transition: all 0.3s ease-in-out;} a.btnblue:hover i{ margin-left: 15px;} .picnewss{ display: block; width: 100%; padding-top: 10px; overflow: hidden;} .picnewss li{ display: block; width: 100%; margin-right: 0%; float: left; background: #fff; padding:0 0 20px 0;} .picnewss li:nth-child(3n){ margin-right: 0;} .picnewss li a{ display: block; width: 100%;} .picnewss li a .img{ display: block; width: 100%;} .picnewss li a .img img{ width: 100%; } .picnewss li a .newsCon{ display: block; width: 100%; padding: 10px;} .picnewss li a .newsCon .newsDate{ font-size: 14px; padding: 0px 0; border: none; margin: 0;} .picnewss li a .newsCon .newsTitle{ font-size: 16px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold;} .picnewss li a .newsCon .newsTxt{ padding-bottom: 10px; font-size: 14px; line-height: 1.5; padding-top: 10px;} /**底部**/ .botms{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#115fad;} .bottoms ul{margin:0.5em auto;} .bottoms ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; } .bottoms ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} .bottoms ul li img{height:2em;} } @media screen and (min-width: 1700px) { .phone{ display:none !important;} html,body{ display: block; min-width: 1700px;} body{background: #fff; font-size:14px; font-family: "Microsoft YaHei", "微软雅黑", SimHei, "黑体", Arial, Helvetica, sans-serif;color:#080404;} .wrap{ width:90%; margin:0 auto; display: block;} .header {width: 100%;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 12;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .header>.wrap {display: -webkit-flex; /* Safari */ display: flex;-webkit-justify-content: space-between; /* Safari */ justify-content: flex-start;} .headerActive {box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .logo {padding: 20px 0;} .logo>a {width: 216px;} .logo img {width: 100%;display: block;height: auto; max-height: 48px;} .navlist {width: 61.25%;display: flex;} .nav {width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start; margin-left: 70px; } .nav>li {height: 100%;float: left;position: static; padding-top:15px } .nav>li>a {width: 100%; display: block; float: left;overflow: hidden;height: 100%;text-align: center;font-size:18px;color: #080404;display: flex;align-items: center;align-content: center;justify-content: center;transition:all 0s linear !important; padding: 0px 30px; } .nav>li:hover>a,.nav>li.liActive>a {color: #115fad;font-weight: bold;} .nav>li:hover>a::after,.nav>li.liActive>a::after {width: 100%;} .nav>li.on > a{ border-radius: 0px 25px 0 0; background:#115fad ; color: #fff;} .navChild {display:none; flex-flow: row nowrap; justify-content: flex-start; float: left; left: 10px; width: 60%; background-color:#fff;position: absolute;top: 100%;z-index: 9;padding: 0px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navChildL{float: left;color: #115fad;font-weight: bold; font-size: 32px;line-height: 40px;padding-top: 20px; width: 190px;height: 80vh;} .navChild { display: none; flex-flow: row nowrap; justify-content: flex-start;} .navChild .left{ display: block; overflow-y: scroll; height: 80vh; } .navChild .left ul{ display: block; width: 333px; padding-top: 20px;} .navChild .left ul li{ line-height: 58px; text-indent: 40px;} .navChild .left ul li:hover{ background: #f3f5f9;} .navChild .left ul li.on{ background: #f3f5f9;} .navChild .left ul li a{ display: block; height: 100%; font-size: 15px; font-weight: bold;} .navChild .right{ display: block; height: 100%; flex: 1; height: 80vh; overflow: hidden;} .navChild .right .list{ display: none; overflow: hidden; } .navChild .right .list h1{ display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 0 30px; font-size: 20px; font-weight: bold; height: 105px; line-height: 105px; color: #ffffff; background: #115fad; } .navChild .right .list h1 span{ display: inline-block; float: right; height: 45px; line-height: 45px; color: #fff; background: #ea5b25; box-sizing: border-box; border-radius: 20px 0 20px 0 ; font-size: 15px; padding: 0 25px; } .navChild .right .list h1 span a{ color: #fff; font-size: 15px; line-height: 45px; } .navChild .right .list:first-child{ display: block;} .navChild .right .list ul{ display: block; padding: 0 15px; overflow-y: scroll; height: -webkit-calc(80vh - 110px); /* Safari 6, Chrome 19-25 */ height: -moz-calc(80vh - 110px); /* Firefox 4-15 */ height: calc(80vh - 110px); } .navChild .right .list ul li{ line-height: 58px; text-indent: 40px; border-bottom: 1px solid #ebebeb;} .navChild .right .list ul li:hover{ background: #f3f5f9;} .xl{ position: relative !important;} .xl ul{ display: none; position: absolute; left: 0; top:88px; width: 130%;} .xl ul li{ display: block; width: 100%; line-height: 38px; color: #fff;} .xl ul li a{ display: block; width: 100%; line-height: 38px; color: #fff; border-bottom: 1px solid transparent; font-weight: bold;} .xl ul li:hover a{ border-bottom: 1px solid #fff; font-size: 15px; } .xl.on ul{ display: block; background: #115fad; box-sizing: border-box; padding: 10px 20px;} .navChild>ul{float: right;width:280px;} .navChild>ul>li>a {display: block;overflow: hidden;height:60px;line-height: 60px;font-size: 18px;color: #676767;white-space: nowrap;border-bottom: 1px solid #e9e9e9;background: url("../images/icon_navchild.png") no-repeat center;background-position: 240px;} .navChild>ul>li:hover>a {color: #115fad;background: url("../images/icon_navchild_on.png") no-repeat center #f3f5f9; box-sizing: border-box; padding: 0 10px; background-position: 250px;} .nav>li.on .navChild {display: flex; border: 8px solid #115fad; border-radius: 20px 0 0 0 ; } .navChild>ul{ position: relative;} .navChild>ul>li> ul{ display: none; position: absolute; top:0; left: 100%; width: 350px; } .navChild>ul>li:hover> ul{ display: block; box-sizing: border-box; padding-left: 30px; } .navChild>ul>li> ul>li{ width: 50%; float: left; box-sizing: border-box; padding: 5px;} .navChild>ul>li> ul>li>a{ display: block; width: 100%; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 36px; color: #676767; } .navChild>ul>li> ul>li>a:hover{ color:#115fad ;} .subnav{ display: block; text-align: center; margin-top: -30px; padding-bottom: 00px; } .subnav>li{ display: inline-block; line-height: 35px; padding: 0 10px; } .subnav>li>a{ color: #115fad;font-size: 22px; line-height: 35px; background:none; display: inline-block; padding: 5px 20px;} .subnav>li>a:hover{ background:rgba(17, 95, 173, 0.9) ; color: #fff; } .subnav>li.on>a{ background: rgba(17, 95, 173, 0.9) ; color: #fff; } .language{margin:31px 0 0 0 ; margin-left: auto; box-sizing: border-box; padding-top: 6px; } .language li{float: left;} .language i{display: block; width:1px;height:22px;background: #d7d7d7;float: left;margin: 0 20px;} .language li img{float: left;} .language li span{font-weight: bold;font-size:18px;padding-left: 10px; color: #818181;} .language form{ display: block; } .language form input{ width: 180px; height: 25px; line-height: 25px; box-sizing: border-box; padding: 5px; border: 1px solid #d7d7d7; margin-right: 20px;} .language form input:focus{outline: none;} .language form button{ background: none; display: flex; align-items: center; justify-content: space-between} .language form button{ font-size: 16px; font-weight: bold; border: none; outline: none; color: #818181;} .language form button img{ margin-right: 10px;} .banner {width: 100%;position: relative;overflow: hidden;} .bannerSwiper img {width: 100%;display: block;height: auto;} .bannerSwiper .swiper-pagination {opacity: 1;bottom: 15px;display: flex;justify-content: center;} .bannerSwiper .swiper-pagination-bullet {width:14px;height: 14px;float: left;background: #fff;opacity: 0.5;} .bannerSwiper>.swiper-pagination-bullets .swiper-pagination-bullet,.bannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .bannerSwiper .swiper-pagination-bullet-active {opacity: 1;background: #fff;} .bannerSwiper:hover .swiper-pagination {opacity: 1;} .bannerSwiper .banner-prev,.bannerSwiper .banner-next {left: 2%;top: 50%;position: absolute;z-index: 9;transform: translateY(-50%);font-size: 60px;color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);opacity: 0;outline: none;cursor: pointer;} .bannerSwiper .banner-next {left: initial;right: 2%;} .bannerSwiper:hover .banner-next,.bannerSwiper:hover .banner-prev {opacity: 1;} .indexapp{overflow: hidden;margin: 60px 0;} .indexTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size:clamp(22px,3.5vw,36px);line-height: 40px;} .indexSub{color: #a7a7a7;font-size: 18px;line-height: 18px;padding:27px 0 30px 0; display: none;} .indexappList{overflow: hidden; padding-top: 50px;} .indexappList li{float: left;width: 33.3333%;position: relative;} .indexappList li a{display: block; margin:10px;} .indexappImg{overflow: hidden;width: 100%;} .indexappImg:hover{transform: scale(1);} .indexappImg img{border-radius: 0px;width: 100%; display: block;} .indexappName{position: absolute;bottom:0px;left: 00px;font-size: 15px; line-height: 50px; color: #000000; width: 100%; text-align: center; background: #F2F2F2} .indexappList li a{ position: relative;} .indexappList li:hover .indexappName{ background: rgb(0, 94, 173) ; color: #fff; text-align: center;} .indexjs{overflow: hidden;background: #f7f7f7;padding: 30px 0; } .indexjsList{overflow: hidden; padding-top: 30px;} .indexjsList li{float: left;width: 33.33%;text-align: center;} .indexjsList li:first-child{width: 100%;text-align: left;} .indexjsList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .indexjsList li:first-child>a .indexjsImg{float: left;background: url("../images/index_pro_img1.jpg") no-repeat;background-size: cover;width:40%; } .indexjsList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .indexjsList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 0px;} .indexjsList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #898989;font-size:14px;padding: 40px;line-height:28px;} .indexjsline{height: 2px;background: #fff;width: 100%;} .indexjsList li>a:hover .indexjsName{color: #115fad;} .indexjsList li>a:hover .indexjsline{background: #115fad;} .indexjsList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexabout{overflow: hidden; background-size: cover; box-sizing: border-box; padding: 30px;} .indexaboutL{width:55%; float: left;padding:40px 40px 0 0;background: #f0f1f3; padding: 30px; box-sizing: border-box; height: 100%;} .indexaboutTitle{overflow: hidden;} .indexaboutCn{color: #000000; font-weight: bold;font-size: 36px;line-height: 40px;} .indexaboutSub{color:rgba(255, 255, 255, 0.66);font-size: 18px;line-height: 18px;padding:20px 0 30px 0;} .indexaboutCon{font-size: 14px; color: #000000;line-height: 28px;height: 145px;overflow: hidden;} .indexaboutMore{overflow: hidden; margin-top: 30px;background: url("../images/icon_more.png") no-repeat center;background-position: 70px;} .indexaboutMore a{color: rgb(0, 94, 173);font-size: 15px; transition: all .3s ease; display:inline-block; padding-right: 20px; background-size: auto 50%;} .indexaboutMore a i{ font-size: 22px; margin-left: 5px; float: right;transition: all .3s ease;} .indexaboutMore:hover a i{ background-position: 98% center; margin-left: 10px;} .indexaboutR{width:45%; float: right;overflow: hidden;display: block;background-size: cover;background: #f0f1f3; box-sizing: border-box; padding: 30px;} .indexaboutR a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; } .indexaboutR video{width: 100%; object-fit: cover; border-radius: 10px;} .indexabout .wrap{ display: flex;align-items: stretch; flex-flow: row nowrap;background: #f0f1f3;} .indexcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .indexcaseList{overflow: hidden;} .indexcaseList li{float: left;width: 50%;} .indexcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .indexcaseList li a:hover{background: #115fad;} .indexcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexcaseList li a:hover .indexcaseName{color: #fff;} .indexcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .indexcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .indexhz{overflow: hidden;background: #f0f1f3; background-size: cover;padding: 60px 0; padding-bottom: 130px;} .indexhzTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size:clamp(22px,3.5vw,36px);line-height: 40px;} .indexhzSub{color:rgba(0, 0, 0, 0.66);font-size: 18px;line-height: 18px;padding:27px 0 60px 0;} .indexhzList{overflow: hidden; padding: 50px 100px 0 100px;} .indexhzList li{width: 12.5%; text-align: center;float: left; box-sizing: border-box; padding: 5px; } .indexhzList li img{object-fit: fill; max-width: 100%; height: 100%; } .indexhzList li a{display: block; margin:0 15px; width: 100%; height: 100%;} .indexhzList li a img{max-width: 100%;border-radius: 8px;transition: all 0.8s linear; height: 100%; object-fit: cover;} .indexhzList li:hover a img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexnews{overflow: hidden;background: #fff; padding: 35px 0;} .indexnewsList{overflow: hidden; padding-top: 30px;} .indexnewsList li{float: left; width: 33.33%;} .indexnewsList li a{display: block;overflow: hidden;margin: 30px;background: url("../images/index_news_img.jpg") no-repeat; background-size: cover;border-radius: 15px;padding:50px;transition: background 1s;} .indexnewsCon{overflow: hidden;} .indexnewsClass{color: #fff;font-size: 18px;} .indexnewsName{color: #fff;font-size:24px;font-weight: bold;padding:40px 0;line-height: 30px;} .indexnewsTxt{color:rgba(0,0,0,0);font-size: 18px;line-height: 30px;height: 100px;} .indexnewsDate{overflow: hidden;border-top: 1px solid rgba(255,255,255,0.43);padding-top: 50px;margin-top: 50px;} .indexnewsDay{color: #fff; font-size: 58px;line-height: 58px;float: left;} .indexnewsR{float: right;text-align: right;} .indexnewsYear{font-size:20px; color: #fff;padding-bottom: 10px;} .indexnewsMore{color: rgb(0, 94, 173);font-size: 15px;background: url("../images/icon_more.png") no-repeat;width: 20px;height: 14px;float: right;} .indexnewsList>li>a:hover{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .indexnewsList>li>a:hover .indexnewsClass{color: #000000;} .indexnewsList>li>a:hover .indexnewsName{color: #080404;} .indexnewsList>li>a:hover .indexnewsTxt{color: #000000;line-height: 30px;height:150px;} .indexnewsList>li>a:hover .indexnewsDate{border-top: 1px solid #e1e1e1;} .indexnewsList>li>a:hover .indexnewsDay{color: #115fad;} .indexnewsList>li>a:hover .indexnewsYear{color: #080404;} .indexnewsList>li>a:hover .indexnewsMore{background: url("../images/icon_more_on.png") no-repeat;} .dw{width: 100%;background: #f7f7f7;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color: #a7a7a7;font-size: 16px;line-height:60px;} .dw a{color: #000000;} .dw span{color: #115fad;} .child_about{position: relative;width: 100%;} .child_about txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .aboutjj{overflow: hidden;} .aboutjjL{background: url("../images/index_about_bg.jpg") no-repeat;background-size: cover;width:55%; float: left;padding:120px 120px 120px 5%;} .aboutjjTitle{overflow: hidden;} .aboutjjCn{color: #fff; font-weight: bold;font-size: 40px;line-height: 40px;} .aboutjjSub{color:rgba(255,255,255,0.66);font-size: 18px;line-height: 18px;padding:20px 0 60px 0;} .aboutjjCon{font-size: 18px; color: #fff;line-height: 28px;height:229px;overflow: hidden;} .aboutjjR{width:45%; float: right;overflow: hidden;display: block;background: url("../images/index_vedio_img.jpg") no-repeat;background-size: cover !important;height: 609px;} .aboutjjR a{} .aboutxq{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .aboutxqTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .aboutxqList{overflow: hidden;margin-top: 60px;} .aboutxqList li{width: 20%;float: left;text-align: center;} .aboutxqimg{} .aboutxqimg img{} .aboutxqtxt{color: #000000; font-size: 22px;padding-top: 30px;} .aboutjoin{overflow: hidden;margin: 120px 0;} .aboutjoinL{float: left;width:40%;} .aboutjoinL img{width: 100%;} .aboutjoinR{width:55%;float: right;} .aboutjoinTitle{color: #080404;font-size: 38px;line-height: 38px;margin-bottom: 60px;} .aboutjoinTxt{color: #000000;font-size: 18px;line-height: 28px;} .aboutjoinMore{font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .aboutjoinMore a{color: #115fad;} .aboutjoinMore:hover{background: url("../images/icon_more_on.png") no-repeat right center;background-position:80px;} .child_join{position: relative;width: 100%;} .child_join txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .joinhy{overflow: hidden;margin: 120px 0;} .joinhyTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .joinhyImg{width: 68%; text-align: center;margin: 0 auto;} .joinhyImg img{width: 100%;} .joinhyImg video{ width: 100%;} .joinwh{overflow: hidden;} .joinwhTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinwhList{overflow: hidden;margin: 60px 0;} .joinwhList li{width: 100%;overflow: hidden;background: #f7f8fa; margin-bottom: 15px;rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; animation-name: fadeInUp; } .joinwhImg{width:50%;} .joinwhImg img{width: 100%; display: block;} .joinwhR{width: 50%;padding-left: 120px;} .joinwhT{padding-top: 150px;} .joinwhTxt{padding-top: 30px;} .joinwhList>li.one .joinwhImg{float: left;} .joinwhList>li.one .joinwhR{float: right;} .joinwhList>li.one .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.one .joinwhTxt{color: #000000;font-size:18px;line-height:26px;} .joinwhList>li.two .joinwhImg{float: right;} .joinwhList>li.two .joinwhR{float: left;} .joinwhList>li.two .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.two .joinwhTxt{color: #000000;font-size:18px;line-height:26px} .joinwhList>li.two.nobg{ background:none !important;} .aboutpage{overflow: hidden;margin: 60px 0; padding: 0 100px;} .aboutpage .joinhyTitle{ position: relative; padding-bottom: 33px; margin-bottom: 40px; color: #080404; font-size: 36px;} .aboutpage .joinhyTitle:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 86px; height: 3px; margin: auto; background:#f7b018; } .aboutpage .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:100%; text-align: left;margin:40px auto;} .aboutpage .joinhyImg{width: 100%; text-align: center;margin: 0 auto; box-sizing: border-box;} .aboutpage .joinhyImg img{width: 100%;} .aboutpage .joinhyImg video{ width: 100%;} .aboutpage .wrap{ box-sizing: border-box; padding: 0 0%;} .yuanjing{margin: 0px auto;} .yuanjing ul{overflow: hidden; padding: 70px 0;} .yuanjing ul li{ width: 24.5%; padding: 0 2.5%; float: left; border-left: 1px solid #e1e1e1; display: block; text-align: center; box-sizing: border-box;} .yuanjing ul li:first-child{ border:none} .yuanjing ul li h1{color: rgba(17,95,173,1);font-size: 24px;margin-bottom: 20px;} .yuanjing ul li div{color: #666666;font-size: 16px;line-height: 24px;min-height: 75px;} /* .joinwhList li:hover{background: #115fad; } .joinwhList li:hover .joinwhT{color: #fff;} .joinwhList li:hover .joinwhTxt{color: #fff;} */ .joinzw{overflow: hidden;background: #f7f7f7;padding: 0px 0;} .joinzwTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinzwList{overflow: hidden;padding-top: 40px;} .joinzwList li{width:33.33%; float: left;text-align: center;} .joinzwList li a{display: block; margin: 30px;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .joinzwList li.joinlist:hover a{ background: none;} .joinzwList li.joinlist a:hover{ background: none;} .joinzwList li.joinlist { padding-top: 27%; position: relative; text-align: center;} .joinzwList li.joinlist a{ display: inline; background: none; position: absolute; top :50%; font-size: 26px; } .joinzwImg{} .joinzwImg img{width: 100%;} .joinzwImg h1{ line-height: 45px; text-align: center;} .joinzwT{color: #080404;font-size: 28px;padding-top: 40px;} .joinzwTxt{color: #000000; font-size: 18px;padding-bottom: 40px;padding-top:20px;} .joinzwList li:hover a{background: #115fad;} .joinzwList li:hover .joinzwT{color: #fff;} .joinzwList li:hover .joinzwTxt{color: #fff;} .joinzwList li:hover h1{ color: #fff;} .jointj{overflow: hidden;margin: 120px 0;} .jointjTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .jointjList{overflow: hidden;padding-top: 40px;} .jointjList li{width:25%; float: left;text-align: center;} .jointjImg{margin: 20px;} .jointjImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .jointjImg img:hover{transform: scale(1.1);} .joinfc{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .joinfcTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinfcList{overflow: hidden;padding-top: 40px;} .joinfcList li{width:33.33%; float: left;text-align: center;} .joinfcImg{margin:20px;} .joinfcImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .joinfcImg img:hover{transform: scale(1.1);} .child_join_d{position: relative;width: 100%;} .child_join_d_txt{padding-top:10%;} .join_dTitle{color: #fff;font-size: 48px;line-height: 48px;text-align: center;} .join_dSub{color: #fff;font-size:22px;line-height: 22px;text-align: center;padding: 50px 0;} .join_dApply{} .join_dApply a{display: block;background: #115fad;font-size: 18px;text-align: center; padding: 20px 0; color: #fff;width:200px;margin: 0 auto;} .join_dApply:hover a{background: #fff;color: #115fad;} .join_dList{overflow: hidden;background: #F2F2F2;padding: 50px 0 60px 0;} .join_dcon{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px; font-size: 18px; line-height: 2.0;} .join_dT{color: #fff;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon *{ color: #000;} .join_dcon ul{list-style-type: disc; padding-left: 20px;} .join_dcon li{color: #fff;font-size: 18px; list-style-type: decimal; list-style: decimal; padding-left:25px;line-height: 34px;} .join_dcon ul li::marker { /* 恢复默认圆点，可指定颜色和大小 */ content: "•"; color: #000; /* 确保颜色可见 */ font-size: 1em; /* 与文本大小匹配 */ } .join_dList1{overflow: hidden;background: #fff;padding: 50px 0 20px 0;} .join_dcon1{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px;} .join_dT1{color: #080404;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon1 li{color: #000000;font-size: 18px;background: url("../images/icon_disc2.png") no-repeat left center;padding-left:25px;line-height: 34px;} .child_case{position: relative;width: 100%;} .child_case txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case{overflow: hidden;margin: 120px 0;} .caseTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .caseSub{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .caseList{overflow: hidden;} .caseList{overflow: hidden;} .caseList li{float: left;width: 50%;} .caseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .caseL{float: left;width: 40%;overflow: hidden;} .caseR{float: right;width: 60%;padding: 60px 40px;} .caseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .caseImg img{} .caseName{color: #080404; font-weight: bold;font-size: 24px;line-height:30px;} .caseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .caseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .caseList li a:hover{background: #115fad;} .caseList li a:hover .caseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .caseList li a:hover .caseName{color: #fff;} .caseList li a:hover .caseTxt{color:rgba(255,255,255,0.66);} .caseList li a:hover .caseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .caseLx{background: url("../images/case_contact_bg.jpg")no-repeat; background-size: cover !important;padding: 120px 0;} .caseTel{text-align: center;background: #115fad;padding:15px 80px;width: 300px;margin: 0 auto;} .caseTel a{ color: #fff; font-size: 20px;} .caseTel img{display: block; float: left;} .child_case_d{position: relative;width: 100%;} .child_case_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case_dBj{overflow: hidden;margin: 60px 0} .case_dBjL{float: left;width:60%;padding: 60px;} .case_dT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 60px;} .case_dS{color: #000000;font-size: 18px;line-height: 28px;} .case_dBjR{width:40%; float: right;} .case_dBjR img{width: 100%;} .case_dFa{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .case_dT1{color: #080404;font-size: 38px;line-height: 38px;padding-bottom:60px;text-align: center;} .case_dFaCon{overflow: hidden;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .case_dFaL{width:40%;float: left;} .case_dFaL img{width: 100%;} .case_dFaR{float: right;width:60%;padding:120px;} .case_dFaRT{color: #115fad;font-weight: bold; font-size: 32px;line-height: 32px;padding-bottom: 50px;} .case_dFaRS{color: #000000;font-size: 18px;line-height: 28px;} .case_dWhy{overflow: hidden;margin: 120px 0;} .case_dWhyL{float: left;width:40%;} .case_dWhyL img{width: 100%;} .case_dWhyR{width: 60%;float: right;padding: 60px;} .child_contact{position: relative;width: 100%;} .child_contact txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .contact{overflow: hidden;margin: 60px 0; margin-bottom: 130px;} .contactList{overflow: hidden;} .contactList li{float: left; width: 33.33333%; text-align: center;} .contactCon{margin:30px;} .contactImg{} .contactImg img{ width: 100px;} .contactImg1{} .contactImg1 img{border: 1px solid #ddd; width: 120px;} .contactTxt{color: #000; font-size: 18px;padding:20px 0;} .contacSub{color: #000; font-size: 18px;} .feedback{background: #f7f7f7;padding: 60px 0;} .feedbackT{color: #080404;font-size: 38px;line-height: 38px;text-align: center;padding-bottom:20px;} .feedbackSub{color: #a7a7a7;font-size: 18px;line-height: 28px;text-align: center;margin-bottom: 60px;} .quoteForm {display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;width: 80%;margin: 0 auto;} .quoteForm>input, .quoteForm>select {width: calc(50% - 11px);float: left;height: 56px;line-height: 56px;background-color: #fff;padding: 0 20px;font-size: 18px;color: #696969;border: 1px solid #e1e1e1;margin-bottom:40px;} .quoteForm>select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/jiantou.png) no-repeat right center #fff;color: #858585;} .quoteForm>textarea {width: 100%;float: left;height: 120px;background-color: #fff;padding: 15px 20px;font-size: 18px;line-height: 26px;color: #696969;border: 1px solid #e1e1e1;} .quoteForm>input::-webkit-input-placeholder, .quoteForm>input:-moz-placeholder, .quoteForm>textarea::-webkit-input-placeholder, .quoteForm>textarea:-moz-placeholder {color: #858585;} .quoteForm>button {width: 100%; height: 56px;background-color: #115fad;font-size: 18px;color: #fff;margin-top: 40px;} .child_download{position: relative;width: 100%;} .child_download txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .download{overflow: hidden;margin:120px 0;} .downloadList{overflow: hidden;} .downloadList li{ width: 33.33%; float: left; text-align: center;} .downloadList li a{display: block;margin: 30px;} .downloadImg{color: #fff; font-size: 24px; font-weight: bold;background: url("../images/download_img1.jpg") no-repeat;background-size: cover !important;padding: 120px 0;} .downloadTxt{overflow: hidden;background: #f7f7f7;padding: 60px;} .downloadSub{color: #000000; font-size: 18px;line-height: 28px;padding-bottom: 40px;} .downloadA{color: #000000; font-size: 18px;line-height:44px;border: 1px solid #000000;width: 150px; margin: 0 auto;} .downloadList li:hover .downloadA{background: #115fad; color: #fff;border: 1px solid #115fad;} .child_vedio{position: relative;width: 100%;} .child_vedio txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .vedio{width: 100%;padding:120px 0; overflow: hidden;background: #f7f7f7;} .vedioList{overflow: hidden;} .vedioList li{width: 100%;overflow: hidden;background: #fff;padding: 60px;margin-bottom: 60px;} .vedioL{width: 40%;float: left;} .vedioL a{} .vedioL img{width: 100%;} .vedioR{width:60%; float: right;padding:120px 60px 120px 120px;} .vedioTitle{color: #080404;font-size: 32px;line-height: 38px;padding-bottom:20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .vedioTxt{color: #000000; font-size: 18px;line-height: 28px;} .child_question{position: relative;width: 100%;} .child_question txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .question{overflow: hidden;background: #f7f7f7; padding: 120px 0;} .questionList{overflow: hidden;} .questionList li{background: #fff;margin-bottom: 40px;padding:40px;} .questionT{overflow: hidden;color: #080404; font-size: 20px;line-height:28px;} .questionT span{background: url("../images/question_icon1.png") no-repeat;width: 50px;height: 28px;display: block; float: left;} .questionT i{float: right; display: block; background: url("../images/question_icon3.png") no-repeat;width: 50px;height: 50px;} .questionC{overflow: hidden; color: #a7a7a7; font-size: 16px;line-height:28px;} .questionC span{background: url("../images/question_icon2.png") no-repeat;width:50px;height: 28px;display: block; float: left;height:80px;} .questionList li:hover .questionT i{background: url("../images/question_icon4.png") no-repeat;} /* .questionList li:hover .questionC{height:80px;} */ .child_news{position: relative;width: 100%;} .child_news txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .news{overflow: hidden;margin: 60px 0} .newsList{overflow: hidden;} .newsList li{overflow: hidden;width: 100%;background: #f7f7f7; padding: 40px;margin-bottom: 40px;} .newsList li a{display: block;} .newsImg{width:28%;float: left;} .newsImg img{width: 100%;border-radius: 8px;} .newsCon{overflow: hidden; float: right;width:72%;padding: 20px 20px 60px 60px;} .newsClass{color: #115fad; font-size: 18px;} .newsTitle{color: #080404; font-weight: bold; font-size: 22px;padding: 20px 0;} .newsDate{font-size: 15px; color: #000000;border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;} .newsTxt{color: #a7a7a7; font-size: 16px;line-height:28px;} .child_news_d{background: url("../images/banner_news_d.jpg") no-repeat;background-size: cover !important;height:387px;position: relative;width: 100%;} .child_news_dDate{color: #fff;font-size:16px;padding-top: 120px;padding-bottom: 20px;} .child_news_dTxt{color: #fff;font-size: 32px;line-height: 32px; font-weight: bold;} .news_d{overflow: hidden;margin: 60px 0} .news_dCon{color: #000000; font-size: 16px;line-height:28px} .news_dCon .txt{line-height: 35px;} .news_dCon h1{ line-height: 40px;} .news_dCon .news_dDate{ padding: 20px 0;} .child_application{position: relative;width: 100%;} .child_application txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .applicationgs{overflow: hidden;margin: 50px 0; margin-bottom: 0 !important; padding: 0 50px;} .applicationgsL{width: 50%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 18px;line-height: 28px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationsc{overflow: hidden;background: #f7f7f7; padding: 50px 0;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: url("../images/application_img2.jpg") no-repeat;background-size: cover !important;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #000000;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #fff; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .child_application_d{position: relative;width: 100%;} .child_application_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .application_djs{overflow: hidden;margin: 60px 0;} .application_djsL{width: 50%;float: left;padding-right: 60px;} .application_djsLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .application_djsTC{color: #000000; font-size: 18px;line-height: 38px;} .application_djd{overflow: hidden;background: #f7f7f7; padding: 60px 0;} .application_djdT{text-align: center; color: #080404;font-size: 40px;line-height: 38px;padding-bottom: 10px;} .application_djdC{overflow: hidden;} .application_djdImg{width: 55%;float: left;} .application_djdImg img{width: 100%;} .application_djdR{width: 40%;float: right;padding: 50px 0;} .application_djdRT{color: #115fad;font-size:30px;line-height: 38px;padding-bottom: 20px;} .application_djdRC{color: #000000; font-size: 18px;line-height: 28px;} .application_dlb{overflow: hidden;padding: 60px 50px; padding-bottom: 130px;} .application_dlb:nth-child(2n+1){background-color: #e2e4e9;} .application_dlbList{overflow: hidden;} .application_dlbList h3{ font-size: 20px;}background .application_dlbList h1{ height: auto !important; height: 60px; line-height: 60px;} .application_dlbList table{width: 100% !important;} .application_dlbList table th{background: #115fad;color: #fff;font-size: 20px;padding: 20px;} .application_dlbList table td{color: #696969;font-size: 18px;padding: 20px;border-bottom: 1px solid #ddd;} .application_dlbList table a{color: #696969;} .application_dlbList table a:hover{color: #115fad;} .application_dCase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .application_dcaseList{overflow: hidden;} .application_dcaseList li{float: left;width: 50%;} .application_dcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .application_dcaseList li a:hover{background: #115fad;} .application_dcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .application_dcaseList li a:hover .indexcaseName{color: #fff;} .application_dcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .application_dcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .application_dSb{overflow: hidden;padding: 120px 0;} .child_pro{position: relative;width: 100%;} .child_pro txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .pro{overflow: hidden;margin: 40px 0;} .proList{overflow: hidden;} .proList li{float: left;width: 33.33%;text-align: center;} .proList li:first-child{width: 100%;text-align: left;} .proList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .proList li:first-child>a .indexjsImg{float: left;background-size: cover !important;width:40%; } .proList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .proList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 40px;} .proList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; } .indexjsTxt1{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; padding-left: 0 !important;padding-bottom: 40px;} .indexjsMore{} .indexjsline{height: 2px;background: #fff;width: 100%;} .proList li>a:hover .indexjsName{color: #115fad;} .proList li>a:hover .indexjsline{background: #115fad;} .proList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .pro_listgs{overflow: hidden;margin: 50px 0; padding: 0 20px; box-sizing: border-box;} .applicationgsL{width: 55%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 10px;} .applicationgsLC{color: #000000; font-size: 16px;line-height: 35px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationgsR{width: 45%;float: right; text-align: right;} .applicationgsR img{width: 100%; margin-top: 40px;} .applicationClass{overflow: hidden;background: #f7f7f7; padding: 50px 0;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: #fff;background-size: cover !important; text-align: center;} .applicationscImg img{width: 100%; max-height: 220px; display: inline-block;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #F2F2F2;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #000; background: url("../images/icon_more.png") no-repeat center;background-position:320px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:320px; color: #fff;} .applicationscList li:hover .applicationscT{color: #115fad;} .pro_list_dgs{overflow: hidden;margin: 30px 0;} .pro_list_dcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .footer{width: 100%; overflow: hidden;padding:30px 100px 0 100px; display: block; background: rgb(0, 94, 173) no-repeat; no-repeat;background-size: cover;} .footerL{ display: block; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between;} .footerLogo{padding-bottom: 21px;} .footerLogo img{width: 180px;} .footerweixin{text-align: center;} .footerweixin img{width: 130px;} .footerweixin p{color: #ffffff; font-size: 13px;padding-top: 0px;} .footerR{width: 180px; .copyright {width: 100%;display: flex;color: #7fa6cb;font-size:13px;padding-top: 0px; line-height:45px; justify-content: center; background-color: rgb(6, 73, 130);}float: right;padding-bottom: 30px;} .footerLeft {width:auto;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .footerBox {float: left;} .footerTitle {display: block;overflow: hidden;font-size:18px;color: #fff;font-weight: bold;margin-bottom:20px;} .footerList {display: block;overflow: hidden;} .footerList>li {display: block;overflow: hidden;line-height:32px;} .footerList>li>a {font-size:14px;color: #7fa6cb; font-weight: normal;} .footerList>li>a:hover {color: #fff;} .footerRight {width:365px;float: right;} .footerTel{font-size: 22px;color: #fff; font-weight: bold;} .footerTel img{padding-right: 20px;} .footerday{color: #7fa6cb; font-size: 14px;padding: 10px 0; font-weight: bold;} .footerNav{} .footerNav a{display: block;float: left;padding-right: 20px;} .copyright {width: 100%;display: flex;color: #7fa6cb;font-size:13px;padding-top: 0px; line-height:45px; justify-content: center; background-color: rgb(6, 73, 130);} .copyright a {color: #7fa6cb;margin: 0 5px;} .copyright a:hover {color: #fff;} .footer .left{ display: block; float: left; width: 30%;} .footer .right{ display: block; float: right; width: 70%;} .footerline{ border-bottom: 1px solid rgba(255,255,255,.3);} .overflow{overflow: hidden;} .padding{padding: 0px 0; padding-top: 20px;} .support{} .support h1{ font-size: 46px; margin: 21px 0; color: #fff; font-weight: bold; } .support h2{ font-size: 20px; line-height: 1.75; color: #fff; padding-top: 15px;} .support a{ display: block; width: 208px; height: 48px; background: #ffffff; font-size: 16px; color: #fff; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #0091dc; } .support a::before { content: ''; width: 100%; height: 100%; background: #0091dc; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .support a:hover::before{ width: 0; opacity: 0; } .support a:hover{ color: rgb(0, 0, 0);} #backToTop { position: fixed; bottom: 2rem; right: 10px; bottom: 50px; background-color: #0091dc; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.3s; cursor: pointer; border: none; } #backToTop:hover { background-color: #0091dc; } #backToTop:focus { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); } #backToTop.visible { opacity: 1; visibility: visible; } #backToTop i{ font-size: 22px; font-weight: 100;} .mainleft{ display: block; float: left; width: 280px;} .about_title{display:block; overflow:hidden; padding:15px 0; color:#fff; text-align:center;background-size: cover !important; position: relative; background-color:#115fad; padding: 24px 0;} .about_title::before{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; top:0px; left: 10px; transform: rotate(125deg);} .about_title::after{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; bottom:0px; right: 10px; transform: rotate(125deg);} .about_p { line-height: 35px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 30px; font-weight: bold; } .about_sp { line-height: 30px; font-size: 22px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: bold; } .mainright{ display: block; float: right;width: calc(100% - 320px);} .leftnav{ display: block; padding-top: 30px;} .leftnav ul{ display: block; } .leftnav ul li{ display: block; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; box-sizing: border-box; } .leftnav ul li a{ font-size: 18px; font-weight: normal; display: block; padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: url(../images/icon_navchild.png) no-repeat right; } .leftnav ul li a:hover{ background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .leftnav ul li ul{ display: none; } .leftnav ul li:hover ul{ display: block; } .leftnav ul li ul li{ display: block; line-height: 40px; font-size: 16px; color: #000000; font-weight: normal; box-sizing: border-box; } .leftnav ul li ul li a{ color: #000000; padding: 5px 15px; display: block; width: 100%; font-size: 15px; background:none; text-indent: 20px; transition: none; } .leftnav ul li ul li a:hover{background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .serachbutton{ display: none; transition: all 1s ease; height: 0px; overflow: hidden; width: 100%; background-color: #fff; position: absolute; z-index: 999999999999; border-top: 1px solid #a7a7a7; left: 0; top:88px; box-sizing: border-box; padding: 17px 100px;} .serachbutton form{ display: block; width: 600px; margin: 0 auto; display: flex; flex-flow: row nowrap;} .serachbutton form input{ display: block; width: 90%; outline: none; border: none; border-bottom: 1px solid #E9E9E9; font-size: 18px;} .serachbutton form button{ background: none; outline: none; border: none; } .serachbutton form button img{ } .serachbutton.on{ height: 70px; display: block;} .bottom{ padding: 20px 0; box-sizing: border-box; padding: 20px 0px;} .bottom .left{ display: block; float: left; width: 30%;} .bottom .right{ display: block; float: right; width: 70%; padding-top: 20px; text-align: center;} .bottom .right a{ margin-left: 400px;} .bottom .left h1{ color: #fff;} .bottom .left h2{ color: #fff;} .bottom .wrap.padding{ border-bottom: 1px solid #fff;} img{max-width: 100%;} .yangping{ display: block; width: 80%; margin: 0 auto;} .yangping > ul{ margin: 10px auto; box-sizing: border-box; padding: 10px; border: 1px solid #e9e9e9;} .text-center{ text-align: center;} .btn{ display: block; width: 208px; height: 48px; background: #f7f7f7; font-size: 16px; color: #115fad; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #115fad; border-radius: 30px; } .btn::before { content: ''; width: 100%; height: 100%; background:none; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .btn:hover::before{ width: 0; opacity: 0; } .btn:hover{ color: rgb(0, 0, 0);} /* 表格整体样式 */ .custom table { width: 100%; border-collapse: collapse; text-align: left; font-family: Arial, sans-serif; } /* 表头样式 */ .custom table thead th { background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; font-weight: bold; } /* 表体单元格样式 */ .custom table tbody td { border: 1px solid #e2e4e9; padding: 10px; } /* 所有表体行的背景色（默认白色） */ .custom table tbody tr { background-color: #e2e4e9; } .custom table tbody tr td{ font-size: 12px ; line-height: 20px;} .custom table tr:nth-child(1){ background: #0091dc; height: 44px;} .custom table tr:nth-child(1) td{ color: #fff; font-size: 18px; font-weight: bold; background-color: #0091dc !important;} /* 奇数行的背景色 */ .custom table tbody tr:nth-child(odd) { background-color: #ffffff; } .custom table tbody tr:nth-child(even) { background-color: #f7f7f7; } /* 鼠标悬停行的背景色 */ .custom table tbody tr:nth-child(odd):hover { background-color: #f1f1f1; } .custom table tbody tr:nth-child(even):hover { background-color: #f1f1f1; } .joinzw{ display: block; padding: 60px 0; text-align: center; width: 100%; padding-bottom: 130px;} .sl{ display: block; padding-top: 50px; text-align: center;} .left{ dsisplay:block; width: 55.8%; float: left;box-sizing: border-box;} .right{ dsisplay:block; width: 44.2%; float: left;box-sizing: border-box;} .left img,.right img{ width: 100%;} .left{ padding-right: 10px; } .right{ padding-left: 10px; } .right img:first-child{ margin-bottom: 20px;} .syszj{ display: block; padding: 60px 0; overflow: hidden; text-align: center; background: url(../images/sysjz.jpg) no-repeat center center; background-size: cover !important; width: 100%;} .zllist{display: block; width: 100%; padding-top: 50px;} .zllist li{ display: block; width: 24%; margin-right: 1.33333%; float: left; background: #fff; border-radius: 10px; overflow: hidden;} .zllist li:nth-child(4n){ margin-right: 0;} .zllist li > img{ width: 100%;} .zllist li h1{ font-size: 22px; padding: 20px; padding-top: 45px;} .zllist li span.line{ display: block; margin: 0 auto; width: 50px; height: 1px; background: #dfdfdf;} .zllist li .nr{ padding: 15px 0; line-height: 30px; font-size: 18px;} .zllist li .icon img{ float: right; margin-right: 20px; margin-bottom: 20px; margin-top: 10px;} .cxyf{display: block; padding: 60px 0; background: #f5f7f9; overflow: hidden; } .cxlist{ display: block; padding-top: 50px; overflow: hidden;} .cxlist li{ display: block; width: 50%; box-sizing: border-box; float: left; padding: 10px 10px 10px 0; position: relative;} .cxlist li img{ width: 100%;} .cxlist li span{ position: absolute; bottom: 50px; left: 50px; font-size: 26px; color: #fff;} .cxicon{ display: block; width: 100%; margin-top: 100px; background: #fff; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .cxicon li{ width: 30%; text-align: center;} .cxicon li .img{margin-top: -50px;} .cxicon li h1{ padding: 25px; color: #115fad;} .cxicon li p{ padding: 10px; padding-bottom: 50px;} .bzh{ background: none;display: block; padding: 60px 0;} .bzh .sw{ padding-top: 50px;} .btnarr { display: block; width: 100%; margin-top: 20px;} .btnarr a{ display: block; width: 49.5%; float: left; height: 45px; position: relative;} .btnarr a span.line{ display: block; width: 100%; height: 1px ; background: #d4d4d4; margin-top: 22px;} .btnarr a span.icon{ display: block; width: 50px; height: 45px; position: absolute; top:0;right: 0; } .btnarr a.l span.icon{ background: url(../images/aoff.png) no-repeat center right #fff;;} .btnarr a.l span.icon:hover{ background: url(../images/aon.png) no-repeat center right #fff;;} .btnarr a.r { float: right;} .btnarr a.r span.icon{ float: right;background: url(../images/a1off.png) no-repeat center left #fff;; left: 0;} .btnarr a.r span.icon:hover{ background: url(../images/a1on.png) no-repeat center left #fff;;} .zzzs{display: block; width: 100%; margin: 0 auto;} .zzzs .icon{ background:url(../images/bg02.png) no-repeat center center; line-height: 62px; color: #000; text-align: center; margin-bottom: 20px;} .zzzs:hover .icon{ background:url(../images/bg01.jpg) no-repeat center center; line-height: 62px; color: #115fad;} .zzzs .body{ display: block; box-sizing: border-box; width: 100%; padding: 0px;border-radius: 8px; margin-bottom: 10px; } .zzzs .body img{ width: 100%;} .gsry{ display: block; padding: 60px 0 60px 0; width: 100%; background: url(../images/zzbg.jpg) no-repeat center top; overflow: hidden; background-size: cover !important;} .rylist{ display: block; width: 100%; padding-top: 50px; overflow: hidden;} .rylist li{ width: 32%; float: left; margin-right: 2%; box-sizing: border-box; padding: 25px 30px 80px 30px; background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); } .rylist li:nth-child(3n){ margin-right:0;} .rylist li .line{ height: 1px; display: block; width: 100%; background: #d0d0d0; margin-bottom: 30px;} .rylist li h1{ font-size: 22px; color: #0270c9; padding: 20px 0;} .rylist li .nr{ font-size: 18px; line-height: 1.5; } .picnews{overflow: hidden; margin-top:30px} .picnews li{overflow: hidden;width: 100%;background: #fff; padding: 0px;margin-bottom: 40px;} .picnews li a{display: block;} .picnews li a .img{ display: block; width: 50%; float: left; background:#f9f9f9 ; text-align: center; box-sizing: border-box; padding: 20px;} .picnews li a .img img{ width: 70%;} .picnews li a .con{ display: block;width: 50%; float: left; background: #fff; box-sizing: border-box; padding: 15px 15px 15px 25px;} .picnews li a .con .btns{ display: block; width: 120px; height: 40px; line-height: 40px; background: #115fad; color: #fff; text-align: center; border-radius: 5px; margin-top: 30px;} .txtnews{ display: block; width: 100%; padding-top: 45px;} .txtnews li{ display: block; width: 24%; margin-right: 1.333333%; float: left; border-top: 4px solid #115fad; background: #fff; padding: 0 20px;} .txtnews li:nth-child(4n){ margin-right: 0;} .txtnews li a{ display: block; width: 100%;} .txtnews li a .newsCon{ display: block; width: 100%; padding: 0;} .txtnews li a .newsCon .newsDate{ font-size: 14px; padding: 20px 0; border: none; margin: 0;} .txtnews li a .newsCon .newsTitle{ font-size: 16px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 50px;} .txtnews li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; height: 160px;} .btns{ display: block; text-align: right; box-sizing: border-box; padding-right: 20px; padding-bottom: 0px; color: #115fad; font-weight: bold;} .btns i{ margin-left: 10px; font-weight: 200; transition: all .3s ease-in-out;} .btns:hover i{ margin-left: 15px;} .btns a{ color: #115fad; font-weight: bold;} .aboutjoin1{ padding-bottom: 130px;} a.btnblue{ display: block; color: #115fad; font-weight:bold;} a.btnblue:hover{ color: #115fad; text-decoration: underline;} a.btnblue i{ margin-left: 10px; transition: all 0.3s ease-in-out;} a.btnblue:hover i{ margin-left: 15px;} .picnewss{ display: block; width: 100%; padding-top: 45px;} .picnewss li{ display: block; width: 32%; margin-right: 2%; float: left; background: #f0f1f3; padding:0 0 20px 0;} .picnewss li:nth-child(3n){ margin-right: 0;} .picnewss li a{ display: block; width: 100%;} .picnewss li a .img{ display: block; width: 100%;} .picnewss li a .img img{ width: 100%; height: 300px;} .picnewss li a .newsCon{ display: block; width: 100%; padding:0 20px;} .picnewss li a .newsCon .newsDate{ font-size: 14px; padding: 10px 0; border: none; margin: 0;} .picnewss li a .newsCon .newsTitle{ font-size: 15px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 35px;} .picnewss li a .newsCon .newsTxt{ padding-bottom: 10px; font-size: 14px; line-height: 1.5; padding-top: 5px; } } @media (max-width:1700px) and (min-width:1200px){ .phone{ display:none !important;} html,body{ display: block; min-width: 1200px;} body{background: #fff; font-size:14px; font-family: "Microsoft YaHei", "微软雅黑", SimHei, "黑体", Arial, Helvetica, sans-serif;color:#080404;} .wrap{ width:100%; margin:0 auto; display: block; box-sizing: border-box; padding: 0 10px;} .header {width: 100%;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 12;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .header>.wrap {display: -webkit-flex; /* Safari */ display: flex;-webkit-justify-content: space-between; /* Safari */ justify-content: flex-start;} .headerActive {box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .logo {padding: 20px 0;} .logo>a {width: 216px;} .logo img {width: 100%;display: block;height: auto; max-height: 48px;} .navlist {width: 61.25%;display: flex;} .nav {width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start; margin-left: 70px; } .nav>li {height: 100%;float: left;position: static; padding-top:15px } .nav>li>a {width: 100%; display: block; float: left;overflow: hidden;height: 100%;text-align: center;font-size:18px;color: #080404;display: flex;align-items: center;align-content: center;justify-content: center;transition:all 0s linear !important; padding: 0px 30px; } .nav>li:hover>a,.nav>li.liActive>a {color: #115fad;font-weight: bold;} .nav>li:hover>a::after,.nav>li.liActive>a::after {width: 100%;} .nav>li.on > a{ border-radius: 0px 25px 0 0; background:#115fad ; color: #fff;} .navChild {display:none; flex-flow: row nowrap; justify-content: flex-start; float: left; left: 10px; width: 60%; background-color:#fff;position: absolute;top: 100%;z-index: 9;padding: 0px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navChildL{float: left;color: #115fad;font-weight: bold; font-size: 32px;line-height: 40px;padding-top: 20px; width: 190px;height: 80vh;} .navChild { display: none; flex-flow: row nowrap; justify-content: flex-start;} .navChild .left{ display: block; overflow-y: scroll; height: 80vh; } .navChild .left ul{ display: block; width: 333px; padding-top: 20px;} .navChild .left ul li{ line-height: 58px; text-indent: 40px;} .navChild .left ul li:hover{ background: #f3f5f9;} .navChild .left ul li.on{ background: #f3f5f9;} .navChild .left ul li a{ display: block; height: 100%; font-size: 15px; font-weight: bold;} .navChild .right{ display: block; height: 100%; flex: 1; height: 80vh; overflow: hidden;} .navChild .right .list{ display: none; overflow: hidden; } .navChild .right .list h1{ display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 0 30px; font-size: 20px; font-weight: bold; height: 105px; line-height: 105px; color: #ffffff; background: #115fad; } .navChild .right .list h1 span{ display: inline-block; float: right; height: 45px; line-height: 45px; color: #fff; background: #ea5b25; box-sizing: border-box; border-radius: 20px 0 20px 0 ; font-size: 15px; padding: 0 25px; } .navChild .right .list h1 span a{ color: #fff; font-size: 15px; line-height: 45px; } .navChild .right .list:first-child{ display: block;} .navChild .right .list ul{ display: block; padding: 0 15px; overflow-y: scroll; height: -webkit-calc(80vh - 110px); /* Safari 6, Chrome 19-25 */ height: -moz-calc(80vh - 110px); /* Firefox 4-15 */ height: calc(80vh - 110px); } .navChild .right .list ul li{ line-height: 58px; text-indent: 40px; border-bottom: 1px solid #ebebeb;} .navChild .right .list ul li:hover{ background: #f3f5f9;} .xl{ position: relative !important;} .xl ul{ display: none; position: absolute; left: 0; top:88px; width: 130%;} .xl ul li{ display: block; width: 100%; line-height: 38px; color: #fff;} .xl ul li a{ display: block; width: 100%; line-height: 38px; color: #fff; border-bottom: 1px solid transparent; font-weight: bold;} .xl ul li:hover a{ border-bottom: 1px solid #fff; font-size: 15px; } .xl.on ul{ display: block; background: #115fad; box-sizing: border-box; padding: 10px 20px;} .navChild>ul{float: right;width:280px;} .navChild>ul>li>a {display: block;overflow: hidden;height:60px;line-height: 60px;font-size: 18px;color: #676767;white-space: nowrap;border-bottom: 1px solid #e9e9e9;background: url("../images/icon_navchild.png") no-repeat center;background-position: 240px;} .navChild>ul>li:hover>a {color: #115fad;background: url("../images/icon_navchild_on.png") no-repeat center #f3f5f9; box-sizing: border-box; padding: 0 10px; background-position: 250px;} .nav>li.on .navChild {display: flex; border: 8px solid #115fad; border-radius: 20px 0 0 0 ; } .navChild>ul{ position: relative;} .navChild>ul>li> ul{ display: none; position: absolute; top:0; left: 100%; width: 350px; } .navChild>ul>li:hover> ul{ display: block; box-sizing: border-box; padding-left: 30px; } .navChild>ul>li> ul>li{ width: 50%; float: left; box-sizing: border-box; padding: 5px;} .navChild>ul>li> ul>li>a{ display: block; width: 100%; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 36px; color: #676767; } .navChild>ul>li> ul>li>a:hover{ color:#115fad ;} .subnav{ display: block; text-align: center; margin-top: -30px; padding-bottom: 00px; } .subnav>li{ display: inline-block; line-height: 35px; padding: 0 10px; } .subnav>li>a{ color: #115fad;font-size: 22px; line-height: 35px; background:none; display: inline-block; padding: 5px 20px;} .subnav>li>a:hover{ background:rgba(17, 95, 173, 0.9) ; color: #fff; } .subnav>li.on>a{ background: rgba(17, 95, 173, 0.9) ; color: #fff; } .language{margin:31px 0 0 0 ; margin-left: auto; box-sizing: border-box; padding-top: 6px; } .language li{float: left;} .language i{display: block; width:1px;height:22px;background: #d7d7d7;float: left;margin: 0 20px;} .language li img{float: left;} .language li span{font-weight: bold;font-size:16px;padding-left: 10px;color: #818181;} .language form{ display: block; } .language form input{ width: 180px; height: 25px; line-height: 25px; box-sizing: border-box; padding: 5px; border: 1px solid #d7d7d7; margin-right: 20px;} .language form input:focus{outline: none;} .language form button{ background: none; display: flex; align-items: center; justify-content: space-between} .language form button{ font-size: 16px; font-weight: bold; border: none; outline: none;color: #818181;} .language form button img{ margin-right: 10px;} .banner {width: 100%;position: relative;overflow: hidden;} .bannerSwiper img {width: 100%;display: block;height: auto;} .bannerSwiper .swiper-pagination {opacity: 1;bottom: 15px;display: flex;justify-content: center;} .bannerSwiper .swiper-pagination-bullet {width:14px;height: 14px;float: left;background: #fff;opacity: 0.5;} .bannerSwiper>.swiper-pagination-bullets .swiper-pagination-bullet,.bannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .bannerSwiper .swiper-pagination-bullet-active {opacity: 1;background: #fff;} .bannerSwiper:hover .swiper-pagination {opacity: 1;} .bannerSwiper .banner-prev,.bannerSwiper .banner-next {left: 2%;top: 50%;position: absolute;z-index: 9;transform: translateY(-50%);font-size: 60px;color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);opacity: 0;outline: none;cursor: pointer;} .bannerSwiper .banner-next {left: initial;right: 2%;} .bannerSwiper:hover .banner-next,.bannerSwiper:hover .banner-prev {opacity: 1;} .indexapp{overflow: hidden;margin: 60px 0;} .indexTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size: 40px;line-height: 40px;} .indexSub{color: #a7a7a7;font-size: 18px;line-height: 18px;padding:27px 0 30px 0; display: none;} .indexappList{overflow: hidden; padding-top: 50px;} .indexappList li{float: left;width: 33.3333%;position: relative;} .indexappList li a{display: block; margin:10px;} .indexappImg{overflow: hidden;width: 100%;} .indexappImg:hover{transform: scale(1);} .indexappImg img{border-radius: 0px;width: 100%; display: block;} .indexappName{position: absolute;bottom:0px;left: 00px;font-size: 18px; line-height: 50px; color: #000; width: 100%; text-align: center; background: #F2F2F2} .indexappList li a{ position: relative;} .indexappList li:hover .indexappName{ background: rgb(0, 94, 173) ; color: #fff; color: #fff; text-align: center;} .indexjs{overflow: hidden;background: #f7f7f7;padding: 30px 0; } .indexjsList{overflow: hidden; padding-top: 30px;} .indexjsList li{float: left;width: 33.33%;text-align: center;} .indexjsList li:first-child{width: 100%;text-align: left;} .indexjsList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .indexjsList li:first-child>a .indexjsImg{float: left;background: url("../images/index_pro_img1.jpg") no-repeat;background-size: cover !important;width:40%; } .indexjsList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .indexjsList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 0px;} .indexjsList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 100%;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #898989;font-size:14px;padding: 40px;line-height:28px;} .indexjsline{height: 2px;background: #fff;width: 100%;} .indexjsList li>a:hover .indexjsName{color: #115fad;} .indexjsList li>a:hover .indexjsline{background: #115fad;} .indexjsList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexabout{overflow: hidden; background-size: cover; box-sizing: border-box; padding: 30px;} .indexaboutL{width:55%; float: left;padding:40px 40px 0 0;background: #f0f1f3; padding: 30px; box-sizing: border-box; height: 100%;} .indexaboutTitle{overflow: hidden;} .indexaboutCn{color: #000000; font-weight: bold;font-size: 36px;line-height: 40px;} .indexaboutSub{color:rgba(255, 255, 255, 0.66);font-size: 18px;line-height: 18px;padding:20px 0 30px 0;} .indexaboutCon{font-size: 14px; color: #000000;line-height: 28px;height: 145px;overflow: hidden;} .indexaboutMore{overflow: hidden; margin-top: 30px;background: url("../images/icon_more.png") no-repeat center;background-position: 70px;} .indexaboutMore a{color: rgb(0, 94, 173);font-size: 15px; transition: all .3s ease; display:inline-block; padding-right: 20px; background-size: auto 50%;} .indexaboutMore a i{ font-size: 22px; margin-left: 5px; float: right;transition: all .3s ease;} .indexaboutMore:hover a i{ background-position: 98% center; margin-left: 10px;} .indexaboutR{width:45%; float: right;overflow: hidden;display: block;background-size: cover;background: #f0f1f3; box-sizing: border-box; padding: 30px;} .indexaboutR a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; } .indexaboutR video{width: 100%; object-fit: cover; border-radius: 10px;} .indexabout .wrap{ display: flex;align-items: stretch; flex-flow: row nowrap;background: #f0f1f3;} .indexcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .indexcaseList{overflow: hidden;} .indexcaseList li{float: left;width: 50%;} .indexcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .indexcaseList li a:hover{background: #115fad;} .indexcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexcaseList li a:hover .indexcaseName{color: #fff;} .indexcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .indexcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .indexhz{overflow: hidden;background: #f0f1f3; background-size: cover !important;padding: 60px 0; padding-bottom: 130px;} .indexhzTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size:clamp(22px,3.5vw,36px);line-height: 40px;} .indexhzSub{color:rgba(0, 0, 0, 0.66);font-size: 18px;line-height: 18px;padding:27px 0 60px 0;} .indexhzList{overflow: hidden; padding-top: 50px;} .indexhzList li{width: 12.5%; text-align: center;float: left; box-sizing: border-box; padding: 5px; } .indexhzList li img{object-fit: fill; max-width: 100%; max-height: 100%; } .indexhzList li a{display: block; box-sizing: border-box; padding: 0px; width: 100%; height: 100%;} .indexhzList li a img{max-width: 100%;border-radius: 8px;transition: all 0.8s linear; max-height: 100%;} .indexhzList li:hover a img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexnews{overflow: hidden;background: #fff; padding: 35px 0;} .indexnewsList{overflow: hidden; padding-top: 30px;} .indexnewsList li{float: left; width: 33.33%;} .indexnewsList li a{display: block;overflow: hidden;margin: 30px;background: url("../images/index_news_img.jpg") no-repeat; background-size: cover !important;border-radius: 15px;padding:50px;transition: background 1s;} .indexnewsCon{overflow: hidden;} .indexnewsClass{color: #fff;font-size: 18px;} .indexnewsName{color: #fff;font-size:24px;font-weight: bold;padding:40px 0;line-height: 30px;} .indexnewsTxt{color:rgba(0,0,0,0);font-size: 18px;line-height: 30px;height: 100px;} .indexnewsDate{overflow: hidden;border-top: 1px solid rgba(255,255,255,0.43);padding-top: 50px;margin-top: 50px;} .indexnewsDay{color: #fff; font-size: 58px;line-height: 58px;float: left;} .indexnewsR{float: right;text-align: right;} .indexnewsYear{font-size:20px; color: #fff;padding-bottom: 10px;} .indexnewsMore{color: #fff;font-size: 15px;background: url("../images/icon_more.png") no-repeat;width: 20px;height: 14px;float: right;} .indexnewsList>li>a:hover{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .indexnewsList>li>a:hover .indexnewsClass{color: #000000;} .indexnewsList>li>a:hover .indexnewsName{color: #080404;} .indexnewsList>li>a:hover .indexnewsTxt{color: #000000;line-height: 30px;height:150px;} .indexnewsList>li>a:hover .indexnewsDate{border-top: 1px solid #e1e1e1;} .indexnewsList>li>a:hover .indexnewsDay{color: #115fad;} .indexnewsList>li>a:hover .indexnewsYear{color: #080404;} .indexnewsList>li>a:hover .indexnewsMore{background: url("../images/icon_more_on.png") no-repeat;} .dw{width: 100%;background: #f7f7f7;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color: #a7a7a7;font-size: 16px;line-height:60px;} .dw a{color: #000000;} .dw span{color: #115fad;} .child_about{position: relative;width: 100%;} .child_about txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .aboutjj{overflow: hidden;} .aboutjjL{background: url("../images/index_about_bg.jpg") no-repeat;background-size: cover !important;width:55%; float: left;padding:120px 120px 120px 5%;} .aboutjjTitle{overflow: hidden;} .aboutjjCn{color: #fff; font-weight: bold;font-size: 40px;line-height: 40px;} .aboutjjSub{color:rgba(255,255,255,0.66);font-size: 18px;line-height: 18px;padding:20px 0 60px 0;} .aboutjjCon{font-size: 18px; color: #fff;line-height: 28px;height:229px;overflow: hidden;} .aboutjjR{width:45%; float: right;overflow: hidden;display: block;background: url("../images/index_vedio_img.jpg") no-repeat;background-size: cover !important;height: 609px;} .aboutjjR a{} .aboutxq{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .aboutxqTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .aboutxqList{overflow: hidden;margin-top: 60px;} .aboutxqList li{width: 20%;float: left;text-align: center;} .aboutxqimg{} .aboutxqimg img{} .aboutxqtxt{color: #000000; font-size: 22px;padding-top: 30px;} .aboutjoin{overflow: hidden;margin: 120px 0;} .aboutjoinL{float: left;width:40%;} .aboutjoinL img{width: 100%;} .aboutjoinR{width:55%;float: right;} .aboutjoinTitle{color: #080404;font-size: 38px;line-height: 38px;margin-bottom: 60px;} .aboutjoinTxt{color: #000000;font-size: 18px;line-height: 28px;} .aboutjoinMore{font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .aboutjoinMore a{color: #115fad;} .aboutjoinMore:hover{background: url("../images/icon_more_on.png") no-repeat right center;background-position:80px;} .child_join{position: relative;width: 100%;} .child_join txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .joinhy{overflow: hidden;margin: 120px 0;} .joinhyTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .joinhyImg{width: 68%; text-align: center;margin: 0 auto;} .joinhyImg img{width: 100%;} .joinhyImg video{ width: 100%;} .joinwh{overflow: hidden;} .joinwhTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinwhList{overflow: hidden;margin: 60px 0;} .joinwhList li{width: 100%;overflow: hidden;background: #f7f8fa; margin-bottom: 15px;rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; animation-name: fadeInUp; } .joinwhImg{width:50%;} .joinwhImg img{width: 100%; display: block;} .joinwhR{width: 50%;padding-left: 120px;} .joinwhT{padding-top: 77px;} .joinwhTxt{padding-top: 30px;} .joinwhList>li.one .joinwhImg{float: left;} .joinwhList>li.one .joinwhR{float: right;} .joinwhList>li.one .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.one .joinwhTxt{color: #000000;font-size:18px;line-height:26px;} .joinwhList>li.two .joinwhImg{float: right;} .joinwhList>li.two .joinwhR{float: left;} .joinwhList>li.two .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.two .joinwhTxt{color: #000000;font-size:18px;line-height:26px} .joinwhList>li.two.nobg{ background:none !important;} .aboutpage{overflow: hidden;margin: 60px 0; padding: 0 100px;} .aboutpage .joinhyTitle{ position: relative; padding-bottom: 33px; margin-bottom: 40px; color: #080404; font-size: 36px;} .aboutpage .joinhyTitle:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 86px; height: 3px; margin: auto; background: #f7b018; } .aboutpage .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:100%; text-align: left;margin:40px auto;} .aboutpage .joinhyImg{width: 100%; text-align: center;margin: 0 auto; box-sizing: border-box;} .aboutpage .joinhyImg img{width: 100%;} .aboutpage .joinhyImg video{ width: 100%;} .aboutpage .wrap{ box-sizing: border-box; padding: 0 0px;} .yuanjing{margin: 0px auto;} .yuanjing ul{overflow: hidden; padding: 70px 0;} .yuanjing ul li{ width: 24.5%; padding: 0 2.5%; float: left; border-left: 1px solid #e1e1e1; display: block; text-align: center; box-sizing: border-box;} .yuanjing ul li:first-child{ border:none} .yuanjing ul li h1{color: rgba(17,95,173,1);font-size: 24px;margin-bottom: 20px;} .yuanjing ul li div{color: #666666;font-size: 16px;line-height: 24px;min-height: 75px;} /* .joinwhList li:hover{background: #115fad; } .joinwhList li:hover .joinwhT{color: #fff;} .joinwhList li:hover .joinwhTxt{color: #fff;} */ .joinzw{overflow: hidden;background: #f7f7f7;padding: 0px 0;} .joinzwTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinzwList{overflow: hidden;padding-top: 40px;} .joinzwList li{width:33.33%; float: left;text-align: center;} .joinzwList li a{display: block; margin: 30px;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .joinzwList li.joinlist:hover a{ background: none;} .joinzwList li.joinlist a:hover{ background: none;} .joinzwList li.joinlist { padding-top: 27%; position: relative; text-align: center;} .joinzwList li.joinlist a{ display: inline; background: none; position: absolute; top :50%; font-size: 26px; } .joinzwImg{} .joinzwImg img{width: 100%;} .joinzwImg h1{ line-height: 45px; text-align: center;} .joinzwT{color: #080404;font-size: 28px;padding-top: 40px;} .joinzwTxt{color: #000000; font-size: 18px;padding-bottom: 40px;padding-top:20px;} .joinzwList li:hover a{background: #115fad;} .joinzwList li:hover .joinzwT{color: #fff;} .joinzwList li:hover .joinzwTxt{color: #fff;} .joinzwList li:hover h1{ color: #fff;} .jointj{overflow: hidden;margin: 120px 0;} .jointjTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .jointjList{overflow: hidden;padding-top: 40px;} .jointjList li{width:25%; float: left;text-align: center;} .jointjImg{margin: 20px;} .jointjImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .jointjImg img:hover{transform: scale(1.1);} .joinfc{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .joinfcTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinfcList{overflow: hidden;padding-top: 40px;} .joinfcList li{width:33.33%; float: left;text-align: center;} .joinfcImg{margin:20px;} .joinfcImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .joinfcImg img:hover{transform: scale(1.1);} .child_join_d{position: relative;width: 100%;} .child_join_d_txt{padding-top:10%;} .join_dTitle{color: #fff;font-size: 48px;line-height: 48px;text-align: center;} .join_dSub{color: #fff;font-size:22px;line-height: 22px;text-align: center;padding: 50px 0;} .join_dApply{} .join_dApply a{display: block;background: #115fad;font-size: 18px;text-align: center; padding: 20px 0; color: #fff;width:200px;margin: 0 auto;} .join_dApply:hover a{background: #fff;color: #115fad;} .join_dList{overflow: hidden;background:#F2F2F2;padding: 40px 0 60px 0;} .join_dcon{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px; font-size: 18px; line-height: 2.0;} .join_dT{color: #fff;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon *{ color: #000;} .join_dcon ul{list-style-type: disc; padding-left: 20px;} .join_dcon li{color: #fff;font-size: 18px; list-style-type: decimal; list-style: decimal; padding-left:25px;line-height: 34px;} .join_dcon ul li::marker { /* 恢复默认圆点，可指定颜色和大小 */ content: "•"; color: #000; /* 确保颜色可见 */ font-size: 1em; /* 与文本大小匹配 */ } .join_dList1{overflow: hidden;background: rgb(0, 94, 173);padding: 50px 0 20px 0;} .join_dcon1{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px;} .join_dT1{color: #080404;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon1 li{color: #000000;font-size: 18px;background: url("../images/icon_disc2.png") no-repeat left center;padding-left:25px;line-height: 34px;} .child_case{position: relative;width: 100%;} .child_case txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case{overflow: hidden;margin: 120px 0;} .caseTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .caseSub{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .caseList{overflow: hidden;} .caseList{overflow: hidden;} .caseList li{float: left;width: 50%;} .caseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .caseL{float: left;width: 40%;overflow: hidden;} .caseR{float: right;width: 60%;padding: 60px 40px;} .caseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .caseImg img{} .caseName{color: #080404; font-weight: bold;font-size: 24px;line-height:30px;} .caseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .caseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .caseList li a:hover{background: #115fad;} .caseList li a:hover .caseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .caseList li a:hover .caseName{color: #fff;} .caseList li a:hover .caseTxt{color:rgba(255,255,255,0.66);} .caseList li a:hover .caseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .caseLx{background: url("../images/case_contact_bg.jpg")no-repeat; background-size: cover !important;padding: 120px 0;} .caseTel{text-align: center;background: #115fad;padding:15px 80px;width: 300px;margin: 0 auto;} .caseTel a{ color: #fff; font-size: 20px;} .caseTel img{display: block; float: left;} .child_case_d{position: relative;width: 100%;} .child_case_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case_dBj{overflow: hidden;margin: 60px 0} .case_dBjL{float: left;width:60%;padding: 60px;} .case_dT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 60px;} .case_dS{color: #000000;font-size: 18px;line-height: 28px;} .case_dBjR{width:40%; float: right;} .case_dBjR img{width: 100%;} .case_dFa{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .case_dT1{color: #080404;font-size: 38px;line-height: 38px;padding-bottom:60px;text-align: center;} .case_dFaCon{overflow: hidden;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .case_dFaL{width:40%;float: left;} .case_dFaL img{width: 100%;} .case_dFaR{float: right;width:60%;padding:120px;} .case_dFaRT{color: #115fad;font-weight: bold; font-size: 32px;line-height: 32px;padding-bottom: 50px;} .case_dFaRS{color: #000000;font-size: 18px;line-height: 28px;} .case_dWhy{overflow: hidden;margin: 120px 0;} .case_dWhyL{float: left;width:40%;} .case_dWhyL img{width: 100%;} .case_dWhyR{width: 60%;float: right;padding: 60px;} .child_contact{background: url("../images/banner_contact.jpg") no-repeat;background-size: cover !important;position: relative;width: 100%;} .child_contact txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .contact{overflow: hidden;margin: 60px 0; margin-bottom: 130px;} .contactList{overflow: hidden;} .contactList li{float: left; width: 33.33333%; text-align: center;} .contactCon{margin:30px;} .contactImg{} .contactImg img{ width: 100px;} .contactImg1{} .contactImg1 img{border: 1px solid #ddd; width: 120px;} .contactTxt{color: #000; font-size: 18px;padding:20px 0;} .contacSub{color: #000; font-size: 18px;} .feedback{background: #f7f7f7;padding: 60px 0;} .feedbackT{color: #080404;font-size: 38px;line-height: 38px;text-align: center;padding-bottom:20px;} .feedbackSub{color: #a7a7a7;font-size: 18px;line-height: 28px;text-align: center;margin-bottom: 60px;} .quoteForm {display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;width: 80%;margin: 0 auto;} .quoteForm>input, .quoteForm>select {width: calc(50% - 11px);float: left;height: 56px;line-height: 56px;background-color: #fff;padding: 0 20px;font-size: 18px;color: #696969;border: 1px solid #e1e1e1;margin-bottom:40px;} .quoteForm>select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/jiantou.png) no-repeat right center #fff;color: #858585;} .quoteForm>textarea {width: 100%;float: left;height: 120px;background-color: #fff;padding: 15px 20px;font-size: 18px;line-height: 26px;color: #696969;border: 1px solid #e1e1e1;} .quoteForm>input::-webkit-input-placeholder, .quoteForm>input:-moz-placeholder, .quoteForm>textarea::-webkit-input-placeholder, .quoteForm>textarea:-moz-placeholder {color: #858585;} .quoteForm>button {width: 100%; height: 56px;background-color: #115fad;font-size: 18px;color: #fff;margin-top: 40px;} .child_download{position: relative;width: 100%;} .child_download txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .download{overflow: hidden;margin:120px 0;} .downloadList{overflow: hidden;} .downloadList li{ width: 33.33%; float: left; text-align: center;} .downloadList li a{display: block;margin: 30px;} .downloadImg{color: #fff; font-size: 24px; font-weight: bold;background: url("../images/download_img1.jpg") no-repeat;background-size: cover !important;padding: 120px 0;} .downloadTxt{overflow: hidden;background: #f7f7f7;padding: 60px;} .downloadSub{color: #000000; font-size: 18px;line-height: 28px;padding-bottom: 40px;} .downloadA{color: #000000; font-size: 18px;line-height:44px;border: 1px solid #000000;width: 150px; margin: 0 auto;} .downloadList li:hover .downloadA{background: #115fad; color: #fff;border: 1px solid #115fad;} .child_vedio{position: relative;width: 100%;} .child_vedio txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .vedio{width: 100%;padding:120px 0; overflow: hidden;background: #f7f7f7;} .vedioList{overflow: hidden;} .vedioList li{width: 100%;overflow: hidden;background: #fff;padding: 60px;margin-bottom: 60px;} .vedioL{width: 40%;float: left;} .vedioL a{} .vedioL img{width: 100%;} .vedioR{width:60%; float: right;padding:120px 60px 120px 120px;} .vedioTitle{color: #080404;font-size: 32px;line-height: 38px;padding-bottom:20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .vedioTxt{color: #000000; font-size: 18px;line-height: 28px;} .child_question{position: relative;width: 100%;} .child_question txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .question{overflow: hidden;background: #f7f7f7; padding: 120px 0;} .questionList{overflow: hidden;} .questionList li{background: #fff;margin-bottom: 40px;padding:40px;} .questionT{overflow: hidden;color: #080404; font-size: 20px;line-height:28px;} .questionT span{background: url("../images/question_icon1.png") no-repeat;width: 50px;height: 28px;display: block; float: left;} .questionT i{float: right; display: block; background: url("../images/question_icon3.png") no-repeat;width: 50px;height: 50px;} .questionC{overflow: hidden; color: #a7a7a7; font-size: 16px;line-height:28px;} .questionC span{background: url("../images/question_icon2.png") no-repeat;width:50px;height: 28px;display: block; float: left;height:80px;} .questionList li:hover .questionT i{background: url("../images/question_icon4.png") no-repeat;} /* .questionList li:hover .questionC{height:80px;} */ .child_news{position: relative;width: 100%;} .child_news txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .news{overflow: hidden;margin: 60px 0} .newsList{overflow: hidden;} .newsList li{overflow: hidden;width: 100%;background: #f7f7f7; padding: 40px;margin-bottom: 40px;} .newsList li a{display: block;} .newsImg{width:28%;float: left;} .newsImg img{width: 100%;border-radius: 8px;} .newsCon{overflow: hidden; float: right;width:72%;padding: 20px 20px 60px 60px;} .newsClass{color: #115fad; font-size: 18px;} .newsTitle{color: #080404; font-weight: bold; font-size: 22px;padding: 20px 0;} .newsDate{font-size: 15px; color: #000000;border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;} .newsTxt{color: #a7a7a7; font-size: 16px;line-height:28px;} .child_news_d{background: url("../images/banner_news_d.jpg") no-repeat;background-size: cover !important;height:387px;position: relative;width: 100%;} .child_news_dDate{color: #fff;font-size:16px;padding-top: 120px;padding-bottom: 20px;} .child_news_dTxt{color: #fff;font-size: 32px;line-height: 32px; font-weight: bold;} .news_d{overflow: hidden;margin: 60px 0} .news_dCon{color: #000000; font-size: 16px;line-height:28px} .news_dCon .txt{line-height: 35px;} .news_dCon h1{ line-height: 40px;} .news_dCon .news_dDate{ padding: 20px 0;} .child_application{position: relative;width: 100%;} .child_application txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .applicationgs{overflow: hidden;margin: 50px 0; margin-bottom: 0 !important; padding: 0 50px;} .applicationgsL{width: 50%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 18px;line-height: 28px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationsc{overflow: hidden;background: #f7f7f7; padding: 50px 50px;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: url("../images/application_img2.jpg") no-repeat;background-size: cover !important;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #000000;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #fff; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .child_application_d{position: relative;width: 100%;} .child_application_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .application_djs{overflow: hidden;margin: 60px 0;} .application_djsL{width: 50%;float: left;padding-right: 60px;} .application_djsLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .application_djsTC{color: #000000; font-size: 18px;line-height: 38px;} .application_djd{overflow: hidden;background: #f7f7f7; padding: 60px 0;} .application_djdT{text-align: center; color: #080404;font-size: 40px;line-height: 38px;padding-bottom: 10px;} .application_djdC{overflow: hidden;} .application_djdImg{width: 55%;float: left;} .application_djdImg img{width: 100%;} .application_djdR{width: 40%;float: right;padding: 120px 0;} .application_djdRT{color: #115fad;font-size:30px;line-height: 38px;padding-bottom: 20px;} .application_djdRC{color: #000000; font-size: 18px;line-height: 28px;} .application_dlb{overflow: hidden;padding: 60px 50px; padding-bottom: 60px;} .application_dlb:nth-child(2n+1){background-color: #e2e4e9;} .application_dlbList{overflow: hidden;} .application_dlbList h3{ font-size: 20px;} .application_dlbList h1{ height: auto !important; height: 60px; line-height: 60px;} .application_dlbList table{width: 100% !important;} .application_dlbList table th{background: #115fad;color: #fff;font-size: 20px;padding: 20px;} .application_dlbList table td{color: #696969;font-size: 18px;padding: 20px;border-bottom: 1px solid #ddd;} .application_dlbList table a{color: #696969;} .application_dlbList table a:hover{color: #115fad;} .application_dCase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .application_dcaseList{overflow: hidden;} .application_dcaseList li{float: left;width: 50%;} .application_dcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .application_dcaseList li a:hover{background: #115fad;} .application_dcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .application_dcaseList li a:hover .indexcaseName{color: #fff;} .application_dcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .application_dcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .application_dSb{overflow: hidden;padding: 120px 0;} .child_pro{position: relative;width: 100%;} .child_pro txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .pro{overflow: hidden;margin: 40px 0;} .proList{overflow: hidden;} .proList li{float: left;width: 33.33%;text-align: center;} .proList li:first-child{width: 100%;text-align: left;} .proList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .proList li:first-child>a .indexjsImg{float: left;background-size: cover;width:40%; } .proList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .proList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 40px;} .proList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; } .indexjsTxt1{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; padding-left: 0 !important;padding-bottom: 40px;} .indexjsMore{} .indexjsline{height: 2px;background: #fff;width: 100%;} .proList li>a:hover .indexjsName{color: #115fad;} .proList li>a:hover .indexjsline{background: #115fad;} .proList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .pro_listgs{overflow: hidden;margin: 60px 0; padding: 0 60px;} .applicationgsL{width: 55%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 16px;line-height: 35px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationgsR{width: 45%;float: right; text-align: right;} .applicationgsR img{width: 100%;margin-top: 80px;} .applicationClass{overflow: hidden;background: #f7f7f7; padding: 60px 30px;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: #fff;background-size: cover; text-align: center;} .applicationscImg img{width: 100%; max-height: 220px; display: inline-block;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #F2F2F2;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #000; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .pro_list_dgs{overflow: hidden;margin: 30px 0;} .pro_list_dcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .footer{width: 100%; overflow: hidden;padding:30px 100px 0 100px; display: block; background: rgb(0, 94, 173) no-repeat; no-repeat;background-size: cover;} .footerL{ display: block; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between;} .footerLogo{padding-bottom: 21px;} .footerLogo img{width: 180px;} .footerweixin{text-align: center;} .footerweixin img{width: 130px;} .footerweixin p{color: #ffffff; font-size: 13px;padding-top: 0px;} .footerR{width: 80%; float: right;padding-bottom: 0px;} .footerLeft {width:auto;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .footerBox {float: left;} .footerTitle {display: block;overflow: hidden;font-size:20px;color: #fff;font-weight: bold;margin-bottom:30px;} .footerList {display: block;overflow: hidden;} .footerList>li {display: block;overflow: hidden;line-height:32px;} .footerList>li>a {font-size:14px;color: #7fa6cb; font-weight: normal;} .footerList>li>a:hover {color: #fff;} .footerRight {width:365px;float: right;} .footerTel{font-size: 22px;color: #fff; font-weight: bold;} .footerTel img{padding-right: 20px;} .footerday{color: #7fa6cb; font-size: 14px;padding: 10px 0; font-weight: bold;} .footerNav{} .footerNav a{display: block;float: left;padding-right: 20px;} .copyright {width: 100%;display: flex;color: #7fa6cb;font-size:13px;padding-top: 0px; line-height:45px; justify-content: center; background-color: rgb(6, 73, 130);} .copyright a {color: #7fa6cb;margin: 0 5px;} .copyright a:hover {color: #fff;} .footer .left{ display: block; float: left; width: 30%;} .footer .right{ display: block; float: right; width: 70%;} .footerline{ border-bottom: 1px solid rgba(255,255,255,.3);} .overflow{overflow: hidden;} .padding{padding: 0px 0; padding-top: 20px;} .support{} .support h1{ font-size: 46px; margin: 21px 0; color: #fff; font-weight: bold; } .support h2{ font-size: 20px; line-height: 1.75; color: #fff; padding-top: 15px;} .support a{ display: block; width: 208px; height: 48px; background: #ffffff; font-size: 16px; color: #fff; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #0091dc; } .support a::before { content: ''; width: 100%; height: 100%; background: #0091dc; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .support a:hover::before{ width: 0; opacity: 0; } .support a:hover{ color: rgb(0, 0, 0);} #backToTop { position: fixed; bottom: 2rem; right: 10px; bottom: 50px; background-color: #0091dc; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.3s; cursor: pointer; border: none; } #backToTop:hover { background-color: #0091dc; } #backToTop:focus { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); } #backToTop.visible { opacity: 1; visibility: visible; } #backToTop i{ font-size: 22px; font-weight: 100;} .mainleft{ display: block; float: left; width: 280px;} .about_title{display:block; overflow:hidden; padding:15px 0; color:#fff; text-align:center;background-size: cover; position: relative; background-color:#115fad; padding: 24px 0;} .about_title::before{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; top:0px; left: 10px; transform: rotate(125deg);} .about_title::after{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; bottom:0px; right: 10px; transform: rotate(125deg);} .about_p { line-height: 35px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 30px; font-weight: bold; } .about_sp { line-height: 30px; font-size: 22px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: bold; } .mainright{ display: block; float: right;width: calc(100% - 320px);} .leftnav{ display: block; padding-top: 30px;} .leftnav ul{ display: block; } .leftnav ul li{ display: block; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; box-sizing: border-box; } .leftnav ul li a{ font-size: 18px; font-weight: normal; display: block; padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: url(../images/icon_navchild.png) no-repeat right; } .leftnav ul li a:hover{ background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .leftnav ul li ul{ display: none; } .leftnav ul li:hover ul{ display: block; } .leftnav ul li ul li{ display: block; line-height: 40px; font-size: 16px; color: #000000; font-weight: normal; box-sizing: border-box; } .leftnav ul li ul li a{ color: #000000; padding: 5px 15px; display: block; width: 100%; font-size: 15px; background:none; text-indent: 20px; transition: none; } .leftnav ul li ul li a:hover{background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .serachbutton{ display: none; transition: all 1s ease; height: 0px; overflow: hidden; width: 100%; background-color: #fff; position: absolute; z-index: 999999999999; border-top: 1px solid #a7a7a7; left: 0; top:88px; box-sizing: border-box; padding: 17px 100px;} .serachbutton form{ display: block; width: 600px; margin: 0 auto; display: flex; flex-flow: row nowrap;} .serachbutton form input{ display: block; width: 90%; outline: none; border: none; border-bottom: 1px solid #E9E9E9; font-size: 18px;} .serachbutton form button{ background: none; outline: none; border: none; } .serachbutton form button img{ } .serachbutton.on{ height: 70px; display: block;} .bottom{ padding: 20px 0; box-sizing: border-box; padding: 20px 0px;} .bottom .left{ display: block; float: left; width: 40%;} .bottom .right{ display: block; float: right; width: 60%; padding-top: 20px; text-align: center;} .bottom .right a{ margin-left: 400px;} .bottom .left h1{ color: #fff;} .bottom .left h2{ color: #fff;} .bottom .wrap.padding{ border-bottom: 1px solid #fff;} img{max-width: 100%;} .yangping{ display: block; width: 80%; margin: 0 auto;} .yangping > ul{ margin: 10px auto; box-sizing: border-box; padding: 10px; border: 1px solid #e9e9e9;} .text-center{ text-align: center;} .btn{ display: block; width: 208px; height: 48px; background: #f7f7f7; font-size: 16px; color: #115fad; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #115fad; border-radius: 30px; } .btn::before { content: ''; width: 100%; height: 100%; background:none; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .btn:hover::before{ width: 0; opacity: 0; } .btn:hover{ color: rgb(0, 0, 0);} /* 表格整体样式 */ .custom table { width: 100%; border-collapse: collapse; text-align: left; font-family: Arial, sans-serif; } /* 表头样式 */ .custom table thead th { background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; font-weight: bold; } /* 表体单元格样式 */ .custom table tbody td { border: 1px solid #e2e4e9; padding: 10px; } /* 所有表体行的背景色（默认白色） */ .custom table tbody tr { background-color: #e2e4e9; } .custom table tbody tr td{ font-size: 12px ; line-height: 20px;} .custom table tr:nth-child(1){ background: #0091dc; height: 44px;} .custom table tr:nth-child(1) td{ color: #fff; font-size: 18px; font-weight: bold; background-color: #0091dc !important;} /* 奇数行的背景色 */ .custom table tbody tr:nth-child(odd) { background-color: #ffffff; } .custom table tbody tr:nth-child(even) { background-color: #f7f7f7; } /* 鼠标悬停行的背景色 */ .custom table tbody tr:nth-child(odd):hover { background-color: #f1f1f1; } .custom table tbody tr:nth-child(even):hover { background-color: #f1f1f1; } .joinzw{ display: block; padding: 60px 0; text-align: center; width: 100%; padding-bottom: 130px;} .sl{ display: block; padding-top: 50px; text-align: center;} .left{ dsisplay:block; width: 55.8%; float: left;box-sizing: border-box;} .right{ dsisplay:block; width: 44.2%; float: left;box-sizing: border-box;} .left img,.right img{ width: 100%;} .left{ padding-right: 10px; } .right{ padding-left: 10px; } .right img:first-child{ margin-bottom: 20px;} .syszj{ display: block; padding: 60px 0; overflow: hidden; text-align: center; background: url(../images/sysjz.jpg) no-repeat center center; background-size: cover; width: 100%;} .zllist{display: block; width: 100%; padding-top: 50px;} .zllist li{ display: block; width: 24%; margin-right: 1.33333%; float: left; background: #fff; border-radius: 10px; overflow: hidden;} .zllist li:nth-child(4n){ margin-right: 0;} .zllist li > img{ width: 100%;} .zllist li h1{ font-size: 22px; padding: 20px; padding-top: 45px;} .zllist li span.line{ display: block; margin: 0 auto; width: 50px; height: 1px; background: #dfdfdf;} .zllist li .nr{ padding: 15px 0; line-height: 30px; font-size: 18px;} .zllist li .icon img{ float: right; margin-right: 20px; margin-bottom: 20px; margin-top: 10px;} .cxyf{display: block; padding: 60px 0; background: #f5f7f9; overflow: hidden; } .cxlist{ display: block; padding-top: 50px; overflow: hidden;} .cxlist li{ display: block; width: 50%; box-sizing: border-box; float: left; padding: 10px 10px 10px 0; position: relative;} .cxlist li img{ width: 100%;} .cxlist li span{ position: absolute; bottom: 50px; left: 50px; font-size: 26px; color: #fff;} .cxicon{ display: block; width: 100%; margin-top: 100px; background: #fff; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .cxicon li{ width: 30%; text-align: center;} .cxicon li .img{margin-top: -50px;} .cxicon li h1{ padding: 25px; color: #115fad;} .cxicon li p{ padding: 10px; padding-bottom: 50px;} .bzh{ background: none;display: block; padding: 60px 0;} .bzh .sw{ padding-top: 50px;} .btnarr { display: block; width: 100%; margin-top: 20px;} .btnarr a{ display: block; width: 49.5%; float: left; height: 45px; position: relative;} .btnarr a span.line{ display: block; width: 100%; height: 1px ; background: #d4d4d4; margin-top: 22px;} .btnarr a span.icon{ display: block; width: 50px; height: 45px; position: absolute; top:0;right: 0; } .btnarr a.l span.icon{ background: url(../images/aoff.png) no-repeat center right #fff;;} .btnarr a.l span.icon:hover{ background: url(../images/aon.png) no-repeat center right #fff;;} .btnarr a.r { float: right;} .btnarr a.r span.icon{ float: right;background: url(../images/a1off.png) no-repeat center left #fff;; left: 0;} .btnarr a.r span.icon:hover{ background: url(../images/a1on.png) no-repeat center left #fff;;} .zzzs{display: block; width: 100%; margin: 0 auto;} .zzzs .icon{ background:url(../images/bg02.png) no-repeat center center; line-height: 62px; color: #000; text-align: center; margin-bottom: 20px;} .zzzs:hover .icon{ background:url(../images/bg01.jpg) no-repeat center center; line-height: 62px; color: #115fad;} .zzzs .body{ display: block; box-sizing: border-box; width: 100%; padding: 0px;border-radius: 8px; margin-bottom: 10px; } .zzzs .body img{ width: 100%;} .gsry{ display: block; padding: 60px 0 60px 0; width: 100%; background: url(../images/zzbg.jpg) no-repeat center top; overflow: hidden; background-size: cover;} .rylist{ display: block; width: 100%; padding-top: 50px; overflow: hidden;} .rylist li{ width: 32%; float: left; margin-right: 2%; box-sizing: border-box; padding: 25px 30px 80px 30px; background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); } .rylist li:nth-child(3n){ margin-right:0;} .rylist li .line{ height: 1px; display: block; width: 100%; background: #d0d0d0; margin-bottom: 30px;} .rylist li h1{ font-size: 22px; color: #0270c9; padding: 20px 0;} .rylist li .nr{ font-size: 18px; line-height: 1.5; } .picnews{overflow: hidden; margin-top:30px} .picnews li{overflow: hidden;width: 100%;background: #fff; padding: 0px;margin-bottom: 40px;} .picnews li a{display: block;} .picnews li a .img{ display: block; width: 50%; float: left; background:#f9f9f9 ; text-align: center; box-sizing: border-box; padding: 20px;} .picnews li a .img img{ width: 70%;} .picnews li a .con{ display: block;width: 50%; float: left; background: #fff; box-sizing: border-box; padding: 15px 15px 15px 25px;} .picnews li a .con .btns{ display: block; width: 120px; height: 40px; line-height: 40px; background: #115fad; color: #fff; text-align: center; border-radius: 5px; margin-top: 30px;} .txtnews{ display: block; width: 100%; padding-top: 45px;} .txtnews li{ display: block; width: 24%; margin-right: 1.333333%; float: left; border-top: 4px solid #115fad; background: #fff; padding: 0 20px;} .txtnews li:nth-child(4n){ margin-right: 0;} .txtnews li a{ display: block; width: 100%;} .txtnews li a .newsCon{ display: block; width: 100%; padding: 0;} .txtnews li a .newsCon .newsDate{ font-size: 14px; padding: 20px 0; border: none; margin: 0;} .txtnews li a .newsCon .newsTitle{ font-size: 16px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 50px;} .txtnews li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; height: 160px;} .btns{ display: block; text-align: right; box-sizing: border-box; padding-right: 20px; padding-bottom: 0px; color: #115fad; font-weight: bold;} .btns i{ margin-left: 10px; font-weight: 200; transition: all .3s ease-in-out;} .btns:hover i{ margin-left: 15px;} .btns a{ color: #115fad; font-weight: bold;} .aboutjoin1{ padding-bottom: 130px;} a.btnblue{ display: block; color: #115fad; font-weight:bold;} a.btnblue:hover{ color: #115fad; text-decoration: underline;} a.btnblue i{ margin-left: 10px; transition: all 0.3s ease-in-out;} a.btnblue:hover i{ margin-left: 15px;} .picnewss{ display: block; width: 100%; padding-top: 45px;} .picnewss li{ display: block; width: 32%; margin-right: 2%; float: left; background: #f0f1f3; padding:0 0 20px 0;} .picnewss li:nth-child(3n){ margin-right: 0;} .picnewss li a{ display: block; width: 100%;} .picnewss li a .img{ display: block; width: 100%;} .picnewss li a .img img{ width: 100%; height: 300px;} .picnewss li a .newsCon{ display: block; width: 100%; padding:0 20px 0 20px;} .picnewss li a .newsCon .newsDate{ font-size: 14px; padding: 10px 0; border: none; margin: 0;} .picnewss li a .newsCon .newsTitle{ font-size: 15px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 35px;} .picnewss li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; } } @media (max-width:1200px) and (min-width:998px){ .phone{ display:none !important;} html,body{ display: block; min-width: 1000px;} body{background: #fff; font-size:14px; font-family: "Microsoft YaHei", "微软雅黑", SimHei, "黑体", Arial, Helvetica, sans-serif;color:#080404;} .wrap{ width:100%; margin:0 auto; display: block; box-sizing: border-box; padding: 0 10px;} .header {width: 100%;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 12;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .header>.wrap {display: -webkit-flex; /* Safari */ display: flex;-webkit-justify-content: space-between; /* Safari */ justify-content: flex-start;} .headerActive {box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);} .logo {padding: 20px 0;} .logo>a {width: 216px;} .logo img {width: 100%;display: block;height: auto; max-height: 48px;} .navlist {width: 61.25%;display: flex;} .nav {width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start; margin-left: 70px; } .nav>li {height: 100%;float: left;position: static; padding-top:15px } .nav>li>a {width: 100%; display: block; float: left;overflow: hidden;height: 100%;text-align: center;font-size:18px;color: #080404;display: flex;align-items: center;align-content: center;justify-content: center;transition:all 0s linear !important; padding: 0px 30px; } .nav>li:hover>a,.nav>li.liActive>a {color: #115fad;font-weight: bold;} .nav>li:hover>a::after,.nav>li.liActive>a::after {width: 100%;} .nav>li.on > a{ border-radius: 0px 25px 0 0; background:#115fad ; color: #fff;} .navChild {display:none; flex-flow: row nowrap; justify-content: flex-start; float: left; left: 10px; width: 60%; background-color:#fff;position: absolute;top: 100%;z-index: 9;padding: 0px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .navChildL{float: left;color: #115fad;font-weight: bold; font-size: 32px;line-height: 40px;padding-top: 20px; width: 190px;height: 80vh;} .navChild { display: none; flex-flow: row nowrap; justify-content: flex-start;} .navChild .left{ display: block; overflow-y: scroll; height: 80vh; } .navChild .left ul{ display: block; width: 333px; padding-top: 20px;} .navChild .left ul li{ line-height: 58px; text-indent: 40px;} .navChild .left ul li:hover{ background: #f3f5f9;} .navChild .left ul li.on{ background: #f3f5f9;} .navChild .left ul li a{ display: block; height: 100%; font-size: 15px; font-weight: bold;} .navChild .right{ display: block; height: 100%; flex: 1; height: 80vh; overflow: hidden;} .navChild .right .list{ display: none; overflow: hidden; } .navChild .right .list h1{ display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 0 30px; font-size: 20px; font-weight: bold; height: 105px; line-height: 105px; color: #ffffff; background: #115fad; } .navChild .right .list h1 span{ display: inline-block; float: right; height: 45px; line-height: 45px; color: #fff; background: #ea5b25; box-sizing: border-box; border-radius: 20px 0 20px 0 ; font-size: 15px; padding: 0 25px; } .navChild .right .list h1 span a{ color: #fff; font-size: 15px; line-height: 45px; } .navChild .right .list:first-child{ display: block;} .navChild .right .list ul{ display: block; padding: 0 15px; overflow-y: scroll; height: -webkit-calc(80vh - 110px); /* Safari 6, Chrome 19-25 */ height: -moz-calc(80vh - 110px); /* Firefox 4-15 */ height: calc(80vh - 110px); } .navChild .right .list ul li{ line-height: 58px; text-indent: 40px; border-bottom: 1px solid #ebebeb;} .navChild .right .list ul li:hover{ background: #f3f5f9;} .xl{ position: relative !important;} .xl ul{ display: none; position: absolute; left: 0; top:88px; width: 130%;} .xl ul li{ display: block; width: 100%; line-height: 38px; color: #fff;} .xl ul li a{ display: block; width: 100%; line-height: 38px; color: #fff; border-bottom: 1px solid transparent; font-weight: bold;} .xl ul li:hover a{ border-bottom: 1px solid #fff; font-size: 15px; } .xl.on ul{ display: block; background: #115fad; box-sizing: border-box; padding: 10px 20px;} .navChild>ul{float: right;width:280px;} .navChild>ul>li>a {display: block;overflow: hidden;height:60px;line-height: 60px;font-size: 18px;color: #676767;white-space: nowrap;border-bottom: 1px solid #e9e9e9;background: url("../images/icon_navchild.png") no-repeat center;background-position: 240px;} .navChild>ul>li:hover>a {color: #115fad;background: url("../images/icon_navchild_on.png") no-repeat center #f3f5f9; box-sizing: border-box; padding: 0 10px; background-position: 250px;} .nav>li.on .navChild {display: flex; border: 8px solid #115fad; border-radius: 20px 0 0 0 ; } .navChild>ul{ position: relative;} .navChild>ul>li> ul{ display: none; position: absolute; top:0; left: 100%; width: 350px; } .navChild>ul>li:hover> ul{ display: block; box-sizing: border-box; padding-left: 30px; } .navChild>ul>li> ul>li{ width: 50%; float: left; box-sizing: border-box; padding: 5px;} .navChild>ul>li> ul>li>a{ display: block; width: 100%; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 36px; color: #676767; } .navChild>ul>li> ul>li>a:hover{ color:#115fad ;} .subnav{ display: block; text-align: center; margin-top: -30px; padding-bottom: 00px; } .subnav>li{ display: inline-block; line-height: 35px; padding: 0 10px; } .subnav>li>a{ color: #115fad;font-size: 22px; line-height: 35px; background:none; display: inline-block; padding: 5px 20px;} .subnav>li>a:hover{ background:rgba(17, 95, 173, 0.9) ; color: #fff; } .subnav>li.on>a{ background: rgba(17, 95, 173, 0.9) ; color: #fff; } .language{margin:31px 0 0 0 ; margin-left: auto; box-sizing: border-box; padding-top: 6px; } .language li{float: left;} .language i{display: block; width:1px;height:22px;background: #d7d7d7;float: left;margin: 0 20px;} .language li img{float: left;} .language li span{font-weight: bold;font-size:16px;color: #818181; padding-left: 10px;} .language form{ display: block; } .language form input{ width: 180px; height: 25px; line-height: 25px; box-sizing: border-box; padding: 5px; border: 1px solid #d7d7d7; margin-right: 20px;} .language form input:focus{outline: none;} .language form button{ background: none; display: flex; align-items: center; justify-content: space-between} .language form button{ font-size: 186x; font-weight: bold; border: none; outline: none;color: #818181;} .language form button img{ margin-right: 10px;} .banner {width: 100%;position: relative;overflow: hidden;} .bannerSwiper img {width: 100%;display: block;height: auto;} .bannerSwiper .swiper-pagination {opacity: 1;bottom: 15px;display: flex;justify-content: center;} .bannerSwiper .swiper-pagination-bullet {width:14px;height: 14px;float: left;background: #fff;opacity: 0.5;} .bannerSwiper>.swiper-pagination-bullets .swiper-pagination-bullet,.bannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;} .bannerSwiper .swiper-pagination-bullet-active {opacity: 1;background: #fff;} .bannerSwiper:hover .swiper-pagination {opacity: 1;} .bannerSwiper .banner-prev,.bannerSwiper .banner-next {left: 2%;top: 50%;position: absolute;z-index: 9;transform: translateY(-50%);font-size: 60px;color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);opacity: 0;outline: none;cursor: pointer;} .bannerSwiper .banner-next {left: initial;right: 2%;} .bannerSwiper:hover .banner-next,.bannerSwiper:hover .banner-prev {opacity: 1;} .indexapp{overflow: hidden;margin: 60px 0;} .indexTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size: 40px;line-height: 40px;} .indexSub{color: #a7a7a7;font-size: 18px;line-height: 18px;padding:27px 0 30px 0; display: none;} .indexappList{overflow: hidden; padding-top: 50px;} .indexappList li{float: left;width: 33.3333%;position: relative;} .indexappList li a{display: block; margin:10px;} .indexappImg{overflow: hidden;width: 100%;} .indexappImg:hover{transform: scale(1);} .indexappImg img{border-radius: 0px;width: 100%; display: block;} .indexappName{position: absolute;bottom:0px;left: 00px;font-size: 15px; line-height: 50px; color: #000; width: 100%; text-align: center; background: #F2F2F2} .indexappList li a{ position: relative;} .indexappList li:hover .indexappName{ background: rgb(0, 94, 173) ; color: #fff; color: #fff; text-align: center;} .indexjs{overflow: hidden;background: #f7f7f7;padding: 30px 0; } .indexjsList{overflow: hidden; padding-top: 30px;} .indexjsList li{float: left;width: 33.33%;text-align: center;} .indexjsList li:first-child{width: 100%;text-align: left;} .indexjsList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .indexjsList li:first-child>a .indexjsImg{float: left;background: url("../images/index_pro_img1.jpg") no-repeat;background-size: cover !important;width:40%; } .indexjsList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .indexjsList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 0px;} .indexjsList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #898989;font-size:14px;padding: 40px;line-height:28px;} .indexjsline{height: 2px;background: #fff;width: 100%;} .indexjsList li>a:hover .indexjsName{color: #115fad;} .indexjsList li>a:hover .indexjsline{background: #115fad;} .indexjsList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexabout{overflow: hidden; background-size: cover; box-sizing: border-box; padding: 30px;} .indexaboutL{width:55%; float: left;padding:40px 40px 0 0;background: #f0f1f3; padding: 30px; box-sizing: border-box; height: 100%;} .indexaboutTitle{overflow: hidden;} .indexaboutCn{color: #000000; font-weight: bold;font-size: 36px;line-height: 40px;} .indexaboutSub{color:rgba(255, 255, 255, 0.66);font-size: 18px;line-height: 18px;padding:20px 0 30px 0;} .indexaboutCon{font-size: 14px; color: #000000;line-height: 28px;height: 145px;overflow: hidden;} .indexaboutMore{overflow: hidden; margin-top: 30px;background: url("../images/icon_more.png") no-repeat center;background-position: 70px;} .indexaboutMore a{color: rgb(0, 94, 173);font-size: 15px; transition: all .3s ease; display:inline-block; padding-right: 20px; background-size: auto 50%;} .indexaboutMore a i{ font-size: 22px; margin-left: 5px; float: right;transition: all .3s ease;} .indexaboutMore:hover a i{ background-position: 98% center; margin-left: 10px;} .indexaboutR{width:45%; float: right;overflow: hidden;display: block;background-size: cover;background: #f0f1f3; box-sizing: border-box; padding: 30px;} .indexaboutR a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; } .indexaboutR video{width: 100%; object-fit: cover; border-radius: 10px;} .indexabout .wrap{ display: flex;align-items: stretch; flex-flow: row nowrap;background: #f0f1f3;} .indexcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .indexcaseList{overflow: hidden;} .indexcaseList li{float: left;width: 50%;} .indexcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .indexcaseList li a:hover{background: #115fad;} .indexcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexcaseList li a:hover .indexcaseName{color: #fff;} .indexcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .indexcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .indexhz{overflow: hidden;background: #f0f1f3; background-size: cover !important;padding: 60px 0; padding-bottom: 130px;} .indexhzTitle{overflow: hidden;text-align: center;} .indexCn{color: #000; font-weight: bold;font-size:clamp(22px,3.5vw,36px);line-height: 40px;} .indexhzSub{color:rgba(0, 0, 0, 0.66);font-size: 18px;line-height: 18px;padding:27px 0 60px 0;} .indexhzList{overflow: hidden; padding-top: 50px;} .indexhzList li{width: 12.5%; text-align: center;float: left; box-sizing: border-box; padding: 5px; } .indexhzList li img{object-fit: fill; max-width: 100%; max-height: 100%; } .indexhzList li a{display: block; box-sizing: border-box; padding: 0px; width: 100%; height: 100%;} .indexhzList li a img{max-width: 100%;border-radius: 8px;transition: all 0.8s linear; max-height: 100%;} .indexhzList li:hover a img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .indexnews{overflow: hidden;background: #fff; padding: 35px 0;} .indexnewsList{overflow: hidden; padding-top: 30px;} .indexnewsList li{float: left; width: 33.33%;} .indexnewsList li a{display: block;overflow: hidden;margin: 30px;background: url("../images/index_news_img.jpg") no-repeat; background-size: cover !important;border-radius: 15px;padding:50px;transition: background 1s;} .indexnewsCon{overflow: hidden;} .indexnewsClass{color: #fff;font-size: 18px;} .indexnewsName{color: #fff;font-size:24px;font-weight: bold;padding:40px 0;line-height: 30px;} .indexnewsTxt{color:rgba(0,0,0,0);font-size: 18px;line-height: 30px;height: 100px;} .indexnewsDate{overflow: hidden;border-top: 1px solid rgba(255,255,255,0.43);padding-top: 50px;margin-top: 50px;} .indexnewsDay{color: #fff; font-size: 58px;line-height: 58px;float: left;} .indexnewsR{float: right;text-align: right;} .indexnewsYear{font-size:20px; color: #fff;padding-bottom: 10px;} .indexnewsMore{color: #fff;font-size: 15px;background: url("../images/icon_more.png") no-repeat;width: 20px;height: 14px;float: right;} .indexnewsList>li>a:hover{background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .indexnewsList>li>a:hover .indexnewsClass{color: #000000;} .indexnewsList>li>a:hover .indexnewsName{color: #080404;} .indexnewsList>li>a:hover .indexnewsTxt{color: #000000;line-height: 30px;height:150px;} .indexnewsList>li>a:hover .indexnewsDate{border-top: 1px solid #e1e1e1;} .indexnewsList>li>a:hover .indexnewsDay{color: #115fad;} .indexnewsList>li>a:hover .indexnewsYear{color: #080404;} .indexnewsList>li>a:hover .indexnewsMore{background: url("../images/icon_more_on.png") no-repeat;} .dw{width: 100%;background: #f7f7f7;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color: #a7a7a7;font-size: 16px;line-height:60px;} .dw a{color: #000000;} .dw span{color: #115fad;} .child_about{position: relative;width: 100%;} .child_about txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .aboutjj{overflow: hidden;} .aboutjjL{background: url("../images/index_about_bg.jpg") no-repeat;background-size: cover !important;width:55%; float: left;padding:120px 120px 120px 5%;} .aboutjjTitle{overflow: hidden;} .aboutjjCn{color: #fff; font-weight: bold;font-size: 40px;line-height: 40px;} .aboutjjSub{color:rgba(255,255,255,0.66);font-size: 18px;line-height: 18px;padding:20px 0 60px 0;} .aboutjjCon{font-size: 18px; color: #fff;line-height: 28px;height:229px;overflow: hidden;} .aboutjjR{width:45%; float: right;overflow: hidden;display: block;background: url("../images/index_vedio_img.jpg") no-repeat;background-size: cover !important;height: 609px;} .aboutjjR a{} .aboutxq{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .aboutxqTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .aboutxqList{overflow: hidden;margin-top: 60px;} .aboutxqList li{width: 20%;float: left;text-align: center;} .aboutxqimg{} .aboutxqimg img{} .aboutxqtxt{color: #000000; font-size: 22px;padding-top: 30px;} .aboutjoin{overflow: hidden;margin: 120px 0;} .aboutjoinL{float: left;width:40%;} .aboutjoinL img{width: 100%;} .aboutjoinR{width:55%;float: right;} .aboutjoinTitle{color: #080404;font-size: 38px;line-height: 38px;margin-bottom: 60px;} .aboutjoinTxt{color: #000000;font-size: 18px;line-height: 28px;} .aboutjoinMore{font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .aboutjoinMore a{color: #115fad;} .aboutjoinMore:hover{background: url("../images/icon_more_on.png") no-repeat right center;background-position:80px;} .child_join{position: relative;width: 100%;} .child_join txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .joinhy{overflow: hidden;margin: 120px 0;} .joinhyTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .joinhyImg{width: 68%; text-align: center;margin: 0 auto;} .joinhyImg img{width: 100%;} .joinhyImg video{ width: 100%;} .joinwh{overflow: hidden;} .joinwhTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinwhList{overflow: hidden;margin: 60px 0;} .joinwhList li{width: 100%;overflow: hidden;background: #f7f8fa; margin-bottom: 15px;rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; animation-name: fadeInUp; } .joinwhImg{width:50%;} .joinwhImg img{width: 100%; display: block;} .joinwhR{width: 50%;padding-left: 120px;} .joinwhT{padding-top: 77px;} .joinwhTxt{padding-top: 30px;} .joinwhList>li.one .joinwhImg{float: left;} .joinwhList>li.one .joinwhR{float: right;} .joinwhList>li.one .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.one .joinwhTxt{color: #000000;font-size:18px;line-height:26px;} .joinwhList>li.two .joinwhImg{float: right;} .joinwhList>li.two .joinwhR{float: left;} .joinwhList>li.two .joinwhT{color: #080404;font-size:30px;line-height: 30px;} .joinwhList>li.two .joinwhTxt{color: #000000;font-size:18px;line-height:26px} .joinwhList>li.two.nobg{ background:none !important;} .aboutpage{overflow: hidden;margin: 60px 0; padding: 0 0px;} .aboutpage .joinhyTitle{ position: relative; padding-bottom: 33px; margin-bottom: 40px; color: #080404; font-size: 36px;} .aboutpage .joinhyTitle:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 86px; height: 3px; margin: auto; background: rgba(17,95,173,1); } .aboutpage .joinhyTxt{color: #000000;font-size: 18px;line-height: 28px;width:100%; text-align: left;margin:40px auto;} .aboutpage .joinhyImg{width: 100%; text-align: center;margin: 0 auto; box-sizing: border-box;} .aboutpage .joinhyImg img{width: 100%;} .aboutpage .joinhyImg video{ width: 100%;} .aboutpage .wrap{ box-sizing: border-box; padding: 0 10%;} .yuanjing{margin: 0px auto;} .yuanjing ul{overflow: hidden; padding: 70px 0;} .yuanjing ul li{ width: 24.5%; padding: 0 2.5%; float: left; border-left: 1px solid #e1e1e1; display: block; text-align: center; box-sizing: border-box;} .yuanjing ul li:first-child{ border:none} .yuanjing ul li:nth-child(3){ border:none} .yuanjing ul li h1{color: rgba(17,95,173,1);font-size: 16px;margin-bottom: 20px;} .yuanjing ul li div{color: #666666;font-size: 12px;line-height: 24px; min-height: 75px;} /* .joinwhList li:hover{background: #115fad; } .joinwhList li:hover .joinwhT{color: #fff;} .joinwhList li:hover .joinwhTxt{color: #fff;} */ .joinzw{overflow: hidden;background: #f7f7f7;padding: 0px 0;} .joinzwTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinzwList{overflow: hidden;padding-top: 40px;} .joinzwList li{width:33.33%; float: left;text-align: center;} .joinzwList li a{display: block; margin: 30px;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .joinzwList li.joinlist:hover a{ background: none;} .joinzwList li.joinlist a:hover{ background: none;} .joinzwList li.joinlist { padding-top: 27%; position: relative; text-align: center;} .joinzwList li.joinlist a{ display: inline; background: none; position: absolute; top :50%; font-size: 26px; } .joinzwImg{} .joinzwImg img{width: 100%;} .joinzwImg h1{ line-height: 45px; text-align: center;} .joinzwT{color: #080404;font-size: 28px;padding-top: 40px;} .joinzwTxt{color: #000000; font-size: 18px;padding-bottom: 40px;padding-top:20px;} .joinzwList li:hover a{background: #115fad;} .joinzwList li:hover .joinzwT{color: #fff;} .joinzwList li:hover .joinzwTxt{color: #fff;} .joinzwList li:hover h1{ color: #fff;} .jointj{overflow: hidden;margin: 120px 0;} .jointjTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .jointjList{overflow: hidden;padding-top: 40px;} .jointjList li{width:25%; float: left;text-align: center;} .jointjImg{margin: 20px;} .jointjImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .jointjImg img:hover{transform: scale(1.1);} .joinfc{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .joinfcTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .joinfcList{overflow: hidden;padding-top: 40px;} .joinfcList li{width:33.33%; float: left;text-align: center;} .joinfcImg{margin:20px;} .joinfcImg img{width: 100%;border-radius: 20px;transition: all 0.4s linear;} .joinfcImg img:hover{transform: scale(1.1);} .child_join_d{position: relative;width: 100%;} .child_join_d_txt{padding-top:10%;} .join_dTitle{color: #fff;font-size: 48px;line-height: 48px;text-align: center;} .join_dSub{color: #fff;font-size:22px;line-height: 22px;text-align: center;padding: 50px 0;} .join_dApply{} .join_dApply a{display: block;background: #115fad;font-size: 18px;text-align: center; padding: 20px 0; color: #fff;width:200px;margin: 0 auto;} .join_dApply:hover a{background: #fff;color: #115fad;} .join_dList{overflow: hidden;background: #F2F2F2;padding: 30px 0 60px 0;} .join_dcon{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px; font-size: 18px; line-height: 2.0;} .join_dT{color: #fff;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon *{ color: #000;} .join_dcon *{ color: #000;} .join_dcon ul{list-style-type: disc; padding-left: 20px;} .join_dcon li{color: #fff;font-size: 18px; list-style-type: decimal; list-style: decimal; padding-left:25px;line-height: 34px;} .join_dcon ul li::marker { /* 恢复默认圆点，可指定颜色和大小 */ content: "•"; color: #000; /* 确保颜色可见 */ font-size: 1em; /* 与文本大小匹配 */ } .join_dList1{overflow: hidden;background: rgb(0, 94, 173);padding: 50px 0 20px 0;} .join_dcon1{width: 100%;overflow: hidden;width: 50%; margin: 0 auto;padding-bottom: 00px;} .join_dT1{color: #080404;font-size: 32px;line-height:32px;padding-bottom:10px;} .join_dcon1 li{color: #000000;font-size: 18px;background: url("../images/icon_disc2.png") no-repeat left center;padding-left:25px;line-height: 34px;} .child_case{position: relative;width: 100%;} .child_case txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case{overflow: hidden;margin: 120px 0;} .caseTitle{color: #080404;font-size: 38px;line-height: 38px;text-align: center;} .caseSub{color: #000000;font-size: 18px;line-height: 28px;width:58%; text-align: center;margin:40px auto;} .caseList{overflow: hidden;} .caseList{overflow: hidden;} .caseList li{float: left;width: 50%;} .caseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .caseL{float: left;width: 40%;overflow: hidden;} .caseR{float: right;width: 60%;padding: 60px 40px;} .caseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .caseImg img{} .caseName{color: #080404; font-weight: bold;font-size: 24px;line-height:30px;} .caseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .caseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .caseList li a:hover{background: #115fad;} .caseList li a:hover .caseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .caseList li a:hover .caseName{color: #fff;} .caseList li a:hover .caseTxt{color:rgba(255,255,255,0.66);} .caseList li a:hover .caseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .caseLx{background: url("../images/case_contact_bg.jpg")no-repeat; background-size: cover !important;padding: 120px 0;} .caseTel{text-align: center;background: #115fad;padding:15px 80px;width: 300px;margin: 0 auto;} .caseTel a{ color: #fff; font-size: 20px;} .caseTel img{display: block; float: left;} .child_case_d{position: relative;width: 100%;} .child_case_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .case_dBj{overflow: hidden;margin: 60px 0} .case_dBjL{float: left;width:60%;padding: 60px;} .case_dT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 60px;} .case_dS{color: #000000;font-size: 18px;line-height: 28px;} .case_dBjR{width:40%; float: right;} .case_dBjR img{width: 100%;} .case_dFa{overflow: hidden;background: #f7f7f7;padding: 120px 0;} .case_dT1{color: #080404;font-size: 38px;line-height: 38px;padding-bottom:60px;text-align: center;} .case_dFaCon{overflow: hidden;background: #fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);} .case_dFaL{width:40%;float: left;} .case_dFaL img{width: 100%;} .case_dFaR{float: right;width:60%;padding:120px;} .case_dFaRT{color: #115fad;font-weight: bold; font-size: 32px;line-height: 32px;padding-bottom: 50px;} .case_dFaRS{color: #000000;font-size: 18px;line-height: 28px;} .case_dWhy{overflow: hidden;margin: 120px 0;} .case_dWhyL{float: left;width:40%;} .case_dWhyL img{width: 100%;} .case_dWhyR{width: 60%;float: right;padding: 60px;} .child_contact{position: relative;width: 100%;} .child_contact txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .contact{overflow: hidden;margin: 60px 0; margin-bottom: 130px;} .contactList{overflow: hidden;} .contactList li{float: left; width: 33.33333%; text-align: center;} .contactCon{margin:30px;} .contactImg{} .contactImg img{ width: 100px;} .contactImg1{} .contactImg1 img{border: 1px solid #ddd; width: 120px;} .contactTxt{color: #000; font-size: 18px;padding:20px 0;} .contacSub{color: #000; font-size: 18px;} .feedback{background: #f7f7f7;padding: 60px 0;} .feedbackT{color: #080404;font-size: 38px;line-height: 38px;text-align: center;padding-bottom:20px;} .feedbackSub{color: #a7a7a7;font-size: 18px;line-height: 28px;text-align: center;margin-bottom: 60px;} .quoteForm {display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;width: 80%;margin: 0 auto;} .quoteForm>input, .quoteForm>select {width: calc(50% - 11px);float: left;height: 56px;line-height: 56px;background-color: #fff;padding: 0 20px;font-size: 18px;color: #696969;border: 1px solid #e1e1e1;margin-bottom:40px;} .quoteForm>select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/jiantou.png) no-repeat right center #fff;color: #858585;} .quoteForm>textarea {width: 100%;float: left;height: 120px;background-color: #fff;padding: 15px 20px;font-size: 18px;line-height: 26px;color: #696969;border: 1px solid #e1e1e1;} .quoteForm>input::-webkit-input-placeholder, .quoteForm>input:-moz-placeholder, .quoteForm>textarea::-webkit-input-placeholder, .quoteForm>textarea:-moz-placeholder {color: #858585;} .quoteForm>button {width: 100%; height: 56px;background-color: #115fad;font-size: 18px;color: #fff;margin-top: 40px;} .child_download{position: relative;width: 100%;} .child_download txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .download{overflow: hidden;margin:120px 0;} .downloadList{overflow: hidden;} .downloadList li{ width: 33.33%; float: left; text-align: center;} .downloadList li a{display: block;margin: 30px;} .downloadImg{color: #fff; font-size: 24px; font-weight: bold;background: url("../images/download_img1.jpg") no-repeat;background-size: cover !important;padding: 120px 0;} .downloadTxt{overflow: hidden;background: #f7f7f7;padding: 60px;} .downloadSub{color: #000000; font-size: 18px;line-height: 28px;padding-bottom: 40px;} .downloadA{color: #000000; font-size: 18px;line-height:44px;border: 1px solid #000000;width: 150px; margin: 0 auto;} .downloadList li:hover .downloadA{background: #115fad; color: #fff;border: 1px solid #115fad;} .child_vedio{position: relative;width: 100%;} .child_vedio txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .vedio{width: 100%;padding:120px 0; overflow: hidden;background: #f7f7f7;} .vedioList{overflow: hidden;} .vedioList li{width: 100%;overflow: hidden;background: #fff;padding: 60px;margin-bottom: 60px;} .vedioL{width: 40%;float: left;} .vedioL a{} .vedioL img{width: 100%;} .vedioR{width:60%; float: right;padding:120px 60px 120px 120px;} .vedioTitle{color: #080404;font-size: 32px;line-height: 38px;padding-bottom:20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .vedioTxt{color: #000000; font-size: 18px;line-height: 28px;} .child_question{position: relative;width: 100%;} .child_question txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .question{overflow: hidden;background: #f7f7f7; padding: 120px 0;} .questionList{overflow: hidden;} .questionList li{background: #fff;margin-bottom: 40px;padding:40px;} .questionT{overflow: hidden;color: #080404; font-size: 20px;line-height:28px;} .questionT span{background: url("../images/question_icon1.png") no-repeat;width: 50px;height: 28px;display: block; float: left;} .questionT i{float: right; display: block; background: url("../images/question_icon3.png") no-repeat;width: 50px;height: 50px;} .questionC{overflow: hidden; color: #a7a7a7; font-size: 16px;line-height:28px;} .questionC span{background: url("../images/question_icon2.png") no-repeat;width:50px;height: 28px;display: block; float: left;height:80px;} .questionList li:hover .questionT i{background: url("../images/question_icon4.png") no-repeat;} /* .questionList li:hover .questionC{height:80px;} */ .child_news{position: relative;width: 100%;} .child_news txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .news{overflow: hidden;margin: 60px 0} .newsList{overflow: hidden;} .newsList li{overflow: hidden;width: 100%;background: #f7f7f7; padding: 40px;margin-bottom: 40px;} .newsList li a{display: block;} .newsImg{width:28%;float: left;} .newsImg img{width: 100%;border-radius: 8px;} .newsCon{overflow: hidden; float: right;width:72%;padding: 20px 20px 60px 60px;} .newsClass{color: #115fad; font-size: 18px;} .newsTitle{color: #080404; font-weight: bold; font-size: 22px;padding: 20px 0;} .newsDate{font-size: 15px; color: #000000;border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;} .newsTxt{color: #a7a7a7; font-size: 16px;line-height:28px;} .child_news_d{position: relative;width: 100%;} .child_news_dDate{color: #fff;font-size:16px;padding-top: 120px;padding-bottom: 20px;} .child_news_dTxt{color: #fff;font-size: 32px;line-height: 32px; font-weight: bold;} .news_d{overflow: hidden;margin: 60px 0} .news_dCon{color: #000000; font-size: 16px;line-height:28px} .news_dCon .txt{line-height: 35px;} .news_dCon h1{ line-height: 40px;} .news_dCon .news_dDate{ padding: 20px 0;} .child_application{position: relative;width: 100%;} .child_application txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .applicationgs{overflow: hidden;margin: 50px 0; margin-bottom: 0 !important; padding: 0 50px;} .applicationgsL{width: 50%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 18px;line-height: 28px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationsc{overflow: hidden;background: #f7f7f7; padding: 50px 50px;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: url("../images/application_img2.jpg") no-repeat;background-size: cover !important;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #000000;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #fff; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .child_application_d{position: relative;width: 100%;} .child_application_d txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .application_djs{overflow: hidden;margin: 60px 0;} .application_djsL{width: 50%;float: left;padding-right: 60px;} .application_djsLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .application_djsTC{color: #000000; font-size: 18px;line-height: 38px;} .application_djd{overflow: hidden;background: #f7f7f7; padding: 60px 0;} .application_djdT{text-align: center; color: #080404;font-size: 40px;line-height: 38px;padding-bottom: 10px;} .application_djdC{overflow: hidden;} .application_djdImg{width: 55%;float: left;} .application_djdImg img{width: 100%;} .application_djdR{width: 40%;float: right;padding: 120px 0;} .application_djdRT{color: #115fad;font-size:30px;line-height: 38px;padding-bottom: 20px;} .application_djdRC{color: #000000; font-size: 18px;line-height: 28px;} .application_dlb{overflow: hidden;padding: 60px 50px; padding-bottom: 130px;} .application_dlb:nth-child(2n+1){background-color: #e2e4e9;} .application_dlbList{overflow: hidden;} .application_dlbList h3{ font-size: 20px;} .application_dlbList h1{ height: auto !important; height: 60px; line-height: 60px;} .application_dlbList table{width: 100% !important;} .application_dlbList table th{background: #115fad;color: #fff;font-size: 20px;padding: 20px;} .application_dlbList table td{color: #696969;font-size: 18px;padding: 20px;border-bottom: 1px solid #ddd;} .application_dlbList table a{color: #696969;} .application_dlbList table a:hover{color: #115fad;} .application_dCase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .application_dcaseList{overflow: hidden;} .application_dcaseList li{float: left;width: 50%;} .application_dcaseList li a{overflow: hidden; display: block; margin: 40px; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);background: #fff;} .indexcaseL{float: left;width: 40%;overflow: hidden;} .indexcaseR{float: right;width: 60%;padding:40px;} .indexcaseImg{background: url("../images/index_case_img.jpg") no-repeat;background-size: cover !important;width: 340px;height: 309px;} .indexcaseImg img{} .indexcaseName{color: #080404; font-weight: bold;font-size: 24px;padding-bottom: 40px;} .indexcaseTxt{color: #000000;font-size:18px;line-height:28px;height: 89px;} .indexcaseMore{color: #115fad;font-size: 15px;margin-top: 40px;background: url("../images/icon_more_on.png") no-repeat center;background-position: 70px;} .application_dcaseList li a:hover{background: #115fad;} .application_dcaseList li a:hover .indexcaseImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .application_dcaseList li a:hover .indexcaseName{color: #fff;} .application_dcaseList li a:hover .indexcaseTxt{color:rgba(255,255,255,0.66);} .application_dcaseList li a:hover .indexcaseMore{color: #fff;background: url("../images/icon_more.png") no-repeat right center;background-position:80px;} .application_dSb{overflow: hidden;padding: 120px 0;} .child_pro{position: relative;width: 100%;} .child_pro txt{color: #fff;font-size: 48px;line-height: 48px; font-weight: bold;background: rgba(17,95,173,0.9);position: absolute;top:40%;padding:40px 60px;} .pro{overflow: hidden;margin: 40px 0;} .proList{overflow: hidden;} .proList li{float: left;width: 33.33%;text-align: center;} .proList li:first-child{width: 100%;text-align: left;} .proList li a{overflow: hidden; display: block; box-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin: 20px;background: #fff;} .proList li:first-child>a .indexjsImg{float: left;background-size: cover;width:40%; } .proList li:first-child>a .indexjsR{width: 50%;float: right;background: #fff;} .proList li:first-child>a .indexjsName{padding-top: 50px;padding-left: 40px;} .proList li:first-child>a .indexjsTxt{padding-bottom: 40px;} .indexjsImg{ padding-top: 20px;} .indexjsImg img{width: 60%; height: 100%; object-fit: fill;} .indexjsName{color: #080404; font-size: 16px;font-weight: bold;padding-top: 40px;} .indexjsTxt{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; } .indexjsTxt1{color: #000000;font-size:14px;padding: 20px 30px; line-height:28px; padding-top: 10px; padding-left: 0 !important;padding-bottom: 40px;} .indexjsMore{} .indexjsline{height: 2px;background: #fff;width: 100%;} .proList li>a:hover .indexjsName{color: #115fad;} .proList li>a:hover .indexjsline{background: #115fad;} .proList li a:hover .indexjsImg{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .pro_listgs{overflow: hidden;margin: 40px 0; padding: 0 30px;} .applicationgsL{width: 55%;float: left;padding-right: 60px;} .applicationgsnLT{color: #080404;font-size: 38px;line-height: 38px;padding-bottom: 40px;} .applicationgsLC{color: #000000; font-size: 16px;line-height: 35px;} .applicationgsLC h3{ font-size: 20px;} .applicationgsLC h1{ height: auto !important; height: 60px; line-height: 60px; padding-bottom: 20px;} .applicationgsR{width: 45%;float: right; text-align: right;} .applicationgsR img{width: 100%;} .applicationClass{overflow: hidden;background: #f7f7f7; padding: 40px 0;} .applicationscList{overflow: hidden;} .applicationscList li{width: 33.33%;float: left;} .applicationscList li a{display: block; margin: 30px;} .applicationscImg{background: #fff;background-size: cover; text-align: center;} .applicationscImg img{width: 100%; max-height: 190px; display: inline-block;} .applicationscCon{overflow: hidden;padding: 30px;background: #fff;} .applicationscT{font-size: 18px; color: #080404;font-weight: bold;line-height: 18px;} .applicationscS{font-size: 15px; color: #000000;line-height: 24px;padding: 20px 0;} .applicationscZ{overflow: hidden;border-top: 1px solid #ddd;padding-top: 20px;} .applicationscZ>div{font-size: 15px; color: #000000;line-height:34px;background: url("../images/icon_disc.png") no-repeat left center;padding-left:20px;} .applicationscM{background: #F2F2F2;padding:15px 0;text-align: center;} .applicationscM span{display: block; font-size: 15px;color: #000; background: url("../images/icon_more.png") no-repeat center;background-position:300px;} .applicationscM:hover{background: #115fad;} .applicationscM:hover span{background: url("../images/icon_more.png") no-repeat center;background-position:310px;} .applicationscList li:hover .applicationscT{color: #115fad;} .pro_list_dgs{overflow: hidden;margin: 30px 0;} .pro_list_dcase{overflow: hidden;padding: 120px 0;background: #f7f7f7;} .footer{width: 100%; overflow: hidden;padding:30px 100px 0 100px; display: block; background: rgb(0, 94, 173) no-repeat; no-repeat;background-size: cover;} .footerL{ display: block; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between;} .footerLogo{padding-bottom: 21px;} .footerLogo img{width: 180px;} .footerweixin{text-align: center;} .footerweixin img{width: 130px;} .footerweixin p{color: #ffffff; font-size: 13px;padding-top: 0px;} .footerR{width: 80%; float: right;padding-bottom: 20px;} .footerLeft {width:auto;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;} .footerBox {float: left;} .footerTitle {display: block;overflow: hidden;font-size:20px;color: #fff;font-weight: bold;margin-bottom:30px;} .footerList {display: block;overflow: hidden;} .footerList>li {display: block;overflow: hidden;line-height:32px;} .footerList>li>a {font-size:14px;color: #7fa6cb; font-weight: normal;} .footerList>li>a:hover {color: #fff;} .footerRight {width:300.5px;float: right;} .footerTel{font-size: 22px;color: #fff; font-weight: bold;} .footerTel img{padding-right: 20px;} .footerday{color: #7fa6cb; font-size: 14px;padding: 10px 0; font-weight: bold;} .footerNav{} .footerNav a{display: block;float: left;padding-right: 20px;} .copyright {width: 100%;display: flex;color: #7fa6cb;font-size:13px;padding-top: 0px; line-height:45px; justify-content: center; background-color: rgb(6, 73, 130);} .copyright a {color: #7fa6cb;margin: 0 5px;} .copyright a:hover {color: #fff;} .footer .left{ display: block; float: left; width: 30%;} .footer .right{ display: block; float: right; width: 70%;} .footerline{ border-bottom: 1px solid rgba(255,255,255,.3);} .overflow{overflow: hidden;} .padding{padding: 0px 0; padding-top: 20px;} .support{} .support h1{ font-size: 46px; margin: 21px 0; color: #fff; font-weight: bold; } .support h2{ font-size: 20px; line-height: 1.75; color: #fff; padding-top: 15px;} .support a{ display: block; width: 208px; height: 48px; background: #ffffff; font-size: 16px; color: #fff; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #0091dc; } .support a::before { content: ''; width: 100%; height: 100%; background: #0091dc; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .support a:hover::before{ width: 0; opacity: 0; } .support a:hover{ color: rgb(0, 0, 0);} #backToTop { position: fixed; bottom: 2rem; right: 10px; bottom: 50px; background-color: #0091dc; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.3s; cursor: pointer; border: none; } #backToTop:hover { background-color: #0091dc; } #backToTop:focus { outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); } #backToTop.visible { opacity: 1; visibility: visible; } #backToTop i{ font-size: 22px; font-weight: 100;} .mainleft{ display: block; float: left; width: 280px;} .about_title{display:block; overflow:hidden; padding:15px 0; color:#fff; text-align:center;background-size: cover; position: relative; background-color:#115fad; padding: 24px 0;} .about_title::before{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; top:0px; left: 10px; transform: rotate(125deg);} .about_title::after{ content:""; display: block; width: 2px; background: #fff; height: 30px; position: absolute; bottom:0px; right: 10px; transform: rotate(125deg);} .about_p { line-height: 35px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 30px; font-weight: bold; } .about_sp { line-height: 30px; font-size: 22px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: bold; } .mainright{ display: block; float: right;width: calc(100% - 320px);} .leftnav{ display: block; padding-top: 30px;} .leftnav ul{ display: block; } .leftnav ul li{ display: block; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; box-sizing: border-box; } .leftnav ul li a{ font-size: 18px; font-weight: normal; display: block; padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: url(../images/icon_navchild.png) no-repeat right; } .leftnav ul li a:hover{ background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .leftnav ul li ul{ display: none; } .leftnav ul li:hover ul{ display: block; } .leftnav ul li ul li{ display: block; line-height: 40px; font-size: 16px; color: #000000; font-weight: normal; box-sizing: border-box; } .leftnav ul li ul li a{ color: #000000; padding: 5px 15px; display: block; width: 100%; font-size: 15px; background:none; text-indent: 20px; transition: none; } .leftnav ul li ul li a:hover{background: url(../images/icon_navchild.png) no-repeat right #f3f5f9;} .serachbutton{ display: none; transition: all 1s ease; height: 0px; overflow: hidden; width: 100%; background-color: #fff; position: absolute; z-index: 999999999999; border-top: 1px solid #a7a7a7; left: 0; top:88px; box-sizing: border-box; padding: 17px 100px;} .serachbutton form{ display: block; width: 600px; margin: 0 auto; display: flex; flex-flow: row nowrap;} .serachbutton form input{ display: block; width: 90%; outline: none; border: none; border-bottom: 1px solid #E9E9E9; font-size: 18px;} .serachbutton form button{ background: none; outline: none; border: none; } .serachbutton form button img{ } .serachbutton.on{ height: 70px; display: block;} .bottom{ padding: 20px 0; box-sizing: border-box; padding: 20px 0px;} .bottom .left{ display: block; float: left; width: 40%;} .bottom .right{ display: block; float: right; width: 60%; padding-top: 20px; text-align: center;} .bottom .right a{ margin-left: 400px;} .bottom .left h1{ color: #fff;} .bottom .left h2{ color: #fff;} .bottom .wrap.padding{ border-bottom: 1px solid #fff;} img{max-width: 100%;} .yangping{ display: block; width: 80%; margin: 0 auto;} .yangping > ul{ margin: 10px auto; box-sizing: border-box; padding: 10px; border: 1px solid #e9e9e9;} .text-center{ text-align: center;} .btn{ display: block; width: 208px; height: 48px; background: #f7f7f7; font-size: 16px; color: #115fad; line-height: 1.75; position: relative; z-index: 2; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); text-align: center; line-height: 48px; box-sizing: border-box; border: 1px solid #115fad; border-radius: 30px; } .btn::before { content: ''; width: 100%; height: 100%; background:none; position: absolute; right: 0; top: 0; opacity: 1; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); display: block; z-index: -1; } .btn:hover::before{ width: 0; opacity: 0; } .btn:hover{ color: rgb(0, 0, 0);} /* 表格整体样式 */ .custom table { width: 100%; border-collapse: collapse; text-align: left; font-family: Arial, sans-serif; } /* 表头样式 */ .custom table thead th { background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; font-weight: bold; } /* 表体单元格样式 */ .custom table tbody td { border: 1px solid #e2e4e9; padding: 10px; } /* 所有表体行的背景色（默认白色） */ .custom table tbody tr { background-color: #e2e4e9; } .custom table tbody tr td{ font-size: 12px ; line-height: 20px;} .custom table tr:nth-child(1){ background: #0091dc; height: 44px;} .custom table tr:nth-child(1) td{ color: #fff; font-size: 18px; font-weight: bold; background-color: #0091dc !important;} /* 奇数行的背景色 */ .custom table tbody tr:nth-child(odd) { background-color: #ffffff; } .custom table tbody tr:nth-child(even) { background-color: #f7f7f7; } /* 鼠标悬停行的背景色 */ .custom table tbody tr:nth-child(odd):hover { background-color: #f1f1f1; } .custom table tbody tr:nth-child(even):hover { background-color: #f1f1f1; } .joinzw{ display: block; padding: 60px 0; text-align: center; width: 100%; padding-bottom: 130px;} .sl{ display: block; padding-top: 50px; text-align: center;} .left{ dsisplay:block; width: 55.8%; float: left;box-sizing: border-box;} .right{ dsisplay:block; width: 44.2%; float: left;box-sizing: border-box;} .left img,.right img{ width: 100%;} .left{ padding-right: 10px; } .right{ padding-left: 10px; } .right img:first-child{ margin-bottom: 20px;} .syszj{ display: block; padding: 60px 0; overflow: hidden; text-align: center; background: url(../images/sysjz.jpg) no-repeat center center; background-size: cover; width: 100%;} .zllist{display: block; width: 100%; padding-top: 50px;} .zllist li{ display: block; width: 24%; margin-right: 1.33333%; float: left; background: #fff; border-radius: 10px; overflow: hidden;} .zllist li:nth-child(4n){ margin-right: 0;} .zllist li > img{ width: 100%;} .zllist li h1{ font-size: 22px; padding: 20px; padding-top: 45px;} .zllist li span.line{ display: block; margin: 0 auto; width: 50px; height: 1px; background: #dfdfdf;} .zllist li .nr{ padding: 15px 0; line-height: 30px; font-size: 18px;} .zllist li .icon img{ float: right; margin-right: 20px; margin-bottom: 20px; margin-top: 10px;} .cxyf{display: block; padding: 60px 0; background: #f5f7f9; overflow: hidden; } .cxlist{ display: block; padding-top: 50px; overflow: hidden;} .cxlist li{ display: block; width: 50%; box-sizing: border-box; float: left; padding: 10px 10px 10px 0; position: relative;} .cxlist li img{ width: 100%;} .cxlist li span{ position: absolute; bottom: 50px; left: 50px; font-size: 26px; color: #fff;} .cxicon{ display: block; width: 100%; margin-top: 100px; background: #fff; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .cxicon li{ width: 30%; text-align: center;} .cxicon li .img{margin-top: -50px;} .cxicon li h1{ padding: 25px; color: #115fad;} .cxicon li p{ padding: 10px; padding-bottom: 50px;} .bzh{ background: none;display: block; padding: 60px 0;} .bzh .sw{ padding-top: 50px;} .btnarr { display: block; width: 100%; margin-top: 20px;} .btnarr a{ display: block; width: 49.5%; float: left; height: 45px; position: relative;} .btnarr a span.line{ display: block; width: 100%; height: 1px ; background: #d4d4d4; margin-top: 22px;} .btnarr a span.icon{ display: block; width: 50px; height: 45px; position: absolute; top:0;right: 0; } .btnarr a.l span.icon{ background: url(../images/aoff.png) no-repeat center right #fff;;} .btnarr a.l span.icon:hover{ background: url(../images/aon.png) no-repeat center right #fff;;} .btnarr a.r { float: right;} .btnarr a.r span.icon{ float: right;background: url(../images/a1off.png) no-repeat center left #fff;; left: 0;} .btnarr a.r span.icon:hover{ background: url(../images/a1on.png) no-repeat center left #fff;;} .zzzs{display: block; width: 100%; margin: 0 auto;} .zzzs .icon{ background:url(../images/bg02.png) no-repeat center center; line-height: 62px; color: #000; text-align: center; margin-bottom: 20px;} .zzzs:hover .icon{ background:url(../images/bg01.jpg) no-repeat center center; line-height: 62px; color: #115fad;} .zzzs .body{ display: block; box-sizing: border-box; width: 100%; padding: 0px;border-radius: 8px; margin-bottom: 10px; } .zzzs .body img{ width: 100%;} .gsry{ display: block; padding: 60px 0 60px 0; width: 100%; background: url(../images/zzbg.jpg) no-repeat center top; overflow: hidden; background-size: cover;} .rylist{ display: block; width: 100%; padding-top: 50px; overflow: hidden;} .rylist li{ width: 32%; float: left; margin-right: 2%; box-sizing: border-box; padding: 25px 30px 80px 30px; background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); } .rylist li:nth-child(3n){ margin-right:0;} .rylist li .line{ height: 1px; display: block; width: 100%; background: #d0d0d0; margin-bottom: 30px;} .rylist li h1{ font-size: 22px; color: #0270c9; padding: 20px 0;} .rylist li .nr{ font-size: 18px; line-height: 1.5; } .picnews{overflow: hidden; margin-top:30px} .picnews li{overflow: hidden;width: 100%;background: #fff; padding: 0px;margin-bottom: 40px;} .picnews li a{display: block;} .picnews li a .img{ display: block; width: 50%; float: left; background:#f9f9f9 ; text-align: center; box-sizing: border-box; padding: 20px;} .picnews li a .img img{ width: 70%;} .picnews li a .con{ display: block;width: 50%; float: left; background: #fff; box-sizing: border-box; padding: 15px 15px 15px 25px;} .picnews li a .con .btns{ display: block; width: 120px; height: 40px; line-height: 40px; background: #115fad; color: #fff; text-align: center; border-radius: 5px; margin-top: 30px;} .txtnews{ display: block; width: 100%; padding-top: 45px;} .txtnews li{ display: block; width: 24%; margin-right: 1.333333%; float: left; border-top: 4px solid #115fad; background: #fff; padding: 0 20px;} .txtnews li:nth-child(4n){ margin-right: 0;} .txtnews li a{ display: block; width: 100%;} .txtnews li a .newsCon{ display: block; width: 100%; padding: 0;} .txtnews li a .newsCon .newsDate{ font-size: 14px; padding: 20px 0; border: none; margin: 0;} .txtnews li a .newsCon .newsTitle{ font-size: 16px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 50px;} .txtnews li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; height: 160px;} .btns{ display: block; text-align: right; box-sizing: border-box; padding-right: 20px; padding-bottom: 0px; color: #115fad; font-weight: bold;} .btns i{ margin-left: 10px; font-weight: 200; transition: all .3s ease-in-out;} .btns:hover i{ margin-left: 15px;} .btns a{ color: #115fad; font-weight: bold;} .aboutjoin1{ padding-bottom: 130px;} a.btnblue{ display: block; color: #115fad; font-weight:bold;} a.btnblue:hover{ color: #115fad; text-decoration: underline;} a.btnblue i{ margin-left: 10px; transition: all 0.3s ease-in-out;} a.btnblue:hover i{ margin-left: 15px;} .picnewss{ display: block; width: 100%; padding-top: 45px;} .picnewss li{ display: block; width: 32%; margin-right: 2%; float: left; background: #f0f1f3; padding:0 0 20px 0;} .picnewss li:nth-child(3n){ margin-right: 0;} .picnewss li a{ display: block; width: 100%;} .picnewss li a .img{ display: block; width: 100%;} .picnewss li a .img img{ width: 100%; height: 300px;} .picnewss li a .newsCon{ display: block; width: 100%; padding:0 20px 0 20px;} .picnewss li a .newsCon .newsDate{ font-size: 14px; padding: 10px 0; border: none; margin: 0;} .picnewss li a .newsCon .newsTitle{ font-size: 15px; line-height: 1.5; padding: 0; margin: 0; font-weight: bold; height: 35px;} .picnewss li a .newsCon .newsTxt{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; padding-top: 20px; } }