/**鍐呴〉banner**/
.nybanner {
float: left;
padding: 0;
position: relative;
overflow: hidden;
}
.nybanner .img,
.nybanner .img img {
width: 100%;
float: left;
}
.nybanner .img img {
position: relative;
left: 50%;
transform: translate(-50%, 0);
object-fit: cover;
}
.nybanner .text {
position: absolute;
left: 50%;
top: 0;
height: 100%;
transform: translate(-50%, 0);
overflow: hidden;
}
.nybanner .text .box {
width: 32.5rem;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.nybanner .text .left {
text-align: left;
left: 0;
}
.nybanner .text .center {
width: 100%;
text-align: center;
left: 0;
}
.nybanner .text .right {
text-align: right;
right: 0;
}
.nybanner .text .white,
.nybanner .text .white a {
color: #fff;
}
.nybanner .text .white .desc {
color: #fefefe;
}
.nybanner .text .black,
.nybanner .text .black a {
color: #000;
}
.nybanner .text .title {
color: #007AC1;
}
.nybanner .text .black .desc {
color: #495770;
}
.nybanner .text>div {
width: 100%;
float: left;
}
.nybanner .text .name {
font-size: 2.5rem;
line-height: 3.5rem;
}
.nybanner .text .title {
font-size: 1.25rem;
font-weight: bold;
line-height: 2rem;
}
.nybanner .text .desc {
font-size: 1rem;
line-height: 2rem;
margin-top: 2rem;
}
.nybanner .text .link {
margin-top: 4rem;
}
.nybanner .text .link a {
display: inline-block;
background: #007AC1;
line-height: 2rem;
color: #fff;
font-size: 0.875rem;
padding: 0.5rem 1.5rem;
border-radius: 0.25rem;
}
.nybanner .text .link a font {
padding-left: 0.25rem;
}
.nybanner .text .link a:hover {
background: #006ABA
}
.nybanner .wjj {
width: 1.2rem;
height: 1.2rem;
float: left;
margin-top: 0.4rem;
background: #fff;
border-radius: 0.15rem;
position: relative;
margin-right: 0.25rem;
}
.nybanner .wjj:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #007AC1;
top: 35%;
left: 0;
}
.nybanner .wjj:after {
position: absolute;
content: '';
width: 60%;
height: 20%;
right: 0;
top: 0;
background: #007AC1;
}
.nybanner .r360 {
width: 60%;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
cursor: pointer;
overflow: hidden;
}
.nybanner .r360 .r360-start {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(../images/360.png) center no-repeat;
}
.pagenullpos {
position: relative;
}
.pagenull {
position: absolute;
top: -6rem;
}
/**鍐呴〉pos瀹氫綅**/
.nypos {
float: left;
border-bottom: #E6E6E6 1px solid;
}
.nypos .box,
.nymenu .box {
height: 3.75rem;
line-height: 3.75rem;
font-size: 0.875rem;
}
.nypos .box i {
display: inline-block;
float: left;
color: #f00;
}
.nypos .box a {
display: inline-block;
float: left;
color: #b3b3b3;
position: relative;
padding: 0 0.5rem;
}
.nypos .box a:before {
position: absolute;
content: '/';
left: -0.2rem;
top: 0%;
}
.nypos .box a:nth-child(1) {
padding-left: 0;
}
.nypos .box a:nth-child(1):before,
.nypos .box a:nth-child(2):before {
display: none;
}
.nymenu .box .submenu {
display: none;
}
/*鏃犲唴瀹规彁绀?/
.nomore {
min-height: 20rem;
line-height: 20rem;
text-align: center;
font-size: 2rem;
color: #ccc;
}
/*鎼滅储缁撴灉椤?/
.search-main {}
.search-main .search-top {
float: left;
margin: 3rem 0;
text-align: center;
font-size: 2.25rem;
line-height: 3rem;
text-transform: uppercase;
color: #666;
}
.search-main .search-top font {
color: #e62129;
}
.search-main .search-box {
float: left;
margin-bottom: 3rem;
}
.search-main .search-box ul,
.search-box li {
width: 100%;
float: left;
}
.search-main .search-box ul {
margin-bottom: 1rem;
}
.search-main .search-box li {
display: flex;
margin-bottom: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
border-bottom: #ccc 1px dashed;
}
.search-main .search-box li .img {
width: 16rem;
height: 12rem;
float: left;
overflow: hidden;
position: relative;
}
.search-main .search-box li .img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.search-main .search-box li .text {
flex: 1;
position: relative;
}
.search-main .search-box li .text .text-box {
position: absolute;
top: 50%;
left: 0%;
width: 100%;
padding: 0 2rem;
transform: translate(0%, -50%);
}
.search-main .search-box li .text .text-box .name {
width: 100%;
float: left;
overflow: hidden;
font-size: 1.875rem;
line-height: 2.5rem;
height: 5rem;
}
.search-main .search-box li .text .text-box .date {
width: 100%;
float: left;
margin-top: 0.5rem;
font-size: 1.375rem;
line-height: 2.5rem;
}
.search-main .search-box li .text .text-box .link {
width: 100%;
float: left;
margin-top: 0.5rem;
}
.search-main .search-box li .text .text-box .link a {
position: relative;
padding-right: 3.625rem;
}
.search-main .search-box li .text .text-box .link a:before,
.search-main .search-box li .text .text-box .link a:after {
position: absolute;
content: '';
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.search-main .search-box li .text .text-box .link a:before {
right: 2%;
top: 48%;
transform: translate(0, -50%);
width: 2rem;
height: 1px;
background: #e62129;
}
.search-main .search-box li .text .text-box .link a:after {
right: 0;
top: 43%;
width: 0;
height: 0;
border-right: 1px solid #e62129;
border-top: 1px solid #e62129;
height: 0.4rem;
width: 0.4rem;
transform: rotate(deg);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.search-main .search-box li.nopic {
display: inline-block;
}
.search-main .search-box li.nopic .left {
float: left;
}
.search-main .search-box li.nopic .right {
float: right;
}
.search-main .search-box li:hover .text .text-box .name a,
.search-main .search-box li:hover .text .text-box .link a {
color: #e62129;
}
/**line妯潯**/
.nymenu {
padding: 0;
position: sticky;
top: 5rem;
clear: both;
background: #fff;
z-index: 99;
}
.nymenu.menuH .posh {
background: #fff;
z-index: 99;
border-bottom: #E7E7E7 1px solid;
}
.nymenu ul {
width: 100%;
position: relative;
}
.nymenu li {
margin-left: 2rem;
}
.nymenu li a {
display: inline-block;
width: 100%;
float: left;
font-size: 0.875rem;
}
.nymenu li:nth-child(1) {
margin-left: 0;
}
.nymenu .line {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: auto;
height: 2px;
background: #007AC1;
}
.nymenu li.active a {
color: #007AC1;
font-weight: bold;
}
.nymenu .w1400 {
position: relative;
}
.nymenu .news-xyears {
width: 15rem;
height: 3.75rem;
line-height: 3.75rem;
position: absolute;
right: 0;
top: 0;
border-left: #E7E7E7 1px solid;
}
.nymenu .news-xyears form {
width: 100%;
height: 100%;
float: right;
}
.nymenu .news-xyears .text {
width: 100%;
height: 100%;
float: left;
padding: 0 1rem;
position: relative;
cursor: pointer;
}
.nymenu .news-xyears .text:before {
position: absolute;
content: '';
right: 2%;
top: 48%;
width: 0;
height: 0;
border-right: 1px solid #4F4F4F;
border-top: 1px solid #4F4F4F;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.nymenu .news-xyears ul {
overflow: initial;
position: absolute;
top: 100%;
width: 100%;
float: left;
background: #F5F7FA;
padding: 1rem 0;
z-index: 3;
}
.nymenu .news-xyears ul li {
width: 100%;
float: left;
margin-left: 0;
padding: 0 1rem;
line-height: 2rem;
font-size: 1rem;
}
.nymenu .news-xyears ul li:hover {
background: #E3EDFB;
}
.nymenu .news-xyears .text.on {
background: #F5F7FA;
}
.nymenu .news-xyears .text.on:before {
transform: rotate(135deg) translate(0%, 50%);
-webkit-transform: rotate(135deg) translate(0%, 50%);
-moz-transform: rotate(135deg) translate(0%, 50%);
-ms-transform: rotate(135deg) translate(0%, 50%);
-o-transform: rotate(135deg) translate(0%, 50%);
}
/**鍐呴〉鍩虹**/
.nyinfo {
padding-bottom: 8rem;
}
.nytitle {
width: 100%;
float: left;
font-size: 2.25rem;
line-height: 4rem;
color: #16181a;
text-align: center;
}
.triangle {
position: relative;
float: left;
}
.trianglebg {
position: absolute;
content: '';
right: 0;
z-index: 0;
bottom: 0;
width: 0;
height: 0;
border-top: 20rem solid transparent;
border-left: 20rem solid transparent;
border-right: 40rem solid #E8ECF0;
}
.triangle .w1400 {
position: relative;
z-index: 1;
float: left;
left: 50%;
transform: translate(-50%, 0);
}
/**鍐呴〉鍒嗛〉**/
.page {
width: 100%;
float: left;
}
.page.center .page-box {
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.page a,
.page li {
display: inline-block;
width: 3rem;
height: 3rem;
margin: 0.25rem 0.25rem 0.25rem 0;
text-align: center;
line-height: 3rem;
border: #dcdcdc 1px solid;
border-radius: 0.25rem;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-size: 1rem;
}
.page .pagebtn,
.page .prev,
.page .next {
font-family: '瀹嬩綋';
}
.page a:hover,
.page li:hover,
.page a.on,
.page .pageItemActive {
background: #D70008;
color: #fff;
cursor: pointer;
}
.page li.pageItemDisable {
cursor: initial;
}
.page .select,
.page .f-right {
display: none;
}
/**浜у搧**/
.product {
width: 100%;
float: left;
}
.product-main {
width: 100%;
float: left;
}
.product-card {
width: 100%;
float: left;
padding: 6.25rem 0;
background: #F5F7FA;
}
.product-card:nth-child(2n) {
background: #fff;
}
.product-card .w1400 {}
.product-card .product-tab {
width: 40%;
float: left;
position: relative;
}
.product-card .pro_tab_menu {
display: none;
}
.product-card h3 {
display: inline-block;
width: 100%;
float: left;
font-size: 2.5rem;
line-height: 4rem;
color: #16181a;
font-weight: bold;
margin-bottom: 3rem;
}
.product-tab ul,
.product-tab li {
width: 100%;
}
.product-tab ul {
height: 37.5rem;
overflow: hidden;
overflow-y: auto;
padding-right: 5px;
position: relative;
}
.product-tab ul::-webkit-scrollbar {
width: 5px;
}
.product-tab ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}
.product-tab ul::-webkit-scrollbar-thumb {
background: #007AC1;
-webkit-box-shadow: inset 0 0 6px #007AC1;
opacity: 1
}
.product-tab ul::-webkit-scrollbar-thumb:window-inactive {
background: #D4D9E0;
}
.product-tab li {
height: 6.25rem;
position: relative;
z-index: 1;
}
.product-tab li a {
display: inline-block;
width: 100%;
height: 100%;
padding: 1.125rem 0;
float: left;
}
.product-tab li a>div {
width: 100%;
float: left;
padding: 0 3rem;
color: #16181a;
overflow: hidden;
}
.product-tab li .name {
font-size: 1.125rem;
font-weight: bold;
line-height: 2rem;
height: 2rem;
position: relative;
}
.product-tab li .name:before {
position: absolute;
content: '';
left: 2rem;
top: 48%;
content: '';
width: 0;
height: 0;
border-right: 2px solid #D70008;
border-top: 2px solid #D70008;
height: 0.4rem;
width: 0.4rem;
transform: rotate(deg);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.product-tab li .sort {
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
font-weight: 400;
overflow: hidden;
}
.product-tab li.active {
background: #e8eff8 url(../images/product-list-bg.jpg);
background-size: cover;
}
.product-tab .line {
width: 100%;
height: 6.25rem;
background: #e8eff8 url(../images/product-list-bg.jpg);
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.product-card .tabCon {
width: 56%;
float: right;
position: relative;
}
.tabCon .content,
.tabCon .title,
.tabCon .name,
..tabCon .desc,
..tabCon .info,
..tabCon .img {
width: 100%;
float: left;
}
.tabCon .content {
width: 100%;
height: 100%;
float: left;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.tabCon .title {
width: 100%;
float: left;
}
.tabCon .title .name {
width: 100%;
float: left;
font-size: 1.875rem;
line-height: 4rem;
color: #16181a;
}
.tabCon .title .name font {
display: inline-block;
float: left;
font-weight: bold;
}
.tabCon .title .name span {
display: inline-block;
float: left;
padding-left: 1.8rem;
position: relative;
}
.tabCon .title .name span:before {
position: absolute;
content: '';
left: 0.9rem;
top: 22%;
width: 1px;
height: 60%;
background: #DCDCDC;
}
.tabCon .title .desc {
width: 100%;
float: left;
font-size: 1rem;
line-height: 2rem;
max-height: 8rem;
overflow: hidden;
color: #666;
font-weight: 300;
-webkit-line-clamp: 4;
}
.tabCon .info {
width: 100%;
float: left;
margin-top: 1rem;
height: 0;
padding-bottom: 63.8%;
position: relative;
}
.tabCon .info .img {
width: 100%;
height: 100%;
background: #fff;
float: left;
position: absolute;
bottom: 0;
box-shadow: 0 0 1rem 0.25rem rgb(198 200 204 / 30%);
border: #fff 2px solid;
}
.tabCon .info .img img {
width: 100%;
height: 100%;
float: left;
object-fit: cover;
}
.tabCon .info .link {
position: absolute;
left: 3.125rem;
bottom: 3.125rem;
}
.tabCon .info .link a {
display: inline-block;
background: #0079BF;
color: #fff;
font-size: 0.875rem;
padding: 0.875rem 1.7rem;
border-radius: 0.25rem;
}
.tabCon .content.active {
z-index: 1;
position: initial;
}
.product-pics {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.product-pics .title {
width: 100%;
float: left;
color: #16181a;
font-size: 2.25rem;
line-height: 3rem;
text-align: center;
}
.product-pics ul {
width: 100%;
float: left;
margin-top: 3rem;
}
.product-pics li {
width: 23%;
margin-left: 2.6667%;
text-align: center;
}
.product-pics li:nth-child(1) {
margin-left: 0;
}
.product-pics li a,
.product-pics li .img,
.product-pics li .img img,
.product-pics li .name {
width: 100%;
float: left;
}
.product-pics li a {
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.product-pics li .img,
.product-pics li .img img {
width: 100%;
height: 100%;
float: left;
object-fit: cover;
overflow: hidden;
}
.product-pics li .name {
width: 100%;
float: left;
position: absolute;
bottom: 2rem;
left: 0;
color: #fff;
font-size: 1.875rem;
}
.product-pics li:hover {
box-shadow: 0.5rem 0.25rem 1rem 0.25rem rgb(0 0 0 / 20%);
}
.product-pics li:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.product .filter {
float: left;
}
.product .filter .w1400 {
padding: 2rem 0 4rem;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
border-bottom: #DCDCDC 1px solid;
}
.product .filter .form-item {
width: 31.3333%;
float: left;
margin-left: 2.6666%;
}
.product .filter .form-item:nth-child(1) {
margin-left: 0;
}
.product .filter .form-item>div {
width: 100%;
float: left;
}
.product .filter .box {
height: 2.5rem;
line-height: 2.5rem;
overflow: hidden;
font-size: 1.125rem;
font-weight: bold;
color: #16181a;
}
.product .filter .form-item .box .btn {
float: right;
background: #e62129;
color: #fff;
font-weight: initial;
padding: 0 1.5rem;
font-size: 1rem;
text-align: center;
height: 2rem;
margin-top: 0.25rem;
border-radius: 0.25rem;
line-height: 2rem;
cursor: pointer;
}
.product .filter .form-item .box .btn:hover {
background: #d52027;
}
.product .filter .pro-form1,
.product .filter .pro-form2 {
width: 100%;
height: 3rem;
float: left;
padding: 0 1rem;
border: none;
background: #F5F7FA;
color: #9F9F9F;
position: relative;
}
.product .filter .pro-form1 input {
width: calc(100% - 3rem);
height: 100%;
float: left;
line-height: 100%;
font-size: 1rem;
color: #9F9F9F;
}
.product .filter .pro-form1 button {
display: inline-block;
width: 2rem;
height: 2rem;
position: absolute;
top: 50%;
right: 1rem;
transform: translate(0, -50%);
cursor: pointer;
}
.product .filter :before,
.product .filter :after {
position: absolute;
content: '';
}
.product .filter .pro-form1 button:before {
width: 60%;
height: 60%;
top: 10%;
left: 10%;
border: #505050 2px solid;
border-radius: 100%;
}
.product .filter .pro-form1 button:after {
width: 0.5rem;
height: 2px;
left: 70%;
bottom: 6px;
background: #505050;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.product .filter .pro-form2 {
padding: 0;
}
.product .filter .pro-form2 .text {
width: 100%;
height: 100%;
padding: 0 1rem;
line-height: 3rem;
float: left;
overflow: hidden;
color: #333;
position: relative;
cursor: pointer;
}
.product .filter .pro-form2 ul {
display: none;
width: 100%;
float: left;
padding: 1rem 0;
border-top: #e3edfb 1px solid;
background: #F5F7FA;
/** #e3edfb**/
}
.product .filter .pro-form2 li {
width: 100%;
float: left;
}
.product .filter .pro-form2 li a {
display: inline-block;
width: 100%;
float: left;
line-height: 2rem;
padding: 0 1rem;
}
.product .filter .pro-form2 i {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
display: inline-block;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.product .filter .pro-form2 i:before {
left: 40%;
top: 48%;
content: '';
width: 0;
height: 0;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-moz-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
-o-transform: rotate(45deg) translate(-50%, -50%);
border-left: 2px solid transparent;
border-top: 2px solid transparent;
}
.product .filter .pro-form2 .text.on {
background: #E3EDFB;
}
.product .filter .pro-form2 li:hover {
background: #E3EDFB;
}
.product .filter .demo-slider {
width: 100%;
height: 1.5rem;
padding: 0 0.625rem;
float: left;
}
.product .filter .demo-slider .layui-slider {
width: 100%;
height: 4px;
float: left;
top: 50%;
transform: translate(0, -50%);
}
.product .filter .demo-slider .layui-slider .layui-slider-wrap {
width: 1.25rem;
height: 1.25rem;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
}
.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn {
position: absolute;
width: 1.25rem;
height: 1.25rem;
left: 0;
top: 50%;
transform: translate(0, -50%);
border: #E6E6E6 2px solid !important;
}
.product .filter .num {
width: 100%;
float: left;
height: 1rem;
margin-top: 0.5rem;
color: #8B8B8B;
}
.product .filter .num font {
color: #007AC1;
font-weight: bold;
}
.product .filter .num>div {
width: 50%;
}
.product .filter .num .left {
float: left;
}
.product .filter .num .right {
float: right;
text-align: right;
}
.product .list {
width: 100%;
float: left;
}
.product .list ul {
width: 100%;
float: left;
margin: 2rem 0;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.product .list li {
width: 31.3333%;
float: left;
margin: 2rem 0;
margin-left: 3%;
}
.product .list li .box,
.product .list li .box>div {
width: 100%;
float: left;
}
.product .list li:nth-child(3n-2) {
margin-left: 0;
}
.product .list li .box {
height: 100%;
}
.product .list li .name {
font-size: 1.5rem;
line-height: 4rem;
overflow: hidden;
}
.product .list li .name a {
color: #3E4041;
}
.product .list li .img a {
display: inline-block;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}
.product .list li .img img {
width: 100%;
float: left;
}
.product .list li .desc>div {
width: 100%;
height: 3rem;
line-height: 1.75rem;
padding: 0.625rem 0;
color: #495770;
font-size: 1rem;
float: left;
margin-top: 0.5rem;
background: url(../images/product-list-bg.jpg);
background-size: cover;
cursor: pointer;
position: relative;
}
.product .list li .desc>div i {
display: inline-block;
width: 1.75rem;
height: 1.75rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem;
border-radius: 100%;
overflow: hidden;
background: #fff url(../images/productli-ico.png);
}
.product .list li .desc>div.text1 i {
background-position: 0 0;
}
.product .list li .desc>div.text2 i {
background-position: 0 -1.75rem;
}
.product .list li .desc>div.text3 i {
background-position: 0 -3.5rem;
}
.product .list li .desc>div font {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: inline-block;
float: left;
overflow: hidden;
padding: 0.625rem 0.625rem 0.625rem 3rem;
}
.product .list li .desc>div font span {
min-width: 0.1rem;
}
.product .list li:hover .name a,
.product .list li:hover .desc>div {
color: #007AC1;
}
/*.product .list li:hover .img img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}*/
.product .list li .desc>div:hover i {
background: #007AC1 url(../images/productli-ico.png);
}
.product .list li .desc>div.text1:hover i {
background-position: -1.75rem 0;
}
.product .list li .desc>div.text2:hover i {
background-position: -1.75rem -1.75rem;
}
.product .list li .desc>div.text3:hover i {
background-position: -1.75rem -3.5rem;
}
.product .qrcode {
float: left;
margin-top: 3rem;
text-align: center;
}
.product .qrcode .img {
width: 100%;
float: left;
margin-top: 1rem;
}
.product .qrcode .img img {
display: initial;
width: 10rem;
height: initial;
float: initial;
}
.product .qrcode .text {
width: 100%;
float: left;
color: #16181a;
font-size: 2.25rem;
margin: 4rem 0;
}
/**浜у搧璇︽儏****/
.productview {
float: left;
}
.productview>div {
float: left;
padding: 6.25rem 0;
}
.pro-ico {}
.pro-ico ul {
width: 100%;
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.pro-ico li {
width: 18%;
margin-bottom: 2rem;
cursor: pointer;
text-align: center;
position: relative;
}
.pro-ico li .img {
width: 6.25rem;
height: 6.25rem;
overflow: hidden;
float: left;
border-radius: 0.5rem;
border: #B6B9BF 2px solid;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.pro-ico li .img img {
width: 100%;
height: 100%;
object-fit: cover;
float: left;
}
.pro-ico li .name {
width: 100%;
float: left;
font-size: 1.125rem;
height: 3rem;
line-height: 1.5rem;
margin: 1rem 0;
color: #16181a;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-ico li .desc {
width: 100%;
overflow: hidden;
float: left;
text-align: left;
color: #495770;
font-size: 0.875rem;
line-height: 1.875rem;
height: 7.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.productview .provvideo {
padding: 0;
background: #F3F6F9;
}
.provvideo .w1400 {
display: flex;
padding: 6.25rem 0;
}
.provvideo .text {
flex: 1;
overflow: hidden;
}
.provvideo .text .box .nytitle {
text-align: left;
}
.provvideo .desc {
width: 100%;
float: left;
margin-top: 1rem;
position: relative;
line-height: 1.875rem;
font-size: 1.125rem;
color: #495770;
}
.provvideo .video {
width: 50%;
height: 25rem;
overflow: hidden;
float: right;
margin-left: 5%;
position: relative;
}
.provvideo .video video,
.provvideo .video video source {
width: 100%;
float: left;
border: inherit;
object-fit: contain;
}
.provvideo .video .ico {
position: absolute;
content: '';
left: 0;
top: 0%;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.5);
}
.provvideo .video .ico img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
float: left;
object-fit: cover;
z-index: 1;
}
.provvideo .video .ico i {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
transform: translate(-50%, -50%);
display: inline-block;
width: 5.625rem;
height: 5.625rem;
border-radius: 5.625rem;
background: #ED1C24;
cursor: pointer;
position: relative;
border: #ED1C24 1px solid;
}
.provvideo .video .ico i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
z-index: 0;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.6rem solid transparent;
border-bottom: 0.6rem solid transparent;
border-left: 1rem solid #fff;
}
.provvideo .video .ico i:after {
position: absolute;
content: '';
width: 200%;
height: 200%;
left: -50%;
top: -50%;
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
animation: provvideo 2s linear 0.5s infinite;
}
.provvideo .video .ico i:hover::after {
animation-play-state: paused;
}
@keyframes provvideo {
0% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.0;
}
50% {
transform: scale(0.75);
-webkit-transform: scale(0.75);
opacity: 0.3;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
}
.provvideo .video .ico.active {
opacity: 0;
z-index: -1;
}
.productview .provspec {}
.productview .provspec .nytitle {
text-align: left;
}
.productview .provspec .box {
margin-top: 2rem;
width: 100%;
float: left;
display: flex;
border-bottom: #E6E6E6 1px solid;
}
.productview .provspec #cpggswiper {
width: 100%;
position: relative;
height: 4rem;
overflow: hidden;
margin-right: 2%;
}
.productview .provspec .swiper-slide {
font-size: 1.5rem;
line-height: 4rem;
cursor: pointer;
width: initial;
}
.productview .provspec .swiper-slide.on {
color: #007AC1;
border-bottom: #007AC1 2px solid;
}
.productview .provspec .swiper-slide:nth-child(1) {
margin-left: 0;
}
.productview .provspec .boxbtn {
float: right;
width: 7rem;
height: 3rem;
margin-top: 0.5rem;
}
.productview .provspec .btn {
width: 3rem;
height: 3rem;
font-family: '瀹嬩綋';
font-size: 1.5rem;
line-height: 2.8rem;
text-align: center;
float: left;
background: #fff;
border: #007AC1 2px solid;
color: #007AC1;
border-radius: 0.25rem;
cursor: pointer;
}
.productview .provspec .btn:nth-child(2) {
float: right;
}
.productview .provspec .btn.swiper-button-disabled {
color: #ccc;
border: #ccc 2px solid;
}
.productview .provspec .toggle {
width: 100%;
float: left;
padding: 2rem 0;
}
.productview .provspec .cont {
width: 100%;
float: left;
min-height: 10rem;
display: none;
line-height: 1.875rem;
font-size: 1rem;
}
.productview .provspec .cont img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
object-fit: cover;
}
.productview .provspec .cont.active {
display: inline-block;
}
.productview .provtrait {
background: #182030;
}
.productview .provtrait .nytitle {
text-align: left;
color: #fff;
}
.productview .provtrait .desc {
width: 100%;
float: left;
margin-top: 2rem;
color: #fff;
font-size: 1rem !important;
line-height: 2 !important;
}
.productview .provtrait .desc p,
.productview .provtrait .desc div,
.productview .provtrait .desc span,
.productview .provtrait .desc font {
color: #fff !important;
font-size: 1rem !important;
line-height: 2 !important;
}
.provvideo .desc,
.provvideo .desc p,
.provvideo .desc div,
.provvideo .desc span,
.provvideo .desc font {
line-height: 2 !important;
}
.productview .provdown {
background: #F5F7FA;
}
.productview .provdown .nytitle {
text-align: left;
}
.productview .provdown ul {
width: 100%;
margin-top: 2rem;
}
.productview .provdown li {
width: 48%;
margin-left: 4%;
margin-bottom: 3%;
background: #fff;
box-shadow: 0 0 0.125rem 0.125rem rgb(198 200 204 / 10%);
border: #E5E8ED 1px solid;
}
.productview .provdown li:nth-child(2n-1) {
margin-left: 0;
}
.productview .provdown li a {
display: inline-block;
width: 100%;
float: left;
padding: 2rem;
color: #16181a;
font-size: 1.125rem;
position: relative;
}
.productview .provdown li i {
position: absolute;
top: 2rem;
left: 2rem;
display: inline-block;
width: 2rem;
height: 2rem;
float: left;
background: url(../images/down.png);
background-size: cover;
}
.productview .provdown li p {
display: inline-block;
width: 100%;
float: left;
padding-left: 3rem;
height: 2rem;
line-height: 2rem;
overflow: hidden;
}
.productview .provdown li:hover {
box-shadow: 0 0 0.5rem 0.25rem rgb(198 200 204 / 30%);
}
.productview .provdown li:hover p {
color: #007AC1
}
/**绉戠爺鍔涢噺*************/
.research {
float: left;
}
.research .member {
float: left;
background: #F5F7FA;
}
.teams .w1400 {
padding: 6.25rem 0;
}
.teams .num-list li .name {
height: 5rem;
}
.teams .num-list li .name .num2 {
display: none;
}
.teams .num-list li .name .num1:before {
display: none;
}
.teams .num-list li .name .num3 {
line-height: 6.5rem;
}
.teams .cont {
width: 100%;
float: left;
font-size: 1rem;
color: #495770;
line-height: 2rem;
margin: 3rem 0 2.5rem 0;
}
.teams .box {
width: 100%;
float: left;
color: #fff;
margin-top: 3rem;
position: relative;
}
.teams .img,
.teams .img img {
width: 100%;
float: left;
object-fit: cover;
}
.num-list {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
width: 100%;
}
.num-list ul {
width: 100%;
}
.num-list li {
width: 25%;
}
.num-list li>div {
width: 100%;
float: left;
text-align: center;
}
.num-list li .name .num {
font-size: 3.75rem;
line-height: 5rem;
}
.num-list li .name .num3 {
font-size: 1.5rem;
}
.num-list li .desc {
font-size: 1.5rem;
line-height: 2rem;
}
.backbone {
float: left;
padding: 6.25rem 0;
}
.backbone ul {
width: 100%;
}
.backbone li {
width: 47%;
margin-left: 6%;
position: relative;
margin-top: 5rem;
margin-bottom: 12rem;
}
.backbone li .img,
.backbone li .img img {
width: 100%;
float: left;
}
.backbone li .img {
overflow: hidden;
}
.backbone li .img img {
height: 100%;
object-fit: cover;
}
.backbone li .text {
position: absolute;
left: 50%;
z-index: 2;
top: 80%;
width: 90%;
float: left;
padding: 2rem;
background: #fff;
transform: translate(-50%, 0);
box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 20%);
}
.backbone li .text>div {
width: 100%;
float: left;
background: #fff;
}
.backbone li .text .name {
overflow: hidden;
color: #16181a;
font-size: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
}
.backbone li .text .desc {
font-size: 1rem;
line-height: 1.5rem;
max-height: 3rem;
overflow: hidden;
margin: 1rem 0;
}
.backbone li .text .exp {
font-size: 0.875rem;
color: #495770;
line-height: 1.5rem;
height: 3rem;
overflow: hidden;
}
.backbone li .text .link {
margin-top: 1rem;
}
.backbone li .text .link a {
display: inline-block;
float: left;
background: #007AC1;
font-size: 0.875rem;
color: #fff;
border-radius: 0.25rem;
padding: 0.625rem 1.5rem;
}
.backbone li .text .link a font:nth-child(2) {
display: none;
}
.backbone li:nth-child(2n-1) {
margin-left: 0;
}
.backbone li:hover .text {
box-shadow: 0 0 1rem 0.5rem rgb(73 87 112 / 40%);
}
.backbone li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.backbone li:hover .name {
color: #016ead;
}
.backbone li .text .link:hover a {
background: #016ead;
}
.backbone li.active .exp {
height: 9rem;
transition: all 0.5s;
}
.backbone li.active .link a font {
display: none
}
.backbone li.active .text .link a font:nth-child(2) {
display: inline-block;
}
.system {
float: left;
}
.system .system-top {
background: #F5F7FA;
float: left;
}
.system .system-top ul {
width: 100%;
line-height: 5rem;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.system .system-top li {
margin-left: 3%;
cursor: pointer;
}
.system .system-top li:nth-child(1) {
margin-left: 0;
}
.system .system-top li.active {
font-weight: bold;
color: #1380C3;
}
.system .system-top .line {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #1380C3;
}
.system .system-info,
.system .cont,
.system .continfo,
.cont-list,
.cont-list ul,
.cont-list li {
width: 100%;
float: left;
}
.system .system-info {
margin-bottom: 6.25rem;
}
.system .cont {
display: none;
}
.system .cont.active {
display: inline-block;
}
.system .nytitle {
text-align: left;
margin-bottom: 2rem;
}
.cont-textpic {
width: 100%;
float: left;
margin-top: 6.25rem;
display: flex;
}
.cont-textpic .nytitle {
text-align: left;
}
.cont-textpic .box {
width: 55%;
position: relative;
}
.cont-textpic .box .text {
width: 100%;
float: left;
padding-right: 10%;
position: relative;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.cont-textpic .box .text .name {
width: 100%;
float: left;
margin-top: 1rem;
font-size: 1.5rem;
line-height: 2rem;
color: #007ac1;
}
.cont-textpic .box .text .desc {
line-height: 2rem;
font-size: 1rem;
color: #495770;
width: 100%;
float: left;
margin-top: 1rem;
}
.cont-textpic .toggle {
flex: 1;
float: left;
}
.cont-textpic .toggle .img {
width: 100%;
float: right;
}
.cont-textpic .toggle .img img {
width: 100%;
}
.cont-list {
width: 100%;
float: left;
margin-top: 6.25rem;
}
.cont-list ul {
width: 100%;
float: left;
border-top: #007AC1 1px solid;
}
.cont-list li {
height: 5rem;
font-size: 1rem;
color: #495770;
border-bottom: #E9E9E9 1px solid;
position: relative;
}
.cont-list li>div {
padding: 0 2.5rem;
}
.cont-list li .box {
width: 20rem;
line-height: 1.5rem;
height: auto;
float: left;
overflow: hidden;
text-overflow: initial;
white-space: initial;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
position: relative;
top: 50%;
transform: translate(0, -50%);
z-index: 1;
}
.cont-list li:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 20rem;
height: 100%;
background: #EEF0F4;
z-index: 0;
}
.cont-list li .toggle {
overflow: hidden;
position: relative;
top: 50%;
transform: translate(0, -50%);
text-overflow: initial;
white-space: initial;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.cont-list li:nth-child(1) {
background: #F9F9F9;
color: #0f1823;
height: 4rem;
line-height: 4rem;
font-size: 1.25rem;
font-weight: bold;
}
.cont-list li:nth-child(1):before {
background: #F9F9F9;
}
.cont-pics {
width: 100%;
float: left;
margin-top: 6.25rem;
}
.cont-pics>div {
width: 100%;
float: left;
}
.cont-pics .toggle {
text-align: center;
}
.cont-pics .toggle img {
max-width: 100%;
object-fit: cover;
}
.cont-imglist {
width: 100%;
float: left;
margin-top: 6.25rem;
}
.cont-imglist>div {
width: 100%;
float: left;
}
.cont-imglist .toggle {}
.cont-imglist .toggle ul {
width: 100%;
float: left;
}
.cont-imglist .toggle li {
width: 48%;
float: left;
margin-bottom: 2rem;
margin-left: 4%;
}
.cont-imglist .toggle li:nth-child(2n-1) {
margin-left: 0;
}
.cont-imglist .toggle>div {
width: 100%;
float: left;
}
.cont-imglist .toggle img {
width: 100%;
object-fit: cover;
}
.cont-imglist .toggle .text {
margin-top: 2.5rem;
color: #495770;
font-size: 1rem;
line-height: 1.875rem;
height: 15rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
}
.cont-imgs {
width: 100%;
float: left;
margin-top: 6.25rem;
}
.cont-imgs>div {
width: 100%;
float: left;
}
.cont-imgs .toggle ul {
width: 100%;
float: left;
}
.cont-imgs .toggle li {
width: 23%;
float: left;
border: #F2F2F2 1px solid;
margin-bottom: 2rem;
margin-left: 2.6666%;
}
.cont-imgs .toggle li:nth-child(4n-3) {
margin-left: 0;
}
.cont-imgs .toggle>div {
width: 100%;
float: left;
}
.cont-imgs .toggle img {
width: 100%;
object-fit: cover;
}
.cont-list-four {
padding-top: 6.25rem;
}
.cont-list-four ul {
width: 100%;
border-top: #007AC1 1px solid;
}
.cont-list-four li {
width: 100%;
// height: 4rem;
// line-height: 4rem;
line-height: 1.6;
font-size: 1rem;
color: #495770;
border-bottom: #E9E9E9 1px solid;
display: flex;
// align-items: center;
}
.cont-list-four li>div {
float: left;
// padding: 0 2.5rem;
padding: 18px 2rem;
overflow: hidden;
display: flex;
align-items: center;
}
.cont-list-four .box-one,
.cont-list-four .box-two {
width: 10rem;
float: left;
background: #EEF0F4;
border-bottom: #e9e9e9 1px solid;
}
.cont-list-four .box-three {
width: calc(50% - 20rem);
}
.cont-list-four .box-four {
width: 50%;
}
.cont-list-four li>div {
border-left: #e9e9e9 1px solid;
}
.cont-list-four li:nth-child(1) {
background: #F9F9F9;
color: #0f1823;
// height: 4rem;
// line-height: 4rem;
font-size: 1.25rem;
font-weight: bold;
}
/*瑙ｅ喅鏂规*/
.center-slide {
width: 188%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.center-slide .swiper-container {
overflow: initial;
}
.center-slide .swiper-container {
width: 100%;
}
.center-slide .swiper-slide {
text-align: center;
font-size: 1.125rem;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}
.center-slide .swiper-slide-active,
.center-slide .swiper-slide-duplicate-active {
transform: scale(1);
}
.center-slide .swiper-pagination {
bottom: -2rem;
}
.center-slide .swiper-pagination-bullet {
width: 0.625rem;
height: 0.625rem;
}
.center-slide .swiper-pagination-bullet-active {
background: #D70008;
width: 2rem;
border-radius: 0.625rem;
}
.solution {
padding: 6.25rem 0 12.5rem 0;
background-size: auto 100%;
}
.soluindex .swiper-slide {
width: 100%;
height: 100%;
}
.soluindex .box {
width: 100%;
height: 100%;
float: left;
position: relative;
}
.soluindex .box .img {
width: 73%;
float: left;
overflow: hidden;
}
.soluindex .box .img img {
width: 100%;
float: left;
object-fit: cover;
}
.soluindex .toggle {
width: 27%;
float: left;
height: 100%;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.soluindex .text,
.soluindex .text>div {
width: 100%;
float: left;
}
.soluindex .text {
height: 100%;
padding: 3rem;
text-align: left;
}
.soluindex .name {
font-size: 2.25rem;
line-height: 3rem;
max-height: 12rem;
overflow: hidden;
color: #16181A;
}
.soluindex .desc {
font-size: 1rem;
line-height: 1.5rem;
height: 9rem;
overflow: hidden;
color: #495770;
margin: 10% 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.soluindex .link {
margin-top: 5%;
}
.soluindex .link a {
display: inline-block;
background: #0079BF;
color: #fff;
font-size: 0.875rem;
padding: 0.875rem 1.7rem;
border-radius: 0.25rem;
}
.solutionlist>div {
width: 100%;
float: left;
}
.solist-0,
.solist-3 {
background: #F5F7FA;
}
.solist-0 {
padding-bottom: 6.25rem;
}
.solist-1,
.solist-2,
.solist-3,
.solist-4 {
padding: 6.25rem 0;
}
.soauto-0 {
background: initial;
}
.soauto-1 {
background: #007AC1;
}
.soauto-1 .nytitle {
color: #fff;
}
.soauto-1 .three-pictext .slidepage span.swiper-pagination-current {
color: #fff;
}
.soauto-1 .three-pictext .btn {
border: #fff 3px solid;
}
.soauto-1 .three-pictext .btn.prev:before {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.soauto-1 .three-pictext .btn.next:before {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
.soauto-1 .three-pictext .btn::after {
background: #fff;
}
.solist-2 {
background: #208FD4;
color: #fff;
}
.soauto-2 {
background: initial;
color: #16181A;
}
.soauto-2 .nytitle {
color: #16181A;
}
.cont-two-txtpic {
width: 100%;
float: left;
}
.cont-two-txtpic .toggle,
.cont-two-txtpic .toggle ul {
width: 100%;
float: left;
}
.cont-two-txtpic .toggle {
margin-top: 2rem;
}
.cont-two-txtpic li {
width: 48%;
margin-left: 4%;
}
.cont-two-txtpic li:nth-child(2n-1) {
margin-left: 0;
}
.cont-two-txtpic li>div {
width: 100%;
float: left;
}
.cont-two-txtpic .name {
background: #F5F7FA;
color: #007AC1;
font-size: 1.875rem;
height: 6.25rem;
line-height: 6.25rem;
padding: 0 2.5rem;
}
.cont-two-txtpic .desc {
border: #E6E6E6 1px solid;
border-top: none;
padding: 2.5rem;
height: 22rem;
overflow: hidden;
font-size: 1rem;
color: #495770 !important;
line-height: 2.125rem;
}
.cont-two-txtpic .desc p,
.cont-two-txtpic .desc span,
.cont-two-txtpic .desc font {
color: #495770 !important;
}
.cont-two-txtpic .pics {
width: 100%;
padding: 0 8%;
margin-top: 2rem;
position: relative;
}
.cont-two-txtpic .swiper {
width: 100%;
overflow: hidden;
}
.cont-two-txtpic .swiper .img {
border: #E6E6E6 1px solid;
padding: 0.125rem;
width: 84%;
margin: 8%;
float: left;
}
.cont-two-txtpic .btn {
width: 10%;
height: 5rem;
float: left;
position: absolute;
top: calc(50% - 2.5rem);
cursor: pointer;
}
.cont-two-txtpic .btn.swiper-button-disabled {
opacity: 0.4;
}
.cont-two-txtpic .btn.next {
position: absolute;
content: '';
left: initial;
bottom: initial;
right: 2%;
top: 43%;
width: 0;
height: 0;
border-right: 3px solid #007AC1;
border-top: 3px solid #007AC1;
height: 2rem;
width: 2rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.cont-two-txtpic .btn.prev {
position: absolute;
content: '';
left: initial;
bottom: initial;
left: 2%;
top: 43%;
width: 0;
height: 0;
border-left: 3px solid #007AC1;
border-bottom: 3px solid #007AC1;
height: 2rem;
width: 2rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.night-ico {
width: 100%;
float: left;
}
.night-ico .nytitle {
color: #fff;
}
.night-ico .toggle,
.night-ico ul {
width: 100%;
float: left;
}
.night-ico ul {
margin-top: 2rem;
}
.night-ico li {
width: 10.1111%;
margin-left: 1.11%;
position: relative;
cursor: pointer;
}
.night-ico li:nth-child(1) {
margin-left: 0;
}
.night-ico li .img,
.night-ico li .img img {
width: 100%;
float: left;
}
.night-ico li .name {
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
line-height: 5rem;
font-size: 1.125rem;
}
.three-pictext {
width: 100%;
float: left;
}
.three-pictext .box {
width: 100%;
float: left;
}
.three-pictext .nytitle {
text-align: left;
}
.three-pictext .toggle {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.three-pictext .pics {
width: 100%;
float: left;
overflow: hidden;
}
.three-pictext .swiper-wrapper {
width: 100%;
float: left;
}
.three-pictext .img {
width: 90%;
margin: 0 5%;
float: left;
cursor: pointer;
}
.three-pictext .img img {
width: 100%;
float: left;
}
.three-pictext .text {
width: 90%;
float: left;
margin: 0 5%;
background: #fff;
border: #D8D8D8 1px solid;
border-top: none;
padding: 2.5rem;
}
.three-pictext .text>div {
width: 100%;
float: left;
}
.three-pictext .name {
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
overflow: hidden;
color: #16181a;
}
.three-pictext .name2 {
width: 90%;
margin: 0 5%;
float: left;
margin-top: 1.5rem;
font-size: 1rem;
line-height: 2rem;
color: #16181a;
text-align: center;
overflow: hidden;
}
.three-pictext .desc {
font-size: 0.875rem;
line-height: 1.5rem;
height: 9rem;
color: #495770;
margin: 1rem 0;
padding-right: 0.5rem;
overflow-x: hidden;
overflow-y: auto;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.three-pictext .desc p {
line-height: 1.5rem !important;
}
.three-pictext .more a {
float: left;
font-weight: bold;
color: #007AC1;
font-size: 0.875rem;
line-height: 1rem;
}
.three-pictext .desc::-webkit-scrollbar {
width: 5px;
}
.three-pictext .desc::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}
.three-pictext .desc::-webkit-scrollbar-thumb {
background: #007AC1;
-webkit-box-shadow: inset 0 0 6px #007AC1;
opacity: 1
}
.three-pictext .desc::-webkit-scrollbar-thumb:window-inactive {
background: #D4D9E0;
}
.three-pictext .btn {
width: 3.125rem;
height: 3.125rem;
position: absolute;
top: calc(50% - 1.5625rem);
cursor: pointer;
border: #007AC1 3px solid;
border-radius: 100%;
position: absolute;
right: -4%;
}
.three-pictext .btn.prev {
right: initial;
left: -4%;
}
.three-pictext .btn.swiper-button-disabled {
opacity: 0.8;
border: #CED0D2 3px solid;
}
.three-pictext .btn.prev.swiper-button-disabled:before {
border-left: 3px solid #CED0D2;
border-bottom: 3px solid #CED0D2;
}
.three-pictext .btn.next.swiper-button-disabled:before {
border-right: 2px solid #CED0D2;
border-top: 2px solid #CED0D2;
}
.three-pictext .btn.swiper-button-disabled:after {
background: #D6D7DA;
}
.three-pictext .btn.next:before {
position: absolute;
content: '';
left: initial;
bottom: initial;
right: 25%;
top: 38%;
width: 0;
height: 0;
border-right: 2px solid #007AC1;
border-top: 2px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.three-pictext .btn:after {
position: absolute;
content: '';
width: 50%;
height: 2px;
background: #007AC1;
top: calc(50% - 1px);
left: calc(50% - 25%);
}
.three-pictext .btn.prev:before {
position: absolute;
content: '';
left: initial;
bottom: initial;
left: 25%;
top: 38%;
width: 0;
height: 0;
border-left: 2px solid #007AC1;
border-bottom: 2px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.three-pictext .slidepage {
width: 5rem;
height: 2rem;
left: initial;
position: absolute;
right: 0;
top: -5rem;
color: #AFAFAF;
font-size: 1rem;
text-align: right;
}
.three-pictext .slidepage span {
font-size: 1.875rem;
line-height: 2rem;
}
.three-pictext .slidepage span.swiper-pagination-current {
color: #007ac1;
}
.sovideo {
position: relative;
}
.sovideo,
.sovideo>div {
width: 100%;
float: left;
overflow: hidden;
}
.sovideo .img,
.sovideo .img img {
width: 100%;
float: left;
}
.sovideo .box {
position: relative;
opacity: 1;
z-index: 2;
}
.sovideo .img {
position: relative;
z-index: 1;
}
.sovideo .text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -30%);
color: #fff;
font-size: 0.875rem;
line-height: 1.5rem;
width: 6rem;
z-index: 2;
}
.sovideo .text i {
display: inline-block;
width: 100%;
float: left;
width: 3.25rem;
height: 3.25rem;
background: #fff;
border-radius: 100%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
cursor: pointer;
}
.sovideo .text i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.4rem solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 0.8rem solid #007AC1;
}
.sovideo .text i:after {
position: absolute;
content: '';
width: 200%;
height: 200%;
left: -50%;
top: -50%;
background: rgba(255, 255, 255, 1.0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
animation: changes 2s linear 0.5s infinite;
}
.sovideo .text i:hover::after {
animation-play-state: paused;
}
@keyframes changes {
0% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.0;
}
50% {
transform: scale(0.75);
-webkit-transform: scale(0.75);
opacity: 0.5;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
}
.sovideo .text p {
width: 100%;
float: left;
margin-top: 1.5rem;
text-align: center;
}
.sovideo video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: 0;
}
.sovideo .box.active {
opacity: 0;
z-index: -1;
}
.sopartner {
width: 100%;
float: left;
}
.sopartner .nytitle {
text-align: left;
}
.sopartner .info {
width: 100%;
height: 100%;
float: left;
margin-top: 2rem;
display: flex;
position: relative;
}
.sopartner .box {
flex: 1;
float: left;
}
.sopartner ul {
width: 100%;
height: 100%;
float: left;
padding-right: 1.3333%;
}
.sopartner li {
width: 24%;
height: 31.8%;
margin-left: 1.3333%;
margin-bottom: 0;
float: left;
overflow: hidden;
padding: 2%;
border: #E6E6E6 1px solid;
border-radius: initial;
background: initial;
opacity: 1;
position: relative;
}
.sopartner li:nth-child(-n + 8) {
margin-bottom: 1.3333%;
}
.sopartner li:nth-child(4n-3) {
margin-left: 0;
}
.sopartner li:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: #fff 1px solid;
z-index: 1;
}
.sopartner li .img {
width: 100%;
height: 0;
padding-bottom: 66.6666%;
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.sopartner li .img img {
width: 100%;
float: left;
margin-top: 66.6666%;
}
.sopartner li:hover,
.sopartner li.swiper-pagination-bullet-active,
.sopartner li.swiper-pagination-bullet-active:before {
border: #007AC1 1px solid;
}
.sopartner .toggle {
width: 43%;
height: 100%;
float: right;
overflow: hidden;
}
.sopartner .swiper-wrapper {
width: 100%;
height: 100%;
float: left;
}
.sopartner .swiper-slide,
.sopartner .swiper-slide .img,
.sopartner .swiper-slide img {
width: 100%;
height: 100%;
float: left;
}
.sopartner .swiper-slide .img {
overflow: hidden;
}
.sopartner .swiper-slide:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
}
.sopartner .swiper-slide {
cursor: pointer;
position: relative;
}
.sopartner .swiper-slide .name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3.875rem;
line-height: 3.875rem;
text-align: center;
color: #fff;
font-size: 1.5rem;
background: rgba(0, 122, 193, 0.8);
padding: 0 5%;
overflow: hidden;
}
.sopartner .btn {
position: absolute;
top: -60px;
right: 0;
width: 2.5rem;
height: 2.5rem;
border: #007AC1 2px solid;
border-radius: 0.25rem;
cursor: pointer;
z-index: 2;
}
.sopartner .btn.next:before {
position: absolute;
content: '';
right: 45%;
top: 35%;
width: 0;
height: 0;
border-right: 1px solid #007AC1;
border-top: 1px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.sopartner .btn.prev:before {
position: absolute;
content: '';
left: 45%;
top: 35%;
width: 0;
height: 0;
border-left: 1px solid #007AC1;
border-bottom: 1px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.sopartner .btn.prev {
right: 50px;
}
.sopartner .btn.swiper-button-disabled {
border: #ccc 2px solid;
}
.sopartner .btn.swiper-button-disabled.prev:before {
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sopartner .btn.swiper-button-disabled.next:before {
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.lsnico {
width: 100%;
float: left;
}
.lsnico .nytitle {
text-align: left;
}
.lsnico .info {
width: 100%;
float: left;
margin-top: 2rem;
}
.lsnico .box {
width: 19.5%;
float: left;
padding-right: 0.3125rem;
}
.lsnico .box ul,
.lsnico .box li {
width: 100%;
float: left;
}
.lsnico .box ul {
height: 100%;
position: relative;
}
.lsnico .box li {
line-height: 3.75rem;
position: relative;
}
.lsnico .box li .name {
width: 100%;
height: 3.75rem;
line-height: 3.75rem;
font-size: 1.125rem;
padding: 0 1.5rem;
float: left;
overflow: hidden;
position: relative;
z-index: 1;
border-bottom: #DCDCDC 1px solid;
cursor: pointer;
}
.lsnico .box li .name:before {
position: absolute;
content: '';
left: 0.5rem;
top: 50%;
width: 0;
height: 0;
border-right: 1px solid #D70008;
border-top: 1px solid #D70008;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.lsnico .box li .subname {
width: 100%;
float: left;
background: #FAFAFA;
padding: 1rem 1.5rem;
display: none;
}
.lsnico .box li .subname p {
display: inline-block;
width: 100%;
float: left;
line-height: 1.25rem;
margin: 0.25rem 0;
color: #495770;
position: relative;
z-index: 1;
}
.lsnico .box .line {
position: absolute;
height: 3.75rem;
background: url(../images/product-list-bg.jpg);
background-size: 100% 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.lsnico .box li.active,
.lsnico .box li:hover {
background: url(../images/product-list-bg.jpg);
background-size: 100% 100%;
}
.lsnico .box li.active .name {
font-weight: bold;
}
.lsnico .box li:hover .name {
color: #000;
}
.lsnico .box li .subname p.on a {
font-weight: bold;
color: #007AC1;
}
.lsnico .box li .subname p:hover a {
color: #007AC1;
}
.lsnico .box li:nth-child(1) .subname {
display: inline-block;
}
.lsnico .toggle {
width: 77%;
float: right;
position: relative;
height: initial;
}
.lsnico .rinfo {
width: 100%;
float: left;
display: none;
}
.lsnico .rinfo>div {
width: 31.3333%;
float: left;
margin-left: 3%;
border: #ECECEC 1px solid;
margin-bottom: 3%;
}
.lsnico .rinfo>div a {
display: inline-block;
width: 100%;
height: 100%;
padding: 1rem 2rem;
float: left;
background-position: center;
background-size: cover;
}
.lsnico .rinfo>div .box {
width: 100%;
height: 100%;
float: left;
position: relative;
}
.lsnico .rinfo>div .num {
width: 100%;
height: 4.5rem;
line-height: 4.5rem;
font-size: 5rem;
color: #E7E8EB;
float: left;
padding-right: 1rem;
overflow: hidden;
opacity: 0;
}
.lsnico .rinfo>div .rico {
position: absolute;
right: 0;
top: 0;
width: 1rem;
height: 1rem;
border: #0F82C5 1px solid;
}
.lsnico .rinfo>div .rico:before,
.lsnico .rinfo>div .rico:after {
position: absolute;
content: '';
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.lsnico .rinfo>div .rico:before {
width: 1px;
height: 80%;
top: 10%;
left: 50%;
transform: translate(-50%, 0);
background: #0F82C5;
}
.lsnico .rinfo>div .rico:after {
width: 80%;
height: 1px;
top: 50%;
left: 10%;
transform: translate(0, -50%);
background: #0F82C5;
}
.lsnico .rinfo>div .rico i {
display: none;
}
.lsnico .rinfo>div .title {
width: 100%;
float: left;
color: #16181a;
color: #fff;
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
overflow: hidden;
margin-top: 1rem;
-webkit-line-clamp: 1;
font-size: 1.125rem;
font-weight: bold;
}
.lsnico .rinfo>div:nth-child(3n-2) {
margin-left: 0;
}
.lsnico .rinfo.active {
display: inline-block;
}
.lsnico .rinfo>div.on,
.lsnico .rinfo>div:hover {
background: #F5F5F5;
}
.lsnico .rinfo>div.on .rico,
.lsnico .rinfo>div:hover .rico {
background: #0F82C5;
}
.lsnico .rinfo>div.on .rico:before,
.lsnico .rinfo>div.on .rico:after,
.lsnico .rinfo>div:hover .rico:before,
.lsnico .rinfo>div:hover .rico:after {
background: #fff;
}
.lsnico .rinfo>div.on .num,
.lsnico .rinfo>div:hover .num {
color: #959ba8;
}
.soautoview {
width: 100%;
float: left;
}
.soautoview .soaview-0 .nytitle {
text-align: left;
}
.lonertwo {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.lonertwo>div {
width: 48%;
float: left;
}
.lonertwo .box {
margin-right: 2%;
}
.lonertwo .toggle {
margin-left: 2%;
}
.lonertwo ul,
.lonertwo li,
.lonertwo li>div {
width: 100%;
float: left;
}
.lonertwo .toggle li {
width: 50%;
float: left;
}
.lonertwo .name {
font-size: 1.5rem;
line-height: 2rem;
color: #007ac1;
font-weight: bold;
}
.lonertwo .desc {
margin-top: 2rem;
font-size: 1rem;
line-height: 2rem;
color: #495770;
}
.pics-nightlist {
width: 100%;
float: left;
margin: 3rem 0 5rem 0;
}
.pics-nightlist ul {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.pics-nightlist li {
width: 31.3333%;
float: left;
margin-left: 3%;
margin-bottom: 3%;
border: #D8D8D8 1px solid;
}
.pics-nightlist li:nth-child(3n-2) {
margin-left: 0;
}
.pics-nightlist .img {
width: 100%;
height: 0;
padding-bottom: 66.6666%;
float: left;
overflow: hidden;
}
.pics-nightlist .img a {
display: inline-block;
width: 100%;
height: 100%;
padding-bottom: 66.6666%;
float: left;
}
.pics-nightlist .img img {
object-fit: cover;
width: 100%;
float: left;
}
.pics-nightlist .text {
width: 100%;
float: left;
background: #F5F8FC;
border-top: #D8D8D8 1px solid;
padding: 1.5rem;
}
.pics-nightlist .text>div {
width: 100%;
float: left;
}
.pics-nightlist .name {
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
overflow: hidden;
color: #16181a;
}
.pics-nightlist .desc {
font-size: 0.875rem;
line-height: 1.5rem;
height: 6rem;
overflow: hidden;
color: #495770;
margin: 1rem 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.pics-nightlist .more a {
float: left;
font-weight: bold;
color: #007AC1;
font-size: 0.875rem;
line-height: 1rem;
}
.pics-nightlist li:hover {
box-shadow: 0 0 0.25rem 0.15rem rgb(73 87 112 / 10%);
}
.pics-nightlist li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.pics-nightlist li:hover .name a {
color: #007AC1;
}
.pics-nightlist li:hover .text {
background: #fff;
}
.socaseview {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.vtitle,
.vtitle>div {
width: 100%;
float: left;
}
.vtitle .name {
font-size: 2.25rem;
line-height: 2.5rem;
color: #16181a;
}
.vtitle .more {
margin: 1rem 0 3rem 0;
border-bottom: #DCDCDC 1px solid;
line-height: 3.5rem;
font-size: 1rem;
color: #878787;
}
.vtitle .more>div {
float: left;
margin-right: 2rem;
}
.vtitle .more .share {
float: right;
margin-right: 0;
}
.vtitle .share {
font-size: 0.875rem;
line-height: 2rem;
margin-top: 0.875rem;
}
.vtitle .share font {
float: left;
}
.vtitle .share a.social-share-icon {
display: inline-block;
width: 2rem;
height: 2rem;
float: left;
border: 0;
margin: 0;
padding: 0;
font-size: 0;
background: url(../images/comm/ico2.png);
transition: inherit;
}
.vtitle .share a.social-share-icon:before {
display: none;
}
.vtitle .share a.social-share-icon.icon-qq {
background-position: 0 0;
}
.vtitle .share a.social-share-icon.icon-wechat {
background-position: 0 -2rem;
}
.vtitle .share a.social-share-icon.icon-weibo {
background-position: 0 -4rem;
}
.vtitle .share a.social-share-icon.icon-qq:hover {
background-position: -2rem 0;
}
.vtitle .share a.social-share-icon.icon-wechat:hover {
background-position: -2rem -2rem;
}
.vtitle .share a.social-share-icon.icon-weibo:hover {
background-position: -2rem -4rem;
}
.videolist {
width: 100%;
float: left;
height: 34.375rem;
overflow: hidden;
}
.videolist .box {
width: 70%;
height: 100%;
float: left;
}
.videolist .box .video,
.videolist .box .video .img,
.videolist .box .video video,
.videolist .box .video .img img {
width: 100%;
height: 100%;
float: left;
}
.videolist .box .video .img img {
position: relative;
z-index: 1;
}
.videolist .box .video {
position: relative;
}
.videolist .box .video video {
position: absolute;
left: 0;
top: 0;
}
.videolist .toggle {
width: 28.25%;
float: right;
}
.videolist .toggle ul,
.videolist .toggle li {
width: 100%;
}
.videolist .toggle ul {
height: 34.375rem;
overflow: hidden;
overflow-y: auto;
}
.videolist .toggle ul::-webkit-scrollbar {
width: 0.3125rem;
}
.videolist .toggle ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}
.videolist .toggle ul::-webkit-scrollbar-thumb {
background: #007AC1;
-webkit-box-shadow: inset 0 0 6px #007AC1;
opacity: 1
}
.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive {
background: #D4D9E0;
}
.videolist .toggle li {
margin-bottom: 1rem;
background: #F5F7FA;
padding: 1rem;
display: flex;
cursor: pointer;
}
.videolist .toggle li:nth-last-child(1) {
margin-bottom: 0;
}
.videolist .toggle li>div {
float: left;
}
.videolist .toggle li .ico {
width: 51%;
height: 0;
padding-bottom: 28.3%;
float: left;
overflow: hidden;
position: relative;
}
.videolist .toggle li .ico img {
width: 100%;
float: left;
}
.videolist .toggle li .ico div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 100%;
}
.videolist .toggle li .ico div:before,
.videolist .toggle li .ico div:after {
position: absolute;
content: '';
}
.videolist .toggle li .ico div:before {
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
width: 0;
height: 0;
border-top: 0.5rem solid transparent;
border-left: 1rem solid #0079BF;
border-bottom: 0.5rem solid transparent;
}
.videolist .toggle li .name {
flex: 1;
width: 49%;
overflow: hidden;
padding-left: 0.875rem;
float: right;
position: relative;
}
.videolist .toggle li .name p {
display: inline-block;
width: 100%;
font-size: 1.125rem;
line-height: 1.5rem;
height: 4.5rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.videolist .toggle li .name i {
position: absolute;
bottom: 0;
left: 0.875rem;
color: #007AC1;
font-size: 1rem;
}
.videolist .toggle li:hover,
.videolist .toggle li.on {
background: #0079BF;
color: #fff;
}
.videolist .toggle li:hover .name i,
.videolist .toggle li.on .name i {
color: #fff;
}
.videolist .toggle li:hover .ico img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.videolist .toggle li.active .ico div:before,
.videolist .toggle li.active .ico div:after {
width: 0.3rem;
height: 50%;
border: initial;
background: #0079BF;
}
.videolist .toggle li.active .ico div:before {
left: 60%;
}
.videolist .toggle li.active .ico div:after {
top: 50%;
left: 40%;
transform: translate(-50%, -50%);
}
.casepage,
.casepage>div {
width: 100%;
float: left;
}
.casediv-1 {
background: #EBEFF4;
padding: 3rem 0;
position: relative;
overflow: hidden;
}
.casediv-1:before {
position: absolute;
content: '';
left: 45%;
top: 50%;
transform: rotate(30deg) translate(-50%, -50%);
-webkit-transform: rotate(30deg) translate(-50%, -50%);
-moz-transform: rotate(30deg) translate(-50%, -50%);
-ms-transform: rotate(30deg) translate(-50%, -50%);
-o-transform: rotate(30deg) translate(-50%, -50%);
width: 6%;
height: 400%;
background: #F5F7FA;
}
.three-num,
.three-num ul {
width: 100%;
float: left;
}
.three-num ul {
padding: 0 15%;
position: relative;
z-index: 1;
}
.three-num li {
width: 33.3333%;
float: left;
text-align: center;
}
.three-num li>div {
width: 100%;
float: left;
}
.three-num li .num {
font-size: 3.75rem;
line-height: 4rem;
color: #d70008;
}
.three-num li .num font {
position: relative;
padding-right: 2rem;
}
.three-num li .num font:before {
position: absolute;
content: '+';
right: 0;
top: 0;
font-size: 2.5rem;
font-weight: bold;
}
.three-num li .title {
font-size: 1.125rem;
line-height: 1.5rem;
color: #333;
font-weight: bold;
margin-top: 0.5rem;
}
.casediv-2 {
padding: 5.25rem 0 3rem 0;
}
.case-clickmore,
.case-clickmore ul,
.case-clickmore li {
width: 100%;
float: left;
}
.case-clickmore ul {
margin-top: 3rem;
}
.case-clickmore li {
padding: 2.5rem;
display: flex;
}
.case-clickmore li:nth-child(1) {
background: #E2E8EF;
}
.case-clickmore li .img {
width: 21rem;
height: 18.375rem;
float: left;
margin-right: 3.25rem;
overflow: hidden;
}
.case-clickmore li .img img {
width: 100%;
height: 100%;
float: left;
}
.case-clickmore li .text {
flex: 1;
width: 100%;
float: left;
}
.case-clickmore li .text>div {
width: 100%;
float: left;
}
.case-clickmore .sort {
font-size: 1rem;
color: #007ac1;
line-height: 1.25rem;
}
.case-clickmore .name {
font-size: 1.875rem;
color: #16181a;
line-height: 2.5rem;
margin: 0.25rem 0;
}
.case-clickmore .desc {
font-size: 1rem;
color: #495770;
line-height: 1.625rem;
margin: 2rem 0;
}
.case-clickmore .link {
margin-top: 2rem;
}
.case-clickmore .link a {
display: inline-block;
background: #007AC1;
color: #fff;
width: 7.5rem;
height: 3rem;
text-align: center;
line-height: 3rem;
border-radius: 0.3125rem;
}
.case-clickmore .more {
width: 100%;
float: left;
text-align: center;
height: 4rem;
line-height: 4rem;
overflow: hidden;
color: #D70008;
font-size: 0.875rem;
margin-top: 1rem;
}
.case-clickmore .more font {
position: relative;
padding-right: 1.5rem;
}
.case-clickmore .more font:before,
.case-clickmore .more font:after {
position: absolute;
content: '';
right: 2%;
top: 20%;
width: 0;
height: 0;
border-right: 1px solid #D70008;
border-bottom: 1px solid #D70008;
height: 0.25rem;
width: 0.25rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
opacity: 1;
}
.case-clickmore .more font:after {
top: 50%;
}
.case-clickmore li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.case-clickmore .link a:hover {
background: #205996
}
.casediv-3 {
width: 100%;
float: left;
background: url(../images/partlist.jpg);
background-size: 100% 100%;
padding: 6.25rem 0 10rem 0;
}
.partlist锛?partlist ul {
width: 100%;
float: left;
}
.partlist ul {
margin-top: 3rem;
}
.partlist li {
width: 14.6666%;
float: left;
margin-left: 2.4%;
margin-bottom: 2.4%;
cursor: pointer;
border: #fff 1px solid;
}
.partlist li:nth-child(6n-5) {
margin-left: 0;
}
.partlist li .img {
width: 100%;
height: 0;
padding-bottom: 65%;
float: left;
overflow: hidden;
}
.partlist li .img img {
position: relative;
width: 100%;
float: left;
padding-top: 65%;
top: 50%;
transform: translate(0, -50%);
}
.partlist li:hover {
border: #ccc 1px solid;
}
.partlist li:hover .img img {
transform: scale(1.05) translate(0, -50%);
-webkit-transform: scale(1.05) translate(0, -50%);
-moz-transform: scale(1.05) translate(0, -50%);
-ms-transform: scale(1.05) translate(0, -50%);
-o-transform: scale(1.05) translate(0, -50%);
}
.socview {
padding-top: 6.25rem;
}
.socview .vtitle .name {
color: #007AC1;
padding-top: 3.6rem;
}
.socasecont {
border-bottom: #DCDCDC 1px solid;
padding-bottom: 3rem;
}
.socasecont,
.socasecont>div {
width: 100%;
float: left;
}
.socasecont .name {
font-size: 1.875rem;
line-height: 2rem;
color: #16181a;
}
.ltrv {
width: 100%;
float: left;
display: flex;
height: 25rem;
overflow: hidden;
}
.ltrv>div {
width: 47%;
float: left;
margin-left: 6%;
}
.ltrv>div:nth-child(1) {
margin-left: 0;
}
.ltrv .text>div {
width: 100%;
float: left;
}
.ltrv .desc {
margin-top: 2rem;
line-height: 2rem;
font-size: 1rem;
color: #495770;
}
.ltrv .desc .i {
width: 100%;
float: left;
margin: 1rem 0;
color: #007AC1;
font-weight: bold;
}
.ltrv .video {
flex: 1;
position: relative;
}
.ltrv .video .box {
width: 100%;
height: 100%;
float: left;
}
.ltrv .video video {
width: 100%;
height: 100%;
float: left;
position: absolute;
top: 0;
left: 0;
}
.ltrv .video .img,
.ltrv .video .img img {
width: 100%;
float: left;
}
.ltrv .video .img img {
width: initial;
height: 100%;
object-fit: cover;
}
.ltrv .video .box {
position: relative;
}
.ltrv .video .text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -30%);
color: #fff;
font-size: 0.875rem;
line-height: 1.5rem;
width: 6rem;
}
.ltrv .video .text i {
display: inline-block;
width: 100%;
float: left;
width: 3.25rem;
height: 3.25rem;
background: #fff;
border-radius: 100%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
cursor: pointer;
}
.ltrv .video .text i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.4rem solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 0.8rem solid #007AC1;
}
.ltrv .video .text i:after {
position: absolute;
content: '';
width: 200%;
height: 200%;
left: -50%;
top: -50%;
background: rgba(255, 255, 255, 1.0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
animation: lchanges 2s linear 0.5s infinite;
}
.ltrv .video .text i:hover::after {
animation-play-state: paused;
}
@keyframes lchanges {
0% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.0;
}
50% {
transform: scale(0.75);
-webkit-transform: scale(0.75);
opacity: 0.5;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
}
.ltrv .video .text p {
width: 100%;
float: left;
margin-top: 1.5rem;
text-align: center;
}
.ltrv .video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: -1;
}
@media (min-aspect-ratio:16/9) {
.ltrv .video video {
width: auto;
height: 100%;
}
}
@media (max-aspect-ratio:16/9) {
.ltrv .video video {
width: 100%;
height: auto;
}
}
.ltjjfa {
margin-top: 3rem;
}
.ltjjfa .desc {
margin-top: 2rem;
line-height: 2rem;
font-size: 1rem;
color: #495770;
}
.ltwopic {
width: 100%;
float: left;
margin: 3rem 0;
}
.ltwopic>div {
width: 49%;
float: left;
margin-left: 2%;
height: 0;
padding-bottom: 34%;
overflow: hidden;
}
.ltwopic img {
width: 100%;
float: left;
}
.ltwopic>div:nth-child(1) {
margin-left: 0;
}
.lsxjz {
height: 25rem;
overflow: hidden;
}
.lsxjz,
.lsxjz>div {
width: 100%;
float: left;
}
.lsxjz .toggle {
display: flex;
}
.lsxjz .toggle .desc {
width: 64%;
float: left;
margin-right: 4%;
margin-top: 2rem;
line-height: 2rem;
font-size: 1rem;
color: #495770;
}
.lsxjz .toggle .lpic {
flex: 1;
}
.lsxjz .toggle .lpic img {
width: 100%;
height: 100%;
float: left;
}
.spage {
width: 100%;
float: left;
height: 4rem;
margin: 2rem 0;
}
.spage .left {
float: left;
}
.spage .left>div {
width: 100%;
float: left;
line-height: 2rem;
font-size: 1rem;
}
.spage .right {
float: right;
}
.spage .right a {
display: inline-block;
width: 8rem;
height: 3rem;
background: #007AC1;
color: #fff;
border-radius: 0.25rem;
text-align: center;
line-height: 3rem;
margin-top: 0.5rem;
}
.service,
.service>div {
width: 100%;
float: left;
}
.service>div {
padding: 6.25rem 0;
}
.service .title {
width: 100%;
float: left;
text-align: center;
position: relative;
}
.service .title:before {
position: absolute;
content: '';
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
width: 3rem;
height: 3px;
background: #2B75FF;
}
.service .title>div {
width: 100%;
float: left;
}
.service .title .name {
font-size: 3rem;
line-height: 5rem;
color: #16181a;
}
.service .title .name img {
height: 100%;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.service .title .desc {
font-size: 1rem;
line-height: 2rem;
color: #495770;
margin: 3rem 0;
}
.service2 .link,
.service3 .link,
.service4 .link {
width: 100%;
float: left;
margin-top: 3rem;
}
.service2 .link a,
.service3 .link a,
.service4 .link a {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 0.25rem;
border: #0072B5 1px solid;
background: #0072B5;
color: #fff;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.service1 {
position: relative;
}
.service1:before {
position: absolute;
content: '';
width: 100%;
height: 65%;
left: 0;
bottom: 0;
background: #F5F7FA;
}
.service1 .w1400 {
position: relative;
z-index: 1;
}
.service3,
.service4 {
color: #fff;
}
.service3 .title .desc,
.service4 .title .desc {
color: #fff;
}
.service3 .link a,
.service4 .link a {
border: #8C9CA8 1px solid;
background: transparent;
}
.service4 .title:before {
display: none;
}
.service3 .link a:hover,
.service4 .link a:hover {
background: #fff;
color: #333;
}
.lprt {
width: 100%;
float: left;
display: flex;
}
.lprt .img {
width: 56.9444%;
float: left;
overflow: hidden;
}
.lprt .text {
width: 100%;
float: left;
background: #fff;
flex: 1;
box-shadow: 0 0 0.875rem 0.5rem rgb(73 87 112 / 20%);
position: relative;
overflow: hidden;
}
.lprt .text .box {
width: 100%;
float: left;
padding: 5.625rem;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.lprt .box>div {
width: 100%;
float: left;
}
.lprt .ico {
height: 3.75rem;
}
.lprt .ico img {
height: 100%;
float: left;
}
.lprt .name {
font-size: 1.875rem;
color: #16181a;
line-height: 2.5rem;
margin: 1rem 0;
}
.lprt .desc {
font-size: 1rem;
color: #666;
line-height: 2rem;
max-height: 4rem;
}
.lprt .link {
margin-top: 3rem;
}
.lprt .link a {
display: inline-block;
background: #007AC1;
color: #fff;
padding: 0.875rem 1.5rem;
border-radius: 0.25rem;
}
.lprt .link a:hover {
background: #004FA0
}
.lprt:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.eightico,
.eightico ul {
width: 100%;
float: left;
}
.eightico {
margin-top: 4.5rem;
}
.eightico li {
width: 22%;
float: left;
margin-left: 4%;
padding: 2rem 2rem;
display: flex;
cursor: pointer;
}
.eightico li:nth-child(4n-3) {
margin-left: 0;
}
.eightico li:hover {
background: #FFFFFF
}
.eightico .img {
width: 3.75rem;
height: 3.75rem;
float: left;
margin-right: 1rem;
position: relative;
overflow: hidden;
}
.eightico .img img {
width: 100%;
height: 100%;
}
.eightico .text {
flex: 1;
}
.eightico .text>div {
width: 100%;
float: left;
}
.eightico .name {
font-size: 1.25rem;
line-height: 2rem;
height: 2rem;
color: #16181a;
overflow: hidden;
}
.eightico .link {
margin-top: 0.625rem;
}
.eightico .link a {
position: relative;
color: #007ac1;
font-size: 0.875rem;
padding-right: 0.75rem;
}
.eightico .link a:before {
position: absolute;
content: '>';
top: 50%;
right: 0;
transform: translate(0, -50%);
font-family: '瀹嬩綋';
font-size: 0.75rem;
line-height: 1rem;
}
.eightico .link a:hover {
color: #0074C5
}
.eightico li:hover .name {
color: #007AC1
}
.tnfi,
.tnfi ul {
width: 100%;
float: left;
}
.tnfi ul {
margin-top: 3rem;
}
.tnfi li {
width: 23.5%;
margin-left: 2%;
background: #EBEFF1;
padding: 2.5rem;
text-align: center;
cursor: pointer;
}
.tnfi li:nth-child(4n-3) {
margin-left: 0;
}
.tnfi li>div {
float: left;
}
.tnfi li .img {
width: 8.75rem;
height: 8.75rem;
border-radius: 100%;
background: #BCD6E7;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.tnfi li .img img {
width: 5rem;
height: 5rem;
float: left;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tnfi li .name {
width: 100%;
font-size: 1.5rem;
color: #16181a;
line-height: 2rem;
height: 4rem;
overflow: hidden;
margin-top: 2.25rem;
}
.tnfi li:hover {
background: #BCD6E7;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
box-shadow: 0 0 0.5rem 0.25rem rgb(255 255 255 / 20%);
}
.tnfi li:hover .img {
background: #EBEFF1;
}
.tnfi .link a:hover {
background: #004FA0;
}
.tninfo,
.tninfo ul {
width: 100%;
float: left;
}
.tninfo .tnname {
text-align: center;
font-size: 1.875rem;
line-height: 3rem;
margin: 2rem 0;
}
.tninfo ul {
margin-bottom: 5rem;
}
.tninfo li {
width: 31.3333%;
margin-left: 3%;
border: #83808B 1px solid;
padding: 2.5rem;
background: rgba(0, 0, 0, 0.2);
position: relative;
cursor: pointer;
overflow: hidden;
}
.tninfo li:nth-child(3n-2) {
margin-left: 0;
}
.tninfo li .box {
width: 100%;
float: left;
display: flex;
}
.tninfo li .num {
width: 6rem;
font-size: 3rem;
line-height: 4rem;
float: left;
color: #2b75ff;
overflow: hidden;
}
.tninfo li .text {
width: 100%;
float: left;
}
.tninfo li .text>div {
width: 100%;
float: left;
}
.tninfo li .name {
font-size: 1.5rem;
line-height: 3rem;
height: 3rem;
overflow: hidden;
}
.tninfo li .desc {
font-size: 1rem;
line-height: 1.875rem;
height: 3.75rem;
overflow: hidden;
}
.tninfo ul li:hover {
background: rgba(0, 0, 0, 0.5);
}
.tninfo ul li:hover .num {
opacity: 0;
transform: translateX(-100%);
width: 0;
}
.tnfthree {
width: 100%;
float: left;
margin-bottom: 4rem;
}
.tnfthree ul {
width: 100%;
float: left;
}
.tnfthree ul li {
width: 25.3333%;
margin-left: 12%;
height: 0;
padding-bottom: 25.3333%;
border: #626E76 1px solid;
text-align: center;
border-radius: 100%;
background: rgba(0, 0, 0, 0.2);
position: relative;
cursor: pointer;
overflow: hidden;
}
.tnfthree ul li:nth-child(3n-2) {
margin-left: 0;
}
.tnfthree ul li .box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
float: left;
padding: 0 20%;
}
.tnfthree ul li .box>div {
width: 100%;
float: left;
}
.tnfthree ul li .box .img {
width: 5.625rem;
height: 5.625rem;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.tnfthree ul li .img img {
width: 100%;
height: 100%;
float: left;
}
.tnfthree ul li .text {
margin-top: 2rem;
}
.tnfthree ul li .name {
font-size: 1.5rem;
line-height: 2rem;
border-bottom: #767D67 1px solid;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.tnfthree ul li .desc {
font-size: 1rem;
line-height: 1.5rem;
max-height: 6rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.tnfthree ul li:hover {
background: rgba(0, 0, 0, 0.5);
}
.tnfthree ul li:hover .img {
opacity: 0;
transform: translateY(100%) translate(-50%, 0);
height: 0;
}
.tnfthree ul li:hover .text {
margin-top: 0;
}
.sale,
.sale>div {
width: 100%;
float: left;
}
.sale>div {
padding: 6.25rem 0;
}
.sale>div:nth-last-child(1) {
padding: 6.25rem 0 15rem 0;
}
.sale>div.sale6 {
padding-bottom: 0;
}
.sale0,
.sale11,
.sale4,
.sale7 {
background: #F5F7FA;
}
.sale2 {
background: #1D8DD3;
}
.sale6 {
background: #182030;
}
.sale .title {
color: #16181a;
}
.sale .title,
.sale .title>div {
width: 100%;
float: left;
}
.sale .title .name {
font-size: 2.25rem;
line-height: 3rem;
}
.sale .title .desc {
font-size: 1rem;
line-height: 2rem;
color: #495770;
margin: 2rem 0;
}
.lsnum {
width: 100%;
float: left;
display: flex;
}
.lsnum>div {
width: 50%;
float: left;
}
.lsnum .toggle .img,
.lsnum .toggle img {
width: 100%;
float: left;
}
.lsnum .box {
padding-right: 5%;
}
.lsnum .toggle {
flex: 1;
}
.lsnum .toggle .img {
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.lsnum ul {
width: 100%;
margin-top: 3rem;
}
.lsnum li {
width: 29.3333%;
margin-left: 6%;
margin-bottom: 10%;
}
.lsnum li:nth-child(3n-2) {
margin-left: 0;
}
.lsnum li>div {
width: 100%;
float: left;
}
.lsnum .num {
font-size: 3rem;
line-height: 4rem;
color: #2bbeff;
height: 4rem;
overflow: hidden;
}
.lsnum .num font {
float: left;
}
.lsnum .num span {
float: left;
font-size: 2rem;
line-height: 5rem;
font-weight: bold;
left: initial;
transform: initial;
}
.lsnum.newClass20230307 .num {
display: flex;
align-items: flex-end;
}
.lsnum.newClass20230307 .num span {
float: initial;
font-size: 2rem;
line-height: 1;
font-weight: bold;
left: initial;
transform: initial;
}
.lsnum .num .before {
float: left;
font-size: 1rem;
line-height: 5.8rem;
font-weight: bold;
left: initial;
transform: initial;
-webkit-transform: initial;
-moz-transform: initial;
-ms-transform: initial;
-o-transform: initial;
}
.lsnum .num span.ti {
font-size: 1.5rem;
font-weight: initial;
}
.lsnum .num span::before {
top: 50%;
transform: translate(0, -50%);
}
.lsnum.newClass20230307 .num span::before {
top: 0%;
transform: translate(100%, -50%);
-webkit-transform: translate(100%, -50%);
-moz-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
}
.lsnum li:nth-child(1) .num span,
.lsnum li:nth-child(2) .num span {
padding-right: initial;
}
.lsnum li:nth-child(1) .num span::before,
.lsnum li:nth-child(2) .num span::before {
display: none;
}
.lsnum .name {
font-size: 1rem;
line-height: 1.5rem;
height: 4.5rem;
color: #495770;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.tnfe {
width: 100%;
float: left;
}
.tnfe .title {
text-align: center;
}
.tnfe ul {
width: 100%;
}
.tnfe li {
width: 22.75%;
margin-left: 3%;
margin-bottom: 3%;
border: #DDECF7 2px dashed;
overflow: hidden;
}
.tnfe li:nth-child(4n-3) {
margin-left: 0;
}
.tnfe .box {
width: 100%;
float: left;
text-align: center;
height: 0;
padding-bottom: 100%;
}
.tnfe .text {
width: 100%;
float: left;
position: relative;
top: 50%;
transform: translate(0, -50%);
padding-top: 100%;
}
.tnfe .text>div {
width: 100%;
float: left;
}
.tnfe .text .img img {
width: 7.5rem;
height: 7.5rem;
}
.tnfe .text .name {
font-size: 1.125rem;
color: #495770;
font-weight: bold;
line-height: 2rem;
margin: 2rem 0;
}
.tnfe .text .link a {
color: #007ac1;
font-size: 0.875rem;
line-height: 1.5rem;
position: relative;
padding-right: 0.75rem;
opacity: 0;
}
.tnfe .text .link a:before {
position: absolute;
content: ">";
top: 50%;
right: 0px;
transform: translate(0px, -50%);
font-family: 瀹嬩綋;
font-size: 0.75rem;
line-height: 1rem;
}
.tnfe li:hover {
border: #007AC1 2px dashed;
}
.tnfe li:hover .link a {
opacity: 1;
}
.croe,
.croe .box {
width: 100%;
float: left;
}
.croe .title {
text-align: center;
}
.croe .box {
margin-top: 2rem;
position: relative;
}
.croe .bgico {
width: 100%;
float: left;
}
.croe .bgimg {
width: 32.5rem;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.croe .bgimg img {
width: 100%;
float: left;
}
.croe .bgimg .text {
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
float: left;
color: #017AC1;
font-size: 1.25rem;
text-align: center;
font-weight: bold;
}
.croe .bgimg .text:before {
position: absolute;
content: '';
left: 50%;
bottom: -1rem;
transform: translate(-50%, 0);
width: 30%;
height: 3px;
background: #D92F35;
}
.croe .bgimg ul {
position: absolute;
width: 100%;
height: 100%;
float: left;
color: #fff;
}
.croe .bgimg li {
position: absolute;
width: 7rem;
height: 6rem;
overflow: hidden;
top: 25%;
left: 0;
}
.croe .bgimg li .img {
width: 4rem;
height: 4rem;
float: left;
overflow: hidden;
text-align: center;
margin: 0 1.5rem;
}
.croe .bgimg li .img img {
width: 100%;
}
.croe .bgimg li .name {
width: 100%;
height: 2rem;
line-height: 2rem;
font-size: 1.25rem;
text-align: center;
}
.croe .bgimg li:nth-child(1) {
left: 18%;
}
.croe .bgimg li:nth-child(2) {
left: 63%;
}
.croe .bgimg li:nth-child(3) {
top: 66%;
left: 40%;
}
.croe .boxsix {
width: 100%;
height: 100%;
float: left;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.croe .boxsixli {
float: left;
position: absolute;
left: 0;
width: 17.5rem;
height: 7.5rem;
background: #fff;
}
.croe .boxsixli .icob {
width: 7.5rem;
height: 7.5rem;
float: right;
background: #4CB3E1;
overflow: hidden;
border-radius: 100%;
position: absolute;
z-index: 1;
right: 0;
transform: translate(50%, 0);
box-shadow: 0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}
.croe .boxsixli .icob .ico {
width: 76%;
height: 76%;
float: left;
margin: 12%;
border-radius: 100%;
background: #fff;
text-align: center;
box-shadow: 0.15rem 0.15rem 0.5rem 0.15rem rgb(73 87 112 / 50%);
}
.croe .boxsixli .icob .ico img {
width: 5.625rem;
}
.croe .boxsixli .name {
width: 100%;
float: left;
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
overflow: hidden;
color: #495770;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.croe .boxsixli:nth-child(2n) {
left: initial;
right: 0;
padding-left: 4rem;
padding-right: 1rem;
background: linear-gradient(-45deg, transparent 2rem, #E0E2E4 0);
}
.croe .boxsixli:nth-child(2n) .icob {
left: 0;
transform: translate(-50%, 0);
box-shadow: -0.35rem 0rem 0.35rem 0.15rem rgb(73 87 112 / 20%);
}
.croe .boxsixli:nth-child(2n-1) {
padding-right: 4rem;
padding-left: 1rem;
background: linear-gradient(45deg, transparent 2rem, #E0E2E4 0);
}
.croe .boxsixli:nth-child(1),
.croe .boxsixli:nth-child(2) {
top: 0;
}
.croe .boxsixli:nth-child(3),
.croe .boxsixli:nth-child(4) {
top: 38%;
}
.croe .boxsixli:nth-child(5),
.croe .boxsixli:nth-child(6) {
top: 78%;
}
.croe .boxsixli:nth-child(2) .icob,
.croe .boxsixli:nth-child(3) .icob,
.croe .boxsixli:nth-child(6) .icob {
background: #057AC0;
}
.croe .box2 {
width: 100%;
float: left;
text-align: center;
margin-top: 2rem;
}
.fpcilist {
width: 100%;
float: left;
}
.fpcilist .title {
text-align: center;
color: #fff;
}
.fpcilist ul,
.fpcilist li>div,
.fpcilist li .text>div {
width: 100%;
float: left;
}
.fpcilist ul {
margin-top: 3rem;
}
.fpcilist li {
width: 23%;
margin-left: 2.6666%;
cursor: pointer;
}
.fpcilist li:nth-child(4n-3) {
margin-left: 0;
}
.fpcilist li .img {
width: 100%;
height: 0;
padding-bottom: 57%;
overflow: hidden;
}
.fpcilist li .img img {
width: 100%;
float: left;
object-fit: cover;
}
.fpcilist li .text {
background: #fff;
color: #16181a;
padding: 1.5rem;
}
.fpcilist li .name {
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
overflow: hidden;
}
.fpcilist li .desc {
font-size: 1rem;
color: #495770;
line-height: 1.5rem;
height: 3rem;
overflow: hidden;
margin-top: 1rem;
}
.fpcilist li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.fpcilist li:hover .name {
color: #1C8CD3;
}
.fpcilist li:hover .desc {
color: #666;
}
.fwlist {
width: 100%;
float: left;
}
.fwlist .title {
text-align: center;
}
.fwslide {
width: 100%;
float: left;
}
.fwslide .toggle {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.fwslide .pics {
width: 100%;
float: left;
overflow: hidden;
}
.fwslide .swiper-wrapper {
width: 100%;
float: left;
}
.fwslide .swiper-wrapper>div:nth-child(1) .fwnext,
.fwslide .swiper-wrapper>div:nth-child(5) .fwnext {
opacity: 0;
}
.fwslide .text {
width: 100%;
float: left;
text-align: center;
position: relative;
}
.fwslide .text>div {
width: 100%;
float: left;
}
.fwslide .text .img {
width: 4.375rem;
height: 4.375rem;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
border-radius: 100%;
border: #409BD1 1px solid;
}
.fwslide .text .img img {
width: 100%;
float: left;
}
.fwslide .text .name {
font-size: 1.5rem;
line-height: 2rem;
color: #16181a;
margin-top: 1rem;
}
.fwslide .text .desc {
font-size: 1rem;
line-height: 1.5rem;
height: 3rem;
overflow: hidden;
color: #495770;
margin-top: 3.5rem;
}
.fwslide .text .desc p {
line-height: initial !important;
}
.fwslide .text .rbg {
position: absolute;
bottom: 3rem;
height: 3.5rem;
}
.fwslide .text .rbg img {
float: left;
position: absolute;
right: calc(50% - 0.875rem);
top: 50%;
transform: translate(0%, -50%);
}
.fwslide .text .rbg:before {
position: absolute;
content: '';
left: 0;
top: 50%;
width: 100%;
float: left;
height: 1px;
background: #D9D9D9;
}
.fwslide .text .fwnext {
position: absolute;
left: 0;
top: 0;
float: right;
width: initial;
transform: translate(-50%, 0);
}
.fwslide .btn {
width: 3.125rem;
height: 3.125rem;
position: absolute;
top: calc(65% - 1.5625rem);
cursor: pointer;
position: absolute;
right: -4%;
}
.fwslide .btn.prev {
right: initial;
left: -4%;
}
.fwslide .btn.swiper-button-disabled {
opacity: 0.5;
}
.fwslide .btn.next:before {
position: absolute;
content: '';
right: 15%;
top: 45%;
width: 0;
height: 0;
border-right: 2px solid #7F8891;
border-top: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.fwslide .btn.prev:before {
position: absolute;
content: '';
left: 55%;
top: 43%;
width: 0;
height: 0;
border-left: 2px solid #7F8891;
border-bottom: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.llrck {
width: 100%;
float: left;
}
.llrck .title {
text-align: center;
}
.llinfo {
width: 100%;
float: left;
margin-top: 3rem;
}
.llinfo>div {
width: 100%;
float: left;
}
.llinfo .box {
width: 20%;
float: right;
overflow: hidden;
overflow-y: auto;
padding-right: 0.3125rem;
}
.llinfo .box ul,
.llinfo .box li {
width: 100%;
}
.llinfo .box ul {
height: 100%;
position: relative;
}
.llinfo .box li {
line-height: 3.75rem;
position: relative;
z-index: 1;
}
.llinfo .box li .name {
width: 100%;
height: 3.75rem;
line-height: 3.75rem;
font-size: 1.125rem;
padding: 0 1.5rem;
float: left;
overflow: hidden;
position: relative;
z-index: 1;
border-bottom: #DCDCDC 1px solid;
cursor: pointer;
}
.llinfo .box li .name:before {
position: absolute;
content: '';
left: 0.5rem;
top: 50%;
width: 0;
height: 0;
border-right: 1px solid #D70008;
border-top: 1px solid #D70008;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.llinfo .box li .subname {
width: 100%;
float: left;
background: #FAFAFA;
padding: 1rem 1.5rem;
display: none;
}
.llinfo .box li .subname p {
display: inline-block;
width: 100%;
float: left;
height: 2rem;
line-height: 2rem;
color: #495770;
}
.llinfo .box .line {
position: absolute;
height: 3.75rem;
background: url(../images/product-list-bg.jpg);
background-size: 100% 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.llinfo .box li:hover .name,
.llinfo .box li.active .name {
font-weight: bold;
}
.llinfo .toggle {
float: left;
width: 77.15%;
margin-bottom: 2rem;
}
.llinfo .toggle ul {
display: none;
width: 100%;
float: left;
}
.llinfo .toggle li {
width: 100%;
float: left;
background: #fff;
}
.llinfo .toggle li>div {
width: 100%;
float: left;
}
.llinfo .toggle li .name {
height: 3.75rem;
line-height: 3.75rem;
overflow: hidden;
color: #495770;
font-size: 1rem;
padding: 0 1.875rem;
border-bottom: #F5F7FA 1px solid;
position: relative;
cursor: pointer;
}
.llinfo .toggle li .name:before {
position: absolute;
content: '';
right: 2%;
top: 50%;
width: 0;
height: 0;
border-right: 1px solid #333;
border-top: 1px solid #333;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.llinfo .toggle li .desc {
background: #E9ECF0;
padding: 2rem 1.875rem;
line-height: 2rem;
font-size: 1rem;
color: #495770;
display: none;
}
.llinfo .toggle li .desc p {
line-height: initial !important;
}
.llinfo .toggle ul.on {
display: inline-block;
}
.llinfo .toggle ul.on li.on .name {
background: #007AC1;
color: #fff;
}
.llinfo .toggle ul.on li.on .name:before {
transform: rotate(135deg) translate(0%, 50%);
-webkit-transform: rotate(135deg) translate(0%, 50%);
-moz-transform: rotate(135deg) translate(0%, 50%);
-ms-transform: rotate(135deg) translate(0%, 50%);
-o-transform: rotate(135deg) translate(0%, 50%);
border-right: 1px solid #fff;
border-top: 1px solid #fff;
}
.llpage {
margin-top: 2rem;
}
.gzsearch .title {
text-align: center;
}
.gzsearch,
.gzform {
width: 100%;
float: left;
}
.gzform {
width: 50%;
margin: 0 25%;
margin-top: 1rem;
}
.gzform .input {
width: 100%;
height: 3.75rem;
float: left;
background: #F5F7FA;
display: flex;
color: #495770;
font-size: 1rem;
line-height: 3.75rem;
}
.gzform .input>input {
height: 100%;
float: left;
}
.gzform .gztext {
flex: 1;
padding: 0 1.5rem;
}
.gzform .gzgo {
background: #007AC1;
width: 8.25rem;
color: #fff;
cursor: pointer;
}
.gzform .gzinfo {
margin-top: 4rem;
}
.gzform .gzinfo,
.gzform .gzname {
width: 100%;
float: left;
}
.gzform .gzname {
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
color: #16181a;
margin-bottom: 2rem;
}
.gzinfo .gzbe {
width: 100%;
float: left;
display: flex;
margin: 1rem 0;
font-size: 1rem;
color: #495770;
}
.gzinfo .gzbe .lico {
width: 3rem;
height: 2rem;
float: left;
margin-right: 1rem;
color: #fff;
background: linear-gradient(-60deg, transparent 1rem, #D10011 0);
text-indent: 0.5rem;
line-height: 2rem;
}
.gzinfo .gzbe .name {
flex: 1;
line-height: 2rem;
}
.gzinfo .gzf .lico {
background: linear-gradient(-60deg, transparent 1rem, #282828 0);
}
.mhbx {
width: 100%;
float: left;
color: #fff;
}
.mhbx .title {
text-align: center;
color: #fff;
}
.mhbx .box {
width: 100%;
float: left;
margin-top: 3rem;
}
.mhbx .box .img {
width: 54%;
float: right;
}
.mhbx .box .text {
width: 40%;
float: left;
}
.mhbx .mhname,
.mhbx .mhname .img {
width: 100%;
float: left;
}
.mhbx .mhname {
position: relative;
}
.mhbx .code {
position: absolute;
left: 3.25rem;
top: 1rem;
width: 8rem;
height: 8rem;
float: left;
z-index: 1;
}
.mhbx .code .iname {
width: 100%;
float: left;
text-align: center;
margin-top: 0.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
}
.mhbx .rtn {
width: 100%;
float: left;
margin-top: 1rem;
color: #52565F;
font-size: 1.5rem;
line-height: 2.5rem;
text-align: right;
}
.mhbx .box {
display: flex;
}
.mhbx ul,
.mhbx li {
width: 100%;
}
.mhbx .text ul {
height: 26.875rem;
overflow-x: hidden;
overflow-y: auto;
margin-top: 1rem;
border-top: #28404F 1px solid;
}
.mhbx .text li {
border-bottom: #28404F 1px solid;
cursor: pointer;
}
.mhbx .text li>div {
width: 100%;
float: left;
padding-left: 3rem;
}
.mhbx .text li .name {
height: 4.5rem;
line-height: 4.5rem;
font-size: 1.5rem;
position: relative;
}
.mhbx .text li .name font {
position: absolute;
left: 0;
color: #143D60;
font-size: 1.875rem;
font-family: 'Arial';
font-style: oblique;
font-weight: bold;
}
.mhbx .text li .desc {
width: 100%;
font-size: 1rem;
line-height: 1.5rem;
color: #A8A9AD;
padding: 0rem 0 1.5rem 3rem;
display: none;
}
.mhbx .text li.on {
border-bottom: #057AC0 1px solid;
}
.mhbx .box>.img {
flex: 1;
position: relative;
height: 38.5rem;
}
.mhbx .img ul {
width: 100%;
float: right;
height: 100%;
overflow: hidden;
}
.mhbx .img li {
width: 90%;
height: 100%;
float: right;
position: absolute;
display: none;
text-align: center;
}
.mhbx .img li.on img {
height: 100%;
object-fit: cover;
}
.mhbx .img li.on {
display: inline-block;
position: initial;
}
.tstj {
width: 100%;
float: left;
}
.tstj .title {
text-align: center;
}
.tstj .box,
.tstj .box>div {
width: 100%;
float: left;
}
.tstj .tsname {
font-size: 1.5rem;
color: #16181a;
line-height: 2rem;
}
.tstj .tsform {
margin-top: 2rem;
}
.tstj .tsinput {
width: 48%;
float: left;
margin-left: 4%;
margin-bottom: 4%;
position: relative;
}
.tstj .tsinput:nth-child(2n-1) {
margin-left: 0;
}
.tstj .tsinput.area {
width: 100%;
margin-left: 0;
}
.tstj .tsinput .tsdiv,
.tstj .tsinput input,
.tstj .tsinput textarea {
width: 100%;
float: left;
height: 3rem;
line-height: 3rem;
font-size: 1rem;
color: #6f7276;
border-bottom: #DCDCDC 1px solid;
padding: 0 1rem;
outline: none;
-webkit-appearance: none;
}
.tstj .tsinput.area textarea {
height: 4rem;
line-height: 2rem;
resize: none;
}
.tstj .tsinput.area2 textarea {
height: 4rem;
line-height: 2rem;
resize: none;
}
.tstj .tsinput .name {
width: 100%;
float: left;
color: #6F7276;
font-size: 1rem;
line-height: 3rem;
margin: 0 1rem;
position: absolute;
}
.tstj .tsinput.area .name {
position: initial;
}
.tstj .tsinput font {
color: #D9252C;
}
.tstj .tsinput ul {
display: none;
}
.tstj .tsdiv,
.tstj input {
position: relative;
padding: 0 1rem;
}
.tstj .tssort,
.tstj .tsinput .tsdiv {
position: relative;
cursor: pointer;
}
.tstj .tssort:before,
.tstj .tsinput .tsdiv:before {
position: absolute;
content: '';
right: 1rem;
top: 43%;
width: 0;
height: 0;
border-right: 1px solid #333;
border-top: 1px solid #333;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.tstj .tsxl.on .tssort,
.tstj .tsipt.on .tsdiv {
border: #51A4D5 1px solid;
}
.tstj .tsxl.on .tssort:before,
.tstj .tsipt.on .tsdiv:before {
transform: rotate(135deg) translate(0%, 50%);
-webkit-transform: rotate(135deg) translate(0%, 50%);
-moz-transform: rotate(135deg) translate(0%, 50%);
-ms-transform: rotate(135deg) translate(0%, 50%);
-o-transform: rotate(135deg) translate(0%, 50%);
}
.tstj .tsxl ul,
.tstj .tsipt ul {
position: absolute;
top: 100%;
left: 0;
width: 100%;
float: left;
background: #51A4D5;
color: #fff;
z-index: 1;
line-height: 3rem;
font-size: 1rem;
}
.tstj .tsxl li,
.tstj .tsipt li {
width: 100%;
float: left;
padding: 0 1rem;
cursor: pointer;
}
.tstj .tsxl .s1 li {
line-height: 2.5rem;
}
.tstj .tsxl .s2 li {
line-height: 2rem;
}
.tstj .tsxl li:hover,
.tstj .tsipt li:hover {
background: #75B7DD
}
.tstj .tsxl ul .s1,
.tstj .tsxl ul .s2 {
width: 100%;
float: left;
padding: 0 1.25rem;
display: none;
}
.tstj .tsxl ul .hide {
display: flex;
}
.tstj .tsxl ul .hide span {
flex: 1;
}
.tstj .tsxl ul .hide font {
display: inline-block;
width: 3rem;
text-align: center;
float: right;
font-family: '瀹嬩綋';
color: #fff;
transform: rotate(0deg);
}
.tstj .tsxl ul .hide.on font {
transform: rotate(90deg);
}
.tstj .tsxl ul .hide.nosub font {
display: none;
}
.tstj .tsxl ul.cityh {
max-height: 21rem;
overflow-x: hidden;
overflow-y: auto;
}
.tstj .tsxl ul.cityh li {
line-height: 2.5rem;
}
.tstj .tsxl ul.cityh li span {
display: inline-block;
width: 100%;
height: 100%;
float: left;
}
.tstj .tsinput .tsipt {
width: 48%;
float: left;
margin-left: 4%;
position: relative;
}
.tstj .tsinput .tsipt:nth-child(2n-1) {
margin-left: 0;
}
.tstj .childipt.active .name {
opacity: 0;
}
.tssubmit {
width: 100%;
float: left;
text-align: center;
margin-top: 2rem;
}
.tssubmit input {
color: #fff;
width: 10rem;
height: 3rem;
line-height: 3rem;
border-radius: 0.25rem;
background: #007AC1;
cursor: pointer;
}
.tssubmit input:hover {
background: #006DA5;
}
.servicelist,
.servicelist>div {
width: 100%;
float: left;
}
.servicelist>div {
padding: 6.25rem 0;
}
.servicelist .title {
font-size: 2.25rem;
color: #16181a;
line-height: 3rem;
}
.serteam .img {
width: 45%;
float: right;
}
.serteam .img img {
width: 100%;
float: left;
margin-top: 1.25rem;
}
.serteam .img img:nth-child(1) {
margin-top: 0;
}
.serteam .text {
width: 50%;
float: left;
}
.serteam .info {
width: 100%;
float: left;
margin-top: 2.5rem;
line-height: 2rem;
}
.serteam .info>div {
width: 100%;
float: left;
}
.serteam .info .name {
color: #afb4b6;
font-size: 1rem;
line-height: 2rem;
}
.serteam .info .desc {
color: #495770;
font-size: 1rem;
line-height: 2rem;
}
.serhorno {
width: 100%;
float: left;
background: #F5F7FA;
}
.shornoslide {
width: 100%;
float: left;
}
.shornoslide .toggle {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.shornoslide .pics {
width: 100%;
float: left;
overflow: hidden;
}
.shornoslide .swiper-wrapper {
width: 100%;
float: left;
}
.shornoslide .swiper-slide {
float: left;
padding: 0 1.5rem;
}
.shornoslide .img {
width: 100%;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
border: #E6E6E6 3px solid;
overflow: hidden;
cursor: pointer;
}
.shornoslide .img img {
width: 100%;
float: left;
}
.shornoslide .name {
width: 100%;
float: left;
font-size: 1rem;
line-height: 2rem;
color: #495770;
margin-top: 1rem;
text-align: center;
}
.shornoslide .btn {
width: 3.125rem;
height: 3.125rem;
position: absolute;
top: calc(45% - 1.5625rem);
cursor: pointer;
position: absolute;
right: -4%;
}
.shornoslide .btn.prev {
right: initial;
left: -4%;
}
.shornoslide .btn.swiper-button-disabled {
opacity: 0.5;
}
.shornoslide .btn.next:before {
position: absolute;
content: '';
right: 15%;
top: 45%;
width: 0;
height: 0;
border-right: 2px solid #7F8891;
border-top: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.shornoslide .btn.prev:before {
position: absolute;
content: '';
left: 55%;
top: 43%;
width: 0;
height: 0;
border-left: 2px solid #7F8891;
border-bottom: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.shornoslide .swiper-slide:hover .img {
border: #76B1D4 3px solid;
}
.shornoslide .swiper-slide:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.serbuy {
width: 100%;
float: left;
background: url(../images/serbuy.jpg);
background-size: 100% 100%;
}
.serbuy .link {
width: 100%;
float: left;
text-align: center;
margin-bottom: 6.25rem;
}
.serbuy .link a {
display: inline-block;
color: #fff;
width: 10rem;
height: 3rem;
line-height: 3rem;
border-radius: 0.25rem;
background: #007AC1;
cursor: pointer;
}
.serbuy .link a:hover {
background: #006DA5;
}
.serito,
.serito>div,
.serito .title,
.serito .title>div {
width: 100%;
float: left;
}
.serito>div {
padding: 6.25rem 0;
position: relative;
}
.serito .title {
text-align: center;
color: #16181a;
}
.serito .title .name {
font-size: 2.25rem;
line-height: 4rem;
}
.serito .title .desc {
font-size: 1rem;
line-height: 2rem;
color: #495770;
margin: 3rem 0;
}
.itoplan {
background: #F5F7FA;
}
.tnfi.itoplan li {
background: #fff;
}
.tnfi li:hover .img {
background: #F5F7FA;
}
.serito .txl {
padding: 0;
position: relative;
}
.txl .img,
.txl .img img {
width: 100%;
float: left;
}
.txl .text {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
color: #fff;
height: 100%;
overflow: hidden;
}
.txl .box {
width: 35%;
float: left;
text-align: left;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.txl .box>div {
width: 100%;
float: left;
}
.txl .title {
text-align: left;
}
.txl .title .name {
color: #fff;
}
.txl .txname {
font-size: 1.875rem;
line-height: 2.5rem;
margin-top: 2rem;
}
.txl .txdesc {
font-size: 1rem;
line-height: 2rem;
margin-top: 1rem;
}
.txl .txlink {
margin-top: 3rem;
}
.txl .txlink a {
display: inline-block;
padding: 0 1rem;
height: 3.75rem;
background: #fff;
border-radius: 3.75rem;
position: relative;
color: #000;
font-size: 1.25rem;
line-height: 3.75rem;
font-weight: bold;
}
.txl .txlink a img {
height: 66%;
float: left;
margin-right: 0.5rem;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.tmes .info {
width: 100%;
float: left;
position: relative;
margin-top: 2rem;
}
.tmes .img {
width: 50%;
float: left;
text-align: center;
}
.tmes .img img {
float: left;
}
.tmes ul {
width: 25%;
float: left;
}
.tmes li {
width: 100%;
float: left;
display: flex;
margin-bottom: 2.5rem;
}
.tmes li .num {
width: 1.875rem;
height: 1.4375rem;
float: left;
background: url(../images/itonum.png);
background-size: 100% 100%;
text-indent: 0.5rem;
line-height: 1.4375rem;
color: #fff;
font-style: italic;
font-weight: bold;
margin-right: 1rem;
}
.tmes li .text {
flex: 1;
}
.tmes li .text>div {
width: 100%;
float: left;
}
.tmes li .name {
color: #16181a;
font-size: 1.5rem;
line-height: 2rem;
}
.tmes li .desc {
margin-top: 1rem;
color: #495770;
font-size: 1rem;
line-height: 1.5rem;
}
.fmcs {
background: #238FD4;
color: #fff;
}
.fmcs .title {
color: #fff;
}
.fmcs .title .desc {
color: #fff;
}
.fmcs ul {
width: 100%;
float: left;
margin-top: 2rem;
}
.fmcs li {
width: 16%;
float: left;
margin-left: 5%;
cursor: pointer;
margin-bottom: 0;
}
.fmcs li:nth-child(5n-4) {
margin-left: 0;
}
.fmcs li:nth-child(-n+5) {
margin-bottom: 5%;
}
.fmcs li .img {
width: 7.5rem;
height: 7.5rem;
border: #fff 1px solid;
border-radius: 100%;
overflow: hidden;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.fmcs li .img img {
width: 100%;
float: left;
}
.fmcs li .name {
width: 100%;
float: left;
margin-top: 1rem;
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
height: 6rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.fmcs li:hover .img {
background: #6B97C0;
transform: translate(-50%, 0) rotateY(180deg);
}
.serito .ems {
padding: 6.25rem 0 15rem 0;
}
.ems .box {
width: 50%;
float: right;
}
.ems .box .img,
.ems .box .img img {
width: 100%;
float: left;
}
.ems .toggle {
width: 45%;
float: left;
}
.ems .title {
text-align: left;
}
.about,
.about>div,
.about>.w1400>div {
width: 100%;
float: left;
}
.about>div {
padding: 6.25rem 0;
}
.about .title {
width: 100%;
float: left;
text-align: center;
}
.about .title>div {
width: 100%;
float: left;
}
.about .title .name {
font-size: 2.25rem;
line-height: 4rem;
color: #16181a;
}
.about .title .desc {
font-size: 1rem;
line-height: 2rem;
color: #fff;
}
.aboutview,
.aboutview .info {
width: 100%;
float: left;
}
.aboutview .info {
margin-top: 3rem;
}
.aboutview .box {
width: 42%;
float: left;
}
.aboutview .box .img,
.aboutview .box .img img {
width: 100%;
float: left;
}
.aboutview .toggle {
width: 53%;
float: right;
}
.aboutview .box ul {
width: 100%;
float: left;
position: relative;
z-index: 1;
margin-top: 2rem;
}
.aboutview .box li {
width: 33.3333%;
float: left;
}
.aboutview .box li>div {
width: 100%;
float: left;
}
.aboutview .box li .num {
font-size: 3rem;
line-height: 4rem;
color: #d70008;
text-align: center;
}
.aboutview .box li .num span {
left: 50%;
transform: translate(-50%, 0);
font-size: 2.5rem;
height: 3.5rem;
}
.aboutview .box li .num font {
position: relative;
padding-right: 2rem;
}
.aboutview .box li .num font:before {
position: absolute;
content: '+';
right: 0;
top: 0;
font-size: 2.5rem;
font-weight: bold;
}
.aboutview .box li .name {
font-size: 1rem;
line-height: 1.5rem;
color: #333;
text-align: center;
}
.newClass20230307 .box li .num span {
left: 0%;
transform: translate(0%, 0);
}
.newClass20230307 .box li .num .before {
line-height: 1;
font-size: 1.25rem;
margin-right: 6px;
font-weight: 700;
}
.aboutview .toggle {
color: #495770;
font-size: 1rem;
line-height: 1.875rem;
}
.about .sovideo {
padding: 0;
}
.aboutculture {
width: 100%;
float: left;
}
.aboutculture .title {
text-align: left;
}
.aboutculture .box {
width: 34%;
float: left;
}
.aboutculture ul,
.aboutculture li {
width: 100%;
float: left;
}
.aboutculture ul {
margin-top: 3rem;
}
.aboutculture li {
margin-bottom: 1rem;
position: relative;
}
.aboutculture li .img {
width: 6.25rem;
height: 6.25rem;
border: #E5E5E5 1px solid;
overflow: hidden;
background: #fff;
border-radius: 100%;
float: left;
}
.aboutculture li .title {
top: 50%;
right: 0;
width: 100%;
float: left;
padding-left: 7.75rem;
transform: translate(0, -50%);
position: absolute;
}
.aboutculture li .title>div {
width: 100%;
float: left;
}
.aboutculture li .title .name {
font-size: 1.125rem;
line-height: 2rem;
font-weight: bold;
color: #16181a;
}
.aboutculture li .title .desc {
font-size: 1rem;
line-height: 2rem;
color: #495770;
}
.aboutculture .toggle {
width: 61%;
float: right;
}
.about .about2 {
position: relative;
padding: 0;
color: #fff;
background-size: 100% 100% !important;
}
.about2 .title .name {
color: #fff;
text-align: left;
}
.aboutdepa {
width: 100%;
float: left;
height: 100%;
padding: 6.25rem 0;
}
.yearswiper {
width: 100%;
height: 17.5rem;
float: left;
margin-top: 4rem;
overflow: hidden;
border-left: #4579AD 1px solid;
}
.yearswiper .swiper-wrapper {
width: 5rem;
height: 100%;
float: left;
}
.yearswiper .swiper-slide {
width: 100%;
float: left;
height: 10%;
line-height: 2.1875rem;
}
.yearswiper .swiper-slide .box {
width: 100%;
height: 2.1875rem;
float: left;
overflow: hidden;
text-align: center;
color: #4579AD;
font-size: 1rem;
cursor: pointer;
}
.yearswiper .yearsinfo {
position: relative;
width: calc(100% - 8rem);
padding-right: 4%;
float: right;
height: 100%;
}
.yearswiper .toggle {
width: 100%;
display: none;
}
.yearswiper .toggle>div {
max-width: 50%;
float: left;
margin-right: 3rem;
}
.yearswiper .toggle .img img {
height: 100%;
float: left;
object-fit: cover;
}
.yearswiper .toggle .text {
flex: 1;
float: right;
}
.yearswiper .toggle .text>div {
width: 100%;
float: left;
}
.yearswiper .toggle .text .date {
font-size: 2.5rem;
line-height: 3rem;
}
.yearswiper .toggle .text .name {
font-size: 1.5rem;
line-height: 2rem;
max-height: 4rem;
overflow: hidden;
margin-top: 0.5rem;
}
.yearswiper .toggle .text .desc {
font-size: 1rem;
line-height: 2rem;
max-height: 11rem;
overflow-x: hidden;
overflow-y: auto;
margin-top: 1rem;
}
.yearswiper .toggle .text .desc::-webkit-scrollbar {
width: 10px;
}
.yearswiper .toggle .text .desc::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #fff;
}
.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb {
background: #fff;
-webkit-box-shadow: inset 0 0 6px #fff;
}
.yearswiper .toggle .text .desc::-webkit-scrollbar-thumb:window-inactive {
background: #fff;
}
.yearswiper .swiper-slide.on .box {
border-left: #fff 2px solid;
color: #fff;
}
.yearswiper .yearsinfo .toggle.on {
display: flex;
}
.abouthonor ul {
width: 100%;
float: left;
position: relative;
z-index: 1;
margin-top: 2rem;
border-bottom: #DCDCDC 1px solid;
padding-bottom: 2rem;
}
.abouthonor li {
width: 25%;
float: left;
text-align: center;
}
.abouthonor li>div {
width: 100%;
float: left;
}
.abouthonor li .num {
font-size: 3rem;
line-height: 4rem;
color: #d70008;
}
.abouthonor li .num font {
position: relative;
padding-right: 2rem;
}
.abouthonor li .num font:before {
position: absolute;
content: '+';
right: 0;
top: 0;
font-size: 2.5rem;
font-weight: bold;
}
.abouthonor li .name {
font-size: 1rem;
line-height: 1.5rem;
color: #333;
}
.abouthonor .toggle {
color: #495770;
font-size: 1rem;
line-height: 1.875rem;
}
.abtslidelist {
width: 100%;
float: left;
}
.abtslidelist .toggle {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.abtslidelist .pics {
width: 100%;
float: left;
overflow: hidden;
}
.abtslidelist .swiper-wrapper {
width: 100%;
float: left;
}
.abtslidelist .swiper-slide {
float: left;
padding: 0 1.5rem;
}
.abtslidelist .img {
width: 100%;
height: 0;
padding-bottom: 66.6666%;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
overflow: hidden;
cursor: pointer;
}
.abtslidelist .img img {
width: 100%;
float: left;
object-fit: cover;
}
.abtslidelist .name {
width: 100%;
float: left;
font-size: 1rem;
line-height: 2rem;
color: #495770;
margin-top: 1rem;
text-align: center;
}
.abtslidelist .btn {
width: 3.125rem;
height: 3.125rem;
position: absolute;
top: calc(45% - 1.5625rem);
cursor: pointer;
position: absolute;
right: -4%;
}
.abtslidelist .btn.prev {
right: initial;
left: -4%;
}
.abtslidelist .btn.swiper-button-disabled {
opacity: 0.5;
}
.abtslidelist .btn.next:before {
position: absolute;
content: '';
right: 15%;
top: 45%;
width: 0;
height: 0;
border-right: 2px solid #7F8891;
border-top: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.abtslidelist .btn.prev:before {
position: absolute;
content: '';
left: 55%;
top: 43%;
width: 0;
height: 0;
border-left: 2px solid #7F8891;
border-bottom: 2px solid #7F8891;
height: 1.5rem;
width: 1.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.abtslidelist .swiper-slide:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.about .about4 {
background: #167BC0;
background: linear-gradient(#3298D2, #167BC0);
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.about .about4:before {
position: absolute;
content: '';
left: -20%;
top: -80%;
transform: rotate(-30deg);
width: 0;
height: 0;
border-left: 20rem solid transparent;
border-right: 20rem solid transparent;
border-bottom: 200rem solid rgb(255, 255, 255, 0.05);
}
.about .about4:after {
position: absolute;
content: '';
left: 10%;
top: -80%;
transform: rotate(-50deg);
width: 0;
height: 0;
border-left: 20rem solid transparent;
border-right: 20rem solid transparent;
border-bottom: 200rem solid rgb(255, 255, 255, 0.05);
}
.aboutbase {
width: 100%;
float: left;
}
.aboutbase .title .name {
color: #fff;
}
.aboutbase .abtbaseimg {
width: 100%;
float: left;
text-align: center;
margin: 3rem 0;
}
.abtb,
.abtb .swiper-wrapper,
.abtb .swiper-slide {
width: 100%;
float: left;
}
.abtb {
overflow: hidden;
position: relative;
}
.abtb .swiper-slide {
background: #E4EAF0;
cursor: pointer;
}
.abtb .toggle {
float: right;
width: 55%;
}
.abtb .toggle img {
width: 100%;
float: left;
}
.abtb .box {
width: 45%;
float: left;
padding: 3rem;
}
.abtb .box>div {
width: 100%;
float: left;
}
.abtb .box .name {
font-size: 1.875rem;
line-height: 3rem;
color: #16181a;
margin-top: 2rem;
}
.abtb .box .desc {
font-size: 1rem;
line-height: 2rem;
height: 14rem;
overflow: hidden;
color: #666;
margin-top: 2rem;
}
.abtb .btn {
position: absolute;
left: 3rem;
bottom: 3rem;
width: 2.5rem;
height: 2.5rem;
border: #D5D7DA 1px solid;
background: #fff;
z-index: 1;
border-radius: 0.25rem;
cursor: pointer;
}
.abtb .btn.next {
left: 6rem;
}
.abtb .btn:before {
position: absolute;
content: '';
left: 55%;
top: 45%;
width: 0;
height: 0;
border-left: 2px solid #7F8891;
border-bottom: 2px solid #7F8891;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.abtb .btn.next:before {
left: 40%;
border-right: 2px solid #7F8891;
border-top: 2px solid #7F8891;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.abtb .btn:hover,
.abtb .btn.swiper-button-disabled {
background: #ccc
}
.about .about5 {
width: 100%;
float: left;
}
.aboutnews .title .name {
float: left;
width: initial;
}
.aboutnews .title .more {
float: right;
width: initial;
line-height: 4rem;
font-size: 0.875rem;
}
.aboutnews .title .more a {
color: #1482C5;
position: relative;
padding-right: 1rem;
}
.aboutnews .title .more a:before {
position: absolute;
content: '';
right: 0;
top: 45%;
width: 0;
height: 0;
border-right: 2px solid #1482C5;
border-top: 2px solid #1482C5;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.aboutnews .info {
margin-top: 2rem;
}
.aboutnews .info,
.aboutnews ul {
width: 100%;
float: left;
}
.aboutnews li {
width: 32.3333%;
margin-left: 1.5%;
}
.aboutnews li:nth-child(3n-2) {
margin-left: 0;
}
.aboutnews li>div,
.aboutnews li .img,
.aboutnews li .img img,
.aboutnews li .text>div {
width: 100%;
float: left;
}
.aboutnews li .img {
cursor: pointer;
overflow: hidden;
}
.aboutnews li .img {
height: 0;
padding-bottom: 66.6666%;
position: relative;
}
.aboutnews li .img a {
display: inline-block;
width: 100%;
float: left;
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 100%;
}
.aboutnews li .img img {
height: 100%;
min-width: 100%;
width: auto;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.aboutnews li .text {
background: #F5F7FA;
padding: 1.625rem;
}
.aboutnews li .name {
font-size: 1.125rem;
color: #333;
line-height: 1.5rem;
height: 3rem;
font-weight: bold;
overflow: hidden;
}
.aboutnews li .time {
font-size: 0.875rem;
color: #969696;
line-height: 1rem;
height: 1rem;
overflow: hidden;
margin-top: 2rem;
}
.aboutnews li .time font {
display: inline-block;
float: left;
position: relative;
padding: 0 0.5rem;
}
.aboutnews li .time font:before {
position: absolute;
content: '';
width: 1px;
height: 60%;
top: 25%;
left: 0;
background: #969696;
}
.aboutnews li .time font:nth-child(1) {
padding-left: 0;
}
.aboutnews li .time font:nth-child(1)::before {
display: none;
}
.aboutnews li .time .sort {
color: #E83F4A;
}
.aboutnews li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05) translate(-50%, 0);
-moz-transform: scale(1.05) translate(-50%, 0);
-ms-transform: scale(1.05) translate(-50%, 0);
-o-transform: scale(1.05) translate(-50%, 0);
}
.about .about6 {
padding-bottom: 15rem;
background: #F6F7FB url(/phone/images/about9.jpg);
background-position: right bottom;
background-size: 100% 100%;
}
.about6 .title {
text-align: left;
}
.aboutcoop,
.aboutcoop>div {
width: 100%;
float: left;
}
.aboutcoop .text {
margin-top: 3rem;
height: 28.875rem;
}
.aboutcoop .toggle {
width: 43%;
float: left;
background: #fff;
padding: 3rem;
}
.aboutcoop .toggle>div,
.aboutcoop .box>div {
width: 100%;
float: left;
}
.aboutcoop .toggle .name {
font-size: 1.5rem;
color: #007ac1;
line-height: 3rem;
}
.aboutcoop .toggle .link {
margin-top: 1rem;
}
.aboutcoop .toggle .link p {
line-height: 2rem;
margin: 0.5rem 0;
color: #495770;
display: flex;
}
.aboutcoop .toggle .link p img {
width: 8rem;
float: left;
margin-left: 1rem;
}
.aboutcoop .toggle .link p font {
width: 1rem;
display: inline-block;
float: left;
color: #007AC1;
line-height: 2rem;
padding-right: 1rem;
}
.aboutcoop .toggle .link p span {
flex: 1
}
.aboutcoop .box {
width: 50%;
float: right;
height: 100%;
overflow: hidden;
overflow-y: auto;
padding-right: 2rem;
}
.aboutcoop .box .name {
font-size: 1.875rem;
color: #d70008;
line-height: 2rem;
}
.aboutcoop .box .sname {
font-size: 1.5rem;
color: #16181a;
line-height: 2rem;
margin-top: 1rem;
margin-bottom: 1.75rem;
}
.aboutcoop .box .desc {
line-height: 1.875rem;
color: #495770;
font-size: 1rem;
}
.aboutcoop .box::-webkit-scrollbar {
width: 5px;
}
.aboutcoop .box::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}
.aboutcoop .box::-webkit-scrollbar-thumb {
background: #007AC1;
-webkit-box-shadow: inset 0 0 6px #007AC1;
opacity: 1
}
.aboutcoop .box::-webkit-scrollbar-thumb:window-inactive {
background: #D4D9E0;
}
.contact,
.contact>div {
width: 100%;
float: left;
}
.contact>div {
padding: 6.25rem 0;
}
.contact .cont2 {
padding-bottom: 0;
}
.contact .cont3 {
background: #F5F7FA;
padding-bottom: 0;
}
.contact .title,
.contact .title>div {
width: 100%;
float: left;
}
.contact .title .name {
font-size: 2.25rem;
line-height: 3rem;
color: #16181a;
}
.contact .cont1 {
padding-bottom: 0;
}
.lithree {
margin-top: 3rem;
width: 67%;
float: left;
}
.lithree ul {
width: 100%;
float: left;
display: flex;
}
.lithree li {
flex: 1;
width: 33.3333%;
border-right: #DCDCDC 1px solid;
line-height: 1.5rem;
color: #495770;
font-size: 1rem;
padding: 0 1.875rem;
}
.lithree li p {
margin: 0.5rem 0;
}
.contqrcode {
margin-top: 3rem;
width: 33%;
float: left;
padding: 0 3rem;
line-height: 2.25rem;
color: #495770;
font-size: 1rem;
}
.contqrcode img {
float: left;
margin-top: 1rem;
width: 7.5rem;
height: 7.5rem;
}
.contmap {
margin-top: 3rem;
}
.contmap,
.contmap>div {
width: 100%;
float: left;
}
.contmap #cmap {
height: 21.875rem;
}
#cmap img {
max-width: none;
}
.sixlicard,
.sixlicard ul {
width: 100%;
float: left;
}
.sixlicard {
margin-top: 3rem;
}
.sixlicard.active {}
.sixlicard.active ul {
height: 22.5rem;
}
.sixlicard li {
width: 32.3333%;
height: 10.625rem;
background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
margin-left: 1.5%;
margin-top: 1rem;
}
.sixlicard li:nth-child(-n + 3) {
margin-top: 0;
}
.sixlicard li:nth-child(3n-2) {
margin-left: 0;
}
.sixlicard .text {
padding: 1.875rem;
}
.sixlicard .text,
.sixlicard .text>div {
width: 100%;
float: left;
}
.sixlicard .name {
font-size: 1.125rem;
color: #333;
font-weight: bold;
}
.sixlicard .desc {
margin-top: 2rem;
font-size: 1rem;
color: #495770;
line-height: 1.5rem;
height: 1.5rem;
overflow: hidden;
}
.sixlicard .link,
.sixlicard .link a {
width: 100%;
float: left;
text-align: center;
}
.sixlicard .link {
margin-top: 2rem;
}
.sixlicard .link a {
display: inline-block;
height: 3rem;
background: #007AC1;
color: #fff;
border-radius: 0.25rem;
}
.sixlicard .link a font {
display: inline-block;
font-size: 1rem;
line-height: 3rem;
}
.sixlicard .cclick {
margin-top: 1.5rem;
color: #007ac1;
font-size: 0.875rem;
}
.sixlicard .cclick>font {
cursor: pointer;
}
.sixlicard .cclick .cup {
color: #495770;
display: none;
}
.sixlicard li.on {
position: relative;
z-index: 2;
}
.sixlicard li.on .text {
position: absolute;
left: 0;
top: 0;
padding: 1.125rem 1.875rem;
z-index: 1;
background: #F5F7FA url(../images/contact1.jpg) right top no-repeat;
box-shadow: 0 0.5rem 1rem 0.5rem rgb(73 87 112 / 20%);
}
.sixlicard li.on .cclick .cup {
display: inline-block;
}
.sixlicard li.on .cclick .cdown {
display: none;
}
.sixlicard li.on .desc {
height: auto;
}
.sixlicard .sixlink {
width: 100%;
float: left;
text-align: center;
height: 11rem;
line-height: 4rem;
overflow: hidden;
color: #D70008;
font-size: 0.875rem;
margin-top: 0.5rem;
background: #fff;
}
.sixlicard .sixlink a {
position: relative;
padding-right: 1.5rem;
color: #D70008;
}
.sixlicard .sixlink a .lname2 {
display: none;
}
.sixlicard .sixlink a:before,
.sixlicard .sixlink a:after {
position: absolute;
content: '';
right: 2%;
top: 20%;
width: 0;
height: 0;
border-right: 1px solid #D70008;
border-bottom: 1px solid #D70008;
height: 0.25rem;
width: 0.25rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
opacity: 1;
}
.sixlicard .sixlink a:after {
top: 50%;
}
.sixlicard .sixlink a.on:before,
.sixlicard .sixlink a.on:after {
position: absolute;
content: '';
right: 10%;
top: 20%;
width: 0;
height: 0;
border-right: 1px solid #D70008;
border-bottom: 1px solid #D70008;
height: 0.25rem;
width: 0.25rem;
transform: rotate(-135deg) translate(-50%, 0%);
-webkit-transform: rotate(-135deg) translate(-50%, 0%);
-moz-transform: rotate(-135deg) translate(-50%, 0%);
-ms-transform: rotate(-135deg) translate(-50%, 0%);
-o-transform: rotate(-135deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-top: 2px solid transparent;
opacity: 1;
}
.sixlicard .sixlink a.on:after {
top: 50%;
}
.cont3 .title>div {
width: auto;
}
.cont3 .title .csort {
float: right;
font-size: 1.5rem;
color: #16181a;
line-height: 3rem;
}
.cont3 .title .csort font {
margin-left: 2.5rem;
cursor: pointer;
}
.cont3 .title .csort font.on {
color: #007ac1;
}
.cont3 .title .csort font:nth-child(1) {
margin-left: 0;
}
.fourpicslide {
width: 100%;
float: left;
margin-top: 3rem;
}
.fourpicslide,
.fourpicslide .csslide {
width: 100%;
float: left;
}
.fourpicslide {
position: relative;
height: 20rem;
}
.fourpicslide .csslide {
opacity: 0;
height: 100%;
position: absolute;
z-index: -1;
}
.myskin {
background: initial !important;
box-shadow: initial !important;
}
.csslide.on {
opacity: 1;
z-index: 1;
}
.fourpicslide .cspic {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
}
.csslide .swiper-wrapper,
.csslide .box {
width: 100%;
float: left;
}
.csslide .swiper-slide {
float: left;
width: auto;
}
.csslide .swiper-slide .box,
.csslide .swiper-slide .sbox {
width: 100%;
height: 100%;
float: left;
}
.csslide .swiper-slide:nth-child(2n-1) {
width: 38%;
}
.csslide .swiper-slide:nth-child(2n-0) {
width: 22%;
margin: 0 1%;
}
.csslide .swiper-slide:nth-child(2n-0) .sbox {
height: 9.5rem;
}
.csslide .swiper-slide:nth-child(2n-0) .sbox:nth-child(2) {
margin-top: 1rem;
}
.csslide .sbox .img,
.csslide .sbox .img img {
width: 100%;
height: 100%;
float: left;
object-fit: cover;
}
.csslide .sbox .img {
position: relative;
height: 100%;
cursor: pointer;
}
.csslide .sbox.img1 {
width: 42%;
margin-left: 0;
}
.csslide .sbox.img2 {
width: 21%;
}
.csslide .sbox.img2 .img {
height: 9.5rem;
}
.csslide .sbox.img2 .img:nth-child(2) {
margin-top: 1rem;
}
.csslide .sbox.img3 {
width: 35%;
}
.csslide .sbox .img i {
width: 100%;
height: 100%;
float: left;
position: absolute;
}
.csslide .sbox .img i:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 122, 193, 0.7);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.csslide .sbox .img:before {
opacity: 0;
visibility: hidden;
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 3rem;
height: 3rem;
border: #fff 2px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.csslide .sbox .img:after {
opacity: 0;
visibility: hidden;
position: absolute;
content: '+';
left: 50%;
top: 50%;
transform: translate(-50%, -55%);
font-size: 3rem;
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.csslide .sbox .img:hover::after,
.csslide .sbox .img:hover::before,
.csslide .sbox .img:hover i:before {
opacity: 1;
visibility: visible;
z-index: 1;
}
.csslide .btn {
width: 3.125rem;
height: 3.125rem;
position: absolute;
top: calc(50% - 1.5625rem);
cursor: pointer;
border: #007AC1 3px solid;
border-radius: 100%;
position: absolute;
right: -6%;
}
.csslide .btn.prev {
right: initial;
left: -6%;
}
.csslide .btn.swiper-button-disabled {
opacity: 0.8;
border: #CED0D2 3px solid;
}
.csslide .btn.prev.swiper-button-disabled:before {
border-left: 3px solid #CED0D2;
border-bottom: 3px solid #CED0D2;
}
.csslide .btn.next.swiper-button-disabled:before {
border-right: 2px solid #CED0D2;
border-top: 2px solid #CED0D2;
}
.csslide .btn.swiper-button-disabled:after {
background: #D6D7DA;
}
.csslide .btn.next:before {
position: absolute;
content: '';
left: initial;
bottom: initial;
right: 25%;
top: 36%;
width: 0;
height: 0;
border-right: 2px solid #007AC1;
border-top: 2px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.csslide .btn:after {
position: absolute;
content: '';
width: 50%;
height: 2px;
background: #007AC1;
top: calc(50% - 1px);
left: calc(50% - 25%);
}
.csslide .btn.prev:before {
position: absolute;
content: '';
left: initial;
bottom: initial;
left: 25%;
top: 36%;
width: 0;
height: 0;
border-left: 2px solid #007AC1;
border-bottom: 2px solid #007AC1;
height: 0.5rem;
width: 0.5rem;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.5s;
border-right: 2px solid transparent;
border-top: 2px solid transparent;
}
.twolink {
margin-top: 6.25rem;
}
.twolink,
.twolink ul {
width: 100%;
float: left;
}
.twolink li {
width: 50%;
float: left;
height: 11.25rem;
position: relative;
background: url(../images/join1.jpg);
background-size: 100% 100%;
color: #fff;
}
.twolink li:nth-child(2) {
background: url(../images/join2.jpg);
background-size: 100% 100%;
}
.twolink li .box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.twolink li .box i {
float: left;
display: inline-block;
width: 5.625rem;
height: 5.625rem;
background: url(../images/join3.png);
background-size: 100% 100%;
}
.twolink li .box .text {
float: left;
font-size: 2.25rem;
line-height: 3rem;
margin-left: 2rem;
}
.twolink li .box .text .link {
float: left;
}
.twolink li .box .text .link a {
font-size: 0.875rem;
line-height: 1.5rem;
color: #fff;
position: relative;
padding-right: 1rem;
}
.twolink li .box .text .link a:before {
position: absolute;
content: '';
right: 2%;
top: 43%;
width: 0;
height: 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.twolink li:nth-child(2) .box i {
background: url(../images/join4.png);
background-size: 100% 100%;
}
.twolink li .box .text .link a:hover {
margin-left: 0.25rem;
}
.cform {
width: 100%;
float: left;
}
.cform .title {
text-align: center;
}
.cform form {
width: 100%;
float: left;
margin-top: 3rem;
}
.cform .cinput {
width: 48%;
float: left;
margin-left: 4%;
margin-bottom: 4%;
height: 3rem;
border: #DCDCDC 1px solid;
line-height: 3rem;
display: flex;
padding: 0 1.5rem;
color: #6F7276;
overflow: hidden;
position: relative;
}
.cform .cinput:nth-child(2n-1) {
margin-left: 0;
}
.cform .cinput .name {
position: absolute;
float: left;
margin-right: 1rem;
z-index: 1;
}
.cform .cinput .name font {
color: #f00;
}
.cform .cinput input {
flex: 1;
position: relative;
z-index: 1;
}
.cform .cinput2 {
width: 100%;
height: 15rem;
}
.cform .cinput2 .name {
width: 90%;
}
.cform .cinput2 textarea {
width: 100%;
float: left;
margin-top: 3rem;
height: 10rem;
line-height: 2rem;
resize: none;
}
.cform .cinput.on .name {
opacity: 0;
z-index: -1;
}
.cform .csubmit {
width: 100%;
float: left;
}
.cform .csubmit input {
width: 10rem;
height: 3rem;
color: #fff;
line-height: 3rem;
text-align: center;
cursor: pointer;
border-radius: 0.25rem;
position: relative;
left: 50%;
transform: translate(-50%, 0);
background: #007AC1
}
.anmenu {
/*border-top: #E7E7E7 1px solid;*/
border-bottom: #E7E7E7 1px solid;
}
.newsslide {
padding: 3rem 0;
width: 165%;
float: left;
}
.newsslide .box .img,
.newsslide .box .video {
width: 60%;
height: 0;
padding-bottom: 40%;
}
.newsslide .box .video {
position: relative;
overflow: hidden;
}
.newsslide .box .video .img {
width: 100%;
padding-bottom: 66.6666%;
position: relative;
}
.newsslide .box .video .img img {
position: absolute;
max-width: auto;
min-width: 100%;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.newsslide .box .video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
float: left;
z-index: -1;
}
@media (min-aspect-ratio:16/9) {
.newsslide .box .video video {
width: auto;
height: 100%;
}
}
@media (max-aspect-ratio:16/9) {
.newsslide .box .video video {
width: 100%;
height: auto;
}
}
.newsslide .box .video .text {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -30%);
color: #fff;
font-size: 0.875rem;
line-height: 1.5rem;
width: 6rem;
padding: 0;
height: initial;
}
.newsslide .box .video:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.newsslide .box .video .text i {
display: inline-block;
width: 100%;
float: left;
width: 3.25rem;
height: 3.25rem;
background: #fff;
border-radius: 100%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
cursor: pointer;
}
.newsslide .box .video .text i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.4rem solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 0.8rem solid #007AC1;
}
.newsslide .box .video .text i:after {
position: absolute;
content: '';
width: 200%;
height: 200%;
left: -50%;
top: -50%;
background: rgba(255, 255, 255, 1.0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
animation: nchanges 2s linear 0.5s infinite;
}
.newsslide .box .video .text i:hover::after {
animation-play-state: paused;
}
@keyframes nchanges {
0% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.0;
}
50% {
transform: scale(0.75);
-webkit-transform: scale(0.75);
opacity: 0.5;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
}
.sovideo .text p {
width: 100%;
float: left;
margin-top: 1.5rem;
text-align: center;
}
.newsslide .toggle {
width: 40%;
background: #F5F7FA;
}
.newsslide .swiper-pagination {
display: none;
}
.newsslide .name {
font-size: 1.5rem;
line-height: 2rem;
height: 4rem;
overflow: hidden;
}
.newsslide .date {
color: #D91B22;
font-size: 1rem;
line-height: 2rem;
margin-top: 1rem;
}
.newsslide .desc {
margin: 5% 0;
}
.anews {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.anews .title,
.anews .anewsl,
.anews .title>div {
width: 100%;
float: left;
}
.anews .title {
text-align: center;
}
.anews .title .name {
font-size: 2.25rem;
line-height: 3rem;
color: #16181a;
}
.anewsl {
width: 100%;
float: left;
margin: 3rem 0 5rem 0;
}
.anewsl ul {
width: 100%;
min-height: 15rem;
float: left;
margin: 2rem 0;
position: relative;
}
.anewsl li {
width: 31.3333%;
float: left;
margin-left: 3%;
margin-bottom: 3%;
}
.anewsl li:nth-child(3n-2) {
margin-left: 0;
}
.anewsl .img {
width: 100%;
height: 0;
padding-bottom: 66.6666%;
float: left;
overflow: hidden;
border: #D8D8D8 1px solid;
}
.anewsl .img.videoimg {
padding-bottom: 55%;
position: relative;
}
.anewsl .img.videoimg i {
display: inline-block;
position: absolute;
top: 50%;
float: left;
width: 3.25rem;
height: 3.25rem;
background: #fff;
border-radius: 100%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.anewsl .img.videoimg i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.4rem solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 0.8rem solid #007AC1;
}
.anewsl .img a {
display: inline-block;
width: 100%;
height: 100%;
float: left;
}
.anewsl .img img {
width: 100%;
float: left;
}
.anewsl .text {
width: 100%;
float: left;
background: #F5F8FC;
border: #D8D8D8 1px solid;
border-top: none;
padding: 1.5rem;
}
.anewsl .text>div {
width: 100%;
float: left;
}
.anewsl .name {
font-size: 1.25rem;
line-height: 2rem;
height: 4rem;
overflow: hidden;
color: #16181a;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 1rem;
}
.anewsl .desc {
font-size: 0.875rem;
line-height: 1.5rem;
height: 6rem;
overflow: hidden;
color: #495770;
margin-bottom: 1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
display: none;
}
.anewsl .more a {
float: right;
font-weight: bold;
color: #007AC1;
font-size: 0.875rem;
line-height: 1rem;
position: relative;
padding-right: 1rem;
}
.anewsl .more a:before {
position: absolute;
content: '';
right: 2%;
top: 48%;
width: 0;
height: 0;
border-right: 1px solid #007AC1;
border-top: 1px solid #007AC1;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.anewsl .more .date {
float: left;
}
.anewsl li:hover .text {
background: #007AC1;
color: #fff;
}
.anewsl li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.anewsl li:hover .name,
.anewsl li:hover .name a,
.anewsl li:hover .desc,
.anewsl li:hover .more a {
color: #fff;
}
.anewsl li:hover .more a:before {
border-right: 1px solid #fff;
border-top: 1px solid #fff;
}
.newsview .left {
width: 70%;
float: left;
}
.newsview .right {
width: 24%;
float: right;
}
.newsview .w100 {
width: 100%;
float: left;
}
.newsview .ncontent {
width: 100%;
float: left;
border-bottom: #F0F0F0 1px solid;
padding-bottom: 3rem;
min-height: 25rem;
line-height: 2;
}
.newsview .ncontent video {
width: 90%;
margin: 0 5%;
}
.newsview .right .title {
width: 100%;
float: left;
color: #16181a;
font-size: 1.5rem;
line-height: 2rem;
}
.newsview .right ul {
width: 100%;
float: left;
margin-top: 2rem;
}
.newsview .right li {
width: 100%;
float: left;
border-bottom: #DCDCDC 1px solid;
}
.newsview .right li .name,
.newsview .right li .img,
.newsview .right li .img img,
.newsview .right li .date {
width: 100%;
float: left;
}
.newsview .right li .img {
position: relative;
}
.newsview .right li .img i {
display: inline-block;
position: absolute;
top: 50%;
float: left;
width: 3.25rem;
height: 3.25rem;
background: #fff;
border-radius: 100%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.newsview .right li .img i:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 0.4rem solid transparent;
border-bottom: 0.4rem solid transparent;
border-left: 0.8rem solid #007AC1;
}
.newsview .right li .date {
margin: 1rem 0 0.5rem 0;
color: #b4b4b4;
font-size: 0.875rem;
line-height: 1rem;
}
.newsview .right li .name {
font-size: 1rem;
color: #505050;
line-height: 1.5rem;
margin-bottom: 1rem;
}
.socaselist .pics-nightlist .desc {
height: 3rem;
-webkit-line-clamp: 2;
}
.branchlist {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.branchlist ul {
width: 100%;
float: left;
margin-top: 2rem;
position: relative;
}
.branchlist li {
width: 49%;
float: left;
margin-left: 2%;
margin-bottom: 2%;
}
.branchlist li:nth-child(2n-1) {
margin-left: 0;
}
.branchlist .text {
width: 100%;
float: left;
background: #F5F8FC;
border: #D8D8D8 1px solid;
padding: 1.5rem;
}
.branchlist .text>div {
width: 100%;
float: left;
}
.branchlist .name {
font-size: 1.5rem;
line-height: 2rem;
height: 2rem;
overflow: hidden;
color: #16181a;
}
.branchlist .desc {
font-size: 0.875rem;
line-height: 1.5rem;
overflow: hidden;
color: #495770;
margin: 1rem 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.branchlist .desc.bauto {
display: initial;
-webkit-box-orient: initial;
-webkit-line-clamp: initial;
}
.branchlist .desc .bautolist {
min-height: 8rem;
float: left;
}
.branchlist .desc.bauto p:nth-child(4) {
height: 3rem;
overflow: hidden;
}
.branchlist li:hover {
box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 10%);
}
.branchlist li:hover .img img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.branchlist li:hover .name a {
color: #007AC1;
}
.branchlist li:hover .text {
background: #fff;
}
.branchlist li .link,
.branchlist li .link a {
width: 100%;
text-align: center;
}
.branchlist li .link {
margin-top: 2rem;
}
.branchlist li .link a {
display: inline-block;
height: 3rem;
background: #007AC1;
color: #fff;
border-radius: 0.25rem;
}
.branchlist li .link a font {
display: inline-block;
font-size: 1rem;
line-height: 3rem;
}
.branchview {
width: 100%;
float: left;
padding: 6.25rem 0;
}
.branchview .name,
.branchview .desc {
width: 100%;
float: left;
}
.branchview .name {
font-size: 2rem;
text-align: center;
margin-bottom: 3rem;
}
.branchview .desc {
margin-top: 3rem;
width: 50%;
margin: 0 25%;
line-height: 2.5rem;
font-size: 1.125rem;
text-align: center;
}
.branchview .back {
width: 100%;
float: left;
margin: 2rem 0 4rem 0;
}
.branchview .back a {
display: inline-block;
width: 50%;
float: left;
margin: 0 25%;
text-align: center;
height: 3rem;
line-height: 3rem;
background: #007AC1;
color: #fff;
border-radius: 0.25rem;
}
.contmap {
margin-bottom: 2rem;
}
.recruitinglist {
background: #F5F7FA;
}
#splist {
margin-top: 2rem;
width: 100%;
float: left;
}
.tsdabt .left {
width: 100%;
}
.applybox {
width: 40rem !important;
}
#tojob {
display: none;
width: 100%;
background: #fff;
overflow: hidden;
padding: 2rem 3rem;
}
#tojob .title {
width: 100%;
float: left;
text-align: center;
height: 3rem;
overflow: hidden;
}
#tojob font {
padding-left: 3rem;
line-height: 3rem;
font-size: 2rem;
}
#tojob font.layui-icon {
position: absolute;
font-size: 2.5rem;
line-height: 3.25rem;
padding-left: 0;
}
#tojob .appinput {
width: 100%;
float: left;
height: 3rem;
line-height: 3rem;
border: #dcdcdc 1px solid;
margin-top: 1.5rem;
padding: 0 1rem;
font-size: 1rem;
}
#tojob .appinput input[type='text'] {
width: 100%;
}
#tojob .appinput.btn {
border: initial;
}
#tojob .appinput.btn input {
position: relative;
left: 50%;
transform: translate(-50%, 0);
background: #007AC1;
color: #fff;
width: 50%;
border-radius: 0.25rem;
cursor: pointer;
}
@media(max-width:1440px) {
.nybanner .text {
left: initial;
transform: initial;
}
.nybanner .text .box {
width: 40%;
}
.nybanner .text .name {
font-size: 2.3125rem;
line-height: 3rem;
}
.nybanner .text .desc {
margin-top: 1.875rem;
line-height: 1.625rem;
}
.nybanner .text .link {
margin-top: 3rem;
}
.nybanner .text .link a font {
padding-left: 0;
}
.nypos .w1400 {
width: 100%;
margin: 0;
}
.nypos .box,
.nymenu .box {
height: 3.5rem;
line-height: 3.5rem;
}
.product .filter .w1400 {
padding: 1.875rem 0;
margin: 0;
}
.product-card,
.product-pics,
.teams .w1400 {
padding: 5rem 0;
margin: 0 auto;
}
.product-card h3 {
font-size: 2.3125rem;
line-height: 3rem;
}
.product .list ul {
margin: 1.875rem 0;
}
.product .list li {
margin: 0;
margin-left: 3%;
margin-bottom: 3%;
}
.product .qrcode .text {
margin: 3rem 0;
font-size: 2rem;
line-height: 2.5rem;
}
.productview>div,
.provvideo .w1400 {
padding: 5rem 0;
}
.provvideo .w1400 {
margin: 0;
}
.nytitle {
font-size: 2rem;
line-height: 3rem;
}
.pro-ico ul {
margin-top: 2rem;
}
.pro-ico li .name {
font-size: 1.25rem;
line-height: 2rem;
height: 2rem;
margin: 0.5rem 0;
}
.productview .provdown li {
width: 49%;
margin-left: 2%;
}
.nybanner .r360 {
max-height: 100%;
}
.teams .cont {
margin: 2.5rem 0 2rem 0;
}
.teams .box {
margin-top: 3rem;
padding-bottom: 0;
}
.backbone {
padding: 5rem 0;
}
.backbone li {
margin-top: 4rem;
}
.system .system-top ul {
line-height: 4.5rem;
}
.cont-textpic {
margin-top: 5rem;
}
.service>div {
padding: 5rem 0;
}
.lprt .text .box {
padding: 3rem 4rem;
}
.lprt .name {
font-size: 1.5rem;
}
.lprt .desc {
line-height: 1.5rem;
max-height: 3rem;
}
.lprt .link {
margin-top: 2rem;
}
.eightico li {
width: 23%;
margin-left: 2.6666%;
}
.service .title .name {
font-size: 2.5rem;
line-height: 4rem;
}
.service .title .name img {
height: 4rem;
}
.service .title .desc {
margin: 2rem 0;
}
.tnfi ul {
margin-top: 2rem;
}
.tnfi li .name {
line-height: 1.5rem;
height: 3rem;
margin-top: 1.5rem;
}
.tninfo ul,
.tnfthree {
margin-bottom: 0rem;
}
.tnfthree ul li .text {
margin-top: 1rem;
}
.solution {
padding: 5rem 0 10rem 0;
}
.soluindex .text {
padding: 2rem;
}
.soluindex .name {
font-size: 1.75rem;
line-height: 2.5rem;
max-height: 10rem;
}
.soluindex .desc {
font-size: 0.875rem;
line-height: 1.25rem;
margin: 2rem 0;
height: 7.5rem;
}
.soluindex .link a {
font-size: 0.75rem;
padding: 0.625rem 1.25rem;
}
.fwslide {
width: 96%;
margin: 0 2%;
}
.servicelist>div {
padding: 5rem 0;
}
.servicelist .title {
font-size: 2rem;
line-height: 2.5rem;
}
.shornoslide {
width: 90%;
margin: 0 5%;
}
.serteam .info {
margin-top: 2rem;
line-height: 2rem;
}
.serbuy .link {
margin-bottom: 5rem;
}
.solist-0 {
padding-bottom: 5rem;
}
.solist-1,
.solist-2,
.solist-3,
.solist-4 {
padding: 5rem 0;
}
.cont-two-txtpic .name {
height: 5rem;
line-height: 5rem;
font-size: 1.625rem;
}
.cont-two-txtpic .desc {
padding: 2rem;
height: 21rem;
}
.three-pictext .toggle {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.three-pictext .img,
.three-pictext .text {
width: 94%;
margin: 0 3%;
}
.three-pictext .text {
padding: 2rem;
}
.three-pictext .btn {
right: -3%;
z-index: 1;
/*background: #F5F7FA;*/
}
.three-pictext .btn.prev {
left: -3%;
}
.sale>div {
padding: 5rem 0;
}
.sale>div:nth-last-child(1) {
padding: 5rem 0 12rem 0;
}
.sale .title .name {
font-size: 2rem;
line-height: 2.5rem;
}
.fpcilist li .name,
.fwslide .text .name,
.tstj .tsname {
font-size: 1.3125rem;
line-height: 1.875rem;
height: 1.875rem;
}
.mhbx .text li .name {
font-size: 1.3125rem;
}
.serito>div {
padding: 5rem 0;
}
.sopartner .swiper-slide .name {
height: 3.5rem;
line-height: 3.5rem;
font-size: 1.3125rem;
}
.serito .title .name {
font-size: 2rem;
line-height: 3rem;
}
.serito .title .desc {
line-height: 1.5rem;
margin: 2rem 0;
}
.tnfi ul {
margin-top: 1rem;
}
.tnfi li {
padding: 2rem;
}
.txl .txname {
font-size: 1.5rem;
line-height: 2rem;
margin-top: 1.5rem;
}
.txl .txdesc {
line-height: 1.5rem;
}
.txl .txlink {
margin-top: 2rem;
}
.txl .txlink a {
height: 3.5rem;
font-size: 1.125rem;
line-height: 3.5rem;
}
.txl .txlink a img {
height: 60%;
}
.tmes .info {
margin-top: 1rem;
}
.tmes li {
margin-bottom: 2rem;
}
.tmes li .name {
font-size: 1.3125rem;
line-height: 1.5rem;
}
.fmcs ul {
margin-top: 1rem;
}
.fmcs li:nth-child(-n+5) {
margin-bottom: 2%;
}
.fmcs li .img {
width: 7rem;
height: 7rem;
}
.fmcs li .name {
font-size: 1.25rem;
line-height: 1.5rem;
height: 4.5rem;
}
.ems .toggle {
width: 48%;
}
.serito .ems {
padding: 5rem 0 10rem 0;
}
.pics-nightlist {
margin: 2.5rem 0 4.5rem 0;
}
.socaseview {
padding: 5rem 0;
}
.vtitle .name {
font-size: 2rem;
line-height: 2.25rem;
}
.vtitle .more {
margin: 0.75rem 0 2rem 0;
}
.three-num li .num {
font-size: 3.25rem;
}
.casediv-2 {
padding: 5rem 0 2rem 0;
}
.case-clickmore ul {
margin-top: 2.5rem;
}
.case-clickmore li {
padding: 2.25rem;
}
.case-clickmore .link {
margin-top: 2.25rem;
}
.case-clickmore .link a {
width: 7rem;
height: 2.75rem;
line-height: 2.75rem;
}
.casediv-3 {
padding: 5rem 0 8rem 0;
}
.socview {
padding-top: 5rem;
}
.ltjjfa {
margin-top: 2.5rem;
}
@media (min-aspect-ratio:16/9) {
.ltrv .video video {
width: 100%;
height: auto;
}
}
@media (max-aspect-ratio:16/9) {
.ltrv .video video {
width: auto;
height: 100%;
}
}
.about>div,
.aboutdepa {
padding: 5rem 0;
}
.about .title .name {
font-size: 2rem;
line-height: 3rem;
}
.aboutview .info {
margin-top: 2rem;
}
.aboutview .box li .num {
font-size: 2rem;
line-height: 3rem;
}
.animateNum {
font-size: 3rem;
line-height: 3rem;
}
.abouthonor li .num {
font-size: 3rem;
line-height: 3rem;
}
.aboutview .toggle {
line-height: 1.5rem;
}
.aboutculture li .img {
width: 6rem;
height: 6rem;
}
.aboutculture li .title {
padding-left: 7rem;
}
.yearswiper {
margin-top: 3rem;
}
.yearswiper .toggle .text .date {
font-size: 2rem;
line-height: 3rem;
}
.yearswiper .toggle .text .name {
font-size: 1.25rem;
line-height: 1.875rem;
max-height: 3.75rem;
}
.yearswiper .toggle .text .desc {
line-height: 1.5rem;
max-height: 10.5rem;
}
.abtslidelist {
width: 96%;
margin: 0 2%;
}
.abtb .box,
.aboutcoop .toggle {
padding: 2.5rem;
}
.abtb .btn {
left: 2.5rem;
}
.abtb .btn.next {
left: 5.5rem;
}
.aboutnews .title .more {
line-height: 3rem;
}
.about .about6 {
padding-bottom: 12rem;
}
.aboutcoop .box .name {
font-size: 1.5rem;
line-height: 2rem;
}
.aboutcoop .box .sname {
font-size: 1.25rem;
line-height: 1.5rem;
margin: 0.75rem 0;
}
.aboutcoop .box .desc {
line-height: 1.5rem;
}
.aboutcoop .toggle .name {
font-size: 1.25rem;
line-height: 2rem;
}
.newsslide {
padding: 2.5rem;
}
.newsslide .name {
font-size: 1.3125rem;
line-height: 1.875rem;
height: 3.75rem;
}
.newsslide .text {
padding: 1.5rem;
}
.newsslide .desc {
line-height: 1.5rem;
height: 4.5rem;
margin: 1rem 0;
}
.anews {
padding: 5rem 0;
}
.anews .title .name {
font-size: 2rem;
line-height: 2.5rem;
}
.anewsl {
margin: 2rem 0 4rem 0;
}
.anewsl ul {
margin: 1rem 0;
}
.anewsl .text {
padding: 1rem;
}
.anewsl .name {
line-height: 1.5rem;
font-size: 1.125rem;
height: 3rem;
}
.newsview .ncontent {
padding-bottom: 2rem;
}
.spage {
margin: 1rem 0;
}
.spage .right a {
width: 7rem;
height: 2.75rem;
line-height: 2.75rem;
}
.newsview .right .title {
font-size: 1.3125rem;
line-height: 2rem;
}
.newsview .right ul {
margin-top: 1rem;
}
.contact>div {
padding: 5rem 0;
}
.contact .title .name {
font-size: 2rem;
line-height: 2.5rem;
}
.cont3 .title .csort {
font-size: 1.3125rem;
line-height: 2.5rem;
}
.lithree,
.contqrcode,
.sixlicard,
.fourpicslide,
.cform form {
margin-top: 2rem;
}
.cform .cinput {
margin-bottom: 2%;
}
.twolink {
margin-top: 5rem;
}
.twolink li {
height: initial;
}
.twolink li .box {
top: initial;
padding: 2rem 0;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.sixlicard .sixlink {
height: 9rem;
}
.branchlist,
.branchview {
padding: 5rem 0;
}
.branchview .name {
font-size: 1.75rem;
line-height: 2.5rem;
margin-bottom: 2rem;
}
.contmap {
margin-bottom: 2rem;
}
.nymenu .news-xyears {
height: 3.5rem;
line-height: 3.5rem;
}
}
@media(max-width:1366px) {
.nyinfo {
margin: 0;
padding: 0;
}
.lsnico .rinfo>div a {
padding: 5% 10%;
}
.lsnico .rinfo>div .num {
height: 4rem;
line-height: 4rem;
font-size: 4rem;
}
.lsnico .rinfo>div .title {
font-size: 1.25rem;
line-height: 1.75rem;
height: 1.75rem;
}
.three-num li .num font {
font-size: 3rem;
line-height: 3rem;
padding-right: 1.5rem;
}
.three-num li .num font:before {
font-size: 1.5rem;
}
.branchview {
padding: 5rem 0;
}
}
@media(max-width:1279px) {
.nybanner .text .name {
font-size: 2rem;
line-height: 2.5rem;
}
.nybanner .text .desc {
margin-top: 1.5rem;
line-height: 1.5rem;
font-size: 0.875rem;
}
.nybanner .text .link {
margin-top: 2rem;
}
.nybanner .text .link a {
padding: 0.3125rem 1rem;
line-height: 1.875rem;
}
.nybanner .img {
min-height: initial;
}
.nypos .box,
.nymenu .box {
height: 3rem;
line-height: 3rem;
}
.nyinfo {
min-height: 15rem;
padding-bottom: 2rem;
}
.product .filter .w1400 {
padding: 1.5rem 0;
}
.product .filter .box {
height: 2rem;
line-height: 2rem;
font-size: 1rem;
}
.product .filter .pro-form1,
.product .filter .pro-form2 {
height: 2.5rem;
line-height: 2.5rem;
}
.product .filter .pro-form2 .text {
line-height: 2.5rem;
}
.product .filter .pro-form1 button {
right: 0;
}
.product .filter .pro-form2 i {
width: 2.5rem;
height: 2.5rem;
}
.product .filter .form-item .box .btn {
margin-top: 0;
padding: 0 1rem;
}
.product .filter .num {
margin-top: 0;
}
.product-card,
.product-pics {
padding: 4rem 0;
}
.product-card .product-tab {
width: 35%;
}
.product-card .tabCon {
width: 61%;
}
.product-card h3 {
margin-bottom: 2rem;
font-size: 2rem;
line-height: 2.5rem;
}
.product-tab ul {
height: 38rem;
}
.product-tab li,
.product-tab .line,
.product-tab li a {
height: 5rem;
}
.product-tab li a {
padding: 0.5rem 0;
}
.product-tab li .name {
font-size: 1rem;
height: 2rem;
line-height: 2rem;
padding: 0 3rem;
}
.product-tab li .sort {
font-size: 1.25rem;
line-height: 2rem;
line-height: 2rem;
}
.tabCon .title .name {
font-size: 1.5rem;
line-height: 3rem;
}
.tabCon .title .desc {
line-height: 1.875rem;
max-height: 7.5rem;
}
.product-pics .title {
font-size: 2rem;
line-height: 2.5rem;
}
.product-pics ul {
margin-top: 2.5rem;
}
.product-pics li .name {
font-size: 1.5rem;
line-height: 2rem;
}
.product .list ul {
margin: 1.5rem 0;
}
.product .list li .name {
font-size: 1.3125rem;
line-height: 3rem;
}
.product .qrcode .img img {
width: 8rem;
}
.product .qrcode .text {
font-size: 1.5rem;
line-height: 2rem;
margin: 2rem 0;
}
.product .filter .pro-form1 input {
font-size: 0.875rem;
}
.productview>div,
.provvideo .w1400 {
padding: 4rem 0;
}
.nytitle {
font-size: 1.875rem;
line-height: 2.5rem;
}
.pro-ico ul {
margin-top: 1.5rem;
}
.pro-ico li .name {
font-size: 1.125rem;
line-height: 1.875rem;
height: 1.875rem;
margin: 0.5rem 0;
}
.productview .provspec .box {
margin-top: 1rem;
}
.productview .provspec #cpggswiper {
height: 3rem;
}
.productview .provspec .swiper-slide {
line-height: 3rem;
font-size: 1.25rem;
}
.productview .provdown li {
width: 49%;
margin-left: 2%;
}
.productview .provspec ul {
height: 3rem;
}
.productview .provspec .boxbtn {
height: 3rem;
width: 6rem;
margin-top: 0;
}
.productview .provspec .btn {
font-size: 1.25rem;
line-height: 2.25rem;
width: 2.5rem;
height: 2.5rem;
font-size: 1.25rem;
}
.provvideo .desc {
font-size: 1rem;
margin-top: 0.5rem;
line-height: 1.625rem;
}
.productview .provspec .toggle {
padding: 1.5rem 0;
}
.productview .provspec .cont,
.productview .provtrait .desc {
font-size: 1rem;
line-height: 1.625rem;
}
.productview .provdown li a {
font-size: 1rem;
padding: 1rem;
}
.productview .provdown li i {
top: 1rem;
left: 1rem;
}
.product-card,
.product-pics,
.teams .w1400,
.backbone {
padding: 4rem 0;
}
.teams .box {
margin-top: 2.5rem;
}
.backbone li {
width: 49%;
margin-left: 2%;
}
.three-num li .num font {
font-size: 2.5rem;
line-height: 2.5rem;
}
.service>div {
padding: 4rem 0;
}
.lprt .text .box {
padding: 2rem 3.5rem;
}
.lprt .ico,
.lprt .ico img {
height: 3.5rem;
}
.lprt .name {
font-size: 1.25rem;
line-height: 1.875rem;
margin: 0.5rem 0;
}
.eightico {
margin-top: 2rem;
}
.eightico li {
padding: 1rem;
}
.eightico .name {
font-size: 1.125rem;
line-height: 1.5rem;
height: 1.5rem;
}
.eightico .img {
width: 3.5rem;
height: 3.5rem;
}
.service .title .name {
font-size: 2rem;
line-height: 3.5rem;
}
.service .title .name img {
height: 3.5rem;
}
.service .title .desc {
margin: 1rem 0;
line-height: 1.5rem;
}
.tninfo .tnname {
font-size: 1.5rem;
line-height: 2rem;
}
.tninfo li .num {
width: 5rem;
font-size: 2.5rem;
line-height: 2.75rem;
}
.tninfo li .name {
font-size: 1.25rem;
line-height: 2rem;
height: 2rem;
}
.tninfo li .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 2.5rem;
margin-top: 0.5rem;
}
.tnfi li .name {
font-size: 1.25rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.tnfthree ul {
margin-top: 1rem;
}
.tnfthree ul li .box .img {
width: 5rem;
height: 5rem;
}
.tnfthree ul li .name {
font-size: 1.25rem;
line-height: 1.875rem;
padding-bottom: 0.875rem;
margin-bottom: 0.875rem;
}
.service2 .link,
.service3 .link,
.service4 .link {
margin-top: 2rem;
}
.cont-textpic {
margin-top: 4rem;
}
.cont-textpic .box .text {
padding-right: 8%;
}
.cont-textpic .box .text .name {
font-size: 1.25rem
}
.cont-textpic .box .text .desc {
line-height: 1.875rem;
}
.cont-list li>div {
padding: 0 2rem;
}
.cont-list li {
height: 4rem;
line-height: 4rem;
font-size: 0.875rem;
}
.cont-list-four li>div {
// padding: 0 2rem;
padding: 15px;
}
.cont-list-four li {
// height: 4rem;
// line-height: 4rem;
font-size: 0.875rem;
}
.cont-list-four .box-three {
width: calc(60% - 20rem)
}
.cont-list-four .box-four {
width: 40%;
}
.aboutview .box li:nth-child(3) {
text-align: right;
}
.solution {
padding: 4rem 0 8rem 0;
}
.soluindex .name {
font-size: 1.5rem;
line-height: 2rem;
max-height: 8rem;
}
.soluindex .desc {
margin: 1.75rem 0;
}
.servicelist>div {
padding: 4rem 0;
}
.servicelist .title {
font-size: 1.5rem;
line-height: 2rem;
}
.serteam .info {
margin-top: 1.5rem;
line-height: 1.5rem;
}
.serbuy .link {
margin-bottom: 0rem;
}
.serbuy .link a {
line-height: 2.5rem;
height: 2.5rem;
width: 8rem;
}
.solist-0 {
padding-bottom: 4rem;
}
.solist-1,
.solist-2,
.solist-3,
.solist-4 {
padding: 4rem 0;
}
.cont-two-txtpic .name {
height: 4rem;
line-height: 4rem;
font-size: 1.5rem;
}
.cont-two-txtpic .desc {
padding: 1.5rem;
height: 18rem;
line-height: 1.875rem;
}
.night-ico li .name {
height: 4.25rem;
line-height: 4.25rem;
overflow: hidden;
}
.three-pictext .slidepage {
top: -4rem;
}
.three-pictext .toggle {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
.three-pictext .img,
.three-pictext .text {
width: 94%;
margin: 0 3%;
}
.three-pictext .text {
padding: 1.5rem;
}
.three-pictext .name {
font-size: 1.3125rem;
line-height: 1.875rem;
}
.three-pictext .desc {
margin: 0.875rem 0;
line-height: 1.3125rem;
}
.three-pictext .btn {
right: -4%;
width: 2.5rem;
height: 2.5rem;
}
.three-pictext .btn.next:before,
.three-pictext .btn.prev:before {
width: 0.45rem;
height: 0.45rem;
top: 35%;
}
.three-pictext .btn.prev:before {
top: 33.5%;
}
.three-pictext .btn.prev {
left: -4%;
}
.sopartner .btn.next:before,
.sopartner .btn.prev:before {
top: 35%;
}
.sopartner .swiper-slide .name {
height: 3rem;
line-height: 3rem;
font-size: 1.25rem;
}
.serito>div {
padding: 4rem 0;
}
.sopartner .swiper-slide .name {
height: 3rem;
line-height: 3rem;
font-size: 1.25rem;
}
.serito .title .name {
font-size: 1.5rem;
line-height: 2rem;
}
.serito .title .desc {
line-height: 1.125rem;
font-size: 1rem;
margin: 1rem 0;
}
.tnfi li {
padding: 1.5rem;
}
.txl .txname {
font-size: 1.25rem;
line-height: 1.875rem;
margin-top: 1rem;
}
.txl .txdesc {
line-height: 1.25rem;
font-size: 0.875rem;
}
.txl .txlink {
margin-top: 1.5rem;
}
.txl .txlink a {
height: 3rem;
line-height: 3rem;
font-size: 1rem;
}
.tmes li {
margin-bottom: 1rem;
}
.tmes li .name {
font-size: 1.25rem;
line-height: 1.3125rem;
}
.tmes li .desc {
margin-top: 0.5rem;
}
.fmcs ul {
margin-top: 1rem;
}
.fmcs li {
width: 18%;
margin-left: 2.5%;
}
.fmcs li:nth-child(-n+5) {
margin-bottom: 2%;
}
.fmcs li .img {
width: 7rem;
height: 7rem;
}
.fmcs li .name {
font-size: 1.125rem;
line-height: 1.25rem;
height: 3.75rem;
}
.ems .toggle {
width: 48%;
}
.serito .ems {
padding: 4rem 0;
}
.sale>div {
padding: 4rem 0;
}
.sale>div:nth-last-child(1) {
padding: 4rem 0;
}
.sale .title .name {
font-size: 1.875rem;
line-height: 2.5rem;
}
.lsnum ul {
margin-top: 2rem;
}
.lsnum li {
margin-bottom: 3%;
}
.lsnum .name {
height: 3rem;
}
.fpcilist li .name,
.fwslide .text .name,
.tstj .tsname {
font-size: 1.25rem;
line-height: 1.5rem;
height: 1.5rem;
}
.mhbx .text li .name {
font-size: 1.25rem;
}
.tnfe .text .img img {
width: 6rem;
height: 6rem;
}
.tnfe .text .name {
margin: 1.5rem 0;
line-height: 1.5rem;
}
.lonertwo {
padding: 4rem 0;
}
.lonertwo .name {
font-size: 1.3125rem;
}
.lonertwo .desc {
margin-top: 1.5rem;
line-height: 1.875rem;
}
.llinfo .box {
width: 25%;
}
.llinfo .toggle {
width: 72%;
}
.tstj .tsxl ul .s1,
.tstj .tsxl ul .s2 {
padding: 0 1rem;
}
.tstj .tsxl ul,
.tstj .tsipt ul {
line-height: 2.5rem;
}
.tstj .tsxl .s1 li {
line-height: 2rem;
}
.tssubmit input {
height: 2.5rem;
line-height: 2.5rem;
width: 8rem;
}
.pics-nightlist {
margin: 2rem 0 4rem 0;
}
.pics-nightlist .text {
padding: 1.25rem;
}
.pics-nightlist .name {
font-size: 1.25rem;
line-height: 1.875rem;
height: 1.875rem;
}
.pics-nightlist .desc {
line-height: 1.25rem;
height: 5rem;
margin: 0.625rem 0;
}
.socaselist .pics-nightlist .desc {
height: 5rem;
line-height: 1.25rem;
-webkit-line-clamp: 4;
}
.socaseview {
padding: 4rem 0;
}
.vtitle .name {
font-size: 1.875rem;
line-height: 2rem;
}
.vtitle .more {
margin: 0.625rem 0 1.875rem 0;
font-size: 0.875rem;
}
.vtitle .more>div {
margin-right: 1.5rem;
}
.videolist,
.videolist .toggle ul {
height: 29rem;
}
.videolist .toggle li {
padding: 0.625rem;
}
.videolist .toggle li .name p {
font-size: 1rem;
line-height: 1.25rem;
height: 3.75rem;
}
.casediv-1 {
padding: 2.5rem 0;
}
.three-num li .num {
font-size: 3rem;
line-height: 3rem;
}
.casediv-2 {
padding: 4rem 0 1.5rem 0;
}
.case-clickmore ul {
margin-top: 2rem;
}
.case-clickmore li {
padding: 2rem;
}
.case-clickmore li .img {
width: 18rem;
height: 15.75rem;
margin-right: 2.5rem;
}
.case-clickmore .name {
font-size: 1.625rem;
line-height: 2rem;
}
.case-clickmore .desc {
margin: 1.5rem 0;
}
.case-clickmore .link {
margin-top: 1.325rem;
}
.case-clickmore .link a {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
}
.casediv-3 {
padding: 4rem 0;
}
.partlist ul {
margin-top: 2rem;
}
.socview {
padding-top: 4rem;
}
.ltrv {
height: 22rem;
}
.ltrv .desc {
margin-top: 1.5rem;
line-height: 1.75rem;
}
.ltrv .desc .i {
margin: 0.625rem 0;
}
.ltrv>div {
width: 48%;
margin-left: 4%;
}
.lsxjz {
height: 22rem;
}
.about>div,
.aboutdepa {
padding: 4rem 0;
}
.about .title .name {
font-size: 1.5rem;
line-height: 2.5rem;
}
.aboutview .info {
margin-top: 1rem;
}
.aboutview .box li .num {
font-size: 1.5rem;
line-height: 2rem;
}
.animateNum {
font-size: 2rem;
line-height: 2rem;
padding-right: 1rem;
}
.animateNum::before {
font-size: 1rem;
line-height: 1rem;
}
.abouthonor li .num {
font-size: 2rem;
line-height: 2rem;
}
.aboutview .toggle {
font-size: 1rem;
line-height: 1.3125rem;
}
.aboutview .box {
width: 45%;
}
.aboutview .box ul {
margin-top: 1rem;
}
.aboutview .box li:nth-child(3) .num span {
position: relative;
}
.aboutview .box li .num span {
height: 2.5rem;
}
.aboutculture ul {
margin-top: 2rem;
}
.aboutculture li .img {
width: 5.5rem;
height: 5.5rem;
}
.aboutculture li .title .desc {
line-height: 1.5rem;
}
.aboutculture li .title {
padding-left: 7rem;
}
.yearswiper {
margin-top: 2rem;
}
.yearswiper .yearsinfo {
width: calc(100% - 7rem);
}
.yearswiper .toggle .text .date {
font-size: 1.5rem;
line-height: 2rem;
}
.yearswiper .toggle .text .name {
font-size: 1.125rem;
line-height: 1.5rem;
max-height: 3rem;
}
.yearswiper .toggle .text .desc {
line-height: 1.5rem;
font-size: 1rem;
max-height: 11rem;
}
.yearswiper .toggle,
.yearswiper .toggle>div,
.yearswiper .toggle>div img {
height: 100%;
object-fit: cover;
}
.yearswiper .toggle .text {
width: 48%;
}
.abtslidelist {
width: 96%;
margin: 0 2%;
}
.abtslidelist .name {
margin-top: 0.5rem;
}
.abtslidelist .btn {
width: 3rem;
height: 3rem;
}
.abouthonor ul {
padding-bottom: 1rem;
}
.abtb .box .name {
font-size: 1.5rem;
line-height: 2rem;
margin-top: 1rem;
}
.abtb .box,
.aboutcoop .toggle {
padding: 2rem;
}
.abtb .btn {
left: 2rem;
}
.abtb .btn.next {
left: 5rem;
}
.aboutnews .title .more {
line-height: 3rem;
}
.about .about6 {
padding-bottom: 4rem;
}
.aboutcoop .box {
padding-right: 1rem;
}
.aboutcoop .box .name {
font-size: 1.3125rem;
line-height: 1.875rem;
}
.aboutcoop .box .sname {
font-size: 1.125rem;
line-height: 1.25rem;
margin: 0.75rem 0;
}
.aboutcoop .box .desc {
line-height: 1.5rem;
}
.aboutcoop .toggle {
width: 48%;
}
.aboutcoop .toggle .name {
font-size: 1.125rem;
line-height: 1.5rem;
}
.aboutcoop .toggle .link {
margin-top: 0.5rem;
}
.newsslide {
padding: 2rem;
}
.newsslide .name {
font-size: 1.25rem;
line-height: 1.5rem;
height: 3rem;
}
.newsslide .text {
padding: 1rem;
}
.newsslide .date {
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
}
.newsslide .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 5rem;
margin: 0.75rem 0;
}
.anews {
padding: 3rem 0;
}
.anews .title .name {
font-size: 1.5rem;
line-height: 2rem;
}
.anewsl {
margin: 1.5rem 0;
}
.anewsl ul {
margin: 0.5rem 0;
}
.anewsl .text {
padding: 1rem;
}
.anewsl .name {
line-height: 1.25rem;
font-size: 1rem;
height: 2.5rem;
}
.newsview .ncontent {
padding-bottom: 2rem;
}
.spage {
margin: 1rem 0;
}
.spage .right a {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
}
.newsview .right .title {
font-size: 1.25rem;
line-height: 2rem;
}
.newsview .right ul {
margin-top: 1rem;
}
.newsview .right {
width: 28%;
}
.contact>div {
padding: 4rem 0;
}
.contact .title .name {
font-size: 1.5rem;
line-height: 2rem;
}
.cont3 .title .csort {
font-size: 1.25rem;
line-height: 2rem;
}
.lithree,
.contqrcode,
.sixlicard,
.fourpicslide,
.cform form {
margin-top: 1.5rem;
}
.cform .cinput {
margin-bottom: 2%;
}
.twolink {
margin-top: 4rem;
}
.twolink li {
height: initial;
}
.twolink li .box {
padding: 1.5rem 0;
}
.twolink li .box i {
width: 4rem;
height: 4rem;
}
.twolink li .box .text {
font-size: 1.5rem;
line-height: 2rem;
margin-left: 1.5rem;
}
.sixlicard .link a,
.sixlicard .link a font {
height: 2.5rem;
line-height: 2.5rem;
}
.sixlicard .sixlink {
height: 8rem;
}
.branchlist,
.branchview {
padding: 4rem 0;
}
.branchview .desc {
width: 80%;
margin: 0 10%;
}
.branchview .back {
margin: 2rem 0;
}
.branchview .back a {
font-size: 1rem;
}
.nymenu .news-xyears {
height: 3rem;
line-height: 3rem;
}
}
@media(max-width:1024px) {
.nybanner .text .name {
font-size: 1.625rem;
line-height: 2rem;
}
.nybanner .text .desc {
margin-top: 1rem;
line-height: 1.3125rem;
}
.nybanner .text .desc p {
margin-bottom: 0.3125rem;
}
.nybanner .text .link {
margin-top: 1.5rem;
}
.nybanner .text .link a {
padding: 0.25rem 0.875rem;
line-height: 1.625rem;
}
.product .filter .w1400 {
padding: 1rem 0 2rem 0;
}
.product .filter .box {
font-weight: initial;
color: #000;
}
.product .filter .pro-form1,
.product .filter .pro-form2 {
height: 2.25rem;
line-height: 2.25rem;
}
.product .filter .pro-form1 input {
width: calc(100% - 1rem);
font-size: 0.875rem;
}
.product .filter .pro-form1 button:before {
width: 50%;
height: 50%;
}
.product .filter .pro-form1 button:after {
left: 60%;
bottom: 8px;
}
.product .filter .pro-form2 .text {
height: 2.25rem;
line-height: 2.25rem;
font-size: 0.875rem;
}
.product .filter .pro-form2 ul {
padding: 0.875rem 0;
}
.product .filter .form-item .box .btn {
font-size: 0.875rem;
height: 1.625rem;
line-height: 1.625rem;
margin-top: 0.1875rem;
}
.product .filter .demo-slider {
height: 1.25rem;
}
.product .filter .demo-slider .layui-slider {
height: 2px;
}
.product .filter .demo-slider .layui-slider .layui-slider-wrap-btn {
width: 1rem;
height: 1rem;
}
.lsnico .box {
width: 30%;
}
.lsnico .toggle {
width: 68%;
}
.lsnico .rinfo>div {
width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
.lsnico .rinfo>div:nth-child(3n-2) {
margin-left: 4%;
}
.lsnico .rinfo>div:nth-child(2n-1) {
margin-left: 0;
}
.lsnico .rinfo>div .num {
height: 3rem;
line-height: 3rem;
font-size: 3rem;
}
.lsnico .rinfo>div .title {
margin-top: 0.5rem;
font-size: 1.125rem;
line-height: 1.5rem;
height: 3rem;
}
.product-card,
.product-pics {
padding: 3rem 0;
}
.product-card .product-tab {
width: 36%;
}
.product-card h3 {
margin-bottom: 1.5rem;
font-size: 1.875rem;
line-height: 2rem;
}
.product-tab ul {
height: 30rem;
}
.product-tab li,
.product-tab .line,
.product-tab li a {
height: 4rem;
}
.product-tab li a {
padding: 0.5rem 0;
}
.product-tab li .name {
font-size: 0.875rem;
height: 1.5rem;
line-height: 1.5rem;
padding: 0 2rem;
}
.product-tab li .name:before {
left: 1rem;
}
.product-tab li .sort {
font-size: 1.125rem;
line-height: 1.5rem;
height: 1.5rem;
padding: 0 2rem;
}
.product-card .tabCon {
width: 60%;
height: 100%;
float: right;
}
.tabCon .title .name {
font-size: 1.3125rem;
line-height: 2.5rem;
}
.tabCon .title .desc {
line-height: 1.5rem;
max-height: 6rem;
}
.tabCon .info .link a {
padding: 0.5rem 1.25rem;
}
.product-pics .title {
font-size: 1.875rem;
line-height: 2rem;
}
.product-pics ul {
margin-top: 2rem;
}
.product-pics li .name {
font-size: 1.25rem;
line-height: 1.875rem;
}
.product .list ul {
margin: 1rem 0;
}
.product .list li .name {
font-size: 1.125rem;
line-height: 2.5rem;
}
.product .list li .desc>div {
font-size: 0.875rem;
line-height: 1rem;
padding: 0;
height: 2rem;
}
.product .list li .desc>div i {
margin-left: 0.4rem;
margin-top: 0.125rem;
}
.product .list li .desc>div font {
padding: 0.5rem 0.5rem 0.5rem 2.5rem;
}
.product .qrcode .text {
margin: 1.875rem 0;
font-size: 1.25rem;
line-height: 1.875rem;
}
.productview>div,
.provvideo .w1400 {
padding: 3rem 0;
}
.nytitle {
font-size: 1.875rem;
line-height: 2rem;
}
.pro-ico ul {
margin-top: 1.5rem;
}
.pro-ico li {
margin-bottom: 1rem;
}
.pro-ico li .img {
width: 5rem;
height: 5rem;
}
.pro-ico li .name {
font-size: 1.125rem;
line-height: 1.875rem;
height: 1.875rem;
margin: 0.5rem 0;
}
.provvideo .desc {
font-size: 0.875rem;
margin-top: 0.5rem;
line-height: 1.5rem;
}
.provvideo .video {
height: 20rem;
}
.productview .provdown li {
width: 49%;
margin-left: 2%;
}
.productview .provspec ul {
height: 2.5rem;
}
.productview .provspec .boxbtn {
height: 2.5rem;
width: 6rem;
}
.productview .provspec .box {
margin-top: 1rem;
}
.productview .provspec li {
font-size: 1.125rem;
line-height: 2.5rem;
}
.productview .provspec .btn>div {
width: 2rem;
height: 2rem;
font-size: 1.25rem;
line-height: 2rem;
}
.productview .provspec .cont,
.productview .provtrait .desc {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.productview .provdown li {
margin-bottom: 2%;
}
.productview .provdown li a {
font-size: 0.875rem;
padding: 0.875rem;
}
.productview .provdown li i {
top: 0.875rem;
left: 0.875rem;
}
.productview .provdown li p {
padding-left: 2.875rem;
}
.product-card,
.product-pics,
.teams .w1400,
.backbone {
padding: 3rem 0;
}
.teams .num-list li .name {
height: 3rem;
}
.teams .num-list li .name .num {
padding-right: 1.5rem;
}
.teams .num-list li .name .num2 {
display: none;
}
.teams .num-list li .name .num1:before {
display: none;
}
.teams .num-list li .name .num3 {
line-height: 4rem;
font-size: 1.25rem;
}
.teams .box {
margin-top: 2rem;
}
.num-list li .name .num {
font-size: 2.5rem;
line-height: 3rem;
}
.num-list li .desc {
font-size: 1rem;
line-height: 1.5rem;
}
.backbone li {
margin-top: 3rem;
}
.backbone li .text .name {
font-size: 1.3125rem;
height: 1.3125rem;
line-height: 1.3125rem;
}
.backbone li .text .desc {
margin: 0.75rem 0;
}
.service>div {
padding: 3rem 0;
}
.service .title .name {
font-size: 1.5rem;
line-height: 2.5rem;
}
.service .title .name img {
height: 2.5rem;
}
.service .title .desc {
margin: 0.875rem 0;
font-size: 0.875rem;
line-height: 1.25rem;
}
.tnfi li {
padding: 1.5rem;
}
.tnfi li .img {
width: 8rem;
height: 8rem;
}
.tnfi li .img img {
width: 4rem;
height: 4rem;
}
.tnfi li .name {
font-size: 1.125rem;
line-height: 1.5rem;
}
.tninfo li {
padding: 1.5rem;
}
.tninfo li .num {
width: 4rem;
font-size: 2rem;
line-height: 2.5rem;
}
.tninfo li .name {
font-size: 1.125rem;
line-height: 1.5rem;
height: 1.5rem;
}
.tninfo li .desc {
height: 3.75rem;
}
.lprt .text {
box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
}
.lprt .text .box {
padding: 1.5rem 3rem;
}
.lprt .ico,
.lprt .ico img {
height: 3rem;
}
.lprt .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 2.5rem;
}
.lprt .link {
margin-top: 1rem;
}
.lprt .link a {
padding: 0.5rem 1rem;
font-size: 0.875rem;
}
.tnfthree ul li .box .img {
width: 4rem;
height: 4rem;
}
.tnfthree ul li .name {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
}
.tnfthree ul li .desc {
font-size: 0.875rem;
line-height: 1.25rem;
max-height: 5rem;
}
.system .system-top ul {
line-height: 4rem;
font-size: 1.25rem;
}
.cont-textpic {
margin-top: 3rem;
}
.cont-textpic .box .text {
padding-right: 5%;
}
.cont-textpic .box .text .name {
font-size: 1.125rem;
line-height: 1.625rem;
margin-top: 0.875rem;
}
.cont-textpic .box .text .desc {
line-height: 1.5rem;
font-size: 0.875rem;
}
.system .nytitle {
margin-bottom: 1.5rem;
}
.cont-list li,
.cont-list li:nth-child(1) {
height: 3rem;
line-height: 3rem;
}
.cont-list li:nth-child(1) {
font-size: 1.125rem;
}
.cont-list-four li,
.cont-list-four li:nth-child(1) {
// height: 3rem;
// line-height: 3rem;
}
.cont-list-four li:nth-child(1) {
font-size: 1.125rem;
}
.servicelist>div {
padding: 3rem 0;
}
.serteam .text {
width: 63%;
}
.serteam .img {
width: 35%;
}
.servicelist .title {
font-size: 1.5rem;
line-height: 2rem;
}
.serteam .info {
margin-top: 1.5rem;
line-height: 1.5rem;
}
.shornoslide .swiper-slide {
padding: 0 1rem;
}
.serbuy .link {
margin-bottom: 0rem;
}
.serbuy .link a {
line-height: 2.5rem;
height: 2.5rem;
width: 8rem;
}
.serito>div {
padding: 3rem 0;
}
.serito .title .name {
font-size: 1.3125rem;
line-height: 1.875rem;
}
.serito .title .desc {
line-height: 1.25rem;
font-size: 0.875rem;
margin: 0.875rem 0;
}
.tnfi li {
padding: 1rem;
}
.txl .txname {
font-size: 1.125rem;
line-height: 1.5rem;
margin-top: 0.5rem;
}
.txl .txdesc {
line-height: 1.25rem;
font-size: 0.875rem;
}
.txl .txlink {
margin-top: 1rem;
}
.txl .txlink a {
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.875rem;
padding: 0 0.5rem;
}
.txl .txlink a img {
margin-right: 0.5rem;
}
.tmes .info {
position: relative;
}
.tmes ul {
width: 100%;
}
.tmes li {
width: 49%;
margin-left: 2%;
margin-bottom: 1rem;
}
.tmes li:nth-child(2n-1) {
margin-left: 0;
}
.tmes li .name {
font-size: 1rem;
line-height: 1.25rem;
}
.tmes li .desc {
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 0.5rem;
}
.fmcs ul {
margin-top: 1rem;
}
.fmcs li {
width: 18%;
margin-left: 2.5%;
}
.fmcs li:nth-child(-n+5) {
margin-bottom: 2%;
}
.fmcs li .img {
width: 7rem;
height: 7rem;
}
.fmcs li .name {
font-size: 1rem;
line-height: 1.25rem;
height: 3.75rem;
}
.tmes .img {
display: none;
}
.ems .toggle {
width: 100%;
}
.ems .box {
width: 80%;
margin-right: 10%;
}
.serito .ems {
padding: 3rem 0;
}
.solution {
padding: 3rem 0 6rem 0;
}
.soluindex .text {
padding: 1.5rem;
}
.soluindex .name {
font-size: 1.25rem;
line-height: 1.875rem;
max-height: 6rem;
}
.soluindex .desc {
font-size: 0.75rem;
line-height: 1.125rem;
height: 6.75rem;
margin: 1rem 0;
}
.soluindex .link {
margin-top: 1rem;
}
.solist-0 {
padding-bottom: 3rem;
}
.solist-1,
.solist-2,
.solist-3,
.solist-4 {
padding: 3rem 0;
}
.cont-two-txtpic .toggle,
.night-ico ul,
.three-pictext .toggle,
.sopartner .info,
.cont-two-txtpic .pics {
margin-top: 1.5rem;
}
.cont-two-txtpic .name {
height: 3.5rem;
line-height: 3.5rem;
font-size: 1.3125rem;
}
.cont-two-txtpic .desc {
padding: 1rem;
height: 15rem;
line-height: 1.625rem;
}
.cont-two-txtpic .pics {
padding: 0 5%;
}
.cont-two-txtpic .swiper .img {
width: 92%;
margin: 4%;
}
.cont-two-txtpic .btn.next {
width: 1.5rem;
height: 1.5rem;
right: 1%;
border-right: 2px solid #007AC1;
border-top: 2px solid #007AC1;
}
.cont-two-txtpic .btn.prev {
width: 1.5rem;
height: 1.5rem;
left: 1%;
border-left: 2px solid #007AC1;
border-bottom: 2px solid #007AC1;
}
.night-ico li .name {
height: 3.5rem;
line-height: 3.5rem;
font-size: 1rem;
overflow: hidden;
}
.sale>div,
.sale>div:nth-last-child(1) {
padding: 3rem 0;
}
.sale .title .name {
font-size: 1.875rem;
line-height: 2rem;
}
.fwslide .btn {
height: 3rem;
width: 3rem;
top: calc(65% - 1.625rem);
}
.lsnum .box {
padding-right: 3%;
}
.lsnum .num {
font-size: 2.5rem;
line-height: 2.5rem;
height: 2.5rem;
}
.lsnum.newClass20230307 .num {
justify-content: center;
}
.lsnum ul {
margin-top: 1rem;
}
.lsnum li {
width: 32.3333%;
margin-left: 1.5%;
margin-bottom: 1.5%;
}
.lsnum .num span {
font-size: 1.5rem;
line-height: 3rem;
}
.lsnum .num span.ti {
font-size: 1rem;
line-height: 3.25rem;
}
.sale .title .desc {
margin: 1rem 0;
}
.gzform {
width: 80%;
margin: 0 10%;
}
.animateNum {
padding-right: 1rem;
}
.animateNum::before {
font-size: 1rem;
line-height: 1.25rem;
}
.lsnum .name {
line-height: 1.25rem;
height: 2.5rem;
}
.mhbx .box {
margin-top: 2rem;
}
.llinfo .box li .name,
.llinfo .box .line {
height: 3rem;
line-height: 3rem;
}
.llinfo .toggle {
margin-bottom: 1rem;
}
.llpage {
margin-top: 1rem;
}
.page a,
.page li {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.875rem;
}
.tstj .tsinput {
margin-bottom: 2%;
}
.tstj .tsform {
margin-top: 1rem;
}
.tstj .tsxl ul.cityh li {
line-height: 2rem;
font-size: 0.875rem;
}
.tstj .tsinput .tsdiv,
.tstj .tsinput input,
.tstj .tsinput textarea {
line-height: 2.5rem;
height: 2.5rem;
}
.tnfe li {
width: 24%;
margin-left: 1.3333%;
margin-bottom: 1.3333%;
}
.tnfe .text .name {
margin: 1rem 0 0.5rem 0;
}
.fpcilist li .name,
.fwslide .text .name,
.tstj .tsname {
font-size: 1.125rem;
height: 1.25rem;
line-height: 1.25rem;
}
.fpcilist li .desc {
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
height: 3.75rem;
}
.fpcilist li .text {
padding: 1rem;
}
.mhbx .text li .name {
font-size: 1.25rem;
line-height: 3rem;
height: 3rem;
}
.mhbx .rtn {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 4rem;
}
.mhbx .text ul {
height: 18.5rem;
}
.mhbx .box>.img {
height: 31rem;
}
.gzform .input {
height: 3rem;
line-height: 3rem;
}
.three-pictext .slidepage {
top: -3rem;
font-size: 0.875rem;
}
.three-pictext .slidepage span {
font-size: 1.5rem;
line-height: 1.875rem;
}
.three-pictext .toggle {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
.three-pictext .img,
.three-pictext .text {
width: 94%;
margin: 0 3%;
}
.three-pictext .text {
padding: 1rem;
}
.three-pictext .name {
font-size: 1.25rem;
line-height: 1.625rem;
}
.three-pictext .desc {
margin: 0.625rem 0;
line-height: 1.3125rem;
}
.three-pictext .btn {
right: -4%;
width: 2.5rem;
height: 2.5rem;
}
.three-pictext .btn.next:before,
.three-pictext .btn.prev:before {
width: 0.45rem;
height: 0.45rem;
top: 36%;
}
.three-pictext .btn.prev:before {
top: 35%;
}
.three-pictext .btn.prev {
left: -4%;
}
.sopartner .btn.next:before,
.sopartner .btn.prev:before {
top: 35%;
}
.sopartner .swiper-slide .name {
height: 3rem;
line-height: 3rem;
font-size: 1.25rem;
}
.lonertwo {
padding: 3rem 0;
}
.lonertwo .name {
font-size: 1.125rem;
line-height: 1.625rem;
}
.lonertwo .desc {
margin-top: 1rem;
line-height: 1.5rem;
font-size: 0.875rem;
}
.pics-nightlist {
margin: 1rem 0 3rem 0;
}
.pics-nightlist li {
width: 32%;
margin-left: 2%;
margin-bottom: 2%;
}
.pics-nightlist .text {
padding: 1.125rem;
}
.pics-nightlist .name {
font-size: 1.125rem;
line-height: 1.5rem;
height: 1.5rem;
}
.pics-nightlist .desc {
margin: 0.5rem 0;
}
.socaseview {
padding: 3rem 0;
}
.vtitle .name {
font-size: 1.5rem;
line-height: 1.625rem;
}
.vtitle .more {
margin: 0.5rem 0 1.5rem 0;
font-size: 0.875rem;
line-height: 3rem;
}
.vtitle .share {
margin-top: 0.5rem;
}
.vtitle .more>div {
margin-right: 1.25rem;
}
.videolist,
.videolist .toggle ul {
height: 25rem;
}
.videolist .toggle li {
padding: 0.5rem;
}
.videolist .toggle li .ico div {
width: 2rem;
height: 2rem;
}
.videolist .toggle li .ico div:before {
border-top: 0.25rem solid transparent;
border-left: 0.5rem solid #0079BF;
border-bottom: 0.25rem solid transparent;
}
.videolist .toggle li.active .ico div:before,
.videolist .toggle li.active .ico div:after {
width: 0.2rem;
height: 35%;
}
.videolist .toggle li .name p {
font-size: 1rem;
line-height: 1.25rem;
height: 3.75rem;
}
.casediv-1 {
padding: 2rem 0;
}
.three-num li .num {
font-size: 2.5rem;
line-height: 2.5rem;
}
.three-num li .title {
font-size: 1rem;
line-height: 1.25rem;
}
.casediv-2 {
padding: 3rem 0 1rem 0;
}
.case-clickmore li {
padding: 1.875rem;
}
.case-clickmore li .img {
width: 15rem;
height: 13.125rem;
margin-right: 2rem;
}
.case-clickmore .sort {
font-size: 0.875rem;
line-height: 1.125rem;
}
.case-clickmore .name {
font-size: 1.5rem;
line-height: 1.5rem;
}
.case-clickmore .desc {
margin: 1rem 0;
font-size: 0.875rem;
line-height: 1.3125rem;
height: 3.9375rem;
overflow: hidden;
}
.case-clickmore .link {
margin-top: 1.5rem;
}
.case-clickmore .link a {
width: 5.5rem;
height: 2.25rem;
line-height: 2.25rem;
font-size: 0.875rem;
}
.case-clickmore .more {
height: 3rem;
line-height: 3rem;
}
.casediv-3 {
padding: 3rem 0;
}
.partlist ul {
margin-top: 1.5rem;
}
.partlist li {
width: 18.8%;
margin-left: 1.5%;
margin-bottom: 1.5%;
}
.partlist li:nth-child(6n-5) {
margin-left: 1.5%;
}
.partlist li:nth-child(5n-4) {
margin-left: 0;
}
.socview {
padding-top: 3rem;
}
.socasecont .name {
font-size: 1.5rem;
line-height: 1.625rem;
}
.ltrv {
height: 18rem;
}
.ltrv>div:nth-child(1) {
width: 54%;
}
.ltrv .video {
width: 44%;
margin-left: 2%;
}
.ltrv .desc,
.ltjjfa .desc,
.lsxjz .toggle .desc {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.ltrv .desc .i {
margin: 0.3125rem 0;
}
.ltjjfa {
margin-top: 2rem;
}
.ltjjfa .desc {
margin-top: 1rem;
}
.ltwopic {
margin: 2rem 0;
}
.lsxjz {
height: 17rem;
}
.lsxjz .toggle .desc {
width: 68%;
margin-right: 2%;
}
.spage {
margin-top: 1.5rem;
height: 3.5rem;
}
.spage .left>div {
line-height: 1.75rem;
font-size: 0.875rem;
}
.spage .right a {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.75rem;
}
.about>div,
.aboutdepa {
padding: 3rem 0;
}
.about .title .name {
font-size: 1.5rem;
line-height: 2rem;
text-align: center;
}
.aboutview .info {
margin-top: 1rem;
}
.aboutview .box li .num {
font-size: 1.5rem;
line-height: 2rem;
}
.animateNum {
font-size: 2rem;
line-height: 2rem;
padding-right: 1rem;
}
.animateNum::before {
font-size: 1rem;
line-height: 1rem;
}
.abouthonor li .num {
font-size: 2rem;
line-height: 2rem;
}
.aboutview .toggle {
font-size: 1rem;
line-height: 1.3125rem;
}
.aboutview .box {
width: 100%;
}
.aboutview .box ul {
margin: 1.5rem 0 2rem 0;
}
.aboutview .toggle {
width: 100%;
}
.aboutview .box li:nth-child(3) .num span {
position: relative;
}
.aboutculture .title {
text-align: center;
}
.aboutculture .box {
width: 100%;
margin-top: 1rem;
}
.aboutculture ul {
margin-top: 0;
}
.aboutculture li {
width: 49%;
margin-left: 2%;
margin-top: 2%;
}
.aboutculture li:nth-child(2n-1) {
margin-left: 0;
}
.aboutculture li .img {
width: 5rem;
height: 5rem;
position: absolute;
}
.aboutculture li .title {
position: initial;
transform: initial;
top: initial;
right: initial;
height: 5rem;
overflow: hidden;
}
.aboutculture li .title .name {
text-align: left;
}
.aboutculture li .title .desc {
text-align: left;
line-height: 1.5rem;
}
.aboutculture li .title {
padding-left: 7rem;
}
.aboutculture .toggle {
display: none;
}
.yearswiper {
margin-top: 2rem;
}
.yearswiper .yearsinfo {
width: calc(100% - 7rem);
}
.yearswiper .toggle>div {
margin-right: 1.5rem;
}
.yearswiper .toggle .text .date {
font-size: 1.5rem;
line-height: 2rem;
}
.yearswiper .toggle .text .name {
font-size: 1.125rem;
line-height: 1.5rem;
max-height: 3rem;
}
.yearswiper .toggle .text .desc {
line-height: 1.5rem;
font-size: 1rem;
max-height: 12rem;
}
.yearswiper .toggle,
.yearswiper .toggle>div,
.yearswiper .toggle>div img {
height: 100%;
object-fit: cover;
}
.yearswiper .toggle .text {
width: 48%;
}
.abtslidelist {
width: 96%;
margin: 0 2%;
}
.abtslidelist .toggle {
margin-top: 1rem;
}
.abtslidelist .name {
margin-top: 0.5rem;
line-height: 1.5rem;
}
.abtslidelist .btn {
width: 3rem;
height: 3rem;
}
.abouthonor ul {
padding-bottom: 1rem;
}
.abtb .box .name {
font-size: 1.5rem;
line-height: 2rem;
margin-top: 1rem;
}
.abtb .box .desc {
line-height: 1.5rem;
font-size: 0.875rem;
height: 10.5rem;
overflow: hidden;
}
.abtb .box,
.aboutcoop .toggle {
padding: 1.5rem;
}
.abtb .btn {
bottom: 1rem;
left: 2rem;
}
.abtb .btn.next {
left: 5rem;
}
.aboutnews .info {
margin-top: 1rem;
}
.aboutnews .title .more {
line-height: 3rem;
}
.aboutnews li .text {
padding: 1rem;
}
.aboutnews li .time {
margin-top: 1rem;
}
.about .about6 {
padding-bottom: 3rem;
}
.aboutcoop .text {
margin-top: 2rem;
}
.aboutcoop .box {
padding-right: 1rem;
}
.aboutcoop .box .name {
font-size: 1.25rem;
line-height: 1.5rem;
}
.aboutcoop .box .sname {
font-size: 1rem;
line-height: 1.25rem;
margin: 0.75rem 0;
}
.aboutcoop .box .desc {
line-height: 1.25rem;
font-size: 0.875rem;
}
.aboutcoop .toggle {
width: 48%;
}
.aboutcoop .toggle .name {
font-size: 1.125rem;
line-height: 1.25rem;
}
.aboutcoop .toggle .link {
margin-top: 0.5rem;
}
.newsslide {
padding: 1.5rem;
}
.newsslide .name {
font-size: 1.125rem;
line-height: 1.3125rem;
height: 2.625rem;
}
.newsslide .text {
padding: 0.75rem;
}
.newsslide .date {
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.newsslide .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 5rem;
margin: 0.5rem 0;
}
.newsslide .link {
margin-top: 0;
}
.newsslide .link a {
padding: 0.5rem 1rem;
}
.anews {
padding: 3rem 0;
}
.anews .title .name {
font-size: 1.5rem;
line-height: 2rem;
}
.anewsl {
margin: 1.5rem 0;
}
.anewsl ul {
margin: 0.5rem 0;
}
.anewsl .text {
padding: 1rem;
}
.anewsl .name {
line-height: 1.25rem;
font-size: 1rem;
height: 2.5rem;
}
.newsview .ncontent {
padding-bottom: 1rem;
}
.spage {
margin: 1.5rem 0;
}
.spage .right a {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
}
.newsview .left {
width: 100%;
}
.newsview .right .title {
font-size: 1.25rem;
line-height: 2rem;
margin-top: 1rem;
}
.newsview .right ul {
margin-top: 1rem;
}
.newsview .right .img {
display: none;
}
.newsview .right {
width: 100%;
}
.contact>div {
padding: 3rem 0;
}
.contact .title .name {
font-size: 1.3125rem;
line-height: 1.875rem;
}
.cont3 .title .csort {
font-size: 1.125rem;
line-height: 1.875rem;
}
.lithree {
width: 100%;
}
.lithree ul {
width: 100%;
display: inline-block;
margin-bottom: 1rem;
}
.lithree li {
flex: initial;
width: 50%;
}
.lithree li:nth-child(2) {
border-right: initial;
}
.contqrcode {
width: 100%;
}
.contqrcode p {
text-align: center;
}
.contqrcode img {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.lithree,
.contqrcode,
.sixlicard,
.fourpicslide,
.cform form {
margin-top: 1rem;
}
.twolink {
margin-top: 3rem;
}
.sixlicard li {
width: 49%;
margin-left: 2%;
}
.sixlicard li:nth-child(-n + 4) {
margin-top: 2%;
}
.sixlicard li:nth-child(-n + 2) {
margin-top: 0;
}
.sixlicard li:nth-child(3n-2) {
margin-left: 2%;
}
.sixlicard li:nth-child(2n-1) {
margin-left: 0;
}
.sixlicard .text,
.sixlicard li.on .text {
padding: 1rem;
}
.sixlicard .sixlink {
height: 7rem;
line-height: 5rem;
}
.cform .cinput {
margin-bottom: 2%;
}
.twolink li {
height: initial;
}
.twolink li .box {
padding: 1.5rem 0;
}
.twolink li .box i {
width: 4rem;
height: 4rem;
}
.twolink li .box .text {
font-size: 1.5rem;
line-height: 2rem;
margin-left: 1.5rem;
}
.sixlicard .link a,
.sixlicard .link a font {
height: 2.5rem;
line-height: 2.5rem;
}
.branchlist,
.branchview {
padding: 3rem 0;
}
.branchview .desc {
width: 90%;
margin: 0 5%;
}
.branchview .name {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1.5rem;
}
.branchview .back {
margin: 1rem 0;
}
.branchview .back a {
font-size: 0.875rem;
}
}
@media(max-width:768px) {
.videolist .box .video {
height: 55vw;
}
.videolist .box .video video {
height: 55vw;
}
.nymenu {
top: 4rem;
}
.recruitment-t-wrap.kk .recruitment-t-r {
width: 49% !important
}
.nymenu .line {
display: none;
}
.nymenu.menuH .posh {
top: 4rem;
}
.product-card,
.product-pics,
.teams .w1400 {
padding: 2rem 0;
}
.nybanner .img,
.nybanner .img img {
min-height: 12rem;
object-fit: cover;
}
.nybanner .img img {
max-width: initial;
}
.nybanner .text .box {
width: 50%;
}
.nybanner .text .name {
font-size: 1.125rem;
line-height: 1.5rem;
}
.nybanner .text .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 2.5rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nybanner .text .link {
margin-top: 0.5rem;
}
.nybanner .wjj {
width: 0.875rem;
height: 0.875rem;
}
.nybanner .wjj:after {
height: 10%;
}
.nybanner .wjj:before {
top: 25%;
}
.nypos .box,
.nymenu .box {
width: 100%;
float: left;
height: 3rem;
line-height: 3rem;
overflow: hidden;
}
.nypos .box {
width: 100%;
white-space: nowrap;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
}
.nymenu .box {
overflow: initial;
position: relative;
}
.nymenu .box ul {
position: absolute;
top: calc(100% + 1px);
background: #fff;
padding: 0.5rem 0;
z-index: 999;
width: 100vw;
left: 50%;
transform: translate(-50%, 0);
display: none;
box-shadow: 0 0.25rem 0.5rem 0px rgba(198, 200, 204, 0.4);
}
.nymenu .box ul li {
width: 100%;
line-height: 1.25rem;
margin: 0;
height: initial;
}
.nymenu .box ul li a {
padding: 0.5rem 5%;
}
.nymenu li:nth-child(1) {
margin-left: initial;
}
.nymenu .box .submenu {
display: inline-block;
width: 100%;
float: left;
border-bottom: #E7E7E7 1px solid;
position: relative;
padding: 0 1rem;
}
.nymenu .box .submenu:before {
position: absolute;
content: '';
right: 2%;
top: 48%;
width: 0;
height: 0;
border-right: 1px solid #4F4F4F;
border-top: 1px solid #4F4F4F;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.nymenu .box.on .submenu:before {
transform: rotate(135deg) translate(0%, 50%);
-webkit-transform: rotate(135deg) translate(0%, 50%);
-moz-transform: rotate(135deg) translate(0%, 50%);
-ms-transform: rotate(135deg) translate(0%, 50%);
-o-transform: rotate(135deg) translate(0%, 50%);
}
.nypos .box {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.search-main .search-top {
margin: 2rem 0;
font-size: 1.5rem;
line-height: 2rem;
}
.search-main .search-box {
margin-bottom: 2rem;
}
.search-main .search-box li {
padding: 0;
display: inline-block;
padding-bottom: 1rem;
}
.search-main .search-box li a {
display: inline-block;
width: 100%;
float: left;
}
.search-main .search-box li .img {
width: 100%;
height: initial;
}
.search-main .search-box li .img img {
position: initial;
top: initial;
left: initial;
transform: initial;
object-fit: initial;
}
.search-main .search-box li .text {
flex: initial;
width: 100%;
float: left;
}
.search-main .search-box li .text .text-box {
position: initial;
top: initial;
left: initial;
transform: initial;
float: left;
padding: 0;
margin-top: 1rem;
}
.search-main .search-box li .text .text-box .name {
font-size: 1.25rem;
line-height: 1.5rem;
height: initial;
}
.search-main .search-box li .text .text-box .date {
font-size: 0.875rem;
line-height: 1rem;
}
.search-main .search-box li .text .text-box .link a:before {
right: 0.5%;
width: 1.5rem;
}
.product-card,
.product-pics {
padding: 0;
padding-top: 2rem;
}
.product-card .product-tab {
width: 100%;
float: left;
}
.product-card h3 {
font-size: 1.3125rem;
text-align: center;
margin-bottom: 1rem;
}
.product-tab .pro_tab_menu {
width: 100%;
float: left;
height: 3rem;
line-height: 3rem;
background: #e2e4e6;
font-size: 1rem;
padding: 0 0.5rem;
position: relative;
display: inline-block;
}
.product-tab .pro_tab_menu:before {
position: absolute;
content: '';
right: 2%;
top: 48%;
width: 0;
height: 0;
border-right: 1px solid #4F4F4F;
border-top: 1px solid #4F4F4F;
height: 0.3rem;
width: 0.3rem;
transform: rotate(45deg) translate(-50%, 0%);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
-moz-transform: rotate(45deg) translate(-50%, 0%);
-ms-transform: rotate(45deg) translate(-50%, 0%);
-o-transform: rotate(45deg) translate(-50%, 0%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.product-tab .pro_tab_menu.on:before {
transform: rotate(135deg) translate(0%, 50%);
-webkit-transform: rotate(135deg) translate(0%, 50%);
-moz-transform: rotate(135deg) translate(0%, 50%);
-ms-transform: rotate(135deg) translate(0%, 50%);
-o-transform: rotate(135deg) translate(0%, 50%);
}
.product-tab ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
width: 100%;
left: 0;
top: 100%;
background: #fff;
z-index: 1;
height: initial;
padding: 0.5rem;
}
.product-tab ul li {
width: 100%;
float: left;
}
.product-tab li,
.product-tab .line,
.product-tab li a {
height: 3rem;
}
.product-tab li {
width: initial;
}
.product-tab li.active {
background: #eee;
}
.product-tab li a,
.pro_tab_menu a {
padding: 0.25rem 0;
}
.pro_tab_menu a {
display: inline-block;
width: 100%;
float: left;
}
.product-tab li .name,
.pro_tab_menu .name {
font-size: 0.75rem;
line-height: 1.25rem;
height: 1.25rem;
padding: 0 1rem;
}
.pro_tab_menu .name {
font-weight: bold;
color: #16181a;
position: relative;
}
.pro_tab_menu .name:before {
position: absolute;
content: '';
left: 2rem;
top: 48%;
content: '';
width: 0;
height: 0;
border-right: 2px solid #D70008;
border-top: 2px solid #D70008;
height: 0.4rem;
width: 0.4rem;
transform: rotate(deg);
-webkit-transform: rotate(45deg) translate(-50%, 0%);
border-left: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.product-tab li .name:before,
.pro_tab_menu .name:before {
left: 0.25rem;
width: 0.2rem;
height: 0.2rem;
}
.product-tab li .sort,
.pro_tab_menu .sort {
font-size: 1rem;
padding: 0 1rem;
line-height: 1.25rem;
height: 1.25rem;
}
.product-tab .line {
display: none;
}
.product-card .tabCon {
width: 100%;
margin-top: 2rem;
height: initial !important;
}
.tabCon .content {
height: initial;
position: initial;
opacity: 1;
visibility: initial;
transform: initial;
margin-bottom: 1rem;
display: none;
}
.tabCon .content.active {
display: inline-block;
}
.tabCon .title .name {
font-size: 1.125rem;
line-height: 1.875rem;
}
.tabCon .title .text {
float: left;
width: 90%;
margin: 0 5%;
}
.tabCon .title .desc {
line-height: 1.3125rem;
height: initial;
font-size: 0.875rem;
width: 90%;
margin: 0.5rem 5% 0 5%;
}
.tabCon .info {
height: initial;
padding-bottom: initial;
}
.tabCon .info .link {
left: initial;
right: 1.8rem;
bottom: 1.5rem;
}
.tabCon .info .img {
width: 90%;
margin: 0.5rem 5% 1rem 5%;
position: initial;
height: initial;
}
.tabCon .info .link a {
font-size: 0.75rem;
}
.product-pics .title {
font-size: 1.3125rem;
font-weight: bold;
}
.product-pics ul {
margin-top: 1rem;
}
.product-pics li {
width: 49%;
margin-left: 2%;
margin-bottom: 2%;
}
.product-pics li:nth-child(2n-1) {
margin-left: 0;
}
.product-pics li .name {
font-size: 1.125rem;
line-height: 1.5rem;
bottom: 0.5rem;
}
.product .filter .w1400 {
padding: 0.875rem 0 1.5rem 0;
}
.product .filter .form-item {
width: 48%;
margin-left: 4%;
margin-bottom: 4%;
}
.product .filter .form-item:nth-child(1) {
width: 100%;
}
.product .filter .form-item:nth-child(3),
.product .filter .form-item:nth-child(4) {
margin-bottom: 0;
}
.product .filter .form-item:nth-child(3) {
margin-left: 0
}
.product .filter .pro-form2 ul {
position: relative;
z-index: 2;
}
.product .filter .box {
font-size: 0.875rem;
}
.product .filter .pro-form1 button:before {
width: 40%;
height: 40%;
top: 20%;
}
.product .filter .pro-form1 button:after {
left: 55%;
bottom: 10px;
}
.product .list ul {
margin-bottom: 0;
}
.product .list li {
width: 49%;
margin-left: 2%;
margin-bottom: 5%;
}
.product .list li:nth-child(3n-2) {
margin-left: 2%;
}
.product .list li:nth-child(2n-1) {
margin-left: 0;
}
.product .list li .name {
font-size: 1rem;
line-height: 2rem;
}
.product .list li .desc>div {
font-size: 0.75rem;
}
.product .qrcode .img img {
width: 7rem;
}
.product .qrcode .text {
margin: 0;
margin-top: 1.5rem;
font-size: 1.125rem;
line-height: 1.625rem;
}
.provbanner {
background: #E5ECF2;
float: left;
}
.provbanner .text,
.provbanner .r360 {
position: initial;
top: initial;
height: initial;
max-height: initial;
right: initial;
transform: initial;
}
.provbanner .img {
display: none;
}
.provbanner .text {
width: 96%;
float: left;
margin: 0 2%;
}
.provbanner .text .box {
width: 100%;
float: left;
margin-top: 2rem;
position: initial;
top: initial;
transform: initial;
}
.provbanner .text .name {
text-align: center;
}
.provbanner .text .title {
font-size: 1.125rem;
text-align: center;
}
.provbanner .text .desc {
width: initial;
float: left;
position: relative;
left: 50%;
transform: translate(-50%, 0);
margin-top: 1rem;
max-height: 5rem;
line-height: 1.25rem;
}
.provbanner .text .desc p {
display: inline-block;
float: left;
margin-left: 1rem;
margin: 0;
}
.provbanner .text .desc p:nth-child(1) {
margin-left: 0;
}
.provbanner .text .link {
width: 100%;
float: left;
margin-top: 1rem;
}
.provbanner .text .link a {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.provbanner .r360 {
width: 100%;
float: left;
position: relative;
}
.provbanner .r360 .r360-start {}
.nytitle {
font-size: 1.3125rem;
font-weight: bold;
line-height: 1.875rem;
}
.pro-ico ul {
margin: 0 0 2rem 0;
}
.pro-ico li {
width: 100%;
margin: 0;
margin-top: 1rem;
}
.pro-ico li:nth-child(1) {
margin-top: 0;
}
.pro-ico li .img {
width: 4rem;
height: 4rem;
float: left;
position: initial;
left: initial;
transform: initial;
}
.pro-ico li .desc,
.pro-ico li .name {
width: calc(100% - 5rem);
height: initial;
white-space: initial;
margin: 0;
text-align: left !important;
float: right;
}
.pro-ico li .name {}
.pro-ico li .desc {
margin-top: 0rem;
line-height: 1.25rem;
}
.productview>div,
.provvideo .w1400 {
padding: 2rem 0;
}
.productview .tpl-layui-row>div {
padding: 0 !important;
margin-top: 1rem;
}
.productview .tpl-layui-row>div:nth-child(1) {
margin-top: 0;
}
.productview .tpl-layui-row>div img {
display: inline-block;
float: left;
width: 4rem;
height: 4rem;
}
.productview .tpl-layui-row>div strong {
float: right;
width: calc(100% - 5rem);
text-align: left;
}
.provvideo .w1400 {
display: inline-block;
}
.provvideo .text {
flex: initial;
width: 100%;
float: left;
}
.provvideo .text .box .nytitle,
.productview .provspec .nytitle,
.productview .provdown .nytitle,
.productview .provtrait .nytitle {
text-align: center;
}
.provvideo .video {
width: 100%;
margin: 0;
height: initial;
margin-top: 1.5rem;
}
.provvideo .video .ico i {
width: 3rem;
height: 3rem;
border-radius: 3rem;
}
.provvideo .video .ico i:before {
border-top: 0.3rem solid transparent;
border-bottom: 0.3rem solid transparent;
border-left: 0.6rem solid #fff;
}
.productview .provspec .box {
margin-top: 0.5rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
display: inline-block;
}
.productview .provspec ul {
width: 100%;
float: left;
justify-content: space-between;
white-space: nowrap;
display: flex;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.productview .provspec .boxbtn,
.productview .provspec .line {
display: none;
}
.productview .provspec li {
display: inline-block;
float: left;
margin: 0;
padding: 0;
width: initial;
margin-left: 0.5rem;
}
.productview .provspec .toggle {
padding: 1rem 0;
}
.productview .provspec .cont,
.productview .provtrait .desc {
margin-top: 0;
}
.productview .provdown ul {
margin-top: 1rem;
}
.productview .provdown li {
width: 100%;
margin-left: 0;
margin-bottom: 4%;
}
.productview .provdown li a {
padding: 0.5rem 0.25rem;
}
.productview .provdown li i {
width: 1.5rem;
height: 1.5rem;
top: 0.75rem;
background-size: cover;
}
.productview .provdown li p {
padding-left: 2.5rem;
}
.teams .num-list ul {
padding: 0;
}
.teams .num-list li .name {
height: 2rem;
}
.teams .num-list li .name .num {
padding-right: 1rem;
}
.teams .num-list li .name .num2 {
display: none;
}
.teams .num-list li .name .num1:before {
display: none;
}
.teams .num-list li .name .num3 {
line-height: 1.875rem;
font-size: 0.75rem;
}
.teams .num-list li .desc {
line-height: 1rem;
}
.teams .cont {
margin: 1rem 0 1rem 0;
}
.teams .box {
margin-top: 1.5rem;
}
.teams .img {
position: relative;
height: 10rem;
}
.teams .img img {
position: absolute;
width: auto;
max-width: auto !important;
height: 10rem;
left: 50%;
transform: translate(-50%, 0);
}
.num-list ul {
padding: 0 10%;
}
.num-list li .name .num {
font-size: 1.25rem;
line-height: 1.5rem;
}
.num-list li .desc {
font-size: 0.75rem;
line-height: 1.25rem;
}
.sale>div,
.sale>div:nth-last-child(1) {
padding: 2rem 0;
}
.lsnum {
display: inline-block;
}
.lsnum>div {
width: 100%;
}
.lsnum .box {
padding-right: 0;
margin-bottom: 1rem;
}
.lsnum .toggle {
flex: initial;
}
.lsnum .toggle .img {
top: initial;
transform: initial;
}
.sale .title .name {
text-align: center;
font-size: 1.3125rem;
font-weight: bold;
line-height: 1.875rem;
}
.lsnum li {
width: 49%;
margin-left: 2%;
text-align: center;
}
.lsnum li:nth-child(3n-2) {
margin-left: 2%;
}
.lsnum li:nth-child(2n-1) {
margin-left: 0;
}
.fwslide .btn {
right: -8%;
}
.fwslide .btn.prev {
left: -8%;
}
.fwslide .text .fwnext {
display: none;
}
.fpcilist li .name,
.fwslide .text .name,
.tstj .tsname {
font-size: 1rem;
}
.sale .title .desc {
line-height: 1.5rem;
font-size: 0.875rem;
margin: 0.5rem 0;
}
.gzform {
width: 100%;
margin: 0;
margin-top: 0.5rem;
}
.gzform .input {
font-size: 0.875rem;
}
.gzform .gzgo {
width: 6rem;
}
.gzform .gzinfo {
margin-top: 1.5rem;
}
.gzinfo .gzbe {
margin: 0;
margin-top: 1rem;
}
.gzform .gzname {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 1rem;
}
.gzinfo .gzbe .name {
line-height: 1.5rem;
}
.mhbx .box {
display: inline-block;
margin-top: 1rem;
}
.mhbx .code {
left: 50%;
transform: translate(-50%, 0);
}
.mhbx .code .iname {
line-height: 1.125rem;
}
.mhbx .box>.img {
margin-top: 1.5rem;
}
.mhbx .box>.img,
.mhbx .img li {
width: 100%;
}
.mhbx .rtn {
margin-top: 7.5rem;
margin-bottom: 0.5rem;
text-align: center;
font-size: 1rem;
line-height: 1.25rem;
}
.mhbx .box .text {
width: 100%;
}
.mhbx .text ul {
height: initial;
overflow: initial;
}
.mhbx .box>.img {
flex: initial;
height: initial;
}
.mhbx .text li .name {
font-size: 1rem;
line-height: 2rem;
height: 2rem;
}
.mhbx .text li .name font {
font-size: 1.5rem;
}
.mhbx .text li .desc {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tstj .tsinput {
width: 100%;
margin-left: 0;
}
.tstj .tsinput .name {
line-height: 2.5rem;
}
.tssubmit input {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
}
.serito>div {
padding: 2rem 0;
}
.serito .title .name {
font-size: 1.25rem;
line-height: 1.5rem;
}
.serito .title .desc {
margin: 0.5rem 0;
}
.txl .text {
position: initial;
top: initial;
transform: initial;
left: initial;
}
.txl .img {
height: 15rem;
}
.txl .img img {
height: 100%;
object-fit: cover;
}
.txl .box {
width: 100%;
}
.tmes li {
width: 100%;
margin-left: 0;
}
.fmcs li {
width: 49%;
margin-left: 2%;
}
.fmcs li .img {
width: 6rem;
height: 6rem;
}
.fmcs li:nth-child(5n-4) {
margin-left: 2%;
}
.fmcs li:nth-child(2n-1) {
margin-left: 0;
}
.fmcs li:nth-child(-n+8) {
margin-bottom: 2%;
}
.serito .title .desc {
margin-top: 1rem;
}
.ems .title .name {
text-align: center;
}
.ems .box {
width: 100%;
margin: 0;
margin-top: 1rem;
}
.serito .ems {
padding: 2rem 0;
}
.newsview .ncontent {
min-height: initial;
font-size: 1rem;
}
.about>div,
.aboutdepa {
padding: 2rem 0;
}
.about .title .name {
font-size: 1.5rem;
line-height: 1.875rem;
text-align: center;
}
.aboutview .info {
margin-top: 1rem;
}
.aboutview .box li .num {
font-size: 1.25rem;
line-height: 1.5rem;
}
.animateNum {
font-size: 1.5rem;
line-height: 1.5rem;
padding-right: 0.875rem;
}
.animateNum::before {
font-size: 0.875rem;
line-height: 1rem;
}
.abouthonor li .name {
font-size: 0.875rem;
line-height: 1.25rem;
}
.abouthonor li .num {
font-size: 1.5rem;
line-height: 1.5rem;
}
.aboutview .toggle {
font-size: 0.875rem;
line-height: 1.25rem;
}
.aboutview .box {
width: 100%;
}
.aboutview .box ul {
margin: 1rem 0 1.5rem 0;
}
.aboutview .toggle {
width: 100%;
}
.aboutview .box li .num span,
.aboutview .box li:nth-child(3) .num span {
position: relative;
font-size: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
}
.aboutculture .title {
text-align: center;
}
.aboutculture .box {
width: 100%;
margin-top: 1rem;
}
.aboutculture ul {
margin-top: 0;
}
.aboutculture li {
width: 100%;
margin-left: 0;
margin-top: 2%;
}
.aboutculture li:nth-child(2n-1) {
margin-left: 0;
}
.aboutculture li .img {
width: 4rem;
height: 4rem;
position: absolute;
}
.aboutculture li .title {
position: initial;
transform: initial;
top: initial;
right: initial;
height: initial;
overflow: hidden;
}
.aboutculture li .title .name {
text-align: left;
}
.aboutculture li .title .desc {
text-align: left;
line-height: 1.25rem;
font-size: 0.875rem;
}
.aboutculture li .title {
padding-left: 5rem;
}
.aboutculture .toggle {
display: none;
}
.aboutdepa {
margin: 0;
}
.about .about2 {
background-size: 100% 100% !important;
}
.yearswiper {
margin-top: 1rem;
height: initial;
border-left: initial;
}
.yearswiper .swiper-wrapper {
width: 100%;
border-bottom: #4579AD 1px solid;
}
.yearswiper .swiper-slide .box {
height: 2rem;
}
.yearswiper .swiper-slide.on .box {
border-left: initial;
border-bottom: #fff 2px solid;
}
.yearswiper .swiper-slide {
width: initial;
margin: 0 0.5rem;
line-height: 2rem;
height: 100%;
}
.yearswiper .yearsinfo {
width: 100%;
padding-right: 0;
transform: initial;
left: initial;
}
.yearswiper .toggle {
margin-top: 1rem;
}
.yearswiper .yearsinfo .toggle.on {
display: inline-block;
}
.yearswiper .toggle>div {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.yearswiper .toggle .text {
width: 100%;
max-width: 100%;
margin-top: 1rem;
flex: initial;
}
.yearswiper .toggle .text .date {
font-size: 1.5rem;
line-height: 2rem;
}
.yearswiper .toggle .text .name {
font-size: 1.125rem;
line-height: 1.5rem;
height: initial;
}
.yearswiper .toggle .text .desc {
line-height: 1.5rem;
font-size: 1rem;
height: initial;
}
.yearswiper .toggle,
.yearswiper .toggle>div,
.yearswiper .toggle>div img {
height: 100%;
object-fit: cover;
}
.about3 .abouthonor ul {
margin-top: 1rem;
}
.about3 .abouthonor li {
width: 50%;
margin-bottom: 1rem;
}
.abtslidelist {
width: 100%;
margin: 0;
}
.abtslidelist .toggle {
margin-top: 1rem;
}
.abtslidelist .swiper-slide {
padding: 0 0.5rem;
}
.abtslidelist .name {
margin-top: 0.5rem;
line-height: 1.25rem;
font-size: 0.875rem;
}
.abtslidelist .btn {
display: none;
width: 2.5rem;
height: 2.5rem;
}
.abouthonor ul {
padding-bottom: 1rem;
}
.abtb .toggle,
.abtb .box {
width: 100%;
}
.abtb .box .name {
font-size: 1.5rem;
line-height: 2rem;
margin-top: 0rem;
}
.abtb .box .desc {
line-height: 1.25rem;
font-size: 0.875rem;
height: initial;
overflow: hidden;
margin-top: 1rem;
padding-bottom: 4rem;
}
.abtb .box,
.aboutcoop .toggle {
padding: 1rem;
}
.abtb .btn {
bottom: 1rem;
left: 2rem;
}
.abtb .btn.next {
left: 5rem;
}
.aboutnews .info {
margin-top: 1rem;
}
.aboutnews li {
width: 100%;
margin-left: 0;
margin-bottom: 2%;
}
.aboutnews li .name {
height: initial;
}
.aboutnews .title .more {
line-height: 3rem;
}
.aboutnews li .text {
padding: 1rem;
}
.aboutnews li .time {
margin-top: 1rem;
}
.about .about6 {
padding-bottom: 2rem;
}
.aboutcoop .box,
.aboutcoop .toggle {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.aboutcoop .toggle {
margin-top: 1rem;
padding: 1rem;
}
.aboutcoop .text {
height: initial;
margin-top: 1rem;
}
.aboutcoop .box .name {
font-size: 1.125rem;
line-height: 1.5rem;
}
.aboutcoop .box .sname {
font-size: 1rem;
line-height: 1.25rem;
margin: 0.75rem 0;
}
.aboutcoop .box .desc {
line-height: 1.25rem;
font-size: 0.875rem;
}
.aboutcoop .box .desc span {
font-size: 1rem !important;
}
.aboutcoop .toggle .name {
font-size: 1.125rem;
line-height: 1.25rem;
}
.aboutcoop .toggle .link {
margin-top: 0.5rem;
}
.servicelist>div {
padding: 2rem 0;
}
.serteam .text {
width: 100%;
}
.servicelist .title {
font-size: 1.125rem;
line-height: 1.5rem;
}
.serteam .info {
margin-top: 1rem;
font-size: 0.875rem;
}
.serteam .img {
width: 100%;
margin-top: 1rem;
}
.serteam .img img {
margin-top: 0.5rem;
}
.serhorno .title {
text-align: center;
}
.shornoslide .toggle {
margin-top: 1rem;
}
.shornoslide .btn {
width: 2.5rem;
height: 2.5rem;
right: -8%;
}
.shornoslide .btn.prev {
left: -8%;
}
.shornoslide .swiper-slide {
padding: 0 0.5rem;
}
.llinfo {
margin-top: 1rem;
}
.llinfo .box .line {
display: none;
}
.llinfo .box li,
.llinfo .box li .name {
height: 2rem;
line-height: 2rem;
}
.llinfo .box li .name:before {
display: none;
}
.llinfo .box li .name {
padding: 0 1rem;
margin-top: 0.5rem;
border-left: #ccc 1px solid;
border-bottom: none;
}
.llinfo .box li {
height: 3rem;
padding: 0;
}
.llinfo .box li:nth-child(1) .name {
border: none;
}
.llinfo .toggle li .name {
height: 2.5rem;
line-height: 2.5rem;
}
.llinfo .toggle li .name:before {
width: 0.25rem;
height: 0.25rem;
}
.llinfo .toggle li .desc {
padding: 1rem 0.5rem;
}
.llinfo .box ul {
white-space: nowrap;
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.llinfo .box li,
.llinfo .box li .name {
width: initial;
float: left;
}
.llinfo .box {
width: 100%;
padding: 0;
margin-bottom: 1rem;
}
.llinfo .toggle {
width: 100%;
}
.fwslide .text .desc {
font-size: 0.875rem;
line-height: 1.25rem;
height: 3.75rem;
padding-top: 1rem;
}
.fpcilist ul {
margin-top: 1rem;
}
.fpcilist li {
width: 49%;
margin-left: 2%;
margin-bottom: 2%;
}
.fpcilist li:nth-child(2n-1) {
margin-left: 0;
}
.fwslide {
width: 90%;
margin: 0 5%;
}
.service>div {
padding: 2rem 0;
}
.lprt {
display: inline-block;
}
.lprt .img {
width: 100%;
text-align: center;
}
.tnfe li {
width: 49%;
margin-left: 2%;
margin-bottom: 2%;
}
.tnfe li:nth-child(4n-3) {
margin-left: 2%;
}
.tnfe li:nth-child(2n-1) {
margin-left: 0;
}
.tnfe .text .img img {
width: 4rem;
height: 4rem;
}
.tnfe .text .link a {
opacity: 1;
}
.lsnum .num span {
margin-left: 50%;
transform: translate(-50%, 0);
}
.lsnum.newClass20230307 .num span {
margin-left: 0%;
transform: translate(-0%, 0);
-webkit-transform: translate(-0%, 0);
-moz-transform: translate(-0%, 0);
-ms-transform: translate(-0%, 0);
-o-transform: translate(-0%, 0);
}
.lsnum .num span.ti {
margin-left: initial;
transform: initial;
}
.lprt .ico img {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.lprt .text {
width: 100%;
float: left;
flex: initial;
box-shadow: initial;
}
.lprt .text .box {
position: initial;
top: initial;
transform: initial;
padding: 1rem 2%;
}
.lprt .name {
font-size: 1.125rem;
line-height: 1.5rem;
text-align: center;
}
.lprt .desc {
height: initial;
text-align: center;
max-height: initial;
}
.lprt .link {
margin-top: 0.5rem;
}
.lprt .link a {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.eightico {
margin-top: 1rem;
}
.eightico li {
width: 49%;
margin-left: 2%;
padding: 0.5rem;
}
.eightico li:nth-child(4n-3) {
margin-left: 2%;
}
.eightico li:nth-child(2n-1) {
margin-left: 0;
}
.eightico .img {
width: 3rem;
height: 3rem;
margin-right: 0.5rem;
}
.eightico .name {
font-size: 1rem;
line-height: 1.25rem;
height: 1.25rem;
}
.eightico .link {
margin-top: 0.25rem;
}
.service .title .name {
font-size: 1.25rem;
line-height: 2rem;
}
.tnfi li {
width: 49%;
margin-left: 2%;
margin-bottom: 2%;
padding: 1rem;
}
.tnfi li:nth-child(2n-1) {
margin-left: 0;
}
.tnfi li .img {
width: 6rem;
height: 6rem;
}
.tnfi li .img img {
width: 3rem;
height: 3rem;
}
.tnfi li .name {
font-size: 1rem;
line-height: 1.25rem;
height: 2.5rem;
}
.service2 .link,
.service3 .link,
.service4 .link {
margin-top: 1rem;
}
.lsnico .info {
margin-top: 1rem;
}
.lsnico .box {
width: 100%;
padding: 0;
}
.lsnico .box li .name {
height: 3rem;
line-height: 3rem;
}
.lsnico .box li .subname {
padding: 0.5rem 1.5rem;
}
.lsnico .box .line {
height: 3rem;
display: none;
}
.lsnico .box li.active .name {
background: #C8E2F9;
}
.lsnico .toggle {
width: 100%;
margin-top: 4%;
}
.lsnico .rinfo>div {
width: 49%;
margin-left: 2%;
}
.lsnico .rinfo>div:nth-child(3n-2) {
margin-left: 2%;
}
.lsnico .rinfo>div:nth-child(2n-1) {
margin-left: 0;
}
.lsnico .rinfo>div a {
padding: 2% 5%;
}
.lsnico .rinfo>div .num {
height: 2rem;
line-height: 2rem;
font-size: 2rem;
}
.lsnico .rinfo>div .title {
line-height: 1.25rem;
height: 3.75rem;
font-size: 1rem;
-webkit-line-clamp: 3;
}
.tninfo .tnname {
font-size: 1.125rem;
line-height: 1.5rem;
margin: 1rem 0;
}
.tninfo li {
width: 100%;
margin-left: 0;
margin-bottom: 2%;
}
.tninfo li .desc {
height: initial;
}
.tnfthree ul li {
width: 100%;
margin-left: 0%;
border-radius: initial;
border: initial;
height: initial;
padding-bottom: 0;
background: initial;
margin-top: 10%;
}
.tnfthree ul li:nth-child(1) {
margin-top: 0;
}
.tnfthree ul li .box {
min-width: 60%;
width: initial;
position: initial;
top: initial;
left: initial;
transform: initial;
padding: initial;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.tnfthree ul li:hover {
background: initial;
}
.tnfthree ul li:hover .img {
opacity: 1;
transform: translate(-50%, 0);
}
.tnfthree ul li:hover .text {
margin-top: 1rem;
}
.service4 {
background-size: auto 100% !important;
background-repeat: no-repeat;
}
.backbone {
padding: 0;
padding-bottom: 2rem;
}
.backbone li {
width: 100%;
margin-left: 0;
margin-top: 1.5rem;
}
.backbone li .text {
width: 95%;
top: 90%;
padding: 1rem;
box-shadow: 0 0 0.5rem 0.25rem rgb(73 87 112 / 20%);
}
.backbone li .text .name {
font-size: 1.25rem;
line-height: 1.25rem;
}
.backbone li .text .desc {
font-size: 1rem;
line-height: 1.15rem;
max-height: 3.45rem;
}
.backbone li .text .exp {
line-height: 1.25rem;
height: 2.25rem;
}
.backbone li .text .link a {
font-size: 0.7rem;
padding: 0.5rem 1rem;
}
.backbone li.active .exp {
height: 9rem;
}
.system .system-top ul {
height: 3.5rem;
line-height: 3.5rem;
font-size: 1.125rem;
}
.cont-textpic {
margin-top: 2rem;
display: inline-block;
}
.cont-textpic .box {
flex: initial;
width: 100%;
float: left;
}
.cont-textpic .box .text {
position: initial;
top: initial;
transform: initial;
padding-right: 0;
}
.cont-textpic .box .text .name {
margin-top: 0.75rem;
}
.cont-textpic .box .text .desc {
float: left;
}
.system .nytitle {
margin-bottom: 0.875rem;
}
.cont-textpic .toggle {
width: 100%;
float: left;
margin-top: 1rem;
}
.cont-list {
margin-top: 2rem;
}
.cont-list li,
.cont-list li:nth-child(1) {
height: 3rem;
}
.cont-list li {
font-size: 0.75rem;
}
.cont-list li:nth-child(1) {
font-size: 1rem;
}
.cont-list li>div {
padding: 0 0.5rem;
}
.cont-list li .box {
width: 9rem;
line-height: 1rem;
}
.cont-list li:before {
width: 9rem;
}
.cont-list li .toggle {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
display: flex;
}
.cont-list tr td:nth-last-child(1) {
overflow-x: auto;
overflow-y: hidden;
}
.system .system-info {
margin-bottom: 0rem;
}
.cont-list-four {
padding: 2rem 0;
}
.cont-list-four ul {
overflow-x: auto;
}
.cont-list-four li {
overflow-x: auto;
overflow-y: hidden;
// white-space: nowrap;
width: 45rem;
}
.cont-list-four li>div {
// padding: 0 1rem;
overflow: hidden;
font-size: 0.75rem;
}
.cont-list-four li:nth-child(1) {
font-size: 1rem;
}
.cont-list-four .box-one,
.cont-list-four .box-two {
width: 9rem;
}
.cont-list-four .box-three {
width: 12rem;
}
.cont-list-four .box-four {
width: 15rem;
}
.solution {
padding: 2rem 0 4rem 0;
}
.soluindex .box .img {
width: 100%;
padding-top: 11rem;
}
.soluindex .toggle {
width: 100%;
}
.soluindex .text {
padding: 0.625rem;
text-align: center;
}
.soluindex .name {
font-size: 1rem;
line-height: 1.5rem;
height: 3rem;
overflow: hidden;
}
.soluindex .desc {
line-height: 1rem;
height: 3rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin: 0;
margin-top: 0.625rem;
}
.soluindex .link {
margin-top: 0.625rem;
}
.soluindex .link a {
padding: 0.5rem 1rem;
}
.newsslide {
padding: 1rem;
width: 200%;
}
.newsslide .box .img,
.newsslide .box .video {
width: 100%;
padding: initial;
height: initial;
}
.newsslide .toggle {
position: initial;
}
.newsslide .name {
font-size: 1.125rem;
line-height: 1.3125rem;
height: 2.625rem;
text-align: left;
}
.newsslide .text {
padding: 0.75rem;
padding-bottom: 3.5rem;
}
.newsslide .text .date {
position: absolute;
width: initial;
float: left;
left: 0.75rem;
bottom: 0.75rem;
margin-top: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
.newsslide .desc {
display: none;
}
.newsslide .text .link {
position: absolute;
right: 0.75rem;
bottom: 0.75rem;
float: right;
width: initial;
}
.newsslide .link a {
padding: 0.5rem 1rem;
}
.anews {
padding: 2rem 0;
}
.anews .title .name {
font-size: 1.3125rem;
line-height: 1.5rem;
}
.anmenu {
border: initial;
}
.anewsl {
margin: 1rem 0;
}
.anewsl ul {
margin: 0.25rem 0;
}
.anewsl li {
width: 100%;
margin-left: 0%;
margin-bottom: 2%;
}
.anewsl li:nth-child(3n-2) {
margin-left: 0%;
}
.anewsl li:nth-child(2n-1) {
margin-left: 0;
}
.anewsl .text {
padding: 1rem;
}
.anewsl .name {
line-height: 1.25rem;
font-size: 1rem;
height: initial;
}
.anewsl .desc {
height: initial;
}
.nymenu .news-xyears {
position: initial;
right: initial;
top: initial;
width: 100%;
float: left;
border: initial;
height: 3rem;
line-height: 3rem;
background: #fff;
border-bottom: #E7E7E7 1px solid;
}
.solist-0 {
padding-bottom: 2rem;
}
.solist-1,
.solist-2,
.solist-3,
.solist-4 {
padding: 2rem 0;
}
.solist-4 {
padding-bottom: 1rem;
}
.cont-two-txtpic .toggle,
.night-ico ul,
.three-pictext .toggle,
.sopartner .info,
.cont-two-txtpic .pics {
margin-top: 1rem;
}
.cont-two-txtpic li {
width: 100%;
margin-left: 0;
}
.cont-two-txtpic .name {
height: 2.5rem;
line-height: 2.5rem;
font-size: 1.25rem;
padding: 0 1rem;
}
.cont-two-txtpic .desc {
padding: 0.875rem;
height: initial;
line-height: 1.5rem;
}
.cont-two-txtpic .pics {
padding: 0;
/*padding: 0 5%;*/
margin-bottom: 2rem;
}
.cont-two-txtpic .btn {
display: none;
}
.cont-two-txtpic .swiper .img {
width: 92%;
margin: 4%;
}
.cont-two-txtpic .btn.next {
width: 1.5rem;
height: 1.5rem;
right: 1%;
border-right: 2px solid #007AC1;
border-top: 2px solid #007AC1;
}
.cont-two-txtpic .btn.prev {
width: 1.5rem;
height: 1.5rem;
left: 1%;
border-left: 2px solid #007AC1;
border-bottom: 2px solid #007AC1;
}
.contact>div {
padding: 2rem 0;
}
.contact .title .name {
text-align: center;
font-size: 1.25rem;
line-height: 1.5rem;
}
.lithree li {
width: 100%;
border: initial;
padding: 0 5%;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: #dcdcdc 1px solid;
}
.lithree li:nth-child(2) {
border: initial;
padding: 0 5%;
margin: 0;
}
.contqrcode {
margin-top: 0;
}
.contqrcode img {
width: 60%;
height: initial;
}
.sixlicard.active ul {
height: 21.5rem;
}
.sixlicard li {
width: 100%;
margin-left: 0;
margin-top: 2%;
}
.sixlicard li:nth-child(3n-2) {
margin-left: 0;
}
.sixlicard li:nth-child(-n + 4) {
margin-top: 2%;
}
.sixlicard li:nth-child(-n + 1) {
margin-top: 0%;
}
.sixlicard .cclick font {
float: right;
}
.sixlicard .sixlink {
height: 5rem;
line-height: 3rem;
}
.cont3 .title .csort font {
margin-left: 1rem;
}
.cont3 .title .csort {
font-size: 1rem;
}
.csslide .swiper-slide:nth-child(2n-1) {
width: 100%;
}
.csslide .swiper-slide:nth-child(2n-0) {
width: 100%;
margin: 0;
}
.csslide .btn {
display: none;
}
.twolink {
margin-top: 2rem;
}
.twolink li .box {
padding: 1rem 0;
}
.twolink li .box i {
width: 3rem;
height: 3rem;
}
.twolink li .box .text {
font-size: 1rem;
line-height: 1.25rem;
margin-left: 0.5rem;
}
.twolink li .box .text .name {
font-size: 1rem;
line-height: 1.5rem;
height: 1.5rem;
overflow: hidden;
}
.cform .cinput {
width: 100%;
margin-left: 0;
line-height: 2.5rem;
height: 2.5rem;
padding: 0 0.5rem;
}
.cform .cinput .name {
margin-right: initial;
}
.cform .cinput2 {
height: 14rem;
}
.cform .cinput2 textarea {
margin-top: 2.5rem;
height: 10.5rem;
line-height: 1.5rem;
}
.cform .csubmit {
margin-top: 1rem;
}
.cform .csubmit input {
width: 6rem;
line-height: 2.5rem;
height: 2.5rem;
}
.branchlist {
padding: 2rem 0;
}
.branchlist li {
width: 100%;
margin-left: 0;
}
.branchlist .text {
padding: 1rem;
}
.branchlist .name {
font-size: 1.25rem;
line-height: 1.5rem;
}
.branchlist .desc .bautolist {
width: 100%;
min-height: initial;
}
.branchlist li .link {
float: left;
margin-top: 1rem;
}
.branchlist .desc.bauto p:nth-child(4) {
height: initial;
}
.branchlist li .link a,
.branchlist li .link a font {
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.875rem;
}
.branchlist .desc {
margin: 0;
margin-top: 1rem;
}
.night-ico ul {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.night-ico li {
width: 31.3333%;
margin-left: 3%;
margin-bottom: 3%;
}
.night-ico li:nth-child(3n-2) {
margin-left: 0;
}
.night-ico li .name {
top: 60%;
height: 2rem;
line-height: 2rem;
}
.three-pictext .slidepage {
top: -2.5rem;
font-size: 0.875rem;
}
.three-pictext .slidepage span {
font-size: 1.25rem;
line-height: 1.5rem;
}
.three-pictext .toggle {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.three-pictext .img,
.three-pictext .text {
width: 100%;
margin: 0;
}
.three-pictext .btn {
display: none;
}
.sovideo .img {
height: 15rem;
}
.sovideo .img img {
height: 20rem;
width: initial;
max-width: initial;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.sopartner .info {
display: inline-block;
}
.sopartner .nytitle {
text-align: center;
}
.sopartner .box {
width: 100%;
display: inline-block;
}
.sopartner ul {
padding-right: 0;
}
.sopartner li {
width: 32.3333%;
margin-left: 1.5%;
}
.sopartner li:nth-child(4n-3) {
margin-left: 1.5%;
}
.sopartner li:nth-child(3n-2) {
margin-left: 0;
}
.sopartner li:nth-child(-n + 12) {
margin-bottom: 1.5%;
}
.sopartner li.swiper-pagination-bullet-active:before {
display: none;
}
.sopartner li:hover,
.sopartner li.swiper-pagination-bullet-active {
border: #E6E6E6 1px solid;
}
.sopartner .toggle {
width: 100%;
float: left;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.sopartner .btn {
display: none;
}
.sopartner .swiper-slide .name {
height: 2.5rem;
line-height: 2.5rem;
font-size: 1rem;
}
.lonertwo {
padding: 2rem 0;
padding-bottom: 0;
}
.lonertwo>div {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem;
}
.lonertwo .name {
font-size: 1.125rem;
line-height: 1.625rem;
text-align: center;
}
.lonertwo .desc {
margin-top: 1rem;
line-height: 1.5rem;
font-size: 0.875rem;
}
.lonertwo .toggle li {
width: 100%;
margin-bottom: 2rem;
}
.lonertwo .toggle li:nth-last-child(1),
.lonertwo>div:nth-last-child(1) {
margin-bottom: 0;
}
.pics-nightlist {
margin: 0;
}
.pics-nightlist ul {
margin-top: 2rem;
}
.pics-nightlist li {
width: 49%;
margin-left: 2%;
margin-bottom: 2%;
}
.pics-nightlist li:nth-child(3n-2) {
margin-left: 2%;
}
.pics-nightlist li:nth-child(2n-1) {
margin-left: 0;
}
.pics-nightlist .text {
padding: 0.75rem;
}
.pics-nightlist .name {
font-size: 1rem;
line-height: 1.25rem;
height: 1.25rem;
}
.pics-nightlist .desc {
margin: 0.5rem 0;
}
.page {
margin-top: 1rem;
}
.socaselist .pics-nightlist li {
width: 100%;
margin-left: initial;
}
.socaselist .pics-nightlist .img {
height: initial;
padding: initial;
}
.socaselist .pics-nightlist .img a {
padding: initial;
}
.socaselist .pics-nightlist .desc {
height: initial;
-webkit-line-clamp: initial;
}
.socaseview {
padding: 2rem 0;
}
.vtitle .name {
font-size: 1.25rem;
line-height: 1.5rem;
text-align: center;
margin-bottom: 1rem;
}
.vtitle .more {
margin: 0.3125rem 0 1rem 0;
font-size: 0.875rem;
line-height: 2rem;
}
.vtitle .more .form,
.vtitle .more .number {
display: none
}
.vtitle .share {
margin-top: 0rem;
}
.vtitle .more>div {
margin-right: 0;
}
.videolist,
.videolist .toggle ul {
height: initial;
}
.videolist .box,
.videolist .toggle {
width: 100%;
}
.videolist .toggle {
float: left;
margin-top: 1rem;
}
.videolist .toggle ul {
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
display: flex;
}
.videolist .toggle li {
width: 12rem;
margin-left: 2%;
padding: 0;
margin-bottom: 0;
margin-bottom: 0.5rem;
display: inline-block;
}
.videolist .toggle li:nth-last-child(1) {
margin-bottom: 0.5rem;
}
.videolist .toggle li:nth-child(1) {
margin-left: 0;
}
.videolist .toggle li .ico {
width: 12rem;
height: 8rem;
padding-bottom: 0;
}
.videolist .toggle li .ico img {
width: initial;
width: 100%;
height: 100%;
}
.videolist .toggle li .ico div {
width: 2rem;
height: 2rem;
}
.videolist .toggle li .ico div:before {
border-top: 0.25rem solid transparent;
border-left: 0.5rem solid #0079BF;
border-bottom: 0.25rem solid transparent;
}
.videolist .toggle li.active .ico div:before,
.videolist .toggle li.active .ico div:after {
width: 0.2rem;
height: 35%;
}
.videolist .toggle li .name {
width: 100%;
padding-left: 0;
padding: 0.5rem;
flex: initial;
}
.videolist .toggle li .name p {
display: block;
float: left;
width: 100%;
font-size: 0.875rem;
line-height: 1.25rem;
height: 1.255rem;
-webkit-line-clamp: 1;
}
.videolist .toggle li .name i {
display: none;
}
.casediv-1 {
padding: 1.5rem 0;
}
.three-num ul {
padding: 0;
}
.three-num li .num {
font-size: 1.5rem;
height: 2rem;
}
.three-num li .num font {
padding-right: 1.125rem;
font-size: 2rem;
line-height: 2rem;
}
.three-num li .num font:before {
font-size: 1.125rem;
line-height: 1.125rem;
}
.three-num li .title {
font-size: 0.875rem;
line-height: 1rem;
font-weight: initial;
}
.branchlist,
.branchview {
padding: 2em 0;
}
.branchview .desc {
width: 100%;
margin: 0;
}
.branchview .name {
font-size: 1.25rem;
line-height: 1.875rem;
margin-bottom: 1rem;
}
.branchview .back {
margin: 0.5rem 0;
}
.branchview .back a {
font-size: 0.875rem;
height: 2.5rem;
line-height: 2.5rem;
}
.casediv-2 {
padding: 2rem 0 0.5rem 0;
}
.case-clickmore ul {
margin-top: 1rem;
}
.case-clickmore li {
padding: 0.5rem;
display: inline-block;
}
.case-clickmore li .img {
width: 100%;
height: initial;
margin: 0;
}
.case-clickmore li .text {
flex: initial;
margin-top: 0.5rem;
}
.case-clickmore .sort {
font-size: 0.75rem;
line-height: 1.5rem;
text-align: center;
}
.case-clickmore .name {
font-size: 1.25rem;
text-align: center;
}
.case-clickmore .desc {
margin: 0;
margin-bottom: 0.5rem;
}
.case-clickmore .link {
margin-top: 0.5rem;
}
.case-clickmore .link a {
float: right;
width: 4.5rem;
height: 2rem;
line-height: 2rem;
font-size: 0.75rem;
}
.case-clickmore .more {
margin-top: 0.5rem;
height: 2rem;
line-height: 2rem;
font-size: 0.75rem;
}
.case-clickmore .more font:before,
.case-clickmore .more font:after {
top: 15%;
}
.case-clickmore .more font:after {
top: 40%;
}
.casediv-3 {
padding: 1rem 0 2rem 0;
}
.partlist ul {
margin-top: 1rem;
}
.partlist li {
width: 23.5%;
margin-left: 2%;
margin-bottom: 2%;
}
.partlist li:nth-child(6n-5),
.partlist li:nth-child(5n-4) {
margin-left: 2%;
}
.partlist li:nth-child(4n-3) {
margin-left: 0%;
}
.applybox {
width: 90% !important;
}
#tojob {
padding: 1rem;
}
#tojob .title {
height: 2rem;
}
#tojob font {
font-size: 1.25rem;
line-height: 2rem;
padding-left: 1.75rem;
}
#tojob font.layui-icon {
font-size: 1.5rem;
line-height: 2.25rem;
}
#tojob .appinput {
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.875rem;
}
.socview {
padding-top: 2rem;
}
.ltrv {
height: initial;
display: inline-block;
}
.ltrv>div:nth-child(1) {
width: 100%;
}
.socasecont .name {
font-size: 1.125rem;
line-height: 1.25rem;
text-align: center;
}
.ltrv .desc,
.ltjjfa .desc,
.lsxjz .toggle .desc {
margin-top: 0.5rem;
}
.ltrv .desc .i {
margin: 0.25rem 0;
}
.ltrv .video {
flex: initial;
width: 100%;
margin: 0;
margin-top: 1rem;
height: auto;
}
.ltrv .video .text {
width: 5rem;
}
.ltrv .video .text i {
width: 2.5rem;
height: 2.5rem;
}
.ltrv .video .text i:before {
left: 55%;
}
.ltrv .video {
height: 18rem;
}
.lsxjz {
height: initial;
}
.lsxjz .toggle {
display: inline-block;
}
.lsxjz .toggle .desc {
width: 100%;
margin: 0;
margin-top: 1rem;
}
.lsxjz .toggle .lpic {
flex: initial;
width: 100%;
float: left;
margin-top: 1rem;
}
.spage {
height: initial;
margin: initial;
margin-top: 2rem;
}
.spage>div {
width: 100%;
float: left;
}
.spage .left>div {
font-size: 1rem;
line-height: 2;
}
.spage .right {
float: left;
margin-top: 1rem;
}
.spage .right a {
width: 6rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 1rem;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.newsview .right .title {
margin-top: 2rem;
}
.product-tab ul::-webkit-scrollbar,
.nypos .box::-webkit-scrollbar,
.productview .provspec ul::-webkit-scrollbar,
.cont-list li .toggle::-webkit-scrollbar,
.cont-list-four ul::-webkit-scrollbar,
.videolist .toggle ul::-webkit-scrollbar,
.llinfo .box ul::-webkit-scrollbar {
height: 3px;
}
.product-tab ul::-webkit-scrollbar-track,
.nypos .box::-webkit-scrollbar-track,
.productview .provspec ul::-webkit-scrollbar-track,
.cont-list li .toggle::-webkit-scrollbar-track,
.cont-list-four ul::-webkit-scrollbar-track,
.videolist .toggle ul::-webkit-scrollbar-track,
.llinfo .box ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #D4D9E0;
}
.product-tab ul::-webkit-scrollbar-thumb,
.nypos .box::-webkit-scrollbar-thumb,
.productview .provspec ul::-webkit-scrollbar-thumb,
.cont-list li .toggle::-webkit-scrollbar-thumb,
.cont-list-four ul::-webkit-scrollbar-thumb,
.videolist .toggle ul::-webkit-scrollbar-thumb,
.llinfo .box ul::-webkit-scrollbar-thumb {
background: #007AC1;
-webkit-box-shadow: inset 0 0 6px #007AC1;
opacity: 1
}
.product-tab ul::-webkit-scrollbar-thumb:window-inactive,
.nypos .box::-webkit-scrollbar-thumb:window-inactive,
.productview .provspec ul::-webkit-scrollbar-thumb:window-inactive,
.cont-list li .toggle::-webkit-scrollbar-thumb:window-inactive,
.cont-list-four ul::-webkit-scrollbar-thumb:window-inactive,
.videolist .toggle ul::-webkit-scrollbar-thumb:window-inactive,
.llinfo .box ul::-webkit-scrollbar-thumb:window-inactive {
background: #D4D9E0;
}
}
/* 鎶曡祫鑰 */
.invest2-main {
width: 100%;
margin-top: 6.25rem;
}
.invest2-title1 {
font-size: 2.57rem;
color: #16181a;
font-weight: 550;
}
.invest2-wrap1 {
margin-top: 3.57rem;
border-top: 1px solid #007ac1;
width: 100%;
overflow-x: auto;
padding: 2rem 0;
}
.invest2-item {
width: 100%;
display: flex;
align-items: stretch;
border-bottom: 1px solid #dae5eb;
/* min-width: 30rem; */
}
.invest2-item-l {
width: 30%;
padding: 1.5rem 1.78rem;
font-size: 1.28rem;
font-weight: 550;
color: #16181a;
background-color: #f0f5f7;
display: flex;
align-items: center;
}
.invest2-item-l:nth-child(2n) {
background-color: #dae5eb;
}
.invest2-item-r {
width: 70%;
padding: 1.5rem 1.78rem;
font-size: 1.28rem;
color: #333333;
background-color: #FFFFFF;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.invest2-main {
padding: 4.14rem 0;
}
.invest2-title1 {
font-size: 2rem;
}
.invest2-wrap1 {
margin-top: 2.5rem;
}
.invest2-item-l {
padding: 1.2rem 1.5rem;
font-size: 1.1rem;
}
.invest2-item-r {
padding: 1.2rem 1.5rem;
font-size: 1.1rem;
}
}
@media only screen and (max-width: 900px) {
.invest2-main {
padding: 3.14rem 0;
margin-top: 2rem;
}
.invest2-title1 {
font-size: 1.7rem;
}
.invest2-wrap1 {
margin-top: 2rem;
}
.invest2-item-l {
padding: 1.05rem 1.3rem;
font-size: 1rem;
}
.invest2-item-r {
padding: 1.05rem 1.3rem;
font-size: 1rem;
}
}
@media only screen and (max-width: 700px) {
.invest2-main {
padding: 1.5rem 0;
margin-top: 0rem;
}
.invest2-title1 {
font-size: 1.5rem;
}
.invest2-wrap1 {
margin-top: 1.5rem;
}
.invest2-item-l {
padding: 0.95rem 1.1rem;
font-size: 0.9rem;
}
.invest2-item-r {
padding: 0.95rem 1.1rem;
font-size: 0.9rem;
}
}
.invest2-wrap3 {
width: 100%;
margin-top: 7.14rem;
}
.invest2-wrap3-item1 {
background-color: #007ac1;
color: #FFFFFF;
font-size: 1rem;
padding: 1.14rem 1.64rem;
}
.invest2-wrap3-item1 span:first-child {
font-size: 1.71rem;
font-weight: 550;
padding-right: 1rem;
}
.invest2-wrap3-item2 {
display: flex;
align-items: stretch;
background-color: #FFFFFF;
font-size: 1.28rem;
color: #16181a;
}
.invest2-wrap3-item2:nth-child(2n) {
background-color: #f0f5f7;
}
.invest2-wrap3-thead {
padding: 2.57rem 1.64rem;
}
.invest2-wrap3-tbody {
padding: 1.14rem 1.64rem;
}
.invest2-wrap3-width1 {
width: 40%;
display: flex;
align-items: center;
}
.invest2-wrap3-width2 {
width: 20%;
display: flex;
align-items: center;
border-left: 1px solid #dae5eb;
}
.invest2-wrap3-width3 {
width: 20%;
display: flex;
align-items: center;
border-left: 1px solid #dae5eb;
}
@media only screen and (max-width: 1200px) {
.invest2-wrap3 {
margin-top: 4.14rem;
}
.invest2-wrap3-item1 {
background-color: #007ac1;
color: #FFFFFF;
font-size: 0.95rem;
padding: 1rem 1.5rem;
}
.invest2-wrap3-item1 span:first-child {
font-size: 1.5rem;
padding-right: 0.8rem;
}
.invest2-wrap3-item2 {
font-size: 1.1rem;
}
.invest2-wrap3-thead {
padding: 2.3rem 1.5rem;
}
.invest2-wrap3-tbody {
padding: 1rem 1.5rem;
}
}
@media only screen and (max-width: 900px) {
.invest2-wrap3 {
margin-top: 3.14rem;
}
.invest2-wrap3-item1 {
background-color: #007ac1;
color: #FFFFFF;
font-size: 0.9rem;
padding: 0.9rem 1.2rem;
}
.invest2-wrap3-item1 span:first-child {
font-size: 1.3rem;
padding-right: 0.7rem;
}
.invest2-wrap3-item2 {
font-size: 1rem;
}
.invest2-wrap3-thead {
padding: 1.5rem 1.2rem;
}
.invest2-wrap3-tbody {
padding: 0.9rem 1.2rem;
}
}
@media only screen and (max-width: 700px) {
.invest2-wrap3 {
margin-top: 1.5rem;
}
.invest2-wrap3-item1 {
background-color: #007ac1;
color: #FFFFFF;
font-size: 0.8rem;
padding: 0.8rem 1rem;
}
.invest2-wrap3-item1 span:first-child {
font-size: 1.1rem;
padding-right: 0.6rem;
}
.invest2-wrap3-item2 {
font-size: 0.9rem;
}
.invest2-wrap3-thead {
padding: 1.1rem 1rem;
}
.invest2-wrap3-tbody {
padding: 0.8rem 1.1rem;
}
}
@media only screen and (max-width: 650px) {
.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 {
margin-top: 0;
}
.recruitment-t-wrap.kk {
padding-top: 2% !important;
}
.recruitment-t-wrap.kk .recruitment-t-r {
width: 100% !important
}
.invest2-wrap3-width1 {
width: 35%;
}
.invest2-wrap3-width3 {
width: 25%;
}
.invest2-wrap3-width3.invest2-wrap3-tbody {
padding: 0.8rem 0 !important;
text-align: center;
justify-content: center;
font-size: 0.8rem !important;
}
.invest2-wrap3-item1 {
padding: 0.8rem 0.8rem;
}
.invest2-wrap3-thead {
padding: 1.1rem 0.8rem;
}
.invest2-wrap3-tbody {
padding: 0.8rem 0.8rem;
}
}
@media only screen and (max-width: 450px) {
.invest2-wrap3-width1 {
width: 30%;
}
.invest2-wrap3-width3 {
width: 30%;
}
.invest2-wrap3-width3.invest2-wrap3-tbody {
padding: 0.8rem 0 !important;
text-align: center;
justify-content: center;
}
.invest2-wrap3-item1 {
padding: 0.8rem 0.7rem;
}
.invest2-wrap3-thead {
padding: 1.1rem 0.7rem;
}
.invest2-wrap3-tbody {
padding: 0.8rem 0.7rem;
}
}
.invest2-wrap2 {
width: 100%;
padding-top: 7.14rem;
}
.invest2-title2 {
font-size: 2.57rem;
color: #16181a;
font-weight: 550;
text-align: center;
}
.invest2-rel {
width: 37.35rem;
height: 37.35rem;
margin: 3.57rem auto 0 auto;
position: relative;
z-index: 1;
}
.invest2-rel-image {
width: 100%;
height: 100%;
display: block;
}
.invest2-abs1 {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 550;
padding-top: 0.5rem;
}
.invest2-abs1-1 {
text-align: center;
font-size: 1.28rem;
color: #333333;
}
.invest2-abs1-2 {
font-size: 1.71rem;
color: #d70008;
text-align: center;
margin-top: 0.5rem;
}
.invest2-abs1-3 {
text-align: center;
font-size: 1.28rem;
color: #919191;
margin-top: 0.5rem;
}
.invest2-abs2 {
font-size: 2.1rem;
font-weight: 550;
color: #FFFFFF;
position: absolute;
z-index: 2;
top: 36%;
left: 6%;
}
.invest2-abs3 {
font-size: 2.1rem;
font-weight: 550;
color: #FFFFFF;
position: absolute;
z-index: 2;
bottom: 23%;
right: 14%;
}
.invest2-abs4 {
font-weight: 550;
position: absolute;
z-index: 2;
bottom: 23%;
right: -38%;
}
.invest2-abs4-1 {
font-size: 1.28rem;
color: #333333;
}
.invest2-abs4-2 {
font-size: 1.28rem;
color: #919191;
margin-top: 0.3rem;
}
.invest2-abs4-2 span:first-child {
font-size: 1.71rem;
color: #007ac1;
margin-right: 0.5rem;
}
.invest2-abs5 {
font-weight: 550;
position: absolute;
z-index: 2;
top: 30%;
left: -40%;
}
@media only screen and (max-width: 1200px) {
.invest2-wrap2 {
padding-top: 4.14rem;
}
.invest2-title2 {
font-size: 2rem;
}
.invest2-rel {
width: 30rem;
height: 30rem;
margin: 2.57rem auto 0 auto;
}
.invest2-abs1-1 {
font-size: 1rem;
}
.invest2-abs1-2 {
font-size: 1.5rem;
margin-top: 0.5rem;
}
.invest2-abs1-3 {
font-size: 1rem;
margin-top: 0.5rem;
}
.invest2-abs2 {
font-size: 1.7rem;
top: 37%;
}
.invest2-abs3 {
font-size: 1.7rem;
bottom: 24%;
}
.invest2-abs4 {
bottom: 23%;
right: -41%;
}
.invest2-abs4-1 {
font-size: 1rem;
}
.invest2-abs4-2 {
font-size: 1rem;
}
.invest2-abs4-2 span:first-child {
font-size: 1.5rem;
margin-right: 0.3rem;
}
.invest2-abs5 {
top: 30%;
left: -42%;
}
}
@media only screen and (max-width: 900px) {
.invest2-wrap2 {
padding-top: 3.14rem;
}
.invest2-title2 {
font-size: 1.7rem;
}
.invest2-rel {
width: 23rem;
height: 23rem;
margin: 2rem auto 0 auto;
}
.invest2-abs1-1 {
font-size: 0.85rem;
}
.invest2-abs1-2 {
font-size: 1.2rem;
margin-top: 0.3rem;
}
.invest2-abs1-3 {
font-size: 0.85rem;
margin-top: 0.2rem;
}
.invest2-abs2 {
font-size: 1.3rem;
top: 37%;
}
.invest2-abs3 {
font-size: 1.3rem;
bottom: 24%;
}
.invest2-abs4 {
bottom: 23%;
right: -41%;
}
.invest2-abs4-1 {
font-size: 0.85rem;
}
.invest2-abs4-2 {
font-size: 0.85rem;
}
.invest2-abs4-2 span:first-child {
font-size: 1.2rem;
margin-right: 0.2rem;
}
.invest2-abs5 {
top: 30%;
left: -42%;
}
}
@media only screen and (max-width: 700px) {
.invest2-wrap2 {
padding-top: 1.5rem;
}
.invest2-title2 {
font-size: 1.5rem;
}
.invest2-rel {
width: 18rem;
height: 18rem;
margin: 1.5rem auto 0 auto;
}
.invest2-abs1-1 {
font-size: 0.75rem;
}
.invest2-abs1-2 {
font-size: 1rem;
margin-top: 0.3rem;
}
.invest2-abs1-3 {
font-size: 0.75rem;
margin-top: 0.2rem;
}
.invest2-abs2 {
font-size: 1rem;
top: 37%;
}
.invest2-abs3 {
font-size: 1rem;
bottom: 24%;
}
.invest2-abs4 {
bottom: 20%;
right: -43%;
}
.invest2-abs4-1 {
font-size: 0.75rem;
}
.invest2-abs4-2 {
font-size: 0.75rem;
margin-top: 0.1rem;
}
.invest2-abs4-2 span:first-child {
font-size: 1rem;
margin-right: 0rem;
}
.invest2-abs5 {
top: 30%;
left: -45%;
}
}
@media only screen and (max-width: 550px) {
.invest2-rel {
width: 18rem;
height: 18rem;
margin: 1rem auto -1rem auto;
transform: scale(0.9);
}
}
@media only screen and (max-width: 500px) {
.invest2-rel {
width: 18rem;
height: 18rem;
margin: -0.5rem auto -2rem auto;
transform: scale(0.8);
}
}
@media only screen and (max-width: 450px) {
.invest2-rel {
width: 18rem;
height: 18rem;
margin: -1.5rem auto -3rem auto;
transform: scale(0.7);
}
.invest2-abs5 {
top: 00%;
left: -30%;
}
.invest2-abs4 {
bottom: 0%;
right: -30%;
}
}
.invest3-banner {
width: 100%;
height: auto;
position: relative;
}
.invest3-banner-image {
width: 100%;
height: 35.71rem;
object-fit: cover;
}
.invest3-banner-abs {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.invest3-banner-abs .invest3-banner-text1 {
font-size: 2.85rem;
color: #FFFFFF;
font-weight: 550;
}
.invest3-banner-abs .invest3-banner-text2 {
font-size: 1.14rem;
color: #FFFFFF;
margin-top: 1.5rem;
}
.invest3-banner-flex {
display: flex;
align-items: center;
margin-top: 5rem;
}
.invest3-banner-l {
flex: 1;
display: flex;
align-items: flex-end;
}
.invest3-banner-text3 {
font-size: 1.71rem;
color: #FFFFFF;
font-weight: 550;
padding-bottom: 1rem;
}
.invest3-banner-l-wrap {
display: flex;
align-items: flex-start;
}
.invest3-banner-text4 {
font-size: 5.14rem;
color: #d70008;
font-weight: 550;
}
.invest3-banner-text5 {
font-size: 1rem;
color: #d70008;
padding-top: 1rem;
padding-left: 1rem;
}
.invest3-banner-triangle {
width: 0;
height: 0;
border-left: 0.8rem solid transparent;
border-right: 0.8rem solid transparent;
border-bottom: 0.8rem solid #d70008;
margin-top: 0.5rem;
}
.invest3-banner-r {
flex: 1;
display: flex;
align-items: center;
}
.invest3-banner-r-item {
position: relative;
padding-left: 1.2rem;
flex: 1;
}
.invest3-banner-r-item::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #315079;
width: 1px;
height: 90%;
}
.invest3-banner-r-item div:first-child {
font-size: 1rem;
color: #007ac1;
}
.invest3-banner-r-item div:last-child {
color: #FFFFFF;
margin-top: 0.7rem;
font-size: 1.14rem;
}
.invest3-banner-r-item div:last-child span:first-child {
font-size: 1.71rem;
}
.invest3-banner-text6 {
font-size: 0.92rem;
color: rgba(255, 255, 255, 0.3);
margin-top: 3rem;
}
@media only screen and (max-width: 1200px) {
.invest3-banner-image {
height: 30rem;
}
.invest3-banner-abs .invest3-banner-text1 {
font-size: 2.5rem;
}
.invest3-banner-abs .invest3-banner-text2 {
font-size: 1rem;
margin-top: 1.2rem;
}
.invest3-banner-flex {
margin-top: 3rem;
}
.invest3-banner-text3 {
font-size: 1.5rem;
padding-bottom: 0.7rem;
}
.invest3-banner-text4 {
font-size: 4.14rem;
}
.invest3-banner-text5 {
font-size: 0.9rem;
padding-top: 0.8rem;
}
.invest3-banner-triangle {
border-left: 0.6rem solid transparent;
border-right: 0.6rem solid transparent;
border-bottom: 0.6rem solid #d70008;
margin-top: 0.3rem;
}
.invest3-banner-r-item {
padding-left: 1rem;
}
.invest3-banner-r-item div:first-child {
font-size: 0.9rem;
}
.invest3-banner-r-item div:last-child {
margin-top: 0.6rem;
font-size: 1rem;
}
.invest3-banner-r-item div:last-child span:first-child {
font-size: 1.5rem;
}
.invest3-banner-text6 {
font-size: 0.8rem;
margin-top: 2rem;
}
}
@media only screen and (max-width: 900px) {
.invest3-banner-image {
height: 25rem;
}
.invest3-banner-abs .invest3-banner-text1 {
font-size: 2.2rem;
}
.invest3-banner-abs .invest3-banner-text2 {
font-size: 0.8rem;
margin-top: 1rem;
}
.invest3-banner-flex {
margin-top: 1.5rem;
display: block;
}
.invest3-banner-text3 {
font-size: 1.2rem;
padding-bottom: 0.6rem;
}
.invest3-banner-text4 {
font-size: 3.5rem;
}
.invest3-banner-text5 {
font-size: 0.8rem;
padding-top: 0.8rem;
}
.invest3-banner-triangle {
border-left: 0.5rem solid transparent;
border-right: 0.5rem solid transparent;
border-bottom: 0.5rem solid #d70008;
margin-top: 0.2rem;
}
.invest3-banner-r {
margin-top: 1.5rem;
}
.invest3-banner-r-item {
padding-left: 0.8rem;
}
.invest3-banner-r-item div:first-child {
font-size: 0.8rem;
}
.invest3-banner-r-item div:last-child {
margin-top: 0.5rem;
font-size: 0.9rem;
}
.invest3-banner-r-item div:last-child span:first-child {
font-size: 1.3rem;
}
.invest3-banner-text6 {
font-size: 0.6rem;
margin-top: 1.5rem;
}
}
@media only screen and (max-width: 500px) {
.invest3-banner-image {
height: 22rem;
}
.invest3-banner-abs .invest3-banner-text1 {
font-size: 1.8rem;
}
.invest3-banner-abs .invest3-banner-text2 {
font-size: 0.5rem;
margin-top: 0.6rem;
}
.invest3-banner-flex {
margin-top: 1rem;
display: block;
}
.invest3-banner-text3 {
font-size: 1rem;
padding-bottom: 0.6rem;
}
.invest3-banner-text4 {
font-size: 3rem;
}
.invest3-banner-r {
margin-top: 1rem;
}
.invest3-banner-r-item {
padding-left: 0.7rem;
}
.invest3-banner-r-item div:first-child {
font-size: 0.7rem;
}
.invest3-banner-r-item div:last-child {
margin-top: 0.5rem;
font-size: 0.8rem;
}
.invest3-banner-r-item div:last-child span:first-child {
font-size: 1.1rem;
}
.invest3-banner-text6 {
font-size: 0.6rem;
margin-top: 1.5rem;
line-height: 1.2rem;
}
}
.invest3-main {
width: 100%;
margin-top: 6.25rem;
}
.invest3-t-wrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.invest3-t {
font-size: 2rem;
font-weight: 550;
}
.invest3-t-wrap :before,
.invest3-t-wrap :after {
position: absolute;
content: '';
}
.invest3-t-r {
display: flex;
align-items: center;
}
.invest3-t-wrap .pro-form2 {
width: 15rem;
height: 3rem;
padding: 0 1rem;
border: none;
background: #f5f7fa;
color: #333333;
position: relative;
margin-left: 1rem;
}
.invest3-t-wrap .pro-form2 {
padding: 0;
}
.invest3-t-wrap .pro-form2 .time05 {
font-size: 1rem;
}
.invest3-t-wrap .pro-form2 .text {
width: 100%;
height: 100%;
padding: 0 1rem;
line-height: 3rem;
overflow: hidden;
color: #333;
position: relative;
cursor: pointer;
}
.invest3-t-wrap .pro-form2 ul {
display: none;
width: 100%;
padding: 1rem 0;
border-top: #f5f7fa 1px solid;
background: #f5f7fa;
position: absolute;
}
.invest3-t-wrap .pro-form2 li {
width: 100%;
float: left;
line-height: 2rem;
padding: 0 1rem;
cursor: pointer;
}
.invest3-t-wrap .pro-form2 i {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
display: inline-block;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.invest3-t-wrap .pro-form2 i:before {
left: 40%;
top: 48%;
content: '';
border-right: 2px solid #333;
border-bottom: 2px solid #333;
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-moz-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
-o-transform: rotate(45deg) translate(-50%, -50%);
border-left: 2px solid transparent;
border-top: 2px solid transparent;
}
.invest3-t-wrap .pro-form2 .text.on {
background: #f5f7fa;
}
.invest3-t-wrap .pro-form2 li:hover {
background: #E3EDFB;
}
.invest3-contianer {
border-top: 1px solid #007ac1;
margin-top: 2rem;
margin-bottom: 4rem;
}
.invest3-item {
height: 7.14rem;
padding: 0 2%;
display: flex;
align-items: center;
border-bottom: 1px solid #f5f7fa;
}
.invest3-item-l {
display: flex;
align-items: center;
flex: 1;
}
.invest3-time1 {
font-size: 3.0rem;
font-weight: bold;
color: #9f9f9f;
text-align: center;
}
.invest3-time2 {
display: block;
width: 2rem;
height: 0.07rem;
background-color: #9f9f9f;
margin: -0.2rem auto 0.3rem auto;
}
.invest3-time3 {
font-size: 1rem;
font-weight: bold;
color: #9f9f9f;
text-align: center;
}
.invest3-item-content {
flex: 1;
padding: 0 2%;
font-size: 1.2rem;
color: #333333;
line-height: 1.75rem;
}
.invest3-item-r {
border: 1px solid #d8d8d8;
border-radius: 0.57rem;
width: 7.14rem;
height: 3.42rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
color: #007ac1;
font-size: 1rem;
flex-shrink: 0;
}
.invest3-item-r img {
width: 0.875rem;
height: 0.875rem;
margin-left: 0.8rem;
display: block;
}
.invest3-item-r .invest3-item-img2 {
display: none;
}
.invest3-item:hover {
background-color: #f5f7fa;
}
.invest3-item:hover .invest3-item-r {
background-color: #007ac1;
border: 1px solid #007ac1;
color: #FFFFFF;
}
.invest3-item:hover .invest3-item-img1 {
display: none;
}
.invest3-item:hover .invest3-item-img2 {
display: block;
}
.invest3-container2 {
width: 100%;
padding: 5rem 0;
float: left;
margin-top: 3rem;
}
.invest3-image {
width: 7.92rem;
height: auto;
display: block;
margin: 0 auto;
}
.invest3-text {
font-size: 1.51rem;
color: #333333;
margin-top: 2rem;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.invest3-container2 {
padding: 3rem 0;
margin-top: 2rem;
}
}
@media only screen and (max-width: 900px) {
.invest3-container2 {
padding: 2rem 0;
margin-top: 1.5rem;
}
.invest3-text {
font-size: 1.21rem;
margin-top: 1.5rem;
}
}
@media only screen and (max-width: 700px) {
.invest3-container2 {
padding: 1.5rem 0;
margin-top: 1rem;
}
.invest3-text {
font-size: 1rem;
margin-top: 1.2rem;
}
}
@media only screen and (max-width: 500px) {
.invest3-container2 {
padding: 1.2rem 0;
margin-top: 0.5rem;
}
.invest3-text {
font-size: 0.8rem;
margin-top: 1rem;
}
}
@media only screen and (max-width: 1200px) {
.invest3-main {
width: 100%;
padding: 3.14rem 0;
}
.invest3-t {
font-size: 1.7rem;
}
.invest3-contianer {
margin-top: 1.5rem;
}
.invest3-time1 {
font-size: 2.5rem;
}
.invest3-time2 {
width: 2rem;
height: 0.05rem;
margin: 0rem auto 0.3rem auto;
}
.invest3-time3 {
font-size: 0.9rem;
}
.invest3-item-content {
font-size: 0.95rem;
line-height: 1.55rem;
}
.invest3-item-r {
border-radius: 0.5rem;
width: 6.14rem;
height: 3rem;
font-size: 0.9rem;
}
.invest3-item-r img {
width: 0.9rem;
height: 0.9rem;
margin-left: 0.7rem;
}
}
@media only screen and (max-width: 900px) {
.invest3-main {
width: 100%;
padding: 2rem 0;
}
.invest3-t {
font-size: 1.6rem;
}
.invest3-contianer {
margin-top: 1.2rem;
}
.invest3-time1 {
font-size: 2.2rem;
}
.invest3-time2 {
width: 2rem;
height: 0.05rem;
margin: 0rem auto 0.3rem auto;
}
.invest3-time3 {
font-size: 0.8rem;
}
.invest3-item-content {
font-size: 0.85rem;
line-height: 1.55rem;
}
.invest3-item-r {
border-radius: 0.5rem;
width: 5.14rem;
height: 2.6rem;
font-size: 0.8rem;
}
.invest3-item-r img {
width: 0.9rem;
height: 0.9rem;
margin-left: 0.5rem;
}
.invest3-t-r {
font-size: 0.9rem;
}
.invest3-t-wrap .pro-form2 .time05 {
font-size: 0.9rem;
}
}
@media only screen and (max-width: 600px) {
.invest3-main {
width: 100%;
padding: 1.2rem 0 0 0;
}
.invest3-t {
font-size: 1.5rem;
}
.invest3-contianer {
margin-top: 1rem;
}
.invest3-item {
height: auto;
padding: 0.8rem 0;
}
.invest3-time1 {
font-size: 1.9rem;
}
.invest3-time2 {
width: 1rem;
height: 0.03rem;
margin: 0rem auto 0.3rem auto;
}
.invest3-time3 {
font-size: 0.6rem;
}
.invest3-item-content {
font-size: 0.78rem;
line-height: 1.25rem;
}
.invest3-item-r {
border-radius: 0.5rem;
width: 4.5rem;
height: 2.2rem;
font-size: 0.6rem;
}
.invest3-item-r img {
width: 0.75rem;
height: 0.75rem;
margin-left: 0.5rem;
}
.invest3-t-r {
font-size: 0.8rem;
}
.invest3-t-wrap .pro-form2 .time05 {
font-size: 0.8rem;
}
.invest3-t-wrap .pro-form2 {
height: 2.5rem;
}
.invest3-t-wrap .pro-form2 .text {
line-height: 2.5rem;
}
}
@media only screen and (max-width: 450px) {
.invest3-main {
width: 100%;
padding: 1rem 0 0 0;
}
.invest3-t {
font-size: 1.2rem;
}
.invest3-contianer {
margin-top: 0.8rem;
}
.invest3-t-wrap {
display: block;
}
.invest3-t-r {
margin-top: 0.8rem;
}
}
.invest1-container1 {
width: 100%;
padding-top: 6.25rem;
}
.invpbot {
padding-bottom: 6.25rem;
}
.invest1-wrap1 {
width: 100%;
height: 32.14rem;
z-index: 1;
overflow: hidden;
position: relative;
}
.invest1-wrap1-image {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.5s;
display: block;
}
.invest1-wrap1:hover .invest1-wrap1-image {
transform: scale(1.05);
}
.invest1-abs1 {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
right: 6%;
color: #FFFFFF;
text-align: right;
}
.invest1-abs1-text1 {
font-size: 2.57rem;
font-weight: 550;
}
.invest1-abs1-text2 {
font-size: 1.14rem;
margin-top: 1.5rem;
}
.invest1-abs1-btn {
width: 6rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #007ac1;
color: #FFFFFF;
border-radius: 0.57rem;
font-size: 0.875rem;
margin: 7rem 0 0 auto;
border: 1px solid #007ac1;
}
.invest1-abs1-btn:hover {
color: #fff;
background: #469FD2;
border: #469FD2 1px solid;
}
@media only screen and (max-width: 1200px) {
.invpbot {
padding-bottom: 0;
}
.invest1-container1 {
padding: 4.5rem 0;
}
.invest1-wrap1 {
height: 30rem;
}
.invest1-abs1-text1 {
font-size: 2.1rem;
font-weight: 550;
}
.invest1-abs1-text2 {
font-size: 1rem;
margin-top: 1.5rem;
}
.invest1-abs1-btn {
width: 7.5rem;
height: 3.47rem;
border-radius: 0.57rem;
font-size: 1rem;
font-weight: 550;
margin: 6rem 0 0 auto;
}
}
@media only screen and (max-width: 900px) {
.invest1-container1 {
padding: 3.5rem 0;
}
.invest1-wrap1 {
height: 25rem;
}
.invest1-abs1-text1 {
font-size: 2rem;
font-weight: 550;
}
.invest1-abs1-text2 {
font-size: 0.9rem;
margin-top: 1.1rem;
}
.invest1-abs1-btn {
width: 7rem;
height: 3.27rem;
border-radius: 0.57rem;
font-size: 0.95rem;
font-weight: 550;
margin: 6rem 0 0 auto;
}
}
@media only screen and (max-width: 700px) {
.invest1-container1 {
padding: 2.2rem 0;
margin-top: 0rem;
}
.invest1-wrap1 {
height: 22rem;
}
.invest1-abs1-text1 {
font-size: 1.8rem;
font-weight: 550;
}
.invest1-abs1-text2 {
font-size: 0.8rem;
margin-top: 0.9rem;
}
.invest1-abs1-btn {
width: 6rem;
height: 3rem;
border-radius: 0.57rem;
font-size: 0.85rem;
font-weight: 550;
margin: 5rem 0 0 auto;
}
}
@media only screen and (max-width: 500px) {
.invest1-container1 {
padding: 1.5rem 0;
}
.invest1-wrap1 {
height: 18rem;
}
.invest1-abs1-text1 {
font-size: 1.5rem;
font-weight: 550;
}
.invest1-abs1-text2 {
font-size: 0.6rem;
margin-top: 0.7rem;
}
.invest1-abs1-btn {
width: 5rem;
height: 2.5rem;
border-radius: 0.37rem;
font-size: 0.75rem;
font-weight: 550;
margin: 4rem 0 0 auto;
}
}
.invest1-container2 {
width: 100%;
padding: 7.14rem 0;
background-color: #f5f7fa;
}
.invest1-title2-wrap {
font-size: 2.57rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.invest1-title2-wrap a {
color: #007ac1;
font-size: 1rem;
}
.invest1-title2-wrap a:hover {
color: #007ac1;
}
.invest1-wrap2 {
display: flex;
justify-content: space-between;
margin-top: 2.5rem;
}
.invest1-wrap2-l {
width: 48%;
height: 30.28rem;
color: #FFFFFF;
position: relative;
overflow: hidden;
z-index: 1;
}
.invest1-wrap2-l-image {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.5s;
display: block;
}
.invest1-wrap2-l:hover .invest1-wrap2-l-image {
transform: scale(1.05);
}
.invest1-wrap2-l-abs {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
padding: 5rem 3rem 0 3rem;
}
.invest1-wrap2-l-text1 {
font-size: 1.71rem;
line-height: 2.5rem;
}
.invest1-wrap2-l-text2 {
font-size: 1rem;
margin-top: 1.42rem;
}
.invest1-wrap2-l-text3 {
font-size: 1rem;
margin-top: 10rem;
color: #FFFFFF;
display: block;
}
.invest1-wrap2-r {
width: 48%;
height: 30.28rem;
background-color: #FFFFFF;
border: 1px solid #e6e6e6;
padding: 1.42rem 0;
}
.invest1-wrap2-r-item {
height: 33.3%;
width: 100%;
position: relative;
padding: 0 2.14rem;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0.35rem;
height: 5rem;
background-color: #007ac1;
}
.invest1-wrap2-r-content {
width: 100%;
}
.invest1-wrap2-r-text1 {
font-size: 1.42rem;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.invest1-wrap2-r-text2 {
margin-top: 1rem;
font-size: 1rem;
color: #9f9f9f;
}
@media only screen and (max-width: 1200px) {
.invest1-container2 {
padding: 4.5rem 0;
}
.invest1-title2-wrap {
font-size: 2.3rem;
}
.invest1-wrap2 {
margin-top: 2.3rem;
}
.invest1-wrap2-l {
width: 48.5%;
height: 28rem;
}
.invest1-wrap2-l-abs {
padding: 3.5rem 2.5rem 0 2.5rem;
}
.invest1-wrap2-l-text1 {
font-size: 1.5rem;
line-height: 2.4rem;
}
.invest1-wrap2-l-text2 {
font-size: 0.9rem;
margin-top: 1.22rem;
}
.invest1-wrap2-l-text3 {
font-size: 0.9rem;
margin-top: 10rem;
}
.invest1-wrap2-r {
width: 48.5%;
height: 28rem;
padding: 1.22rem 0;
}
.invest1-wrap2-r-item {
padding: 0 2rem;
}
.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
width: 0.3rem;
height: 4rem;
}
.invest1-wrap2-r-text1 {
font-size: 1.22rem;
}
}
@media only screen and (max-width: 900px) {
.invest1-container2 {
padding: 3.5rem 0;
}
.invest1-title2-wrap {
font-size: 2.1rem;
}
.invest1-wrap2 {
margin-top: 2.1rem;
}
.invest1-wrap2-l {
width: 48.5%;
height: 22rem;
}
.invest1-wrap2-l-abs {
padding: 2.5rem 1.5rem 0 1.5rem;
}
.invest1-wrap2-l-text1 {
font-size: 1.2rem;
line-height: 2rem;
}
.invest1-wrap2-l-text2 {
font-size: 0.85rem;
margin-top: 1rem;
}
.invest1-wrap2-l-text3 {
font-size: 0.85rem;
margin-top: 8rem;
}
.invest1-wrap2-r {
width: 48.5%;
height: 22rem;
padding: 1rem 0;
}
.invest1-wrap2-r-item {
padding: 0 1.6rem;
}
.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
width: 0.2rem;
height: 3rem;
}
.invest1-wrap2-r-text1 {
font-size: 1rem;
}
.invest1-wrap2-r-text2 {
font-size: 0.85rem;
margin-top: 0.85rem;
}
}
@media only screen and (max-width: 700px) {
.invest1-container2 {
padding: 2.2rem 0;
}
.invest1-title2-wrap {
font-size: 1.8rem;
}
.invest1-wrap2 {
margin-top: 1.5rem;
}
.invest1-wrap2-l {
width: 49%;
height: 18rem;
}
.invest1-wrap2-l-abs {
padding: 1.5rem 1rem 0 1rem;
}
.invest1-wrap2-l-text1 {
font-size: 1rem;
line-height: 1.6rem;
}
.invest1-wrap2-l-text2 {
font-size: 0.8rem;
margin-top: 0.9rem;
}
.invest1-wrap2-l-text3 {
font-size: 0.8rem;
margin-top: 7rem;
}
.invest1-wrap2-r {
width: 49%;
height: 18rem;
padding: 0.8rem 0;
}
.invest1-wrap2-r-item {
padding: 0 1.2rem;
}
.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
width: 0.2rem;
height: 3rem;
}
.invest1-wrap2-r-text1 {
font-size: 0.9rem;
}
.invest1-wrap2-r-text2 {
font-size: 0.8rem;
margin-top: 0.75rem;
}
}
@media only screen and (max-width: 500px) {
.invest1-container2 {
padding: 1.5rem 0;
}
.invest1-title2-wrap {
font-size: 1.5rem;
}
.invest1-wrap2 {
display: block;
margin-top: 1.2rem;
}
.invest1-title2-wrap a {
color: #007ac1;
font-size: 0.8rem;
}
.invest1-wrap2-l {
width: 100%;
height: 18rem;
}
.invest1-wrap2-l-abs {
padding: 1.5rem 1rem 0 1rem;
}
.invest1-wrap2-l-text1 {
font-size: 1rem;
line-height: 1.6rem;
}
.invest1-wrap2-l-text2 {
font-size: 0.8rem;
margin-top: 0.9rem;
}
.invest1-wrap2-l-text3 {
font-size: 0.8rem;
margin-top: 7rem;
}
.invest1-wrap2-r {
width: 100%;
height: 18rem;
padding: 0.8rem 0;
margin-top: 1.5rem;
}
.invest1-wrap2-r-item {
padding: 0 1.2rem;
}
.invest1-wrap2-r-item.active::after,
.invest1-wrap2-r-item:hover::after {
width: 0.2rem;
height: 3rem;
}
.invest1-wrap2-r-text1 {
font-size: 0.9rem;
}
.invest1-wrap2-r-text2 {
font-size: 0.8rem;
margin-top: 0.75rem;
}
}
.invest1-wrap3 {
margin-top: 5rem;
display: flex;
justify-content: space-between;
}
.invest1-wrap3-l {
width: 48%;
height: 30rem;
background-color: #FFFFFF;
border: 1px solid #e6e6e6;
box-sizing: border-box;
}
.invest1-wrap3-item1 {
width: 100%;
padding: 4.5rem 1.85rem 0 1.85rem;
display: flex;
}
.invest1-wrap3-image {
width: 1.85rem;
height: 1.78rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
color: #FFFFFF;
background-image: url(../images/contact/invest-3.png);
background-position: center;
background-size: cover;
font-style: oblique;
}
.invest1-wrap3-image span {
display: inline-block;
margin-left: -0.3rem;
}
.invest1-wrap3-content {
flex: 1;
margin-left: 1.42rem;
}
.invest1-wrap3-r {
width: 48%;
height: 30rem;
box-sizing: border-box;
}
.invest1-wrap3-content2 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0 1.85rem;
border: 1px solid #e6e6e6;
height: 9rem;
}
.invest1-wrap3-content2:not(:last-child) {
margin-bottom: 1.5rem;
}
.invest1-wrap3-content2>div {
width: 100%;
}
@media only screen and (max-width: 1200px) {
.invest1-wrap3 {
margin-top: 4rem;
}
.invest1-wrap3-l {
width: 48.5%;
height: 25.5rem;
}
.invest1-wrap3-item1 {
width: 100%;
padding: 3.5rem 1.55rem 0 1.55rem;
display: flex;
}
.invest1-wrap3-content {
flex: 1;
margin-left: 1.22rem;
}
.invest1-wrap3-r {
width: 48.5%;
height: 25.5rem;
box-sizing: border-box;
}
.invest1-wrap3-content2 {
padding: 0 1.55rem;
height: 7.5rem;
}
.invest1-wrap3-content2:not(:last-child) {
margin-bottom: 1.5rem;
}
}
@media only screen and (max-width: 900px) {
.invest1-wrap3 {
margin-top: 3rem;
}
.invest1-wrap3-l {
width: 48.5%;
height: 22.1rem;
}
.invest1-wrap3-item1 {
width: 100%;
padding: 3rem 1.35rem 0 1.35rem;
display: flex;
}
.invest1-wrap3-content {
flex: 1;
margin-left: 1.02rem;
}
.invest1-wrap3-r {
width: 48.5%;
height: 22.1rem;
box-sizing: border-box;
}
.invest1-wrap3-content2 {
padding: 0 1.35rem;
height: 6.5rem;
}
.invest1-wrap3-content2:not(:last-child) {
margin-bottom: 1.3rem;
}
.invest1-wrap3-image {
transform: scale(0.9);
}
}
@media only screen and (max-width: 700px) {
.invest1-wrap3 {
margin-top: 2rem;
}
.invest1-wrap3-l {
width: 48.5%;
height: 18.7rem;
}
.invest1-wrap3-item1 {
width: 100%;
padding: 2.5rem 1.15rem 0 1.15rem;
display: flex;
}
.invest1-wrap3-content {
flex: 1;
margin-left: 1rem;
}
.invest1-wrap3-r {
width: 48.5%;
height: auto;
max-height: 18.7rem;
box-sizing: border-box;
}
.invest1-wrap3-content2 {
padding: 0 1.15rem;
height: 5.5rem;
}
.invest1-wrap3-content2:not(:last-child) {
margin-bottom: 1.1rem;
}
.invest1-wrap3-image {
transform: scale(0.85);
}
}
@media only screen and (max-width: 500px) {
.invest1-wrap3 {
margin-top: 1.5rem;
display: block;
}
.invest1-wrap3-l {
width: 100%;
height: 18.7rem;
}
.invest1-wrap3-item1 {
width: 100%;
padding: 2.5rem 1.15rem 0 1.15rem;
display: flex;
}
.invest1-wrap3-content {
flex: 1;
margin-left: 1rem;
}
.invest1-wrap3-r {
width: 100%;
height: auto;
max-height: 18.7rem;
box-sizing: border-box;
}
.invest1-wrap3-content2 {
padding: 0 1.15rem;
height: 5.5rem;
margin-top: 1.5rem;
}
.invest1-wrap3-content2:not(:last-child) {
margin-bottom: 0;
}
.invest1-wrap3-image {
transform: scale(0.85);
}
}
.invest1-flex5 {
display: flex;
justify-content: space-between;
}
.invest1-flex5-wrap {
width: 48%;
}
.invest1-flex5-wrap .invest1-wrap3-l {
width: 100% !important;
}
@media only screen and (max-width: 1200px) {
.invest1-flex5-wrap {
width: 48.5%;
}
}
@media only screen and (max-width: 900px) {
.invest1-flex5-wrap {
width: 48.5%;
}
}
@media only screen and (max-width: 700px) {
.invest1-flex5-wrap {
width: 48.5%;
}
}
@media only screen and (max-width: 500px) {
.invest1-flex5 {
display: block;
justify-content: space-between;
}
.invest1-flex5-wrap {
width: 100%;
}
.invest1-flex5-wrap:last-child {
margin-top: 1.5rem;
}
}
.invest1-wrap4 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.invest1-item4 {
width: 48%;
height: 9.28rem;
padding: 0 2.27rem 0 2.57rem;
box-sizing: border-box;
background-color: #FFFFFF;
display: flex;
align-items: center;
margin-top: 4rem;
box-shadow: 0.71rem 0.71rem 0 #e3e9f0;
}
.invest1-item4-l {
flex: 1;
padding-right: 2.27rem;
}
.invest1-item4-image {
width: 2.14rem;
height: auto;
}
@media only screen and (max-width: 1200px) {
.invest1-item4 {
width: 48.5%;
margin-top: 3rem;
height: 8rem;
padding: 0 2rem 0 2.27rem;
box-shadow: 0.65rem 0.65rem 0 #e3e9f0;
}
.invest1-item4-l {
flex: 1;
padding-right: 2rem;
}
}
@media only screen and (max-width: 900px) {
.invest1-item4 {
width: 48.5%;
margin-top: 2rem;
height: 7rem;
padding: 0 1.7rem 0 1.9rem;
box-shadow: 0.57rem 0.57rem 0 #e3e9f0;
}
.invest1-item4-l {
flex: 1;
padding-right: 1.7rem;
}
}
@media only screen and (max-width: 700px) {
.invest1-item4 {
width: 48.5%;
margin-top: 1.5rem;
height: 6rem;
padding: 0 1.3rem 0 1.5rem;
box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
}
.invest1-item4-l {
flex: 1;
padding-right: 1.3rem;
}
}
@media only screen and (max-width: 500px) {
.invest1-wrap4 {
display: block;
}
.invest1-item4 {
width: 100%;
margin-top: 1.5rem;
height: 6rem;
padding: 0 1.3rem 0 1.5rem;
box-shadow: 0.55rem 0.55rem 0 #e3e9f0;
}
.invest1-item4-l {
flex: 1;
padding-right: 1.3rem;
}
}
/* 鑱旂郴鎴戜滑 */
.recruitment-main {
background-color: #f5f7fa;
padding-bottom: 8rem;
}
.recruitment-container {
width: 100%;
padding: 6.25rem 0;
}
.recruitment-t-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.recruitment-t {
font-size: 2rem;
font-weight: 550;
}
.recruitment-t-r {
display: flex;
align-items: center;
}
.recruitment-t-wrap .pro-form1,
.recruitment-t-wrap .pro-form2 {
width: 15rem;
height: 3rem;
padding: 0 1rem;
border: none;
background: #FFFFFF;
color: #333333;
position: relative;
margin-left: 1rem;
}
.recruitment-t-wrap .pro-form1 input {
width: calc(100% - 3rem);
height: 100%;
line-height: 100%;
font-size: 0.9rem;
color: #333333;
}
.recruitment-t-wrap .pro-form1 button {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 50%;
right: 1rem;
transform: translate(0, -50%);
cursor: pointer;
}
.recruitment-t-wrap :before,
.recruitment-t-wrap :after {
position: absolute;
content: '';
}
.recruitment-t-wrap .pro-form1 button:before {
width: 60%;
height: 60%;
top: 10%;
left: 10%;
border: #505050 2px solid;
border-radius: 100%;
}
.recruitment-t-wrap .pro-form1 button:after {
width: 0.5rem;
height: 2px;
left: 73%;
bottom: 4px;
background: #505050;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.recruitment-t-wrap .pro-form2 {
padding: 0;
}
.recruitment-t-wrap.kk {
padding-top: 1.875rem;
}
.recruitment-t-wrap.kk .recruitment-t-r {
margin: 0 0 0 auto;
width: 31.3333%;
}
.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 {
width: 100%;
margin-left: 0;
}
.recruitment-t-wrap.kk .pro-form2 ul {
border: 1px solid #eee
}
.recruitment-t-wrap.kk .recruitment-t-r .toggle {
width: 100%;
}
.recruitment-t-wrap.kk .recruitment-t-r .pro-form2 .text {
border: 1px solid #eee
}
.recruitment-t-wrap .pro-form2 .text {
width: 100%;
height: 100%;
padding: 0 1rem;
line-height: 3rem;
overflow: hidden;
color: #333;
position: relative;
cursor: pointer;
}
.recruitment-t-wrap .pro-form2 ul {
display: none;
width: 100%;
padding: 1rem 0;
border-top: #FFFFFF 1px solid;
background: #FFFFFF;
position: absolute;
}
.recruitment-t-wrap .pro-form2 li {
width: 100%;
float: left;
}
.recruitment-t-wrap .pro-form2 li a {
display: inline-block;
width: 100%;
float: left;
line-height: 2rem;
padding: 0 1rem;
}
.recruitment-t-wrap .pro-form2 i {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
display: inline-block;
width: 3rem;
height: 3rem;
cursor: pointer;
}
.recruitment-t-wrap .pro-form2 i:before {
left: 40%;
top: 48%;
content: '';
width: 0;
height: 0;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
height: 0.4rem;
width: 0.4rem;
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform: rotate(45deg) translate(-50%, -50%);
-moz-transform: rotate(45deg) translate(-50%, -50%);
-ms-transform: rotate(45deg) translate(-50%, -50%);
-o-transform: rotate(45deg) translate(-50%, -50%);
border-left: 2px solid transparent;
border-top: 2px solid transparent;
}
.recruitment-t-wrap .pro-form2 .text.on {
background: #FFFFFF;
}
.recruitment-t-wrap .pro-form2 li.on {
background: #E3EDFB;
}
.recruitment-t-wrap .pro-form2 li:hover {
background: #E3EDFB;
}
.recruitment-table-wrap {
width: 100%;
margin-top: 2rem;
overflow-x: auto;
margin-bottom: 2rem;
}
.recruitment-table {
min-width: 900px;
}
.recruitment-table-wrap .recruitment-thead {
display: flex;
align-items: center;
background-color: #e4e7ea;
color: #16181a;
width: 100%;
font-size: 1.07rem;
padding-right: 1rem;
}
.recruitment-table-wrap .recruitment-tr {
height: 100%;
}
.recruitment-table-wrap .recruitment-tr-1 {
flex: 1;
padding: 1.2rem 1.5rem;
}
.recruitment-table-wrap .recruitment-tr-2 {
width: 9rem;
text-align: center;
flex-shrink: 0;
padding: 1.2rem 0;
}
.recruitment-table-wrap .recruitment-tr-3 {
width: 9rem;
text-align: center;
flex-shrink: 0;
padding: 1.2rem 0;
}
.recruitment-body {
color: #495770;
border-bottom: 1px solid #e6e6e6;
display: flex;
width: 100%;
font-size: 1rem;
background-color: #FFFFFF;
padding-right: 1rem;
cursor: pointer;
align-items: center;
}
.recruitment-body:hover {
background-color: #f0f0f0;
}
.recruitment-page-container {
padding: 2rem 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.recruitment-page {
display: flex;
align-items: center;
justify-content: center;
}
.recruitment-page-item {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
font-size: 0.9rem;
color: #6a6a6a;
border: 1px solid #e6e6e6;
margin-right: 2px;
cursor: pointer;
}
.recruitment-page-item.active {
color: #FFFFFF;
background-color: #d70008;
border: 1px solid #d70008;
}
.recruitment-page-item:hover {
color: #FFFFFF;
background-color: #d70008;
border: 1px solid #d70008;
}
@media only screen and (max-width: 1279px) {
.recruitment-table-wrap .recruitment-tr-3 {
width: 7.5rem;
}
.recruitment-table-wrap .recruitment-tr-2 {
width: 7.5rem;
}
}
@media only screen and (max-width: 1024px) {
.recruitment-table-wrap .recruitment-tr-3 {
width: 7rem;
}
.recruitment-table-wrap .recruitment-tr-2 {
width: 7rem;
}
}
@media only screen and (max-width: 900px) {
.recruitment-table-wrap .recruitment-thead {
font-size: 1rem;
}
.recruitment-table-wrap .recruitment-tr-1 {
padding: 1rem 1.2rem;
width: 14.28rem;
}
.recruitment-table-wrap .recruitment-tr-2 {
padding: 1rem 0;
}
.recruitment-table-wrap .recruitment-tr-3 {
padding: 1rem 0;
}
.recruitment-body {
font-size: 0.9rem;
}
}
@media only screen and (max-width: 1200px) {
.recruitment-container {
width: 100%;
padding: 3.25rem 0;
}
.recruitment-t {
font-size: 1.7rem;
}
.recruitment-page-container {
padding: 1.7rem 0;
}
}
@media only screen and (max-width: 850px) {
.recruitment-container {
width: 100%;
padding: 2.25rem 0;
}
}
@media only screen and (max-width: 650px) {
.recruitment-container {
width: 100%;
padding: 1.35rem 0;
}
.recruitment-t-wrap {
display: block;
}
.recruitment-t {
font-size: 1.5rem;
}
.recruitment-t-wrap .pro-form1,
.recruitment-t-wrap .pro-form2 {
margin-left: 0;
margin-right: 1rem;
margin-top: 1rem;
}
.recruitment-table-wrap {
margin-top: 1rem;
}
}
@media only screen and (max-width: 500px) {
.recruitment-t-r {
display: block;
}
.recruitment-t-wrap .pro-form1,
.recruitment-t-wrap .pro-form2 {
width: 100%;
}
.recruitment-t {
font-size: 1.3rem;
}
.recruitment-table-wrap .recruitment-thead {
font-size: 0.9rem;
}
.recruitment-table-wrap .recruitment-tr-1 {
padding: 0.9rem 1rem;
width: 14.28rem;
}
.recruitment-table-wrap .recruitment-tr-2 {
padding: 0.9rem 0;
}
.recruitment-table-wrap .recruitment-tr-3 {
padding: 0.9rem 0;
}
.recruitment-body {
font-size: 0.8rem;
}
.recruitment-page-container {
padding: 1rem 0;
}
.recruitment-page-item {
width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 0.7rem;
}
}
.recruitment3-main-1 {
width: 100%;
background-color: #f5f7fa;
}
.recruitment3-container-1 {
width: 100%;
padding: 7.14rem 0 5rem 0;
}
.recruitment3-container-1 .recruitment3-title {
font-size: 2.57rem;
color: #287ae6;
padding-bottom: 0.2rem;
}
.recruitment3-container-1 .recruitment3-wrap {
width: 24.7%;
margin-top: 2.5rem;
display: inline-block;
padding-left: 1rem;
position: relative;
font-size: 1.14rem;
color: #4a4e52;
box-sizing: border-box;
}
.recruitment3-container-1 .recruitment3-wrap::after {
content: '';
background-color: #d10011;
width: 0.28rem;
height: 2.14rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.recruitment3-container-1 .recruitment3-wrap span:first-child {
font-weight: 550;
}
@media only screen and (max-width: 1200px) {
.recruitment3-container-1 {
padding: 5.14rem 0 3rem 0;
}
.recruitment3-container-1 .recruitment3-title {
font-size: 2rem;
padding-bottom: 0.71rem;
}
.recruitment3-container-1 .recruitment3-wrap {
font-size: 1rem;
margin-top: 2rem;
width: 24.5%;
}
.recruitment3-container-1 .recruitment3-wrap::after {
width: 0.25rem;
height: 1.8rem;
}
}
@media only screen and (max-width: 900px) {
.recruitment3-container-1 {
padding: 2.2rem 0 2rem 0;
}
.recruitment3-container-1 .recruitment3-title {
font-size: 1.7rem;
padding-bottom: 0.5rem;
}
.recruitment3-container-1 .recruitment3-wrap {
font-size: 0.9rem;
margin-top: 1.5rem;
width: 49%;
padding-left: 0.75rem;
}
.recruitment3-container-1 .recruitment3-wrap::after {
width: 0.20rem;
height: 1.5rem;
}
}
@media only screen and (max-width: 700px) {
.recruitment3-container-1 {
padding: 1.7rem 0 1.7rem 0;
}
.recruitment3-container-1 .recruitment3-title {
font-size: 1.6rem;
padding-bottom: 0.2rem;
}
.recruitment3-container-1 .recruitment3-wrap {
font-size: 0.9rem;
margin-top: 0.875rem;
width: 100%;
padding-left: 0.75rem;
}
}
@media only screen and (max-width: 400px) {
.recruitment3-container-1 {
padding: 1.5rem 0 1.5rem 0;
}
.recruitment3-container-1 .recruitment3-title {
font-size: 1.5rem;
padding-bottom: 0.1rem;
}
.recruitment3-container-1 .recruitment3-wrap {
font-size: 0.9rem;
margin-top: 1.3rem;
width: 99%;
padding-left: 0.75rem;
}
}
.recruitment3-main-2 {
width: 100%;
background-color: #FFFFFF;
}
.recruitment3-container-2 {
width: 100%;
padding: 7.14rem 0;
line-height: 2;
}
.recruitment3-wrap2 {
width: 100%;
padding-bottom: 5rem;
}
.recruitment3-wrap2 .recruitment3-wrap2-title {
font-size: 2.14rem;
font-weight: bold;
color: #16181a;
}
.recruitment3-wrap2-content {
font-size: 1.14rem;
color: #495770;
margin-top: 1.5rem;
line-height: 2.85rem;
}
.recruitment3-btns {
padding-top: 6.25rem;
display: flex;
align-items: center;
}
.recruitment3-btn,
.recruitment3-btns a.email {
width: 11.42rem;
height: 4.14rem;
line-height: 4.14rem;
text-align: center;
color: #FFFFFF;
border-radius: 0.57rem;
background-color: #007ac1;
font-size: 1.28rem;
font-weight: 550;
cursor: pointer;
margin-right: 1.85rem;
}
.recruitment3-btn:hover {
background: #02659f;
}
.recruitment3-btns a {
font-size: 1rem;
display: block;
color: #55585a;
font-weight: 550;
}
.recruitment3-btns a.email {
color: #fff;
margin-left: 0;
}
.recruitment3-btns a:hover {
color: #007ac1;
}
.recruitment3-btns a.email:hover {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.recruitment3-container-2 {
padding: 5rem 0;
}
.recruitment3-wrap2 {
padding-bottom: 3.5rem;
}
.recruitment3-wrap2 .recruitment3-wrap2-title {
font-size: 1.85rem;
}
.recruitment3-wrap2-content {
font-size: 1rem;
margin-top: 1.2rem;
line-height: 2.5rem;
}
.recruitment3-btns {
padding-top: 0.7rem;
}
.recruitment3-btn,
.recruitment3-btns a.email {
width: 10rem;
height: 4rem;
line-height: 4rem;
font-size: 1rem;
}
.recruitment3-btns a {
font-size: 0.95rem;
}
}
@media only screen and (max-width: 900px) {
.recruitment3-container-2 {
padding: 2.5rem 0;
}
.recruitment3-wrap2 {
padding-bottom: 2rem;
}
.recruitment3-wrap2 .recruitment3-wrap2-title {
font-size: 1.5rem;
}
.recruitment3-wrap2-content {
font-size: 0.9rem;
margin-top: 1rem;
line-height: 2.1rem;
}
.recruitment3-btns {
padding-top: 0.5rem;
}
.recruitment3-btn,
.recruitment3-btns a.email {
width: 8rem;
height: 3rem;
line-height: 3rem;
font-size: 0.8rem;
}
.recruitment3-btns a {
font-size: 0.8rem;
}
}
@media only screen and (max-width: 700px) {
.recruitment3-container-2 {
padding: 2rem 0;
}
.recruitment3-wrap2 {
padding-bottom: 1.7rem;
}
.recruitment3-wrap2 .recruitment3-wrap2-title {
font-size: 1.4rem;
}
.recruitment3-wrap2-content {
font-size: 0.8rem;
margin-top: 0.6rem;
line-height: 1.92rem;
}
.recruitment3-btns {
padding-top: 0.3rem;
}
.recruitment3-btn,
.recruitment3-btns a.email {
width: 7rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 0.7rem;
margin-right: 1rem;
}
.recruitment3-btns a {
font-size: 0.7rem;
}
}