/*初始化样式*/
html {
margin: 0;
padding: 0;
border: 0;
}
:root {
--blue_shallow: #e8eff7;
--blue_deep: #2861a8;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
p,
blockquote,
pre,
a,
address,
code,
b,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
footer,
header,
hgroup,
navs,
section {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #fff;
color: #333;
position: relative;
font: 12px/1.5 微软雅黑, arial, sans-serif;
vertical-align: baseline;
width: 100%;
overflow-x: hidden;
}
a {
text-decoration: none;
outline: none;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
input {
padding: 0;
margin: 0;
font-family: '微软雅黑';
}
img {
border: none;
background: none;
vertical-align: middle;
}
ul,
ol,
li {
list-style-type: none;
}
select,
input,
img,
select {
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0
}
table,
th,
td {
vertical-align: middle
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.clearfix {
zoom: 1
}
.clearboth {
height: 0px;
line-height: 0px;
overflow: hidden;
clear: both;
font-size: 0px;
}
h1,
h2 {
font-size: 12px;
font-weight: bold;
}
hr {
border: 0;
border-top: 1px solid #ccc;
height: 0;
}
p {
margin: 0;
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
/*滚动*/
#demo {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#indemo {
float: left;
width: 800% !important;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
#m_demo {
overflow: hidden;
width: 92%;
margin: 0 auto;
}
#m_indemo {
float: left;
width: 800% !important;
}
#m_demo1 {
float: left;
}
#m_demo2 {
float: left;
}
.pos {
position: relative;
width: 1920px;
left: 50%;
margin-left: -960px;
}
.wh {
width: 1440px;
margin: 0 auto;
}
.com-img {
width: 100%;
display: inline;
overflow: hidden;
/* margin: 0 auto; */
display: table;
}
.com-img img {
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
}
.com-img:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.roll_product {
float: left;
}
/*头部样式*/
.top1 {
background: #e6e6e6;
color: #595959;
height: 27px;
line-height: 27px;
overflow: hidden;
font-size: 14px;
}
.top1 a {
color: #595959;
}
.top2 {
height: 143px;
overflow: hidden;
}
.logo {
float: left;
line-height: 143px;
}
.k2 {
margin-top: 5px;
font-size: 14px;
color: #333333;
line-height: 35px;
background: url(../images/t.png) no-repeat left center;
padding-left: 54px;
}
.k2 p:nth-child(2) {
color: #2459a9;
font-size: 27px;
}
.product_list1 {
margin-top: 38px;
}
.product_list1 li {
float: left;
margin-right: 57px;
margin-bottom: 28px;
}
.product_list1 li:nth-child(4n) {
margin-right: 0;
}
.product_list1 li img {
width: 257px;
height: 293px;
}
.product_list1 li h3 {
text-align: center;
font-weight: normal;
color: #3f3f3f;
font-size: 20px;
}
/* sou */
.flexed {
display: flex;
justify-content: space-between;
}
.sou-bg {
background: rgba(34, 84, 149, 0.5);
padding: 12px 0;
position: relative;
top: -70px;
z-index: 9;
}
.sou-index {
align-items: center;
}
.sou-left {
align-items: center;
display: none;
}
.sou-left .simg1 img {
max-width: 112px;
width: 100%;
}
.sou-left .sw1 {
color: #fff;
font-size: 16px;
margin-left: 15px;
}
.sou-right {
margin-left: 35%;
width: 65%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.sou-right .s1 {
color: #fff;
font-size: 14px;
margin-right: 1.2vw;
}
.sou-right .s1 a {
color: #fff;
position: relative;
padding-right: 5px;
}
.sou-right .s1 a::before {
content: '、';
}
.sou-right .s1 a:nth-of-type(1)::before {
display: none;
}
.sou-right .s2 {
width: 32.5%;
background: #ffffff;
border-radius: 10px;
}
.sou-right .s2 input {
outline: none;
line-height: 46px;
width: 19.2%;
background: none;
border: none;
background: var(--blue_deep);
font-size: 12px;
color: #fff;
float: right;
padding: 0;
border-radius: 10px;
}
.sou-right .s2 #keyword {
padding-left: 35px;
line-height: 46px;
width: 79.8%;
background: none;
border: none;
outline: none;
font-size: 12px;
color: #c7c7c7;
float: left;
background: url(../img/16175ac2e8157a02adf1eb248e0c1b6f324cc6c8.png) no-repeat 15px center;
border-radius: 10px;
}
.sou-right .s2 #keyword:-webkit-autofill {
-webkit-text-fill-color: #c7c7c7 !important;
transition: background-color 5000s ease-in-out 0s;
}
.sou-right .s2 #keyword::placeholder {
color: #c7c7c7;
}
/* About Yuxi */
.box_about {
padding-top: 4vw;
background-color: #fbfbfb;
}
.ab_cc {
max-width: 1200px;
margin: 0 auto;
margin-top: 25px;
font-size: 24px;
font-weight: normal;
line-height: 39px;
letter-spacing: 0px;
color: #000000;
text-align: center;
}
.p4a {
max-width: 1270px;
margin: 0 auto;
/* margin-top: 50px; */
}
.p4a li {
text-align: center;
}
.p4a li h3 img {
margin-bottom: 20px;
}
.p4a li h3 a {
color: #d31919;
font-size: 60px;
font-weight: 600;
}
.p4a li h3 span {
font-size: 26px;
font-weight: normal;
line-height: 36px;
letter-spacing: 0px;
color: #8c8c8c;
}
.p4a li p {
color: #8c8c8c;
font-size: 26px;
}
@media (max-width: 1440px) {
.ab_cc {
font-size: 20px;
}
.p4a li h3 a {
font-size: 50px;
}
.p4a li h3 img {
margin-bottom: 15px;
}
.p4a li p {
font-size: 20px;
}
.p4a li h3 span {
font-size: 20px;
}
}
@media (max-width: 1370px) {
.ab_cc {
font-size: 18px;
line-height: 28px;
}
.p4a li h3 a {
font-size: 40px;
}
.p4a li h3 img {
margin-bottom: 8px;
}
.p4a li p {
font-size: 18px;
}
.p4a li h3 span {
font-size: 18px;
}
}
@media (max-width: 1280px) {
.ab_cc {
font-size: 16px;
}
.p4a li h3 a {
font-size: 30px;
}
.p4a li h3 img {
margin-bottom: 5px;
}
.p4a li p {
font-size: 16px;
}
.p4a li h3 span {
font-size: 16px;
}
.p4a {
max-width: 1500px;
margin: 0 auto;
margin-top: 30px;
}
}
@media (max-width: 1200px) {
.ab_cc {
font-size: 15px;
}
.p4a li h3 a {
font-size: 20px;
}
.p4a li h3 img {
margin-bottom: 5px;
}
.p4a li p {
font-size: 15px;
}
.p4a li h3 span {
font-size: 15px;
}
.p4a {
max-width: 1500px;
margin: 0 auto;
margin-top: 30px;
}
}
@media (max-width: 768px) {
.p4a{
display: none!important ;
}
.p4a li {
width: 50%;
margin-bottom: 20px;
text-align: left;
}
}
/* 公司简介 */
.box2 {
padding: 70px 0;
background-color: #fbfbfb;
}
.ab_a {
width: 55.58%;
border-radius: 80px 0px 80px 0px;
overflow: hidden;
position: relative;
}
.ab_a img {
width: 100%;
}
.dj_a {
position: absolute;
left: 50%;
margin-left: -85px;
width: 170px;
top: 50%;
transform: translateY(-50%);
}
.ab_b {
width: 42%;
}
.ab_b .watb h2 {
font-size: 30px;
font-weight: 600;
letter-spacing: 2px;
color: #000000;
}
.abnr {
text-indent: 2em;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: 0px;
color: #000000;
margin-top: 2vw;
}
.ab_ll {
margin-top: 70px;
}
.ab_ll li {
width: 33%;
text-align: center;
background: url(../about/line.png) no-repeat right 50%;
}
.ab_ll li h2 {
font-size: 20px;
font-weight: normal;
line-height: 30px;
letter-spacing: 0px;
color: #262626;
margin-top: 10px;
}
.ab_ll li h3 {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #8c8c8c;
}
.ab_ll li:last-child {
background: none;
}
.box1 {
margin-top: -2vw;
}
@media (max-width: 1440px) {
.abnr {
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #000000;
margin-top: 2vw;
}
.ab_ll li h3 {
font-size: 14px;
}
.ab_ll {
margin-top: 50px;
}
}
@media (max-width: 1370px) {
.abnr {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #000000;
margin-top: 2vw;
}
.ab_ll li h2 {
font-size: 18px;
}
.ab_ll li h3 {
font-size: 14px;
}
.ab_ll {
margin-top: 40px;
}
}
@media (max-width: 1200px) {
.abnr {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #000000;
margin-top: 2vw;
}
.ab_ll li h2 {
font-size: 15px;
}
.ab_ll li h3 {
font-size: 13px;
}
.ab_ll {
margin-top: 30px;
}
.box2 {
margin-top: 50px
}
}
@media (max-width: 1100px) {
.dj_a {
position: absolute;
left: 50%;
margin-left: -50px;
width: 100px;
top: 50%;
transform: translateY(-50%);
}
.ab_a {
width: 100%;
}
.ab_b {
width: 100%;
margin-top: 25px;
}
.ab_ll li {
width: 50%;
margin-bottom: 20px;
}
.ab_ll li:nth-child(2n) {
/* background: none; */
}
}
/*主体样式*/
.ssddds {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xyin-case-sort li:hover,
.xyin-case-sort li.on {
background: #3c486d;
position: relative;
color: #fff;
cursor: pointer;
}
.xyin-case-sort li:hover a,
.xyin-case-sort li.on a {
color: #fff;
}
.aby_hh li:hover .aby_hh_img img {
filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*页面底部*/
.foot {
background: #333;
}
.f_nav {
width: 826px;
margin-top: 40px;
}
.f_nav dl {
float: left;
width: 136px;
height: 186px;
overflow: hidden;
}
.f_nav dt {
margin-bottom: 8px;
font-size: 19px;
color: #333;
font-weight: normal;
}
.f_nav dd a {
font-size: 12px;
color: #333;
line-height: 20px;
}
.copyright {
text-align: center;
line-height: 24px;
}
/*内页左侧样式*/
.page-product-inquiry a {
color: #fff;
}
/* 主体宽度 */
.max1500 {
max-width: 1430px;
margin: 0 auto;
padding: 0 15px;
}
.flexcon {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
@media(max-width: 991px) {
body {
padding-top: 60px;
}
}
@media(max-width: 768px) {
body {
padding-bottom: 50px;
}
}
/* 头部 */
.x-top {
background:#e8eff7;
font-size: 14px;
height: 42px;
line-height: 42px;
/* color:#e9eff6; */
}
.hyz {
color: #6f716f;
}
.hyr a {
color: #6f716f;
}
.x-top2 {
height: 120px;
line-height: 120px;
}
.x-top2 .dlogo {
height: 120px;
line-height: 120px;
width: 18.6%;
padding-right: 1%;
}
.x-top2 .dlogo img {
max-width: 100%;
border-right: 1px solid #000000;
padding-right: 8%;
}
.x-top2 .logowz {
font-size: 0;
/* width: 19%; */
margin-right: 2.6%;
}
.x-top2 .logowz .logowzcon {
display: inline-block;
line-height: 120px;
vertical-align: middle;
}
.x-top2 .logowz h3 {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
color: var(--blue_deep);
}
.x-top2 .logowz h4 {
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #222222;
margin-top: 14px;
}
.x-top2 .logowzl {
font-size: 0;
/* margin-left: 2.3rem; */
}
.x-top2 .logowzl li {
display: inline-block;
width: 79px;
height: 75px;
background-color: var(--blue_deep);
border-radius: 50%;
text-align: center;
position: relative;
margin: 0 .3rem;
vertical-align: middle;
}
.x-top2 .logowzl li::before {
content: '';
width: 100%;
height: 100%;
background-color: #eeeeee;
border-radius: 50%;
position: absolute;
top: -6px;
left: 0;
z-index: -1;
}
.x-top2 .logowzl li h3 {
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #ffffff;
padding-top: 22px;
padding-bottom: 20px;
}
.x-top2 .logowzl li h3 span {
display: block;
font-size: 12px;
line-height: 1;
color: #03bac5;
margin-top: 4px;
}
.x-top2 .tdh {
font-size: 0;
}
.x-top2 .tdhcon {
padding-right: 71px;
background: url(../header/phone.png) no-repeat right center;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.x-top2 .tdh h3 {
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #7c7f80;
width: 100%;
}
.x-top2 .tdh h4 {
font-family: Arial;
font-size: 23px;
font-weight: bold;
line-height: 1;
color: var(--blue_deep);
margin-top: 12px;
width: 100%;
}
@media(max-width:1200px) {
.x-top2 .dlogo {
width: 18%;
padding-right: 3%;
}
.x-top2 .logowz h3 {
font-size: 18px;
}
.x-top2 .logowz h4 {
margin-top: 6px;
}
.tdhcon {
padding-right: 60px;
}
}
@media(max-width:1199px) {
.x-top2 .logowzl {
display: none;
}
}
/* 导航 */
.nnav {
background-color: var(--blue_deep);
}
/* 标题 */
.sytitle {
text-align: center;
position: relative;
}
.sytitle h3 {
font-family: Arial;
font-size: 4rem;
font-weight: bold;
line-height: 1;
color: rgba(3, 186, 197, .1);
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 2;
}
.sytitlex {
padding-top: 1.25rem;
position: relative;
z-index: 5;
}
.sytitle h4 {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.33333333;
color: #03bac5;
}
.sytitle h4 span {
color: #222222;
}
.sytitle h5 {
font-size: .9rem;
font-weight: normal;
line-height: 1.3333;
color: #666666;
margin-top: 1%;
margin-bottom: 4%;
}
@media(max-width: 1200px) {
.sytitle h5 {
font-size: 16px;
}
}
@media(max-width: 991px) {
.sytitle h3 {
font-size: 46px;
}
.sytitlex {
padding-top: 12px;
}
.sytitle h4 {
font-size: 28px;
}
.sytitle h5 {
font-size: 16px;
}
.sytitle h5 {
margin-top: 5px;
margin-bottom: 5px;
}
}
/* 产品优势 */
.clzx {
margin: 0 0 7.7%;
padding: 3.3% 0 0;
}
.clzx .clzx_fb {
margin-top: 2.667%;
}
.clzx .clzx_fb ul {
overflow: hidden;
}
.clzx .clzx_fb li {
width: 56.133%;
float: left;
position: relative;
overflow: hidden;
}
.clzx .clzx_fb li img {
width: 100%;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.clzx .clzx_fb li .img:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.clzx .clzx_fb li .clzx_fbwz {
width: 38.241%;
position: absolute;
right: 0;
bottom: 0;
background-color: #eef5ff;
text-align: center;
height: 100%;
padding: 7% 3%;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: center;
}
.clzx .clzx_fb li .img {
width: 61.759%;
float: right;
overflow: hidden;
}
.clzx .clzx_fb li:nth-child(1) {
width: 43.867%;
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz {
width: 48.634%;
background-image: linear-gradient(54deg, #2861a8 0%, #69a7f5 100%), linear-gradient(#69a7f5, #69a7f5);
background-blend-mode: normal, normal;
padding: 2% 4%;
height: 50%;
}
.clzx .clzx_fb li:nth-child(1) .img {
width: 100%;
}
.clzx .clzx_fb li:nth-child(3) .img {
float: left;
}
.clzx .clzx_fb li:nth-child(2) .clzx_fbwz {
left: 0;
right: auto;
}
.clzx .clzx_fb li .clzx_fbwz h3 {
font-size: 1.2rem;
font-weight: normal;
line-height: 1;
color: #222222;
}
.clzx .clzx_fb li .clzx_fbwz h4 {
font-size: .8rem;
font-weight: normal;
line-height: 1.875;
color: #666666;
margin: 5.615% 0 7.485%;
}
.clzx .clzx_fb li .clzx_fbwz h5 {
font-size: .8rem;
font-weight: normal;
line-height: 1.25;
color: #666666;
border-radius: 4px;
border: solid 1px rgba(153, 153, 153, 0.4);
padding: 9px 0;
width: 152px;
margin: 0 auto;
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz h3 {
color: #ffffff;
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz h4 {
color: rgba(255, 255, 255, 0.6);
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz h5 {
border: solid 1px rgba(255, 255, 255, 0.4);
color: #fffefe;
}
@media(max-width: 991px) {
.clzx .clzx_fb li {
width: 100%;
}
.clzx .clzx_fb li:nth-child(1) {
width: 100%;
}
.clzx .clzx_fb li .clzx_fbwz h3 {
font-size: 18px;
}
.clzx .clzx_fb li .clzx_fbwz h4 {
font-size: 14px;
}
.clzx .clzx_fb li .clzx_fbwz h5 {
font-size: 14px;
}
}
@media(max-width:768px) {
.clzx .clzx_fb li .img {
width: 100%;
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz {
width: 100%;
padding: 5%;
}
.clzx .clzx_fb li .clzx_fbwz {
width: 100%;
position: static;
padding: 5%;
}
.clzx .clzx_fb li .clzx_fbwz .clzx_fbwznr {
width: 100%;
}
.clzx .clzx_fb li .clzx_fbwz h4 {
margin: 15px 0;
}
}
@media(max-width:468px) {
.clzx {
padding: 25px 0 0;
margin: 0 0 25px;
}
.clzx .clzx_fb {
margin-top: 15px;
}
.clzx .clzx_fb li:nth-child(1) .clzx_fbwz {
padding: 15px;
}
.clzx .clzx_fb li .clzx_fbwz {
padding: 15px;
}
}
/* 横图1 */
.ht1 {
background-image: linear-gradient(50deg, #2861a8 10%, #3f90f4 100%), linear-gradient(#2861a8, #2861a8);
background-blend-mode: normal, normal;
padding-top: 2%;
}
.ht1nr {
position: relative;
}
.ht1 .ht1_fl {
padding-top: 1.2%;
padding-bottom: 5.8%;
}
.ht1 .ht1_fl h3 {
font-size: 64px;
font-weight: bold;
line-height: 1;
color: #ffffff;
}
.ht1 .ht1_fl h4 {
display: inline-block;
/* background-blend-mode: normal, normal; */
border-radius: 6px;
font-size: 30px;
font-weight: normal;
line-height: 1;
/* padding: .75rem 5.2rem; */
color: #ffffff;
margin-top: 6.798%;
}
.ht1 .ht1_fr {
position: absolute;
right: 7vw;
top: 0;
width: 24%;
}
.ht1 .ht1_fr img {
width: 100%;
}
@media(max-width: 991px) {
.ht1 .ht1_fl h4 {
font-size: 16px;
padding: 10px 60px;
}
}
@media(max-width: 768px) {
.ht1 {
display: none;
}
.ht1 .ht1_fl {
width: 100%;
text-align: center;
}
.ht1 .ht1_fl h3 {
font-size: 30px;
}
.ht1 .ht1_fl h4 {
margin-top: 15px;
line-height: 1.4;
padding: 10px 25px;
}
.ht1 .ht1_fr {
display: none;
}
}
@media(max-width: 468px) {
.ht1 {
padding: 20px 0;
}
.ht1 .ht1_fl {
padding: 0;
}
.ht1 .ht1_fl h3 {
font-size: 22px;
}
.ht1 .ht1_fl h4 {}
}
.bsbj {
padding: 3.2% 0 0;
width: 100%;
background: #fff;
}
@media(max-width: 468px) {
.bsbj {
padding: 15px 0 0;
}
}
车间展示 .cjzs {
padding: 4.584% 0 5.7292%;
}
.max1710 {
max-width: 1740px;
padding: 0 15px;
margin: 0 auto;
}
.cjzs .cjzsnr {
overflow: hidden;
}
.cjzs li {
text-align: center;
}
.cjzs li img {
width: 100%;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
.cjzs li .img {
overflow: hidden;
}
.cjzs li:hover .img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.cjzs li h3 {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 1.5;
color: #222222;
background-color: #ebebeb;
padding: 14px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media(max-width: 768px) {
.cjzs li h3 {
padding: 10px 0;
}
}
/* foot1 */
.foot1 {
background-color: #000000;
padding-top: 3%;
padding-bottom: 0.0835%;
}
.foot1 .foot1_fl {
width: 56%;
}
.foot1 .foot1_fl .foot_nav li {
width: 25%;
text-align: left;
}
.foot1 .foot1_fl .foot_nav li a {
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #ffffff;
}
.foot1 .foot1_fl .foot_nav li .x-nav-menu {
margin-top: 1.3rem;
}
.foot1 .foot1_fl .foot_nav li .x-nav-menu a {
font-size: 16px;
line-height: 2.625;
color: rgba(255, 255, 255, 0.4);
}
.foot1 .foot1_fc {
width: 27%;
}
.foot1 .foot1_fc h3 {
font-size: 22px;
font-weight: normal;
line-height: 18px;
color: #ffffff;
}
.foot1 .foot1_fc h4 {
margin: 1.85rem 0 2px;
padding-left: 36px;
background: url(../img/384636a64949b5cecccc7d545f9e244ec2973d32.png) no-repeat left center;
font-size: 30px;
line-height: 1;
color: rgba(255, 255, 255, 0.4);
font-weight: bold;
}
.foot1 .foot1_fc h5 {
font-size: 16px;
line-height: 42px;
color: rgba(255, 255, 255, 0.4);
}
.foot1 .foot1_fr {
max-width: 17%;
width: 17%;
}
.foot1 .foot1_fr h3 {
font-size: 18px;
font-weight: normal;
line-height: 18px;
color: #ffffff;
}
.foot1 .foot1_fl .foot_nav {
display: flex;
justify-content: space-around;
}
.foot1 .foot1_fr ul {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 1.95rem;
}
.foot1 .foot1_fr ul li {
max-width: 45%;
text-align: center;
}
.foot1 .foot1_fr ul li img {
width: 100%;
max-width: 110px;
}
.foot1 .foot1_fr ul li h3 {
font-size: 16px;
line-height: 1.25;
color: rgba(255, 255, 255, 0.4);
margin-top: 15px;
}
/* foot1 */
.foot2 {
background-color: #000000;
font-size: 16px;
line-height: 1.625;
color: rgba(255, 255, 255, 0.6);
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.6);
padding: 25px 0 27px;
}
.foot2 a {
color: rgba(255, 255, 255, 0.6);
}
@media(max-width: 1200px) {
.foot1 .foot1_fl .foot_nav li a {
font-size: 16px;
}
.foot1 .foot1_fc h3 {
font-size: 16px;
}
.foot1 .foot1_fr h3 {
font-size: 16px;
}
.foot1 .foot1_fc h4 {
font-size: 26px;
}
.foot1 .foot1_fl .foot_nav li .x-nav-menu a {
font-size: 14px;
}
.foot1 .foot1_fc h5 {
font-size: 14px;
}
.foot1 .foot1_fr ul li h3 {
font-size: 14px;
}
.foot2 {
font-size: 14px;
}
}
@media(max-width:991px) {
.foot1 .foot1_fl {
display: none;
}
.foot1 .foot1_fc {
width: 55%;
}
.foot1 .foot1_fr {
max-width: 40%;
width: 40%;
}
}
@media(max-width:768px) {
.foot1 {
padding: 25px 0;
}
.foot1 .foot1_fc {
width: 100%;
float: none;
}
.foot1 .foot1_fr {
max-width: 100%;
width: 100%;
float: left;
margin-top: 15px;
}
.foot1 .foot1_fc h4 {
margin-top: 20px;
}
.foot1 .foot1_fr ul {
margin-top: 20px;
}
.foot2 {
padding: 20px 0;
}
}
@media(max-width:1400px) {
.box_about {
width: 100%;
}
}
@media(max-width:1200px) {
.wh {
width: 100%;
}
}
@media(max-width:990px) {
.sou-bg {
display: none;
}
.wh {
width: 100%;
}
}
@media(max-width:768px) {
.box1 {
margin-top: 5vw;
}
.wh {
width: 100%;
}
.box2 {
padding: 0;
}
.foot1 .foot1_fr ul {
display: block;
}
.large-img .slick-slide {
width: 100%;
}
.large-img .slick-slide h3 {
display: none;
}
.ab_ll li {
width: 33%;
}0
.ab_b .watb h2 {
font-size: 24px;
}
}
@media(max-width:430px) {
.wh {
width: 100%;
}
}
@media(max-width:380px) {
.wh {
width: 100%;
}
}