@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
footer,
header,
section,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
margin: 0;
padding: 0;
box-sizing: border-box;
}
address,
cite,
dfn,
em,
var,
i {
font-style: normal;
}
body {
font-size: 16px;
line-height: 1.5;
font-family: 'arial', 'tahoma', 'Microsoft Yahei', 'simsun';
color: #222;
background: #ffffff;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
th {
font-size: 100%;
font-weight: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
}
fieldset,
img {
border: 0;
}
a {
text-decoration: none;
color: #666;
background: none;
}
ul,
ol {
list-style: none;
}
:focus {
outline: none;
}
.clearfix {
clear: both;
content: "";
display: block;
overflow: hidden;
}
.fl {
float: left;
}
.fr {
float: right;
}
.db {
display: block;
}
.dn {
display: none;
}
textarea,
input,
select {
font-family: 'Microsoft Yahei' !important;
}
/*-------------公共小样式---------------*/
/*多行文本隐藏*/
/*字体设置*/
/*渐变色背景*/
/*提示文字*/
/*过渡动画*/
/*-------------------共享---------------------*/
.cen {
width: 1200px;
margin: 0 auto;
position: relative;
}
/*居中*/
.position_z {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
/*-----------------弹窗遮罩----------------*/
.allCover {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
display: none;
z-index: 10;
}
.allPopup {
position: fixed;
left: 50%;
top: 50%;
display: none;
z-index: 30;
}
.allPopup .allPopup_close {
position: absolute;
top: -46px;
right: 0;
cursor: pointer;
}
/*----------------错误提示------------------*/
.tips {
min-height: 30px;
font-size: 14px;
color: #fff;
display: block;
padding: 10px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background: rgba(0, 0, 0, 0.5);
}
/*---隐藏域---*/
.hide_input {
position: absolute;
z-index: -1;
opacity: 0;
}
/*公共头部*/
.allHeader .header_top {
display: flex;
align-items: center;
justify-content: space-between;
height: 130px;
}
.allHeader .header_top .top_right .right_top {
display: flex;
align-items: center;
}
.allHeader .header_top .top_right .right_top .search form {
display: flex;
align-items: center;
width: 300px;
height: 40px;
border-radius: 4px;
overflow: hidden;
}
.allHeader .header_top .top_right .right_top .search form .search_input {
flex: 1;
padding: 0 17px;
height: 40px;
border: 1px solid #dedede;
border-right: 0;
font-size: 14px;
color: #333;
}
.allHeader .header_top .top_right .right_top .search form .search_but {
width: 80px;
height: 40px;
background: #e71a0f;
display: flex;
align-items: center;
justify-content: center;
border: 0;
cursor: pointer;
}
.allHeader .header_top .top_right .right_top .search form input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.allHeader .header_top .top_right .right_top .search form input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.allHeader .header_top .top_right .right_top .search form input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.allHeader .header_top .top_right .right_top .search form input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.allHeader .header_top .top_right .right_top .shopCart {
margin: 0 26px 0 22px;
}
.allHeader .header_top .top_right .right_top .shopCart img {
display: block;
}
.allHeader .header_top .top_right .right_top .loginReg {
display: flex;
align-items: center;
}
.allHeader .header_top .top_right .right_top .loginReg .headLogin,
.allHeader .header_top .top_right .right_top .loginReg .headRegister {
width: 80px;
height: 40px;
background: #f1eeee;
border: 1px solid #f1eeee;
text-align: center;
line-height: 38px;
font-size: 14px;
color: #9b8989;
margin-left: 10px;
border-radius: 4px;
cursor: pointer;
}
.allHeader .header_top .top_right .right_top .loginReg .headRegister {
font-size: 14px;
color: #999;
border: 1px solid #ced0d0;
background: #fff;
}
.allHeader .header_top .top_right .right_top .loginReg .headLogin:hover,
.allHeader .header_top .top_right .right_top .loginReg .headRegister:hover {
background: #e71a0f;
border: 1px solid #e71a0f;
font-size: 14px;
color: #fff;
}
.allHeader .header_top .top_right .right_top .userMes {
display: flex;
align-items: center;
}
.allHeader .header_top .top_right .right_top .userMes .userImg {
width: 32px;
height: 32px;
border-radius: 50%;
overflow: hidden;
}
.allHeader .header_top .top_right .right_top .userMes .userImg img {
width: 100%;
height: 100%;
}
.allHeader .header_top .top_right .right_top .userMes .userName {
font-size: 14px;
color: #333;
margin: 0 20px 0 10px;
}
.allHeader .header_top .top_right .right_top .userMes .outLogin {
width: 80px;
height: 40px;
border-radius: 4px;
border: 1px solid #999;
cursor: pointer;
font-size: 14px;
color: #999;
text-align: center;
line-height: 38px;
}
.allHeader .header_top .top_right .right_top .language {
display: flex;
align-items: center;
margin-left: 10px;
}
.allHeader .header_top .top_right .right_top .language a {
margin-left: 10px;
}
.allHeader .header_top .top_right .right_top .language a img {
display: block;
}
.allHeader .header_top .top_right .right_bottom {
padding: 0 18px;
display: flex;
align-items: center;
margin-top: 15px;
}
.allHeader .header_top .top_right .right_bottom a {
font-size: 12px;
color: #aaa;
}
.allHeader .header_top .top_right .right_bottom span {
font-size: 12px;
color: #aaa;
margin: 0 10px;
}
.allHeader .header_line {
height: 1px;
background: #ececec;
}
.allHeader .header_tab {
display: flex;
align-items: center;
height: 50px;
}
.allHeader .header_tab .tabDetail {
flex: 1;
text-align: center;
position: relative;
height: 50px;
}
.allHeader .header_tab .tabDetail .title {
font-size: 14px;
color: #666;
line-height: 50px;
}
.allHeader .header_tab .tabDetail span {
display: none;
width: 30px;
height: 2px;
background: #e71a0f;
position: absolute;
bottom: 15px;
left: 50%;
margin-left: -15px;
}
.allHeader .header_tab .tabDetail .tabTwo {
position: absolute;
top: 50px;
left: 50%;
width: 116px;
margin-left: -58px;
display: none;
z-index: 20;
}
.allHeader .header_tab .tabDetail .tabTwo .twoInfo {
height: 36px;
background: #a1120a;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 36px;
width: 100%;
display: block;
}
.allHeader .header_tab .tabDetail .tabTwo .twoInfo:hover {
background: #e71a0f;
}
.allHeader .header_tab .tabShow .title {
font-size: 14px;
color: #e71a0f;
}
.allHeader .header_tab .tabShow span {
display: block;
}
.allHeader .header_tab .tabDetail:hover a {
font-size: 14px;
color: #e71a0f;
}
.allHeader .header_tab .tabDetail:hover span {
display: block;
}
.allHeader .header_tab .tabDetail:hover .tabTwo {
display: block;
}
/*公共底部*/
.allFooter .footer_top {
background: #202124;
}
.allFooter .footer_top .cen {
height: 340px;
display: flex;
}
.allFooter .footer_top .cen .top_left {
margin-top: 62px;
margin-right: 20px;
}
.allFooter .footer_top .cen .top_left img {
display: block;
}
.allFooter .footer_top .cen .top_right {
display: flex;
flex: 1;
}
.allFooter .footer_top .cen .top_right .rightDetail {
display: flex;
flex-direction: column;
padding-top: 70px;
margin-left: 90px;
}
.allFooter .footer_top .cen .top_right .rightDetail .detailTitle {
/*font-size: 18px;*/
font-size: 13px;
color: #fff;
font-weight: bold;
margin-bottom: 15px;
/*不换行*/
/*whITe-space: nowrap;*/
}
.allFooter .footer_top .cen .top_right .rightDetail a {
font-size: 12px;
color: #a0a0a0;
margin-top: 10px;
}
.allFooter .footer_top .cen .top_right .rightDetail a:hover {
font-size: 12px;
color: #fff;
}
.allFooter .footer_bottom {
height: 50px;
background: #191a1c;
}
.allFooter .footer_bottom .cen {
display: flex;
align-items: center;
height: 50px;
}
.allFooter .footer_bottom .cen a {
font-size: 14px;
color: #47484a;
margin-right: 20px;
}
/*首页*/
.index .index_banner .banner_container {
width: 100%;
height: 718px;
}
.index .index_banner .banner_container a {
display: block;
width: 100%;
height: 100%;
}
.index .index_banner .banner_container .swiper-pagination-bullet {
opacity: 1;
background: #e3a5a7;
width: 10px;
height: 10px;
}
.index .index_banner .banner_container .swiper-pagination-bullet-active {
background: #fff;
}
.index .index_banner .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 20px;
}
.index .index_productCenter {
background: #fff;
padding: 60px 0 80px;
}
.index .index_productCenter .title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 47px;
}
.index .index_productCenter .title .left {
font-size: 36px;
color: #333;
font-weight: bold;
}
.index .index_productCenter .detail {
display: flex;
justify-content: space-between;
}
.index .index_productCenter .detail .detailCover {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.index .index_productCenter .detail .detailText {
padding: 0 10px;
background: #e71a0f;
height: 40px;
line-height: 40px;
border-radius: 4px;
font-size: 20px;
color: #fff;
position: absolute;
z-index: 20;
top: 20px;
left: 20px;
max-width: 60%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.index .index_productCenter .detail .left {
width: 550px;
height: 670px;
position: relative;
border-radius: 4px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.index .index_productCenter .detail .left .detailImg {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.index .index_productCenter .detail .left:hover .detailImg {
width: 120%;
height: 120%;
}
.index .index_productCenter .detail .right {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.index .index_productCenter .detail .right .top {
width: 630px;
height: 300px;
border-radius: 4px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.index .index_productCenter .detail .right .top .detailImg {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.index .index_productCenter .detail .right .top:hover .detailImg {
width: 120%;
height: 120%;
}
.index .index_productCenter .detail .right .bottom {
display: flex;
justify-content: space-between;
}
.index .index_productCenter .detail .right .bottom .botLeft,
.index .index_productCenter .detail .right .bottom .botRight {
width: 310px;
height: 360px;
position: relative;
border-radius: 4px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.index .index_productCenter .detail .right .bottom .botLeft .detailImg,
.index .index_productCenter .detail .right .bottom .botRight .detailImg {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.index .index_productCenter .detail .right .bottom .botLeft:hover .detailImg,
.index .index_productCenter .detail .right .bottom .botRight:hover .detailImg {
width: 120%;
height: 120%;
}
.index .index_aboutUs {
height: 620px;
background: #f6f6f6;
}
.index .index_aboutUs .top {
display: flex;
justify-content: space-between;
}
.index .index_aboutUs .top .left {
margin-top: 70px;
border-radius: 50%;
overflow: hidden;
}
.index .index_aboutUs .top .right {
width: 820px;
margin-top: 90px;
}
.index .index_aboutUs .top .right .right_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.index .index_aboutUs .top .right .right_title .title_left {
font-size: 36px;
color: #333;
font-weight: bold;
}
.index .index_aboutUs .top .right .right_text {
overflow: hidden;
}
.index .index_aboutUs .top .right .right_text .textDetail {
font-size: 14px;
color: #aaa;
margin-top: 15px;
}
.index .index_aboutUs .top .right .right_go {
display: block;
/* width: 130px; */
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 4px;
background: #e71a0f;
font-size: 14px;
color: #fff;
margin-top: 50px;
padding: 0 20px;
float: left;
min-width: 130px;
}
.index .index_aboutUs .bottom {
display: flex;
margin-top: 94px;
}
.index .index_aboutUs .bottom .botDetail {
flex: 1;
}
.index .index_aboutUs .bottom .botDetail .number {
display: flex;
font-size: 48px;
color: #333;
font-weight: bold;
justify-content: center;
line-height: 60px;
}
.index .index_aboutUs .bottom .botDetail .number span {
font-size: 12px;
color: #333;
font-weight: normal;
padding-top: 33px;
line-height: 1;
}
.index .index_aboutUs .bottom .botDetail .title {
font-size: 14px;
color: #333;
text-align: center;
opacity: .6;
}
.index .index_intro {
display: flex;
}
.index .index_intro .left {
flex: 1;
}
.index .index_intro .left .top {
height: 580px;
}
.index .index_intro .left .top .topDetail {
width: 600px;
float: right;
}
.index .index_intro .left .top .topDetail .title {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-top: 90px;
}
.index .index_intro .left .top .topDetail .content {
font-size: 14px;
color: #fff;
line-height: 24px;
margin-top: 10px;
}
.index .index_intro .left .bottom {
height: 410px;
background: #161d27;
}
.index .index_intro .left .bottom .botDetail {
width: 600px;
float: right;
}
.index .index_intro .left .bottom .botDetail .detail_top {
margin-top: 70px;
}
.index .index_intro .left .bottom .botDetail .detail_top .title,
.index .index_intro .left .bottom .botDetail .detail_top .content {
font-size: 18px;
color: #fff;
line-height: 30px;
}
.index .index_intro .left .bottom .botDetail .detail_bottom {
display: flex;
margin-top: 60px;
}
.index .index_intro .left .bottom .botDetail .detail_bottom .botInfo {
flex: 1;
}
.index .index_intro .left .bottom .botDetail .detail_bottom .botInfo .one {
font-size: 30px;
color: #fff;
font-weight: bold;
}
.index .index_intro .left .bottom .botDetail .detail_bottom .botInfo .one span {
font-size: 14px;
color: #fff;
font-weight: normal;
margin-top: 20px;
}
.index .index_intro .left .bottom .botDetail .detail_bottom .botInfo .two {
width: 26px;
height: 5px;
background: #de2810;
margin: 10px 0 15px;
}
.index .index_intro .left .bottom .botDetail .detail_bottom .botInfo .three {
font-size: 14px;
color: #fff;
}
.index .index_intro .right {
height: 990px;
flex: 1;
}
.index .index_intro .right .rightDetail {
width: 600px;
float: left;
padding-left: 60px;
}
.index .index_intro .right .rightDetail .title {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-top: 90px;
}
.index .index_intro .right .rightDetail .content {
font-size: 14px;
color: #fff;
line-height: 24px;
margin-top: 10px;
}
.index .index_ProRec {
height: 700px;
background: #f6f6f6;
position: relative;
}
.index .index_ProRec .proRec_top {
width: 300px;
display: flex;
flex-direction: column;
position: absolute;
right: 0;
top: 0;
z-index: 50;
background: #f6f6f6;
}
.index .index_ProRec .proRec_top .name {
font-size: 36px;
color: #333;
font-weight: bold;
line-height: 1;
}
.index .index_ProRec .proRec_top .line {
width: 46px;
height: 8px;
background: #de2810;
margin-top: 26px;
}
.index .index_ProRec .proRec_container {
position: absolute;
width: 1200px;
top: 130px;
left: 50%;
margin-left: -600px;
}
.index .index_ProRec .proRec_img {
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
}
.index .index_ProRec .proRec_img img {
max-width: 100%;
max-height: 100%;
}
.index .index_ProRec .proRec_bottom {
height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.index .index_ProRec .proRec_bottom .proRec_title {
font-size: 16px;
color: #333;
font-weight: bold;
text-align: center;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.index .index_ProRec .proRec_bottom .proRec_content {
font-size: 14px;
color: #999;
text-align: center;
line-height: 30px;
}
.index .index_ProRec .swiper-slide {
display: flex;
justify-content: space-between;
}
.index .index_ProRec .swiper-slide .left {
width: 300px !important;
}
.index .index_ProRec .swiper-slide .left .proRec_img {
width: 300px;
height: 425px;
}
.index .index_ProRec .swiper-slide .middle {
width: 460px !important;
}
.index .index_ProRec .swiper-slide .middle .proRec_img {
width: 460px;
height: 600px;
}
.index .index_ProRec .swiper-slide .middle .proRec_bottom {
width: 100%;
height: 140px;
background: #e71a0f;
}
.index .index_ProRec .swiper-slide .middle .proRec_bottom .proRec_title {
font-size: 22px;
color: #fff;
}
.index .index_ProRec .swiper-slide .middle .proRec_bottom .proRec_content {
font-size: 14px;
color: #fff;
}
.index .index_ProRec .swiper-slide .right {
width: 300px !important;
margin-top: 135px;
}
.index .index_ProRec .swiper-slide .right .proRec_img {
width: 300px;
height: 300px;
}
.index .index_zlh {
height: 1080px;
background: #fff;
padding-top: 350px;
position: relative;
}
.index .index_zlh .zlhBg {
width: 1160px;
height: 530px;
position: relative;
overflow: hidden;
display: block;
}
.index .index_zlh .zlhBg .zlhBg_img {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.index .index_zlh .zlhBg .zlhBg_img:hover {
width: 120%;
height: 120%;
}
.index .index_zlh .zlhBg .zlhBg_go {
width: 338px;
height: 88px;
background: #fff;
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #333;
}
.index .index_zlh .zlhBg .zlhBg_go span {
margin-right: 60px;
}
.index .index_zlh .zlhBg .zlhBg_go .agree {
display: block;
}
.index .index_zlh .zlhBg .zlhBg_go .no_agree {
display: none;
}
.index .index_zlh .zlhTitle {
font-size: 18px;
color: #999;
padding-left: 115px;
line-height: 80px;
}
.index .index_zlh .zlh_next {
position: absolute;
right: 0;
bottom: 200px;
z-index: 20;
display: flex;
cursor: pointer;
}
.index .index_zlh .zlh_next .next_left {
width: 156px;
height: 88px;
background: #de2810;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 88px;
}
.index .index_zlh .zlh_next .next_right {
width: 79px;
height: 88px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}
.index .index_zlh .swiper-slide .zlhBg:hover .zlhBg_go {
background: #de2810;
font-size: 24px;
color: #fff;
}
.index .index_zlh .swiper-slide .zlhBg:hover .zlhBg_go .agree {
display: none;
}
.index .index_zlh .swiper-slide .zlhBg:hover .zlhBg_go .no_agree {
display: block;
}
/*登录*/
.login {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.login .loginDetail {
width: 380px;
height: 340px;
background: #fff;
margin: 34px 0 25px;
}
.login .loginDetail .title {
font-size: 24px;
color: #646a6c;
font-weight: bolder;
text-align: center;
line-height: 1;
margin: 40px 0 28px;
}
.login .loginDetail .formInput {
width: 300px;
height: 40px;
display: flex;
margin: 10px auto;
}
.login .loginDetail .formInput input {
font-size: 14px;
color: #333;
border: 0;
padding: 0 15px;
display: block;
flex: 1;
background: #f4f4f4;
}
.login .loginDetail .formInput input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.login .loginDetail .formInput input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.login .loginDetail .formInput input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.login .loginDetail .formInput input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.login .loginDetail .formBtn {
width: 300px;
height: 40px;
background: #e71a0f;
border: 0;
font-size: 14px;
color: #fff;
margin: 20px auto;
display: block;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.login .loginDetail .detailBot {
display: flex;
align-items: center;
justify-content: space-between;
width: 300px;
margin: auto;
}
.login .loginDetail .detailBot a {
font-size: 14px;
color: #aaa;
}
.login .bq {
font-size: 14px;
color: #999;
}
/*注册*/
.register {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background: #f4f4f4;
}
.register .regTop {
display: flex;
align-items: center;
width: 900px;
justify-content: space-between;
}
.register .regTop .topRight {
display: flex;
font-size: 14px;
color: #666;
}
.register .regTop .topRight a {
font-size: 14px;
color: #e71a0f;
}
.register .regTop .topRight span {
margin: 0 20px;
}
.register .regTitle {
width: 900px;
height: 80px;
background: #e71a0f;
font-size: 24px;
color: #fff;
font-weight: bolder;
text-align: center;
line-height: 80px;
margin-top: 17px;
}
.register .regTab {
width: 300px;
height: 40px;
margin: 41px auto 10px;
display: flex;
}
.register .regTab .tabDetail {
flex: 1;
background: #646a6c;
text-align: center;
line-height: 40px;
cursor: pointer;
font-size: 14px;
color: #fff;
}
.register .regTab .tabShow {
background: #e71a0f;
}
.register .regInfo {
width: 900px;
height: 410px;
background: #fff;
margin-bottom: 29px;
overflow: hidden;
}
.register .regInfo .formInput {
width: 300px;
height: 40px;
display: flex;
margin: 10px auto;
background: #f4f4f4;
}
.register .regInfo .formInput .inputInfo {
flex: 1;
}
.register .regInfo .formInput .inputInfo input {
font-size: 14px;
color: #333;
border: 0;
padding: 0 15px;
display: block;
background: #f4f4f4;
width: 100%;
height: 100%;
}
.register .regInfo .formInput input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .formInput input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .formInput input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .formInput input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .formInput span {
line-height: 40px;
color: #aaa;
}
.register .regInfo .formInput button {
font-size: 14px;
color: #e71a0f;
border: 0;
min-width: 90px;
background: #f4f4f4;
cursor: pointer;
text-align: center;
line-height: 40px;
}
.register .regInfo .formBtn {
width: 300px;
height: 40px;
background: #e71a0f;
border: 0;
font-size: 14px;
color: #fff;
margin: 20px auto;
display: block;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.register .regInfo .regWay .formInput {
display: none;
}
.register .regInfo .regWay .formInput_show {
display: flex;
}
.register .regInfo .regWayTwo .formYzm {
display: none;
width: 300px;
margin: 10px auto;
}
.register .regInfo .regWayTwo .formYzm .inputInfo {
flex: 1;
}
.register .regInfo .regWayTwo .formYzm .inputInfo input {
width: 100%;
height: 40px;
background: #f4f4f4;
border: 0;
padding: 0 15px;
display: block;
font-size: 14px;
color: #333;
}
.register .regInfo .regWayTwo .formYzm .inputInfo input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .regWayTwo .formYzm .inputInfo input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .regWayTwo .formYzm .inputInfo input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .regWayTwo .formYzm .inputInfo input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.register .regInfo .regWayTwo .formYzm button {
min-width: 90px;
height: 40px;
background: #e71a0f;
border: 0;
font-size: 14px;
color: #fff;
display: block;
margin-left: 10px;
cursor: pointer;
text-align: center;
line-height: 40px;
}
.register .regInfo .regWayTwo .formYzm_show {
display: flex;
}
.register .bq {
font-size: 14px;
color: #999;
}
.infoBanner {
height: 300px;
}
.infoBanner .cen {
height: 100%;
overflow: hidden;
}
.infoBanner .title {
font-size: 60px;
color: #fff;
font-weight: bold;
margin-top: 100px;
line-height: 1;
}
.infoBanner .navGo {
display: flex;
align-items: center;
position: absolute;
bottom: 60px;
left: 0;
}
.infoBanner .navGo a {
font-size: 18px;
color: #fff;
margin: 0 20px;
}
.aboutUs .index_aboutUs {
height: 620px;
background: #f6f6f6;
}
.aboutUs .index_aboutUs .top {
display: flex;
justify-content: space-between;
padding-bottom: 40px;
border-bottom: 1px solid #ececec;
}
.aboutUs .index_aboutUs .top .left {
margin-top: 70px;
width: 300px;
height: 300px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.aboutUs .index_aboutUs .top .left img {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.aboutUs .index_aboutUs .top .left:hover img {
transform: scale(1.2);
}
.aboutUs .index_aboutUs .top .right {
width: 820px;
margin-top: 90px;
}
.aboutUs .index_aboutUs .top .right .right_title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.aboutUs .index_aboutUs .top .right .right_title .title_left {
width: 8px;
height: 26px;
background: #e71a0f;
}
.aboutUs .index_aboutUs .top .right .right_title .title_right {
font-size: 30px;
color: #333;
font-weight: bold;
margin-left: 20px;
}
.aboutUs .index_aboutUs .top .right .right_text {
overflow: hidden;
}
.aboutUs .index_aboutUs .top .right .right_text .textDetail {
font-size: 16px;
color: #333;
margin-top: 15px;
}
.aboutUs .index_aboutUs .top .right .right_go {
display: block;
width: 130px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 4px;
background: #e71a0f;
font-size: 14px;
color: #fff;
margin-top: 50px;
}
.aboutUs .index_aboutUs .bottom {
display: flex;
margin-top: 54px;
}
.aboutUs .index_aboutUs .bottom .botDetail {
flex: 1;
}
.aboutUs .index_aboutUs .bottom .botDetail .number {
display: flex;
font-size: 48px;
color: #333;
font-weight: bold;
justify-content: center;
line-height: 60px;
}
.aboutUs .index_aboutUs .bottom .botDetail .number span {
font-size: 12px;
color: #333;
font-weight: normal;
padding-top: 33px;
line-height: 1;
}
.aboutUs .index_aboutUs .bottom .botDetail .title {
font-size: 14px;
color: #333;
text-align: center;
opacity: .6;
}
.aboutUs .aboutUs_intro {
background: #161d27;
display: flex;
}
/* .aboutUs .aboutUs_intro .aboutUs_intro_info{
width: 1920px;
margin: 0 auto;
display: flex;
} */
.aboutUs .aboutUs_intro .left,
.aboutUs .aboutUs_intro .right {
height: 700px;
flex: 1;
}
.aboutUs .aboutUs_intro .left .introInfo,
.aboutUs .aboutUs_intro .right .introInfo {
width: 600px;
float: right;
}
.aboutUs .aboutUs_intro .left .introInfo .title,
.aboutUs .aboutUs_intro .right .introInfo .title {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-top: 90px;
display: flex;
align-items: center;
}
.aboutUs .aboutUs_intro .left .introInfo .title span,
.aboutUs .aboutUs_intro .right .introInfo .title span {
width: 8px;
height: 26px;
background: #fff;
margin-right: 20px;
}
.aboutUs .aboutUs_intro .left .introInfo .content,
.aboutUs .aboutUs_intro .right .introInfo .content {
font-size: 14px;
color: #fff;
line-height: 24px;
margin-top: 10px;
padding-left: 28px;
}
.aboutUs .aboutUs_intro .right .introInfo {
padding-left: 60px;
float: left;
}
.aboutUs .aboutUs_history .cen {
padding: 70px 0 80px;
}
.aboutUs .aboutUs_history .cen .title {
display: flex;
align-items: center;
font-size: 30px;
color: #333;
font-weight: bold;
margin-bottom: 40px;
}
.aboutUs .aboutUs_history .cen .title span {
width: 8px;
height: 26px;
background: #e71a0f;
margin-right: 20px;
}
.aboutUs .aboutUs_history .cen .historyDetail {
display: flex;
margin-bottom: 30px;
}
.aboutUs .aboutUs_history .cen .historyDetail .icon {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #e71a0f;
margin-top: 36px;
}
.aboutUs .aboutUs_history .cen .historyDetail .time {
font-size: 24px;
color: #333;
font-weight: bold;
margin: 23px 20px 0 10px;
}
.aboutUs .aboutUs_history .cen .historyDetail .content {
flex: 1;
background: #f7f7f7;
min-height: 110px;
padding: 20px 40px;
}
.aboutUs .aboutUs_history .cen .historyDetail .content .label {
font-size: 16px;
color: #333;
line-height: 24px;
}
.aboutUs .aboutUs_history .cen .historyDetail .content .info {
font-size: 14px;
color: #999;
line-height: 24px;
margin-top: 10px;
}
.proCenter .top {
width: 1200px;
border-radius: 4px;
padding: 20px 20px 20px 30px;
border: 1px solid #eee;
margin: 40px auto 30px;
}
.proCenter .top .topDetail {
display: flex;
}
.proCenter .top .topDetail .left {
width: 100px;
display: flex;
font-size: 14px;
color: #333;
font-weight: bold;
align-items: center;
line-height: 30px;
margin-bottom: 10px;
flex-shrink: 0;
height: 30px;
}
.proCenter .top .topDetail .left span {
width: 4px;
height: 14px;
background: #e71a0f;
margin-right: 6px;
}
.proCenter .top .topDetail .right {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.proCenter .top .topDetail .right .rightDetail {
min-width: 120px;
height: 30px;
padding: 0 10px;
background: #f6f6f6;
text-align: center;
line-height: 30px;
margin: 0 10px 10px 0;
border-radius: 6px;
font-size: 14px;
color: #666;
cursor: pointer;
}
.proCenter .top .topDetail .right .rightDetail_show {
background: #e71a0f;
font-size: 14px;
color: #fff;
}
.proCenter .bottom {
display: flex;
flex-wrap: wrap;
width: 1200px;
margin: 30px auto;
}
.proCenter .bottom .botDetail {
margin: 0 40px 35px 0;
}
.proCenter .bottom .botDetail .detailImg {
width: 270px;
height: 270px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid #eee;
}
.proCenter .bottom .botDetail .detailImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.proCenter .bottom .botDetail .detailImg:hover img {
transform: scale(1.2);
}
.proCenter .bottom .botDetail .detailName {
font-size: 18px;
color: #333;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 30px;
margin-top: 10px;
}
.proCenter .bottom .botDetail .detailIntro {
font-size: 14px;
color: #666;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 30px;
margin-top: 10px;
}
.proCenter .bottom .botDetail .detailGo {
margin-top: 10px;
width: 140px;
height: 40px;
background: #f6f6f6;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #999;
}
.proCenter .bottom .botDetail .detailGo img {
margin-left: 35px;
}
.proCenter .bottom .botDetail .detailGo .addOne {
display: block;
}
.proCenter .bottom .botDetail .detailGo .addTwo {
display: none;
}
.proCenter .bottom .botDetail:hover .detailGo {
background: #e71a0f;
font-size: 12px;
color: #fff;
}
.proCenter .bottom .botDetail:hover .detailGo .addOne {
display: none;
}
.proCenter .bottom .botDetail:hover .detailGo .addTwo {
display: block;
}
.proCenter .bottom .botDetail:nth-of-type(4n) {
margin-right: 0;
}
.paging {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 70px;
width: 1200px;
}
.paging .one {
width: 50px;
height: 30px;
background: #f6f6f6;
text-align: center;
line-height: 30px;
margin: 0 6px;
font-size: 12px;
color: #999;
}
.paging .two {
width: 60px;
height: 30px;
background: #f6f6f6;
text-align: center;
line-height: 30px;
margin: 0 6px;
font-size: 12px;
color: #999;
}
.paging .three {
width: 30px;
height: 30px;
background: #f6f6f6;
text-align: center;
line-height: 30px;
margin: 0 6px;
font-size: 12px;
color: #999;
}
.paging .paging_show {
background: #e71a0f;
font-size: 12px;
color: #fff;
}
.paging2 {
display: flex;
align-items: center;
justify-content: center;
margin: 50px 0 160px;
}
.paging2 .pagDetail {
font-size: 16px;
color: #999;
margin: 0 20px;
}
.paging2 .pagShow {
font-size: 16px;
color: #333;
}
.news .top {
display: flex;
align-items: center;
justify-content: center;
margin: 46px 0 60px;
}
.news .top .tab {
display: block;
width: 162px;
height: 52px;
border: 1px solid #999;
text-align: center;
line-height: 50px;
font-size: 14px;
color: #333;
margin: 0 10px;
}
.news .top .tab_show {
background: #000;
font-size: 14px;
color: #fff;
border: 1px solid #000;
}
.news .top .tab:hover {
background: #000;
font-size: 14px;
color: #fff;
border: 1px solid #000;
}
.news .bottom .botDetail {
display: flex;
padding: 30px 0 40px;
border-bottom: 1px solid #e1e1e1;
}
.news .bottom .botDetail .botLeft {
width: 540px;
height: 360px;
overflow: hidden;
}
.news .bottom .botDetail .botLeft img {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.news .bottom .botDetail .botLeft:hover img {
transform: scale(1.2);
}
.news .bottom .botDetail .botRight {
margin-left: 40px;
flex: 1;
}
.news .bottom .botDetail .botRight .title {
font-size: 24px;
color: #4d4d4d;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 50px;
}
.news .bottom .botDetail .botRight .content {
font-size: 14px;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
margin-top: 10px;
}
.news .bottom .botDetail .botRight .time {
font-size: 14px;
color: #999;
line-height: 30px;
margin-top: 10px;
}
.news .bottom .botDetail .botRight .goInfo {
width: 162px;
height: 52px;
border: 1px solid #999;
font-size: 14px;
color: #333;
text-align: center;
line-height: 50px;
margin-top: 60px;
display: block;
}
.news .bottom .botDetail .botRight .goInfo:hover {
background: #e71a0f;
font-size: 14px;
color: #fff;
border: 1px solid #e71a0f;
}
.newsInfo {
width: 1200px;
margin: 0 auto;
overflow: hidden;
padding: 60px 0 130px;
display: flex;
justify-content: space-between;
}
.newsInfo .infoLeft {
width: 800px;
border: 1px solid #eaeaea;
padding: 0 30px;
}
.newsInfo .infoLeft .title {
font-size: 24px;
color: #333;
font-weight: bold;
margin-top: 30px;
}
.newsInfo .infoLeft .time {
font-size: 14px;
color: #999;
margin-top: 10px;
}
.newsInfo .infoLeft .line {
height: 1px;
background: #eaeaea;
margin: 15px 0 0;
}
.newsInfo .infoLeft .content {
padding: 30px 0;
border-bottom: 1px solid #eaeaea;
font-size: 14px;
color: #333;
line-height: 24px;
text-align: justify;
}
.newsInfo .infoLeft .content img {
margin: 30px auto;
max-width: 100% !important;
display: block;
}
.newsInfo .infoLeft .gotoOther {
padding: 20px 0 40px;
}
.newsInfo .infoLeft .gotoOther .otherDetail {
display: flex;
font-size: 14px;
color: #7a7a7a;
line-height: 24px;
}
.newsInfo .infoLeft .gotoOther .otherDetail span {
font-size: 14px;
color: #bababa;
flex-shrink: 0;
}
.newsInfo .infoLeft .gotoOther .otherDetail a {
font-size: 14px;
color: #7a7a7a;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
flex: 1;
}
.newsInfo .infoLeft .gotoOther .otherDetail a:hover {
text-decoration: underline;
}
.newsInfo .infoRight {
flex: 1;
margin-left: 60px;
}
.newsInfo .infoRight .title {
font-size: 18px;
color: #999;
font-weight: bold;
margin-bottom: 20px;
}
.newsInfo .infoRight .rightDetail {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.newsInfo .infoRight .rightDetail .detailImg {
width: 120px;
height: 80px;
overflow: hidden;
}
.newsInfo .infoRight .rightDetail .detailImg img {
width: 100%;
height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.newsInfo .infoRight .rightDetail .detailImg:hover img {
transform: scale(1.2);
}
.newsInfo .infoRight .rightDetail .detailText {
font-size: 14px;
color: #4d4d4d;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
flex: 1;
margin-left: 20px;
}
.download {
padding: 40px 0 0;
}
.download .downloadList {
display: flex;
flex-wrap: wrap;
width: 1200px;
margin: 0 auto;
}
.download .downloadList .downloadDetail {
width: 380px;
height: 120px;
background: #f6f6f6;
margin-right: 30px;
margin-bottom: 20px;
display: flex;
padding: 30px 20px 0;
}
.download .downloadList .downloadDetail .right {
margin-left: 30px;
}
.download .downloadList .downloadDetail .right .title {
font-size: 18px;
color: #000;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.download .downloadList .downloadDetail .right .rightDown {
width: 88px;
height: 30px;
border: 1px solid #e71a0f;
font-size: 14px;
color: #e71a0f;
text-align: center;
line-height: 28px;
margin-top: 10px;
display: block;
}
.download .downloadList .downloadDetail:nth-of-type(3n) {
margin-right: 0;
}
.contactUs {
padding: 75px 0 115px;
}
.contactUs .oneTop {
height: 50px;
background: #efefef;
text-align: center;
line-height: 50px;
position: relative;
font-size: 18px;
color: #666;
font-weight: bold;
cursor: pointer;
}
.contactUs .oneTop span {
width: 20px;
height: 20px;
background: #efefef;
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -10px;
transform: rotate(45deg);
}
.contactUs .show {
background: #e71a0f;
font-size: 18px;
color: #fff;
}
.contactUs .show span {
background: #e71a0f;
}
.contactUs .oneBottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 0 50px;
}
.contactUs .oneBottom .botInfo {
display: flex;
align-items: center;
height: 50px;
border-bottom: 1px solid #eee;
width: 580px;
}
.contactUs .oneBottom .botInfo .infoImg {
width: 40px;
display: flex;
align-items: center;
}
.contactUs .oneBottom .botInfo .infoText {
font-size: 14px;
color: #999;
}
.contactUs .oneBottom .botInfo .infoText a {
text-decoration: underline;
font-size: 14px;
color: #999;
}
.contactUs .two {
display: flex;
justify-content: space-between;
}
.contactUs .two .twoDetail {
width: 580px;
}
.contactUs .two .twoDetail .twoTop {
height: 50px;
background: #efefef;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #666;
font-weight: bold;
position: relative;
cursor: pointer;
}
.contactUs .two .twoDetail .twoTop span {
width: 20px;
height: 20px;
background: #efefef;
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -10px;
transform: rotate(45deg);
}
.contactUs .two .twoDetail .show {
background: #e71a0f;
font-size: 18px;
color: #fff;
}
.contactUs .two .twoDetail .show span {
background: #e71a0f;
}
.contactUs .mapList {
width: 1200px;
height: 400px;
margin: 0 auto;
position: relative;
}
.contactUs .three {
display: flex;
margin-top: 46px;
justify-content: space-between;
}
.contactUs .three .threeInfo {
width: 380px;
/* height: 360px; */
border: 1px solid #eaeaea;
padding: 20px;
}
.contactUs .three .threeInfo .title {
font-size: 24px;
color: #a6aeb0;
margin-top: 20px;
}
.contactUs .three .threeInfo .address {
/* height: 80px; */
font-size: 14px;
color: #333;
line-height: 24px;
margin: 20px 0;
}
.contactUs .three .threeInfo .people {
width: 340px;
height: 160px;
background: #edf3f4;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 30px;
}
.contactUs .three .threeInfo .people .peoInfo {
display: flex;
align-items: center;
height: 40px;
}
.contactUs .three .threeInfo .people .peoInfo .infoMes {
margin-left: 20px;
font-size: 16px;
color: #333;
}
.contactUs .three .threeInfo .people .peoInfo .infoMes span {
font-size: 16px;
color: #a6aeb0;
}
.anchorTL,
.anchorBL {
display: none;
}
.BMapLabel {
border: 0 !important;
background-color: #f5f5f5 !important;
}
.myTop .myBanner {
height: 200px;
}
.myTop .myHead {
height: 160px;
border-bottom: 1px solid #f2f2f2;
display: flex;
align-items: center;
flex-direction: column;
}
.myTop .myHead .headPic {
width: 116px;
height: 116px;
border-radius: 50%;
border: 1px solid #fff;
margin-top: -58px;
}
.myTop .myHead .name {
display: flex;
font-size: 24px;
color: #333;
font-weight: bold;
align-items: center;
}
.myTop .myHead .name a {
margin-left: 10px;
display: block;
}
.myTop .myHead .level {
font-size: 14px;
color: #aaa;
line-height: 30px;
}
.myTop .myTab {
height: 60px;
border-top: 1px solid #f2f2f2;
}
.myTop .myTab .cen {
display: flex;
justify-content: center;
}
.myTop .myTab .cen .tabDetail {
height: 60px;
display: block;
position: relative;
font-size: 16px;
color: #333;
line-height: 60px;
margin: 0 50px;
}
.myTop .myTab .cen .tabDetail span {
width: 52px;
height: 4px;
background: #e71a0f;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -26px;
display: none;
}
.myTop .myTab .cen .tabDetail_show span {
display: block;
}
.myTop .myTab .cen .tabDetail:hover span {
display: block;
}
.myInfo {
background: #f2f2f2;
overflow: hidden;
}
.myInfo .infoDetail {
width: 1200px;
background: #fff;
margin: 37px auto 51px;
overflow: hidden;
}
.myInfo .infoDetail .detailTitle {
height: 80px;
border-bottom: 1px solid #f2f2f2;
padding: 0 20px;
display: flex;
align-items: center;
font-size: 22px;
color: #222;
font-weight: bolder;
position: relative;
}
.myInfo .infoDetail .detailTitle span {
width: 4px;
height: 19px;
background: #e71a0f;
margin-right: 16px;
}
.myInfo .infoDetail .detailTitle .titleFixed {
font-size: 14px;
color: #da251c;
line-height: 80px;
font-weight: bolder;
position: absolute;
right: 20px;
top: 0;
}
.bsInfo {
width: 450px;
margin: 40px auto 90px;
}
.bsInfo .infoHeadPic {
display: flex;
}
.bsInfo .infoHeadPic .title {
width: 60px;
font-size: 14px;
color: #333;
line-height: 40px;
margin-right: 10px;
}
.bsInfo .infoHeadPic .headUp {
width: 120px;
height: 120px;
overflow: hidden;
position: relative;
border-radius: 50%;
border: 1px solid #f2f2f2;
cursor: pointer;
}
.bsInfo .infoHeadPic .headUp img {
width: 100%;
height: 100%;
}
.bsInfo .infoHeadPic .headUp .headUp {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.bsInfo .infoInput {
display: flex;
margin: 20px 0;
}
.bsInfo .infoInput .title {
width: 60px;
font-size: 14px;
color: #333;
line-height: 40px;
margin-right: 10px;
}
.bsInfo .infoInput .inputText input {
width: 370px;
height: 40px;
border: 1px solid #f2f2f2;
border-radius: 4px;
font-size: 14px;
color: #222;
padding: 0 16px;
}
.bsInfo .infoSex {
display: flex;
margin: 20px 0;
}
.bsInfo .infoSex .title {
width: 60px;
font-size: 14px;
color: #222;
line-height: 40px;
margin-right: 10px;
}
.bsInfo .infoSex .sexRadio {
display: flex;
align-items: center;
font-size: 14px;
color: #222;
}
.bsInfo .infoSex .sexRadio input[type="radio"]+label::before {
content: "\a0";
/*不换行空格*/
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 5px;
border-radius: 50%;
border: 1px solid #f2f2f2;
text-indent: 16px;
line-height: 16px;
}
.bsInfo .infoSex .sexRadio input[type="radio"]:checked+label::before {
background-color: #e71a0f;
border: 1px solid #e71a0f;
background-clip: content-box;
width: 10px;
height: 10px;
padding: 3px;
}
.bsInfo .infoSex .sexRadio input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.bsInfo .infoSex .sexRadio label {
margin-right: 40px;
}
.bsInfo .infoAddress {
display: flex;
margin: 20px 0;
}
.bsInfo .infoAddress .title {
width: 60px;
font-size: 14px;
color: #333;
line-height: 40px;
margin-right: 10px;
}
.bsInfo .infoAddress .adsInfo {
width: 370px;
}
.bsInfo .infoAddress .adsInfo .top {
width: 100%;
display: flex;
justify-content: space-between;
}
.bsInfo .infoAddress .adsInfo .top select {
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 180px;
height: 40px;
font-size: 14px;
color: #222;
padding: 0 16px;
border-radius: 4px;
border: 1px solid #f2f2f2;
}
.bsInfo .infoAddress .adsInfo .bottom {
margin: 20px 0 0;
}
.bsInfo .infoAddress .adsInfo .bottom textarea {
width: 370px;
height: 120px;
padding: 13px 16px;
font-size: 14px;
color: #222;
border-radius: 4px;
resize: none;
border: 1px solid #f2f2f2;
}
.bsInfo .infoImgUp {
display: flex;
}
.bsInfo .infoImgUp .title {
width: 60px;
font-size: 14px;
color: #333;
line-height: 40px;
margin-right: 10px;
}
.bsInfo .infoImgUp .headUp {
width: 114px;
height: 114px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.bsInfo .infoImgUp .headUp img {
width: 100%;
height: 100%;
}
.bsInfo .infoImgUp .headUp .headUp {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.bsInfo .formBtn {
width: 120px;
height: 40px;
background: #e71a0f;
border-radius: 4px;
font-size: 16px;
color: #fff;
border: 0;
margin: 20px 0 20px 70px;
cursor: pointer;
}
.collect .top {
display: flex;
height: 40px;
background: #fbfbfb;
padding: 0 20px;
}
.collect .top .one {
width: 420px;
font-size: 12px;
color: #333;
line-height: 40px;
}
.collect .top .three {
width: 180px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.collect .top .four {
width: 160px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.collect .top .five {
width: 230px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.collect .top .six {
flex: 1;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.collect .middle {
padding: 0 20px;
}
.collect .middle .middleDetail {
display: flex;
height: 120px;
background: #fff;
border-bottom: 1px dotted #e6e6e6;
}
.collect .middle .middleDetail .one {
display: flex;
align-items: center;
}
.collect .middle .middleDetail .one .oneImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
margin-right: 20px;
overflow: hidden;
}
.collect .middle .middleDetail .one .oneImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.collect .middle .middleDetail .one .oneImg:hover img {
transform: scale(1.2);
}
.collect .middle .middleDetail .one .oneText {
display: flex;
align-items: center;
width: 320px;
font-size: 16px;
color: #333;
}
.collect .middle .middleDetail .one .oneText .textDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: bold;
line-height: 30px;
}
.collect .middle .middleDetail .three {
display: flex;
align-items: center;
width: 180px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.collect .middle .middleDetail .three .threeDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.collect .middle .middleDetail .four {
display: flex;
align-items: center;
width: 160px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.collect .middle .middleDetail .four .fourDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.collect .middle .middleDetail .five {
display: flex;
align-items: center;
width: 230px;
font-size: 14px;
color: #333;
padding-left: 15px;
}
.collect .middle .middleDetail .five .fiveDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.collect .middle .middleDetail .six {
display: flex;
align-items: center;
flex: 1;
padding-left: 15px;
}
.collect .middle .middleDetail .six .sixDetail {
font-size: 14px;
color: #333;
cursor: pointer;
}
.collect .bottom {
background: #f2f2f2;
overflow: hidden;
}
.collect .bottom .botDetail {
margin: 13px 0;
background: #fbfbfb;
height: 50px;
display: flex;
justify-content: flex-end;
}
.collect .bottom .botDetail .clearCollect {
width: 130px;
height: 50px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.my-xunjia .top {
display: flex;
height: 40px;
background: #fbfbfb;
padding: 0 20px;
}
.my-xunjia .top .one {
width: 110px;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
}
.my-xunjia .top .one .choose {
cursor: pointer;
}
.my-xunjia .top .one .choose .agree {
display: none;
}
.my-xunjia .top .one .choose .no_agree {
display: block;
}
.my-xunjia .top .one .choose_show .agree {
display: block;
}
.my-xunjia .top .one .choose_show .no_agree {
display: none;
}
.my-xunjia .top .one .text {
padding-left: 6px;
}
.my-xunjia .top .two {
width: 340px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .top .three {
width: 180px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .top .four {
width: 160px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .top .five {
width: 150px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .top .six {
flex: 1;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .top .seven {
width: 120px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .middle {
background: #fff;
padding: 0 20px;
}
.my-xunjia .middle .midDetail {
margin: 10px 0;
}
.my-xunjia .middle .midDetail .detailTop {
height: 40px;
background: #f2f2f2;
padding: 0 20px;
display: flex;
}
.my-xunjia .middle .midDetail .detailTop .one {
width: 280px;
font-size: 12px;
color: #000;
display: flex;
align-items: center;
}
.my-xunjia .middle .midDetail .detailTop .one .choose {
cursor: pointer;
}
.my-xunjia .middle .midDetail .detailTop .one .choose .agree {
display: none;
}
.my-xunjia .middle .midDetail .detailTop .one .choose .no_agree {
display: block;
}
.my-xunjia .middle .midDetail .detailTop .one .choose_show .agree {
display: block;
}
.my-xunjia .middle .midDetail .detailTop .one .choose_show .no_agree {
display: none;
}
.my-xunjia .middle .midDetail .detailTop .one .text {
padding-left: 12px;
}
.my-xunjia .middle .midDetail .detailTop .two {
width: 200px;
font-size: 12px;
color: #000;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .middle .midDetail .detailTop .three {
flex: 1;
font-size: 12px;
color: #000;
padding-left: 15px;
line-height: 40px;
}
.my-xunjia .middle .midDetail .detailTop .three span {
font-size: 12px;
color: #da251c;
}
.my-xunjia .middle .midDetail .detailTop .four {
display: flex;
justify-content: flex-end;
padding-left: 15px;
font-size: 12px;
color: #000;
align-items: center;
}
.my-xunjia .middle .midDetail .detailTop .four .fourDetail {
margin-right: 10px;
}
.my-xunjia .middle .midDetail .detailBottom {
border: 1px solid #eaeaea;
padding: 0 20px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo {
display: flex;
height: 120px;
background: #fff;
border-bottom: 1px dotted #e6e6e6;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one {
display: flex;
align-items: center;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
margin-right: 20px;
overflow: hidden;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneImg:hover img {
transform: scale(1.2);
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneText {
display: flex;
justify-content: center;
flex-direction: column;
width: 320px;
font-size: 16px;
color: #333;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneText .textDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: bold;
line-height: 30px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .one .oneText .textContent {
font-size: 14px;
color: #999;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .three {
display: flex;
align-items: center;
width: 180px;
font-size: 14px;
color: #666;
padding-left: 30px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .three .threeDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .four {
display: flex;
align-items: center;
width: 160px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .four .fourDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .five {
display: flex;
align-items: center;
width: 150px;
font-size: 14px;
color: #333;
padding-left: 15px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .five .fiveDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .six {
display: flex;
align-items: center;
flex: 1;
padding-left: 15px;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo .six .sixDetail {
font-size: 14px;
color: #da251c;
cursor: pointer;
}
.my-xunjia .middle .midDetail .detailBottom .botInfo:last-of-type {
border: 0;
}
.my-xunjia .bottom {
background: #f2f2f2;
overflow: hidden;
}
.my-xunjia .bottom .botDetail {
margin: 13px 0;
background: #fbfbfb;
height: 50px;
display: flex;
justify-content: space-between;
}
.my-xunjia .bottom .botDetail .left {
flex: 1;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
padding-left: 20px;
}
.my-xunjia .bottom .botDetail .left .choose {
cursor: pointer;
}
.my-xunjia .bottom .botDetail .left .choose .agree {
display: none;
}
.my-xunjia .bottom .botDetail .left .choose .no_agree {
display: block;
}
.my-xunjia .bottom .botDetail .left .choose_show .agree {
display: block;
}
.my-xunjia .bottom .botDetail .left .choose_show .no_agree {
display: none;
}
.my-xunjia .bottom .botDetail .left .text {
padding-left: 6px;
}
.my-xunjia .bottom .botDetail .clearCollect {
width: 130px;
height: 50px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.my-xunjia .clearxun {
width: 130px;
height: 40px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
margin: 63px auto 80px;
display: block;
border-radius: 4px;
}
.botxunInfo {
display: flex;
padding: 50px 20px;
}
.botxunInfo .info {
flex: 1;
}
.botxunInfo .info .infoTitle {
display: flex;
align-items: center;
font-size: 18px;
color: #333;
font-weight: bold;
}
.botxunInfo .info .infoTitle span {
width: 4px;
height: 19px;
background: #da251c;
margin: 0 10px;
}
.botxunInfo .info .infoOne {
display: flex;
flex-wrap: wrap;
padding-left: 24px;
margin-top: 20px;
}
.botxunInfo .info .infoOne .oneDetail {
width: 50%;
font-size: 14px;
color: #999;
line-height: 30px;
}
.botxunInfo .info .infoTwo {
display: flex;
align-items: center;
margin-top: 20px;
}
.botxunInfo .info .infoTwo .left {
width: 128px;
height: 128px;
}
.botxunInfo .info .infoTwo .left img {
width: 100%;
height: 100%;
}
.botxunInfo .info .infoTwo .right {
margin-left: 36px;
}
.botxunInfo .info .infoTwo .right .rigTop {
font-size: 18px;
color: #333;
font-weight: bold;
line-height: 30px;
}
.botxunInfo .info .infoTwo .right .rigBot {
font-size: 16px;
color: #aaa;
line-height: 30px;
}
.mesList {
padding: 5px 20px 214px;
}
.mesList .mesInfo {
height: 100px;
display: flex;
align-items: center;
border: 1px solid #efefef;
border-radius: 6px;
position: relative;
padding: 0 20px;
font-size: 14px;
color: #999;
margin: 20px 0;
}
.mesList .mesInfo .mesText {
flex: 1;
margin-left: 26px;
}
.mesList .mesInfo .mesTime {
flex-shrink: 0;
}
.mesList .mesInfo .del {
position: absolute;
top: 11px;
right: 10px;
display: none;
}
.mesList .mesInfo .del img {
display: block;
}
.mesList .mesInfo:hover .del {
display: block;
}
.cartTop {
background: #f2f2f2;
height: 52px;
}
.cartTop .cen {
display: flex;
align-items: center;
}
.cartTop .cen a {
font-size: 14px;
color: #666;
margin: 0 15px;
}
.cart .top {
display: flex;
height: 40px;
background: #fbfbfb;
padding: 0 20px;
}
.cart .top .one {
width: 110px;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
}
.cart .top .one .choose {
cursor: pointer;
}
.cart .top .one .choose .agree {
display: none;
}
.cart .top .one .choose .no_agree {
display: block;
}
.cart .top .one .choose_show .agree {
display: block;
}
.cart .top .one .choose_show .no_agree {
display: none;
}
.cart .top .one .text {
padding-left: 6px;
}
.cart .top .two {
width: 340px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart .top .three {
width: 180px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart .top .four {
width: 160px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart .top .five {
width: 230px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart .top .six {
flex: 1;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart .middle {
padding: 0 20px;
}
.cart .middle .middleDetail {
display: flex;
height: 120px;
background: #fff;
border-bottom: 1px dotted #e6e6e6;
}
.cart .middle .middleDetail .one {
display: flex;
padding-top: 17px;
width: 110px;
}
.cart .middle .middleDetail .one .choose {
cursor: pointer;
margin-right: 6px;
}
.cart .middle .middleDetail .one .choose .agree {
display: none;
}
.cart .middle .middleDetail .one .choose .no_agree {
display: block;
}
.cart .middle .middleDetail .one .choose_show .agree {
display: block;
}
.cart .middle .middleDetail .one .choose_show .no_agree {
display: none;
}
.cart .middle .middleDetail .one .oneImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
overflow: hidden;
}
.cart .middle .middleDetail .one .oneImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.cart .middle .middleDetail .one .oneImg:hover img {
transform: scale(1.2);
}
.cart .middle .middleDetail .two {
display: flex;
align-items: center;
width: 340px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.cart .middle .middleDetail .two .twoDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart .middle .middleDetail .three {
display: flex;
align-items: center;
width: 180px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.cart .middle .middleDetail .three .threeDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart .middle .middleDetail .four {
display: flex;
align-items: center;
width: 160px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.cart .middle .middleDetail .four .fourDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart .middle .middleDetail .five {
display: flex;
align-items: center;
width: 230px;
font-size: 14px;
color: #333;
padding-left: 15px;
}
.cart .middle .middleDetail .five .fiveDetail {
display: flex;
align-items: center;
}
.cart .middle .middleDetail .five .fiveDetail .reduce,
.cart .middle .middleDetail .five .fiveDetail .add {
width: 22px;
height: 30px;
background: #eaeaea;
text-align: center;
line-height: 30px;
font-size: 12px;
color: #333;
cursor: pointer;
}
.cart .middle .middleDetail .five .fiveDetail .number {
width: 44px;
height: 30px;
border: 1px solid #eaeaea;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #333;
}
.cart .middle .middleDetail .six {
display: flex;
align-items: center;
flex: 1;
padding-left: 15px;
}
.cart .middle .middleDetail .six .sixDetail {
font-size: 12px;
color: #333;
cursor: pointer;
margin-right: 10px;
}
.cart .middle .middleDetail:last-of-type {
border: 0;
}
.cart .bottom {
background: #f2f2f2;
overflow: hidden;
}
.cart .bottom .botDetail {
margin: 13px 0;
background: #fbfbfb;
height: 50px;
display: flex;
justify-content: space-between;
}
.cart .bottom .botDetail .left {
flex: 1;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
padding-left: 20px;
}
.cart .bottom .botDetail .left .choose {
cursor: pointer;
}
.cart .bottom .botDetail .left .choose .agree {
display: none;
}
.cart .bottom .botDetail .left .choose .no_agree {
display: block;
}
.cart .bottom .botDetail .left .choose_show .agree {
display: block;
}
.cart .bottom .botDetail .left .choose_show .no_agree {
display: none;
}
.cart .bottom .botDetail .left .text {
padding-left: 6px;
}
.cart .bottom .botDetail .left .del {
margin-left: 40px;
cursor: pointer;
}
.cart .bottom .botDetail .clearCollect {
width: 130px;
height: 50px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.cart .bottom .botDetail .xunNum {
display: flex;
align-items: center;
font-size: 14px;
color: #666;
margin-right: 100px;
}
.cart .bottom .botDetail .xunNum span {
font-size: 18px;
color: #da251c;
margin-left: 5px;
}
.cart2 .title {
line-height: 88px;
background: #f2f2f2;
font-size: 24px;
color: #333;
font-weight: bold;
}
.cart2 .cartOne .top {
display: flex;
height: 40px;
background: #fbfbfb;
padding: 0 40px;
}
.cart2 .cartOne .top .two {
width: 390px;
font-size: 12px;
color: #333;
line-height: 40px;
}
.cart2 .cartOne .top .three {
width: 150px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart2 .cartOne .top .four {
width: 240px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart2 .cartOne .top .five {
flex: 1;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.cart2 .cartOne .middle {
padding: 0 40px;
}
.cart2 .cartOne .middle .middleDetail {
display: flex;
height: 120px;
background: #fff;
border-bottom: 1px dotted #e6e6e6;
}
.cart2 .cartOne .middle .middleDetail .two {
display: flex;
align-items: center;
width: 390px;
font-size: 14px;
color: #666;
}
.cart2 .cartOne .middle .middleDetail .two .twoDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart2 .cartOne .middle .middleDetail .two .twoImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
margin-right: 20px;
overflow: hidden;
}
.cart2 .cartOne .middle .middleDetail .two .twoImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.cart2 .cartOne .middle .middleDetail .two .twoImg:hover img {
transform: scale(1.2);
}
.cart2 .cartOne .middle .middleDetail .three {
display: flex;
align-items: center;
width: 150px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.cart2 .cartOne .middle .middleDetail .three .threeDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart2 .cartOne .middle .middleDetail .four {
display: flex;
align-items: center;
width: 240px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.cart2 .cartOne .middle .middleDetail .four .fourDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart2 .cartOne .middle .middleDetail .five {
display: flex;
align-items: center;
flex: 1;
font-size: 14px;
color: #333;
padding-left: 15px;
}
.cart2 .cartOne .middle .middleDetail .five .fiveDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.cart2 .cartOne .middle .middleDetail:last-of-type {
border: 0;
}
.cart2 .cartTwo {
padding: 50px 40px;
}
.cart2 .cartTwo .inputText {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.cart2 .cartTwo .inputText .left {
font-size: 14px;
color: #333;
width: 62px;
}
.cart2 .cartTwo .inputText .left span {
font-size: 14px;
color: #fff;
}
.cart2 .cartTwo .inputText .right {
margin-left: 20px;
}
.cart2 .cartTwo .inputText .right input {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
}
.cart2 .cartTwo .inputText .right input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.cart2 .cartTwo .inputText .right input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.cart2 .cartTwo .inputText .right input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.cart2 .cartTwo .inputText .right input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.cart2 .cartTwo .selInfo {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.cart2 .cartTwo .selInfo .left {
font-size: 14px;
color: #333;
width: 62px;
}
.cart2 .cartTwo .selInfo .left span {
font-size: 14px;
color: #fff;
}
.cart2 .cartTwo .selInfo .right {
margin-left: 20px;
}
.cart2 .cartTwo .selInfo .right select {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.cart2 .cartTwo .isRe .left span {
font-size: 14px;
color: #da251c;
}
.cart2 .cartTwo .cartBtn {
width: 130px;
height: 40px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
display: block;
border-radius: 4px;
border: 0;
margin: 30px 0 20px 82px;
}
.xunPop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 30;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.xunPop .popInfo {
width: 736px;
height: 580px;
background: #fff;
position: relative;
}
.xunPop .popInfo .close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.xunPop .popInfo .title {
font-size: 24px;
color: #333;
font-weight: bold;
text-align: center;
margin-top: 90px;
margin-bottom: 15px;
line-height: 30px;
}
.xunPop .popInfo .content {
font-size: 16px;
color: #aaa;
line-height: 30px;
text-align: center;
}
.xunPop .popInfo .ecode {
margin: 20px auto;
display: block;
}
.xunPop .popInfo .btn {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.xunPop .popInfo .btn .btnDetail {
width: 130px;
height: 40px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
display: block;
border-radius: 4px;
}
.xunPop .popInfo .btn .btnDetail:first-of-type {
margin-right: 10px;
}
.yang .title {
line-height: 88px;
background: #f2f2f2;
font-size: 24px;
color: #333;
font-weight: bold;
}
.yang .cartOne .top {
display: flex;
height: 40px;
background: #fbfbfb;
padding: 0 20px;
}
.yang .cartOne .top .one {
width: 110px;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
}
.yang .cartOne .top .one .choose {
cursor: pointer;
}
.yang .cartOne .top .one .choose .agree {
display: none;
}
.yang .cartOne .top .one .choose .no_agree {
display: block;
}
.yang .cartOne .top .one .choose_show .agree {
display: block;
}
.yang .cartOne .top .one .choose_show .no_agree {
display: none;
}
.yang .cartOne .top .one .text {
padding-left: 6px;
}
.yang .cartOne .top .two {
width: 340px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.yang .cartOne .top .three {
width: 180px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.yang .cartOne .top .four {
width: 160px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.yang .cartOne .top .six {
flex: 1;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}
.yang .cartOne .middle {
padding: 0 20px;
}
.yang .cartOne .middle .middleDetail {
display: flex;
height: 120px;
background: #fff;
border-bottom: 1px dotted #e6e6e6;
}
.yang .cartOne .middle .middleDetail .one {
display: flex;
padding-top: 17px;
width: 110px;
}
.yang .cartOne .middle .middleDetail .one .choose {
cursor: pointer;
margin-right: 6px;
}
.yang .cartOne .middle .middleDetail .one .choose .agree {
display: none;
}
.yang .cartOne .middle .middleDetail .one .choose .no_agree {
display: block;
}
.yang .cartOne .middle .middleDetail .one .choose_show .agree {
display: block;
}
.yang .cartOne .middle .middleDetail .one .choose_show .no_agree {
display: none;
}
.yang .cartOne .middle .middleDetail .one .oneImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
overflow: hidden;
}
.yang .cartOne .middle .middleDetail .one .oneImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.yang .cartOne .middle .middleDetail .one .oneImg:hover img {
transform: scale(1.2);
}
.yang .cartOne .middle .middleDetail .two {
display: flex;
align-items: center;
width: 340px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.yang .cartOne .middle .middleDetail .two .twoDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.yang .cartOne .middle .middleDetail .three {
display: flex;
align-items: center;
width: 180px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.yang .cartOne .middle .middleDetail .three .threeDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.yang .cartOne .middle .middleDetail .four {
display: flex;
align-items: center;
width: 160px;
font-size: 14px;
color: #666;
padding-left: 15px;
}
.yang .cartOne .middle .middleDetail .four .fourDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 30px;
}
.yang .cartOne .middle .middleDetail .six {
display: flex;
align-items: center;
flex: 1;
padding-left: 15px;
}
.yang .cartOne .middle .middleDetail .six .sixDetail {
font-size: 12px;
color: #333;
cursor: pointer;
margin-right: 10px;
}
.yang .cartOne .middle .middleDetail:last-of-type {
border: 0;
}
.yang .cartOne .bottom {
background: #f2f2f2;
overflow: hidden;
}
.yang .cartOne .bottom .botDetail {
margin: 13px 0;
background: #fbfbfb;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.yang .cartOne .bottom .botDetail .left {
flex: 1;
font-size: 12px;
color: #333;
display: flex;
align-items: center;
padding-left: 20px;
}
.yang .cartOne .bottom .botDetail .left .choose {
cursor: pointer;
}
.yang .cartOne .bottom .botDetail .left .choose .agree {
display: none;
}
.yang .cartOne .bottom .botDetail .left .choose .no_agree {
display: block;
}
.yang .cartOne .bottom .botDetail .left .choose_show .agree {
display: block;
}
.yang .cartOne .bottom .botDetail .left .choose_show .no_agree {
display: none;
}
.yang .cartOne .bottom .botDetail .left .text {
padding-left: 6px;
}
.yang .cartOne .bottom .botDetail .del {
margin-left: 40px;
font-size: 12px;
color: #333;
cursor: pointer;
margin-right: 60px;
}
.yang .cartTwo {
padding: 50px 40px;
}
.yang .cartTwo .inputText {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.yang .cartTwo .inputText .left {
font-size: 14px;
color: #333;
width: 62px;
}
.yang .cartTwo .inputText .left span {
font-size: 14px;
color: #fff;
}
.yang .cartTwo .inputText .right {
margin-left: 20px;
}
.yang .cartTwo .inputText .right input {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
}
.yang .cartTwo .inputText .right input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .inputText .right input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .inputText .right input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .inputText .right input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .address {
display: flex;
margin-bottom: 20px;
}
.yang .cartTwo .address .left {
font-size: 14px;
color: #333;
width: 62px;
line-height: 40px;
}
.yang .cartTwo .address .left span {
font-size: 14px;
color: #fff;
}
.yang .cartTwo .address .right {
margin-left: 20px;
}
.yang .cartTwo .address .right .top {
width: 500px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.yang .cartTwo .address .right .top select {
width: 160px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.yang .cartTwo .address .right .bottom input {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
}
.yang .cartTwo .address .right .bottom input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .address .right .bottom input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .address .right .bottom input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .address .right .bottom input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.yang .cartTwo .selInfo {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.yang .cartTwo .selInfo .left {
font-size: 14px;
color: #333;
width: 62px;
}
.yang .cartTwo .selInfo .left span {
font-size: 14px;
color: #fff;
}
.yang .cartTwo .selInfo .right {
margin-left: 20px;
}
.yang .cartTwo .selInfo .right select {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.yang .cartTwo .isRe .left span {
font-size: 14px;
color: #da251c;
}
.yang .cartTwo .cartBtn {
width: 130px;
height: 40px;
background: #da251c;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
display: block;
border-radius: 4px;
border: 0;
margin: 30px 0 20px 82px;
}
.proInfo .proTop {
background: #fff;
padding: 50px 0 60px;
}
.proInfo .proTop .cen {
display: flex;
width: 1200px;
margin: 0 auto;
}
.proInfo .proTop .cen .left {
display: flex;
}
.proInfo .proTop .cen .left .swiperOne {
width: 340px;
height: 340px;
border: 1px solid #f2f2f2;
position: relative;
}
.proInfo .proTop .cen .left .swiperOne .one_container {
width: 100%;
height: 100%;
}
.proInfo .proTop .cen .left .swiperOne .one_container .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.proInfo .proTop .cen .left .swiperOne .one_container .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.proInfo .proTop .cen .left .swiperOne .one_prev,
.proInfo .proTop .cen .left .swiperOne .one_next {
width: 12px;
height: 30px;
position: absolute;
background: #cccccc;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -15px;
cursor: pointer;
z-index: 10;
}
.proInfo .proTop .cen .left .swiperOne .one_prev {
left: 10px;
}
.proInfo .proTop .cen .left .swiperOne .one_next {
right: 10px;
}
.proInfo .proTop .cen .left .swiperTwo {
height: 340px;
margin-left: 10px;
}
.proInfo .proTop .cen .left .swiperTwo .two_container {
height: 100%;
}
.proInfo .proTop .cen .left .swiperTwo .two_container .swiper-slide {
width: 60px;
height: 60px;
border: 1px solid #f2f2f2;
display: flex;
align-items: center;
justify-content: center;
}
.proInfo .proTop .cen .left .swiperTwo .two_container .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.proInfo .proTop .cen .left .swiperTwo .two_container .swiper-slide-thumb-active {
border: 1px solid #e0351e;
}
.proInfo .proTop .cen .right {
flex: 1;
margin-left: 140px;
}
.proInfo .proTop .cen .right .one {
font-size: 28px;
color: #333;
font-weight: bold;
text-align: justify;
line-height: 30px;
}
.proInfo .proTop .cen .right .two {
font-size: 14px;
color: #999;
line-height: 30px;
margin-top: 10px;
margin-bottom: 20px;
}
.proInfo .proTop .cen .right .three {
display: flex;
margin: 16px 0;
}
.proInfo .proTop .cen .right .three .threeLeft {
width: 70px;
margin-right: 10px;
line-height: 30px;
font-size: 14px;
color: #999;
}
.proInfo .proTop .cen .right .three .threeRight {
display: flex;
flex-wrap: wrap;
}
.proInfo .proTop .cen .right .three .threeRight .rightInfo {
padding: 0 10px;
height: 30px;
background: #faf4f4;
margin: 0 4px 4px 0;
font-size: 14px;
color: #666;
line-height: 30px;
}
.proInfo .proTop .cen .right .three .threeRight .rightShow {
font-size: 14px;
color: #fff;
background: #de2810 !important;
}
.proInfo .proTop .cen .right .four {
display: flex;
margin: 16px 0;
}
.proInfo .proTop .cen .right .four .fourLeft {
width: 70px;
margin-right: 10px;
line-height: 40px;
font-size: 14px;
color: #999;
}
.proInfo .proTop .cen .right .four .fourRight {
display: flex;
}
.proInfo .proTop .cen .right .four .fourRight .fourReduce,
.proInfo .proTop .cen .right .four .fourRight .fourAdd {
width: 24px;
height: 40px;
border: 1px solid #ddd;
background: #faf4f4;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.proInfo .proTop .cen .right .four .fourRight .number {
width: 40px;
height: 40px;
font-size: 14px;
color: #666;
text-align: center;
border: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.proInfo .proTop .cen .right .five {
display: flex;
align-items: center;
justify-content: space-between;
margin: 50px 0 0;
width: 100%;
}
.proInfo .proTop .cen .right .five .fiveLeft {
display: flex;
align-items: center;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode {
width: 120px;
height: 40px;
border: 1px solid #de2810;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #e71a0f;
cursor: pointer;
position: relative;
margin-right: 10px;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode img {
margin-right: 5px;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode .ecodeInfo {
position: absolute;
width: 120px;
height: 120px;
left: -1px;
top: 50px;
border: 3px solid #de2810;
display: none;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode .ecodeInfo .info_jt {
width: 20px;
height: 20px;
background: #de2810;
transform: rotate(45deg);
position: absolute;
top: -6px;
left: 50%;
margin-left: -10px;
z-index: 5;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode .ecodeInfo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.proInfo .proTop .cen .right .five .fiveLeft .ecode:hover .ecodeInfo {
display: block;
}
.proInfo .proTop .cen .right .five .addCart {
width: 120px;
height: 40px;
border: 1px solid #de2810;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #e71a0f;
margin-right: 10px;
}
.proInfo .proTop .cen .right .five .addCart img {
margin-right: 5px;
}
.proInfo .proTop .cen .right .five .yangApply {
width: 120px;
height: 40px;
background: #de2810;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #fff;
display: block;
margin-right: 10px;
cursor: pointer;
}
.proInfo .proTop .cen .right .fiveRight {
display: flex;
align-items: center;
font-size: 14px;
color: #333;
cursor: pointer;
}
.proInfo .proTop .cen .right .fiveRight .fiveCollect {
display: none;
}
.proInfo .proTop .cen .right .fiveRight .fiveCollect_no {
display: block;
}
.proInfo .proTop .cen .right .fiveRight img {
margin-right: 5px;
}
.proInfo .proTop .cen .right .fiveRight_show .fiveCollect {
display: block;
}
.proInfo .proTop .cen .right .fiveRight_show .fiveCollect_no {
display: none;
}
.proInfo .proMiddle {
background: #f7f6f6;
padding: 40px 0 72px;
}
.proInfo .proMiddle .top {
display: flex;
justify-content: space-between;
align-items: center;
}
.proInfo .proMiddle .top .topLeft {
display: flex;
}
.proInfo .proMiddle .top .topLeft .topDetail {
min-width: 100px;
height: 40px;
background: #c0c0c0;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 40px;
position: relative;
cursor: pointer;
padding: 0 10px;
}
.proInfo .proMiddle .top .topLeft .topDetail .text {
position: relative;
z-index: 10;
}
.proInfo .proMiddle .top .topLeft .topDetail .icon {
position: absolute;
width: 20px;
height: 20px;
background: #e71a0f;
bottom: -4px;
left: 50%;
margin-left: -10px;
display: none;
transform: rotate(45deg);
z-index: 5;
}
.proInfo .proMiddle .top .topLeft .topDetail_show {
background: #e71a0f;
}
.proInfo .proMiddle .top .topLeft .topDetail_show .icon {
display: block;
}
.proInfo .proMiddle .top .topRight {
min-width: 120px;
height: 40px;
display: flex;
align-items: center;
font-size: 16px;
color: #333;
border: 1px solid #e71a0f;
justify-content: center;
cursor: pointer;
padding: 0 10px;
}
.proInfo .proMiddle .top .topRight img {
margin-right: 10px;
}
.proInfo .proMiddle .bottom .botDetail {
width: 1200px;
background: #fff;
margin: 24px auto 0;
padding: 30px;
display: none;
}
.proInfo .proMiddle .bottom .jbxx img {
width: 100%;
display: block;
}
.proInfo .proMiddle .bottom .cjwt {
padding-bottom: 140px;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info {
display: flex;
margin-bottom: 30px;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoLeft {
width: 42px;
height: 30px;
margin-right: 10px;
flex-shrink: 0;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoLeft .text {
width: 40px;
height: 28px;
margin-top: 1px;
text-align: center;
line-height: 28px;
font-size: 16px;
color: #de2810;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoLeft img {
width: 100%;
height: 100%;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoRight {
flex: 1;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoRight .title {
font-size: 16px;
color: #333;
font-weight: bold;
line-height: 30px;
}
.proInfo .proMiddle .bottom .cjwt .cjwt_info .infoRight .content {
font-size: 14px;
color: #999;
line-height: 30px;
margin-top: 10px;
}
.proInfo .proMiddle .bottom .pl .plInfo {
display: flex;
padding: 25px 0;
border-bottom: 1px solid #eee;
}
.proInfo .proMiddle .bottom .pl .plInfo .left {
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 15px;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .name {
font-size: 14px;
color: #333;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .phone {
font-size: 12px;
color: #aaa;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 300px;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo {
display: flex;
align-items: center;
margin-top: 5px;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .text {
font-size: 12px;
color: #aaa;
margin-right: 4px;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .starImg {
display: flex;
align-items: center;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .starImg img {
margin: 0 2px;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .starImg .star_yes {
display: none;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .starImg .star_no {
display: block;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .star_show .star_yes {
display: block;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .star .starInfo .star_show .star_no {
display: none;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .content {
font-size: 14px;
color: #666;
line-height: 24px;
margin: 10px 0;
}
.proInfo .proMiddle .bottom .pl .plInfo .right .time {
font-size: 12px;
color: #999;
}
.proInfo .proMiddle .bottom .botDetail_show {
display: block;
}
.proInfo .proBottom {
padding: 50px 0 80px;
}
.proInfo .proBottom .title {
font-size: 24px;
color: #333;
line-height: 30px;
}
.proInfo .proBottom .conInfo {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.proInfo .proBottom .conInfo .botDetail .detailImg {
width: 270px;
height: 270px;
border: 1px solid #eee;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.proInfo .proBottom .conInfo .botDetail .detailImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
/* Firefox 4 */
-webkit-transition: all 0.5s;
/* Safari and Chrome */
-o-transition: all 0.5s;
/* Opera */
}
.proInfo .proBottom .conInfo .botDetail .detailImg:hover img {
transform: scale(1.2);
}
.proInfo .proBottom .conInfo .botDetail .detailName {
font-size: 18px;
color: #333;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 30px;
margin-top: 10px;
}
.proInfo .proBottom .conInfo .botDetail .detailIntro {
font-size: 14px;
color: #666;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 30px;
margin-top: 10px;
}
.proInfo .proBottom .conInfo .botDetail .detailGo {
margin-top: 10px;
width: 140px;
height: 40px;
background: #f6f6f6;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #999;
}
.proInfo .proBottom .conInfo .botDetail .detailGo img {
margin-left: 35px;
}
.proInfo .proBottom .conInfo .botDetail .detailGo .addOne {
display: block;
}
.proInfo .proBottom .conInfo .botDetail .detailGo .addTwo {
display: none;
}
.proInfo .proBottom .conInfo .botDetail:hover .detailGo {
background: #e71a0f;
font-size: 12px;
color: #fff;
}
.proInfo .proBottom .conInfo .botDetail:hover .detailGo .addOne {
display: none;
}
.proInfo .proBottom .conInfo .botDetail:hover .detailGo .addTwo {
display: block;
}
.proziPop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 30;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.proziPop .popInfo {
width: 736px;
height: 580px;
background: #fff;
position: relative;
padding: 0 86px 0 60px;
}
.proziPop .popInfo .close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.proziPop .popInfo .title {
font-size: 24px;
color: #333;
font-weight: bold;
text-align: center;
margin-top: 60px;
margin-bottom: 45px;
line-height: 30px;
}
.proziPop .popInfo .one {
display: flex;
justify-content: space-between;
margin: 20px 0;
}
.proziPop .popInfo .one .oneInfo {
display: flex;
align-items: center;
}
.proziPop .popInfo .one .oneInfo .left {
width: 90px;
display: flex;
align-items: center;
font-size: 14px;
color: #333;
}
.proziPop .popInfo .one .oneInfo .left span {
font-size: 14px;
color: #fff;
margin-right: 3px;
}
.proziPop .popInfo .one .oneInfo .right input {
width: 200px;
height: 40px;
border: 1px solid #eee;
padding: 0 10px;
font-size: 14px;
color: #333;
}
.proziPop .popInfo .one .oneInfo .right input input:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .one .oneInfo .right input input::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .one .oneInfo .right input input:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .one .oneInfo .right input input::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .one .oneIsin .left span {
font-size: 14px;
color: #da251c;
}
.proziPop .popInfo .two {
display: flex;
align-items: center;
}
.proziPop .popInfo .two .left {
width: 90px;
display: flex;
align-items: center;
font-size: 14px;
color: #333;
}
.proziPop .popInfo .two .left span {
font-size: 14px;
color: #da251c;
margin-right: 3px;
}
.proziPop .popInfo .two .right select {
width: 500px;
height: 40px;
border: 1px solid #eee;
font-size: 14px;
color: #333;
padding: 0 10px;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.proziPop .popInfo .three {
display: flex;
margin: 20px 0;
}
.proziPop .popInfo .three .left {
width: 90px;
height: 40px;
display: flex;
align-items: center;
font-size: 14px;
color: #333;
}
.proziPop .popInfo .three .left span {
font-size: 14px;
color: #da251c;
margin-right: 3px;
}
.proziPop .popInfo .three .right textarea {
width: 500px;
height: 120px;
border: 1px solid #eee;
padding: 10px;
font-size: 14px;
color: #333;
resize: none;
}
.proziPop .popInfo .three .right textarea:-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .three .right textarea::-moz-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .three .right textarea:-ms-input-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .three .right textarea::-webkit-input-placeholder {
font-size: 14px;
color: #aaa;
}
.proziPop .popInfo .popBtn {
width: 130px;
height: 40px;
background: #da251c;
margin: auto;
text-align: center;
line-height: 40px;
border: 0;
display: block;
font-size: 18px;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
.pjPop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
align-items: center;
justify-content: center;
}
.pjPop .popDetail {
width: 60%;
height: 80%;
background: #fff;
position: relative;
padding: 0 90px 0 60px;
}
.pjPop .popDetail .close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.pjPop .popDetail .title {
font-size: 24px;
color: #333;
text-align: center;
margin-top: 60px;
margin-bottom: 45px;
line-height: 30px;
}
.pjPop .popDetail .one {
width: 100%;
height: 120px;
border: 1px solid #eee;
display: flex;
align-items: center;
padding: 0 20px;
}
.pjPop .popDetail .one .oneImg {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eaeaea;
margin-right: 20px;
overflow: hidden;
}
.pjPop .popDetail .one .oneImg img {
max-width: 100%;
max-height: 100%;
}
.pjPop .popDetail .one .oneText {
display: flex;
justify-content: center;
flex-direction: column;
flex: 1;
font-size: 16px;
color: #333;
}
.pjPop .popDetail .one .oneText .textDetail {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-weight: bold;
line-height: 30px;
}
.pjPop .popDetail .one .oneText .textContent {
font-size: 14px;
color: #999;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.pjPop .popDetail .two {
font-size: 16px;
color: #666;
line-height: 60px;
}
.pjPop .popDetail .three {
padding: 30px 20px 50px 30px;
border: 1px solid #eee;
}
.pjPop .popDetail .three .star {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.pjPop .popDetail .three .star .starLeft {
width: 70px;
font-size: 12px;
color: #666;
margin-right: 5px;
text-align: right;
}
.pjPop .popDetail .three .star .starRight {
display: flex;
align-items: center;
}
.pjPop .popDetail .three .star .starRight .starInfo {
margin-left: 4px;
cursor: pointer;
}
.pjPop .popDetail .three .star .starRight .starInfo .agree {
display: none;
}
.pjPop .popDetail .three .star .starRight .starInfo .agree_no {
display: block;
}
.pjPop .popDetail .three .star .starRight .starShow .agree {
display: block;
}
.pjPop .popDetail .three .star .starRight .starShow .agree_no {
display: none;
}
.pjPop .popDetail .three .content {
display: flex;
margin-top: 20px;
}
.pjPop .popDetail .three .content .left {
width: 70px;
font-size: 12px;
color: #666;
margin-right: 5px;
text-align: right;
padding-top: 5px;
}
.pjPop .popDetail .three .content .right {
flex: 1;
}
.pjPop .popDetail .three .content .right textarea {
width: 100%;
height: 90px;
padding: 5px;
font-size: 12px;
color: #666;
border: 1px solid #eee;
resize: none;
}
.pjPop .popDetail .popBtn {
width: 149px;
height: 36px;
background: #da251c;
margin: 35px auto 0;
text-align: center;
line-height: 36px;
border: 0;
display: block;
font-size: 14px;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
@media (max-width:1720px) {
.index .index_zlh .zlhBg {
width: 1044px;
height: 477px;
}
.index .index_zlh {
height: 1027px;
}
}
@media (max-width:1550px) {
.index .index_zlh .zlhBg {
width: 928px;
height: 424px;
}
.index .index_zlh {
height: 974px;
}
}
@media (max-width:1380px) {
.index .index_zlh .zlhBg {
width: 812px;
height: 371px;
}
.index .index_zlh {
height: 921px;
}
}
@media (max-width:1200px) {
.index .index_zlh .zlhBg {
width: 696px;
height: 318px;
}
.index .index_zlh {
height: 868px;
}
}
/* 2021-05-24 */
.x_index .index_banner .banner_container {
height: 918px;
}
.x_index .index_banner .banner_container .swiper-pagination-bullet {
background: #babdbf;
}
.x_index .index_banner .banner_container .swiper-pagination-bullet-active {
background: #fff;
}
.x_index .index_what {
display: flex;
align-items: center;
justify-content: space-between;
}
.x_index .index_what .middle .middleTitle {
font-size: 42px;
color: #231f20;
font-weight: bold;
text-align: center;
margin-top: 90px;
}
.x_index .index_what .middle .middleImg img {
margin: 25px auto 0;
display: block;
}
.x_index .index_what .middle .middleContent {
display: flex;
justify-content: center;
margin-top: 40px;
}
.x_index .index_what .middle .middleContent .conMiddle {
margin: 0 100px;
}
.x_index .index_what .middle .middleContent .conMiddle img {
display: block;
}
.x_index .index_what .middle .middleContent .conLeft,
.x_index .index_what .middle .middleContent .conRight {
margin-top: 20px;
}
.x_index .index_what .middle .middleContent .detail {
display: flex;
margin-top: 30px;
}
.x_index .index_what .middle .middleContent .detail img {
width: 8px;
height: 8px;
margin: 7px 10px;
display: block;
}
.x_index .index_what .middle .middleContent .detail .text {
width: 440px;
height: 120px;
font-size: 16px;
color: #3e3a39;
line-height: 24px;
}
.x_index .index_what .middle .middleContent .conLeft .detail .text {
text-align: right;
}
.x_index .index_what .middle .middleContent .conRight .detail .text {
text-align: left;
}
.x_index .index_products {
width: 1200px;
height: 720px;
margin: 0 auto;
padding-left: 100px;
overflow: hidden;
}
.x_index .index_products .title {
font-size: 42px;
color: #231f20;
font-weight: bold;
display: flex;
align-items: center;
margin-top: 80px;
}
.x_index .index_products .title img {
margin-left: 15px;
}
.x_index .index_products .line {
width: 148px;
height: 4px;
background: #e71a0f;
margin: 30px 0 60px;
}
.x_index .index_products .detail {
display: flex;
align-items: center;
margin: 30px 0;
}
.x_index .index_products .detail .left {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
}
.x_index .index_aboutUs .top .left img {
display: block;
}
.x_index .index_products .detail .right {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 18px;
}
.x_index .index_products .detail .right .top {
font-size: 18px;
color: #333333;
font-weight: bold;
}
.x_index .index_products .detail .right .bottom {
font-size: 14px;
color: #999999;
font-weight: bold;
margin-top: 10px;
}
.x_index .index_aboutUs {
background: #fff;
}
.x_index .index_aboutUs .top .right .right_text .textDetail {
width: 710px;
}
.x_index .index_aboutUs .top .right .right_go {
background: #fff;
border: 1px solid #5a5a5a;
width: 130px;
height: 40px;
border-radius: 20px;
font-size: 14px;
color: #646a6c;
}
.allLine {
height: 1px;
background: #ececec;
}
.x_index .index_aboutUs .top {
margin-bottom: 40px;
}
.x_index .index_aboutUs .bottom {
margin: 60px auto 80px;
}
.x_index .index_aboutUs {
height: auto;
}
.x_index .index_aboutUs .botCover {
display: flex;
flex-wrap: wrap;
}
.x_index .index_aboutUs .botCover .info {
width: 600px;
height: 400px;
margin-bottom: 30px;
}
.x_index .index_aboutUs .botCover .info:nth-of-type(2) .infoTitle {
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
margin-top: 135px;
}
.x_index .index_aboutUs .botCover .info:nth-of-type(2) .infoContent {
text-align: center;
font-size: 14px;
color: #fff;
margin-top: 15px;
}
.x_index .index_aboutUs .botCover .info:nth-of-type(3) .infoTitle {
text-align: center;
font-size: 30px;
font-weight: bold;
color: #333;
margin-top: 70px;
}
.x_index .index_aboutUs .botCover .info:nth-of-type(3) .infoContent {
text-align: center;
font-size: 14px;
color: #333;
margin-top: 15px;
padding: 0 50px;
text-align: left;
}
.x_index .x_index_ProRec {
background: #fff;
overflow: hidden;
margin-bottom: 30px;
}
.x_index .x_index_ProRec .proRec_top {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
background: #fff;
margin: 80px 0 140px;
font-size: 42px;
color: #333;
font-weight: bold;
}
.x_index .x_index_ProRec .proRec_top img {
margin-top: 20px;
}
.x_index .x_index_ProRec .swiper-slide {
width: 300px;
}
.x_index .x_index_ProRec .swiper-slide .proRec_img {
width: 300px;
height: 300px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.x_index .x_index_ProRec .swiper-slide .proRec_img img {
max-width: 100%;
max-height: 100%;
}
.x_index .x_index_ProRec .swiper-slide .proRec_bottom {
width: 300px;
margin: auto;
}
.x_index .x_index_ProRec .swiper-slide .proRec_bottom .proRec_title {
margin-top: 30px;
font-weight: bold;
font-size: 16px;
color: #333;
text-align: center;
}
.x_index .x_index_ProRec .swiper-slide .proRec_bottom .proRec_content {
font-size: 14px;
color: #999;
text-align: center;
}
.x_index .x_index_ProRec .swiper-container {
padding-bottom: 100px;
}
.x_index .x_index_ProRec .swiper-slide {
transition: 380ms;
}
.x_index .x_index_ProRec .swiper-slide-active {
transform: scale(1.4);
}
.x_index .x_index_zlh {
margin-top: 60px;
}
.x_index .x_index_zlh .proRec_top {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
background: #fff;
margin: 80px 0 140px;
font-size: 42px;
color: #333;
font-weight: bold;
}
.x_index .x_index_zlh .proRec_top img {
margin-top: 20px;
}
.x_index .x_index_zlh .zlh_info {
display: flex;
justify-content: space-between;
}
.x_index .x_index_zlh .detail {
width: 370px;
cursor: pointer;
}
.x_index .x_index_zlh .detail .detailImg {
width: 370px;
height: 270px;
overflow: hidden;
}
.x_index .x_index_zlh .detail .detailImg img {
width: 100%;
height: 100%;
}
.x_index .x_index_zlh .detail .detailImg:hover img {
transition: .5s;
transform: scale(1.2);
}
.x_index .x_index_zlh .detail .detailInfo {
padding: 0 25px 0 20px;
background: #f9f9f9;
height: 122px;
width: 100%;
overflow: hidden;
position: relative;
}
.x_index .x_index_zlh .detail .detailInfo .infoTitle {
font-size: 20px;
color: #333333;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 30px;
}
.x_index .x_index_zlh .detail .detailInfo .infoContent {
font-size: 14px;
color: #999;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.x_index .x_index_zlh .detail .detailInfo .infoContent .no_agree {
display: block;
}
.x_index .x_index_zlh .detail .detailInfo .infoContent .agree {
display: none;
}
.x_index .x_index_zlh .detail .detailInfo .infoLine {
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background: #e71a0f;
display: none;
}
.x_index .x_index_zlh .detail:hover .detailInfo .infoLine {
display: block;
}
.x_index .x_index_zlh .detail:hover .detailInfo .infoContent .no_agree {
display: none;
}
.x_index .x_index_zlh .detail:hover .detailInfo .infoContent .agree {
display: block;
}
.x_index .x_index_zlh .zlh_more {
border: 1px solid #5a5a5a;
width: 140px;
height: 44px;
border-radius: 22px;
font-size: 16px;
color: #646a6c;
margin: auto;
text-align: center;
line-height: 42px;
display: block;
margin: 50px auto 110px;
}
/* 产品中心2021-05-24 */
.x_proCenter .cenTop {
height: 110px;
display: flex;
align-items: center;
justify-content: center;
}
.x_proCenter .cenTop .topDetail {
width: 190px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #646a6c;
margin: 0 10px;
font-size: 18px;
color: #646a6c;
font-weight: bold;
cursor: pointer;
}
.x_proCenter .cenTop .topDetailShow {
border: 1px solid #e71a0f;
color: #fff;
background: #e71a0f;
}
.x_proCenter .cenList .cenDetail {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.x_proCenter .cenList .cenDetail .detailTop {
display: flex;
align-items: center;
justify-content: space-between;
height: 130px;
}
.x_proCenter .cenList .cenDetail .detailTop .left {
display: flex;
align-items: center;
font-size: 24px;
color: #646a6c;
font-weight: bold;
flex: 1;
}
.x_proCenter .cenList .cenDetail .detailTop .left img {
margin-right: 10px;
}
.x_proCenter .cenList .cenDetail .detailTop .leftTwo {
display: flex;
align-items: center;
}
.x_proCenter .cenList .cenDetail .detailTop .leftTwo .twoDetail {
min-width: 120px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #646a6c;
font-size: 18px;
color: #646a6c;
margin-right: 10px;
cursor: pointer;
}
.x_proCenter .cenList .cenDetail .detailTop .leftTwo .twoDetailShow {
color: #fff;
background: #e71a0f;
border-color: #e71a0f;
font-weight: bold;
}
.x_proCenter .cenList .cenDetail .detailTop .right {
display: flex;
align-items: center;
font-size: 16px;
color: #000;
font-weight: bold;
flex-shrink: 0;
}
.x_proCenter .cenList .cenDetail .detailTop .right img {
margin-right: 5px;
}
.x_proCenter .cenList .cenDetail .detailBanner img {
width: 100%;
}
.x_proCenter .cenList .cenDetail .detailList {
display: flex;
flex-wrap: wrap;
}
.x_proCenter .cenList .cenDetail .detailList .info {
width: 232px;
margin-right: 10px;
}
.x_proCenter .cenList .cenDetail .detailList .info .infoImg {
width: 100%;
height: 232px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.x_proCenter .cenList .cenDetail .detailList .info .infoImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
display: block;
}
.x_proCenter .cenList .cenDetail .detailList .info .infoImg:hover img {
transform: scale(1.2);
}
.x_proCenter .cenList .cenDetail .detailList .info .infoTitle {
font-size: 18px;
color: #646a6c;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 12px;
}
.x_proCenter .cenList .cenDetail .detailList .info .infoTitle2 {
font-size: 14px;
color: #646a6c;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 21px;
}
.x_proCenter .cenList .cenDetail .detailList .info .infoContent {
font-size: 14px;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: 30px;
}
.x_proCenter .cenList .cenDetail .detailList .info:nth-of-type(5n) {
margin-right: 0;
}
.x_proCenter .cenList .cenDetail .twoCen .detailList {
display: none;
}
.x_proCenter .cenList .cenDetail .twoCen .detailList:first-of-type {
display: flex;
}
.x_proCenter .cenList .cenDetail .detailOne {
margin: 45px 0 25px;
display: flex;
}
.x_proCenter .cenList .cenDetail .detailOne img {
width: 77px;
margin-right: 10px;
}
.x_proCenter .cenList .cenDetail .detailOne span {
font-size: 24px;
color: #646a6c;
font-weight: bold;
}
.x_proCenter .cenList .cenDetail .detailTwo {
width: 100%;
min-height: 180px;
background: #a0a5a7;
padding: 40px 45px;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 24px;
}
/* 产品详情 */
.allHeader {
border-bottom: 1px solid #ececec;
}
.x_proInfo .navGo {
display: flex;
align-items: center;
width: 1200px;
margin: 30px auto 0;
}
.x_proInfo .navGo a {
font-size: 14px;
color: #aeaeae;
margin: 0 10px;
}
.x_proInfo .proTop {
padding: 30px 0 60px;
border-bottom: 2px solid #e71a0f;
}
.x_proInfo .proTop .cen .right {
margin-left: 70px;
}
.x_proInfo .proTop .cen .right .one {
font-size: 36px;
line-height: 1.2;
}
.x_proInfo .proTop .cen .right .one2 {
font-size: 18px;
line-height: 1.2;
color: #666666;
font-weight: bold;
text-align: justify;
}
.x_proInfo .proTop .cen .right .six {
display: flex;
margin: 15px 0;
}
.x_proInfo .proTop .cen .right .six .sixLeft {
font-size: 16px;
color: #666666;
font-weight: bold;
margin-right: 5px;
flex-shrink: 0;
}
.x_proInfo .proTop .cen .right .six .sixRight {
font-size: 14px;
color: #666666;
line-height: 24px;
}
.x_proInfo .proTop .cen .right .three .threeLeft {
font-size: 16px;
color: #666666;
font-weight: bold;
margin-right: 5px;
flex-shrink: 0;
width: auto;
}
.x_proInfo .proTop .cen .right .three .threeRight .rightInfo {
background: #ececec;
cursor: pointer;
}
.x_proInfo .proTop .cen .right .five .fiveNumber {
display: flex;
margin-right: 10px;
border: 2px solid #9c9c9b;
}
.x_proInfo .proTop .cen .right .five .fiveNumber .fourReduce,
.x_proInfo .proTop .cen .right .five .fiveNumber .fourAdd {
width: 24px;
height: 36px;
background: #ececec;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.x_proInfo .proTop .cen .right .five .fiveNumber .number {
width: 40px;
height: 36px;
font-size: 14px;
color: #666;
text-align: center;
border: 0;
}
.x_proInfo .proTop .cen .right .five .fiveLeft .ecode,
.x_proInfo .proTop .cen .right .five .fiveLeft .addCart {
border: 2px solid #9c9c9b;
color: #9c9c9b;
font-weight: bold;
}
.x_proInfo .proMiddle .cen {
display: flex;
justify-content: space-between;
}
.x_proInfo .proMiddle .bottom .botDetail {
width: 100%;
}
.x_proInfo .proMiddle .middleLeft {
width: 160px;
}
.x_proInfo .proMiddle .middleLeft .leftDetail {
margin-bottom: 30px;
}
.x_proInfo .proMiddle .middleLeft .leftDetail .leftTitle {
width: 100%;
height: 40px;
background: #e71a0f;
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: center;
padding: 0 10px;
line-height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: 20px;
}
.x_proInfo .proMiddle .middleLeft .leftDetail .leftDeList {
width: 160px;
height: 160px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.x_proInfo .proMiddle .middleLeft .leftDetail .leftDeList img {
max-width: 100%;
max-height: 100%;
}
.x_proInfo .proMiddle .middleLeft .leftDetail .leftDeList .deTitle {
position: absolute;
top: 160px;
left: 0;
background: rgba(0, 0, 0, .5);
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 18px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px 10px;
transition: top .5s;
}
.x_proInfo .proMiddle .middleLeft .leftDetail .leftDeList:hover .deTitle {
top: 0;
}
.x_proInfo .proMiddle .middleMid {
width: 800px;
}
.x_proInfo .proMiddle .middleRight {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.x_proInfo .proMiddle .middleRight .rightTop {
display: flex;
width: 140px;
height: 40px;
border: 1px solid #e71a0f;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #333;
}
.x_proInfo .proMiddle .middleRight .rightTop img {
margin-right: 5px;
}
.x_proInfo .proMiddle .middleRight .rightmd {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.x_proInfo .proMiddle .middleRight .rightmd .left {
display: flex;
flex-direction: column;
margin-right: 7px;
align-items: center;
margin-top: 6px;
}
.x_proInfo .proMiddle .middleRight .rightmd .left .circle {
width: 14px;
height: 14px;
border: 2px solid #9e9e9e;
border-radius: 50%;
margin: 8px 0;
}
.x_proInfo .proMiddle .middleRight .rightmd .left .line {
width: 2px;
height: 50px;
background: #9c9c9b;
}
.x_proInfo .proMiddle .middleRight .rightmd .right .rightLabel {
width: 140px;
height: 40px;
background: #9c9c9b;
border-radius: 6px;
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 40px;
display: block;
margin-bottom: 40px;
}
.x_proInfo .proMiddle .middleRight .cpjsShow .left div:nth-of-type(1) {
border: 2px solid #e71a0f;
}
.x_proInfo .proMiddle .middleRight .cpjsShow .right .rightLabel:nth-of-type(1) {
background: #e71a0f;
color: #fff;
}
.x_proInfo .proMiddle .middleRight .jscsShow .left div:nth-of-type(3) {
border: 2px solid #e71a0f;
}
.x_proInfo .proMiddle .middleRight .jscsShow .right .rightLabel:nth-of-type(2) {
background: #e71a0f;
color: #fff;
}
.x_proInfo .proMiddle .middleRight .azsmShow .left div:nth-of-type(5) {
border: 2px solid #e71a0f;
}
.x_proInfo .proMiddle .middleRight .azsmShow .right .rightLabel:nth-of-type(3) {
background: #e71a0f;
color: #fff;
}
.x_proInfo .proBottom .conInfo {
display: flex;
flex-wrap: wrap;
}
.x_proInfo .proBottom .conInfo .info {
width: 232px;
margin-right: 10px;
}
.x_proInfo .proBottom .conInfo .info .infoImg {
width: 100%;
height: 232px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.x_proInfo .proBottom .conInfo .info .infoImg img {
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
display: block;
}
.x_proInfo .proBottom .conInfo .info .infoImg:hover img {
transform: scale(1.2);
}
.x_proInfo .proBottom .conInfo .info .infoTitle {
font-size: 18px;
color: #646a6c;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 12px;
}
.x_proInfo .proBottom .conInfo .info .infoContent {
font-size: 14px;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: 30px;
}
.x_proInfo .proBottom .conInfo .info:nth-of-type(5n) {
margin-right: 0;
}
.x_proInfo .proBottom {
padding: 50px 0 30px;
}
/* 郑锦涛 */
.z_threeInfo {
background: #efefef;
}
.contactUs .three .z_threeInfo .title {
color: #333333;
font-weight: bold;
margin-top: 15px;
}
.contactUs .three .z_threeInfo .people {
background: #ffffff;
border-radius: 10px;
}
.contactUs .three .z_threeInfo .address {
min-height: 72px;
color: #999999;
}
.contactUs .three .z_threeInfo .people .peoInfo .infoMes span {
color: #333333;
}
.z_saleewm {
width: 20px;
height: 20px;
margin-left: auto;
position: relative;
}
.z_saleewm>img {
width: 20px;
height: 20px;
}
.z_saleewm>.ecodeInfo {
position: absolute;
width: 120px;
height: 120px;
left: -50px;
top: 28px;
border: 3px solid #de2810;
display: none;
}
.z_saleewm:hover .ecodeInfo {
display: block;
}
.z_saleewm .info_jt {
width: 20px;
height: 20px;
background: #de2810;
transform: rotate(45deg);
position: absolute;
top: -6px;
left: 50%;
margin-left: -10px;
z-index: 5;
}
.z_saleewm>.ecodeInfo img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.download .downloadList .z_downloadDetail {
height: auto;
padding: 20px;
padding-bottom: 30px;
}
.download .downloadList .z_downloadDetail .left img {
display: block;
}
.download .downloadList .z_downloadDetail .right {
margin-left: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
flex-flow: column;
justify-content: center;
width: 100%;
}
/*# sourceMappingURL=myCommon.css.map */
/* 应亮亮 */
/* 关于我们 */
.y_about{
width: 100%;
background: #f6f6f6;
}
.y_about2{
max-width: 1200px;
margin: 0 auto;
padding: 100px 0px 77px;
}
.y_about3{
width: 100%;
text-align: center;
}
.y_about3>h2{
font-size: 30px;
color: #646a6c;
font-weight: 600;
}
.y_about4{
width: 100%;
margin-top: 135px;
position: relative;
padding: 112px 30px 75px;
border-radius: 10px;
border: 2px solid #e71a0f;
background: #fff;
}
.y_about5{
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%,-50%);
width: 160px;
height: 160px;
display: flex;
border-radius: 50%;
border: 3px solid #e71a0f;
box-sizing: border-box;
overflow: hidden;
}
.y_about5>img{
width: 160px;
height: 160px;
border-radius: 50%;
display: block;
position: absolute;
top: -2px;
left: -2px;
}
.y_about6{
width: 100%;
height: 294px;
overflow-y: scroll;
padding-right: 40px;
font-size: 14px;
color: #646a6c;
line-height: 26px;
margin-bottom: 20px;
font-weight: 100;
}
.y_about6::-webkit-scrollbar{
width: 8px;
height: 10px;
background: #e5e5e5;
border-radius: 10px;
}
.y_about6::-webkit-scrollbar-thumb{
background: #c5c5c5;
border-radius: 10px;
}
.y_about7{
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
bottom: -9.5%;
width: 43px;
height: 43px;
}
.y_about7>img{
width: 100%;
height: 100%;
}
.y_about8{
width: 100%;
padding: 60px 0px 35px;
}
.y_about9{
width: 1200px;
margin: 0 auto;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.y_about10{
width: 49%;
margin-right: 2%;
margin-bottom: 55px;
}
.y_img_scale{
overflow: hidden;
}
.y_img_scale>img{
transition: all 1s ease;
}
.y_about10:hover>.y_img_scale>img{
transform: scale(1.1);
transition: all 1s ease;
}
.y_about9>.y_about10:nth-child(2n){
margin-right: 0%;
}
.y_about11{
width: 100%;
height: 260px;
border-radius: 10px;
}
.y_about11>img{
width: 100%;
height: 100%;
}
.y_about12{
width: 100%;
margin-top: 38px;
}
.y_about12>h2{
font-size: 30px;
line-height: 40px;
color: #000;
font-weight: 600;
}
.y_about12>p{
height: 38px;
color: #646a6c;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 20px;
margin-top: 20px;
}
.y_about12>span{
display: flex;
margin-top: 30px;
font-size: 16px;
color: #000;
line-height: 20px;
font-weight: 600;
align-items: center;
}
/* 关于我们_详情页 */
.y_about_xq{
width: 1200px;
margin: 0 auto;
padding: 100px 0px 150px;
}
.y_about_xq2{
margin-right: 50px;
}
.y_about_xq2>img{
width: 100%;
height: 350px;
}
.y_about_xq3>h2{
font-size: 30px;
color: #646a6c;
line-height: 32px;
font-weight: 600;
}
.y_about_xq3>p{
font-size: 16px;
line-height: 26px;
color: #646a6c;
height: 220px;
display: flex;
align-items: center;
}
.y_about_xq4{
width: 100%;
display: flex;
justify-content: flex-start;
margin-top: 80px;
position: relative;
}
.y_about_xq2:hover>img{
transform: scale(1.1);
transition: all 1s ease;
}
.y_about_xq4>div{
flex: 1;
}
.y_about_xq5{
width: 100%;
text-align: center;
}
.y_about_xq5>h2{
font-size: 48px;
color: #646a6c;
font-weight: 600;
line-height: 50px;
}
.y_about_xq5>img{
width: 43px;
height: 43px;
display: block;
margin: 22px auto 0px;
}
.y_about_xq6{
position: absolute;
right: -2%;
top: 50%;
transform: translate(25%,-50%);
}
/* 关于我们_全球 */
.y_about_global1{
width: 100%;
margin-top: 60px;
}
.y_about_global2{
width: 100%;
}
.y_about_global2>p{
font-size: 16px;
color: #646a6c;
line-height: 32px;
}
.y_about_global3{
width: 100%;
margin-top: 70px;
display:flex;
justify-content: flex-start;
}
.y_about_global4{
flex: 1;
text-align: center;
}
.y_about_global5{
display: flex;
width: 100%;
justify-content: center;
align-items: baseline;
}
.y_about_global5>p{
font-size: 48px;
color: #e71a0f;
font-weight: 600;
line-height: 48px;
}
.y_about_global5>span{
font-size: 12px;
color: #e71a0f;
display: block;
margin-left: 5px;
}
.y_about_global6{
margin-top: 15px;
width: 100%;
}
.y_about_global6>p{
font-size: 14px;
color: rgba(51,51,51,0.6);
}
.y_about_global7{
width: 100%;
margin-top: 30px;
text-align: center;
}
/* 关于我们_发展历程 */
.y_about_history{
width: 1200px;
margin: 0 auto;
padding-top: 22px;
position: relative;
}
.y_about_history2{
width: 100%;
text-align: center;
}
.y_about_history2>img{
width: 43px;
height: 43px;
}
.y_about_history3{
position: absolute;
top: 50px;
left: 50%;
transform: translate(-50%,0%);
z-index: -1;
height: 105%;
text-align: center;
}
.y_about_history3>img{
height: 100%;
width: 10px;
}
.y_about_history4{
width: 44px;
position: absolute;
/*bottom: -50px;*/
left: 50%;
transform: translate(-50%,0%);
}
.y_about_history5{
display: flex;
justify-content: flex-start;
}
.y_about_history6{
flex: 1;
display: flex;
justify-content: flex-start;
}
.y_about_history6:hover .y_img_scale>img{
transform: scale(1.1);
transition: all 1s ease;
}
.y_about_history5>.y_about_history6:nth-child(2n){
margin-left: 70px;
flex-direction: row-reverse
}
.y_about_history5>.y_about_history6:nth-child(2n) .y_about_history7{
margin-right: 0px;
margin-left: 90px;
}
.y_about_history5>.y_about_history6:nth-child(2n) .y_about_history8{
text-align: left;
}
.y_about_history5>.y_about_history6:nth-child(2n) .y_about_history8>h2::after{
left: -45px;
}
.y_about_history7{
width: 160px;
height: 160px;
border: 1px solid #e71e14;
border-radius: 50%;
overflow: hidden;
margin-right: 80px;
}
.y_about_history7>img{
width: 100%;
height: 100%;
}
.y_about_history8{
flex: 1;
text-align: right;
}
.y_about_history8>h2{
font-size: 30px;
color: #e71a0f;
font-weight: 600;
line-height: 30px;
position: relative;
}
.y_about_history8>h2::after{
position: absolute;
content: '';
background: url(../new_image/about_history_img7.png) no-repeat;
width: 20px;
height: 20px;
top: 3px;
right: -45px;
}
.y_about_history8>h3{
font-size: 16px;
color: #646a6c;
font-weight: 600;
margin-top: 15px;
line-height: 26px;
}
.y_about_history8>p{
font-size: 14px;
color: #999;
line-height: 22px;
margin-top: 20px;
font-weight: 100;
}
.y_about_history9{
width: 100%;
margin-top: 90px;
}
.y_about_history9>.y_about_history5:nth-child(2n){
margin-top: 20px;
}
.y_about_history10{
width: 100%;
height: 100%;
position: absolute;
z-index: -2;
top: 0px;
left: 0px;
}
.y_about_history11{
width: 100%;
position: relative;
}
/* 关于我们_质量 */
.y_about_quality{
width: 100%;
display: flex;
justify-content: flex-start;
margin-top: 25px;
}
.y_about_quality2{
width: 576px;
position: relative;
background: url(../new_image/y_about_quality_img4.png) no-repeat;
height: 576px;
background-size: 100% 100%;
}
.y_about_quality2>img{
position: absolute;
width: 350px;
height: 350px;
border-radius: 50%;
top:50%;
left: 50%;
transform: translate(-50%,-50%);
}
.y_about_quality3{
margin-left: 70px;
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
}
.y_about_quality3>h2{
font-size: 30px;
color: #646a6c;
font-weight: 600;
margin-bottom: 60px;
}
.y_about_quality3>p{
font-size: 16px;
color: #646a6c;
line-height: 28px;
font-weight: 100;
display: flex;
align-items: center;
}
.y_about_quality4{
width: 100%;
margin-top: -50px;
}
.y_about_quality5>.y_about_quality3{
margin-left: 0px;
margin-right: 70px;
}
.y_about_quality5{
margin-top: -20px;
}
/* 关于我们_技术 */
.y_about_technology>p{
font-size: 24px;
color: #999;
margin-top: 20px;
font-weight: 600;
}
.y_about_technology2{
margin-left: 120px;
position: relative;
}
.y_about_technology2>h2{
margin-bottom: 30px;
}
.y_about_technology3{
width: 520px;
height: 520px;
}
.y_about_technology4{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.y_about_technology4>img{
width: 100%;
}
/* 关于我们_流程 */
.y_about_traceability1{
width: 100%;
margin-top: 70px;
}
.y_about_traceability1>p{
font-size: 16px;
color: #646a6c;
line-height: 32px;
}
.y_about_traceability2{
max-width: 1920px;
}
.y_about_traceability2>img{
max-width: 1920px;
width: 100%;
}
.y_about_traceability3{
padding-bottom: 100px;
}
/* 关于我们_质量中心 */
.y_quality_center{
width: 1200px;
margin: 0px auto;
padding: 105px 0px 110px;
}
.y_quality_center2{
width: 100%;
display: flex;
justify-content: flex-start;
}
.y_quality_center3{
flex: 1;
}
.y_quality_center3:hover>img{
transform: scale(1.1);
transition: all 1s ease;
}
.y_quality_center3>img{
width: 100%;
height: 100%;
}
.y_quality_center4{
width: 480px;
display: flex;
align-items: center;
}
.y_quality_center4>p{
font-size: 16px;
color: #666;
line-height: 32px;
}
.yang .middle .middleDetail .five {
display: flex;
align-items: center;
width: 230px;
font-size: 14px;
color: #333;
padding-left: 15px;
}
.yang .middle .middleDetail .five .fiveDetail {
display: flex;
align-items: center;
}
.yang .middle .middleDetail .five .fiveDetail .reduce,
.yang .middle .middleDetail .five .fiveDetail .add {
width: 22px;
height: 30px;
background: #eaeaea;
text-align: center;
line-height: 30px;
font-size: 12px;
color: #333;
cursor: pointer;
}
.yang .middle .middleDetail .five .fiveDetail .number {
width: 44px;
height: 30px;
border: 1px solid #eaeaea;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #333;
}
.yang .top .five {
width: 230px;
font-size: 12px;
color: #333;
padding-left: 15px;
line-height: 40px;
}