* { margin:0; padding:0; list-style:none; box-sizing:border-box; text-decoration:none; } .layout { width:1520px; margin:0 auto; } .header-pack { display: flex; justify-content: space-between; } .logo{ height:100px; padding:15px 0; } .logo img { max-height:100%; display:block; } .navlist { width:900px; } .w-nav { display:flex; /*justify-content:space-between;*/ } .w-nav>li { position:relative; width:calc(100% / 7); } .w-nav li > a { font-size: 18px; line-height: 100px; color: #000; text-align: center; display: block; /*text-transform: capitalize;*/ } .headerRightContent { display:flex; align-items:center; } table tr span, table tr td{ word-wrap: break-word !important; } .w-nav li:hover > a, .w-nav .active>a { color: #46A0FC; } .w-nav > li:hover > a::after, .w-nav .active > a::after{ content: ""; width: 60%; height: 2px; background: #46A0FC; display: block; margin: -30px auto 0; } .searchs { width: 160px; height: 40px; background: rgba(0,0,0,5%); border-radius:50px; padding:0 10px; display:flex; align-items:center; margin-left:30px; } .searchs input { border:none; outline:none; background:transparent; } .searchs img { width:18px; display:block; } .searchs input { width:calc(100% - 18px); padding:0 10px; } footer { background: #222222; } .footerTopContent { padding:40px 0; } .copyright { border-top: 1px solid #343434; } .language { display:flex; } .language a { font-size: 16px; color: #666; display: flex; } .language a:hover, .language .active{ color: #000; } .language a::after { content: '/'; font-size: 16px; display: inline-block; color: #666; margin: 0 5px; } .language a:last-child::after { display:none; } .copyright { font-size: 14px; line-height: 30px; padding: 5px 0; color: rgba(255,255,255,40%); display: flex; justify-content: center; } .copyright a { color: rgba(255,255,255,40%); margin-left:20px; } .copyright a:hover { text-decoration:underline; color:#fff; } .footerTopContent { display:flex; justify-content:space-between; } .footerNav { display:flex; width:50%; justify-content:space-between; } .footerNav .list { width:calc(100% / 3); } .footerNav .list a { font-size: 14px; line-height: 30px; color: #98989A; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px; } /* .footerNav .list:nth-child(2){ display:flex; flex-wrap:wrap; }*/ .footerNav .list:nth-child(2) a:first-child { width:100%; } .footerNav .list:nth-child(2) a { width:50%; } .footerNav .list a:first-child { font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 10px; } .footerContactUs { width:40%; } .footerContactUs p:first-child { font-size: 16px; line-height: 30px; color: #fff; margin-bottom:10px; } .footerContactUs p { font-size: 14px; line-height: 30px; color: #98989A; } .footerContactUs p img { margin-right:10px; } .codeimg { width:100px; height:100px; background:#fff; padding:10px; margin:auto; } .codeimg img { width:100%; display:block; } .code p { font-size:14px; color:#fff; line-height:30px; text-align:center; margin-top:5px; } .banner img { width:100%; display:block; } .banner h2 { font-size:72px; line-height:72px; color:#fff; position:absolute; left:200px; top:50%; transform:translateY(-50%); } .banner { position:relative; } @media(max-width:1600px) { .layout { width:95%; } } .case { padding:50px 0; } .crumbsNav { font-size: 16px; line-height: 21px; color: #6A6A6A; } .crumbsNav a { color: #6A6A6A; } .caseContent { margin-top:28px; } .caseContent h3 { font-size: 48px; line-height: 72px; text-align: center; color: #000000; font-weight:300; } .publicClassify { display:flex; justify-content:center; margin-top:50px; } .publicClassify a { display: block; width: 220px; height: 56px; line-height: 56px; text-align: center; border: 1px solid #D4D4D4; font-size: 16px; margin: 0 20px; } .publicClassify a:hover, .publicClassify .active{ background: #46A0FC; color: #fff; } .caselist { padding-top: 40px; overflow: hidden; margin: 0 -12.5px; display:flex; flex-wrap:wrap; } .caselist li { float:left; width:33.33333%; padding:0 12.5px; margin-bottom:80px; } .caselist li a { display:block; } .caselistimg img { width:100%; display:block; } .caselistcont { overflow:hidden; } .caselistcont i { float:left; width:28px; height:30px; background:url(../images/caselistimg.png) no-repeat center/100% 100%; display:block; } .caselistcont .contents { float: right; width: calc(100% - 28px); background: #F7F8FD; padding:30px; } .contents span { font-size: 24px; line-height: 32px; color: #000000; display:inline-block; } .contents span::after { border-bottom: 3px solid #121B67; width:200px; content:""; display:block; margin-top:10px; } .contents h4 { font-size: 24px; line-height: 32px; color: #000000; margin-top: 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .contents p { border-top: 1px dashed #D4D4D4; margin-top: 10px; padding-top: 10px; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #6A6A6A; } .contents samp { width: 190px; height: 40px; border-radius: 50px; border: 1px solid #D4D4D4; display: block; margin-top: 30px; text-align: center; line-height: 38px; font-size: 18px; color: #6A6A6A; } .caselist li:hover .contents span::after { border-color: #46A0FC; } .caselist li:hover .caselistcont i { background:url(../images/caselisthoverimg.png) no-repeat center/100% 100%; } .caselist li:hover .contents samp { background: #46A0FC; border-color: #46A0FC; color:#fff; } /*·ÖÒ³*/ .webdiyerCss { clear: left; padding: 30px 0; width: 100%; text-align: center; } .webdiyerCss a, .webdiyerCss a:link, .webdiyerCss .redcss { /*float:left;*/ padding: 6px 8px; margin: 0 3px; } .webdiyerCss input { height: 31px; margin: -2px 2px 0 -10px; padding: 7px 2px; text-align: center; *margin-left: 1px; } .webdiyerCss .page_go { display: inline-block; padding: 5px 12px; height: 31px; margin-left: 5px; *height: 32px; } .webdiyerCss input, .webdiyerCss a, .webdiyerCss a:link { color: #000; background: #fff; border: 1px solid #ddd; border-radius: 3px; } .webdiyerCss .redcss, .webdiyerCss .page_go { font-weight: bold; background: #46A0FC; border: 1px solid #46A0FC; color: #fff; border-radius: 3px; } .webdiyerCss a:hover, .webdiyerCss .page_go:hover { background: #eee; border: 1px solid #eee; color: #333; } .webdiyerCss a { *margin-bottom: 10px; _margin-bottom: 10px; } @media (max-width: 768px) { .webdiyerCss input { height: 31px; margin: -2px 2px 0 -10px; padding: 7px 2px; text-align: center; *margin-left: 1px; display: none } .webdiyerCss .page_go { display: inline-block; padding: 5px 12px; height: 31px; margin-left: 5px; *height: 32px; display: none; } .webdiyerCss a, .webdiyerCss a:link, .webdiyerCss .redcss { /*float:left;*/ padding: 5px 6px; margin: 0 3px; } } .client { padding:50px 0; } .cilentlist { padding:50px 0 0; overflow:hidden; margin: 0 -15px; } .cilentlist li { float:left; width:20%; padding:0 15px; margin-bottom:30px; } .cilentlist li a { display:block; } .cilentlist li a img { width:100%; display:block; } .cilentlist li a p { font-size:16px; line-height:24px; margin-top:10px; text-align:center; } .products { padding:50px 0; } .productsClassify { width:240px; } .productsClassify h4 { font-size: 16px; line-height: 50px; color: #fff; background: #46A0FC; padding:0 30px; } .productsClassifyList li > a { font-size: 16px; line-height: 48px; border: 1px solid #E9E9E9; color: #1F1F1F; padding:0 30px; display:block; } .productsClassifyList li:hover > a, .productsClassifyList .active>a{ color: #46A0FC; } .er-nav { border: 1px solid #E9E9E9; border-top: none; display:none; } .er-nav li a { color: #9B9B9B; padding:0 50px; border:none; line-height:40px; } .products-content{ margin-top:50px; display:flex; } .proRightcontent { width:calc(100% - 240px); padding-left:60px; } .productsList { overflow:hidden; margin:0 -20px; } .productsList li { float:left; width:33.33333%; padding:0 20px; margin-bottom:40px; } .productsList li a { display:block; } .productsListImg img { width:100%; display:block; } .productsListContent { padding: 30px; background: #F7F8FD; } .productsListContent h4 { font-size: 20px; line-height: 32px; color: #000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .productsListContent p { font-size: 16px; line-height: 25px; color: #6A6A6A; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; margin-top:10px; height:100px } .enterprise, .serve { padding: 50px 0; } .enterpriseList { margin:50px -15px 0 ; overflow:hidden; } .enterpriseList li { float:left; padding:0 15px; margin:0 0 30px; } .enterpriseList li a { display:block; height:240px; } .enterpriseList li a img { height:100%; object-fit:cover; display:block; } .delivery{ margin-top:50px; text-align:center; } .delivery p { font-size: 18px; line-height: 24px; color: #6A6A6A; } .maintain ul { margin-top: 80px; display: flex; justify-content: space-between; padding-bottom: 50px; } .maintain ul li { max-width: 20%; text-align: center; padding-bottom: 40px; position: relative; } .maintain ul li::before { content: ''; display: block; width: 55px; height: 2px; background-color: #46A0FC; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); } .maintain ul li .join-list { padding: 0 20px; } .maintain ul li .icon img { height: 50px; } .maintain ul li .icon { margin-bottom: 20px; } .maintain ul li .text h3 { font-size: 20px; color: #202020; margin-bottom: 30px; } .maintain ul li .text p { font-size: 16px; color: #626262; text-align:left } .maintain { text-align:center; } .maintain { margin-top:50px; } .video-desc, .meeting p{ margin-top: 50px; font-size: 18px; line-height: 24px; color: #6A6A6A; text-align: center; } .video-title { margin-top:100px; } .meetingList { overflow:hidden; margin:40px -12.5px; } .meetingList li { width:33.333333%; float:left; padding:0 12.5px; } .meetingList li img { width:100%; display:block; } .header-nav { position: absolute; top: 100%; left: -17px; width: 150px; background: #fff; z-index:2; display:none; } .header-nav li a { line-height:40px; } .newsContent{ margin-top:50px; } .newsTopCont { padding-top:100px; position:relative; } .newsTopCont img { width:100%; display:block; } .newsc { position:absolute; top:0; left:200px; width:700px; } .newsc a { display: block; padding: 50px; border-top: 3px solid #121B67; background: #fff; } .newsc a h4 { font-size: 36px; line-height: 40px; color: #000000; } .newsc a p { font-size: 16px; line-height: 24px; margin-top: 20px; color: #6A6A6A; } .newsc a span { width: 80px; height: 80px; border: 1px solid #D4D4D4; border-radius:100%; display:block; margin-top:40px; background:url(../images/arrow.png) no-repeat center center; } .newslist { margin-top:80px; } .newslist li { margin-bottom:30px; } .newslist li a { display: flex; } .newslistimg { width: 320px; } .newslistimg img { width:100%; display: block; } .newslistcont { width:calc(100% - 320px); padding-left:30px; padding-top:20px; } .newslistcont h4 { font-size: 20px; line-height: 30px; color: #151515; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .newslistcont span { font-size: 14px; line-height: 20px; color: #BFBFBF; margin-top:10px; display:block; } .newslistcont p { font-size: 16px; line-height: 24px; color: #8D8D8D; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .newslistcont i { width:24px; height:15px; background:url(../images/arrow_left.png) no-repeat center/100% 100%; display:block; margin-top:30px; } .newslist li:hover .newslistcont h4 { color: #46A0FC; } .aboutUs { border: 1px solid #F2F2F2; margin:50px 0; padding:100px 160px; } .abouttoppack { display:flex; } .aboulefttimg { width:40%; } .aboulefttimg img { width:150px; display:block; margin:0 auto; } .aboutrightcont { width:60%; } .aboutrightcont h3 { font-size: 48px; line-height: 72px; color: #000000; } .aboutrightcont h4 { font-size: 28px; line-height: 37px; color: #000000; padding-top: 20px; border-top: 3px solid #46A0FC; display:inline-block; margin-top:100px; } .aboutrightcont p { font-size: 20px; line-height: 28px; color: #6A6A6A; margin-top:20px; text-indent:2em; } .aboutimg { margin-top:20px; } .aboutimg img { width: 100%; display: block; } .childrenlist { margin-top:50px; } .childrenlist li{ margin-bottom:100px; } .childrenlist li a { display: flex; align-items: center; } .childrenlist li:nth-child(2n) a { flex-direction:row-reverse; } .childrenlist li:nth-child(2n) a .childrenlistCont { padding-left:120px; padding-right:0; } .childrenlistimg { width: 760px; } .childrenlistimg img { width:100%; display:block; } .childrenlistCont { width:calc(100% - 760px); padding-right:120px; } .childrenlistCont h4 { font-size: 36px; line-height: 40px; color: #000000; } .childrenlistCont div { font-size: 16px; line-height: 24px; color: #6A6A6A; margin-top:30px; } .childrenlistCont div p { margin:10px 0; } .childrenlist li:first-child .childrenlistCont div p { text-indent: 2em; } .childrenbottomlist { margin:50px -25px 0; } .childrenbottomlist li { width: 25%; padding: 0 25px; } .childrenbottomlist li .productsListContent p { -webkit-line-clamp: 3; font-size: 18px; line-height: 24px; } .childrenbottomlist li .productsListContent h4 { font-size:24px; line-height:32px; } .module h3 { font-size:36px; line-height:72px; color:#000; } .modulelist{ overflow:hidden; margin:50px -34px 0; display:flex; } .modulelist li { float:left; width:20%; padding:0 34px; } .modulelist li > div { border: 1px solid #E0E2E6; padding:40px 25px; height:100%; } .modulelistimg { width: 60px; margin: auto; } .modulelistimg img { width:100%; display:block; } .modulelistcont h4 { font-size:20px; line-height:27px; margin-top:30px; text-align:center; color:#000; } .modulelistcont p { margin-top: 22px; font-size: 16px; line-height: 24px; color: #6A6A6A; } .honorlist { overflow:hidden; margin:50px -10px; } .honorlist li { float:left; width:20%; padding:0 10px; margin-bottom:20px; } .honorlist li a { display:block; } .honorlist img { width:100%; display:block; } .honortitle { font-size: 20px; line-height: 32px; color: #6A6A6A; text-align: center; padding: 10px 0; } .historypack { margin-top:50px; } .history_classify{ width:80%; overflow:hidden; margin:0 auto ; } .rela { position:relative; } .rela .arrow { width: 40px; height: 27px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .arrow-left { left: 0px; background: url(../images/swiperarrowleft.png) no-repeat center/100% 100%; } .arrow-right { right: 0px; background: url(../images/swiperarrowright.png) no-repeat center/100% 100%; } .history_classify .swiper-slide h4 { font-size:28px; line-height:32px; color:#000; text-align:center; margin-bottom:10px; } .history_classify .swiper-slide img { width:100%; display:block; } .history_classify .active h4 { color: #46A0FC; } .history_list{ width:1200px; margin:60px auto 0; background:url(../images/historybg.png) no-repeat center/cover; padding:80px 0; overflow:hidden; } .history_list .swiper-slide .historylistcont { display: flex; justify-content: space-between; position: relative; padding-bottom: 60px; } .historytime { display:block; width:15%; text-align:right; font-size:24px; line-height:32px; color:#000; } .historycont { width:75%; } .historycont h4 { font-size:24px; line-height:31px; color:#000; } .historycont p { font-size: 18px; line-height: 28px; color: #9B9B9B; margin-top:15px; } .historylistcont::before { content:""; width:28px; height:28px; background:url(../images/dian2.png) no-repeat center/100% 100%; position:absolute; top:0; left:19%; } .historylistcont::after { content: ""; width: 3px; height: 80px; background: url(../images/xian.png) no-repeat center/100% 100%; position: absolute; top: 30%; left: 20%; } .history_list .swiper-slide .historylistcont:hover::after { background: url(../images/xian2.png) no-repeat center/100% 100%; } .history_list .swiper-slide .historylistcont:hover::before { background: url(../images/dian.png) no-repeat center/100% 100%; } .history_list .swiper-slide .historylistcont:last-child::after { display:none; } .contactpack { display:flex; justify-content:space-between; align-items:center; } .leftcont h4 { font-size:28px; line-height:38px; color:#000; } .contactbottom { font-size:18px; line-height:36px; margin-top:20px; } .contactus{ margin-top:50px; } .map { margin:50px 0; } .map * { width:100%; } .address { overflow:hidden; } .address li { width:50%; margin-bottom:50px; float:left; } .rightcont { width:130px; } .rightcont img { width:100%; display:block; } .bannerswiper { width:100%; overflow:hidden; position:relative; } .bannerswiper .swiper-slide img { width:100%; display:block; } .bannertitle { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); padding-left:200px; padding-top:15%; } .bannertitle h3 { font-size:72px; line-height:80px; color:#fff; } .bannertitle p { font-size:24px; line-height:36px; color:#fff; margin-top:20px; } .bannertitle a { width: 220px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; display: block; background: #46A0FC; border-radius:50px; margin-top:50px; } .homepro { padding-top:100px; } .publictitle h3 { font-size:48px; line-height:72px; color:#000; text-align:center; font-weight:300; } .homecasecont { margin-top: 50px; background: url(../images/homecasebg.png) no-repeat center left/90% 100%; display:flex; } .homecasecont>div { width:50%; } .homecasecontleft { padding:114px 0 112px 150px; } .homecasetitle h4 { font-size:14px; line-height:36px; color:#fff; } .homecasetitle h3 { font-size:28px; line-height:37px; color:#fff; } .homecaselist { width:100%; overflow:hidden; margin-top:60px; } .homecaselist li { width:50%; float:left; } .homecaselist li a { font-size: 18px; line-height: 36px; color: #8B96DB; display:block; } .homecasecontright { padding:70px 0 70px 0; } .homeflow { margin-top:80px; overflow:hidden; } .homeflow li { width:20%; float:left; padding-left:35px; } .homeflow li:first-child { padding:0; } .homeflowcont { margin-top:10px; } .homeflowcont span { font-size: 14px; line-height: 36px; color: #121B67; text-transform: uppercase; } .homeflowcont h4 { font-size:20px; line-height:36px; color:#000; margin-top:10px; } .homeflowcont p { font-size: 16px; line-height: 24px; color: #6A6A6A; margin-top:5px; } .apply { margin-top:100px; overflow:hidden; } .homeapplytitle { width:200px; float:left; font-size:48px; line-height:72px; font-weight:300; } .applylist { width:calc(100% - 200px); overflow:hidden; } .applylist li { width:calc(100% / 7); float:left; padding:0 10px; } .applylist li a { display:block; } .applylist li a img { width:100%; height:85px; display:block; object-fit:cover; } .applylist li a p{ font-size:14px; padding-top:10px; color:#666; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .homeNews{ margin-top:50px; } .homeserve { margin-top:50px; display:flex; justify-content:space-between; } .homeserve li { width:25%; } .homeserve li h3 { display: inline-block; font-size: 28px; line-height: 40px; color: #121B67; overflow: hidden; border-top: 3px solid #121B67; padding:20px 0; } .homeserve li h3 img { max-width:40px; display:block; float:left; } .homeserve li h3 span { float:right; font-weight:bold; margin-left:10px; } .homeserve li h4 { font-size:16px; line-height:24px; color:#000; } .homeserve li p { font-size: 16px; line-height: 24px; color: #D4D4D4; margin-top:10px; height:calc(24px * 2); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .homeserve li a { font-size: 18px; line-height: 24px; color: #6A6A6A; margin-top:30px; display:block; } .homeabout{ margin-top:50px; display:flex; } .homeabout>div { width:50%; } .homeaboutleft { padding:100px 80px; background:url(../images/homeabout.png) no-repeat center/100% 100%; } .homeaboutleft h3{ font-size:40px; line-height:52px; color:#fff; margin-bottom:40px; } .homeaboutleft h3::before { content: ""; width: 200px; height: 3px; background: #46A0FC; display:block; margin-bottom:10px; } .homeaboutleft p { font-size: 18px; line-height: 28px; color: #8B96DB; } .homeaboutleft a { display: block; width: 190px; height: 40px; line-height: 40px; background: #46A0FC; color:#fff; text-align:center; border-radius:50px; margin-top:50px; font-size:18px; } .homeaboutright img { width:100%; display:block; object-fit:cover; height:100%; } .homeabouts { padding-bottom:150px; } .pronav { width:200px; left:-42px; } .language { width:50px; position:relative; z-index:101; margin-left:20px; } .language_cont { font-size:14px; line-height:24px; border:1px solid #333; border-radius:3px; text-align:center; color:#333; } .language_list { position:absolute; top:120%; left:0; width:100%; border:1px solid #333; border-radius:3px; background:#fff; font-size:14px; line-height:28px; display:none; } .language_list a { display:block; color:#333; text-align:center; } .language_list a:hover { background:#333; color:#fff; } @media(max-width:1500px) { .bannertitle h3, .banner h2 { font-size: 50px; } .bannertitle p{ font-size:20px; } .navlist { width: 800px; } .w-nav li > a { font-size:16px; } .bannertitle a { width: 200px; height: 50px; line-height: 50px; } .publictitle h3 { font-size:40px; } .homeapplytitle{ font-size:40px; } .newsc a h4{ font-size:30px; } .caseContent h3 { font-size:40px; } } @media(max-width:1400px) { .navlist { width: 700px; } } @media(max-width:1300px) { .w-nav li > a { font-size:14px; } .navlist { width:600px; } .pronav { left:-55px; } .header-nav { left:-30px; } } @media(max-width:1000px) { .layout { width:100%; } .headerRightContent { display:block; position:absolute; top:100%; left:0; width:100%; background:#fff; padding:10px ; z-index:10; box-shadow:0 5px 5px rgba(0,0,0,.1); display:none; } .logo { height:60px; padding:10px; } .navlist { width:100%; } .w-nav{ display:block; } header { position:relative; } .w-nav > li{ width:100%; } .w-nav li a { text-align:left; } .w-nav li > a { font-size: 14px; line-height: 30px; } .w-nav .active>a:after { display:none; } .w-nav li:hover>a::after { display:none; } .header-nav { width:100%; position:relative; left:0; top:0; } .header-nav li a { padding:0 15px; } .searchs { width:100%; margin:20px 0 0 ; } .iconfont { width:40px; height:40px; position:absolute; right:10px; top:50%; transform:translateY(-50%); } .iconfont i { width:100%; height:100%; position:absolute; } .iconfont .cha { background:url(../images/cha.png) no-repeat center/100% 100%; display:none; } .iconfont .nav { background:url(../images/nav.png) no-repeat center/100% 100%; } .bannertitle h3, .banner h2{ font-size:20px; } .banner h2 { left:0; text-align:center; width:100%; } .enterprise, .serve { padding:25px 10px; } .crumbsNav { font-size:13px; } .caseContent h3{ font-size:20px; line-height:40px; } .newsTopCont{ display:none; } .newslist{ margin-top:20px; } .newsContent{ margin-top:20px; } .newslist li a{ display:block; } .newslistimg{ width:100%; } .newslistcont{ width:100%; margin-top:20px; padding:0; } .newslistcont h4 { font-size:16px; line-height:30px; } .newslistcont p { font-size:14px; line-height:24px; } .newslistcont i{ margin-top:10px; } .footerNav { display:none; } .footerTopContent { padding:25px 10px; display:block; } .footerContactUs { width:100%; } .codeimg{ margin:20px auto 0; } .copyright{ display:block; text-align:center; font-size:12px; line-height:24px; } .copyright a { display:block; } .client { padding:25px 10px; } .publicClassify{ margin-top:20px; } .publicClassify a{ width:200px; height:40px; line-height:40px; font-size:14px; } .cilentlist li { width:50%; padding:0 5px; } .cilentlist{ padding:25px 0px 0; margin:0 ; } .cilentlist li a p { font-size:14px; } .caselist { padding:25px 0px 0; margin:0; } .caselist li { width:100%; padding:0; margin-bottom:30px; } .case { padding:25px 10px; } .caseContent { margin-top:15px; } .delivery, .maintain { margin-top: 20px; } .delivery p{ font-size:14px; } .maintain ul { margin-top:40px; flex-wrap:wrap; } .maintain ul li { max-width:50%; padding-bottom:20px; } .maintain ul li .join-list { padding: 0 5px; } .maintain ul li .text h3 { font-size:16px; line-height:30px; margin-bottom:10px; } .maintain ul li .icon{ margin-bottom:10px; } .maintain ul li .text p { font-size:14px; line-height:24px; } .maintain ul li::before { display:none; } .video-desc, .meeting p { margin-top:20px; font-size:14px; line-height:24px; } .meetingList { margin:20px 0 0; } .meetingList li { width: 50%; padding: 0 5px; margin-bottom:10px; } .enterpriseList{ margin:20px 0 0; } .enterpriseList li a { height:100px; } .enterpriseList li { width:50%; padding: 0 5px; margin-bottom:10px; } .enterpriseList li img { margin:0 auto; } .childrenlist { margin-top:20px; } .childrenlist li { margin-bottom:25px; } .childrenlist li a{ display:block; } .childrenlistCont { width:100%; padding:0; } .childrenlistCont h4 { font-size:20px; line-height:30px; } .childrenlistCont div{ font-size:14px; line-height:24px; margin-top:10px; } .childrenlistimg{ width:100%; } .module h3{ font-size:20px; line-height:30px; } .modulelist{ margin:20px 0 0; flex-wrap:wrap; } .modulelist li{ width:50%; padding:0 5px; margin-bottom:10px; } .modulelist li > div{ padding:20px 10px; } .modulelistcont h4 { font-size:16px; line-height:30px; margin-top:10px; } .modulelistcont p { font-size:14px; line-height:24px; margin-top:5px; } .childrenbottomlist { margin:20px 0 0; } .childrenbottomlist li { width:100%; padding:0; margin-bottom:20px; } .productsListContent { padding:10px; } .childrenbottomlist li .productsListContent h4, .productsListContent h4 { font-size: 16px; line-height: 30px; } .childrenbottomlist li .productsListContent p, .productsListContent p { font-size: 14px; line-height: 25px; } .products { padding:25px 10px; } .products-content { margin-top:10px; display:block; } .productsClassify { width:100%; } .productsClassifyList li > a{ font-size:14px; line-height:30px; } .proRightcontent { margin-top:20px; width:100%; padding:0; } .productsList{ margin:20px 0 0 ; } .productsList li { width:100%; padding:0; margin-bottom:20px; } .aboutUs{ margin:20px 0; padding:10px; } .aboulefttimg { display:none; } .aboutrightcont{ width:100%; } .aboutrightcont h3{ font-size:20px; line-height:40px; } .aboutrightcont h4 { font-size:16px; line-height:30px; margin-top:20px; padding-top:10px; } .aboutrightcont p{ font-size:14px; line-height:24px; } .historypack { margin-top:20px; } .history_list { width:100%; margin-top:20px; padding-top:10px; } .historytime { font-size:14px; line-height:24px; width:25%; } .historycont h4{ font-size:16px; line-height:30px; } .historycont p { font-size:14px; line-height:24px; } .historycont { width:65%; } .historylistcont::before { width:20px ; height:20px; left:28%; } .historylistcont::after { left:30%; height:60px; } .history_list .swiper-slide .historylistcont{ padding-bottom:30px; } .history_classify .swiper-slide h4{ font-size:20px; } .honorlist { margin:20px 0 0; } .honorlist li { width:50%; padding: 0 5px; margin-bottom:10px; } .honortitle { font-size:14px; line-height:24px; } .contactpack{ display:block; } .leftcont h4 { font-size:20px; line-height:30px; } .contactus { margin-top:20px; } .contactbottom { font-size:14px; line-height:24px; margin-top:10px; } .rightcont { margin:20px auto 0; } .map { margin:30px 0; } .address li { width:100%; margin-bottom:20px; } .childrenlist li:nth-child(2n) a .childrenlistCont{ padding:0; } .bannertitle { padding-left:0; padding-top:10%; } .bannertitle h3{ line-height:40px; text-align:center; } .bannertitle p { font-size:14px; text-align:center; line-height:24px; margin-top:5px; } .bannertitle a{ font-size:14px; width:130px; line-height:30px; height:30px; margin:20px auto 0; } .homepro { padding:25px 10px; } .publictitle h3 { font-size:20px; line-height:40px; } .homecasecont { margin-top: 20px; display: block; background: url(../images/homecasebg.png) no-repeat center left/100% 100%; } .homecasecontleft { padding:10px; } .homecasecont > div { width:100%; } .homecasetitle h3 { font-size:20px; line-height:30px; } .homecaselist li a { font-size:14px; } .homecasecontright { padding:10px; } .homecaselist { margin-top:30px; } .homeflow{ margin-top:20px; } .homeflow li, .homeflow li:first-child { width: 50%; padding: 0 10px; margin-bottom: 20px; } .homeflow li img { display:none; } .homeflowcont { margin:0; } .homeflowcont h4{ font-size:16px; line-height:30px; margin:0; } .homeflowcont p { font-size:14px; line-height:24px; margin:0; } .apply{ margin:20px 0 0; } .homeapplytitle { float:none; font-size:20px; line-height:30px; } .applylist { width:100%; } .applylist li { width: 50%; margin-bottom:10px; padding:0 5px; } .contents span{ font-size:16px; } .contents span::after { margin:0; } .contents h4 { font-size:16px; line-height:30px; } .caselistcont .contents{ padding:15px; } .contents p{ font-size:14px; line-height:24px; } .contents samp { font-size:14px; width:130px; line-height:30px; height:30px; margin-top:20px; } .homeNews { margin-top:20px; } .homeNews .newsTopCont { display:block; padding:0; } .newsc { width:100%; position:relative; top:0; left:0; box-shadow:0 5px 5px rgba(0,0,0,.1); } .newsTopCont img { display:none; } .newsc a { padding:10px; } .newsc a h4{ font-size:16px; line-height:30px; } .newsc a p { font-size:14px; margin-top:0; line-height:24px; } .newsc a span { width:40px; height:40px; margin-top:20px; } .homeserve { margin-top:20px; flex-wrap:wrap; } .homeserve li { width:100%; margin-bottom:20px; } .homeserve li h3 { font-size:18px; line-height:30px; padding:10px; } .homeserve li h3 img { max-width:30px; } .homeserve li h4, .homeserve li p, .homeserve li a { font-size: 14px; line-height: 24px; } .homeserve li p { height:auto; } .homeserve li a { margin-top:10px; } .homeabout { margin-top:20px; } .homeabout { flex-wrap:wrap; } .homeabout > div { width: 100%; } .homeaboutleft { padding:20px 10px; } .homeaboutleft h3 { font-size:20px; line-height:30px; margin-bottom:20px; } .homeaboutleft p { font-size:14px; line-height:24px; } .homeaboutleft a { font-size:14px; line-height:30px; height:30px; width:130px; margin-top:20px; } .pronav { width:100%; } .language { margin-left:0; width:100px; } .language_list { position:static; } } .homeflowlist { overflow:hidden; }