html,
body {
font-size: 62.5%;
}
body {
max-width: 1920px;
position: relative;
margin: 0 auto;
}
.container {
max-width: 1370px;
padding: 0 15px;
position: relative;
margin: 0 auto;
}
h1.h1,
h2.h2,
h3.h3,
h4.h4,
h5.h5,
h6.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
}
p {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
}
li {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
}
a {
color: inherit;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
font-style: inherit;
}
span {
color: inherit;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
font-style: inherit;
}
img {
width: auto;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
}
#pups_from form ul li label em {
display: inline-block !important;
}
.m-color{
color: var(--color);
}
#new-index-body .title2 {
text-align: center;
}
#new-index-body .title2 h3 {
font-size: 46px;
font-weight: 500;
color: #111111;
line-height: 1;
}
#new-index-body .title2 span {
display: inline-block;
width: 263px;
height: 4px;
background: var(--color);
margin: 0 auto;
margin-top: 15px;
}
#new-index-body .new-init-1 {
background: url(/wpcfactory/2022/09/05/shouyebanner-2.jpg) no-repeat center;
background-size: cover;
}
#new-index-body .new-init-1 .acc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 23px;
}
#new-index-body .new-init-1 .acc .rl ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#new-index-body .new-init-1 .acc .rl ul li p {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 1;
}
#new-index-body .new-init-1 .acc .rl ul li p img {
vertical-align: middle;
margin-right: 10px;
}
#new-index-body .new-init-1 .acc .rl ul li:last-child {
margin-left: 20px;
}
#new-index-body .new-init-1 .top {
padding-top: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#new-index-body .new-init-1 .top .left h2 {
font-size: 44px;
font-weight: bold;
line-height: 1.3;
text-transform: uppercase;
}
#new-index-body .new-init-1 .top .left h2 span {
display: block;
color: var(--color);
}
#new-index-body .new-init-1 .top .left h5 {
font-size: 20px;
font-weight: 400;
color: #FFFFFF;
line-height: 1;
margin-top: 30px;
}
#new-index-body .new-init-1 .top .left .con {
padding-top: 20px;
}
#new-index-body .new-init-1 .top .left .con ul li {
margin-top: 15px;
}
#new-index-body .new-init-1 .top .left .con ul li p {
position: relative;
padding-left: 24px;
font-size: 16px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
line-height: 1;
}
#new-index-body .new-init-1 .top .left .con ul li p strong{
font-weight: 400;
}
#new-index-body .new-init-1 .top .left .con ul li p::after {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
height: 12px;
background: url(../images/new-init18.png) no-repeat;
}
#new-index-body .new-init-1 .top .left .img ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#new-index-body .new-init-1 .top .left .img ul li {
margin-right: 31px;
}
#new-index-body .new-init-1 .top .left .icon-list{
margin: 0 -5px;
}
#new-index-body .new-init-1 .top .left .icon-list img{
background-color: white;
padding: 15px;
margin: 5px;
}
#new-index-body .new-init-1 .top .left .icon-list img{
zoom: .8;
}
#new-index-body .new-init-1 .top .right {
padding-right: 109px;
}
#new-index-body .new-init-1 .top .right .form {
background: var(--color);
padding: 40px 25px;
max-width: 331px;
}
#new-index-body .new-init-1 .top .right .form h3 {
font-size: 28px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
text-align: center;
}
#new-index-body .new-init-1 .top .right .form p {
text-align: center;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 1.37;
}
#new-index-body .new-init-1 .top .right .form ul {
padding-top: 5px;
}
#new-index-body .new-init-1 .top .right .form ul li {
margin-top: 10px;
}
#new-index-body .new-init-1 .top .right .form ul li input[type=text] {
width: 100%;
height: 30px;
font-size: 14px;
font-weight: 300;
color: rgba(0, 0, 0, 0.8);
border: none;
line-height: 1;
background: #fff;
padding-left: 10px;
}
#new-index-body .new-init-1 .top .right .form ul li textarea {
width: 100%;
height: 66px;
font-size: 14px;
font-weight: 300;
color: rgba(0, 0, 0, 0.8);
border: none;
line-height: 2;
background: #fff;
padding-left: 10px;
}
#new-index-body .new-init-1 .top .right .form ul li input[type=submit] {
width: 220px;
height: 40px;
background: #111111;
font-size: 18px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
border: none;
}
#new-index-body .new-init-1 .top .right .form ul li ::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: rgba(0, 0, 0, 0.8);
}
#new-index-body .new-init-1 .top .right .form ul li :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(0, 0, 0, 0.8);
}
#new-index-body .new-init-1 .top .right .form ul li ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(0, 0, 0, 0.8);
}
#new-index-body .new-init-1 .top .right .form ul li :-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(0, 0, 0, 0.8);
}
#new-index-body .new-init-1 .top .right .form ul li:nth-child(1) {
padding-right: 5px;
}
#new-index-body .new-init-1 .top .right .form ul li:nth-child(2) {
padding-left: 5px;
}
#new-index-body .new-init-2 {
padding: 48px 0 90px;
background: #F3F3F3;
}
#new-index-body .new-init-2 .top ul li {
margin-top: 57px;
}
#new-index-body .new-init-2 .top ul li .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#new-index-body .new-init-2 .top ul li .box .img img {
width: 90px;
}
#new-index-body .new-init-2 .top ul li .box .con {
padding-left: 20px;
}
#new-index-body .new-init-2 .top ul li .box .con h4 {
font-size: 20px;
font-weight: 500;
color: #333333;
line-height: 1;
}
#new-index-body .new-init-2 .top ul li .box .con p {
font-size: 18px;
font-weight: 400;
color: #333333;
line-height: 1.5;
max-width: 326px;
margin-top: 13px;
}
#new-index-body .new-init-3 .top .left {
width: 48%;
vertical-align: bottom;
}
#new-index-body .new-init-3 .top .right {
width: 52%;
vertical-align: bottom;
padding-left: 49px;
}
#new-index-body .new-init-3 .top .right h3 {
font-size: 40px;
font-weight: 500;
color: #333333;
line-height: 1;
}
#new-index-body .new-init-3 .top .right span {
display: inline-block;
width: 150px;
height: 3px;
background: var(--color);
margin: 20px 0 28px;
}
#new-index-body .new-init-3 .top .right .cona {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
max-width: 549px;
}
#new-index-body .new-init-3 .top .right .btn {
padding: 35px 0 13px;
}
#new-index-body{
overflow: hidden;
}
#new-index-body .new-init-3 .top .right .btn a {
display: inline-block;
font-size: 18px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
padding: 11px 40px;
background: var(--color);
}
.swiper-container{
overflow: hidden;
}
#new-index-body .new-init-3 .bottom {
margin: 50px 0;
}
#new-index-body .new-init-3 .bottom .box {
/*max-width: 310px;*/
margin: 0 auto;
}
#new-index-body .new-init-3 .bottom .box .img {
background: #F3F3F3;
border: 1px solid #CCCCCC;
}
#new-index-body .new-init-3 .bottom .box .con {
padding: 0 10px;
padding-top: 15px;
text-align: center;
}
#new-index-body .new-init-3 .bottom .box .con h4 {
height: 50px;
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
margin-bottom: 15px;
}
#new-index-body .new-init-4 {
background: #F3F3F3;
}
#new-index-body .new-init-4 .top .left {
width: 48%;
vertical-align: bottom;
}
#new-index-body .new-init-4 .top .right {
width: 52%;
vertical-align: bottom;
}
#new-index-body .new-init-4 .top .right h3 {
font-size: 40px;
font-weight: 500;
color: #333333;
line-height: 1;
}
#new-index-body .new-init-4 .top .right span {
display: inline-block;
width: 150px;
height: 3px;
background: var(--color);
margin: 18px 0 25px;
}
#new-index-body .new-init-4 .top .right .cona {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
max-width: 540px;
}
#new-index-body .new-init-4 .top .right .btn {
padding: 38px 0;
}
#new-index-body .new-init-4 .top .right .btn a {
display: inline-block;
font-size: 18px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
padding: 11px 40px;
background: var(--color);
}
#new-index-body .new-init-4 .bottom {
padding: 50px 0;
}
#new-index-body .new-init-4 .bottom .box {
/*max-width: 310px;*/
margin: 0 auto;
}
#new-index-body .new-init-4 .bottom .box .con {
padding: 0 10px;
padding-top: 15px;
text-align: center;
}
#new-index-body .new-init-4 .bottom .box .img {
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
#new-index-body .new-init-4 .bottom .box .con h4 {
height: 50px;
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
}
#new-index-body .new-init-5 {
margin-top: 40px;
}
#new-index-body .new-init-5 .list .img {
max-width: 432px;
margin: 0 auto;
position: relative;
}
#new-index-body .new-init-5 .list .img .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 50px 40px;
padding-bottom: 0;
text-align: center;
}
#new-index-body .new-init-5 .list .img .mask h4 {
font-size: 28px;
font-weight: 500;
color: #FFFFFF;
line-height: 1;
}
#new-index-body .new-init-5 .list .img .mask span {
display: inline-block;
width: 227px;
height: 2px;
background: var(--color);
margin: 0 auto;
margin: 27px 0;
}
#new-index-body .new-init-5 .list .img .mask .cona {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 1.5;
}
#new-index-body .new-init-5 .bottom {
padding: 50px 0 28px;
}
#new-index-body .new-init-5 .bottom .box .img {
background: #F3F3F3;
border: 1px solid #CCCCCC;
}
#new-index-body .new-init-5 .bottom .box {
max-width: 310px;
margin: 0 auto;
}
#new-index-body .new-init-5 .bottom .box .con {
padding: 0 10px;
padding-top: 15px;
text-align: center;
}
#new-index-body .new-init-5 .bottom .box .con h4 {
height: 90px;
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
}
#new-index-body .new-init-6 {
background: url(../images/new-init61.jpg) no-repeat center;
background-size: cover;
padding: 28px 0 52px;
}
#new-index-body .new-init-6 .top .left {
width: 48.5%;
vertical-align: middle;
}
#new-index-body .new-init-6 .top .right {
width: 51.5%;
vertical-align: middle;
padding-left: 45px;
}
#new-index-body .new-init-6 .top .right h2 {
font-size: 46px;
font-weight: 700;
color: var(--color);
line-height: 1;
text-transform: uppercase;
}
#new-index-body .new-init-6 .top .right p {
font-size: 16px;
font-weight: 400;
color: #111111;
line-height: 2;
margin: 35px 0;
}
#new-index-body .new-init-6 .top .right ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
}
#new-index-body .new-init-6 .top .right ul li {
text-align: center;
}
#new-index-body .new-init-6 .top .right ul li .title{
font-size: 16px;
line-height: 1.4;
min-height: 45px;
}
#new-index-body .new-init-6 .top .right ul li h3 {
font-size: 46px;
font-weight: 700;
color: var(--color);
line-height: 1;
}
#new-index-body .new-init-6 .top .right ul li h3 sub {
font-size: 18px;
font-weight: 700;
color: var(--color);
line-height: 1;
}
#new-index-body .new-init-6 .top .right ul li h5 {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1;
margin-top: 12px;
}
#new-index-body .new-init-7 {
padding: 45px 0 41px;
}
#new-index-body .new-init-7 .title2 h3 {
font-size: 42px;
}
#new-index-body .new-init-7 .title2 span {
margin-top: 27px;
}
#new-index-body .new-init-7 .list {
padding-top: 30px;
}
#new-index-body .new-init-7 .list .box {
max-width: 309px;
background: #F3F3F3;
padding: 15px;
}
#new-index-body .new-init-7 .list .box .con {
text-align: center;
padding-top: 12px;
}
#new-index-body .new-init-7 .list .box .con h4 {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.5;
}
#new-index-body .new-init-8 {
padding: 50px 0 25px;
}
#new-index-body .new-init-8 .title3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#new-index-body .new-init-8 .title3 h4 {
font-size: 24px;
font-weight: 500;
color: #111111;
line-height: 1;
}
#new-index-body .new-init-8 .title3 .acc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none!important;
}
#new-index-body .new-init-8 .title3 .acc .swiper-button-prev,
#new-index-body .new-init-8 .title3 .acc .swiper-button-next {
position: static;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 30px;
background: var(--color);
margin-left: 32px;
opacity: 1;
cursor: pointer
}
#new-index-body .new-init-8 .title3 .acc .swiper-button-prev i,
#new-index-body .new-init-8 .title3 .acc .swiper-button-next i {
color: #fff;
font-size: 18px;
}
#new-index-body .new-init-8 .list {
margin-top: 35px;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide {display: none!important}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide:nth-child(1) {display: block!important}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .img h4 {
font-size: 16px;
font-weight: 500;
color: #111111;
line-height: 1.3;
padding: 20px;
text-align: center;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .box .le {
width: 52.4%;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .box .rl {
width: 47.6%;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide ul li {
padding-left: 30px;
}
#new-index-body .new-init-9 {
background: url(../images/new-init91.jpg) no-repeat;
background-size: cover;
padding-top: 30px;
}
#new-index-body .new-init-9 .container {
width: 1270px;
}
#new-index-body .new-init-9 .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#new-index-body .new-init-9 .top .right {
padding-right: 24px;
}
#new-index-body .new-init-9 .top .right .form {
background: #FFFFFF;
border: 1px solid #CCCCCC;
-webkit-box-shadow: 16px 13px 7px 2px rgba(22, 22, 22, 0.11);
box-shadow: 16px 13px 7px 2px rgba(22, 22, 22, 0.11);
padding: 30px 25px;
max-width: 405px;
}
#new-index-body .new-init-9 .top .right .form h3 {
font-size: 26px;
font-weight: 500;
color: var(--color);
text-transform: uppercase;
line-height: 1;
text-align: center;
}
#new-index-body .new-init-9 .top .right .form p {
text-align: center;
margin-top: 15px;
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 1.37;
}
#new-index-body .new-init-9 .top .right .form ul {
padding-top: 20px;
}
#new-index-body .new-init-9 .top .right .form ul li {
margin-top: 14px;
}
#new-index-body .new-init-9 .top .right .form ul li input[type=text] {
width: 100%;
height: 36px;
font-size: 14px;
font-weight: 300;
color: rgba(0, 0, 0, 0.8);
border: none;
line-height: 1;
border: 1px solid #CCCCCC;
padding-left: 10px;
}
#new-index-body .new-init-9 .top .right .form ul li textarea {
width: 100%;
height: 70px;
font-size: 14px;
font-weight: 300;
color: rgba(0, 0, 0, 0.8);
border: none;
line-height: 2;
border: 1px solid #CCCCCC;
padding-left: 10px;
}
#new-index-body .new-init-9 .top .right .form ul li input[type=submit] {
width: 220px;
height: 36px;
background: var(--color);
border-radius: 6px;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
border: none;
}
#new-index-body .new-init-9 .top .right .form ul li ::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: rgba(0, 0, 0, 0.6);
}
#new-index-body .new-init-9 .top .right .form ul li :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(0, 0, 0, 0.6);
}
#new-index-body .new-init-9 .top .right .form ul li ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(0, 0, 0, 0.6);
}
#new-index-body .new-init-9 .top .right .form ul li :-ms-input-placeholder {
/* Internet Explorer 10+ */
color: rgba(0, 0, 0, 0.6);
}
#new-index-body .new-init-9 .top .right .form ul li:nth-child(1) {
padding-right: 5px;
}
#new-index-body .new-init-9 .top .right .form ul li:nth-child(2) {
padding-left: 5px;
}
#new-index-body .new-init-9 .footer-bottom {
padding: 25px 0 16px;
}
#new-index-body .new-init-9 .footer-bottom .bottom-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#new-index-body .new-init-9 .footer-bottom .bottom-box p {
font-size: 14px;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#new-index-body .new-init-9 .footer-bottom .bottom-box p a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#new-index-body .new-init-9 .footer-bottom .bottom-box p img {
display: inline-block;
max-height: 25px;
vertical-align: middle;
max-width: 100%;
height: auto;
margin: 0 5px;
}
.Stick {
position: fixed;
right: 20px;
bottom: 65px;
width: 60px;
height: 60px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #DB6D6F;
cursor: pointer;
z-index: 18 !important;
}
.Stick i {
font-size: 24px;
color: #fff;
}
#Pop_UpsBtn {
background: var(--color) !important;
right: 20px !important;
z-index: 111;
bottom: 150px !important;
}
#pups_from form ul li input[type="submit"] {
background: var(--color) !important;
}
#pups_from i.close:hover {
background: var(--color) !important;
}
@media screen and (max-width: 1370px) {
#new-index-body .container {
width: 1100px !important;
}
#new-index-body .new-init-1 .top .right {
padding-right: 0;
}
#new-index-body .new-init-2 .top ul li .box .con p {
font-size: 14px;
}
#new-index-body .new-init-1 .top .left h2,
#new-index-body .title2 h3 {
font-size: 40px;
}
#new-index-body .new-init-6 .top .right h2 {
font-size: 42px;
}
#new-index-body .new-init-6 .top .right {
padding-left: 20px;
}
#new-index-body .new-init-6 .top .right p {
line-height: 1.6;
font-size: 16px;
margin: 20px 0;
}
#new-index-body .new-init-3 .top .right h3,
#new-index-body .new-init-4 .top .right h3 {
font-size: 32px;
}
#new-index-body .new-init-3 .top .right span,
#new-index-body .new-init-4 .top .right span {
margin: 15px 0;
}
#new-index-body .new-init-6 .top .right ul li h3 {
font-size: 32px;
}
#new-index-body .new-init-3 .top .right {
padding-left: 20px;
}
#new-index-body .new-init-3 .top .right .btn,
#new-index-body .new-init-4 .top .right .btn {
padding: 0;
padding-top: 15px;
}
}
@media screen and (max-width: 1100px) {
#new-index-body .container {
width: 972px !important;
}
#new-index-body .new-init-9 .top .left ul li h4 {
font-size: 18px;
line-height: 1.4;
}
#new-index-body .new-init-1 .top .left h2 {
font-size: 32px;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .img h4 {
padding: 12px;
font-size: 14px;
}
}
@media screen and (max-width: 972px) {
#new-index-body .container {
width: 100% !important;
}
#new-index-body .new-init-1 .top .right {
display: none;
}
#new-index-body .new-init-1 .top .left h2,
#new-index-body .title2 h3,
#new-index-body .new-init-7 .title2 h3 {
font-size: 32px;
}
#new-index-body .new-init-2 .top ul li .box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#new-index-body .new-init-2 .top ul li .box .con {
padding-left: 0;
padding-top: 20px;
}
#new-index-body .new-init-3 .top .right,
#new-index-body .new-init-3 .top .left,
#new-index-body .new-init-4 .top .right,
#new-index-body .new-init-4 .top .left {
width: 100%;
}
#new-index-body .new-init-3 .top .right,
#new-index-body .new-init-4 .top .left {
padding: 0;
margin-top: 30px;
}
#new-index-body .new-init-3 .top .right .cona,
#new-index-body .new-init-4 .top .right .cona {
max-width: 100%;
}
#new-index-body .new-init-6 .top .right,
#new-index-body .new-init-6 .top .left {
width: 100%;
}
#new-index-body .new-init-6 .top .right {
padding-left: 0;
margin-top: 30px;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .box .rl {
display: none;
}
#new-index-body .new-init-8 .title3 .acc {display: flex!important}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide {display: block!important}
#new-index-body .new-init-7 .list .box {
margin: 0 auto;
}
#new-index-body .new-init-8 .list .swiper-wrapper .swiper-slide .box .le {
width: 100%;
text-align: center;
}
#new-index-body .new-init-9 .top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#new-index-body .new-init-9 .top .left ul {
max-width: 100%;
}
#new-index-body .new-init-9 .top .right .form {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
#new-index-body .new-init-2 .top ul li {
width: 50%;
}
#new-index-body .new-init-5 .list .img .mask h4 {
font-size: 24px;
}
#new-index-body .new-init-1 .acc .rl {
display: none;
}
#new-index-body .new-init-1 .top .left h2 span {
display: initial;
}
#new-index-body .new-init-1 .top .left h2 {
font-size: 24px;
}
#new-index-body .new-init-1 .acc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#new-index-body .new-init-2 .top ul li {
width: 100%;
margin-top: 20px;
}
#new-index-body .new-init-2 .top ul li .box .con p {
max-width: 100%;
}
#new-index-body .new-init-2 .top ul li .box .con {
width: 100%;
}
#new-index-body .new-init-4 .top .right h3 {
margin-top: 30px;
}
#new-index-body .new-init-6 .top .right h2 {
font-size: 32px;
}
#new-index-body .new-init-6 .top .right ul li h3 {
font-size: 26px;
}
#new-index-body .new-init-8 .title3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#new-index-body .new-init-8 .title3 .acc {
margin-top: 30px;
}
#new-index-body .new-init-9 .top .right {
padding-right: 0;
}
#new-index-body .new-init-8 .title3 .acc .swiper-button-prev,
#new-index-body .new-init-8 .title3 .acc .swiper-button-next {
margin: 0 20px;
}
#new-index-body .new-init-9 .top .left ul li .acc {display: none}
}
@media screen and (max-width: 600px) {
#new-index-body .new-init-9 .top .right .form ul li {
width: 100%!important;
padding: 0!important;
}
}
@media screen and (max-width: 450px) {
#new-index-body .new-init-1 .top .left h2 {
font-size: 21px;
}
#new-index-body .new-init-1 .top .left h5 {
font-size: 18px;
line-height: 1.4;
}
#new-index-body .new-init-1 .top .left .con ul li p {
line-height: 1.4;
}
#new-index-body .new-init-1 .top .left .img ul li {
margin-right: 10px;
}
#new-index-body .new-init-6 .top .right ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#new-index-body .new-init-6 .top .right ul li {
width: 100%;
margin: 15px 0;
}
#new-index-body .new-init-6 {
padding-bottom: 0;
}
#new-index-body .new-init-8 .title3 h4 {
line-height: 1.4;
}
#new-index-body .new-init-9 .top .left ul li {
padding-right: 0;
}
#new-index-body .new-init-8 {
padding-top: 0;
}
#new-index-body .new-init-2 {
padding: 40px 0;
}
#new-index-body .new-init-5 .list .img .mask span {
margin: 15px 0;
}
#new-index-body .new-init-5 .list .img .mask h4 {
font-size: 20px;
}
#new-index-body .new-init-5 .list .img .mask {
position: static;
background: #f3f3f3;
padding: 20px;
}
#new-index-body .new-init-5 .list .img .mask h4,
#new-index-body .new-init-5 .list .img .mask .cona {
color: #111111;
}
#new-index-body .new-init-3 .top .right h3,
#new-index-body .new-init-4 .top .right h3 {
font-size: 26px;
}
#new-index-body .new-init-1 .top .left h2,
#new-index-body .title2 h3,
#new-index-body .new-init-7 .title2 h3 {
font-size: 24px;
}
}
@-webkit-keyframes ks {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
}
70% {
-webkit-transform: translate(-50%, -50%) scale(2);
transform: translate(-50%, -50%) scale(2);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
}
}
@keyframes ks {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
}
70% {
-webkit-transform: translate(-50%, -50%) scale(2);
transform: translate(-50%, -50%) scale(2);
opacity: 0;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
}
}
table {
margin-bottom: 20px;
word-break: break-word;
width: 100% !important;
height: auto !important;
display: block;
overflow: auto;
}
table tbody {
display: table;
width: 100% !important;
min-width: 700px;
}
table td,
table th {
padding: 5px 10px;
border: 1px solid #666;
width: auto !important;
height: auto !important;
}
table tr {
width: auto !important;
height: auto !important;
}
table tr:nth-child(even) {
background: #eee;
}
/* 栅格 */
.grid-box {
font-size: 0;
[;letter-spacing: -4px;font-size: 12px;]
}
.grid-box .column {
display: inline-block;
font-size: 12px;
vertical-align: top;
[;letter-spacing: 0;]
}
.grid-box .column {
width: 100%;
}
.grid-box.two>.column {
width: 50%;
}
.grid-box.three>.column {
width: 33.33333%;
}
.grid-box.four>.column {
width: 25%;
}
.grid-box.five>.column {
width: 20%;
}
.grid-box.six>.column {
width: 16.6666667%;
}
.grid-box.seven>.column {
width: 14.285714%;
}
.grid-box.eight>.column {
width: 12.55%;
}
.grid-box.nine>.column {
width: 11.11111111%;
}
.grid-box.ten>.column {
width: 10%;
}
@media screen and (max-width: 1000px){
.grid-box.two>.column {
width: 50%;
}
.grid-box.three>.column {
width: 33.33333%;
}
.grid-box.four>.column {
width: 33.33333%;
}
.grid-box.five>.column {
width: 33.33333%;
}
}
@media screen and (max-width: 700px){
.grid-box.two>.column {
width: 50%;
}
.grid-box.three>.column {
width: 50%;
}
.grid-box.four>.column {
width: 50%;
}
.grid-box.five>.column {
width: 50%;
}
}
@media screen and (max-width: 500px){
.grid-box.two>.column {
width: 100%;
}
.grid-box.three>.column {
width: 100%;
}
.grid-box.four>.column {
width: 100%;
}
.grid-box.five>.column {
width: 100%;
}
}
#Pop_UpsBtn{
display: none;
}
.detBg.active {
display: flex;
}
.detBg {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 20;
background-color: rgba(0, 0, 0, .5);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
justify-content: center;
align-items: center;
display: none;
}
.detBg .detBox{
padding: 40px;
background-color: #fff;
border-radius: 25px;
width: 70vw;
height: 60vh;
position: relative;
}
.detBg .detBox .det_item{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
overflow-y: auto;
height: 100%;
}
.detBg .detBox .close{
width: 35px;
height: 35px;
background-color: var(--color);
border-radius: 7px;
opacity: 0.8;
position: absolute;
right: 0;
top: 0;
transform: translate(110%);
text-align: center;
font-size: 24px;
color: #ffffff;
cursor: pointer;
line-height: 1.7;
}
.detBg .detBox .det_item .line {
border-bottom: 1px solid #b8b7b7;
}
.btn_more{
width: fit-content;
margin: 0 auto;
display: flex;
font-size: 18px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
line-height: 1;
padding: 11px 40px;
background: var(--color);
}
.new-init-3 .list,
.new-init-4 .list{
display: grid;
grid-template-columns: repeat(3,1fr);
gap:calc(0.8345vw + 14px);
}
@media screen and (max-width: 1000px){
.new-init-3 .list,
.new-init-4 .list{
display: grid;
grid-template-columns: repeat(2,1fr);
gap:calc(0.8345vw + 14px);
}
}
@media screen and (max-width: 1450px){
#new-index-body .new-init-3 .bottom .box .con h4{
height: 60px;
}
}
@media screen and (max-width: 600px){
#new-index-body .new-init-4 .bottom .box .con h4{
height: 60px;
}
#new-index-body .new-init-3 .bottom .box .con h4,
#new-index-body .new-init-4 .bottom .box .con h4{
font-size: 14px;
}
}
@media screen and (max-width: 500px){
#new-index-body .new-init-4 .bottom .box .con h4{
height: 80px;
}
#new-index-body .new-init-3 .bottom .box .con h4{
height: 80px;
}
.new-init-3 .list,
.new-init-4 .list{
display: grid;
grid-template-columns: repeat(2,1fr);
gap:10px;
}
.btn_more{
padding: 10px;
}
}
@media screen and (max-width: 400px){
#new-index-body .new-init-4 .bottom .box .con h4{
height: 90px;
}
#new-index-body .new-init-3 .bottom .box .con h4{
height: 90px;
}}
@media screen and (max-width: 340px){
#new-index-body .new-init-4 .bottom .box .con h4{
height: 120px;
}
#new-index-body .new-init-3 .bottom .box .con h4{
height: 120px;
}}
.show-1000{
display: none;
}
@media screen and (max-width: 1000px){
/*.hide-1000{
display: none;
}*/
.show-1000{
display: block;
}
#new-index-body .new-c-init-2 .acc .list li{
width: 33.333%;
padding-top: 25px;
}
}
@media screen and (max-width: 700px){
#new-index-body .new-c-init-2 .acc .list li{
width: 50%;
padding-top: 25px;
}
}
#new-index-body .new-c-init-2 .acc .acc-top {
background: #EEEEEE;
padding: 50px 0;
}
#new-index-body .new-c-init-2 .acc .acc-top .top .left.column{
padding-left:20px;
}
#new-index-body .new-c-init-2 .acc .btn {
margin-top: 20px;
}
#new-index-body .new-c-init-2 .acc .btn a {
display: inline-block;
background: var(--color);
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
line-height: 1;
padding: 15px 44px;
text-transform: uppercase;
}
#new-index-body .new-c-init-2 .acc .acc-bot {
background: #FFFFFF;
padding: 50px 0;
}
#new-index-body .new-c-init-2 .acc .acc-bot .top .left {
padding-left: 30px;
height: -webkit-fill-available;
}
#new-index-body .new-c-init-2 .acc h4 {
font-size: 30px;
font-weight: bold;
color: #000000;
line-height: 1.2;
}
#new-index-body .new-c-init-2 .acc span {
display: inline-block;
width: 200px;
height: 3px;
background: #000000;
margin: 15px 0;
}
#new-index-body .new-c-init-2 .acc p {
font-size: 16px;
font-weight: 400;
color: #111111;
line-height: 1.8;
margin-bottom:20px;
}
#new-index-body .new-c-init-2 .acc p strong{
font-weight:500;
}
#new-index-body .new-c-init-2 .acc .list {
margin-top: 50px;
}
#new-index-body .new-c-init-2 .acc .list span.swiper-notification {
display: none;
}
#new-index-body .new-c-init-2 .acc .list .box {
max-width: 480px;
margin: 0 auto;
text-align: center;
}
#new-index-body .new-c-init-2 .acc .list .box .img img {
object-fit: cover;
width: 100%;
height: 100%;
}
#new-index-body .new-c-init-2 .acc .list .box .con {
margin-top: 20px;
}
#new-index-body .new-c-init-2 .acc .list .box .con h6 {
font-size: 16px;
font-weight: 400;
color: #111111;
line-height: 1.5;
text-transform: capitalize;
min-height: calc(1.5em * 2);
}
#new-index-body .new-c-init-2 .acc .right img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media screen and (max-width: 1700px) {
#new-index-body .new-c-init-2 .acc .btn {
margin-top: 10px;
}
}
@media screen and (max-width: 1530px) {
#new-index-body .new-c-init-2 .acc .acc-bot .top .left {
padding-left: 30px;
}
#new-index-body .new-c-init-2 .acc h4 {
margin-top: 10px;
}
}
@media screen and (max-width: 1320px) {
#new-index-body .new-c-init-2 .acc p {
line-height: 1.4;
}
}
@media screen and (max-width: 1100px) {
#new-index-body .new-c-init-2 .acc .left,
#new-index-body .new-c-init-2 .acc .right{
vertical-align: middle;
}
#new-index-body .new-c-init-2 .acc p {
font-size: 14px;
}
}
@media screen and (max-width: 972px) {
#new-index-body .new-c-init-2 .acc .left,
#new-index-body .new-c-init-2 .acc .right {
width: 100%;
}
#new-index-body .new-c-init-2 .acc .acc-top .right {
margin-top: 25px;
}
#new-index-body .new-c-init-2 .acc p {
max-width: 100%;
line-height: 2;
}
#new-index-body .new-c-init-2 .acc .list .box .con h6 {
line-height: 1.5;
}
#new-index-body .new-c-init-2 .acc .acc-bot .top .left {
padding-left: 0;
margin-top: 25px;
}
#new-index-body .new-c-init-2 .acc .list .box .img,#new-index-body .new-c-init-2 .acc .right {
height: auto;
}
}
@media screen and (max-width: 768px) {
#new-index-body .new-c-init-2 .acc h4 {
font-size: 26px;
}
#new-index-body .new-c-init-2 .acc .list .box .con h6 {
min-height: calc(1.5em * 3);
}
}
/*@media screen and (max-width: 1000px) {
.show-1000-0 .fggg{
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(0.8345vw + 14px);
}
}*/
#sidebar{
bottom: 12%;
}
.inner-public-title1 {
font-size: 48px;
line-height: 1.2;
font-weight: 600;
}
.inner-public-title1 .t1 {
font-size: 55px;
}
.customization-aft02.aft02 .bg_fix:after{
display: none;
}
.customization-aft02.aft02 .top p{
max-width: 912px;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
}
.customization-aft02.aft02 .bg_fix{
height: 515px;
}
.customization-aft02.aft02{
padding-top: 120px;
padding-bottom: 93px;
}
.customization-page .customization-wrap1 .intro {
line-height: 28px;
margin-left: auto;
margin-right: auto;
max-width: 1150px;
}
.customization-page .customization-options {
background-color: #0a0405;
}
.customization-page .customization-options .inner-public-title1 {
color: #ffffff;
}
.customization-page .customization-options .options-list {
margin-right: -58px;
}
.customization-page .customization-options .options-list li {
width: 33.3333%;
}
.customization-page .customization-options .options-list li .box {
margin-right: 58px;
color: #fff;
}
.customization-page .customization-options .options-list li .box .title {
font-weight: 600;
line-height: 1.2;
}
.customization-page .customization-options .options-list li .box .intro {
line-height: 26px;
opacity: 0.5;
min-height: -webkit-calc(26px * 5);
min-height: -moz-calc(26px * 5);
min-height: calc(26px * 5);
}
.customization-page .customization-process .process-list {
margin-right: -33px;
}
.customization-page .customization-process .process-list li .box {
margin-right: 33px;
}
.customization-page .customization-process .process-list li .box .title {
font-weight: 500;
}
.customization-page .customization-why {
background-color: #f8f8f8;
}
.customization-page .customization-why .why-list li .box {
margin-left: 34px;
margin-right: 34px;
}
.customization-page .customization-why .why-list li .box .icon {
width: 132px;
height: 132px;
border: dashed 1px var(--color);
border-radius: 50%;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.customization-page .customization-why .why-list li .box .icon::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 111px;
height: 111px;
border: dashed 1px var(--color);
border-radius: 50%;
}
.customization-page .customization-why .why-list li .box .title {
font-weight: 600;
}
.customization-page .customization-why .why-list li .box .intro {
color: #0a0405;
line-height: 25px;
}
.customization-page .customization-form .form-box .intro {
opacity: 0.8;
line-height: 28px;
max-width: 695px;
}
.customization-page .customization-form .form-box form {
width: 753px;
}
.customization-page .customization-form .form-box form input {
color: #000;
height: 65px;
padding-left: 20px;
background: none;
border: none;
background-color: #ffffff;
}
.customization-page .customization-form .form-box form input::-webkit-input-placeholder {
color: rgba(29, 29, 29, 0.8);
}
.customization-page .customization-form .form-box form input:-moz-placeholder {
color: rgba(29, 29, 29, 0.8);
}
.customization-page .customization-form .form-box form input::-moz-placeholder {
color: rgba(29, 29, 29, 0.8);
}
.customization-page .customization-form .form-box form input:-ms-input-placeholder {
color: rgba(29, 29, 29, 0.8);
}
.customization-page .customization-form .form-box form input::placeholder {
color: rgba(29, 29, 29, 0.8);
}
.customization-page .customization-form .form-box form input[type='submit'] {
right: 0;
bottom: 0;
background: var(--color) url(../images/customization-form-submit.png) no-repeat center center;
width: 148px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.customization-page .customization-form .form-box form input[type='submit']:hover {
background: #000 url(../images/customization-form-submit.png) no-repeat center center;
}
@media screen and (max-width: 1700px) {
.inner-public-title1 .t1 {
font-size: 50px;
}
}
@media screen and (max-width: 1450px) {
.inner-public-title1,
.inner-public-title1 .t1 {
font-size: 45px;
}
.customization-page .customization-why .why-list li .box {
margin-left: 15px;
margin-right: 15px;
}
}
@media screen and (max-width: 1250px) {
.inner-public-title1,
.inner-public-title1 .t1 {
font-size: 40px;
}
#new-index-body .new-init-6 .top .right ul li .title {
font-size: 14px;
}
}
@media screen and (max-width: 1000px) {
.inner-public-title1,
.inner-public-title1 .t1 {
font-size: 32px;
}
.customization-page .customization-options .options-list {
margin-right: -20px;
}
.customization-page .customization-options .options-list li {
width: 50%;
}
.customization-page .customization-options .options-list li .box {
margin-right: 20px;
}
.customization-page .customization-process .process-list li {
width: 50%;
}
.customization-page .customization-why .why-list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.customization-page .customization-why .why-list li {
width: 50%;
}
.customization-page .customization-form .form-box .intro {
color: var(--color);
}
.customization-page .customization-form .form-box form {
width: 100%;
}
#new-index-body .new-init-6 .top .right ul li .num{
font-size: 30px;
}
.font-30 {
font-size: 24px;
}
.font-48 {
font-size: 30px;
}
.font-32 {
font-size: 20px;
}
}
@media screen and (max-width: 700px) {
.inner-public-title1,
.inner-public-title1 .t1 {
font-size: 25px;
}
.customization-aft02.aft02{
padding-bottom: 0;
padding-top: 60px;
}
.customization-page .customization-form .form-box form input {
width: 100%;
height: 40px;
}
.customization-page .customization-form .form-box form input[type='submit'] {
width: 72px;
position: static;
margin-top: 15px;
}
.customization-page .customization-options .options-list li {
width: 50%;
}
.customization-page .customization-process .process-list li {
width: 50%;
}
#new-index-body .new-init-6 .top .right ul li {
width: 50%;
}
#new-index-body .new-init-6 .top .right ul {
flex-wrap: wrap;
}
#new-index-body .new-init-6 .top .right .btn{
display: flex;
justify-content: center;
}
.font-48 {
font-size: 24px;
}
}
@media screen and (max-width: 500px) {
#new-index-body .new-c-init-2 .acc .list .box .con h6 {
min-height: 80px;
}
.inner-public-title1,
.inner-public-title1 .t1 {
font-size: 24px;
}
.customization-page .customization-options .options-list li {
width: 100%;
}
.customization-page .customization-process .process-list li {
width: 100%;
}
.customization-page .customization-why .why-list li {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
#new-index-body .new-c-init-2 .acc .btn a {
padding: 10px 20px;
}
}