/*----网站主页第一部分轮播——开始----*/
.swiper-container {position: relative;z-index: 100;font-size: 16px;}
.swiper-slide {position: relative;opacity: 0;transition: opacity 0.7s ease-in-out; background-color: #000;width: 100%;height: 100%;position: relative;}
.swiper-slide video {width: 100% !important;height: auto !important;}
.swiper-slide img {position: absolute;}
.swiper-slide .txt.center-top {top: 55%;margin-top: -90px;width: 100%;text-align: center;position: absolute;}
.swiper-slide .txt h2 {font-size: 24px;font-weight: lighter;color: #fff;}
.swiper-slide .txt p {font-size: 50px;color: #fff;padding: 18px 0;}
.swiper-slide .txt a {color: #fff;font-size: 14px;display: inline-block;width: 130px;height: 38px;line-height: 38px;-moz-border-radius: 30px;border-radius: 30px;border: 1px solid #fff;text-align: center;}
.pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;margin: 0 3px;cursor: pointer;width: 40px;height: 4px;background: #000;opacity: .2;border: 0;border-radius: 0px;}
.swiper-active-switch {background: #c70019;opacity: 1;}
.swiper-slide-active {opacity: 1;}
.banner_title {font-size: 40px;}
.banner_title2 {font-size: 14px;}
.banner_gd a {color: #fff;border: 2px solid #fff;border-radius: 50px;font-size: 16px;padding: 10px 50px;margin-top: 40px;float: left;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.bounceInCenter {-webkit-animation-name: bounceInCenter;animation-name: bounceInCenter;}
.bannger_cont {position: absolute;top: 35%;text-align: left;margin-left: 280px;color: #fff;}
/*----网站主页第一部分轮播——结束----*/
/*----网站主页第一部分轮播手机——开始----*/
@media screen and (max-width: 770px){.dis_no {display: none;}.swiper-slide img {width: 100%;}}
/*----网站主页第一部分轮播手机——结束----*/
/*----网站主页分页——开始----*/
#fp-nav ul li a span:before {position: absolute;content: '';top: 50%;right: 44.8px;width: 4px;height: 4px;background: #a8a8a8;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
#fp-nav ul li a.active span:before {background: #ed3d3c;}
#fp-nav ul li a.active span:after {position: absolute;content: '';top: 50%;right: 37px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);width: 20px;height: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #ed3d3c;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#fp-nav ul li a span:after {position: absolute;width: 15px;height: 15px;content: '';top: 50%;right: 35.8px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
#fp-nav ul li a.active span:after {border-color: #ef4136!important;}
#fp-nav ul li a span{background: none;font-size: 0px;width: 50px;height: 20px;line-height: 2;padding-bottom: 20px;position: relative;cursor: pointer;float: right;padding-right: 50px;border: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {background: none;color: #ef4136!important;font-size: 20px;}
.array {cursor: pointer;position: absolute;bottom: 40px;left: 50%;margin-left: -37.5px;z-index: 999;animation: start 1.5s ease-in-out infinite;-webkit-animation: start 1.5s ease-in-out infinite;-moz-animation: start 1.5s infinite ease-in-out;-o-animation: start 1.5s infinite ease-in-out;}
/*----网站主页分页——结束----*/
/*----网站主页第二部分案例电脑——开始----*/
@media screen and (min-width: 770px){.section2 {background-color: rgba(247, 247, 247, 1);}}
.section2 .section_title {text-align: center;}
.section2 .section_title p {font-size: 36px; color: rgb(0, 0, 0);}
.section2 .section_content {padding: 0 4%;}
.section2 .xiangmu-list {margin-top: 40px;}
.section2 .xiangmu-list ul li {text-align: center;width: 20.7%;display: inline-block;background-color: #fff;margin: 0 2%;}
.section2 .xiangmu-list ul li .xiangmu-list-img {height: 235px;overflow: hidden;}
.section2 .xiangmu-list ul li img{width: 100%;}
.section2 .xiangmu-list ul li h2 {margin: 20px 0;text-align: center;font-size: 22px;line-height: 40px;}
.section2 .xiangmu-list ul li p {height: 90px;overflow: hidden;padding: 0 5%;margin: 20px 0;text-align: center;color: rgb(153, 153, 153);line-height: 30px;font-size: 16px;}
.section2 .xiangmu-list ul li .xiangmu-list-xq {border-radius: 21px;background: #dd0000;border: 1px solid #dd0000;margin: 20px 0;text-align: center;font-size: 14px;padding: 10px 25px;line-height: 80px;color: #fff;}
.section2 .xiangmu-list ul li .xiangmu-list-xq:hover {border-color: #dd0000;color: #dd0000;background: #fff;}
@media screen and (min-width: 770px){
.section_text>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .section_text>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.section_text .section_title{-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section_text li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section_text li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section_text li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section_text li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
.section_text .redmore{-webkit-transition: all 0.5s ease 1.5s;transition: all 0.5s ease 1.5s;}
}
/*----网站主页第二部分案例电脑——结束----*/
/*----网站主页第二部分案例手机——开始----*/
@media screen and (max-width: 770px){
.section2 .section_title {margin-top: 10px;}
.section2 .xiangmu-list ul li {width: 49%;margin: 0;}
.section2 .xiangmu-list ul li h2 {margin: 0;}
.section2 .xiangmu-list ul li p {display: none;}
.section2 .xiangmu-list ul li .xiangmu-list-xq {padding: 5px 15px;line-height: 50px;}
.section2 .xiangmu-list ul li .xiangmu-list-img {height: auto;overflow: hidden;}
}
/*----网站主页第二部分案例手机———结束----*/
/*----网站主页第三部分样式二产品电脑——开始----*/
.section3 {background: url(https://img.westhomes.net.cn/uploads/allimg/20210219/cpyoushi_bg.jpg)no-repeat center 0;background-size: 100% 67%;background-color: #fff;}
.section3 .section_title {text-align: center;color: #fff;padding-right: 20px;}
.section3 .section_title p b{display: block;font-size: 28px;}
.section3 .section_title p {font-family: arial;}
.section3 .section_title .section_title-img img {padding-top: 25px;padding-bottom: 5px;width:20%;}
.section3 .cp_zd {position: absolute;width: 400px;height: 660px;left: 50%;margin-left: -200px;margin-top: 180px;}
.section3 .cp_zd img {width: 400px;height: 630px;}
.fr {float: right;}
.fl {float: left;}
.ys_1 {margin: 95px auto 0;height: 112px;width: 900px;}
.ys_1 span {display: block;}
.ys_1 .fl {width: 230px;color: #fff;}
.ys_1 .fl .tit {width: 150px;float: left;}
.ys_1 .fl .tit .span_1 {font-size: 24px;}
.ys_1 .fl .tit .span_2 {font-size: 20px;color: #E60000;font-weight: bold;}
.ys_1 .fl .tit .span_3 {font-size: 12px;}
.ys_1 .fl .img {width: 60px;height: 60px;background: url(../images/ys1.png)no-repeat;float: right;margin-top: 17px;transition: ease-in-out 0.4s;border-radius: 20%;}
.ys_1 .fl .img:hover {background: url(../images/ys1_hover.png)no-repeat;border-radius: 50%;}
.ys_1 .fr {width: 230px;color: #fff;}
.ys_1 .fr .tit {width: 150px;float: right;}
.ys_1 .fr .tit .span_1 {font-size: 24px;}
.ys_1 .fr .tit .span_2 {font-size: 20px;color: #E60000;font-weight: bold;}
.ys_1 .fr .tit .span_3 {font-size: 12px;}
.ys_1 .fr .img {width: 60px;height: 60px;background: url(../images/ys2.png)no-repeat;float: left;margin-top: 17px;transition: ease-in-out 0.4s;border-radius: 20%;}
.ys_1 .fr .img:hover {background: url(../images/ys2_hover.png)no-repeat;border-radius: 50%;}
.ys_2 {margin: 50px auto 0;height: 112px;width: 900px;}
.ys_2 span {display: block;}
.ys_2 .fl {width: 230px;color: #fff;}
.ys_2 .fl .tit {width: 150px;float: left;}
.ys_2 .fl .tit .span_1 {font-size: 24px;}
.ys_2 .fl .tit .span_2 {font-size: 20px;color: #E60000;font-weight: bold;}
.ys_2 .fl .tit .span_3 {font-size: 12px;}
.ys_2 .fl .img {width: 60px;height: 60px;background: url(../images/ys3.png)no-repeat;float: right;margin-top: 17px;transition: ease-in-out 0.4s;border-radius: 20%;}
.ys_2 .fl .img:hover {background: url(../images/ys3_hover.png)no-repeat;border-radius: 50%;}
.ys_2 .fr {width: 230px;color: #fff;}
.ys_2 .fr .tit {width: 150px;float: right;}
.ys_2 .fr .tit .span_1 {font-size: 24px;}
.ys_2 .fr .tit .span_2 {font-size: 20px;color: #E60000;font-weight: bold;}
.ys_2 .fr .tit .span_3 {font-size: 12px;}
.ys_2 .fr .img {width: 60px;height: 60px;background: url(../images/ys4.png)no-repeat;float: left;margin-top: 17px;transition: ease-in-out 0.4s;border-radius: 20%;}
.ys_2 .fr .img:hover {background: url(../images/ys4_hover.png)no-repeat;border-radius: 50%;}
.section3 .xiangmu-listt {margin: 80px auto 0;width: 1100px;}
.section3 .xiangmu-listt div {width: 150px;height: 150px;position: relative;overflow: hidden;}
.section3 .xiangmu-listt div:nth-child(1), .section3 .xiangmu-listt div:nth-child(2) {float: left;}
.section3 .xiangmu-listt div:nth-child(1), .section3 .xiangmu-listt div:nth-child(4) {margin-right: 30px;}
.section3 .xiangmu-listt div:nth-child(3), .section3 .xiangmu-listt div:nth-child(4) {float: right;}
.section3 .xiangmu-listt div a {display: block;height: 100%;}
.section3 .xiangmu-listt div img {transition: .3s linear;height: 150px;width: 242px;position: absolute;left: 80%;margin-left: -121px;}
@media screen and (min-width: 770px){
.section3 .xiangmu-listt div img:hover {transform: rotateX(15deg);border-bottom: 3px solid #de0202;}
.section_text>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .section_text>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.xiangmu-listt>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .xiangmu-listt>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.section_text .ys_1 {-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section_text .ys_2 {-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section_text .xiangmu-listt div:nth-of-type(1){-webkit-transition: all 0.5s ease 1.5s;transition: all 0.5s ease 1.5s;}
.section_text .xiangmu-listt div:nth-of-type(2){-webkit-transition: all 0.5s ease 1.8s;transition: all 0.5s ease 1.8s;}
.section_text .xiangmu-listt div:nth-of-type(3){-webkit-transition: all 0.5s ease 2.1s;transition: all 0.5s ease 2.1s;}
.section_text .xiangmu-listt div:nth-of-type(4){-webkit-transition: all 0.5s ease 2.5s;transition: all 0.5s ease 2.5s;}
}
/*----网站主页第三部分样式二产品电脑——结束----*/
/*----网站主页第三部分样式二产品手机——开始----*/
@media screen and (max-width: 770px){
/*.section3 {padding: 0 10px;position: relative;background-size: 100% 600px;display: inline-block;overflow: hidden;}*/
.section3 .section_title p b {display: block;font-size: 16px;}
.section3 .section_title p {font-family: arial;font-size: 12px;}
.section3 .section_title .section_title-img img {padding-top: 15px;padding-bottom: 10px;width: 50%;}
.section3 .cp_zd { left:0;margin-left: 0;margin-top: 190px;text-align: center;width: 100%;height: auto;}
.section3 .cp_zd img {width: 35%;height: auto;}
.ys_1 .fl .tit {width: 100%;}
.ys_1 .fr .tit {width: 100%;}
.ys_2 .fl .tit {width: 100%;}
.ys_2 .fr .tit {width: 100%;}
.ys_1 .fl .tit .span_1 {font-size: 14px;}
.ys_2 .fl .tit .span_1 {font-size: 14px;}
.ys_1 .fr .tit .span_1 {font-size: 14px;}
.ys_2 .fr .tit .span_1 {font-size: 14px;}
.ys_1 .fr {width: 30%;color: #fff;}
.ys_2 .fr {width: 30%;color: #fff;}
.ys_1 .fl {width: 30%;color: #fff;}
.ys_2 .fl {width: 30%;color: #fff;}
.ys_1 {margin: 10% auto 0;height: 50px;width: 100%;}
.ys_2 {margin: 20% auto 0;height: 50px;width: 100%;padding-bottom: 10%;}
.ys_1 .fl .img {display: none;}
.ys_1 .fr .img {display: none;}
.ys_2 .fl .img {display: none;}
.ys_2 .fr .img {display: none;}
.section3 .xiangmu-listt {width: 100%;position: relative;display: inline-block;overflow: hidden;}
.section3 .xiangmu-listt div {width: 45%;height: 320px;}
.section3 .xiangmu-listt div img {height: auto;width: 100%;position: absolute;left: auto;margin-left: 0;}
}
@media screen and (max-width: 600px){
/*.section3 .xiangmu-listt div {width: 45%;height: 250px;}
.section3 {background-size: 100% 500px;}*/
}
@media screen and (max-width: 500px){
/*.section3 .xiangmu-listt div {width: 45%;height: 200px;}
.section3 {background-size: 100% 480px;}*/
}
@media screen and (max-width: 400px){
/*.section3 .xiangmu-listt div {width: 45%;height: 160px;}
.section3 {background-size: 100% 460px;}*/
}


/*----网站主页第三部分样式二产品手机——结束----*/
/*----网站主页第三部分样式一产品电脑——开始----*/
.section3 .section_content {padding: 0 15%;}
.section3 .marginbt {margin-bottom: 40px;}
.section3 .chanpin .chanpin-l {width: 36%;display: inline-block;float: left;margin-top: 0%;}
.section3 .chanpin .chanpin-l .chanpin-l-img {margin-top: 7%;transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);transform: scale(1);}
.section3 .chanpin .chanpin-l .chanpin-l-img:hover {transform: scale(1.05);filter: brightness(1);}
.section3 .chanpin .chanpin-r {width: 60%;display: inline-block;float: right;}
.section3 .chanpin .chanpin-r .chanpin-r-tb {width: 100%;padding-left: 10%;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul {display: inline-block;width: 100%;}
.section3 .chanpin .chanpin-r .chanpin-r-tb .chanpin-r-tb-y {margin-bottom: 60px;margin-top: 7%;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li {width: 50%;display: inline-block;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .img {width: 30px;height: 30px;background: url(../images/jtz.png)no-repeat;float: left;;margin-top: 17px;transition: ease-in-out 1.6s;border-radius: 20%;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;margin-right: 50px;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li:hover .img {transform: rotate(360deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .tit {width: 220px;float: left;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .tit span{display: block;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .tit .span_1 {font-size: 24px;color: #fff}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .tit .span_2 {font-size: 20px;color: #E60000;font-weight: bold;}
.section3 .chanpin .chanpin-r .chanpin-r-tb ul li .tit .span_3 {font-size: 12px;color: #fff}
.section3 .chanpin .chanpin-r .chanpin-r-list {padding-left: 7%;width: 100%;margin-top: 80px;}
.section3 .chanpin .chanpin-r .chanpin-r-list ul li {margin: 0 5px;display: inline-block;width: 18.2288%;}
.section3 .chanpin .chanpin-r .chanpin-r-list ul li a {transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: scale(1);display: block;}
.section3 .chanpin .chanpin-r .chanpin-r-list ul li:hover a {transform: scale(1.05);
    filter: brightness(1);}
.section3 .chanpin .chanpin-l .chanpin-l-img a {display: block;}
.section3 .chanpin .chanpin-l .chanpin-l-img a:hover {opacity: 1;}
.section3 .chanpin .chanpin-r .chanpin-r-list ul li a:hover {opacity: 1;}
@media screen and (min-width: 770px){
.section_title>*{opacity: 0;-webkit-transform: translate3d(0, -180%, 0);transform: translate3d(0, -180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .section_title>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.section_title .section_title-img {-webkit-transition: all 0.5s ease 1.8s;transition: all 0.5s ease 1.8s;}
.section_title p:nth-of-type(1) {-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section_title p:nth-of-type(2) {-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.chanpin-r-tb>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .chanpin-r-tb>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.chanpin-r-tb ul:nth-of-type(1) {-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.chanpin-r-tb ul:nth-of-type(2) {-webkit-transition: all 0.5s ease 1.8s;transition: all 0.5s ease 1.8s;}
.chanpin-r-list-ul>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .chanpin-r-list-ul>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.chanpin-r-list-ul li:nth-of-type(1) {-webkit-transition: all 0.5s ease 2.1s;transition: all 0.5s ease 2.1s;}
.chanpin-r-list-ul li:nth-of-type(2) {-webkit-transition: all 0.5s ease 2.5s;transition: all 0.5s ease 2.5s;}
.chanpin-r-list-ul li:nth-of-type(3) {-webkit-transition: all 0.5s ease 2.9s;transition: all 0.5s ease 2.9s;}
.chanpin-r-list-ul li:nth-of-type(4) {-webkit-transition: all 0.5s ease 3.3s;transition: all 0.5s ease 3.3s;}
.chanpin-l-img a>*{opacity: 0;-webkit-transform: translate3d(180%, 0, 0);transform: translate3d(180%, 0, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section.active .chanpin-l-img a>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.chanpin-l-img a img:nth-of-type(1) {-webkit-transition: all 1s ease 2.1s;transition: all 1s ease 2.1s;}
}
/*----网站主页第三部分样式一产品电脑——结束----*/
/*----网站主页第三部分样式一产品手机——开始----*/
@media screen and (max-width: 770px){
.section3 .section_content {padding: 0 4%;}
.section3 .marginbt {margin-bottom: 5px;}
.section3 .chanpin {display: inline-block;padding-bottom: 20px;}
.section3 .chanpin .chanpin-l {width: 40%;padding-top: 10%;}
.section3 .chanpin .chanpin-r .chanpin-r-list {padding-top: 10%;margin-top: 0px;}
.section3 .chanpin .chanpin-l .chanpin-l-img {margin-top: 2%;}
.section3 .chanpin .chanpin-l .chanpin-l-img img {width: 100%;}
.section3 {background-size: 100% 500px;}
.section3 .chanpin .chanpin-r .chanpin-r-tb {display: none;}
.section3 .chanpin .chanpin-r .chanpin-r-list ul li {width: 43%;}
}
/*----网站主页第三部分样式一产品手机——结束----*/
/*----网站主页第四部分分类电脑——开始----*/
#indexPage .section4 {width: 1200px;margin: 0 auto;overflow: hidden;background-color: #fff;}
.section4 .section_content {display: inline-block;}
.section4 .section_content {width: 100%;}
.process-box ul{width: 1200px;}
.process-box ul li{width: 270px;height: 270px;float: left;cursor: pointer;position: relative;}
.process-box ul li .kuang{position: absolute;width: 235px;height: 235px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #ddd;margin-top: 42px;margin-left: 42px;}
.process-box ul li .kuang1{top: 0;left: 0;z-index: 1;}
.process-box ul li .kuang2{left: 5px;top: 0px;z-index: 2;}
.process-box ul li .text1{ width: 235px; height: 235px; text-align:center;z-index: 3; position: absolute; left: 49px; top:45px;}
.process-box ul li .text1 .bg{width: 236px; height: 236px;background-position: center;}
.process-box ul li .text2 .title{font-weight: bold;position: absolute;z-index: 2;width: 190px;height: 110px;top: 144px;left: 65px;font-size: 25px;color: #fff;text-align: center;line-height: 35px;}
.process-box ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text2{width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px; }
/*.process-box ul li .text2 .mengban{ border:1px solid #a92c1042;position: absolute;z-index: 1;width: 235px;height: 235px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background: #a92c1042;margin-top: 42px;margin-left: 42px;}*/
.process-box ul li .text2 .mengban{ border:1px solid #a92c1042;position: absolute;z-index: 1;width: 235px;height: 235px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background: #dd0000;margin-top: 42px;margin-left: 42px;}

.process-box ul li{margin-right: 80px; }
.process-box ul.two li{margin-top: -90px;}
.process-box ul li:hover .text2{display: block;}
.section4 .more {width: 1200px;display: inline-block;margin-top: 100px;text-align: center;}
.section4 .more .more-gd {border-radius: 21px;background: #dd0000;border: 1px solid #dd0000;margin: 20px 0;text-align: center;font-size: 14px;padding: 10px 25px;line-height: 80px;color: #fff;}
.process-box ul li .text2:hover .mengban { background: #ff0000;border: 1px solid #ff0000;}
.process-box ul li:hover .text2 .mengban{ background: #ffffff;    color: #d00;}
.process-box ul li:hover .text2 p{ color: #d00;}
.section4 .more .more-gd:hover {border-color: #dd0000;color: #dd0000;background: #fff;}
@media screen and (min-width: 770px){
ul.one>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section4.active ul.one>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
ul.two>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section4.active ul.two>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.section4 ul.one li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section4 ul.one li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section4 ul.one li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section4 ul.one li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
.section4 ul.two li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section4 ul.two li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section4 ul.two li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section4 ul.two li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
}
/*----网站主页第四部分分类电脑——结束----*/
/*----网站主页第四部分分类手机——开始----*/
@media screen and (max-width: 770px){#indexPage .section4 {display: none;}}
/*----网站主页第四部分分类手机——结束----*/
/*----网站主页第五部分推荐电脑——开始----*/
@media screen and (min-width: 770px){.section5 {background-color: rgba(247, 247, 247, 1);}}
.section5 .section_content {padding: 0 4%;}
.section5 .liebiao .ico {
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    margin-left: -40%;
    margin-top: -90px;
    width: 80%;
    height: 140px;
    text-align: center;
    transition: all .35s;
}
.section5 ul .liebiao .title {padding: 16px 0;
    font-size: 18px;
    color: #fff;}
.section5 .section_content ul .liebiao {background-color: #fff;display:inline-block;width: 24.2%;margin: 0 5px;font-family: 'Merriweather Sans', sans-serif;border-radius: 7px;position: relative;overflow: hidden;}
.section5 .liebiao .tupian img {width: 100%;height: auto;transition: all 1s;}
.section5 .liebiao:hover .tupian img {
    transform: scale(1.1);
}
.section5 .liebiao:hover .ico {
    transform: translateY(-10px);
}
.section5 .liebiao .tupian:before {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background: #000;
    content: '';
    transition: all .35s;
}
.section5 .liebiao:hover .tupian:before{
    opacity: 0;
}
.section5 .liebiao .tupian:after {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #d0021c;
    content: '';
    transition: all .35s;
}
.section5 .liebiao:hover .tupian::after {
    opacity: .8;
}
/*.section5 .liebiao .tupian img {width: 100%;height: auto;transition: all 0.5s ease;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}*/
.section5 .liebiao:hover .tupian img {opacity: 0.8;background-color: #909090;}
/*.section5 ul .liebiao .title {color: #fff;text-align: center;width: 100%;opacity: 0;transform: translateX(-50%) translateY(-50%) rotate(-55deg);position: absolute;top: 50%;left: 50%;z-index: 1;transition: all 0.5s;}*/
.section5 ul .liebiao .title p{line-height: 1.1;font-size: 25px;font-weight: 700;text-transform: uppercase;margin: 0 0 3px 0;color: #ffffff;}
/*.section5 ul li:hover .title {opacity: 1;transform: translateX(-50%) translateY(-50%) rotate(0deg);}*/
.section5 ul li .icon {padding: 0;margin: 0;list-style: none;opacity: 0;transform: rotateX(180deg);position: absolute;right: 10px;top: 10px;transition: all 0.3s;}
.section5 ul li .icon li a {cursor: pointer;color: #000000;background-color: #fff;font-size: 17px;text-align: center;line-height: 30px;width: 30px;height: 30px;margin: 0 0 7px;border-radius: 50%;display: block;transition: all .5s;}
.section5 ul li .icon li a:hover {color: #ff0000;box-shadow: 0 0 15px #fff;}
.section5 ul li:hover .icon {opacity: 1;transform: rotate(0);}
@media screen and (min-width: 770px){
.section5.active ul.image-list>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
ul.image-list>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section5 ul.image-list li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section5 ul.image-list li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section5 ul.image-list li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section5 ul.image-list li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
}
/*----网站主页第五部分图片放大电脑——开始----*/
#pictureViewer{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.3);z-index: 10000;}
#pictureViewer > .content{background-color: #fff;position: absolute;width: 590px;height: 590px;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .menu-bar{width: 100%;}
#pictureViewer .menu-bar .handel{width: 40px;height: 40px;float: right;background-repeat: no-repeat;background-position: 50%;cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{background-color: #ff2e67;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .menu-bar .handel.maximization{background-image: url(../images/icons/maximization_black.png);background-size: 14px;}
#pictureViewer .menu-bar .handel.maximization:hover{background-image: url(../images/icons/maximization_white.png);}
#pictureViewer .menu-bar .handel.miniaturization{background-size: 16px;background-image: url(../images/icons/miniaturization_black.png);}
#pictureViewer .menu-bar .handel.miniaturization:hover{background-image: url(../images/icons/miniaturization_white.png);}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../images/icons/close_black.png);background-size: 15px;}
#pictureViewer .menu-bar .handel.close-view:hover{background-image: url(../images/icons/close_white.png);}
#pictureViewer .handel-prev,#pictureViewer .handel-next{display: inline-block;width: 50px;height: 70px;position: relative;top: calc(50% - 80px);background-repeat: no-repeat;background-size: 25px;background-position: 50%;cursor: pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#pictureViewer .handel-prev{background-image: url(../images/icons/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../images/icons/next_blank.png);}
#pictureViewer .handel-prev:hover,#pictureViewer .handel-next:hover{background-color: #ff2e67;}
#pictureViewer .handel-prev:hover{background-image: url(../images/icons/prev_white.png);}
#pictureViewer .handel-next:hover{background-image: url(../images/icons/next_white.png);}
#pictureViewer .picture-content{display: inline-block;width: 80%;height: calc(100% - 80px);position: absolute;margin: 0 auto;left: 0;right: 0;}
#pictureViewer .picture-content .cover{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;}
#pictureViewer .counter{position: absolute;bottom: 0;height: 40px;line-height: 40px;width: 100%;text-align: center;color: #808080;font-size: 13px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%;max-height: 100%;}
/*----网站主页第五部分图片放大电脑——结束----*/
@media screen and (min-width: 770px){.section5 .titlele {display: none;}}
/*----网站主页第五部分推荐电脑——结束----*/
/*----网站主页第五部分推荐手机——开始----*/
@media screen and (max-width: 770px){
.section5 .section_content ul li.liebiao {width: 45.6%;border: 1px solid #fff2f2ba;}
.section5 ul .liebiao .title p {line-height: .8;font-size: 12px;}
.section5 .titlele {display: block;margin: 20px 0;text-align: center;}
.section5 ul li .icon {display: none;}
.section5 .liebiao .ico {
    margin-top: -55px;
    height: 100px;
}
.section5 .liebiao .ico img{
    width: 50%;
}
.section5 ul .liebiao .title {
    padding: 10px 0;
    font-size: 12px;
}
}
/*----网站主页第五部分推荐手机——结束----*/
/*----网站主页第六部分服务流程电脑——开始----*/
.section6 {background-color: #ffffff;}
.section6 .section_content {padding: 0 4%;}
.section6 .section_title {text-align: center;}
.section6 .section_title p {font-size: 36px;color: rgb(0, 0, 0);}
.section6 .liucheng-list {margin-top: 40px;}
.section6 ul li {box-shadow: 0 1px 10px -2px rgba(0,0,0,.2);vertical-align: text-top;opacity: 1;text-align: center;width: 20.7%;display: inline-block;background-color: #fff;margin: 0 2%;}
.section6 ul li img{padding-top: 80px;width: 35%;}
.section6 ul li:hover img{opacity: 0.6;}
.section6 ul li .title {padding-bottom: 40px;}
.section6 ul li .title h2{margin-top: 60px;color: rgb(55, 55, 55);font-size: 24px;font-weight: normal;}
.section6 ul li .title p {color: rgb(127, 127, 127);font-size: 16px;height: 30px;}
@media screen and (min-width: 770px){
.section6.active ul.liucheng-list>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
ul.liucheng-list>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section6 ul.liucheng-list li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section6 ul.liucheng-list li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section6 ul.liucheng-list li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section6 ul.liucheng-list li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
}
/*----网站主页第六部分服务流程电脑——结束----*/
/*----网站主页第六部分服务流程手机——开始----*/
@media screen and (max-width: 770px){
.section6 ul li {width: 45.3%;    margin-bottom: 10px;}
.section6 ul li .title p {display: none;}
.section6 ul li .title h2{font-size: 16px;margin-top: 10px;}
.section6 ul li img {
    padding-top: 20px;
    width: 40%;
}
.section6 ul li .title {
    padding-bottom: 20px;
}
}
/*----网站主页第六部分服务流程手机——结束----*/
/*----网站主页第七部分产品功能电脑——开始----*/
.section7 {background-image: url(../images/bg.jpg);background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.section7 .section_content {padding: 0 4%;margin-top: 40px;}
.section7 .gongneng-l {background-image: url(https://img.westhomes.net.cn/uploads/allimg/20210220/xbj.png);background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center center;width: 30%;height: 623px;}
.section7 .gongneng-l .gongneng-top{margin-top: 18%;margin-left: 11%;white-space: pre-wrap;}
.section7 .gongneng-l .gongneng-top h2 {line-height: 20px;font-size: 36px;color: rgb(255, 255, 255);}
.section7 .gongneng-l .gongneng-top p {font-size: 20px;color: rgb(255, 255, 255);}
.section7 .gongneng-l .gongneng-top font b {float: left;}
.section7 .gongneng-l .gongneng-top span {font-size: 16px;float: left;color: rgb(255, 255, 255);}
.section7 .gongneng-l .gongneng-top a {border: 1px solid #fff;border-radius: 20px;padding: 10px 20px;display: block;width: 20%;color: #fff;text-align: center;}
.section7 .gongneng-l .gongneng-top a:hover {background-color: #fff;color: #8f0139;border: 1px solid #8f0139;}
.section7 .gongneng-r {margin-left: 40px;width: 66%;}
.section7 .gongneng-r ul {margin-top: 10%;text-align: center;}
.section7 .gongneng-r ul li{vertical-align: top;margin-left: 4%;width: 45.7%;display: inline-block;}
.section7 .gongneng-r ul li:nth-of-type(1) {margin-bottom: 10%;}
.section7 .gongneng-r ul li:nth-of-type(2) {margin-bottom: 10%;}
.section7 .gongneng-r ul li .title h2 {font-size: 18px;color: #333333;line-height: 4em;}
.section7 .gongneng-r ul li .title p {font-size: 16px;color: #999999;}
.section7 .gongneng-r ul li img {transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.section7 .gongneng-r ul li:hover img {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
@media screen and (min-width: 770px){
.section7.active .gongneng-top>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.gongneng-top>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section7 .gongneng-top h2:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section7 .gongneng-top h2:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section7 .gongneng-top p:nth-of-type(1){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section7 .gongneng-top font:nth-of-type(1){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
.section7 .gongneng-top span:nth-of-type(1){-webkit-transition: all 0.5s ease 2s;transition: all 0.5s ease 2s;}
.section7 .gongneng-top h2:nth-of-type(3){-webkit-transition: all 0.5s ease 2.3s;transition: all 0.5s ease 2.3s;}
.section7 .gongneng-top a:nth-of-type(a){-webkit-transition: all 0.5s ease 2.5s;transition: all 0.5s ease 2.5s;}
.section7.active ul.gongneng-r-list>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
ul.gongneng-r-list>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section7 ul.gongneng-r-list li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section7 ul.gongneng-r-list li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section7 ul.gongneng-r-list li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section7 ul.gongneng-r-list li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
}
/*----网站主页第七部分产品功能电脑——结束----*/
/*----网站主页第七部分产品功能手机——开始----*/
@media screen and (max-width: 770px){
.section7 {display: inline-block;padding-bottom: 20px;display: none;}
.section7 .gongneng-l {width: 100%;height: 425px;padding-bottom: 20px;}
.section7 .gongneng-l .gongneng-top {margin-top: 5%;margin-left: 0;padding: 0 10px;}
.section7 .section_content {padding: 0;margin-top: 20px;}
.section7 .gongneng-l .gongneng-top h2 {line-height: 10px;font-size: 24px;border: none;width: 100%;text-align: left;}
.section7 .gongneng-l .gongneng-top p {font-size: 16px;}
.section7 .gongneng-l .gongneng-top div p {font-size: 26px;}
/*.section7 .gongneng-l .gongneng-top a {display: none;border: 0;}*/
.section7 .gongneng-r {margin-left: 0;width: 100%;}
.section7 .gongneng-r ul li {vertical-align: top;margin-left:0;width: 45.7%;}
}
/*----网站主页第七部分关于我们手机——结束----*/
/*----网站主页第八部分关于我们电脑——开始----*/
.section8 {background-color: #fff;}
.section8 .section_content {padding: 0 4%;margin-top: 40px;}
.section8 .section_content .guanyu {height: 600px;background-color: #e8e8e8;}
.section8 .section_content .guanyu .guanyu-nr {padding-top: 100px;margin-left: 40%;width: 850px;}
.section8 .section_content .guanyu .guanyu-nr .guanyu-nr-bj {background-color: #fff;padding-bottom: 50px;padding-top: 50px;padding-left: 50px;padding-right: 50px;}
.section8 .section_content .guanyu .guanyu-nr .guanyu-nr-bj h2 {font-size: 24px;margin-bottom: 30px;color: #000;}
.section8 .section_content .guanyu .guanyu-nr .guanyu-nr-bj p {line-height: 1.8;color: #a2a2a2;font-size: 15px;padding-bottom: 50px;}
.section8 .section_content .guanyu .guanyu-nr .guanyu-nr-bj a {transition: none;border: 1px solid #f00;border-radius: 20px;padding: 10px 20px;display: block;width: 20%;color: #fff;text-align: center;background-color: #de0909;}
.section8 .section_content .guanyu .guanyu-nr .guanyu-nr-bj a:hover {transition: none;color: #d00;background-color: #ffffff;}
@media screen and (min-width: 770px){
.section8.active .guanyu-nr-bj>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.guanyu-nr-bj>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section8 .guanyu-nr-bj a {-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section8 .guanyu-nr-bj p {-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section8 .guanyu-nr-bj h2 {-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
}
/*----网站主页第八部分关于我们电脑——结束----*/
/*----网站主页第八部分关于我们手机——开始----*/
@media screen and (max-width: 770px){.section8 {display: none;}}
/*----网站主页第八部分关于我们手机——结束----*/
/*----网站主页第九部分公司动态电脑——开始----*/
.section9 {background-color: #ffffff;}
.section9 .section_content {padding: 0 8%;}
.section9 .section_title {text-align: center;}
.section9 .section_title p {font-size: 36px;color: rgb(0, 0, 0);}
.section9 .section_content ul li.gongsidt-liebiao {display: inline-block;width: 44%;height: 200px;padding: 40px;}
.section9 .section_content ul li.gongsidt-liebiao .img {height: 217px;overflow: hidden;display: inline-block;width: 44%;}
.section9 .section_content ul li.gongsidt-liebiao .title {height: 177px;background-color: #f5f5f5;display: inline-block;width: 49.468%;padding-top: 40px;padding-left: 20px;padding-right: 20px;}
.section9 .section_content ul li.gongsidt-liebiao .title h2 {line-height: 40px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-family: "微软雅黑";font-size: 20px;text-align: left;font-weight: normal;}
.section9 .section_content ul li.gongsidt-liebiao .title p {margin-bottom: 30px;color: rgb(102, 102, 102);text-align: left;font-size: 14px;line-height: 20px;}
.section9 .section_content ul li.gongsidt-liebiao .title a.more {color: #d00;}
.section9 .section_content ul li.gongsidt-liebiao .title .gongsidt-liebiao-lj h2:hover {color: #d00;}
.section9 .copy {text-align: center;width: 100%;}
.section9 .copy a {color: #000;}
.section9 .copy a:hover {color: #d00;}
@media screen and (min-width: 770px){
.section9.active ul.gongsidt-list>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
ul.gongsidt-list>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section9.active .copy>*{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.copy>*{opacity: 0;-webkit-transform: translate3d(0, 180%, 0);transform: translate3d(0, 180%, 0);-webkit-transition: all 0.5s ease 0.3s;transition: all 0.5s ease 0.3s;}
.section9 ul.gongsidt-list li:nth-of-type(1){-webkit-transition: all 0.5s ease 0.7s;transition: all 0.5s ease 0.7s;}
.section9 ul.gongsidt-list li:nth-of-type(2){-webkit-transition: all 0.5s ease 1s;transition: all 0.5s ease 1s;}
.section9 ul.gongsidt-list li:nth-of-type(3){-webkit-transition: all 0.5s ease 1.3s;transition: all 0.5s ease 1.3s;}
.section9 ul.gongsidt-list li:nth-of-type(4){-webkit-transition: all 0.5s ease 1.7s;transition: all 0.5s ease 1.7s;}
.section9 .copy .copy1:nth-of-type(1){-webkit-transition: all 0.5s ease 2s;transition: all 0.5s ease 2s;}
.section9 .copy {
display: none;
}
}
/*----网站主页第九部分公司动态电脑——结束----*/
/*----网站主页第九部分公司动态手机——开始----*/
@media screen and (max-width: 770px){
.section9 .copy {padding-bottom: 80px;display: inline-block;position: relative;}
.section9 {background-color: unset;display: inline-block;}
.section9 .section_content ul li.gongsidt-liebiao .img {height: auto;float: none;width: 100%;}
.section9 .section_content ul li.gongsidt-liebiao .title {padding: 0;height: auto;background-color: #ffffff;float: none;width: 100%;}
.section9 .section_content ul li.gongsidt-liebiao {display: inline-block;margin-bottom: 10px;width: 100%;height: auto;padding: 0;}
.footerss {display: none;}
}
/*----网站主页第九部分公司动态手机——结束----*/
.footerss {
    background-image: url(https://img.westhomes.net.cn/uploads/allimg/20210220/dibubj.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}
.footer_top_left {
    width: 50%;
}
.footer_top {
    width: 100%;
}
.footer_top_left p {
    margin-bottom: 0px;
}
.footer_top_left .name, .footer_top_left .tel{width: 40%;
    height: 40px;
    line-height: 40px;
    background: #000;
    opacity: 0.7;    margin-left: 40px;
    text-indent: 1em;
    outline: none;
    border: none;
    color: #a7a49f;}
.footer_top_left .content {
    width: 86%;margin-left: 40px;
    height: 200px;outline: none;
    line-height: 40px;
    background: #000;
    opacity: 0.7;
    text-indent: 1em;
    margin-top: 20px;
}
.footer_top_left .submit {
    width: 86%;margin-left: 40px;
    height: 40px;
    line-height: 40px;outline: none;
    background: #14181c;
    margin-top: 20px;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer;
}
.footer_top_left input, .footer_top_left textarea {
    color: #a7a49f;
    border: none;
}
.footer_top_left .fa-envelope, .footer_top_left .fa-user {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #a7a49f;
    position: absolute;
    right: 0;
}
.footer_top_wu span { display: block;position: relative;line-height: 40px;padding-left: 30px;    font-size: 14px;}
.footer_top_wu span i {
    position: absolute;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 30px;
    font-size: 18px;
}
.footerss .copyright {
    text-align: center;
    display: inline-block;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    background-color: #fff;
    height: 50px;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}
.footerss .copyright a {
    color: #000;
}