/* 初始化 */
body,
html {
font-family: "微软雅黑";
max-width: 100%;
}
body {
font-size: 16px !important;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
div,
a {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
a {
text-decoration: none;
}
fieldset,
img {
border: 0;
}
:root {
--fff: #fff;
--ws333: #333;
--da251e: #da251e;
--ws555: #555;
--ws777: #777;
--bfbfbf: #bfbfbf;
}
.w1540 {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
/* 标题 */
.title-box {
text-align: center;
margin-bottom: 40px;
}
.title-box .title-top {
font-size: 38px;
display: inline-block;
color: #333;
font-weight: bold;
}
.title-box .title-bottom {
font-size: 16px;
color: #878787;
font-weight: lighter;
padding-top: 6px;
text-transform: uppercase;
}
/* 轮播图 */
.banner-bg {
height: 100vh;
width: 100%;
overflow: hidden;
}
.page-banner-bg {
height: 570px;
}
.banner-bg .mySwiper {
height: 100%;
position: relative;
}
.banner-bg .swiper-wrapper {
height: 100%;
}
.banner-bg .swiper-slide {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
}
.banner-bg .swiper-pagination-bullet {
width: 28px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.4);
opacity: 1;
}
.banner-bg .swiper-pagination-bullet-active {
background: #da251e;
}
.banner-pagination {
text-align: center;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.banner-pagination .swiper-pagination-switch {
display: inline-block;
width: 30px;
height: 8px;
background: #999;
margin: 0 4px;
cursor: pointer;
}
.banner-pagination .swiper-pagination-switch.swiper-active-switch {
background: #da251e;
outline: none;
}
/* 导航栏 */
.nav-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 12;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.nav-bg-white {
background-color: #fff;
-webkit-box-shadow: 0 0 10px #eee;
box-shadow: 0 0 10px #eee;
}
.nav-bg .logo-black {
display: none;
}
.nav-bg-white .logo-black {
display: block;
}
.nav-bg-white .logo-white {
display: none;
}
.nav-bg .nav-left a {
display: block;
}
.nav-bg .nav-left img {
max-width: 228px;
}
.nav-bg .nav-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav-bg .nav-box nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav-bg .nav-i {
margin-right: 35px;
padding: 8px 0;
display: block;
position: relative;
float: left;
}
.nav-bg .nav-i>a {
color: #fff;
position: relative;
}
.nav-bg-white .nav-i>a {
color: #333;
}
.nav-bg .nav-i>a::after {
content: "";
width: 0;
height: 2px;
background: #fff;
position: absolute;
bottom: -6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.nav-bg.nav-bg-white .nav-i>a::after {
background: #333;
}
.nav-bg .nav-i>a.menu-active::after {
width: 100%;
}
.nav-bg .nav-son {
background: rgba(255, 255, 255, 0.94);
color: #fff;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
min-width: 100px;
display: none;
}
.nav-bg-white .nav-son {
color: #333;
}
.nav-bg .nav-son a {
color: #333;
font-size: 14px;
display: block;
padding: 10px 6px;
white-space: nowrap;
text-align: center;
border-bottom: 1px solid #d9d9d9;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.nav-bg .nav-son a:hover {
background: #e5e5e5;
}
.nav-bg .nav-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav-bg .nav-right .nav-right-item>a {
color: #fff;
}
.nav-bg.nav-bg-white .nav-right-item>a {
color: #333;
}
.nav-bg .nav-right .nav-right-item>a i {
display: inline-block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.nav-bg .nav-right .nav-right-item {
position: relative;
padding: 8px 0;
}
.nav-bg .nav-right .nav-search-btn {
border-left: 1px solid #fff;
padding-left: 10px;
margin-left: 10px;
line-height: 12px;
height: 20px;
}
.nav-bg .nav-right .nav-search-btn .iconfont {
color: #fff;
font-size: 18px;
cursor: pointer;
position: relative;
top: -4px;
}
.nav-bg.nav-bg-white .nav-right .nav-search-btn .iconfont {
color: #333;
}
.nav-bg .nav-right .nav-search-box {
display: none;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.nav-bg .nav-right .nav-search-box input {
padding: 4px 6px;
color: #333;
outline: none;
border: 1px solid #9b9b9b;
-webkit-box-shadow: none;
box-shadow: none;
}
/* 首页企业简介 */
.i-compay-bg {
height: 820px;
overflow: hidden;
}
.i-compay-bg .i-compay-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
}
.i-compay-bg .i-compay-box .i-compay-left,
.i-compay-bg .i-compay-box .i-compay-right {
width: 50%;
}
.i-compay-bg .i-compay-box .i-compay-left .i-compay-content {
width: 1440px;
margin: 0 auto;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.i-compay-bg .i-compay-title-en {
font-size: 60px;
color: #da251e;
text-transform: uppercase;
margin-top: 70px;
}
.i-compay-bg .i-compay-title {
font-size: 30px;
color: #333;
font-weight: bold;
margin-top: 40px;
}
.i-compay-bg .i-compay-des {
font-size: 16px;
color: #555;
line-height: 1.6;
width: 48%;
margin-top: 30px;
}
.i-compay-bg .i-compay-number-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 40px 0;
}
.i-compay-bg .i-compay-number-box .i-compay-n-i {
width: 300px;
height: 280px;
background-color: rgba(255, 255, 255, .9);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.i-compay-bg .i-compay-i-top {
font-size: 15px;
}
.i-compay-bg .i-compay-i-center {
font-size: 60px;
font-weight: bold;
line-height: 1.2;
}
.i-compay-bg .i-compay-number-box .i-compay-active {
background-color: #da251e;
color: #fff;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
position: relative;
z-index: 4;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.i-compay-bg .i-compay-i-btn {
display: inline-block;
}
.i-compay-bg .i-compay-i-btn a {
display: block;
color: #333;
padding: 10px 20px;
border: 1px solid #da251e;
}
.i-compay-bg .i-compay-i-btn a:hover {
background: #da251e;
color: #fff;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
/* 首页热销产品 */
.i-rexiao-bg {
padding: 70px 0;
}
.i-rexiao-bg .i-rexiao-conten {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-item {
width: 32.3%;
margin-right: 1.5%;
background-color: #fff;
margin-bottom: 24px;
-webkit-box-shadow: 0 0 6px #d9d9d9;
box-shadow: 0 0 6px #d9d9d9;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: #777;
display: block;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-item:hover {
color: #da251e;
-webkit-box-shadow: 0 0 20px #b5b5b5;
box-shadow: 0 0 20px #b5b5b5;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-item:nth-child(3n) {
margin-right: 0;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-item:nth-last-child(3-n) {
margin-bottom: 0;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 14px;
}
.i-rexiao-bg .i-rexiao-conten .rexiao-top img {
width: 100%;
display: block;
}
.i-rexiao-bg .rexiao-bottom-l {
font-size: 16px;
}
.i-rexiao-bg .rexiao-bottom-r .iconfont {
font-size: 20px;
}
/* 首页荣誉 */
.i-honor-bg {
padding: 70px 0;
}
.i-honor-bg .i-honor-item {
background: #fff;
-webkit-box-shadow: 0 0 5px #ebebeb;
box-shadow: 0 0 5px #ebebeb;
display: block;
color: #333;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
cursor: pointer;
margin: 0 10px;
}
.i-honor-bg .i-honor-item:hover {
-webkit-box-shadow: 0 0 10px #d8d8d8;
box-shadow: 0 0 10px #d8d8d8;
}
.i-honor-bg .i-honor-t img {
width: 100%;
display: block;
}
.i-honor-bg .i-honor-t {
padding: 10px;
background: #f5f5f5;
border: 1px solid #e9e9e9;
}
.i-honor-bg .i-honor-content {
overflow: hidden;
padding: 10px;
/* padding-bottom: 70px; */
position: relative;
}
.i-honor-pagination {
text-align: center;
margin-top: 20px;
}
.i-honor-pagination .swiper-pagination-switch {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 10px;
background: #999;
box-shadow: 0px 1px 2px #555 inset;
margin: 0 3px;
cursor: pointer;
}
.i-honor-pagination .swiper-pagination-switch.swiper-active-switch {
background: #da251e;
}
.i-honor-bg .i-honor-content .i-honor-swiper {
height: 300px !important;
}
.i-honor-bg .i-honor-content .i-honor-swiper .swiper-slide {
height: auto !important;
}
.i-honor-bg .i-honor-b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px;
font-size: 14px;
}
.i-honor-bg .i-honor-b .iconfont {
font-size: 20px;
color: #da251e;
display: inline-block;
position: relative;
top: 3px;
right: 2px;
}
.i-honor-bg .i-honor-b .i-honor-see {
color: #777;
}
.i-honor-bg .i-honor-b .i-honor-b-text {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.i-honor-bg .swiper-pagination-bullet {
width: 13px;
height: 13px;
}
.i-honor-bg .swiper-pagination-bullet-active {
background: #da251e;
}
/* 首页优势 */
.i-youshi-bg {
padding: 70px 0;
}
.i-youshi-bg .i-youshi-swiper {
overflow: hidden;
height: 450px !important;
}
.i-youshi-bg .i-youshi-item {
text-align: center;
background-color: #fff;
-webkit-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
margin: 0 10px;
}
.i-youshi-bg .i-youshi-item:hover {
background-color: #da251e;
}
.i-youshi-bg .i-youshi-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.i-youshi-bg .i-youshi-item:hover .i-youshi-b-title {
color: #fff;
}
.i-youshi-bg .i-youshi-item:hover .i-youshi-b-text {
color: #fff;
}
.i-youshi-bg .i-youshi-item .i-youshi-top {
overflow: hidden;
}
.i-youshi-bg .i-youshi-item .i-youshi-top img {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
display: block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.i-youshi-bg .i-youshi-bottom .i-youshi-b-title {
font-size: 22px;
color: #333;
padding: 30px 0;
font-weight: bold;
}
.i-youshi-bg .i-youshi-bottom .i-youshi-b-text {
font-size: 15px;
line-height: 1.6;
color: #555;
padding: 20px;
padding-top: 0;
min-height: 100px;
}
/* 首页新闻 */
.i-news-bg {
padding: 70px 0;
}
.i-news-bg .i-news-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.i-news-bg .i-news-l-top {
overflow: hidden;
}
.i-news-bg .i-news-l-top img {
display: block;
width: 100%;
height: 425px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.i-news-bg .i-news-l-top img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.i-news-bg .i-news-left {
width: 48.5%;
margin-right: 3%;
}
.i-news-bg .i-news-right {
width: 48.5%;
}
.i-news-bg .i-news-left .i-news-item {
background-color: #fff;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
height: 100%;
}
.i-news-bg .i-news-left .i-news-l-bottom {
padding: 32px;
}
.i-news-bg .i-news-l-b-title {
font-size: 22px;
font-weight: bold;
color: #333;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
padding-bottom: 10px;
display: block;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.i-news-bg .i-news-l-b-title:hover {
color: #da251e;
}
.i-news-bg .i-news-l-b-des {
color: #777;
font-size: 16px;
line-height: 1.4;
}
.i-news-bg .i-news-l-b-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 28px;
color: #777;
font-size: 16px;
}
.i-news-bg .more {
color: #777;
}
.i-news-bg .more:hover {
color: #da251e;
}
.i-news-bg .i-news-right .i-news-r-item {
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
padding: 20px 26px;
border-left: 3px solid transparent;
margin-bottom: 20px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.i-news-bg .i-news-right .i-news-r-item:hover {
border-left: 3px solid #da251e;
}
.i-news-bg .i-news-right .i-news-r-item:last-child {
margin-bottom: 0;
}
.i-news-bg .i-news-right .i-news-l-b-des {
font-size: 14px;
}
.i-news-bg .i-news-right .i-news-r-item .i-news-l-b-date {
font-size: 14px;
}
.i-news-bg .i-news-right .i-news-r-item .i-news-l-b-date a {
color: #777;
}
.i-news-bg .i-news-right .i-news-r-item .i-news-l-b-date a:hover {
color: #da251e;
}
.i-news-bg .i-news-right .i-news-r-item .i-news-l-b-title {
font-size: 18px;
}
.i-news-bg .i-news-right .i-news-r-item.i-news-r-item-active .i-news-l-b-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* 首页代理加盟 */
.i-jiameng-bg {
padding: 70px 0;
}
.i-jiameng-bg .i-jiameng-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
}
.i-jiameng-bg .i-jm-center img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.i-jiameng-bg .i-jiameng-content .i-jiameng-item {
width: 33.3%;
}
.i-jiameng-bg .i-jiameng-content .i-jm-left {
width: 34.8%;
}
.i-jiameng-bg .i-jiameng-content .i-jm-center {
width: 34.8%;
}
.i-jiameng-bg .i-jiameng-content .i-jm-right {
width: 30.3%;
}
.i-jiameng-bg .i-jm-left {
padding: 50px 34px;
}
.i-jiameng-bg .i-jm-left .i-jiameng-l-title {
font-size: 28px;
color: #dbac59;
margin-bottom: 8px;
font-weight: bold;
}
.i-jiameng-bg .i-jm-left .i-jiameng-l-entitle {
font-size: 20px;
color: #d3d3d3;
text-transform: capitalize;
margin-bottom: 26px;
}
.i-jiameng-bg .i-jm-left .i-jiameng-l-text {
font-size: 15px;
color: #555;
line-height: 1.8;
}
.i-jiameng-bg .i-jiameng-l-btn {
display: inline-block;
margin-top: 50px;
}
.i-jiameng-bg .i-jiameng-l-btn a {
display: block;
border: 1px solid #da251e;
display: block;
color: #333;
font-size: 14px;
padding: 8px 16px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.i-jiameng-bg .i-jiameng-l-btn a .iconfont {
font-size: 12px;
}
.i-jiameng-bg .i-jiameng-l-btn a:hover {
background: #da251e;
color: #fff;
}
.i-jiameng-bg .i-jm-right {
background-image: url(../images/index_daili_img2.png.png);
background-repeat: no-repeat;
background-size: contain;
padding: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.i-jiameng-bg .i-jiameng-r-bottom {
text-align: center;
}
.i-jiameng-bg .i-jiameng-r-bottom a {
display: inline-block;
font-size: 18px;
color: #fff;
border-radius: 6px;
background-color: #333;
padding: 10px 32px;
}
.i-jiameng-bg .i-jiameng-r-bottom a:hover {
text-decoration: underline;
}
.i-jiameng-bg .j-jiameng-r-title {
font-size: 22px;
color: #fff;
font-weight: bold;
}
.i-jiameng-bg .j-jiameng-r-title::after {
content: "";
display: block;
width: 100px;
height: 2px;
background-color: #fff;
margin-top: 20px;
}
.i-jiameng-bg .j-jiameng-r-entitle {
font-size: 22px;
color: #fff;
text-transform: capitalize;
margin-top: 20px;
}
/* 首页合作伙伴 */
.i-hzhb-bg {
padding: 70px 0;
}
.i-hzhb-swiper {
overflow: hidden;
height: 120px !important;
}
.i-hzhb-bg .i-hzhb-content {
position: relative;
padding: 0 50px;
}
.i-hzhb-bg .i-hzhb-item img {
width: 100%;
display: block;
}
.i-hzhb-bg .swiper-button-next {
color: #d9d9d9;
}
.i-hzhb-bg .swiper-button-prev {
color: #d9d9d9;
}
.i-hzhb-bg .i-hzhb-prev,
.i-hzhb-bg .i-hzhb-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.i-hzhb-bg .i-hzhb-prev img,
.i-hzhb-bg .i-hzhb-next img {
width: 20px;
opacity: .5;
}
.i-hzhb-bg .i-hzhb-prev {
left: 0;
}
.i-hzhb-bg .i-hzhb-next {
right: 0;
}
.i-hzhb-bg .i-hzhb-item {
background: #f1f1f1;
padding: 20px;
margin: 0 10px;
}
/* 底部 */
.footer-bg {
background-color: #292929;
padding: 60px 0 0;
color: #fff;
}
.footer-bg a {
color: #f3f3f3;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.footer-bg a:hover {
color: #fff !important;
}
.footer-bg nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer-bg .footer-t-left-item {
width: 140px;
}
.footer-bg .footer-t-left-item>a::after {
content: "";
width: 40px;
height: 1px;
display: block;
background-color: #fff;
opacity: .4;
margin: 16px 0;
}
.footer-bg .footer-nav-son a {
display: inline-block;
color: #a9a9a9;
padding-bottom: 5px;
font-size: 14px;
line-height: 1.3;
}
.footer-bg .footer-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-bg .footer-top-right {
padding-left: 50px;
border-left: 1px solid #686868;
}
.footer-bg .footer-top-right>a::after {
content: "";
width: 40px;
height: 1px;
display: block;
background-color: #bfbfbf;
margin: 16px 0;
}
.footer-bg .footer-top-right-code {
/* display: flex;
align-items: center;
text-align: center; */
}
.footer-bg .footer-top-right-code .footer-t-r-code-i:first-child {
margin-right: 16px;
}
.footer-bg .footer-top-right-code img {
width: 140px;
display: block;
}
.footer-bg .footer-top-right-code p {
color: #bfbfbf;
font-size: 14px;
padding-top: 6px;
}
.footer-bg .footer-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #bfbfbf;
margin-top: 80px;
}
.footer-bg .footer-link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-bg .footer-link a {
display: inline-block;
color: #bfbfbf;
font-size: 14px;
margin-right: 6px;
}
.footer-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
color: #bfbfbf;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #686868;
}
/* 关于我们 */
.menu-bg {
background-color: #fff;
-webkit-box-shadow: 0 2px 6px #f1f1f1;
box-shadow: 0 2px 6px #f1f1f1
}
.menu-bg .menu-box {
padding: 20px 0;
}
.menu-bg .menu-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-bg .menu-box a {
display: block;
color: #6a6a6a;
background-color: #e5e5e5;
padding: 12px 20px;
margin-right: 10px;
border-radius: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.menu-bg .menu-box a:hover {
background: #da251e;
color: #fff;
}
.menu-bg .menu-box a.menu-active {
background-color: #da251e;
color: #fff;
}
/* 关于我们 */
.compay-bg {
padding: 50px 0;
}
.compay-bg .compay-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.compay-bg .compay-left {
width: 53%;
margin-right: 3%;
}
.compay-bg .compay-left .compay-title {
font-size: 32px;
font-weight: bold;
color: #333;
}
.compay-bg .compay-left .compay-entitle {
font-size: 16px;
color: #555;
text-transform: uppercase;
margin-top: 6px;
margin-bottom: 26px;
}
.compay-bg .compay-right {
width: 44%;
}
.compay-bg .compay-right img {
width: 100%;
height: 460px;
-o-object-fit: cover;
object-fit: cover;
display: block;
-webkit-box-shadow: 18px 18px 0 #e7e7e7;
box-shadow: 18px 18px 0 #e7e7e7;
}
.compay-bg .compay-text {
text-align: justify;
-moz-text-align-last: left;
text-align-last: left;
}
.compay-bg .compay-text p {
margin-bottom: 10px;
}
.compay-bg .compay-text p,
.compay-bg .compay-text span {
line-height: 1.6;
color: #555;
font-size: 16px;
}
.compay-bg .i-compay-number-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 56px 0;
}
.compay-bg .i-compay-number-box .i-compay-n-i {
width: 25%;
background-color: rgba(255, 255, 255, .9);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.compay-bg .i-compay-number-box .i-compay-n-i::after {
content: "";
width: 1px;
height: 60px;
background-color: #ddd;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.compay-bg .i-compay-number-box .i-compay-n-i:last-child::after {
display: none;
}
.compay-bg .i-compay-i-top {
font-size: 13px;
color: #555;
}
.compay-bg .i-compay-i-bottom {
font-size: 12px;
color: #555;
}
.compay-bg .i-compay-i-center {
font-size: 34px;
color: #da251e;
font-weight: bold;
line-height: 1.2;
}
.compay-bg .i-compay-i-btn {
display: inline-block;
}
.compay-bg .i-compay-i-btn a {
display: block;
color: #333;
padding: 10px 20px;
border: 1px solid #da251e;
}
/* 关于我们-荣誉资质 */
.honor-bg {
padding: 50px 0;
}
.honor-bg .honor-content {
overflow: hidden;
position: relative;
/* padding-bottom: 50px; */
}
.honor-bg .swiper-slide {
margin-top: 0 !important;
}
.honor-bg .honor-item {
background-color: #fff;
padding: 20px;
cursor: pointer;
margin: 0 10px 20px;
}
.honor-bg .honor-item:hover p {
color: #da251e;
}
.honor-bg .honor-item:hover img {
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
transform: scale(0.96);
}
.honor-bg .honor-item img {
width: 100%;
display: block;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.honor-bg .honor-item p {
text-align: center;
padding: 14px 10px 0;
color: #555;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.honor-bg .swiper-pagination-bullet {
width: 13px;
height: 13px;
}
.honor-bg .swiper-pagination-bullet-active {
background: #da251e;
}
/* 查看图片 */
.see-bg {
position: fixed;
top: 0;
left: 0;
z-index: 50;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.see-bg .see-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
.see-bg .see-box img {
-o-object-fit: contain;
object-fit: contain;
max-height: 90%;
display: block;
margin: 0 auto;
}
.see-bg .see-box .see-img {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.see-bg p {
font-size: 16px;
color: #fff;
background-color: #fff;
color: #333;
padding: 6px 20px;
border-radius: 20px;
font-size: 16px;
position: relative;
top: -20px;
}
.see-close {
position: absolute;
right: 50px;
top: 50px;
color: #fff;
cursor: pointer;
}
.see-close i {
font-size: 30px;
}
/* 关于我们发展历程 */
.licheng-bg {
padding: 50px 0;
}
.licheng-bg .licheng-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 600px;
}
.licheng-bg .licheng-left {
width: 18%;
}
.licheng-bg .licheng-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
overflow-y: auto;
width: 82%;
}
.licheng-bg .licheng-item {
position: relative;
padding: 0 14px;
}
.licheng-bg .licheng-item:last-child .licheng-right-fg {
display: none;
}
.licheng-bg .licheng-left img {
display: block;
margin: 40px 0;
}
.licheng-bg .dfelx {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.licheng-bg .lc-gray {
background: #f0f0f0;
width: 162px;
height: 162px;
border-radius: 50%;
background: -o-radial-gradient(#e2e2e2 50%, #fff, #fff);
background: radial-gradient(#e2e2e2 50%, #fff, #fff);
}
.licheng-bg .lc-white {
background: #fff;
width: 132px;
height: 132px;
border-radius: 50%;
}
.licheng-bg .lc-cyan {
background: #5db0bf;
width: 108px;
height: 108px;
border-radius: 50%;
}
.licheng-bg .lc-jb {
background: -webkit-gradient(linear, left top, left bottom, from(#b2b2b2), color-stop(#fff), color-stop(28%, #b2b2b2), color-stop(#fff), to(#b2b2b2));
background: -o-linear-gradient(top, #b2b2b2, #fff, #b2b2b2 28%, #fff, #b2b2b2);
background: linear-gradient(to bottom, #b2b2b2, #fff, #b2b2b2 28%, #fff, #b2b2b2);
width: 105px;
height: 105px;
border-radius: 50%;
-webkit-transform: translateY(7px) scale(1.05);
-ms-transform: translateY(7px) scale(1.05);
transform: translateY(7px) scale(1.05);
-webkit-box-shadow: 0 -4px 0 #529aa8;
box-shadow: 0 -4px 0 #529aa8;
}
.licheng-bg .lc-color {
background: #ae8b3b;
background: -webkit-gradient(linear, left top, right bottom, from(#ae8b3b), to(#bd9a4a));
background: -o-linear-gradient(left top, #ae8b3b, #bd9a4a);
background: linear-gradient(to right bottom, #ae8b3b, #bd9a4a);
width: 98px;
height: 98px;
border-radius: 50%;
color: #fff;
font-size: 28px;
font-weight: bold;
}
.licheng-bg .licheng-top-des {
position: absolute;
top: -78%;
left: 110px;
}
.licheng-bg .licheng-top-des .licheng-t-d-entitle {
font-size: 16px;
text-transform: uppercase;
color: #222;
}
.licheng-bg .licheng-top-des .licheng-t-d-title {
font-size: 16px;
color: #222;
padding-bottom: 4px;
}
.licheng-bg .licheng-top-des .licheng-t-d-text {
font-size: 14px;
color: #999;
min-width: 200px;
}
.licheng-bg .licheng-item-b .licheng-top-des {
top: auto;
bottom: -65%;
left: auto;
right: 110px;
text-align: right;
}
.licheng-bg .licheng-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -100%;
left: 50%;
-webkit-transform: translate(-50%, -30px);
-ms-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
}
.licheng-bg .licheng-bottom {
top: auto;
bottom: -100%;
-webkit-transform: translate(-50%, 30px);
-ms-transform: translate(-50%, 30px);
transform: translate(-50%, 30px);
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.licheng-bg .licheng-t-dian img {
display: block;
pointer-events: none;
}
.licheng-bg .licheng-bottom .licheng-t-dian img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.licheng-bg .licheng-top .licheng-t-text {
font-size: 22px;
font-weight: bold;
white-space: nowrap;
padding-bottom: 4px;
}
.licheng-bg .licheng-right-fg {
font-size: 66px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(49%, -50%);
-ms-transform: translate(49%, -50%);
transform: translate(49%, -50%);
color: #656565;
z-index: 2;
}
.licheng-bg .licheng-right-fg span {
width: 14px;
}
/* 产品中心 产品列表 */
.pro-bg {
background-color: #f8f8f8;
padding: 40px 0;
}
.pro-bg .pro-box {
background-color: #fff;
}
.pro-bg .pro-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px;
}
.pro-bg .pro-content .rexiao-item {
width: 24.5%;
margin-right: 0.66%;
background-color: #fff;
margin-bottom: 24px;
-webkit-box-shadow: 0 0 6px #d9d9d9;
box-shadow: 0 0 6px #d9d9d9;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: #777;
}
.pro-bg .pro-content .rexiao-item:nth-child(4n) {
margin-right: 0;
}
.pro-bg .pro-content .rexiao-item:hover {
color: #da251e;
}
.pro-bg .pro-content .rexiao-item:hover {
-webkit-box-shadow: 0 0 20px #b5b5b5;
box-shadow: 0 0 20px #b5b5b5;
}
.pro-bg .pro-content .rexiao-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 14px;
}
.pro-bg .pro-content .rexiao-top img {
width: 100%;
height: 240px;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.pro-bg .rexiao-bottom-l {
font-size: 16px;
}
.pro-bg .rexiao-bottom-r .iconfont {
font-size: 20px;
}
/* 分页 */
.pages-bg {
padding-bottom: 30px;
}
.pages-bg .pages-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pages-bg .pages-box a {
color: #878787;
background: #ebebeb;
font-size: 14px;
margin: 0 2px;
min-width: 30px;
min-height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 10px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.pages-bg .pages-box a:hover {
background: #da251e;
color: #fff;
}
.pages-bg .pages-box a.active {
background: #da251e;
color: #fff;
}
/* 产品详情 */
.pro-content-bg {
background-color: #f8f8f8;
padding: 40px 0;
}
.pro-content-bg .pro-content-box {
padding: 40px 50px;
background-color: #fff;
}
.pro-content-bg .pro-c-content {}
.pro-content-bg .pro-c-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pro-content-bg .pro-c-top .pro-c-t-left {
width: 56%;
}
.pro-content-bg .pro-c-top .pro-c-t-left img {
width: 100%;
display: block;
}
.pro-content-bg .pro-c-top .pro-c-t-right {
width: 40%;
}
.pro-content-bg .pro-c-top .pro-c-t-right>p {
font-size: 16px;
color: #333;
padding-bottom: 14px;
}
.pro-content-bg .pro-c-top .pro-c-t-right>h2 {
padding-bottom: 28px;
}
.pro-content-bg .pro-c-top .pro-c-t-right .pro-c-des {
line-height: 1.9;
color: #555;
text-align: justify;
-moz-text-align-last: left;
text-align-last: left;
}
.pro-content-bg .pro-btn-box {
display: inline-block;
margin-top: 24px;
}
.pro-content-bg .pro-btn-box a {
display: block;
color: #fff;
background: #da251e;
padding: 10px 20px;
border-radius: 2px;
}
.pro-content-bg .pro-btn-box a:hover {
text-decoration: underline;
}
.pro-content-bg .pro-c-b-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #f8f8f8;
margin-top: 40px;
}
.pro-content-bg .pro-c-b-tab a {
display: block;
color: #333;
padding: 12px 56px;
font-size: 16px;
cursor: pointer;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.pro-content-bg .pro-c-b-tab a.active {
background: #da251e;
color: #fff;
}
.pro-content-bg .pro-c-b-tab a:hover {
background: #da251e;
color: #fff;
}
.pro-content-bg .pro-c-b-info {
font-size: 16px;
color: #555;
line-height: 1.4;
margin-top: 30px;
}
.pro-content-bg .pro-c-b-info img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
.pro-content-bg .pro-c-b-info>div {
padding: 0 10px;
display: none;
}
.pro-content-bg .pro-c-b-info>div:first-child {
display: block;
}
.pro-content-bg .pro-c-b-info>div p {
margin-bottom: 14px;
}
.pro-content-bg .pro-c-b-info>div p:last-child {
margin-bottom: 0;
}
/* 切换主题 */
.theme-bg .theme-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #bfbfbf;
margin-top: 30px;
padding-top: 14px;
}
.theme-bg .theme-box a {
display: block;
width: 48%;
color: #a1a1a1;
font-size: 16px;
}
.theme-bg .theme-box a:hover {
color: #da251e;
}
.theme-bg .prev {
text-align: left;
}
.theme-bg .next {
text-align: right;
}
/* 资料下载 */
.down-bg {
padding: 50px 0;
background: #f8f8f8
}
.down-bg .down-box {
background-color: #fff;
}
.down-bg .down-content {
margin-bottom: 40px;
}
.down-bg .down-content .down-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 34px 44px;
border: 1px solid transparent;
border-bottom-color: #f1f1f1;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.down-bg .down-left {
padding-right: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.down-bg .down-content .down-item:hover {
border: 1px solid #da251e;
}
.down-bg .down-title {
font-size: 20px;
}
.down-bg .down-title a {
color: #333;
}
.down-bg .down-title a:hover {
color: #da251e;
}
.down-bg .down-l-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
color: #878787;
margin-top: 16px;
}
.down-bg .down-l-box>div:first-child {
margin-right: 40px;
}
.down-bg .down-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.down-bg .down-right .date {
color: #878787;
}
.down-bg .down-r-btn {
margin-top: 18px;
}
.down-bg .down-r-btn a {
color: #fff;
background: #da251e;
padding: 10px 20px;
display: block;
border-radius: 2px;
}
.down-bg .down-r-btn a:hover {
opacity: .8;
}
/* 新闻列表 */
.news-bg {
background: #f8f8f8;
padding: 40px 0;
}
.news-bg .news-box {
background-color: #fff;
}
.news-bg .news-content {
margin-bottom: 30px;
}
.news-bg .news-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px;
border: 1px solid transparent;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
margin: 10px 0;
}
.news-bg .news-item:first-child {
margin-top: 0;
}
.news-bg .news-item:last-child {
margin-bottom: 0;
}
.news-bg .news-item:hover {
border: 1px solid #da251e;
}
.news-bg .news-box .n-item-left {
width: 22%;
overflow: hidden;
}
.news-bg .news-item .n-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-bg .news-item .n-title .date {
color: #777;
}
.news-bg .news-box .n-item-left a {
display: block;
}
.news-bg .news-box .n-item-left img {
display: block;
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.news-bg .news-box .n-item-left img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.news-bg .n-item-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 10px 22px;
}
.news-bg .n-item-right .n-title a {
font-size: 20px;
color: #555;
margin-bottom: 20px;
font-weight: bold;
display: inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 10px;
}
.news-bg .n-item-right .n-title a:hover {
color: #da251e;
}
.news-bg .n-item-right .n-des {
font-size: 16px;
color: #777;
margin-bottom: 38px;
line-height: 1.6;
}
.news-bg .n-btn {
display: inline-block;
}
.news-bg .n-btn a {
display: block;
padding: 8px 16px;
color: #777;
border: 1px solid #777;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.news-bg .n-btn a:hover {
color: #da251e;
border: 1px solid #da251e;
}
/* 新闻详情 */
.news-bg .news-c-top {
text-align: center;
}
.news-bg .news-c-top .news-c-title {
font-size: 26px;
font-weight: bold;
color: #333;
padding-bottom: 20px;
}
.news-c-bg .news-content {
padding: 40px;
}
.news-c-bg .newsc-top-info {
color: #777;
}
.news-c-bg .newsc-top-info span {
margin: 0 10px;
}
.news-c-bg .news-c-bottom {
margin-top: 40px;
}
.news-c-bg .news-c-bottom p {
line-height: 1.8;
color: #555;
}
.news-c-bg .news-c-bottom img{
max-width: 900px !important;
display: block !important;
height: auto !important;
width: 100% !important;
margin: 0 auto;
}
.news-c-bg .news-content {
margin-bottom: 0;
}
/* 代理加盟 */
.book-bg {
background: #f8f8f8;
padding: 40px 0;
}
.book-bg .book-lc-title1,
.book-bg .book-lc-title2 {
text-align: center;
}
.book-bg .book-lc-title1 {
font-size: 24px;
color: #777;
padding-top: 40px;
}
.book-bg .book-lc-title2 {
font-size: 30px;
color: #333;
padding-top: 25px;
padding-bottom: 50px;
}
.book-bg .book-lc-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 70px;
}
.book-bg .book-lc-item-img {
background: #da251e;
border-radius: 50%;
width: 100px;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.book-bg .book-lc-item-img img {
display: block;
}
.book-bg .book-lc-icon .book-lc-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.book-bg .book-lc-icon .book-lc-item p {
font-size: 20px;
color: #555;
padding-top: 24px;
}
.book-bg .msg-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.book-bg .msg-left {
width: 44%;
}
.book-bg .msg-left img {
display: block;
width: 100%;
height: 430px;
-o-object-fit: cover;
object-fit: cover;
}
.book-bg .msg-right {
background: #333;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.book-bg .msg-r-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #8f8f8f;
}
.book-bg .msg-r-top a {
color: #fff;
font-size: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 26px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.book-bg .msg-r-top a img {
width: 36px;
margin-right: 10px;
pointer-events: none;
}
.book-bg .msg-r-top a:first-child {
border-right: 1px solid #8f8f8f;
}
.book-bg .msg-r-top a:last-child {
background-color: #da251e;
}
/* 留言表单 */
.msg-r-bottom form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.msg-r-bottom input {
display: block;
margin-top: 22px;
padding: 4px 10px;
width: 76%;
height: 50px;
line-height: 50px;
border-radius: 4px;
outline: none;
border: 1px solid transparent;
font-size: 16px;
}
.msg-r-bottom input:focus {
border: 1px solid #da251e;
}
.msg-btn {
width: 220px;
height: 60px;
line-height: 60px;
font-size: 26px;
text-align: center;
outline: none;
cursor: pointer;
background-color: #da251e;
color: #fff;
border: 0;
border-radius: 6px;
margin-top: 30px;
}
/* 联系我们 */
.contact-bg {
background: #f8f8f8;
padding: 40px 0;
}
.contact-bg .contact-box {
background-color: #fff;
padding: 0 20px;
}
.contact-bg .contact-content {
padding-bottom: 40px;
}
.contact-bg .contact-content .contact-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact-bg .contact-item {
width: 33.3%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 10px;
position: relative;
}
.contact-bg .contact-item::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 80%;
background-color: #e5e5e5;
}
.contact-bg .contact-item h6 {
font-size: 18px;
color: #333;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-bg .contact-item p {
color: #555;
font-size: 16px;
word-break: break-all;
word-wrap: break-word;
}
.contact-bg .c-item-img {
background-color: #da251e;
display: inline-block;
border-radius: 50%;
width: 80px;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-bg .sitemap {
padding-top: 20px;
}
.contact-bg .book-box {
background: #eeeeee;
padding: 40px 0;
margin-top: 40px;
}
.contact-bg .book-content {
width: 88%;
margin: 0 auto;
}
.contact-bg .book-content textarea {
width: 100%;
background-color: #fff;
font-family: "微软雅黑";
border: 0;
outline: none;
padding: 14px;
height: 180px;
font-size: 15px;
color: #777;
display: block;
margin-bottom: 18px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border: 1px solid transparent;
}
.contact-bg .book-content textarea:focus {
border: 1px solid #da251e;
}
.contact-bg .book-inputbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.contact-bg .book-inputbox input {
width: 49%;
margin-right: 2%;
border: none;
outline: none;
background-color: #fff;
font-size: 15px;
color: #777;
padding: 14px;
margin-bottom: 18px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border: 1px solid transparent;
}
.contact-bg .book-inputbox input:focus {
border: 1px solid #da251e;
}
.contact-bg .book-inputbox input:nth-child(2n) {
margin-right: 0;
}
.contact-bg .bookbtn {
width: 100%;
background-color: #333;
text-align: center;
color: #fff;
padding: 12px 0;
font-size: 16px;
cursor: pointer;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border: 1px solid transparent;
}
.contact-bg .bookbtn:hover {
background-color: #da251e;
border: 1px solid #da251e;
}
.right-bg {
position: fixed;
top: 30%;
right: 0;
z-index: 4;
}
.right-item {
position: relative;
}
.right-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 70px;
height: 70px;
background-color: #fff;
color: #666;
font-size: 14px;
-webkit-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
margin-bottom: 4px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.right-item:hover a {
background-color: #da251e;
color: #fff;
}
.right-item .right-son {
display: none;
position: absolute;
right: 100%;
top: 0;
background-color: #da251e;
color: #fff;
padding: 10px;
min-height: 70px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.right-item .right-son p {
margin-bottom: 6px;
white-space: nowrap;
}
.right-item .right-son p:last-child {
margin-bottom: 0;
}
.right-item .right-son img {
width: 120px;
height: auto;
display: block;
}
.right-item:hover .right-son {
display: block;
}
/* .right-item a:hover */
.right-item .iconfont {
font-size: 24px;
margin-bottom: 8px;
}
.textcenter {
text-align: center;
}
.totop a {
background-color: #da251e;
color: #fff;
cursor: pointer;
}
.totop .iconfont {
font-size: 40px;
margin-bottom: 0;
}