/* 内页banner */ .inner-banner { background-size: cover; background-repeat: no-repeat; background-position: center center; } .inner-banner .cont { padding-bottom: 35.8%; position: relative; } /* 内容页样式 */ .innerSide { float: left; margin-right: 35px; width: 260px; } .innerContent { margin-top: 45px; margin-bottom: 45px; min-height: 300px; overflow: hidden; } .innerContent .detailTitle { font-size: 26px; text-align: center; margin-bottom: 1em; } .innerContent #news_other { color: #666; font-size: 14px; text-align: center; margin-bottom: 4%; } .innerContent #news_other span { margin: 0 5px; } .iCont{ font-size: 16px; color: #242424; line-height: 1.8; } .iCont p{ text-indent: 2em; margin-bottom: 0.5em; } .iCont img{ display: block; margin: 0 auto 0.5em; max-width: 100%; } .iCont video { display: block; width: 650px; max-width: 100%; margin: 15px auto; background-color: #000; } @media (max-width: 768px) { .innerContent { margin: 30px 0; padding-left: 10px; padding-right: 10px; } .mContent { margin: 0 -15px; } .detailTitle { font-size: 22px; } .iCont { } .innerContent .detailTitle { font-size: 22px; } .innerContent #news_other { font-size: 12px; } } /*内页导航*/ .side-box { width: 100%; margin-bottom: 25px; box-sizing: border-box; } .side-box .t { background-color: #0255a5; color: #fff; padding: 12px; text-align: center; font-size: 18px; line-height: 22px; } .side-box .t span { display: block; } .side-box .t small { display: block; font-size: 1em; text-transform: capitalize; } .side-box .t i{ display: none; } .side-nav > ul { display: block; padding: 7px; border: 1px solid #dedede; } .side-nav > ul > li { line-height: 30px; font-size: 14px; color: #333; background-color: #fff; padding: 0 5px; margin-top: 10px; } .side-nav li a { display: block; padding: 0.8em 0; background-color: #eaeaea; text-indent: 25px; position: relative; } .side-nav li .hasNextLevel a { background-color: transparent; } /*.side-nav li a:after { content: ""; display: block; height: 100%; width: 25px; position: absolute; top: 0; right: 20px; background: url("../Images/leftNavIcon.png") no-repeat center center / contain; transition: 0.4s; } .side-nav li:hover a:after { right: 5px; }*/ .side-nav .hasNextLevel > ul li a { padding: 0.4em 0; } .side-nav li:hover > .btn > a, .side-nav li.on > .btn > a{ color: #0496e1; } .side-nav .btn{ position: relative; display: block; overflow: hidden; } .side-nav .hasNextLevel .btn { /*padding-right: 2em;*/ } .side-nav .btn > i{ position: absolute; display: block; height: 100%; width: 2em; background: url("../Images/leftNavIcon.png") no-repeat center center / 2em auto; right: 5px; top: 0; z-index: 2; transition: 0.3s; } .side-nav .hasNextLevel > .btn > i.on{ transform: rotate(90deg); } .hasNextLevel > ul{ display: none; margin-bottom: 0.5em; } .hasNextLevel > ul li{ font-size: 0.8em; border-bottom: 2px solid #f5f5f5; padding-left: 2em; line-height: 2em; } .hasNextLevel .showList{ display: none; margin-bottom: 0.5em; padding-left: 1em; } .hasNextLevel .showList li{ font-size: 0.8em; line-height: 1.2; margin-top: 0.5em; } .hasNextLevel .showList li a{ color: #888; white-space: nowrap; } .side-nav li:last-child { border-bottom: none; } .side-box.side-contact .t{ background-color: #b1b1b1; } .side-contact .side-content{ padding: 10px; font-size: 14px; color: #333333; line-height: 24px; padding: 20px; border: 1px solid #dedede; } .side-contact .side-content p { margin-bottom: 8px; } .side-contact .side-content p:last-child { margin-bottom: 0; } .side-contact .side-img img{ max-width: 100%; margin: 0 auto; display: block; } .side-box.side-news .t{ background-color: #b1b1b1; } .side-news .border { border: 1px solid #dedede; padding: 20px 10px; } .side-newsList { overflow: hidden; height: 200px; } .side-newsList li { height: 40px; line-height: 40px; font-size: 14px; } .side-newsList li:before { content: "●"; margin-right: 0.5em; } .side-newsList .swiper-wrapper{ -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -ms-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } /*上方导航(非左侧)样式*/ @media (min-width: 769px) { .side-top .t{ display: none; } .side-top > ul { border: 0; text-align: center; } .side-top li { display: inline-block; } .side-top li a { text-indent: 0; padding-left: 1em; padding-right: 1em; } .side-top li a:after { visibility: hidden; } } @media (max-width: 768px) { .innerSide{ float: none; width: 100%; margin-right: 0; } .searchCtrl { display: none; } .side-info,.side-contact,.side-news{ display: none; } .side-box{ border: none; padding: 0; background-color: #fff; } .side-box .t{ background-color: #f5f5f5; color: #000; line-height: 45px; } .side-box .t small{ display: none; } .side-nav { position: relative; overflow: visible; border-bottom: 1px solid #dcdcdc; } .side-nav .t { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 15px; font-size: 18px; } .side-nav .t i { display: block; position: absolute; right: .15rem; height: 100%; top: 0; padding: 0 .4rem 0 10px; color: #222; border-left: 1px solid #e6d8d8; font-size: 16px; } .side-nav .t i:after{ content:""; display: inline-block; width: 20px; height: 100%; vertical-align: middle; background: url("../Images/arrow-down.png") no-repeat center center / contain; margin-left: 10px; } .side-box .t span{ font-size: 18px; } .side-nav > ul { display: none; position: absolute; top: 100%; left: 0; margin-top: 1px; width: 100%; background-color: #fff; padding: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; z-index: 2; } } /*面包屑导航*/ .location { padding: 15px 0; height: 30px; line-height: 30px; background: #e5e5e5; color: #003755; font-size: 18px; } .location-l { float: left; } .location-r { float: right; color: #848484; font-size: 14px; } @media (max-width: 768px) { .location { display: none; } } /* 新闻列表 */ .newsList li { padding-bottom: 30px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 30px; } .newsList .newImg { float: left; width: 280px; margin-right: 30px; } .newsList .newBox { overflow: hidden; } .newsList .newsTitle { color: #003755; font-size: 16px; } .newsList .newDetail { color: #676767; padding: 10px 0 40px; } .newsList .newsTime { font-size: 16px; color: #003755; } @media (max-width: 768px) { .newsList li { display: flex; padding-left: 10px; padding-right: 10px; } .newsList .newImg { width: 38%; margin-right: 2%; } .newsList .newBox { flex: 1; display: flex; justify-content: space-between; flex-direction: column; } .newsList .newsTitle { white-space: normal; } .newsList .newDetail { display: none; } .newsList .newsTime { text-align: right; color: #a3a3a3; } } /*分页样式*/ .MvcPagerCtrl { color: red; text-align: center; margin-top: 30px; } .MvcPagerCtrl a { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; border: 1px solid #666; margin: 0 5px; color: #000; font-size: 16px; } .MvcPagerCtrl a:last-child, .MvcPagerCtrl a:first-child { width: 50px; } @media (max-width: 768px) { .MvcPagerCtrl a { font-size: 12px; width: 20px; height: 20px; line-height: 20px; } } /*上下页按钮*/ .pnBnt { padding: 15px; border: 1px solid #D6D6D6; margin-top: 40px; } .pnBnt span { display: block; } .pnBnt span:last-child { margin-top: 10px; } .pnBnt a { color: #808080; } .pnBnt a:hover { color: #0496e1; text-decoration: underline; } /*扩张列表*/ .caseList li { width: 31%; margin: 0 1% 30px 1%; float: left; box-sizing: border-box; border-bottom: 2px solid #ccc; } .caseList li .imgBox { width: 100%; padding-bottom: 70%; margin-bottom: 10px; } .caseList li span { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #4c4c4c; } @media (max-width: 768px) { .caseList li { width: 48%; margin: 0 1% 8% 1%; border-bottom-width: 1px; } .caseList li .imgBox { margin-bottom: 0; } } /*工程列表*/ .projectList li { width: 31%; margin: 0 1% 30px 1%; float: left; box-sizing: border-box; border-bottom: 2px solid #ccc; } .projectList li .imgBox { width: 100%; padding-bottom: 80%; margin-bottom: 10px; } .projectList li span { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #4c4c4c; } @media (max-width: 768px) { .projectList li { width: 48%; margin: 0 1% 8% 1%; border-bottom-width: 1px; } .projectList li .imgBox { margin-bottom: 0; } } /*联系我们*/ .iContact { font-size: 16px; line-height: 1.8; } .iContact .column { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } .iContact .cName { font-size: 1.4em; color: #0255a5; font-weight: bold; margin-bottom: 15px; } .iContact p { margin-bottom: 10px; } .contactMap { height: 600px; margin-top: 40px; } @media (max-width: 768px) { .iContact .column { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } .contactMap { height: 80vw; } } /*产品列表*/ .productList li { width: 31%; margin: 0 1% 30px 1%; float: left; box-sizing: border-box; border-bottom: 2px solid #ccc; } .productList li .imgBox { width: 100%; padding-bottom: 80%; margin-bottom: 10px; } .productList li span { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #4c4c4c; } @media (max-width: 768px) { .productList li { width: 48%; margin: 0 1% 8% 1%; border-bottom-width: 1px; } .productList li .imgBox { margin-bottom: 0; } } /*公司文化*/ .culture .l{ width: 50%; float: left; color: #5d5d5d; font-size: 18px; } .culture .r { width: 50%; float: right; } .culture .r .liBox { float: left; width: 50%; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; } .culture .r .liBox:nth-child(2n+1) { padding-right: 5px; } .culture .r .liBox:nth-child(2n) { padding-left: 5px; } .culture .r .liBox .imgBox { padding-bottom: 70%; } @media (max-width: 768px) { .culture { padding: 0 10px; } .culture .l { float: none; width: 100%; font-size: 13px; } .culture .r { float: none; width: 100%; } } /*内页荣誉*/ .innerHonor { position: relative; padding: 0 40px; box-sizing: border-box; } .innerHonor .pBox { overflow: hidden; } .innerHonor li { width: 25%; padding: 0 10px; box-sizing: border-box; } .innerHonor .imgBox{ padding-bottom: 70%; } .innerHonor li span{ text-align: center; background-color: #d7e0e5; height: 40px; line-height: 40px; display: block; margin-top: 10px; } .innerHonor li:hover span { background: #003755; color: #fff; } .innerHonor li:hover span a{ color: #fff; } .innerHonor-swiper-next, .innerHonor-swiper-prev { width: 34px; height: 66px; margin-top: -33px; background-color: #d7e0e5; background-size: 20px 33px; } .innerHonor-swiper-next:hover{ background-color: #003755; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .innerHonor-swiper-prev:hover { background-color: #003755; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 768px) { .innerHonor { padding: 0 25px; } .innerHonor-swiper-next, .innerHonor-swiper-prev { width: 20px; background-size: 13px auto; } .innerHonor-swiper-next { right: 5px; } .innerHonor-swiper-prev { left: 5px; } .innerHonor li span { height: 2em; line-height: 2em; } } /*留言表单*/ .msgForm{ width: 500px;max-width: 100%; } .msgForm input[type=text], .msgForm textarea { width: 400px; height: 30px; line-height: 30px; vertical-align: text-top; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; border: 0; } .iBox { background-color: #f2f2f2; margin-bottom: 15px; line-height: 30px; height: 30px; padding:5px 20px; position: relative; } .iBox.tarea { height: auto; } .iBox .l { float: left; } .iBox label { color: #989898; } .iBox .r { overflow: hidden; height: 100%; } .iBox .r input, .iBox .r textarea{ width: 100%; height: 100%; display: block; } .iBox.tarea textarea{ height: 120px; } .msgForm textarea { height: 120px; } .msgForm .must_text:before { content: "*"; color: #f99e00; position: absolute; right: 0; top: 0; } .msgForm label.error { position: absolute; top: 100%; color: red; font-size: 12px; line-height: 1; } .msgForm .btn-box { text-align: center; } .msgForm .btn-box input.msg_btn { height: 40px; line-height: 40px; width: 90px; border: 0; color: #fff; cursor: pointer; font-size: 16px; } .msgForm .btn-box input.msg_btn[type="button"], .msgForm .btn-box input.msg_btn[type="submit"] { background: #0496df; width: 100%; } .msgForm .btn-box input.msg_btn[type="button"]:hover, .msgForm .btn-box input.msg_btn[type="submit"]:hover { background: #5f9de4; } /*留言表单end*/ .leaveBox .l{ float: left; width: 50%; } .leaveBox .r{ float: left; width: 50%; } .daoonetit{text-align: center;padding-bottom: 40px;} .daoonetit span{font-weight: bold;color: #000;font-size: 22px;line-height: 1;display: block;} .daoonetit h3{font-size: 40px;color: #0255a5;padding:20px 0;line-height: 1;} .daoonetit p{font-size: 18px;line-height: 1;} @media (max-width: 768px) { .daoonetit span { font-size: 15px; } .daoonetit h3 { font-size: 25px; padding: 10px 0; } .daoonetit p { display: none; } } /*产品详情*/ .productTop { padding-bottom: 40px; } .productTop .l{ width: 50%; margin-right: 4%; float: left; } .productTop .r { overflow: hidden; } .gallery-bImg { width: 100%; height: 555px; margin-left: auto; margin-right: auto; border: 1px solid #ccc; box-sizing: border-box; } .productBigImg .swiper-slide { background-size: contain; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; } .gallery-sImg { height: 100px; box-sizing: border-box; padding: 10px; } .gallery-sImg .swiper-slide { width: 25%; height: 100%; opacity: 0.4; background-color: #fff; border: 1px solid #ccc; } .gallery-sImg .swiper-slide-thumb-active { opacity: 1; } .productTop .r-title { background: #e5ebee; height: 50px; font-size: 24px; color: #003755; line-height: 50px; text-indent: 1em; } .productTop .r-text { line-height: 40px; padding: 18px 30px; height: 120px; overflow: hidden; } .productTop .r-item { } .productTop .item-c { border: 1px solid #ccc; height: 312px; line-height: 30px; overflow: hidden; padding: 18px 30px; position: relative; padding-top: 20px; } .productTop .item-t { width: 100%; text-align: center; transform: translateY(50%); z-index: 2; position: relative; } .productTop .item-t span { background-color: #fff; padding: 0 1em; } .productTop .r-contact { margin-top: 25px; margin-bottom: 25px; } .productTop .r-contact .icon { float: left; width: 50px; height: 50px; background: url("../Images/phoneIco-black.png") no-repeat center center / contain; } .productTop .r-contact .num { border-left: 1px solid #ccc; padding-left: 17px; margin-left: 11px; float: left; color: #333; line-height: 1; } .productTop .r-contact .num small { font-size: 14px; display: block; } .productTop .r-contact .num span { font-weight: bold; font-size: 30px; display: block; margin-top: 5px; } .productTop .r-contact .btn { float: right; width: 133px; height: 50px; line-height: 50px; background: #e03136; color: #fff; text-align: center; border-radius: 5px; display: block; } .detail-Leave { margin-top: 55px; } .detail-Leave .l-img{ float: left; width: 52%; } .detail-Leave .r-form{ float: right; width: 46%; } .detail-Leave .r-form input { } #pro_detail .dtBox img { display: block; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { #pro_detail { margin: 0 -10px; } #detail_text { overflow: hidden; } /*.dtBox { margin: 0 -20%; }*/ .productTop .l { float: none; width: 100%; } .gallery-bImg { height: 90vw; } .gallery-sImg { height: 20vw; padding: 10px 0; } .productTop .r { margin: 30px -10px 0; } .productTop .r-title { font-size: 20px; height: 40px; line-height: 40px; } .productTop .r-text { font-size: 15px; line-height: 2; } .productTop .r-item { display: none; } .productTop .r-contact { padding-left: 25px; margin-top: 15px; margin-bottom: 30px; } .productTop .r-contact .btn { display: none; } .productTop .r-contact .num span { font-size: 24px; } .productTop .r-contact .icon { width: 43px; height: 43px; } .shareLine { display: none; } .detail-Leave { margin-top: 0; } .detail-Leave .l-img { display: none; } .detail-Leave .r-form { float: none; width: 100% !important; padding: 0 10px; box-sizing: border-box; } .detail-Leave .r-form .msgForm { width: 100%; } } /*关于我们*/ .about2 .companyProfile { height: auto } .about2 .aMore { display: none; } @media (max-width: 768px) { .about2 .companyProfile { height: 14em; overflow: hidden; overflow-y: auto; padding-right: 0.5em; } .about2 .companyProfile::-webkit-scrollbar { width: 10px; height: 1px; } .about2 .companyProfile::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #a4a4a4; } .about2 .companyProfile::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } } /*视频*/ .videoList li { width: 31%; margin: 0 1% 30px 1%; float: left; box-sizing: border-box; border-bottom: 2px solid #ccc; } .videoList li .imgBox { width: 100%; padding-bottom: 70%; margin-bottom: 10px; background-color: #000; } .videoList li .imgBox:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4) url(../Images/play.png) no-repeat center center / 30% auto; z-index: 1; display: none; } .videoList li span { display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #4c4c4c; } .videoList li:hover .imgBox:before{ display: block; } /*产品详情*/ .pdBox:nth-child(2n){ background-color: #f2f2f2; } .pdBox{ font-size: 20px; color: #333333; padding-top: 50px; padding-bottom: 50px; line-height: 2.4; } .pdBox p.t{ font-size: 1.5em; margin-bottom: 1em; } .pdBox .floatL, .pdBox .floatR { width: 42%; } .pdBox .c2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 16%; -moz-column-gap: 16%; column-gap: 16%; } @media (max-width: 768px) { .pdBox { font-size: 15px; padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; } .pdBox .floatL, .pdBox .floatR { width: 100%; float: none; } .pdBox .floatR { margin-top: 20px; } .pdBox .c2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .download_text li { padding: 20px 10px; border-bottom: 1px solid #ccc; } .download_text li .l{ overflow: hidden; } .download_text li .r{ float: right; }