@charset "UTF-8";
html {
-webkit-font-smoothing: antialiased;
height: 100%;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
display: block;
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table, th, td {
border: 1px solid black;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, var {
font-style: normal;
font-weight: 400;
}
dl, ol, ul {
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
outline: 0;
outline: none;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
textarea {
resize: none;
outline: none;
font-family: Arial,Microsoft YaHei;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
button, input {
-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
outline: 0;
-webkit-appearance: none;
}
button {
-webkit-appearance: none;
}
body {
max-width: 1920px;
}
body * {
box-sizing: border-box;
font-family: Arial, Microsoft YaHei;
}
body.padding {
padding-bottom: 1rem;
}
.w1000 {
width: 10rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
.w1600 {
width: 16rem;
margin: 0 auto;
position: relative;
font-size: 0;
}
header {
width: 100%;
border-bottom: solid 1px #eaeaea;
position: relative;
position: fixed;
top: 0;
z-index: 13;
background: #fff;
}
header .logo {
display: inline-block;
vertical-align: middle;
width: 2.34rem;
height: 0.63rem;
}
header .logo a, header .logo img {
width: 100%;
height: 100%;
display: block;
}
header .call {
display: inline-block;
vertical-align: middle;
width: 2rem;
margin-left: 0.2rem;
}
header .call .cot {
width: 100%;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
}
header .call .cot span {
width: 0.21rem;
height: 0.21rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
header .call .cot span img {
width: 100%;
height: 100%;
display: block;
}
header .call .cob {
width: 100%;
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
white-space: nowrap;
}
header nav {
display: inline-block;
vertical-align: middle;
width: calc(100% - 2rem - 0.2rem - 2.34rem - 1.1rem);
text-align: right;
}
header nav .navem {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
margin: 0 0.1rem;
}
header nav .navem .nae {
display: inline-block;
position: relative;
color: #666666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.1rem;
padding: 0 0.15rem;
}
header nav .navem .navul {
border-top: solid 1px #e9e9e9;
border-bottom: solid 1px #e9e9e9;
position: absolute;
width: 2rem;
left: 50%;
z-index: 15;
transform: translateX(-50%);
background: #fff;
display: none;
}
header nav .navem .navul .nul {
width: 100%;
display: inline-block;
vertical-align: top;
width: 100%;
font-size: 0;
}
header nav .navem .navul .nul .li {
display: inline-block;
vertical-align: top;
width: 100%;
}
header nav .navem .navul .nul .li a {
width: 100%;
color: #666666;
font-size: calc(12px - 0.12rem + 0.14rem);
display: block;
line-height: 3;
height: 3em;
text-align: center;
padding: 0 0.1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
header nav .navem .navul .nul li:hover a {
color: #006fc6;
}
header nav .navem:after {
content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #006fc6;
display: none;
}
header nav .navem.on:after {
display: block;
}
header nav .navem.on .nae {
color: #006fc6;
}
header .rights {
font-size: 0;
width: 1.1rem;
display: inline-block;
vertical-align: middle;
}
header .rights .stn {
width: 1.1rem;
height: 1.1rem;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
background: #fff;
border: solid 1px #f0f0f0;
}
header .rights .stn a {
width: 100%;
height: 100%;
display: block;
}
header .rights .stn img {
width: 0.25rem;
height: 0.25rem;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
header .rights .stn img:first-child {
display: block;
}
header .rights .stn img:last-child {
display: none;
}
header .rights .stn:hover {
background: #006fc6;
}
header .rights .stn:hover img:first-child {
display: none;
}
header .rights .stn:hover img:last-child {
display: block;
}
header .rights .menu {
display: none;
}
header .rights .href {
display: inline-block;
vertical-align: middle;
display: none;
}
header .rights .href a {
color: #666666;
font-size: calc(12px - 0.12rem + 0.12rem);
padding: 0 0.15rem;
line-height: 1.5;
}
header .black {
display: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
cursor: pointer;
}
header .search {
width: 100%;
font-size: 0;
padding: 0.1rem 0.2rem;
border-top: solid 1px #f6f6f6;
display: none;
position: absolute;
z-index: 10;
top: 100%;
background: #fff;
}
header .search form {
width: 100%;
font-size: 0;
margin: 0 auto;
max-width: 10rem;
display: block;
}
header .search .input {
width: calc(100% - 2rem);
display: inline-block;
vertical-align: middle;
font-size: 0;
background: #f6f6f6;
}
header .search .input input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: #fff;
background: #f6f6f6;
color: #666666;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 2.5;
height: 2.5em;
padding: 0 0.2rem;
border: none;
}
header .search .submxt {
width: 2rem;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
header .search .submxt input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: #006fc6;
color: #fff;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 2.5;
padding: 0 0.2rem;
border: none;
text-align: center;
cursor: pointer;
}
@media (max-width: 1400px) {
.w1000 {
width: 94%;
}
header nav {
width: 4rem;
position: fixed;
right: 0;
top: 0;
height: 100vh;
background-color: #fff;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
overflow: auto;
z-index: 1000;
transform: translate(100%, 0);
transition: transform .3s;
}
header nav .navem:after {
background: none;
}
header nav .navem.has-nav:after {
content: "+";
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
background: none;
left: auto;
right: 0;
transform: translateX(0);
top: 0;
font-size: 20px;
color: #666;
}
header nav .navem.has-nav.show:after {
content: "-";
}
header nav .navem {
display: block;
width: 100%;
padding: 0;
}
header nav .navem .nae {
line-height: 40px;
padding-left: 0.25rem;
width: auto;
display: inline-block;
vertical-align: top;
}
header nav .navem .navul {
position: relative;
width: 100%;
top: 0rem;
left: 0;
transform: translateX(0);
}
header nav .navem .navul .nul .li a {
text-align: left;
padding: 0 0.3rem;
line-height: 0.8rem;
}
header .rights {
text-align: right;
width: calc(100% - 2rem - 0.2rem - 2.34rem);
}
header .rights .stn img {
width: 0.4rem;
height: 0.4rem;
}
header .rights .menu {
display: inline-block;
}
header .rights .menu img {
width: 0.8rem;
height: 0.8rem;
}
header .rights .href {
display: inline-block;
}
header.menu-state nav {
transform: translate(0, 0);
}
header.menu-state nav .navem {
text-align: left;
}
header.menu-state .black {
display: block;
}
}
@media (max-width: 420px) {
header .rights {
width: calc(100% - 2.34rem);
}
header .call {
display: none;
}
}
.maplist {
width: 100%;
padding: 0.6rem 0;
}
.maplist .btns {
width: 100%;
font-size: 0;
text-align: right;
margin-bottom: 0.2rem;
}
.maplist .btns a {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.2rem);
margin-left: 0.4rem;
padding: 0 0.2rem;
border: solid 2px #ddd;
}
.maplist .btns a.on {
color: #fff;
border: solid 2px #006fc6;
background: #006fc6;
}
.maplist .btns a:hover {
color: #fff;
border: solid 2px #006fc6;
background: #006fc6;
}
.maplist .mlist {
width: 100%;
margin-bottom: 0.2rem;
}
.maplist .mlist .mit {
width: 100%;
color: #333;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.2rem);
font-weight: bold;
color: #006fc6;
background: #efefef;
padding: 0 0.3rem;
position: relative;
}
.maplist .mlist .mit:before {
content: ' ';
position: absolute;
width: 0.08rem;
height: 1em;
font-size: calc(12px - 0.12rem + 0.2rem);
left: 0.11rem;
top: 50%;
transform: translateY(-50%);
background: #006fc6;
}
.maplist .mlist .mul {
width: 100%;
font-size: 0;
border: solid 1px #efefef;
padding: 0.2rem 0.2rem 0.1rem;
}
.maplist .mlist .mul .mli {
width: calc((265 / 1600) * 100%);
display: inline-block;
vertical-align: top;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.maplist .mlist .mul .mli a {
width: 100%;
display: block;
color: #333;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: 0.1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 0.2rem;
}
@media (max-width: 1080px) {
.maplist .mlist .mul .mli {
width: calc((400 / 1600) * 100%);
}
}
@media (max-width: 768px) {
.maplist .mlist .mul .mli {
width: calc((800 / 1600) * 100%);
}
}
.rightNav {
position: fixed;
z-index: 100;
right: 0;
bottom: 0;
width: 0.8rem;
}
.rightNav .rnavm {
width: 0.7rem;
height: 0.7rem;
background: #9ad3fe;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
position: relative;
cursor: pointer;
text-align: center;
}
.rightNav .rnavm .icon {
width: 0.4rem;
height: 0.4rem;
display: inline-block;
}
.rightNav .rnavm .icon img {
width: 100%;
height: 100%;
display: block;
}
.rightNav .rnavm .txt {
width: 100%;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.12rem);
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.rightNav .rnavm .qit {
position: absolute;
right: 0.9rem;
top: 50%;
transform: translateY(-50%);
background: #0070c6;
color: #fff;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.18rem);
text-align: center;
padding: 0 0.2rem;
display: none;
}
.rightNav .rnavm .cods {
position: absolute;
right: 0.9rem;
top: 50%;
transform: translateY(-50%);
width: 1.6rem;
height: 1.6rem;
background: #0070c6;
padding: 0.1rem;
display: none;
}
.rightNav .rnavm .cods img {
width: 100%;
height: 100%;
}
.rightNav .rnavm:hover {
background: #0070c6;
}
.rightNav .rnavm:hover .cods {
display: block;
}
.rightNav .rnavm:hover .qit {
display: block;
}
.rightNav.change {
top: auto;
bottom: 0;
width: 100%;
transform: translateY(0);
left: 0;
right: 0;
display: flex;
}
.rightNav.change .rnavm {
flex: 1;
padding: 0.1rem 0;
height: auto;
width: auto;
}
.rightNav.change .rnavm .cods {
right: 50%;
bottom: 1.2rem;
top: auto;
transform: translate(50%, 0);
}
.rightNav.change .rnavm .qit {
right: 50%;
bottom: 1.2rem;
top: auto;
transform: translate(50%, 0);
}
.rightNav.change .rnavm.top {
display: none;
}
.rightNav.change .rnavm:nth-child(5) {
display: none;
}
.banner {
width: 100%;
padding-top: 1.1rem;
}
.banner .swiper-slide {
width: 100%;
height: 3.5rem;
position: relative;
overflow: hidden;
}
.banner .swiper-slide a, .banner .swiper-slide img {
width: 100%;
height: 100%;
display: block;
}
.banner .swiper-slide a {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
transition: all ease 10s;
}
.banner .swiper-slide-active a {
animation: sale linear 6s;
}
@keyframes sale {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.banner .swiper-pagination-bullet {
width: 0.22rem;
height: 0.22rem;
background: url("../images/p1.png") no-repeat;
background-size: 100%;
opacity: 1;
}
.banner .swiper-pagination-bullet-active {
background: url("../images/p2.png") no-repeat;
background-size: 100%;
}
.banner .swiper-pagination {
bottom: 0.3rem;
}
@media (max-width: 768px) {
.banner .swiper-slide {
height: 5rem;
}
}
@media (max-width: 540px) {
.banner .swiper-slide {
height: 4rem;
}
}
@media (max-width: 440px) {
.banner .swiper-slide {
height: 3rem;
}
}
.nbanner {
width: 100%;
position: relative;
padding-top: 1.1rem;
}
.nbanner .img {
width: 100%;
}
.nbanner .img img {
width: 100%;
height:100%;
display: block;
}
.nbanner .tin {
position: absolute;
z-index: 10;
left: calc((260/ 1920) * 100%);
top: 50%;
transform: translateY(-50%);
width: calc((1400 / 1920) * 100%);
}
.nbanner .tin .en {
color: #006fc6;
line-height: 1.5;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.4rem);
margin-bottom: 0.1rem;
}
.nbanner .tin .cn {
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
}
.nbanner.white .tin .en, .nbanner.white .tin .cn {
color: #fff;
}
@media (max-width: 768px) {
.nbanner .tin .en {
font-size: calc(12px - 0.12rem + 0.2rem);
}
.nbanner .tin .cn {
font-size: calc(12px - 0.12rem + 0.16rem);
}
}
.Modular {
width: 100%;
padding: 0.6rem 0;
}
.Modular .Mhead {
width: 100%;
text-align: center;
margin-bottom: 0.45rem;
}
.Modular .Mhead .cn {
width: 100%;
font-size: 0;
}
.Modular .Mhead .cn .nax {
display: inline-block;
vertical-align: middle;
position: relative;
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.36rem);
}
.Modular .Mhead .cn .nax span {
position: absolute;
width: 0.2rem;
height: 0.2rem;
right: -0.15rem;
top: -0.05rem;
z-index: 2;
}
.Modular .Mhead .cn .nax span img {
width: 100%;
height: 100%;
display: block;
}
.Modular .Mhead .cn .nax span img:first-child {
display: block;
}
.Modular .Mhead .cn .nax span img:last-child {
display: none;
}
.Modular .Mhead .en {
width: 100%;
color: #888888;
line-height: 1.5;
display: none;
font-size: calc(12px - 0.12rem + 0.24rem);
}
.Modular.white .Mhead .cn .nax {
color: #fff;
}
.Modular.white .Mhead .cn .nax span img:first-child {
display: none;
}
.Modular.white .Mhead .cn .nax span img:last-child {
display: block;
}
.Modular.white .Mhead .en {
color: #fff;
}
.Modular.pad {
padding: 0.3rem 0;
}
.Modular.pad .Mhead {
margin-bottom: 0;
}
.tabnav {
width: 100%;
background-color: #006fc6;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
}
.tabnav .tabs {
width: 100%;
font-size: 0;
}
.tabnav .tabs .home {
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.tabnav .tabs .home a {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 0.6rem;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.tabnav .tabs .home a span {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.tabnav .tabs .home a span img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tabs .home .sj {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
width: 5px;
height: 6px;
}
.tabnav .tabs .home .sj img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tabs .tarm {
display: inline-block;
vertical-align: middle;
}
.tabnav .tabs .tarm a {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 0.6rem;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.tabnav .tabs .tarm .sj {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
width: 5px;
height: 6px;
}
.tabnav .tabs .tarm .sj img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tabs .tarm + .tarm {
margin-left: 0.1rem;
}
.tabnav .tabs .tarm:last-child .sj {
display: none;
}
.tabnav .tal {
width: calc((560 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.tabnav .tal .home {
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.tabnav .tal .home a {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 0.6rem;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.tabnav .tal .home a span {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.tabnav .tal .home a span img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tal .home .sj {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
width: 5px;
height: 6px;
}
.tabnav .tal .home .sj img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tal .tarm {
display: inline-block;
vertical-align: middle;
}
.tabnav .tal .tarm a {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 0.6rem;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.tabnav .tal .tarm .sj {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
width: 5px;
height: 6px;
}
.tabnav .tal .tarm .sj img {
width: 100%;
height: 100%;
display: block;
}
.tabnav .tal .tarm + .tarm {
margin-left: 0.1rem;
}
.tabnav .tal .tarm:last-child .sj {
display: none;
}
.tabnav .tar {
display: inline-block;
vertical-align: middle;
width: calc((1040 / 1600) * 100%);
}
.tabnav .tar .swiper-slide {
display: inline-block;
vertical-align: middle;
width: auto;
}
.tabnav .tar .swiper-slide a {
display: inline-block;
vertical-align: middle;
padding: 0 0.26rem;
color: #fff;
line-height: 0.6rem;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.tabnav .tar .swiper-slide.on a {
background: #fff;
color: #006fc6;
}
.tabnav .tar .swiper-wrapper {
justify-content: flex-end;
}
@media (max-width: 1280px) {
.tabnav .tal {
width: 100%;
}
.tabnav .tar {
width: 100%;
}
.tabnav .tar .swiper-wrapper {
justify-content: flex-start;
}
}
.pages {
width: 100%;
padding: 0.2rem 0 0.2rem;
font-size: 0;
text-align: center;
background: #fff;
box-shadow: 0px 0px 27px 0px rgba(155, 155, 155, 0.21);
}
.pages .page {
width: 0.4rem;
height: 0.4rem;
display: inline-block;
vertical-align: middle;
margin: 0 0.1rem 0rem;
}
.pages .page a {
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 0.4rem;
font-size: calc(12px - 0.12rem + 0.14rem);
color: #666;
background: #efefef;
border: solid 1px #efefef;
border-radius: 50%;
}
.pages .page.long {
width: auto;
line-height: 0.4rem;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.pages .page.long a {
padding: 0 0.2rem;
border-radius: 0.2rem;
}
.pages .page.on a {
background: #f3930b;
color: #fff;
border: solid 1px #f3930b;
}
.pages .page:hover a {
background: #f3930b;
color: #fff;
border: solid 1px #f3930b;
}
.Field .areas {
width: 100%;
font-size: 0;
}
.Field .areas .area {
width: calc((360 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
position: relative;
height: 6.5rem;
transition: all ease 0.5s;
overflow: hidden;
}
.Field .areas .area .surface {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
transition: all ease 0.5s;
}
.Field .areas .area .surface .icn {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.Field .areas .area .surface .icn .icon {
width: 0.5rem;
height: 0.5rem;
margin: 0 auto 0.1rem;
}
.Field .areas .area .surface .icn .icon img {
width: 100%;
height: 100%;
display: block;
}
.Field .areas .area .surface .icn .nix {
width: 100%;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.5;
white-space: nowrap;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Field .areas .area .Inner {
position: absolute;
z-index: 5;
bottom: 0;
width: 100%;
opacity: 0;
left: -100%;
right: 0;
background: #006fc6;
padding: 0.25rem 0.2rem;
font-size: 0;
transition: all ease 0.5s;
}
.Field .areas .area .Inner .inm {
width: 0.62rem;
height: 0.62rem;
display: inline-block;
vertical-align: middle;
}
.Field .areas .area .Inner .incn {
width: calc(100% - 0.62rem - 0.16rem);
margin-left: 0.16rem;
display: inline-block;
vertical-align: middle;
}
.Field .areas .area .Inner .incn .int {
width: 100%;
font-size: 0;
}
.Field .areas .area .Inner .incn .int .b {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: bold;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.Field .areas .area .Inner .incn .int .s {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.Field .areas .area .Inner .incn .inb {
width: 100%;
color: #fff;
line-height: 1.7;
margin-top: 0.08rem;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.Field .areas .area .add {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
left: 0;
top: 0;
opacity: 0;
transition: all ease 0.5s;
}
.Field .areas .area .add .img {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: #006fc6;
text-align: center;
}
.Field .areas .area .add .img img {
width: 0.3rem;
height: 0.3rem;
display: inline-block;
margin-top: 0.15rem;
}
.Field .areas .area.on {
width: calc((520 / 1600) * 100%);
}
.Field .areas .area.on .surface {
opacity: 0;
}
.Field .areas .area.on .add {
opacity: 1;
}
.Field .areas .area.on .Inner {
left: 0;
opacity: 1;
}
.Field .areaiper {
width: 100%;
display: none;
font-size: 0;
}
.Field .areaiper .swiper-container {
padding: 0 3%;
}
.Field .areaiper .swiper-slide {
width: 100%;
position: relative;
}
.Field .areaiper .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.Field .areaiper .swiper-slide .img {
width: 100%;
}
.Field .areaiper .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
}
.Field .areaiper .swiper-slide .Inner {
position: absolute;
z-index: 5;
bottom: 0;
width: 100%;
left: 0;
right: 0;
background: #006fc6;
padding: 0.25rem 0.2rem;
font-size: 0;
transition: all ease 0.5s;
}
.Field .areaiper .swiper-slide .Inner .inm {
width: 0.62rem;
height: 0.62rem;
display: inline-block;
vertical-align: middle;
}
.Field .areaiper .swiper-slide .Inner .incn {
width: calc(100% - 0.62rem - 0.16rem);
margin-left: 0.16rem;
display: inline-block;
vertical-align: middle;
}
.Field .areaiper .swiper-slide .Inner .incn .int {
width: 100%;
font-size: 0;
}
.Field .areaiper .swiper-slide .Inner .incn .int .b {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: bold;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
}
.Field .areaiper .swiper-slide .Inner .incn .int .s {
display: inline-block;
vertical-align: middle;
margin-left: 0.1rem;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.12rem);
}
.Field .areaiper .swiper-slide .Inner .incn .inb {
width: 100%;
color: #fff;
line-height: 1.7;
margin-top: 0.08rem;
font-size: calc(12px - 0.12rem + 0.12rem);
}
.Field .areaiper .swiper-slide .add {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
left: 0;
top: 0;
opacity: 1;
transition: all ease 0.5s;
}
.Field .areaiper .swiper-slide .add .img {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: #006fc6;
text-align: center;
}
.Field .areaiper .swiper-slide .add .img img {
width: 0.3rem;
height: 0.3rem;
display: inline-block;
margin-top: 0.15rem;
}
.Field .areaiper .arens {
width: 100%;
padding: 0 3%;
}
.Field .areaiper .arems {
width: 100%;
width: 48%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
margin-bottom: 0.3rem;
position: relative;
}
.Field .areaiper .arems a {
width: 100%;
height: 100%;
display: block;
}
.Field .areaiper .arems .img {
width: 100%;
}
.Field .areaiper .arems .img img {
width: 100%;
height: 100%;
display: block;
}
.Field .areaiper .arems .Inner {
position: absolute;
z-index: 5;
bottom: 0;
width: 100%;
left: 0;
right: 0;
background: #006fc6;
padding: 0.25rem 0.2rem;
font-size: 0;
transition: all ease 0.5s;
}
.Field .areaiper .arems .Inner .inm {
width: 0.62rem;
height: 0.62rem;
display: inline-block;
vertical-align: middle;
}
.Field .areaiper .arems .Inner .incn {
width: calc(100% - 0.62rem - 0.16rem);
margin-left: 0.16rem;
display: inline-block;
vertical-align: middle;
}
.Field .areaiper .arems .Inner .incn .int {
width: 100%;
font-size: 0;
}
.Field .areaiper .arems .Inner .incn .int .b {
display: inline-block;
vertical-align: middle;
color: #fff;
font-weight: bold;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.Field .areaiper .arems .Inner .incn .int .s {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1.3;
font-size: calc(12px - 0.12rem + 0.12rem);
word-wrap: break-word;
word-break: break-all;
}
.Field .areaiper .arems .Inner .incn .inb {
width: 100%;
color: #fff;
line-height: 1.7;
margin-top: 0.08rem;
font-size: calc(12px - 0.12rem + 0.12rem);
display: none;
}
.Field .areaiper .arems .add {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
left: 0;
top: 0;
opacity: 1;
transition: all ease 0.5s;
}
.Field .areaiper .arems .add .img {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
background: #006fc6;
text-align: center;
}
.Field .areaiper .arems .add .img img {
width: 0.3rem;
height: 0.3rem;
display: inline-block;
margin-top: 0.15rem;
}
.Field .areaiper .arems:nth-child(2n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Field .areas {
display: none;
}
.Field .areaiper {
display: block;
}
}
.Cases .Casclass {
width: 100%;
font-size: 0;
text-align: center;
margin: 0.3rem 0 0.5rem;
}
.Cases .Casclass .casem {
display: inline-block;
vertical-align: middle;
margin: 0.1rem 0.15rem;
width: auto;
}
.Cases .Casclass .casem a {
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #fff;
border-radius: 0.06rem;
}
.Cases .Casclass .casem:hover a {
color: #fff;
background: #ef8400;
}
.Cases .Casclass .casem.on a {
color: #fff;
background: #ef8400;
}
.Cases .Caselis {
width: 100%;
font-size: 0;
margin: 0.4rem 0;
}
.Cases .Caselis .catem {
width: 24%;
border-radius: 0.04rem;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: calc((100% - 3.84rem * 4) / 3);
margin-right: calc((100% - 24% * 4) / 3);
}
.Cases .Caselis .catem a {
width: 100%;
height: 100%;
display: block;
}
.Cases .Caselis .catem .img {
width: 100%;
overflow: hidden;
}
.Cases .Caselis .catem .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Cases .Caselis .catem .con {
background: #fff;
padding: 0.3rem;
border-bottom: solid 2px #999999;
}
.Cases .Caselis .catem .con .tx {
width: 100%;
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
}
.Cases .Caselis .catem .con .more {
margin-top: 0.1rem;
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Cases .Caselis .catem:hover .img img {
transform: scale(1.1);
}
.Cases .Caselis .catem:hover .con {
border-bottom: solid 2px #ef8400;
}
.Cases .Caselis .catem:hover .con .more {
color: #ef8400;
}
.Cases .Caselis .catem:nth-child(4n) {
margin-right: 0;
}
.Cases .Cmore {
width: 100%;
font-size: 0;
text-align: center;
}
.Cases .Cmore a {
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #fff;
border-radius: 0.06rem;
}
.Cases .Cmore a:hover {
color: #fff;
background: #ef8400;
}
@media (max-width: 768px) {
.Cases .Caselis .catem {
width: 48%;
margin-right: 4%;
margin-bottom: 0.3rem;
}
.Cases .Caselis .catem:nth-child(2n) {
margin-right: 0;
}
.Cases .Casclass .casem {
width: 40%;
}
}
.Industry .indus {
width: 100%;
font-size: 0;
}
.Industry .indus .inl {
display: inline-block;
vertical-align: middle;
width: calc((760 / 1600) * 100%);
}
.Industry .indus .inl .swiper-slide {
width: 100%;
position: relative;
height: 5rem;
border-radius: 0.06rem;
}
.Industry .indus .inl .swiper-slide img {
width: 100%;
height: 100%;
display: block;
}
.Industry .indus .inl .swiper-slide .tip {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.1rem 0.2rem;
background: rgba(41, 127, 194, 0.6);
}
.Industry .indus .inl .swiper-slide .tip span {
width: 60%;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Industry .indus .inl .swiper-pagination {
left: auto;
width: auto;
right: 0.2rem;
bottom: 0.2rem;
}
.Industry .indus .inl .swiper-pagination-bullet {
background-color: #ffffff;
opacity: 0.5;
}
.Industry .indus .inl .swiper-pagination-bullet-active {
background-color: #ffffff;
opacity: 1;
}
.Industry .indus .inr {
width: calc((800 / 1600) * 100%);
margin-left: calc((40 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
border-radius: 0.06rem;
overflow: hidden;
}
.Industry .indus .inr .inrtab {
width: 100%;
display: flex;
justify-content: space-between;
}
.Industry .indus .inr .inrtab .inrem {
flex: 1;
text-align: center;
cursor: pointer;
line-height: 0.5rem;
background-image: linear-gradient(90deg, #6dbfff 0%, #a0d5ff 100%), linear-gradient(#6dbfff, #6dbfff);
background-blend-mode: normal, normal;
color: #fff;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Industry .indus .inr .inrtab .inrem.on {
background-image: linear-gradient(90deg, #006fc6 0%, #008fff 100%), linear-gradient(#297fc2, #297fc2);
background-blend-mode: normal, normal;
}
.Industry .indus .inr .inrcon {
width: 100%;
height: 4.5rem;
background: #fff;
}
.Industry .indus .inr .inrcon .incem {
width: 100%;
display: none;
padding: 0.1rem 0.3rem;
}
.Industry .indus .inr .inrcon .incem .ictem {
width: 100%;
padding: 0.1rem 0;
border-bottom: dashed 1px #a3a3a3;
}
.Industry .indus .inr .inrcon .incem .ictem a {
width: 100%;
height: 100%;
display: block;
}
.Industry .indus .inr .inrcon .incem .ictem .ix {
width: 100%;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3em;
margin-bottom: 0.1rem;
}
.Industry .indus .inr .inrcon .incem .ictem .iot {
width: 100%;
font-size: 0;
}
.Industry .indus .inr .inrcon .incem .ictem .iot .time {
width: 50%;
display: inline-block;
vertical-align: middle;
color: #797979;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 1.7;
}
.Industry .indus .inr .inrcon .incem .ictem .iot .time span {
display: inline-block;
margin-right: 0.1rem;
}
.Industry .indus .inr .inrcon .incem .ictem .iot .more {
text-align: right;
width: 50%;
display: inline-block;
vertical-align: middle;
color: #006fc6;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 1.7;
}
.Industry .indus .inr .inrcon .incem .ictem:hover .ix {
color: #006fc6;
}
.Industry .indus .inr .inrcon .incem.on {
display: block;
}
.Industry .Imore {
width: 100%;
font-size: 0;
text-align: center;
margin-top: 0.4rem;
}
.Industry .Imore a {
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #fff;
border-radius: 0.06rem;
}
.Industry .Imore a:hover {
color: #fff;
background: #ef8400;
}
@media (max-width: 768px) {
.Industry .indus .inl {
width: 100%;
}
.Industry .indus .inr {
width: 100%;
margin-left: 0;
margin-top: 0.4rem;
}
.Industry .indus .inr .inrtab .inrem {
line-height: 2.2;
}
.Industry .indus .inr .inrcon {
height: auto;
}
}
.Enter .enters {
width: 100%;
font-size: 0;
}
.Enter .enters .enl {
width: calc((700 / 1600) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
}
.Enter .enters .enl .img {
width: 100%;
}
.Enter .enters .enl .img img {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enl .video {
width: 100%;
height: 4rem;
position: relative;
}
.Enter .enters .enl .video .play{
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 0.5rem;
height: 0.5rem;
display: block;
cursor: pointer;
}
.Enter .enters .enl .video .play img{
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enl .video video {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enl .video iframe {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enr {
width: calc((850 / 1600) * 100%);
margin-left: calc((44 / 1600) * 100%);
display: inline-block;
vertical-align: top;
}
.Enter .enters .enr .enrtab {
width: 100%;
font-size: 0;
text-align: center;
margin-bottom: 0.3rem;
}
.Enter .enters .enr .enrtab .enrem {
display: inline-block;
vertical-align: middle;
width: 1.6rem;
width: 26%;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
border-radius: 0.06rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
border-radius: 0.06rem;
margin-right: 11%;
}
.Enter .enters .enr .enrtab .enrem.on {
color: #fff;
background-color: #ef8400;
}
.Enter .enters .enr .enrtab .enrem:last-child {
margin-right: 0;
}
.Enter .enters .enr .enron {
width: 100%;
}
.Enter .enters .enr .enron .eons {
width: 100%;
display: none;
}
.Enter .enters .enr .enron .eons .eip {
width: 100%;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.3rem);
position: relative;
margin-bottom: 0.2rem;
}
.Enter .enters .enr .enron .eons .eip span {
position: absolute;
left: 0;
bottom: 0;
width: 0.45rem;
height: 2px;
background: #006fc6;
}
.Enter .enters .enr .enron .eons .extn {
width: 100%;
max-height: 3.2rem;
}
.Enter .enters .enr .enron .eons .extn p {
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: 0.2rem;
}
.Enter .enters .enr .enron .eons .morx {
width: 100%;
font-size: 0;
margin-top: 0.3rem;
}
.Enter .enters .enr .enron .eons .morx a {
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #fff;
border-radius: 0.06rem;
}
.Enter .enters .enr .enron .eons .morx a:hover {
color: #fff;
background: #006fc6;
}
.Enter .enters .enr .enron .eons .adv {
width: 100%;
position: relative;
margin-top: 0.6rem;
padding-bottom: 0.5rem;
}
.Enter .enters .enr .enron .eons .adv .img {
width: 3.12rem;
height: 3.12rem;
display: block;
margin: 0 auto;
}
.Enter .enters .enr .enron .eons .adv .img img {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enr .enron .eons .adv .aip {
width: calc((330 / 850) * 100%);
position: absolute;
overflow: hidden;
}
.Enter .enters .enr .enron .eons .adv .aip .al {
width: 0.71rem;
height: 0.71rem;
}
.Enter .enters .enr .enron .eons .adv .aip .al img {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enr .enron .eons .adv .aip .ar {
width: calc(100% - 0.91rem);
}
.Enter .enters .enr .enron .eons .adv .aip .ar .at {
width: 100%;
color: #006fc6;
font-weight: bold;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.26rem);
margin-bottom: 0.08rem;
}
.Enter .enters .enr .enron .eons .adv .aip .ar .ct {
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3em;
}
.Enter .enters .enr .enron .eons .adv .aip.t1 {
top: 0.17rem;
left: 0;
text-align: right;
}
.Enter .enters .enr .enron .eons .adv .aip.t1 .al {
float: right;
}
.Enter .enters .enr .enron .eons .adv .aip.t1 .ar {
float: left;
}
.Enter .enters .enr .enron .eons .adv .aip.t2 {
top: 0.17rem;
right: 0;
}
.Enter .enters .enr .enron .eons .adv .aip.t2 .al {
float: left;
}
.Enter .enters .enr .enron .eons .adv .aip.t2 .ar {
float: right;
}
.Enter .enters .enr .enron .eons .adv .aip.t3 {
top: 2.1rem;
left: 0;
text-align: right;
}
.Enter .enters .enr .enron .eons .adv .aip.t3 .al {
float: right;
}
.Enter .enters .enr .enron .eons .adv .aip.t3 .ar {
float: left;
}
.Enter .enters .enr .enron .eons .adv .aip.t4 {
top: 2.1rem;
right: 0;
}
.Enter .enters .enr .enron .eons .adv .aip.t4 .al {
float: left;
}
.Enter .enters .enr .enron .eons .adv .aip.t4 .ar {
float: right;
}
.Enter .enters .enr .enron .eons .eonlis {
width: 100%;
font-size: 0;
}
.Enter .enters .enr .enron .eons .eonlis .eotm {
display: inline-block;
vertical-align: top;
width: 26%;
margin-right: 11%;
margin-bottom: 0.2rem;
overflow: hidden;
}
.Enter .enters .enr .enron .eons .eonlis .eotm a {
width: 100%;
height: 100%;
display: block;
}
.Enter .enters .enr .enron .eons .eonlis .eotm img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Enter .enters .enr .enron .eons .eonlis .eotm:hover img {
transform: scale(1.1);
}
.Enter .enters .enr .enron .eons .eonlis .eotm:nth-child(3n) {
margin-right: 0;
}
.Enter .enters .enr .enron .eons.on {
display: block;
}
@media (max-width: 768px) {
.Enter .enters .enl {
width: 100%;
margin-bottom: 0.3rem;
}
.Enter .enters .enr {
width: 100%;
margin-left: 0;
}
.Enter .enters .enr .enron .eons .extn {
max-height: 100%;
}
.Enter .enters .enr .enron .eons .adv .aip .ar .at {
font-size: calc(12px - 0.12rem + 0.18rem);
}
.Enter .enters .enr .enron .eons .adv .aip .ar .ct {
font-size: calc(12px - 0.12rem + 0.12rem);
}
}
.Customer .custr {
width: 100%;
font-size: 0;
}
.Customer .custr .cul {
width: calc((1070 / 1600) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
}
.Customer .custr .cul .culem {
width: 100%;
position: absolute;
left: -10000%;
}
.Customer .custr .cul .culem .cit {
width: 100%;
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
margin-bottom: 0.05rem;
}
.Customer .custr .cul .culem .cons {
width: 100%;
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
margin-bottom: 0.2rem;
}
.Customer .custr .cul .culem .cons p {
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
margin-bottom: 0.2rem;
}
.Customer .custr .cul .culem .trademark {
width: 100%;
position: relative;
}
.Customer .custr .cul .culem .trademark .swiper-container {
margin: 0 0.4rem;
}
.Customer .custr .cul .culem .trademark .swiper-wrapper {
font-size: 0;
}
.Customer .custr .cul .culem .trademark .cy {
display: inline-block;
vertical-align: top;
width: 2rem;
width: 20%;
margin-bottom: 0.2rem;
}
.Customer .custr .cul .culem .trademark .cy .img {
width: 100%;
}
.Customer .custr .cul .culem .trademark .cy .img img {
width: 100%;
height: 100%;
display: block;
}
.Customer .custr .cul .culem .trademark .cy .tix {
width: 100%;
text-align: center;
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.14rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Customer .custr .cul .culem .trademark .tvn {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 0.38rem;
height: 0.38rem;
cursor: pointer;
}
.Customer .custr .cul .culem .trademark .tvn img {
width: 100%;
height: 100%;
display: block;
}
.Customer .custr .cul .culem .trademark .tvn img:first-child {
display: block;
}
.Customer .custr .cul .culem .trademark .tvn img:last-child {
display: none;
}
.Customer .custr .cul .culem .trademark .tvn:hover img:first-child {
display: none;
}
.Customer .custr .cul .culem .trademark .tvn:hover img:last-child {
display: block;
}
.Customer .custr .cul .culem .trademark .tl {
left: 0rem;
}
.Customer .custr .cul .culem .trademark .tr {
right: 0;
}
.Customer .custr .cul .culem.on {
position: relative;
left: 0;
}
.Customer .custr .cur {
width: calc((330 / 1600) * 100%);
margin-left: calc((196 / 1600) * 100%);
display: inline-block;
vertical-align: top;
}
.Customer .custr .cur .curlis {
width: 100%;
}
.Customer .custr .cur .curlis .curem {
width: 100%;
color: #006fc6;
line-height: 0.5rem;
font-size: calc(12px - 0.12rem + 0.18rem);
border-radius: 0.06rem;
padding: 0 0.2rem;
}
.Customer .custr .cur .curlis .curem.on {
background: rgba(0, 123, 220, 0.7);
color: #fff;
}
@media (max-width: 768px) {
.Customer .custr .cul {
width: 100%;
}
.Customer .custr .cul .culem .cit {
font-size: 16px;
}
.Customer .custr .cul .culem .cons {
font-size: 12px;
}
.Customer .custr .cul .culem .cons p {
font-size: 12px;
}
.Customer .custr .cul .culem .trademark {
margin-top: 0.3rem;
}
.Customer .custr .cul .culem .trademark .cy {
width: 33%;
}
.Customer .custr .cur {
width: 100%;
margin-left: 0;
margin-bottom: 0.3rem;
}
.Customer .custr .cur .curlis {
width: 100%;
font-size: 0;
text-align: center;
}
.Customer .custr .cur .curlis .curem {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0 0.3rem;
}
.Customer .custr .cur:last-child {
display: none;
}
}
.newcen {
width: 100%;
background: #fff;
padding: 0.5rem 0;
}
.newcen .Nhead {
width: 100%;
margin-bottom: 0.5rem;
}
.newcen .Nhead .nit {
width: 100%;
text-align: center;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.22rem);
margin-bottom: 0.1rem;
}
.newcen .Nhead .nit a{
color: #006fc6 !important;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.32rem);
}
.newcen .Nhead .line {
width: 100%;
font-size: 0;
text-align: center;
padding-bottom: 0.2rem;
border-bottom: solid 1px #dcdcdc;
}
.newcen .Nhead .line span {
display: inline-block;
vertical-align: middle;
width: 0.5rem;
height: 6px;
background: #006fc6;
}
.newcen .cenlist {
width: 100%;
font-size: 0;
}
.newcen .cenlist .cetem {
display: inline-block;
vertical-align: top;
width: calc((364 / 1600) * 100%);
margin-right: calc((46 / 1600) * 100%);
margin-bottom: 0.46rem;
border-radius: 0.1rem;
border: solid 3px #006fc6;
background: #fff;
position: relative;
}
.newcen .cenlist .cetem a {
width: 100%;
height: 100%;
display: block;
}
.newcen .cenlist .cetem .cips {
width: 100%;
font-size: 0;
position: relative;
padding: 0.05rem 0.15rem 0.05rem 0.3rem;
border-top-left-radius: 0.1rem;
border-top-right-radius: 0.1rem;
}
.newcen .cenlist .cetem .cips .cit {
width: 100%;
padding-right: 0.1rem;
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
}
.newcen .cenlist .cetem .cips .cit div {
width: 100%;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
height: 3em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.newcen .cenlist .cetem .cips .coop {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
position: relative;
cursor: pointer;
transition: all ease 0.3s;
}
.newcen .cenlist .cetem .cips .coop img {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
display: block;
right: 0;
top: 0;
}
.newcen .cenlist .cetem .cips:before {
content: ' ';
position: absolute;
top: 0.75em;
font-size: calc(12px - 0.12rem + 0.18rem);
left: 0.15rem;
width: 0.06rem;
height: 0.06rem;
border-radius: 50%;
background: #7d7d7d;
}
.newcen .cenlist .cetem .cips.show {
background: #eee;
}
.newcen .cenlist .cetem .cips.show .coop {
transform: rotate(-45deg);
}
.newcen .cenlist .cetem .cenul {
position: absolute;
top: calc(2.5em + 0.1rem);
font-size: calc(12px - 0.12rem + 0.18rem);
width: 100%;
left: 0;
right: 0;
z-index: 11;
padding: 0.15rem 0.24rem;
background: #f7f7f7;
display: none;
border-bottom-left-radius: 0.1rem;
border-bottom-right-radius: 0.1rem;
}
.newcen .cenlist .cetem .cenul .clis {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.newcen .cenlist .cetem .cenul .clis:hover {
color: #006fc6;
}
.newcen .cenlist .cetem .img {
width: 100%;
display: block;
overflow: hidden;
border-bottom-left-radius: 0.1rem;
border-bottom-right-radius: 0.1rem;
}
.newcen .cenlist .cetem .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.newcen .cenlist .cetem .img:hover img {
transform: scale(1.1);
}
.newcen .cenlist .cetem .gary {
position: absolute;
width: 100%;
height: 100%;
background: #eee;
display: none;
}
.newcen .cenlist .cetem .aul {
width: 100%;
font-size: 0;
text-align: center;
}
.newcen .cenlist .cetem .aul a {
width: auto;
color: #006fc6;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
position: relative;
padding-left: 0.1rem;
display: inline-block;
vertical-align: middle;
padding: 0.1rem;
}
.newcen .cenlist .cetem .aul a + a {
margin-left: 0.1rem;
}
.newcen .cenlist .cetem .aul a:after {
content: ' ';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0.06rem;
height: 0.06rem;
border-radius: 50%;
background: #006fc6;
}
.newcen .cenlist .cetem .more {
width: 100%;
background: #006fc6;
}
.newcen .cenlist .cetem .more a {
width: 100%;
color: #fff;
text-align: center;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 2.2;
}
.newcen .cenlist .cetem:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 768px) {
.newcen .cenlist .cetem {
width: 48%;
margin-right: 4%;
}
.newcen .cenlist .cetem:nth-child(2n) {
margin-right: 0;
}
}
.newpro {
width: 100%;
background: #f7f7f7;
padding: 0.5rem 0;
}
.newpro .Nhead {
width: 100%;
margin-bottom: 0.5rem;
}
.newpro .Nhead .nit {
width: 100%;
text-align: center;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.22rem);
margin-bottom: 0.1rem;
}
.newpro .Nhead .line {
width: 100%;
font-size: 0;
text-align: center;
padding-bottom: 0.2rem;
border-bottom: solid 1px #dcdcdc;
}
.newpro .Nhead .line span {
display: inline-block;
vertical-align: middle;
width: 0.5rem;
height: 6px;
background: #006fc6;
}
.newpro .Nlist {
width: 100%;
font-size: 0;
}
.newpro .Nlist .netam {
width: calc((780 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc((40 / 1600) * 100%);
margin-bottom: 0.5rem;
font-size: 0;
}
.newpro .Nlist .netam .img {
display: inline-block;
vertical-align: middle;
width: calc((380 / 780) * 100%);
}
.newpro .Nlist .netam .img img {
width: 100%;
height: 100%;
display: block;
}
.newpro .Nlist .netam .rvn {
width: calc((400 / 780) * 100%);
display: inline-block;
vertical-align: middle;
padding-left: 0.2rem;
}
.newpro .Nlist .netam .rvn .vit {
width: 100%;
height: 3em;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
color: #000;
margin-bottom: 0.1rem;
}
.newpro .Nlist .netam .rvn .von {
width: 100%;
height: 1.4rem;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
color: #000;
margin-bottom: 0.2rem;
}
.newpro .Nlist .netam .rvn .von p {
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
color: #000;
}
.newpro .Nlist .netam .rvn .more {
width: 100%;
font-size: 0;
}
.newpro .Nlist .netam .rvn .more a {
display: inline-block;
vertical-align: middle;
background: #006fc6;
color: #fff;
line-height: 2.2;
border-radius: 0.2rem;
text-align: center;
font-size: calc(12px - 0.12rem + 0.16rem);
padding: 0 0.4rem;
width: auto;
}
.newpro .Nlist .netam:nth-child(2n) {
margin-right: 0;
}
@media (max-width: 768px) {
.newpro .Nlist .netam {
width: 100%;
margin-right: 0;
}
}
.Center {
background: #f6f6f6;
}
.Center .Centers {
width: 100%;
font-size: 0;
}
.Center .Centers .cel {
width: calc((380 / 1600) * 100%);
display: inline-block;
vertical-align: top;
}
.Center .Centers .cel .retil {
width: 100%;
background: #006fc6;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
padding: 0.15rem 0.2rem;
}
.Center .Centers .cel .retil span {
width: 0.3rem;
height: 0.3rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.Center .Centers .cel .retil span img {
width: 100%;
height: 100%;
display: block;
}
.Center .Centers .cel .relon {
width: 100%;
overflow: auto;
}
.Center .Centers .cel .relon .relem {
width: 100%;
padding: 0 0.2rem;
}
.Center .Centers .cel .relon .relem .tip {
width: 100%;
font-size: 0;
position: relative;
border-bottom: solid 1px #eee;
padding: 0.2rem 0;
}
.Center .Centers .cel .relon .relem .tip .i-label {
width: 100%;
font-size: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}
.Center .Centers .cel .relon .relem .tip .i-label .i-icon {
display: inline-block;
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
background: url("../images/icon1.png") center no-repeat;
background-size: 100%;
}
.Center .Centers .cel .relon .relem .tip .i-label .i-text {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-left: 0.1rem;
color: #666;
}
.Center .Centers .cel .relon .relem .tip .i-label .rel-item {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: none;
background: none;
border-radius: 0;
opacity: 0;
cursor: pointer;
}
.Center .Centers .cel .relon .relem .tip .i-label.selected .i-icon {
background: url("../images/icon2.png") center no-repeat;
background-size: 100%;
}
.Center .Centers .cel .relon .relem .tip:after {
content: ' ';
position: absolute;
background: url("../images/+.png") no-repeat;
background-size: 100%;
width: 0.17rem;
height: 0.17rem;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.Center .Centers .cel .relon .relem .relul {
width: 100%;
padding-left: 0.2rem;
display: none;
}
.Center .Centers .cel .relon .relem .relul .reli {
width: 100%;
padding: 0.2rem 0;
}
.Center .Centers .cel .relon .relem .relul .reli .i-label {
width: 100%;
font-size: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}
.Center .Centers .cel .relon .relem .relul .reli .i-label .i-icon {
display: inline-block;
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
background: url("../images/icon1.png") center no-repeat;
background-size: 100%;
}
.Center .Centers .cel .relon .relem .relul .reli .i-label .i-text {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-left: 0.1rem;
color: #666;
}
.Center .Centers .cel .relon .relem .relul .reli .i-label .rel-item {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: none;
background: none;
border-radius: 0;
opacity: 0;
cursor: pointer;
}
.Center .Centers .cel .relon .relem .relul .reli .i-label.selected .i-icon {
background: url("../images/icon2.png") center no-repeat;
background-size: 100%;
}
.Center .Centers .cel .relon .relem.show .tip:after {
background: url("../images/x.png") no-repeat;
background-size: 100%;
}
.Center .Centers .cer {
width: calc((1200 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-left: calc((20 / 1600) * 100%);
font-size: 0;
}
.Center .Centers .cer .certm {
width: 3.8rem;
width: calc((380 / 1200) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc((30 / 1600) * 100%);
margin-bottom: 0.26rem;
background: #fff;
padding-bottom: 0.16rem;
}
.Center .Centers .cer .certm .img {
width: 100%;
overflow: hidden;
}
.Center .Centers .cer .certm .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Center .Centers .cer .certm .cie {
width: 100%;
text-align: center;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 0.2rem;
margin: 0.1rem 0;
}
.Center .Centers .cer .certm .morb {
width: 100%;
font-size: 0;
text-align: center;
}
.Center .Centers .cer .certm .morb span {
display: inline-block;
vertical-align: middle;
border-radius: 0.06rem;
border: solid 1px #eeeeee;
width: auto;
line-height: 2.5;
color: #666;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.26rem;
}
.Center .Centers .cer .certm .morb span i {
display: inline-block;
vertical-align: middle;
width: 0.15rem;
height: 0.15rem;
margin-left: 0.1rem;
}
.Center .Centers .cer .certm .morb span i img {
width: 100%;
height: 100%;
display: block;
}
.Center .Centers .cer .certm:hover .img img {
transform: scale(1.1);
}
.Center .Centers .cer .certm:hover .morb span {
border: solid 1px #006fc6;
background: #006fc6;
color: #fff;
}
.Center .Centers .cer .certm:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Center .Centers .cel {
width: 100%;
}
.Center .Centers .cer {
width: 100%;
}
.Center .Centers .cer .certm .cie {
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
@media (max-width: 450px) {
.Center .Centers .cel {
width: 100%;
margin-bottom: 0.3rem;
}
.Center .Centers .cel .relon {
height: auto;
}
.Center .Centers .cer .certm {
width: 48%;
margin-right: 4%;
}
.Center .Centers .cer .certm:nth-child(3n) {
margin-right: 4%;
}
.Center .Centers .cer .certm:nth-child(2n) {
margin-right: 0%;
}
}
.current {
width: 100%;
background: #fff;
padding: 0.2rem 0;
}
.current .cul {
display: inline-block;
vertical-align: middle;
width: 50%;
color: #333;
line-height: 1.6;
font-size: calc(12px - 0.12rem + 0.3rem);
}
.current .cur {
display: inline-block;
vertical-align: middle;
width: 50%;
font-size: 0;
text-align: right;
}
.current .cur .curex {
width: auto;
display: inline-block;
vertical-align: middle;
margin: 0 0.05rem;
}
.current .cur .curex a {
display: inline-block;
vertical-align: middle;
padding: 0 0.2rem;
color: #333;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.current .cur .curex.on a {
background: #006fc6;
color: #fff;
}
@media (max-width: 768px) {
.current .cul {
width: 100%;
}
.current .cur {
width: 100%;
margin-top: 0.05rem;
}
.current .cur .curex {
margin: 0;
width: 25%;
}
.current .cur .curex a {
width: 100%;
text-align: center;
font-size: 12px;
}
}
.pCuca {
width: 100%;
background: #f6f6f6;
padding: 0.6rem 0;
}
.pCuca .cus-case {
width: 100%;
margin-bottom: 0.2rem;
}
.pCuca .cus-case .cusex {
width: 100%;
background: #fff;
padding: 0.2rem 0.3rem;
margin-bottom: 0.2rem;
}
.pCuca .cus-case .cusex a {
width: 100%;
height: 100%;
display: block;
font-size: 0;
}
.pCuca .cus-case .cusex a .ct {
width: calc(100% - 100px);
display: inline-block;
vertical-align: middle;
color: #333;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pCuca .cus-case .cusex a .ct span {
display: inline-block;
vertical-align: middle;
width: 0.1rem;
height: 0.1rem;
margin-right: 0.1rem;
background: #006fc6;
}
.pCuca .cus-case .cusex a .time {
width: 100px;
text-align: right;
display: inline-block;
vertical-align: middle;
color: #999;
line-height: 1.6;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.pCuca .cus-case .cusex a .time span {
width: 0.2rem;
height: 0.2rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.05rem;
}
.pCuca .cus-case .cusex a .time span img {
width: 100%;
height: 100%;
display: block;
}
.introduces {
width: 100%;
}
.introduces .intrm {
width: 100%;
padding: 0.6rem 0;
background: #dddddd;
}
.introduces .intrm .inl {
width: calc((690 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.introduces .intrm .inl img {
width: 100%;
height: 100%;
display: block;
}
.introduces .intrm .inr {
width: calc((740 / 1600) * 100%);
margin-left: calc((166 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.introduces .intrm .inr .int {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
}
.introduces .intrm .inr .line {
width: 100%;
margin: 0.3rem 0;
}
.introduces .intrm .inr .line span {
display: inline-block;
width: 0.4rem;
height: 3px;
background: #006fc6;
}
.introduces .intrm .inr .itn {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
}
.introduces .intrm .inr .itn p {
color: #333;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
margin-bottom: 0.1rem;
}
.introduces .intrm:nth-child(2n) {
background: #fff;
}
.introduces .intrm:nth-child(2n) .inr {
margin-left: 0;
margin-right: calc((166 / 1600) * 100%);
}
.introduces .intrm:nth-child(2n) .inr:last-child {
display: none;
}
@media (max-width: 768px) {
.introduces .intrm .inl {
width: 100%;
margin-bottom: 0.3rem;
}
.introduces .intrm .inr {
width: 100%;
margin-left: 0;
}
.introduces .intrm:nth-child(2n) .inr {
margin-right: 0;
}
.introduces .intrm:nth-child(2n) .inr:last-child {
display: inline-block;
}
}
.Consultation {
width: 100%;
padding: 0.3rem 0;
}
.Consultation .col {
display: inline-block;
vertical-align: middle;
width: calc((910 / 1600) * 100%);
font-size: 0;
}
.Consultation .col .icon {
width: 0.4rem;
height: 0.4rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.2rem;
}
.Consultation .col .icon img {
width: 100%;
height: 100%;
display: block;
}
.Consultation .col .calld {
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-right: 0.25rem;
}
.Consultation .col .calld .c1 {
display: inline-block;
vertical-align: middle;
color: #000000;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
}
.Consultation .col .calld .c2 {
display: inline-block;
vertical-align: middle;
color: #006fc6;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
}
.Consultation .col .conv {
display: inline-block;
vertical-align: middle;
}
.Consultation .col .conv a {
display: inline-block;
vertical-align: middle;
background-color: #006fc6;
border-radius: 0.06rem;
color: #fff;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.25rem;
}
.Consultation .cor {
display: inline-block;
vertical-align: middle;
width: calc((686 / 1600) * 100%);
font-size: 0;
}
.Consultation .cor .input {
width: calc((250 / 686) * 100%);
display: inline-block;
vertical-align: middle;
margin-right: calc((17 / 686) * 100%);
}
.Consultation .cor .input input {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 0.2rem;
border: none;
background: #fff;
color: #999;
line-height: 2.5;
height: 2.5em;
background: #006fc6;
color: #fff;
border-radius: 0.06rem;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Consultation .cor .input ::-webkit-input-placeholder {
color: #fff;
}
.Consultation .cor .submit {
width: calc((150 / 686) * 100%);
display: inline-block;
vertical-align: middle;
}
.Consultation .cor .submit input {
width: 100%;
text-align: center;
display: inline-block;
vertical-align: middle;
width: 100%;
border: none;
background: #006fc6;
color: #fff;
line-height: 2.5;
border-radius: 0.06rem;
font-size: calc(12px - 0.12rem + 0.16rem);
}
@media (max-width: 768px) {
.Consultation .col {
width: 100%;
}
.Consultation .cor {
width: 100%;
margin-top: 0.2rem;
}
}
.Data-downs {
width: 100%;
background: #f6f6f6;
padding: 0.6rem 0;
}
.Data-downs .dit {
width: 100%;
text-align: center;
color: #006fc6;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.36rem);
line-height: 1.5;
margin-bottom: 0.5rem;
}
.Data-downs .datalis {
width: 100%;
}
.Data-downs .datalis .datam {
width: 100%;
font-size: 0;
background: #fff;
margin-bottom: 0.2rem;
white-space: nowrap;
cursor: pointer;
}
.Data-downs .datalis .datam .icon {
width: 0.7rem;
height: 0.7rem;
display: inline-block;
vertical-align: middle;
background: #006fc6;
}
.Data-downs .datalis .datam .icon img {
width: 100%;
height: 100%;
display: block;
}
.Data-downs .datalis .datam .name {
width: calc((630 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Data-downs .datalis .datam .size, .Data-downs .datalis .datam .time {
width: calc((300 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
}
.Data-downs .datalis .datam .down {
width: calc((300 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
}
.Data-downs .datalis .datam .down span {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0 0.25rem;
color: #666;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2;
border: solid 1px #666;
}
.Data-downs .datalis .datam .down span i {
display: inline-block;
vertical-align: middle;
width: 0.17rem;
height: 0.16rem;
margin-left: 0.08rem;
}
.Data-downs .datalis .datam .down span i img {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 768px) {
.Data-downs .datalis .datam .size, .Data-downs .datalis .datam .time {
display: none;
}
.Data-downs .datalis .datam .name {
width: calc(( 1000 / 1600) * 100%);
padding: 0 0.3rem;
}
}
.Honor {
background: #f6f6f6;
}
.Honor .honorlis {
width: 100%;
font-size: 0;
}
.Honor .honorlis .honem {
width: calc((374 / 1600) * 100%);
display: inline-block;
vertical-align: top;
transition: all ease 0.3s;
margin-bottom: 0.3rem;
margin-right: calc(((100 / 1600) * 100%) / 3);
background: #fff;
}
.Honor .honorlis .honem .img {
width: 100%;
}
.Honor .honorlis .honem .img img {
width: 100%;
height: 100%;
display: block;
}
.Honor .honorlis .honem .hit {
width: 100%;
text-align: center;
color: #333;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0.2rem 0.4rem;
background: #fafafa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Honor .honorlis .honem:hover {
box-shadow: 0px 0px 27px 0px rgba(155, 155, 155, 0.21);
}
.Honor .honorlis .honem:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Honor .honorlis .honem {
width: 48%;
margin-right: 4%;
}
.Honor .honorlis .honem:nth-child(2n) {
margin-right: 0;
}
}
.Customized {
width: 100%;
background: #f6f6f6;
}
.Customized .Custonlis {
width: 100%;
font-size: 0;
}
.Customized .Custonlis .custem {
width: calc((380 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc(((76 / 1600) * 100% ) / 3);
margin-bottom: 0.26rem;
background: #fff;
padding-bottom: 0.26rem;
}
.Customized .Custonlis .custem .img {
width: 100%;
overflow: hidden;
}
.Customized .Custonlis .custem .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Customized .Custonlis .custem .cit {
width: 100%;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 0.3rem;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
margin-top: 0.1rem;
}
.Customized .Custonlis .custem .line {
width: 100%;
font-size: 0;
margin: 0.18rem 0;
text-align: center;
}
.Customized .Custonlis .custem .line span {
width: 0.3rem;
display: inline-block;
vertical-align: middle;
height: 2px;
background: #006fc6;
}
.Customized .Custonlis .custem .tx {
width: 100%;
color: #666666;
padding: 0 0.3rem;
line-height: 1.7;
font-size: calc(12px - 0.12rem + 0.14rem);
height: 3.4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: center;
}
.Customized .Custonlis .custem:hover .img img {
transform: scale(1.1);
}
.Customized .Custonlis .custem:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Customized .Custonlis .custem {
width: 48%;
margin-right: 4%;
}
.Customized .Custonlis .custem:nth-child(2n) {
margin-right: 0;
}
}
.Qualify .Quatem {
width: 100%;
font-size: 0;
background: #006fc6;
}
.Qualify .Quatem .qul {
width: calc((800 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.Qualify .Quatem .qul img {
width: 100%;
height: 100%;
display: block;
}
.Qualify .Quatem .qur {
width: calc((800 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
padding: 0 0.6rem;
}
.Qualify .Quatem .qur .en {
width: 100%;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.3rem);
font-weight: bold;
}
.Qualify .Quatem .qur .cn {
width: 100%;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.22rem);
margin: 0.2rem 0;
}
.Qualify .Quatem .qur .qt {
width: 100%;
color: #fff;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
}
@media (max-width: 768px) {
.Qualify .Quatem .qul {
width: 100%;
}
.Qualify .Quatem .qur {
width: 100%;
padding: 0.3rem;
}
}
.Modtem {
width: 100%;
padding: 0.4rem 0 0.2rem;
}
.Modtem .mit {
width: 100%;
text-align: center;
color: #006fc6;
font-weight: bold;
line-height: 1.3;
font-size: calc(12px - 0.12rem + 0.4rem);
margin-bottom: 0.4rem;
}
.Modtem .modswiper {
width: 100%;
padding-bottom: 0.2rem;
}
.Modtem .modswiper .swiper-slide {
width: 100%;
background: #fff;
border: solid 1px #f6f6f6;
margin-bottom: 0.6rem;
}
.Modtem .modswiper .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.Modtem .modswiper .swiper-slide .img {
width: 100%;
overflow: hidden;
}
.Modtem .modswiper .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Modtem .modswiper .swiper-slide .hit {
width: 100%;
text-align: center;
color: #333;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0.2rem 0.4rem;
background: #fafafa;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Modtem .modswiper .swiper-slide:hover .img img {
transform: scale(1.1);
}
.Modtem .modswiper .swiper-pagination-bullet {
width: 0.08rem;
height: 0.08rem;
transition: all ease 0.3s;
}
.Modtem .modswiper .swiper-pagination-bullet-active {
width: 0.32rem;
height: 0.08rem;
background-color: #006fc6;
border-radius: 0.06rem;
}
.Moxtem {
width: 100%;
background: #f6f6f6;
padding: 0.4rem 0 0.2rem;
}
.Moxtem .mit {
width: 100%;
text-align: center;
color: #006fc6;
font-weight: bold;
line-height: 1.3;
font-size: calc(12px - 0.12rem + 0.4rem);
margin-bottom: 0.4rem;
}
.Moxtem .moxswiper {
width: 100%;
padding-bottom: 0.2rem;
}
.Moxtem .moxswiper .swiper-slide {
width: 100%;
background: #fff;
border: solid 1px #f6f6f6;
margin-bottom: 0.6rem;
}
.Moxtem .moxswiper .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.Moxtem .moxswiper .swiper-slide .img {
width: 100%;
overflow: hidden;
}
.Moxtem .moxswiper .swiper-slide .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Moxtem .moxswiper .swiper-slide .hit {
width: 100%;
text-align: center;
color: #333;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0.2rem 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Moxtem .moxswiper .swiper-slide:hover .img img {
transform: scale(1.1);
}
.Moxtem .moxswiper .swiper-pagination-bullet {
width: 0.08rem;
height: 0.08rem;
transition: all ease 0.3s;
}
.Moxtem .moxswiper .swiper-pagination-bullet-active {
width: 0.32rem;
height: 0.08rem;
background-color: #006fc6;
border-radius: 0.06rem;
}
.Mingmei .Mmshow {
width: 100%;
font-size: 0;
}
.Mingmei .Mmshow .mml {
display: inline-block;
vertical-align: top;
width: calc((1040 / 1600) * 100%);
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Mingmei .Mmshow .mml p {
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: 0.15rem;
}
.Mingmei .Mmshow .mmr {
display: inline-block;
vertical-align: top;
width: calc((500 / 1600) * 100%);
margin-left: calc((60 / 1600) * 100%);
}
.Mingmei .Mmshow .mmr .mrem {
width: 100%;
font-size: 0;
}
.Mingmei .Mmshow .mmr .mrem .txn {
width: calc((300 / 500) * 100%);
display: inline-block;
vertical-align: middle;
}
.Mingmei .Mmshow .mmr .mrem .txn .t1 {
width: 100%;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
margin-bottom: 0.15rem;
}
.Mingmei .Mmshow .mmr .mrem .txn .t2 {
width: 100%;
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.34rem);
}
.Mingmei .Mmshow .mmr .mrem .txn .t2 span {
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
margin-left: 0.1rem;
}
.Mingmei .Mmshow .mmr .mrem .imt {
width: calc((200 / 500) * 100%);
display: inline-block;
vertical-align: middle;
}
.Mingmei .Mmshow .mmr .mrem .imt img {
width: 100%;
height: 100%;
display: block;
}
.Mingmei .Mmshow .mmr .mrem + .mrem {
margin-top: 0.3rem;
}
.Mingmei .Mmshow .mlis {
width: 100%;
display: inline-block;
vertical-align: middle;
margin-top: 0.3rem;
}
.Mingmei .Mmshow .mlis .mli {
display: inline-block;
vertical-align: middle;
width: calc((523 / 1600) * 100%);
margin-right: calc(((31 / 1600) * 100%) / 3);
}
.Mingmei .Mmshow .mlis .mli img {
width: 100%;
height: 100%;
display: block;
}
.Mingmei .Mmshow .mlis .mli:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Mingmei .Mmshow .mml {
width: 100%;
}
.Mingmei .Mmshow .mmr {
width: 100%;
margin-bottom: 0.2rem;
margin-left: 0;
text-align: center;
}
.Mingmei .Mmshow .mlis {
width: 100%;
}
.Mingmei .Mmshow .mlis .mli {
width: 100%;
margin-right: 0;
margin-bottom: 0.2rem;
}
.Mingmei .Mmshow .mmr:nth-child(3) {
display: none;
}
}
.Internet {
width: 100%;
background: #f6f6f6;
padding: 0.5rem 0;
}
.Internet .inl {
width: calc((760 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
margin-right: calc((160 / 1600) * 100%);
}
.Internet .inl .int {
width: 100%;
color: #006fc6;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
}
.Internet .inl .line {
width: 100%;
margin: 0.3rem 0;
}
.Internet .inl .line span {
display: inline-block;
width: 0.4rem;
height: 3px;
background: #006fc6;
}
.Internet .inl .itn {
width: 100%;
color: #666;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
}
.Internet .inl .itn p {
color: #666;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
margin-bottom: 0.1rem;
}
.Internet .inr {
width: calc((670 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.Internet .inr img {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 768px) {
.Internet .inl {
width: 100%;
margin-right: 0;
}
.Internet .inr {
width: 100%;
margin-bottom: 0.3rem;
}
.Internet .inr:last-child {
display: none;
}
}
.Areax .arealis {
width: 100%;
font-size: 0;
}
.Areax .arealis .areams {
width: calc((377 / 1600) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 0.3rem;
margin-right: calc(((29 / 1600) * 100%));
}
.Areax .arealis .areams a {
width: 100%;
height: 100%;
display: block;
}
.Areax .arealis .areams .img {
width: 100%;
overflow: hidden;
}
.Areax .arealis .areams .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Areax .arealis .areams .ait {
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
text-align: center;
color: #fff;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
padding: 0.2rem 0.15rem 0.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Areax .arealis .areams .ait span {
position: absolute;
bottom: 0.14rem;
width: 0.2rem;
height: 1px;
background: #fff;
left: 50%;
transform: translateX(-50%);
}
.Areax .arealis .areams:hover .img img {
transform: scale(1.1);
}
.Areax .arealis .areams:nth-child(4n) {
margin-right: 0;
}
.Areax .areacon {
width: 100%;
font-size: 0;
}
.Areax .areacon .arl {
width: calc((490 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc((120 / 1600) * 100%);
}
.Areax .areacon .arl .air {
width: 100%;
color: #333333;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
margin-bottom: 0.2rem;
}
.Areax .areacon .arl .at {
color: #666;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.8;
}
.Areax .areacon .arl p {
color: #666;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.8;
}
.Areax .areacon .arr {
width: calc((990 / 1600) * 100%);
display: inline-block;
vertical-align: top;
}
.Areax .areacon .arr .arrlis {
width: 100%;
font-size: 0;
}
.Areax .areacon .arr .arrlis .areams {
width: calc((220 / 990) * 100%);
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 0.3rem;
border: solid 2px transparent;
margin-right: calc(((108 / 990) * 100%) / 3);
}
.Areax .areacon .arr .arrlis .areams a {
width: 100%;
height: 100%;
display: block;
}
.Areax .areacon .arr .arrlis .areams .img {
width: 100%;
overflow: hidden;
}
.Areax .areacon .arr .arrlis .areams .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Areax .areacon .arr .arrlis .areams .ait {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
padding: 0.2rem 0.2rem 0.2rem;
}
.Areax .areacon .arr .arrlis .areams .ait span {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.8;
position: relative;
}
.Areax .areacon .arr .arrlis .areams .ait span i {
position: absolute;
left: 0;
bottom: 0rem;
width: 0.2rem;
height: 1px;
background: #fff;
}
.Areax .areacon .arr .arrlis .areams:hover {
border: solid 2px orange;
}
.Areax .areacon .arr .arrlis .areams:hover .img img {
transform: scale(1.1);
}
.Areax .areacon .arr .arrlis .areams:hover .ait span {
color: orange;
}
.Areax .areacon .arr .arrlis .areams.on {
border: solid 2px orange;
}
.Areax .areacon .arr .arrlis .areams.on .img img {
transform: scale(1.1);
}
.Areax .areacon .arr .arrlis .areams.on .ait span {
color: orange;
}
.Areax .areacon .arr .arrlis .areams:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Areax .arealis .areams {
width: 48%;
margin-right: 4%;
}
.Areax .arealis .areams .ait {
font-size: 12px;
}
.Areax .arealis .areams:nth-child(2n) {
margin-right: 0;
}
.Areax .areacon .arl {
width: 100%;
margin-bottom: 0.2rem;
margin-right: 0;
}
.Areax .areacon .arr {
width: 100%;
}
.Areax .areacon .arr .arrlis .areams {
width: 48%;
margin-right: 4%;
}
.Areax .areacon .arr .arrlis .areams:nth-child(2n) {
margin-right: 0;
}
}
.Relevant {
width: 100%;
padding: 0.5rem 0;
background: #f6f6f6;
}
.Relevant .relevm {
width: 100%;
}
.Relevant .relevm .rhead {
width: 100%;
color: #fff;
font-size: calc(12px - 0.12rem + 0.26rem);
line-height: 1.5;
color: #333333;
margin-bottom: 0.2rem;
}
.Relevant .relevm .relems {
width: 100%;
font-size: 0;
}
.Relevant .relevm .relems .rel {
width: calc((380 / 1600) * 100%);
display: inline-block;
vertical-align: top;
}
.Relevant .relevm .relems .rel .retil {
width: 100%;
background: #006fc6;
color: #fff;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
padding: 0.15rem 0.2rem;
}
.Relevant .relevm .relems .rel .retil span {
width: 0.3rem;
height: 0.3rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
}
.Relevant .relevm .relems .rel .retil span img {
width: 100%;
height: 100%;
display: block;
}
.Relevant .relevm .relems .rel .relon {
width: 100%;
overflow: auto;
height: 3.6rem;
}
.Relevant .relevm .relems .rel .relon .relem {
width: 100%;
padding: 0 0.2rem;
}
.Relevant .relevm .relems .rel .relon .relem .tip {
width: 100%;
font-size: 0;
position: relative;
border-bottom: solid 1px #eee;
padding: 0.2rem 0;
}
.Relevant .relevm .relems .rel .relon .relem .tip .i-label {
width: 100%;
font-size: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}
.Relevant .relevm .relems .rel .relon .relem .tip .i-label .i-icon {
display: inline-block;
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
background: url("../images/icon1.png") center no-repeat;
background-size: 100%;
}
.Relevant .relevm .relems .rel .relon .relem .tip .i-label .i-text {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-left: 0.1rem;
color: #666;
}
.Relevant .relevm .relems .rel .relon .relem .tip .i-label .rel-item {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: none;
background: none;
border-radius: 0;
opacity: 0;
cursor: pointer;
}
.Relevant .relevm .relems .rel .relon .relem .tip .i-label.selected .i-icon {
background: url("../images/icon2.png") center no-repeat;
background-size: 100%;
}
.Relevant .relevm .relems .rel .relon .relem .tip:after {
content: ' ';
position: absolute;
background: url("../images/+.png") no-repeat;
background-size: 100%;
width: 0.17rem;
height: 0.17rem;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.Relevant .relevm .relems .rel .relon .relem .relul {
width: 100%;
padding-left: 0.2rem;
display: none;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli {
width: 100%;
padding: 0.2rem 0;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli a {
width: 100%;
height: 100%;
display: block;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli .i-label {
width: 100%;
font-size: 0;
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 3;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli .i-label .i-icon {
display: inline-block;
vertical-align: middle;
width: 0.18rem;
height: 0.18rem;
background: url("../images/icon1.png") center no-repeat;
background-size: 100%;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli .i-label .i-text {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-left: 0.1rem;
color: #666;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli .i-label .rel-item {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: none;
background: none;
border-radius: 0;
opacity: 0;
cursor: pointer;
}
.Relevant .relevm .relems .rel .relon .relem .relul .reli .i-label.selected .i-icon {
background: url("../images/icon2.png") center no-repeat;
background-size: 100%;
}
.Relevant .relevm .relems .rel .relon .relem.show .tip:after {
background: url("../images/x.png") no-repeat;
background-size: 100%;
}
.Relevant .relevm .relems .rer {
width: calc((1200 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-left: calc((20 / 1600) * 100%);
font-size: 0;
}
.Relevant .relevm .relems .certm {
width: calc((380 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-right: calc((20 / 1600) * 100%);
margin-bottom: 0.26rem;
background: #fff;
padding-bottom: 0.16rem;
height: 4.2rem;
}
.Relevant .relevm .relems .certm .img {
width: 100%;
overflow: hidden;
}
.Relevant .relevm .relems .certm .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.Relevant .relevm .relems .certm .cie {
width: 100%;
text-align: center;
color: #333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 0.1rem;
margin: 0.1rem 0;
}
.Relevant .relevm .relems .certm .morb {
width: 100%;
font-size: 0;
text-align: center;
}
.Relevant .relevm .relems .certm .morb span {
display: inline-block;
vertical-align: middle;
border-radius: 0.06rem;
border: solid 1px #eeeeee;
width: auto;
line-height: 2.5;
color: #666;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.26rem;
}
.Relevant .relevm .relems .certm .morb span i {
display: inline-block;
vertical-align: middle;
width: 0.15rem;
height: 0.15rem;
margin-left: 0.1rem;
}
.Relevant .relevm .relems .certm .morb span i img {
width: 100%;
height: 100%;
display: block;
}
.Relevant .relevm .relems .certm:hover .img img {
transform: scale(1.1);
}
.Relevant .relevm .relems .certm:hover .morb span {
border: solid 1px #006fc6;
background: #006fc6;
color: #fff;
}
.Relevant .relevm .relems .certm:nth-child(4n) {
margin-right: 0;
}
.Relevant .relevm .relevlis {
width: 100%;
}
.Relevant .relevm .relevlis .relevx {
width: 100%;
font-size: 0;
padding: 0.26rem;
background: #fff;
transition: all ease 0.3s;
}
.Relevant .relevm .relevlis .relevx a {
width: 100%;
height: 100%;
font-size: 0;
display: block;
}
.Relevant .relevm .relevlis .relevx .rl {
width: calc((362 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
background: #f6f6f6;
}
.Relevant .relevm .relevlis .relevx .rl .img {
width: calc((192 / 362) * 100%);
display: inline-block;
vertical-align: middle;
}
.Relevant .relevm .relevlis .relevx .rl .img img {
width: 100%;
height: 100%;
display: block;
}
.Relevant .relevm .relevlis .relevx .rl .date {
width: calc((170 / 362) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
}
.Relevant .relevm .relevlis .relevx .rl .date .day {
width: 100%;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
color: #333333;
margin-bottom: 0.05rem;
}
.Relevant .relevm .relevlis .relevx .rl .date .ym {
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 1.5;
color: #999999;
}
.Relevant .relevm .relevlis .relevx .rm {
width: calc((1100 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
margin: 0 calc((36 / 1600) * 100%);
}
.Relevant .relevm .relevlis .relevx .rm .rim {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
margin-bottom: 0.1rem;
}
.Relevant .relevm .relevlis .relevx .rm .mir {
width: 100%;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
}
.Relevant .relevm .relevlis .relevx .rtn {
width: calc((60 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.Relevant .relevm .relevlis .relevx .rtn img {
width: calc((39 / 60) * 100%);
display: inline-block;
vertical-align: middle;
}
.Relevant .relevm .relevlis .relevx .rtn img:first-child {
display: inline-block;
}
.Relevant .relevm .relevlis .relevx .rtn img:last-child {
display: none;
}
.Relevant .relevm .relevlis .relevx:hover {
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1), 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
}
.Relevant .relevm .relevlis .relevx:hover .rl .date .day, .Relevant .relevm .relevlis .relevx:hover .rl .date .ym {
color: #ef8400;
}
.Relevant .relevm .relevlis .relevx:hover .rtn img:first-child {
display: none;
}
.Relevant .relevm .relevlis .relevx:hover .rtn img:last-child {
display: inline-block;
}
.Relevant .relevm .relevlis .relevx + .relevx {
margin-top: 0.26rem;
}
.Relevant .relevm + .relevm {
margin-top: 0.3rem;
}
.Relevant .watch {
width: 100%;
text-align: center;
font-size: 0;
}
.Relevant .watch .more {
display: inline-block;
vertical-align: middle;
border-radius: 15px;
padding: 0 0.3rem;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 2.2;
color: #fff;
cursor: pointer;
background: #006fc6;
}
@media (max-width: 768px) {
.Relevant .relevm .rhead {
font-size: 16px;
}
.Relevant .relevm .relems .rer {
width: 100%;
margin-left: 0;
}
.Relevant .relevm .relems .certm {
width: 48%;
margin-right: 4%;
height: auto;
padding-bottom: 0.3rem;
}
.Relevant .relevm .relems .certm:nth-child(2n-2) {
margin-right: 4%;
}
.Relevant .relevm .relems .certm:nth-child(2n-3) {
margin-right: 0%;
}
.Relevant .relevm .relems .rel {
width: 100%;
margin-bottom: 0.3rem;
margin-right: 0;
}
.Relevant .relevm .relems .rel .relon {
height: auto;
}
.Relevant .relevm .relevlis .relevx .rl {
width: 100%;
}
.Relevant .relevm .relevlis .relevx .rl .img {
width: 100%;
}
.Relevant .relevm .relevlis .relevx .rl .date {
display: none;
}
.Relevant .relevm .relevlis .relevx .rm {
width: 100%;
margin: 0.2rem 0;
}
.Relevant .relevm .relevlis .relevx .rtn {
display: none;
}
}
.Contact .contacts {
width: 100%;
}
.Contact .contacts .cotop {
width: 100%;
font-size: 0;
padding: 0.15rem 0.3rem;
border: solid 1px #eeeeee;
}
.Contact .contacts .cotop .col {
display: inline-block;
vertical-align: top;
width: calc(100% - 1.2rem - 0.2rem);
margin-right: 0.2rem;
font-size: 0;
}
.Contact .contacts .cotop .col .cli {
display: inline-block;
vertical-align: top;
color: #333;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
padding: 0.1rem 0;
margin: 0 0.3rem;
}
.Contact .contacts .cotop .cor {
display: inline-block;
vertical-align: top;
width: 1.2rem;
}
.Contact .contacts .cotop .cor img {
width: 100%;
height: 100%;
display: block;
}
.Contact .contacts .comid {
width: 100%;
}
.Contact .contacts .comid img {
width: 100%;
height: 100%;
display: block;
}
.Mapbot {
width: 100%;
padding: 0.5rem 0;
}
.Mapbot .mal {
width: calc((886 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
position: relative;
height: 6rem;
}
.Mapbot .mal .ej-map {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
height: 6rem;
}
.Mapbot .mal .ej-map .zb {
width: 14px;
height: 14px;
border-radius: 100%;
background: #fff;
position: absolute;
z-index: 100;
cursor: pointer;
}
.Mapbot .mal .ej-map .zb i {
width: 100%;
height: 100%;
position: absolute;
left: 0%;
top: 0%;
background: #fff;
opacity: 0.3;
border-radius: 100%;
z-index: -1;
animation: twi1 ease-out 4.5s infinite 0s;
}
.Mapbot .mal .ej-map .zb .ct {
position: absolute;
left: 18px;
width: auto;
top: 50%;
transform: translateY(-50%);
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.1rem;
line-height: 1.5;
border-radius: 0.75em;
white-space: nowrap;
}
@keyframes twi {
0% {
transform: scale(0.2);
}
100% {
transform: scale(3);
}
}
@keyframes twi1 {
0% {
transform: scale(0.5);
}
100% {
transform: scale(2);
}
}
@keyframes twi2 {
0% {
transform: scale(0.5);
}
100% {
transform: scale(8);
}
}
.Mapbot .mal .map-box {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.Mapbot .mar {
width: calc((630 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
margin-left: calc((84 / 1600) * 100%);
}
.Mapbot .mar .marem {
width: 100%;
display: none;
}
.Mapbot .mar .marem .mit {
width: 100%;
color: #ef8400;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.36rem);
}
.Mapbot .mar .marem .line {
width: 100%;
font-size: 0;
margin: 0.3rem 0;
}
.Mapbot .mar .marem .line span {
display: inline-block;
vertical-align: middle;
width: 0.36rem;
height: 3px;
background-color: #ffffff;
opacity: 0.5;
}
.Mapbot .mar .marem .marlis {
width: 100%;
}
.Mapbot .mar .marem .marlis .mli {
width: 100%;
color: #fff;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Mapbot .mar .marem.on {
display: block;
}
@media (max-width: 768px) {
.Contact .contacts .cotop {
width: 100%;
}
.Contact .contacts .cotop .col .cli {
width: 100%;
}
.Mapbot .mal {
width: 100%;
margin-bottom: 0.3rem;
}
.Mapbot .mar {
width: 100%;
margin-left: 0;
}
}
.MMcust .Casclass {
width: 100%;
font-size: 0;
text-align: center;
margin: 0.3rem 0 0.5rem;
}
.MMcust .Casclass .casem {
display: inline-block;
vertical-align: middle;
margin: 0.1rem 0.15rem;
width: auto;
}
.MMcust .Casclass .casem a {
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
color: #006fc6;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #cccccc;
border-radius: 0.06rem;
}
.MMcust .Casclass .casem:hover a {
color: #fff;
background: #ef8400;
}
.MMcust .Casclass .casem.on a {
color: #fff;
background: #ef8400;
}
.MMcust .mmcusx {
width: 100%;
}
.MMcust .mmcusx .mmtex {
width: 100%;
font-size: 0;
}
.MMcust .mmcusx .mml {
display: inline-block;
vertical-align: top;
width: calc((480 / 1600) * 100%);
border: solid 0.2rem #006fc6;
padding: 0.7rem 0.35rem;
}
.MMcust .mmcusx .mml .mlem {
width: 100%;
display: none;
}
.MMcust .mmcusx .mml .mlem .mit {
width: 100%;
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.26rem);
margin-bottom: 0.1rem;
}
.MMcust .mmcusx .mml .mlem .mht {
width: 100%;
color: #333333;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
word-wrap: break-word;
word-break: normal;
}
.MMcust .mmcusx .mml .mlem .line {
width: 100%;
font-size: 0;
margin: 0.3rem 0;
}
.MMcust .mmcusx .mml .mlem .line span {
display: inline-block;
vertical-align: middle;
width: 0.4rem;
height: 2px;
background: #f06100;
}
.MMcust .mmcusx .mml .mlem .img {
width: 100%;
}
.MMcust .mmcusx .mml .mlem .img img {
width: 100%;
height: 100%;
display: block;
}
.MMcust .mmcusx .mml .mlem.on {
display: block;
}
.MMcust .mmcusx .mmr {
display: inline-block;
vertical-align: top;
width: calc((1120 / 1600) * 100%);
position: relative;
}
.MMcust .mmcusx .mmr .cy {
width: calc((280 / 1120) * 100%);
display: inline-block;
vertical-align: middle;
cursor: pointer;
border: solid 1px #e8e8e8;
}
.MMcust .mmcusx .mmr .cy .img {
width: 100%;
}
.MMcust .mmcusx .mmr .cy .img img {
width: 100%;
height: 100%;
display: block;
}
.MMcust .mmcusx .mmr .cy .tix {
width: 100%;
padding: 0.09rem 0;
text-align: center;
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.MMcust .mmcusx .mmr .switch {
position: absolute;
width: calc((280 / 1120) * 100%);
display: inline-block;
vertical-align: middle;
border: solid 1px #e8e8e8;
z-index: 10;
right: 0;
bottom: 0;
font-size: 0;
text-align: center;
}
.MMcust .mmcusx .mmr .switch .stns {
position: absolute;
z-index: 12;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.MMcust .mmcusx .mmr .switch .stn {
display: inline-block;
vertical-align: middle;
width: 0.46rem;
height: 0.46rem;
cursor: pointer;
}
.MMcust .mmcusx .mmr .switch .stn img {
width: 100%;
height: 100%;
display: block;
}
.MMcust .mmcusx .mmr .switch .stn img:first-child {
display: block;
}
.MMcust .mmcusx .mmr .switch .stn img:last-child {
display: none;
}
.MMcust .mmcusx .mmr .switch .stn:hover img:first-child {
display: none;
}
.MMcust .mmcusx .mmr .switch .stn:hover img:last-child {
display: block;
}
.MMcust .mmcusx .mmr .switch .stn + .stn {
margin-left: 0.1rem;
}
.MMcust .mmcusx .mmr .switch .img {
width: 100%;
opacity: 0;
}
.MMcust .mmcusx .mmr .switch .img img {
width: 100%;
height: 100%;
display: block;
}
.MMcust .mmcusx .mmr .switch .tix {
width: 100%;
padding: 0.09rem 0;
text-align: center;
color: #000000;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.18rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 0;
}
@media (max-width: 768px) {
.MMcust .mmcusx .mml {
width: 100%;
margin-bottom: 0.3rem;
}
.MMcust .mmcusx .mmr {
width: 100%;
}
.MMcust .mmcusx .mmr .cy {
width: 50%;
}
.MMcust .mmcusx .mmr .switch {
width: 50%;
}
.MMcust .mmcusx .mmr .switch .stn {
width: 0.7rem;
height: 0.7rem;
}
.MMcust .Casclass .casem {
width: 40%;
}
}
.Company {
width: 100%;
padding: 0.6rem 0;
}
.Company .cit {
width: 100%;
text-align: center;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.4rem);
}
.Company .cimx {
width: 100%;
background: #efefef;
font-size: 0;
text-align: center;
padding: 0.08rem 0;
margin: 0.3rem 0;
}
.Company .cimx .time {
display: inline-block;
vertical-align: middle;
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-right: 0.5rem;
}
.Company .cimx .sharn {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.Company .cimx .sharn span {
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Company .cimx .sharn a {
display: inline-block;
vertical-align: middle;
width: 0.2rem;
height: 0.2rem;
margin: 0 0.1rem;
}
.Company .cimx .sharn a img {
width: 100%;
height: 100%;
display: block;
}
.Company .comxt {
width: 100%;
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-top: 0.3rem;
}
.Company .comxt p {
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Company .comxt img {
max-width: 100%;
}
.Company .cbot {
width: 100%;
font-size: 0;
}
.Company .cbot .cbl {
width: calc(100% - 120px);
display: inline-block;
vertical-align: middle;
}
.Company .cbot .cbl .cblem {
width: 100%;
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Company .cbot .cbl .cblem a {
display: inline-block;
vertical-align: middle;
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Company .cbot .cbl .cblem a:hover {
color: #006fc6;
}
.Company .cbot .cbr {
width: 120px;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.Company .cbot .cbr a {
width: auto;
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.16rem);
padding: 0 0.2rem;
background: #006fc6;
}
.Industry {
width: 100%;
background: #efefef;
padding: 0.3rem 0 0.5rem;
}
.Industry .indusem {
width: 100%;
}
.Industry .indusem .swiper-slide {
width: 100%;
font-size: 0;
background: #fff;
}
.Industry .indusem .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.Industry .indusem .swiper-slide .idl {
width: calc((700 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.Industry .indusem .swiper-slide .idr {
width: calc((900 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
padding: 0.4rem 0.5rem;
}
.Industry .indusem .swiper-slide .idr .dit {
width: 100%;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
}
.Industry .indusem .swiper-slide .idr .domx {
width: 100%;
font-size: 0;
margin: 0.15rem 0;
}
.Industry .indusem .swiper-slide .idr .domx span {
display: inline-block;
vertical-align: middle;
color: #999999;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.Industry .indusem .swiper-slide .idr .domx span i {
display: inline-block;
vertical-align: middle;
width: 0.2rem;
height: 0.2rem;
margin-right: 0.1rem;
}
.Industry .indusem .swiper-slide .idr .domx span i img {
width: 100%;
height: 100%;
display: block;
}
.Industry .indusem .swiper-slide .idr .domx span + span {
margin-left: 0.3rem;
}
.Industry .indusem .swiper-slide .idr .tid {
color: #666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: 0.3rem;
}
.Industry .indusem .swiper-slide .idr .more {
width: 100%;
font-size: 0;
}
.Industry .indusem .swiper-slide .idr .more span {
display: inline-block;
vertical-align: middle;
color: #fff;
background: #ef8400;
border-radius: 0.06rem;
line-height: 2.5;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.3rem;
}
.Industry .indusem .swiper-slide .idr .more span i {
display: inline-block;
vertical-align: middle;
color: #fff;
}
.Industry .indusem .swiper-pagination-bullet-active {
background: #ef8400;
}
.Industry .indusem .swiper-pagination {
width: auto;
left: auto;
bottom: 0.4rem;
right: 0.5rem;
}
.Industry .relevlis {
width: 100%;
margin-top: 0.2rem;
}
.Industry .relevlis .relevx {
width: 100%;
font-size: 0;
padding: 0.26rem;
background: #fff;
transition: all ease 0.3s;
}
.Industry .relevlis .relevx a {
width: 100%;
height: 100%;
font-size: 0;
display: block;
}
.Industry .relevlis .relevx .rl {
width: calc((362 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
background: #f6f6f6;
}
.Industry .relevlis .relevx .rl .img {
width: calc((192 / 362) * 100%);
display: inline-block;
vertical-align: middle;
}
.Industry .relevlis .relevx .rl .img img {
width: 100%;
height: 100%;
display: block;
}
.Industry .relevlis .relevx .rl .date {
width: calc((170 / 362) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
}
.Industry .relevlis .relevx .rl .date .day {
width: 100%;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
color: #333333;
margin-bottom: 0.05rem;
}
.Industry .relevlis .relevx .rl .date .ym {
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 1.5;
color: #999999;
}
.Industry .relevlis .relevx .rm {
width: calc((1100 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
margin: 0 calc((36 / 1600) * 100%);
}
.Industry .relevlis .relevx .rm .rim {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
margin-bottom: 0.1rem;
}
.Industry .relevlis .relevx .rm .mir {
width: 100%;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
}
.Industry .relevlis .relevx .rtn {
width: calc((60 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.Industry .relevlis .relevx .rtn img {
width: calc((39 / 60) * 100%);
display: inline-block;
vertical-align: middle;
}
.Industry .relevlis .relevx .rtn img:first-child {
display: inline-block;
}
.Industry .relevlis .relevx .rtn img:last-child {
display: none;
}
.Industry .relevlis .relevx:hover {
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1), 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
}
.Industry .relevlis .relevx:hover .rl .date .day, .Industry .relevlis .relevx:hover .rl .date .ym {
color: #ef8400;
}
.Industry .relevlis .relevx:hover .rtn img:first-child {
display: none;
}
.Industry .relevlis .relevx:hover .rtn img:last-child {
display: inline-block;
}
.Industry .relevlis .relevx + .relevx {
margin-top: 0.26rem;
}
@media (max-width: 768px) {
.Industry .indusem .swiper-slide .idl {
width: 100%;
}
.Industry .indusem .swiper-slide .idr {
width: 100%;
}
.Industry .relevlis .relevx .rl {
width: 100%;
}
.Industry .relevlis .relevx .rl .img {
width: 100%;
}
.Industry .relevlis .relevx .rl .date {
display: none;
}
.Industry .relevlis .relevx .rm {
width: 100%;
margin: 0.2rem 0;
}
.Industry .relevlis .relevx .rtn {
display: none;
}
.Company .cbot .cbl {
width: 100%;
}
.Company .cbot .cbr {
width: 100%;
margin-top: 0.2rem;
}
}
.Message .Mform {
width: 100%;
}
.Message .Mform .mip {
width: 100%;
color: #006fc6;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .mix {
width: 100%;
color: #666666;
line-height: 2.2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .inputs {
width: 100%;
font-size: 0;
background-color: #ffffff;
border-radius: 0.03rem;
border: solid 1px #aaaaaa;
padding: 0.1rem 0.2rem;
margin: 0.2rem 0;
position: relative;
}
.Message .Mform .inputs .il {
width: 80px;
display: inline-block;
vertical-align: middle;
color: #666666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .inputs .il span {
width: 0.2rem;
height: 0.2rem;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 0.1rem;
}
.Message .Mform .inputs .ir {
display: inline-block;
vertical-align: middle;
width: calc(100% - 80px);
}
.Message .Mform .inputs .ir input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: none;
border: none;
color: #666666;
line-height: 2;
height: 2em;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .inputs.l3 .il {
width: 100px;
}
.Message .Mform .inputs.l3 .ir {
width: calc(100% - 100px);
font-size: 0;
}
.Message .Mform .inputs.l3 .ir input {
width: calc(100% - 0.63rem);
}
.Message .Mform .inputs.l3 .ir .ymg {
display: inline-block;
vertical-align: middle;
width: 0.63rem;
}
.Message .Mform .inputs.l3 .ir .ymg img {
width: 100%;
height: 100%;
display: block;
}
.Message .Mform .inputs.l5 .il {
width: 120px;
}
.Message .Mform .inputs.l5 .ir {
width: calc(100% - 120px);
font-size: 0;
}
.Message .Mform .inputs.l5 .ir input {
width: calc(100% - 1.8rem);
}
.Message .Mform .inputs.l5 .ir .get {
position: absolute;
width: 1.8rem;
height: calc(2em + 0.2rem);
right: 0;
top: 0rem;
display: inline-block;
vertical-align: middle;
background: #aaaaaa;
color: #fff;
line-height: calc(2em + 0.2rem);
text-align: center;
cursor: pointer;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .areat {
width: 100%;
background-color: #ffffff;
border-radius: 0.03rem;
border: solid 1px #aaaaaa;
padding: 0.1rem 0.2rem;
margin: 0.2rem 0;
}
.Message .Mform .areat .il {
width: 100%;
color: #666666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Message .Mform .areat .il span {
width: 0.2rem;
height: 0.2rem;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 0.1rem;
}
.Message .Mform .areat .ir {
width: 100%;
}
.Message .Mform .areat .ir textarea {
width: 100%;
display: inline-block;
color: #666666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
background: none;
border: none;
}
.Message .Mform .submit {
width: 100%;
}
.Message .Mform .submit input {
width: 100%;
display: inline-block;
vertical-align: middle;
color: #fff;
text-align: center;
line-height: 0.6rem;
height: 0.6rem;
font-size: calc(12px - 0.12rem + 0.16rem);
background-color: #005bac;
border-radius: 0.03rem;
border: none;
}
.Recruits {
width: 100%;
padding: 0.26rem 0 0.5rem;
background: #f6f6f6;
}
.Recruits .rel {
width: calc((1150 / 1600) * 100%);
display: inline-block;
vertical-align: top;
background: #fff;
}
.Recruits .rel .retop {
width: 100%;
padding: 0 0.4rem;
border: solid 1px #f6f6f6;
font-size: 0;
}
.Recruits .rel .retop .ss {
display: inline-block;
vertical-align: middle;
font-size: 0;
width: calc((420 / 1150) * 100%);
}
.Recruits .rel .retop .ss .stn {
width: 0.88rem;
height: 0.88rem;
display: inline-block;
vertical-align: middle;
}
.Recruits .rel .retop .ss .stn input {
width: 100%;
height: 100%;
display: inline-block;
vertical-align: middle;
background-color: #006fc6;
background-image: url("../images/ssw.png");
background-position: 0.25rem 0.25rem;
background-position: center;
background-repeat: no-repeat;
border: none;
}
.Recruits .rel .retop .ss .input {
display: inline-block;
vertical-align: middle;
width: calc(100% - 0.88rem);
position: relative;
}
.Recruits .rel .retop .ss .input input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: none;
border: none;
color: #666666;
line-height: 2;
height: 2em;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Recruits .rel .retop .ss .input:after {
content: ' ';
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 0.3rem;
background: #006fc6;
}
.Recruits .rel .retop .slem {
width: calc((280 / 1150) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.Recruits .rel .retop .slem .nax {
width: 50%;
display: inline-block;
vertical-align: middle;
color: #999;
line-height: 2;
text-align: center;
font-size: calc(12px - 0.12rem + 0.14rem);
}
.Recruits .rel .retop .slem .selct {
width: 50%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.Recruits .rel .retop .slem .selct .select-value {
width: 100%;
display: inline-block;
vertical-align: middle;
color: #585858;
line-height: 2.8;
font-size: calc(12px - 0.12rem + 0.14rem);
padding: 0 0.1rem;
background-color: #ffffff;
height: 2.8em;
}
.Recruits .rel .retop .slem .selct select {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.Recruits .rel .retop .slem .select-con:after {
display: inline-block;
content: "";
background: url("../images/icon-x.png") no-repeat;
background-size: 100%;
width: 0.21rem;
height: 0.11rem;
position: absolute;
right: 0.13rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.Recruits .rel .retop .job {
display: inline-block;
vertical-align: middle;
}
.Recruits .rel .recons {
width: 100%;
padding: 0.26rem 0.4rem 0.2rem;
}
.Recruits .rel .recons .ret {
width: 100%;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.22rem);
color: #333333;
}
.Recruits .rel .recons .rehead {
width: 100%;
font-size: 0;
background: #006fc6;
margin-top: 0.2rem;
}
.Recruits .rel .recons .rehead .name {
display: inline-block;
vertical-align: middle;
width: calc((485 / 1150) * 100%);
color: #fff;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
padding-left: 0.3rem;
}
.Recruits .rel .recons .rehead .job {
display: inline-block;
vertical-align: middle;
width: calc((282 / 1150) * 100%);
color: #fff;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rel .recons .rehead .place {
display: inline-block;
vertical-align: middle;
width: calc((302 / 1150) * 100%);
color: #fff;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rel .recons .renlis {
width: 100%;
}
.Recruits .rel .recons .renlis .retem {
width: 100%;
}
.Recruits .rel .recons .renlis .retem .retitle {
width: 100%;
font-size: 0;
background: #fff;
cursor: pointer;
}
.Recruits .rel .recons .renlis .retem .retitle .name {
display: inline-block;
vertical-align: middle;
width: calc((485 / 1150) * 100%);
color: #585858;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
padding-left: 0.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Recruits .rel .recons .renlis .retem .retitle .job {
display: inline-block;
vertical-align: middle;
width: calc((282 / 1150) * 100%);
color: #585858;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rel .recons .renlis .retem .retitle .place {
display: inline-block;
vertical-align: middle;
width: calc((302 / 1150) * 100%);
color: #585858;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rel .recons .renlis .retem .recul {
width: 100%;
display: none;
}
.Recruits .rel .recons .renlis .retem .recul .column {
width: 100%;
height: auto;
padding: 0.2rem 0.2rem;
font-size: 0;
}
.Recruits .rel .recons .renlis .retem .recul .column p {
width: 100%;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
color: #666;
margin: 0.05rem 0;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item {
width: 100%;
display: inline-block;
vertical-align: top;
height: auto;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item .column-name {
height: 0.4rem;
line-height: 0.4rem;
font-size: calc(12px - 0.12rem + 0.16rem);
color: #006fc6;
text-align: left;
display: block;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item .column-list {
width: 100%;
padding: 0rem 0 0.1rem;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item .column-list ul {
width: 100%;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item .column-list ul li {
width: 100%;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.14rem);
color: #666;
margin: 0.05rem 0;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item .email {
margin-top: 0.1rem;
height: 0.6rem;
line-height: 0.6rem;
font-size: calc(12px - 0.12rem + 0.14rem);
color: #333;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item:nth-child(2n) {
margin-right: 0;
}
.Recruits .rel .recons .renlis .retem .recul .column .column-item.w100 {
width: 100%;
margin-right: 0;
}
.Recruits .rel .recons .renlis .retem .recul .column .btn {
width: 100%;
display: inline-block;
font-size: 0;
height: 0.6rem;
text-align: left;
}
.Recruits .rel .recons .renlis .retem .recul .column .btn a {
display: inline-block;
width: auto;
padding: 0 0.45rem;
text-align: center;
color: #fff;
line-height: 2.5;
border-radius: 6px;
font-size: calc(12px - 0.12rem + 0.16rem);
background: #006fc6;
transition: all ease 0.3s;
}
.Recruits .rel .recons .renlis .retem .recul .column .btn a:hover {
transform: scale(1.1);
}
.Recruits .rel .recons .renlis .retem:nth-child(odd) .retitle {
background: #f7f7f7;
}
.Recruits .rer {
width: calc((420 / 1600) * 100%);
display: inline-block;
vertical-align: top;
margin-left: calc((26 / 1600) * 100%);
padding: 0.2rem 0.3rem 0.2rem;
background: #fff;
}
.Recruits .rer .ret {
width: 100%;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.22rem);
color: #333333;
}
.Recruits .rer .rerlis {
width: 100%;
}
.Recruits .rer .rerlis .rerem {
width: 100%;
font-size: 0;
cursor: pointer;
}
.Recruits .rer .rerlis .rerem a {
width: 100%;
height: 100%;
display: block;
font-size: 0;
}
.Recruits .rer .rerlis .rerem .name {
display: inline-block;
vertical-align: middle;
width: calc((180 / 340) * 100%);
color: #585858;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Recruits .rer .rerlis .rerem .job {
display: inline-block;
vertical-align: middle;
width: calc((80 / 340) * 100%);
color: #858585;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rer .rerlis .rerem .place {
display: inline-block;
vertical-align: middle;
width: calc((80 / 340) * 100%);
color: #858585;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
text-align: center;
}
.Recruits .rer .rerlis .rerem:hover .name {
color: #006fc6;
}
@media (max-width: 900px) {
.Recruits .rel {
width: 100%;
}
.Recruits .rer {
display: none;
}
}
@media (max-width: 900px) {
.Recruits .rel {
width: 100%;
}
.Recruits .rel .retop {
width: 100%;
}
.Recruits .rel .retop .ss, .Recruits .rel .retop .slem {
width: 100%;
}
}
.Cultrue {
width: 100%;
}
.Cultrue .culis {
width: 100%;
position: relative;
}
.Cultrue .culis .cls {
position: absolute;
z-index: 3;
top: 50%;
transform: translateY(-50%);
left: 0;
width: calc((800 / 1920) * 100%);
}
.Cultrue .culis .cls img {
width: 100%;
height: 100%;
display: block;
}
.Cultrue .culis .cls .cimg {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
left: calc((160 / 800) * 100%);
width: calc((500 / 800) * 100%);
}
.Cultrue .culis .cls .cimg img {
width: 100%;
height: 100%;
display: block;
}
.Cultrue .culis .cricle {
position: relative;
width: calc((426 / 1920) * 100%);
left: calc((500 / 1920) * 100%);
}
.Cultrue .culis .cricle img {
width: 100%;
height: 100%;
display: block;
}
.Cultrue .culis .cullix {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 10;
}
.Cultrue .culis .cullix .lix {
width: 100%;
font-size: 0;
width: calc((1020 / 1920) * 100%);
}
.Cultrue .culis .cullix .lix .icon {
display: inline-block;
vertical-align: middle;
width: 0.8rem;
height: 0.8rem;
margin-right: 0.2rem;
}
.Cultrue .culis .cullix .lix .icon img {
width: 100%;
height: 100%;
display: block;
}
.Cultrue .culis .cullix .lix .xr {
width: calc(100% - 1rem);
display: inline-block;
vertical-align: middle;
}
.Cultrue .culis .cullix .lix .xr .ix {
width: 100%;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
font-weight: bold;
margin-bottom: 0.06rem;
}
.Cultrue .culis .cullix .lix .xr .id {
width: 100%;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.Cultrue .culis .cullix .lix:nth-child(1) {
position: absolute;
top: calc((80 / 856) * 100%);
left: calc((740 / 1920) * 100%);
}
.Cultrue .culis .cullix .lix:nth-child(2) {
position: absolute;
top: calc((230 / 856) * 100%);
left: calc((840 / 1920) * 100%);
}
.Cultrue .culis .cullix .lix:nth-child(3) {
position: absolute;
top: calc((390 / 856) * 100%);
left: calc((870 / 1920) * 100%);
}
.Cultrue .culis .cullix .lix:nth-child(4) {
position: absolute;
top: calc((560 / 856) * 100%);
left: calc((830 / 1920) * 100%);
}
.Cultrue .culis .cullix .lix:nth-child(5) {
position: absolute;
top: calc((700 / 856) * 100%);
left: calc((730 / 1920) * 100%);
}
@media (max-width: 768px) {
.Cultrue .culis .cls {
display: none;
}
.Cultrue .culis .cricle {
display: none;
}
.Cultrue .culis .cullix {
width: 94%;
margin: 0 auto;
position: relative;
padding: 0.5rem 0;
}
.Cultrue .culis .cullix .lix {
position: relative;
width: 100%;
margin: 0.4rem 0;
}
.Cultrue .culis .cullix .lix .xr .ix {
margin-bottom: 0.1rem;
}
.Cultrue .culis .cullix .lix:nth-child(1) {
position: relative;
top: 0;
left: 0;
}
.Cultrue .culis .cullix .lix:nth-child(2) {
position: relative;
top: 0;
left: 0;
}
.Cultrue .culis .cullix .lix:nth-child(3) {
position: relative;
top: 0;
left: 0;
}
.Cultrue .culis .cullix .lix:nth-child(4) {
position: relative;
top: 0;
left: 0;
}
.Cultrue .culis .cullix .lix:nth-child(5) {
position: relative;
top: 0;
left: 0;
}
}
.Enterprise {
width: 100%;
padding: 0.7rem 0;
}
.Enterprise .entem {
display: inline-block;
vertical-align: top;
width: calc((500 / 1600) * 100%);
margin-right: calc((46 / 1600) * 100%);
}
.Enterprise .entem .img {
width: 100%;
}
.Enterprise .entem .img img {
width: 100%;
height: 100%;
display: block;
}
.Enterprise .entem .eon {
width: 100%;
padding: 0.4rem 0.3rem;
background: #fff;
}
.Enterprise .entem .eon .et {
width: 100%;
color: #333333;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
margin-bottom: 0.05rem;
}
.Enterprise .entem .eon .ec {
width: 100%;
color: #666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Enterprise .entem:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 768px) {
.Enterprise .entem {
width: 100%;
margin-right: 0;
}
.Enterprise .entem .eon .ec {
height: auto;
}
.Enterprise .entem + .entem {
margin-top: 0.4rem;
}
}
.History {
width: 100%;
background: #f6f6f6;
}
.History .hisiper {
width: 100%;
background: #fff;
padding: 0.6rem 0 0;
}
.History .hisiper .htoper {
margin: 0 0.8rem;
background-repeat: repeat-x;
background-position: top;
background-size: 100% 30px;
}
.History .hisiper .htoper .swiper-container {
margin: 0rem 0.8rem;
}
.History .hisiper .htoper .swiper-slide {
cursor: pointer;
}
.History .hisiper .htoper .swiper-slide .line {
width: 100%;
text-align: center;
margin: 0rem 0 0.1rem;
height: 30px;
}
.History .hisiper .htoper .swiper-slide .line span {
display: inline-block;
vertical-align: middle;
width: 2px;
height: 30px;
background: #ccc;
}
.History .hisiper .htoper .swiper-slide .year {
width: 100%;
text-align: center;
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.24rem);
}
.History .hisiper .htoper .swiper-slide.on .line span {
background: #006fc6;
}
.History .hisiper .htoper .swiper-slide.on .year {
color: #006fc6;
}
.History .hisiper .hboper {
width: 100%;
position: relative;
}
.History .hisiper .hboper .swiper-wrapper {
margin: 0.8rem 0.8rem;
width: auto;
}
.History .hisiper .hboper .swiper-slide {
width: 100% !important;
font-size: 0;
background-color: #ffffff;
box-shadow: 0px 24px 48px 0px rgba(0, 0, 0, 0.05), 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
margin-right: 1.6rem;
}
.History .hisiper .hboper .swiper-slide .iml {
display: inline-block;
vertical-align: middle;
width: calc((600 / 1440) * 100%);
}
.History .hisiper .hboper .swiper-slide .iml img {
width: 100%;
height: 100%;
display: block;
}
.History .hisiper .hboper .swiper-slide .imr {
width: calc((840 / 1440) * 100%);
display: inline-block;
vertical-align: middle;
padding: 0 0.4rem;
}
.History .hisiper .hboper .swiper-slide .imr .iear {
width: 100%;
margin-bottom: 0.26rem;
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.4rem);
}
.History .hisiper .hboper .swiper-slide .imr .iear span {
color: #006fc6;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.2rem);
}
.History .hisiper .hboper .swiper-slide .imr .imlis {
width: 100%;
max-height: 2rem;
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.History .hisiper .hboper .swiper-slide .imr .imlis p {
color: #666666;
line-height: 1.5;
font-size: calc(12px - 0.12rem + 0.16rem);
margin-bottom: 0.06rem;
}
.History .hisiper .hboper .swiper-slide:last-child {
margin-right: 0;
}
.History .hisiper .hboper .htn {
width: 0.39rem;
height: 0.39rem;
display: inline-block;
position: absolute;
z-index: 20;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
.History .hisiper .hboper .htn img:first-child {
display: block;
}
.History .hisiper .hboper .htn img:last-child {
display: none;
}
.History .hisiper .hboper .htn:hover img:first-child {
display: none;
}
.History .hisiper .hboper .htn:hover img:last-child {
display: block;
}
.History .hisiper .hboper .hl {
left: 0.2rem;
}
.History .hisiper .hboper .hr {
right: 0.2rem;
}
@media (max-width: 768px) {
.History .hisiper .hboper .swiper-wrapper {
margin: 0.4rem 0.4rem;
width: auto;
}
.History .hisiper .hboper .swiper-slide {
margin-right: 0.8rem;
}
.History .hisiper .hboper .swiper-slide .iml {
width: 100%;
}
.History .hisiper .hboper .swiper-slide .imr {
width: 100%;
padding: 0.3rem;
}
.History .hisiper .hboper .swiper-slide .imr .imlis {
max-height: 100%;
height: auto;
}
}
.w1400 {
width: 14rem;
margin: 0 auto;
}
.blue {
color: #145eba;
}
.searcox {
width: 100%;
}
.searcox .tip {
width: 100%;
line-height: 0.8rem;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.searcox .tip .tipx {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
.searcox .tip .tipx .tips {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.16rem);
color: #666;
margin: 0 0.15rem;
}
.searcox .tip .tipx .tips span {
display: inline-block;
vertical-align: middle;
color: #145eba;
margin: 0 0.07rem;
}
.searcox .tip .tipx .close {
display: inline-block;
vertical-align: middle;
margin-left: 0.25rem;
}
.searcox .tip .tipx .close a {
width: 100%;
height: 100%;
display: block;
width: 23px;
height: 23px;
border-radius: 50%;
border: 1px solid #ccc;
background-image: url("../images/close3.png");
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
.searcox .serlist {
width: 100%;
background: #fff;
}
.searcox .serlist .sertem {
width: 100%;
padding: 0.4rem 0 0.3rem;
}
.searcox .serlist .sertem .tix {
width: 100%;
font-size: calc(12px - 0.12rem + 0.24rem);
color: #000;
margin-bottom: 0.22rem;
border-left: 2px solid #145eba;
padding-left: 0.1rem;
}
.searcox .serlist .sertem .ul-list {
width: 100%;
font-size: 0;
}
.searcox .serlist .sertem .ul-list .li {
width: 50%;
border-right: 1px dashed #dfdfdf;
display: inline-block;
vertical-align: top;
padding-right: 13%;
}
.searcox .serlist .sertem .ul-list .li a {
display: block;
width: 100%;
padding-left: 20px;
font-size: 18px;
color: #333;
line-height: 38px;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
}
.searcox .serlist .sertem .ul-list .li a:after {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #145eba;
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
}
.searcox .serlist .sertem .ul-list .li:nth-child(even) {
border-right: none;
padding-left: 13%;
padding-right: 0;
}
.searcox .serlist .sertem:nth-child(odd) {
background-color: #f5f5f5;
}
@media (max-width: 1200px) {
.w1400 {
width: 94%;
}
}
@media (max-width: 768px) {
.searcox .tip {
line-height: 1.1rem;
}
.searcox .serlist .sertem .tix {
padding-left: 0.2rem;
}
.searcox .serlist .sertem .ul-list .li {
width: 100%;
padding: 0;
border-right: none;
}
.searcox .serlist .sertem .ul-list .li a {
font-size: 12px;
}
.searcox .serlist .sertem .ul-list .li:nth-child(even) {
border-right: none;
padding-left: 0%;
padding-right: 0;
}
}
.Pupop {
width: 100%;
height: 100%;
position: fixed;
z-index: 20;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.Pupop .pup {
background-color: #ffffff;
border-radius: 0.05rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.Pupop .pup .pit {
width: 100%;
text-align: center;
color: #fff;
font-size: calc(12px - 0.12rem + 0.24rem);
line-height: 0.82rem;
position: relative;
background: #006fc6;
}
.Pupop .pup .pit .closex {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.26rem;
width: 0.2rem;
height: 0.2rem;
cursor: pointer;
z-index: 22;
}
.Pupop .pup .pit .closex img {
width: 100%;
height: 100%;
display: block;
}
.Pupop .pup .pform {
width: 100%;
padding: 0.4rem;
}
.Pupop .pup .pform .inputs {
width: 100%;
font-size: 0;
background-color: #ffffff;
border-radius: 0.03rem;
border: solid 1px #aaaaaa;
padding: 0.1rem 0.2rem;
margin: 0.2rem 0;
position: relative;
}
.Pupop .pup .pform .inputs .il {
width: 80px;
display: inline-block;
vertical-align: middle;
color: #666666;
line-height: 2;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Pupop .pup .pform .inputs .il span {
width: 0.2rem;
height: 0.2rem;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 0.1rem;
}
.Pupop .pup .pform .inputs .ir {
display: inline-block;
vertical-align: middle;
width: calc(100% - 80px);
}
.Pupop .pup .pform .inputs .ir input {
width: 100%;
display: inline-block;
vertical-align: middle;
background: none;
border: none;
color: #666666;
line-height: 2;
height: 2em;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Pupop .pup .pform .inputs.l3 .il {
width: 100px;
}
.Pupop .pup .pform .inputs.l3 .ir {
width: calc(100% - 100px);
font-size: 0;
}
.Pupop .pup .pform .inputs.l3 .ir input {
width: calc(100% - 0.63rem);
}
.Pupop .pup .pform .inputs.l3 .ir .ymg {
display: inline-block;
vertical-align: middle;
width: 0.63rem;
}
.Pupop .pup .pform .inputs.l3 .ir .ymg img {
width: 100%;
height: 100%;
display: block;
}
.Pupop .pup .pform .inputs.l5 .il {
width: 120px;
}
.Pupop .pup .pform .inputs.l5 .ir {
width: calc(100% - 120px);
font-size: 0;
}
.Pupop .pup .pform .inputs.l5 .ir input {
width: calc(100% - 1.8rem);
}
.Pupop .pup .pform .inputs.l5 .ir .get {
position: absolute;
width: 1.8rem;
height: calc(2em + 0.2rem);
right: 0;
top: 0rem;
display: inline-block;
vertical-align: middle;
background: #aaaaaa;
color: #fff;
line-height: calc(2em + 0.2rem);
text-align: center;
cursor: pointer;
font-size: calc(12px - 0.12rem + 0.16rem);
}
.Pupop .pup .pform .submit {
width: 100%;
}
.Pupop .pup .pform .submit input {
width: 100%;
display: inline-block;
vertical-align: middle;
color: #fff;
text-align: center;
line-height: 0.6rem;
height: 0.6rem;
font-size: calc(12px - 0.12rem + 0.16rem);
background-color: #005bac;
border-radius: 0.03rem;
border: none;
cursor: pointer;
}
.Pupop .pup .puponx {
width: 100%;
padding: 0.2rem 0.4rem;
}
.Pupop .pup .puponx .tip {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.5;
margin: 0.15rem 0;
}
.Pupop .pup .puponx .puplis {
width: 100%;
background: #f7f7f7;
padding: 0.3rem 0.4rem;
}
.Pupop .pup .puponx .puplis .pli {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
margin: 0.15rem 0;
}
.Pupop .pup .puponx .botx {
width: 100%;
font-size: 0;
text-align: center;
margin-top: 0.3rem;
}
.Pupop .pup .puponx .botx a {
display: inline-block;
vertical-align: middle;
line-height: 2.5;
color: #fff;
font-size: calc(12px - 0.12rem + 0.18rem);
text-align: center;
padding: 0 0.4rem;
background: #006fc6;
border-radius: 0.06rem;
}
.Pupop .pup .puponx .botx a span {
display: inline-block;
vertical-align: middle;
margin-right: 0.1rem;
width: 0.24rem;
height: 0.24rem;
}
.Pupop .pup .puponx .botx a span img {
width: 100%;
height: 100%;
display: block;
}
.Pupop .pup .codes {
width: 100%;
text-align: center;
padding: 0.2rem;
}
.Pupop .pup .codes .cods {
width: 1.6rem;
height: 1.6rem;
margin: 0.16rem auto;
}
.Pupop .pup .codes .cods img {
width: 100%;
height: 100%;
display: block;
}
.Pupop .pup .codes .txt {
width: 100%;
text-align: center;
color: #333;
font-size: calc(12px - 0.12rem + 0.24rem);
line-height: 1.7;
}
.Pupop.show {
display: block;
}
footer {
width: 100%;
font-size: 0;
background: #292929;
}
footer .fol {
width: 14.4rem;
width: calc((1300 / 1920) * 100%);
padding: 0.6rem 0;
display: inline-block;
vertical-align: top;
background: #363636;
font-size: 0;
padding-left: calc((160 / 1300 ) * 100%);
}
footer .fol .ftop {
width: 100%;
font-size: 0;
margin-bottom: 0.5rem;
}
footer .fol .ftop .flist {
width: 2rem;
width: calc((210 / 1300) * 100%);
display: inline-block;
vertical-align: top;
}
footer .fol .ftop .flist .tip {
color: #fff;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 1.7;
margin-bottom: 0.1rem;
}
footer .fol .ftop .flist .ful {
width: 100%;
}
footer .fol .ftop .flist .ful .fli {
width: 100%;
}
footer .fol .ftop .flist .ful .fli a {
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2.2;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
footer .fol .ftop .flist .ful .fli a:hover {
color: #006fc6;
opacity: 1;
}
footer .fol .fbot {
width: 100%;
}
footer .fol .fbot .fbs {
width: 100%;
font-size: 0;
}
footer .fol .fbot .fbs span {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2;
color: #ccc;
margin-right: 0.1rem;
}
footer .fol .fbot .fbs a {
display: inline-block;
vertical-align: middle;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2;
color: #ccc;
margin: 0 0.1rem;
}
footer .fol .fbot .fbs a:hover {
color: #006fc6;
}
footer .fol .fbot .fbt {
width: 100%;
margin-top: 0.1rem;
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 2;
color: #ccc;
}
footer .fol .for {
width: 100%;
display: inline-block;
vertical-align: top;
}
footer .fol .for .code {
width: 100%;
font-size: 0;
margin-bottom: 0.3rem;
}
footer .fol .for .code img {
display: inline-block;
vertical-align: middle;
width: 1.3rem;
height: 1.3rem;
}
footer .fol .for .fx {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.4;
color: #fff;
opacity: 0.5;
}
footer .fol .for .fcall {
width: 100%;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.4;
color: #fff;
margin: 0.15rem 0 0.3rem;
}
footer .fol .for .share {
width: 100%;
font-size: 0;
}
footer .fol .for .share a {
display: inline-block;
vertical-align: middle;
width: 0.44rem;
height: 0.44rem;
background: #545454;
border-radius: 50%;
}
footer .fol .for .share a img {
width: 100%;
height: 100%;
display: block;
}
footer .fol .for .share a + a {
margin-left: 0.15rem;
}
footer .fol .for .share a:hover {
background: #006fc6;
}
footer .for {
width: 4.8rem;
width: calc((619 / 1920) * 100%);
display: inline-block;
vertical-align: top;
padding: 0.6rem 0;
padding-left: 0.4rem;
font-size: 0;
}
footer .for .code {
width: 100%;
font-size: 0;
margin-bottom: 0.3rem;
width: 1.3rem;
display: inline-block;
vertical-align: top;
}
footer .for .code img {
display: inline-block;
vertical-align: middle;
width: 1.3rem;
height: 1.3rem;
}
footer .for .fton{
width: calc(100% - 1.3rem);
padding-left: 0.2rem;
display: inline-block;
vertical-align: top;
}
footer .for .fx {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.4;
color: #fff;
opacity: 0.5;
}
footer .for .fcall {
width: 100%;
font-weight: bold;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.4;
color: #fff;
margin: 0.15rem 0 0.3rem;
}
footer .for .share {
width: 100%;
font-size: 0;
}
footer .for .share a {
display: inline-block;
vertical-align: middle;
width: 0.44rem;
height: 0.44rem;
background: #545454;
border-radius: 50%;
}
footer .for .share a img {
width: 100%;
height: 100%;
display: block;
}
footer .for .share a + a {
margin-left: 0.15rem;
}
footer .for .share a:hover {
background: #006fc6;
}
@media (max-width: 768px) {
footer .fol {
width: 100%;
padding: 0.3rem;
}
footer .fol .ftop {
text-align: center;
margin-bottom: 0.1rem;
display: none;
}
footer .fol .ftop .flist .ful {
display: none;
}
footer .fol .for {
width: 100%;
padding: 0;
margin-bottom: 0.2rem;
font-size: 0;
}
footer .fol .for .code {
width: 1.3rem;
display: inline-block;
vertical-align: top;
}
footer .fol .for .fton {
display: inline-block;
vertical-align: top;
width: calc(100% - 1.3rem);
padding-left: 0.2rem;
}
footer .fol .fbot span {
width: 100%;
}
footer .for {
display: none;
}
}
@media (min-width: 1620px) {
html {
font-size: 100px;
}
}
@media (max-width: 1620px) and (min-width: 768px) {
html {
font-size: calc(100vw /1620 * 100);
}
}
@media (max-width: 768px) {
html {
font-size: calc(768px /1620 * 100);
}
}
@media (max-width: 1620px) {
.w1600 {
width: 94%;
}
}
body {
font-size: 14px;
}
/* 动画特效 */
.teaser {
opacity: 0;
transform: translate3d(0, 25%, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;
}
.teaser.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lefter {
opacity: 0;
transform: translate3d(-35%, 35%, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}
.lefter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.righter {
opacity: 0;
transform: translate3d(35%, 35%, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}
.righter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.downer {
opacity: 0;
transform: translate3d(0, -35%, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}
.downer.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lter {
opacity: 0;
transform: translate3d(-35%, 0, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}
.lter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.rter {
opacity: 0;
transform: translate3d(35%, 0, 0);
transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;
}
.rter.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.delay2 {
transition-delay: 0.2s;
}
.delay4 {
transition-delay: 0.4s;
}
.delay6 {
transition-delay: 0.6s;
}
.delay8 {
transition-delay: 0.8s;
}
.delay10 {
transition-delay: 1s;
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(255, 255, 255, 0.75);
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #dcdcdc;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #dcdcdc;
}
.newpage {
width: 100%;
}
.newpage .rovems {
width: 100%;
margin-bottom: 0.2rem;
}
.newpage .rovems .rix {
width: 100%;
font-size: calc(12px - 0.12rem + 0.36rem);
line-height: 1.4;
color: #006fc6;
margin-bottom: 0.3rem;
}
.newpage .relevlis {
width: 100%;
}
.newpage .relevlis .relevx {
width: 100%;
font-size: 0;
padding: 0.26rem;
background: #fff;
transition: all ease 0.3s;
border: solid 1px #f6f6f6;
}
.newpage .relevlis .relevx a {
width: 100%;
height: 100%;
font-size: 0;
display: block;
}
.newpage .relevlis .relevx .rl {
width: calc((362 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
font-size: 0;
background: #f6f6f6;
}
.newpage .relevlis .relevx .rl .img {
width: calc((192 / 362) * 100%);
display: inline-block;
vertical-align: middle;
}
.newpage .relevlis .relevx .rl .img img {
width: 100%;
height: 100%;
display: block;
}
.newpage .relevlis .relevx .rl .date {
width: calc((170 / 362) * 100%);
display: inline-block;
vertical-align: middle;
text-align: center;
}
.newpage .relevlis .relevx .rl .date .day {
width: 100%;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 1.5;
color: #333333;
margin-bottom: 0.05rem;
}
.newpage .relevlis .relevx .rl .date .ym {
font-size: calc(12px - 0.12rem + 0.14rem);
line-height: 1.5;
color: #999999;
}
.newpage .relevlis .relevx .rm {
width: calc((1100 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
margin: 0 calc((35 / 1600) * 100%);
}
.newpage .relevlis .relevx .rm .rim {
width: 100%;
color: #333;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 1.5;
margin-bottom: 0.1rem;
}
.newpage .relevlis .relevx .rm .mir {
width: 100%;
color: #666;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 1.5;
}
.newpage .relevlis .relevx .rtn {
width: calc((60 / 1600) * 100%);
display: inline-block;
vertical-align: middle;
}
.newpage .relevlis .relevx .rtn img {
width: calc((39 / 60) * 100%);
display: inline-block;
vertical-align: middle;
}
.newpage .relevlis .relevx .rtn img:first-child {
display: inline-block;
}
.newpage .relevlis .relevx .rtn img:last-child {
display: none;
}
.newpage .relevlis .relevx:hover {
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1), 0px 16px 32px 0px rgba(0, 0, 0, 0.2);
}
.newpage .relevlis .relevx:hover .rl .date .day, .newpage .relevlis .relevx:hover .rl .date .ym {
color: #ef8400;
}
.newpage .relevlis .relevx:hover .rtn img:first-child {
display: none;
}
.newpage .relevlis .relevx:hover .rtn img:last-child {
display: inline-block;
}
.newpage .relevlis .relevx + .relevx {
margin-top: 0.26rem;
}
.newpage .cenlist {
width: 100%;
font-size: 0;
}
.newpage .cenlist .cetem {
display: inline-block;
vertical-align: top;
width: calc((364 / 1600) * 100%);
margin-right: calc((45 / 1600) * 100%);
margin-bottom: 0.36rem;
border-radius: 0.05rem;
border: solid 3px #006fc6;
background: #fff;
position: relative;
}
.newpage .cenlist .cetem a {
width: 100%;
height: 100%;
display: block;
}
.newpage .cenlist .cetem .img {
width: 100%;
display: block;
overflow: hidden;
border-bottom-left-radius: 0.1rem;
border-bottom-right-radius: 0.1rem;
}
.newpage .cenlist .cetem .img img {
width: 100%;
height: 100%;
display: block;
transition: all ease 0.3s;
}
.newpage .cenlist .cetem .img:hover img {
transform: scale(1.1);
}
.newpage .cenlist .cetem .more {
width: 100%;
background: #006fc6;
}
.newpage .cenlist .cetem .more a {
width: 100%;
color: #fff;
text-align: center;
font-size: calc(12px - 0.12rem + 0.2rem);
line-height: 2.2;
}
.newpage .cenlist .cetem:nth-child(4n) {
margin-right: 0;
}
.newpage .bvs {
width: 100%;
font-size: 0;
text-align: center;
margin-top: 0.4rem;
}
.newpage .bvs a {
display: inline-block;
vertical-align: middle;
padding: 0 0.3rem;
background: #005bac;
color: #fff;
line-height: 3;
font-size: calc(12px - 0.12rem + 0.14rem);
border-radius: 1.5em;
}
.newpage .memvs {
width: 100%;
margin: 0.3rem 0;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #333;
}
.newpage .memvs p {
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #333;
}
.newpage .toms {
width: 100%;
display: flex;
flex-direction: row-reverse;
}
.newpage .toms .tol {
display: inline-block;
vertical-align: middle;
width: calc((1000 / 1600) * 100%);
margin-right: calc((35 / 1600) * 100%);
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #333;
padding-right: 0.4rem;
}
.newpage .toms .tol p {
font-size: calc(12px - 0.12rem + 0.18rem);
line-height: 2;
color: #333;
}
.newpage .toms .tol .tit {
width: 100%;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 2;
color: #333;
margin-bottom: 0.2rem;
}
.newpage .toms .tol .tip {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #333;
}
.newpage .toms .tol .air {
width: 100%;
font-size: calc(12px - 0.12rem + 0.3rem);
line-height: 2;
color: #333;
margin-bottom: 0.2rem;
}
.newpage .toms .tol .at {
width: 100%;
font-size: calc(12px - 0.12rem + 0.16rem);
line-height: 2;
color: #333;
}
.newpage .toms .tor {
display: inline-block;
vertical-align: middle;
width: calc((560 / 1600) * 100%);
}
.newpage .toms .tor img {
width: 100%;
display: block;
}
.newpage .nvas {
width: 100%;
text-align: center;
font-size: 0;
margin-bottom: 0.3rem;
}
.newpage .nvas a {
display: inline-block;
vertical-align: middle;
padding: 0 0.3rem;
background: #005bac;
color: #fff;
line-height: 2.6;
margin: 0 0.18rem 0.12rem;
font-size: calc(12px - 0.12rem + 0.16rem);
border-radius: 1.3em;
}
@media (max-width: 768px) {
.newpage .relevlis .relevx .rl {
width: 100%;
}
.newpage .relevlis .relevx .rl .img {
width: 100%;
}
.newpage .relevlis .relevx .rl .date {
display: none;
}
.newpage .relevlis .relevx .rm {
width: 100%;
margin: 0.2rem 0;
}
.newpage .relevlis .relevx .rtn {
display: none;
}
.newpage .cenlist .cetem {
width: 48%;
margin-right: 4%;
}
.newpage .cenlist .cetem:nth-child(2n) {
margin-right: 0;
}
.newpage .toms {
flex-wrap: wrap;
flex-direction: row;
}
.newpage .toms .tol {
width: 100%;
margin-right: 0;
padding-right: 0;
}
.newpage .toms .tor {
width: 100%;
margin-bottom: 0.3rem;
}
}
.Field{
padding-top: 0.3rem;
}
.Field .Mhead{
margin-bottom: 0.3rem;
}