.shadows {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.shadows1 {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}
.shadows2 {
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.shadows3 {
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.shadows4 {
  box-shadow: 0px 10px 20px 0px rgba(255, 134, 26, 0.4);
}
.img-scale {
  transition: all .3s linear;
}
.img-scale:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.img-scale2 {
  transition: all .3s linear;
}
.img-scale2:hover {
  transform: scale(1.05);
}
.i-btn:hover {
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.designer-item .item:hover,
.offer-list .item-padding:hover,
.staregys-list .item:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2) !important;
}
.mask {
  background: rgba(0, 0, 0, 0.6);
  height: 30px;
  line-height: 30px;
  padding: 0 18px;
  color: #fff;
  font-size: 14px;
  bottom: 0;
  left: 0;
  display: none;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #ff945c !important;
  background-color: #ff945c !important;
}
body {
  font-family: "Regular";
  /* min-width: 1200px; */
}
.pages {
  padding: 38px 0;
}
.pages p {
  font-size: 14px;
  color: #333;
  margin: 0 10px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  padding: 0 18px;
  background: #fff;
  cursor: pointer;
}
.pages ul li {
  font-size: 14px;
  color: #333;
  margin: 0 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.pages ul li:hover,
.pages ul li.active {
  color: #fff;
  background: #ff945c;
}
.pages p:hover {
  color: #fff;
  background: #ff945c;
}
.selects {
  width: 174px;
  height: 45px;
  background: #fff;
}
.selects .selects-ac {
  font-size: 12px;
  color: #666;
  padding: 0 12px;
  height: 45px;
  line-height: 45px;
  display: block;
}
.selects .selects-ac::after {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -25%);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 6px solid #333;
}
.selects .active {
  color: #333;
}
.selects ul {
  background: #f5f5f5;
  top: 38px;
  left: 0;
}
.selects ul li {
  font-size: 12px;
  color: #333;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.selects ul li:hover {
  color: #fff;
  background: #ff945c;
}
.main {
  /* min-width: 1200px; */
}
.popup-calculate {
  padding: 70px 80px 38px 80px;
  height: 468px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111;
}
.popup-calculate .i-x {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30px;
}
.popup-calculate .form-area {
  margin-bottom: 10px;
}
.popup-calculate .form-area .item {
  margin-bottom: 30px;
}
.popup-calculate .form-area .item .item-t {
  color: #fff;
  font-size: 18px;
}
.popup-calculate .form-area .item .selects {
  margin-left: 15px;
  border: 1px solid #000;
}
.popup-calculate .form-area .item input {
  border: 1px solid #000;
  border-radius: 0;
}
.popup-calculate .form-area .item3 .im {
  margin-right: 15px;
}
.popup-calculate .form-area .item3 .im input {
  width: 360px;
  height: 45px;
  margin-left: 15px;
}
.popup-calculate .form-area .item4 input {
  width: 174px;
  height: 45px;
  margin-left: 15px;
}
.popup-calculate .form-area .item4 .verify {
  border: 1px solid #000;
  margin-left: 15px;
}
.popup-calculate .form-area .item4 .verify input {
  width: 174px;
  height: 45px;
  border: none;
  margin-left: 0;
}
.popup-calculate .form-area .item4 .verify .sub-verify {
  color: #fff;
  font-size: 14px;
  background: #ff945c;
  width: 110px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.popup-calculate .sub-offer {
  width: 340px;
  height: 50px;
  background: #ff945c;
  border-radius: 4px;
}
.popup-calculate .sub-offer p {
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
}
.popup-calculate .sub-offer:hover {
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.popup {
  width: 72px;
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  z-index: 101;
}
.popup .item {
  height: 72px;
  border: 1px solid #f2f2f2;
  cursor: pointer;
  background: #fff;
}
.popup .item p {
  padding-top: 8px;
}
.popup .item .im {
  width: 72px;
  height: 72px;
  transition: background .3s linear;
}
.popup .item .im-p {
  padding-top: 0;
  width: 0;
  transition: width .3s linear;
  background: #f9f9f9;
  height: 72px;
  line-height: 72px;
}
.popup .item:hover p {
  color: #ff945c;
}
.popup .item3:hover .item-area {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.popup .item3:hover .item-area .im {
  background: #fff;
}
.popup .item3:hover .item-area .im-p {
  width: 150px;
}
.layui-layer-content {
  padding: 20px;
}
.layui-layer-content .im {
  margin-bottom: 26px;
}
.layui-layer-content .im .inp-area {
  height: 72px;
  border-radius: 72px;
  background: #f0eff2;
  padding: 0 0 0 40px;
  border: 1px solid #d2d2d2;
}
.layui-layer-content .im .inp-area img {
  position: relative;
  z-index: 0;
}
.layui-layer-content .im .inp-area input {
  height: 70px;
  border-radius: 70px;
  border: none;
  font-size: 16px;
  color: #333;
  background: transparent;
  padding-left: 40px;
  margin-left: -30px;
}
.layui-layer-content .im .inp-area input {
  -webkit-box-shadow: 0 0 0px 100px #f0eff2 inset;
}
.layui-layer-content .im .inp-area input[type='text']::placeholder {
  color: #666;
}
.layui-layer-content .im .verify {
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  background: #ff945c;
  padding: 0 36px;
  margin-left: 14px;
  border-radius: 50px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.layui-layer-content .im:last-child {
  margin-bottom: 0;
}
.main.home {
  background: #f0f0f0;
}
.main.home .carousel .swiper-container {
  height: 600px;
}
.main.home .carousel .slide-mk {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -40px);
  white-space: nowrap;
  z-index: 8;
}
.main.home .carousel .slide-mk .slide-p {
  margin-bottom: 24px;
}
.main.home .carousel .slide-mk .slide-p span {
  color: #fff;
  font-size: 88px;
  padding: 0 35px;
  display: inline-block;
}
.main.home .carousel .slide-mk .slide-span {
  color: #fff;
  font-size: 24px;
}
.main.home .section .sec-top {
  padding-top: 80px;
}
.main.home .section .sec-top .top-bg {
  color: #fff;
  font-size: 60px;
  text-shadow: 0px 1px 40px rgba(34, 24, 21, 0.08);
}
.main.home .section .sec-top .top-t {
  color: #333;
  font-size: 32px;
  margin-bottom: 18px;
  text-shadow: 0px 10px 6px rgba(34, 24, 21, 0.2);
}
.main.home .section .sec-top span {
  color: #666;
  font-size: 14px;
}
.main.home .section2 .home-bg {
  top: 0;
  transform: translate(-50%, 0);
}
.main.home .section2 .sec-area {
  padding-top: 75px;
  padding-bottom: 80px;
}
.main.home .section2 .sec-area .area-bg {
  top: 0;
  transform: translate(-50%, 50%);
}
.main.home .section2 .sec-area .sec-item .item {
  width: 16.67%;
  height: 124px;
  overflow: hidden;
  z-index: 0;
}
.main.home .section2 .sec-area .sec-item .item p {
  color: #fff;
  font-size: 14px;
  padding-top: 10px;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .q {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  opacity: 0;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .q1 {
  width: 56px;
  height: 56px;
  z-index: 3;
  transform: scale(0.4);
  transition: transform .3s ease, opacity .3s ease;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .q2 {
  width: 91px;
  height: 91px;
  z-index: 2;
  transform: scale(0.3);
  transition: transform .4s ease, opacity .4s ease;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .q3 {
  width: 133px;
  height: 133px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -66.5px;
  z-index: 1;
  transform: scale(0.5);
  transition: transform .5s ease, opacity .5s ease;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 4;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .dian1 {
  width: 28px;
  height: 28px;
  transform: translate(-15px, 0);
  transition: transform .5s ease, opacity .5s ease;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .dian2 {
  width: 15.4px;
  height: 15.4px;
  transform: translate(20px, -30px);
  z-index: 4;
  transition: transform .3s ease, opacity .3s ease;
}
.main.home .section2 .sec-area .sec-item .item .gif-btn .dian3 {
  width: 10.92px;
  height: 10.92px;
  transform: translate(20px, 30px);
  z-index: 4;
  transition: transform .3s ease, opacity .3s ease;
}
.main.home .section2 .sec-area .sec-item .item:hover .gif-btn .q {
  transform: scale(1);
  opacity: 1;
}
.main.home .section2 .sec-area .sec-item .item:hover .gif-btn .img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  z-index: 4;
}
.main.home .section2 .sec-area .sec-item .item:hover .gif-btn .dian1 {
  transform: translate(-39.2px, -25.2px);
  opacity: 1;
}
.main.home .section2 .sec-area .sec-item .item:hover .gif-btn .dian2 {
  transform: translate(28px, -31.5px);
  opacity: 1;
}
.main.home .section2 .sec-area .sec-item .item:hover .gif-btn .dian3 {
  transform: translate(21px, 31.5px);
  opacity: 1;
}
.main.home .section2 .sec-area .sec-item .item1 {
  background: #ff945c;
}
.main.home .section2 .sec-area .sec-item .item2 {
  background: #F08519;
}
.main.home .section2 .sec-area .sec-item .item3 {
  background: #934787;
}
.main.home .section2 .sec-area .sec-item .item4 {
  background: #00b2ae;
}
.main.home .section2 .sec-area .sec-item .item5 {
  background: #00cfb8;
}
.main.home .section2 .sec-area .sec-item .item6 {
  background: #00a6cf;
}
.main.home .section3 .sec-area {
  padding-top: 40px;
  padding-bottom: 30px;
}
.main.home .section3 .sec-area .area-top {
  padding: 70px 80px 38px 80px;
  height: 468px;
}
.main.home .section3 .sec-area .area-top .form-area {
  margin-bottom: 10px;
}
.main.home .section3 .sec-area .area-top .form-area .item {
  margin-bottom: 30px;
}
.main.home .section3 .sec-area .area-top .form-area .item .item-t {
  color: #fff;
  font-size: 18px;
}
.main.home .section3 .sec-area .area-top .form-area .item .selects {
  margin-left: 15px;
  border: 1px solid #000;
}
.main.home .section3 .sec-area .area-top .form-area .item input {
  border: 1px solid #000;
  border-radius: 0;
}
.main.home .section3 .sec-area .area-top .form-area .item3 .im {
  margin-right: 15px;
}
.main.home .section3 .sec-area .area-top .form-area .item3 .im input {
  width: 360px;
  height: 45px;
  margin-left: 15px;
}
.main.home .section3 .sec-area .area-top .form-area .item4 input {
  width: 174px;
  height: 45px;
  margin-left: 15px;
}
.main.home .section3 .sec-area .area-top .form-area .item4 .verify {
  border: 1px solid #000;
  margin-left: 15px;
}
.main.home .section3 .sec-area .area-top .form-area .item4 .verify input {
  width: 174px;
  height: 45px;
  border: none;
  margin-left: 0;
}
.main.home .section3 .sec-area .area-top .form-area .item4 .verify .sub-verify {
  color: #fff;
  font-size: 14px;
  background: #ff945c;
  width: 110px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.main.home .section3 .sec-area .area-top .sub-offer {
  width: 340px;
  height: 50px;
  background: #ff945c;
  border-radius: 4px;
}
.main.home .section3 .sec-area .area-top .sub-offer p {
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
}
.main.home .section3 .sec-area .area-top .sub-offer:hover {
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.home .section3 .sec-area .area-bottom {
  padding: 0 50px;
}
.main.home .section3 .sec-area .area-bottom .img-bg {
  height: 150px;
  padding: 0 45px;
}
.main.home .section3 .sec-area .area-bottom .img-bg p {
  color: #fff;
  font-size: 18px;
  line-height: 38px;
}
.main.home .section3 .sec-area .area-bottom .img-bg .btn {
  color: #ff945c;
  font-size: 28px;
  background: #fff;
  width: 395px;
  height: 70px;
  line-height: 70px;
  border-radius: 70px;
  text-align: center;
  margin: 0 80px;
}
.main.home .section3 .sec-area .area-bottom .img-bg .btn:hover {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section4 .line {
  width: 100%;
  height: 1px;
  display: block;
  background: #c9c9c9;
  position: absolute;
  left: 0;
  top: 311px;
}
.main.home .section4 .sec-area {
  padding-top: 70px;
  padding-bottom: 80px;
}
.main.home .section4 .sec-area .area-bg {
  top: 0;
  transform: translate(-50%, 50%);
}
.main.home .section4 .sec-area .sec-item .item {
  width: 124px;
  height: 156px;
}
.main.home .section4 .sec-area .sec-item .item img {
  height: 51px;
}
.main.home .section4 .sec-area .sec-item .item .icon-s {
  display: block;
}
.main.home .section4 .sec-area .sec-item .item .icon-h {
  display: none;
}
.main.home .section4 .sec-area .sec-item .item i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 1px solid #cfcfcf;
  background: #f0f0f0;
  margin: 16px 0;
}
.main.home .section4 .sec-area .sec-item .item p {
  color: #333;
  font-size: 14px;
}
.main.home .section4 .sec-area .sec-item .active,
.main.home .section4 .sec-area .sec-item .item:hover {
  background: #ff945c;
}
.main.home .section4 .sec-area .sec-item .active .icon-s,
.main.home .section4 .sec-area .sec-item .item:hover .icon-s {
  display: none;
}
.main.home .section4 .sec-area .sec-item .active .icon-h,
.main.home .section4 .sec-area .sec-item .item:hover .icon-h {
  display: block;
}
.main.home .section4 .sec-area .sec-item .active p,
.main.home .section4 .sec-area .sec-item .item:hover p {
  padding-top: 20px;
  color: #fff;
}
.main.home .section4 .sec-area .sec-item .active i,
.main.home .section4 .sec-area .sec-item .item:hover i {
  display: none;
  margin: 0;
}
.main.home .section5 .sec-area {
  padding-top: 50px;
  padding-bottom: 30px;
}
.main.home .section5 .sec-area .area-top {
  height: 380px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section5 .sec-area .area-bottom {
  padding: 0 50px;
  height: 230px;
}
.main.home .section5 .sec-area .area-bottom .material-top{
  padding:0 60px;
  top:0;
  left:0;

}
.main.home .section5 .sec-area .area-bottom .materials-container {
  position: absolute;
  top: 0;
  left: 0;
}
.main.home .section5 .sec-area .area-bottom .materials-container .swiper-wrapper .swiper-slide .slide-img {
  height: 92px;
  background: #fff;
}
.main.home .section5 .sec-area .area-bottom .materials-container .swiper-wrapper .swiper-slide .slide-img:hover {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section6 .line {
  width: 100%;
  height: 1px;
  display: block;
  background: #c9c9c9;
  position: absolute;
  left: 0;
  top: 311px;
}
.main.home .section6 .sec-area {
  padding-top: 55px;
  padding-bottom: 80px;
}
.main.home .section6 .sec-area .area-bg {
  top: 0;
  transform: translate(-50%, 50%);
}
.main.home .section6 .sec-area .area-top {
  margin: 0 -16px;
  margin-bottom: 30px;
}
.main.home .section6 .sec-area .area-top .item {
  width: 50%;
  padding: 0 16px;
  height: 320px;
}
.main.home .section6 .sec-area .area-top .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-img {
  width: 60%;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text {
  width: 40%;
  padding: 25px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i-logo {
  height: 100px;
  border: 1px solid #f5f5f5;
  margin-bottom: 26px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i-logo .i-04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text p {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i {
  color: #333;
  font-size: 18px;
  margin-bottom: 36px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i span {
  color: #04d7d2;
  font-size: 18px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i-btn {
  background: #ff945c;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
}
.main.home .section6 .sec-area .area-top .item .item-padding .item-text .i-btn p {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.main.home .section6 .sec-area .area-bottom {
  margin: 0 -16px;
}
.main.home .section6 .sec-area .area-bottom .item {
  width: 33.33%;
  padding: 0 16px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-img {
  height: 256px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text {
  height: 182px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-logo {
  width: 242px;
  height: 100px;
  border: 1px solid #f5f5f5;
  margin-bottom: 26px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-logo .i-04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text {
  position: absolute;
  padding: 0 20px;
  bottom: 24px;
  left: 0;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text .i-l p {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text .i-l .i {
  color: #333;
  font-size: 18px;
  margin-bottom: 0;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text .i-l .i span {
  color: #04d7d2;
  font-size: 18px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text .i-btn {
  background: #ff945c;
  height: 80px;
  width: 110px;
  border-radius: 4px;
}
.main.home .section6 .sec-area .area-bottom .item .item-padding .item-text .i-text .i-btn p {
  padding-top: 8px;
  color: #fff;
  font-size: 16px;
}
.main.home .section7 .home-bg2 {
  top: 0;
  transform: translate(-50%, 0);
}
.main.home .section7 .sec-area {
  padding-top: 50px;
  padding-bottom: 80px;
}
.main.home .section7 .sec-area .area-top .design-container {
  width: 61.25%;
  height: 428px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section7 .sec-area .area-top .designs-container {
  width: 38.75%;
  height: 498px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area {
  padding: 25px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item1 {
  margin-bottom: 40px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item1 .i-logo {
  width: 80px;
  height: 80px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item1 p {
  color: #333;
  font-size: 16px;
  padding-left: 16px;
  margin-bottom: 8px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item1 p:last-child {
  margin-bottom: 0;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item2 {
  color: #333;
  font-size: 24px;
  margin-bottom: 24px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item3 p {
  color: #333;
  font-size: 14px;
  margin-bottom: 16px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item4 {
  color: #333;
  font-size: 16px;
  margin-bottom: 24px;
}
.main.home .section7 .sec-area .area-top .designs-container .swiper-wrapper .swiper-slide .slide-area .item5 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}
.main.home .section7 .sec-area .area-bottom {
  padding: 0 50px;
  height: 265px;
}
.main.home .section7 .sec-area .area-bottom .designer {
  padding: 0 70px;
  padding-top: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area {
  padding-left: 24px;
  padding-top: 28px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-img {
  width: 142px;
  position: absolute;
  top: 0;
  left: 0;
  height: 182px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-text {
  border: 4px solid #fff3e8;
  padding: 0 18px;
  padding-left: 136px;
  width: 310px;
  height: 190px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-text .i1 {
  color: #333;
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: -15px;
  display: inline-block;
  margin-left: -24px;
  padding: 0 24px;
  width: auto;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-text .i2 {
  color: #333;
  font-size: 14px;
  margin-bottom: 24px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-text .i3 {
  color: #333;
  font-size: 14px;
  margin-bottom: 10px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-area .i-text .i4 {
  color: #ff945c;
  font-size: 14px;
  line-height: 24px;
}
.main.home .section7 .sec-area .area-bottom .designer .designer-container .swiper-wrapper .swiper-slide .slide-img {
  height: 92px;
  background: #fff;
}
.main.home .section8 {
  background: #f0f0f0;
  padding-top: 45px;
}
.main.home .section8 .sec-area {
  padding-top: 60px;
  padding-bottom: 110px;
}
.main.home .section8 .sec-area .area-top .i-btn {
  position: absolute;
  right: 0;
  top: 30px;
  background: #ff945c;
  height: 80px;
  width: 110px;
  border-radius: 4px;
}
.main.home .section8 .sec-area .area-top .i-btn p {
  padding-top: 8px;
  color: #fff;
  font-size: 16px;
}
.main.home .section8 .sec-area .area-top .workmate-container {
  height: 378px;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-img {
  width: 346px;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text {
  padding-left: 26px;
  padding-right: 180px;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text .i1 {
  margin-bottom: 20px;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text .i1 p {
  color: #333;
  font-size: 24px;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text .i1 span {
  color: #666;
  font-size: 14px;
  padding-left: 18px;
  display: block;
}
.main.home .section8 .sec-area .area-top .workmate-container .swiper-wrapper .swiper-slide .slide-text .i2 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}
.main.home .section8 .sec-area .area-top .workmate {
  width: calc(100% -  372px);
  height: 208px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.main.home .section8 .sec-area .area-top .workmate .workmates-container .swiper-wrapper .swiper-slide .slide-img:hover {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.home .section9 {
  padding-top: 25px;
}
.main.home .section9 .sec-area {
  padding-top: 55px;
  padding-bottom: 75px;
}
.main.home .section9 .sec-area .area-top {
  border-bottom: 1px solid #f0f0f0;
}
.main.home .section9 .sec-area .area-top li {
  margin: 0 90px;
  color: #333;
  font-size: 18px;
  padding-bottom: 28px;
  border-bottom: 2px solid transparent;
}
.main.home .section9 .sec-area .area-top .active,
.main.home .section9 .sec-area .area-top li:hover {
  color: #ff945c;
  border-bottom: 2px solid #ff945c;
}
.main.home .section9 .sec-area .area-bottom {
  padding-top: 10px;
}
.main.home .section9 .sec-area .area-bottom .b-l {
  width: 50%;
  padding: 0 30px;
  height: 598px;
  padding-top: 30px;
}
.main.home .section9 .sec-area .area-bottom .b-l .item {
  height: 272px;
}
.main.home .section9 .sec-area .area-bottom .b-l .item .mask {
  background: rgba(0, 0, 0, 0.6);
  height: 52px;
  line-height: 52px;
  padding: 0 18px;
  color: #fff;
  font-size: 18px;
  bottom: 0;
  left: 0;
  display: block;
}
.main.home .section9 .sec-area .area-bottom .b-l .item:hover .mask {
  color: #ff945c;
}
.main.home .section9 .sec-area .area-bottom .b-r {
  width: 50%;
  padding-left: 8px;
  padding-top: 10px;
}
.main.home .section9 .sec-area .area-bottom .b-r .item {
  height: 49px;
  border-bottom: 1px dashed #f0f0f0;
}
.main.home .section9 .sec-area .area-bottom .b-r .item .i-time {
  color: #333;
  font-size: 14px;
  width: 100px;
}
.main.home .section9 .sec-area .area-bottom .b-r .item .i-title {
  color: #333;
  font-size: 14px;
  padding-left: 100px;
  margin-left: -100px;
}
.main.home .section9 .sec-area .area-bottom .b-r .item:hover p {
  color: #ff945c !important;
}
.main.home .carousel-container {
  /*改变样式*/
}
.main.home .carousel-container .swiper-button-next {
  background-image: url("../../public/image/icon/arrow-r.png");
  right: 80px;
}
.main.home .carousel-container .swiper-button-prev {
  background-image: url("../../public/image/icon/arrow-l.png");
  left: 80px;
}
.main.home .carousel-container .swiper-button-prev,
.main.home .carousel-container .swiper-button-next {
  outline: none;
  margin: 0;
  transform: translate(0, -50%);
  background-size: contain;
  width: 38px;
  height: 72px;
}
.main.home .carousel-container .swiper-pagination {
  bottom: 30px !important;
}
.main.home .carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  margin: 0 7px;
  background: #fff;
  opacity: 1;
}
.main.home .carousel-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff945c;
}
.main.home .material .swiper-pagination {
  bottom: -30px !important;
}
.main.home .material .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: none;
  border: 1px solid #fff;
  opacity: 1;
}
.main.home .material .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.main.home .materials-container .swiper-pagination {
  bottom: 30px !important;
}
.main.home .materials-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: none;
  border: 1px solid #fff;
  opacity: 1;
}
.main.home .materials-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.main.home .designs-container .swiper-pagination {
  bottom: 30px !important;
  right: 25px;
  width: auto;
  left: auto;
}
.main.home .designs-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: #fff;
  border: 1px solid #ff945c;
  opacity: 1;
}
.main.home .designs-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff945c;
}
.main.home .designer {
  /*改变样式*/
}
.main.home .designer .swiper-button-next {
  background-image: url("../../public/image/icon/arrow-r1.png");
  right: 0px;
}
.main.home .designer .swiper-button-prev {
  background-image: url("../../public/image/icon/arrow-l1.png");
  left: 0px;
}
.main.home .designer .swiper-button-prev,
.main.home .designer .swiper-button-next {
  outline: none;
  margin: 0;
  transform: translate(0, -50%);
  background-size: contain;
  width: 38px;
  height: 72px;
}
.main.home .workmates-container {
  /*改变样式*/
}
.main.home .workmates-container .swiper-button-next {
  background-image: url("../../public/image/icon/arrow-r1.png");
  right: 0px;
}
.main.home .workmates-container .swiper-button-prev {
  background-image: url("../../public/image/icon/arrow-l1.png");
  left: 0px;
}
.main.home .workmates-container .swiper-button-prev,
.main.home .workmates-container .swiper-button-next {
  background: rgba(0, 0, 0, 0.6);
  outline: none;
  margin: 0;
  transform: translate(0, -50%);
  background-size: contain;
  width: 38px;
  height: 83px;
}
.main.home .workmates-container .swiper-button-prev img,
.main.home .workmates-container .swiper-button-next img {
  width: 20px;
}
.main.case {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.case .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.case .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.case .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.case .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.case .section1 .case-area {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.case .section1 .case-area .case-item {
  padding: 50px 35px 35px 35px;
  margin: 0 -10px;
}
.main.case .section1 .case-area .case-item .item {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-img {
  height: 242px;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-text {
  padding: 20px;
  border: 1px solid #f9f9f9;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-text .item-t {
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-text .item-tp {
  margin: 0 -8px;
  margin-bottom: 5px;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 12px;
  padding: 0 8px;
  border-right: 1px solid #333;
}
.main.case .section1 .case-area .case-item .item .item-padding .item-text .item-tp p:last-child {
  border-right: none;
}
.main.case .section1 .case-area .case-item .item:hover .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.case .section1 .case-area .case-item .item:hover .item-padding .item-text .item-t {
  color: #ff945c;
}
.main.case .section1 .case-area .case-item .item:hover .item-padding .item-text .item-tp p {
  color: #ff945c;
}
.main.caseDetail {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.caseDetail .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.caseDetail .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.caseDetail .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.caseDetail .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.caseDetail .section1 .case-detail {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 8px 95px 50px 95px;
}
.main.caseDetail .section1 .case-detail .case-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.caseDetail .section1 .case-detail .case-t {
  font-size: 24px;
  color: #333;
  padding: 30px 0;
}
.main.caseDetail .section1 .case-detail .workmate-container {
  height: 530px;
  margin-bottom: 28px;
}
.main.caseDetail .section1 .case-detail .workmates {
  padding: 0 20px;
  margin-bottom: 55px;
  height: 123px;
}
.main.caseDetail .section1 .case-detail .workmates .workmates-container .swiper-wrapper .swiper-slide .slide-img {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.caseDetail .section1 .case-detail .workmates .workmates-container .swiper-wrapper .swiper-slide-thumb-active .slide-img {
  border: 4px solid #ff945c;
}
.main.caseDetail .section1 .case-detail .case-arg {
  margin-bottom: 10px;
}
.main.caseDetail .section1 .case-detail .case-arg .args {
  margin: 0 -10px;
}
.main.caseDetail .section1 .case-detail .case-arg .args .item {
  margin-bottom: 30px;
  height: 58px;
  width: 33.3%;
  padding: 0 10px;
}
.main.caseDetail .section1 .case-detail .case-arg .args .item .item-padding {
  background: #fbfbfb;
}
.main.caseDetail .section1 .case-detail .case-arg .args .item .item-padding p {
  font-size: 14px;
  color: #333;
  line-height: 12px;
  border-right: 1px solid #333;
  padding: 0 30px;
  width: 120px;
}
.main.caseDetail .section1 .case-detail .case-arg .args .item .item-padding span {
  font-size: 14px;
  color: #333;
  padding: 0 30px;
}
.main.caseDetail .section1 .case-detail .case-idea p {
  font-size: 24px;
  color: #333;
  margin-bottom: 24px;
}
.main.caseDetail .section1 .case-detail .case-idea span {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.main.caseDetail .section1 .case-area {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.caseDetail .section1 .case-area .case-top {
  padding: 0 35px;
  height: 95px;
  border-bottom: 1px solid #eaeaea;
}
.main.caseDetail .section1 .case-area .case-top .top-t {
  font-size: 24px;
  color: #333;
}
.main.caseDetail .section1 .case-area .case-top p {
  font-size: 14px;
  color: #333;
}
.main.caseDetail .section1 .case-area .case-item {
  padding: 50px 35px 35px 35px;
  margin: 0 -10px;
}
.main.caseDetail .section1 .case-area .case-item .item {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-img {
  height: 242px;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-text {
  padding: 20px;
  border: 1px solid #f9f9f9;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-text .item-t {
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-text .item-tp {
  margin: 0 -8px;
  margin-bottom: 5px;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 16px;
  padding: 0 8px;
  border-right: 1px solid #333;
}
.main.caseDetail .section1 .case-area .case-item .item .item-padding .item-text .item-tp p:last-child {
  border-right: none;
}
.main.caseDetail .section1 .case-area .case-item .item:hover .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.caseDetail .section1 .case-area .case-item .item:hover .item-padding .item-text .item-t {
  color: #ff945c;
}
.main.caseDetail .section1 .case-area .case-item .item:hover .item-padding .item-text .item-tp p {
  color: #ff945c;
}
.main.caseDetail .workmates {
  /*改变样式*/
}
.main.caseDetail .workmates .swiper-button-next {
  background-image: url("../../public/image/icon/arrow-r1.png");
  right: -20px;
}
.main.caseDetail .workmates .swiper-button-prev {
  background-image: url("../../public/image/icon/arrow-l1.png");
  left: -20px;
}
.main.caseDetail .workmates .swiper-button-prev,
.main.caseDetail .workmates .swiper-button-next {
  outline: none;
  margin: 0;
  transform: translate(0, -50%);
  background-size: contain;
  width: 20px;
}
.main.brand {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.brand .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.brand .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.brand .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.brand .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.brand .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.brand .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.brand .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.brand .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
  padding-right: 12px;
}
.main.brand .section1 .brand-top .brand-info {
  height: 210px;
}
.main.brand .section1 .brand-top .brand-info .info-logo {
  width: 50%;
}
.main.brand .section1 .brand-top .brand-info .info-logo .i-05 {
  position: absolute;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.main.brand .section1 .brand-top .brand-info .info-item {
  width: 50%;
  padding: 0 50px;
}
.main.brand .section1 .brand-top .brand-info .info-item .info-i {
  padding-left: 20px;
  margin-bottom: 20px;
}
.main.brand .section1 .brand-top .brand-info .info-item .info-i p {
  font-size: 14px;
  color: #333;
  width: 75px;
}
.main.brand .section1 .brand-top .brand-info .info-item .info-i span {
  font-size: 14px;
  color: #333;
}
.main.brand .section1 .brand-top .brand-info .info-item .info-i p::before {
  content: '';
  display: block;
  width: 2px;
  height: 14px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
  background: #ff945c;
  position: absolute;
  top: 0;
  left: 0;
}
.main.brand .section1 .brand-top .brand-info .info-item .info-i:last-child {
  margin-bottom: 0;
}
.main.brand .section1 .brand-area .brand-t {
  padding: 50px 35px 35px 35px;
  height: 95px;
  border-bottom: 1px solid #eaeaea;
}
.main.brand .section1 .brand-area .brand-t p {
  font-size: 24px;
  color: #333;
}
.main.brand .section1 .brand-area .brand-list .list-top {
  height: 80px;
  padding: 0 20px;
}
.main.brand .section1 .brand-area .brand-list .list-top .i-top li {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.main.brand .section1 .brand-area .brand-list .list-top .i-top .sorts p {
  margin-right: 6px;
}
.main.brand .section1 .brand-area .brand-list .list-top .i-top .sorts .sort-u {
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 6px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.brand .section1 .brand-area .brand-list .list-top .i-top .sorts .sort-d {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 6px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.brand .section1 .brand-area .brand-list .list-top .i-06 {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.main.brand .section1 .brand-area .brand-list .list-item {
  padding-top: 3px;
  padding-bottom: 5px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item {
  padding: 0 20px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding {
  border-bottom: 3px solid #f9f9f9;
  height: 110px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding li {
  text-align: center;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i2 {
  color: #ff945c;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i6 {
  color: #999;
  text-decoration: line-through;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i9 {
  color: #04d7d2;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i12 {
  color: #ff945c;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i12 .login {
  color: #ff945c;
  width: 110px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-padding .i12:hover .login {
  background: #ff945c;
  color: #fff;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-hover {
  padding: 38px 0;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-hover p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-hover .score {
  width: 14%;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-hover .score p {
  font-size: 12px;
  color: #ff945c;
  margin-bottom: 12px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item .item-hover .score .star img {
  margin: 0 2px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item:last-child .item-padding {
  border-bottom: none;
}
.main.brand .section1 .brand-area .brand-list .list-item .item:hover,
.main.brand .section1 .brand-area .brand-list .list-item .active {
  background: #f9f9f9;
  margin-top: -3px;
}
.main.brand .section1 .brand-area .brand-list .list-item .item:hover .item-padding,
.main.brand .section1 .brand-area .brand-list .list-item .active .item-padding {
  border-bottom: 3px solid #f1f1f1;
}
.main.brand .section1 .brand-area .brand-list .list-item .item:hover .item-padding .i12 .login,
.main.brand .section1 .brand-area .brand-list .list-item .active .item-padding .i12 .login {
  background: #ff945c;
  color: #fff;
}
.main.manufacturer {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.manufacturer .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.manufacturer .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.manufacturer .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.manufacturer .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.manufacturer .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.manufacturer .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.manufacturer .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.manufacturer .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
  padding-right: 12px;
}
.main.manufacturer .section1 .brand-top .brand-info {
  height: 350px;
}
.main.manufacturer .section1 .brand-top .brand-info .info-logo {
  width: 50%;
}
.main.manufacturer .section1 .brand-top .brand-info .info-logo .i-05 {
  position: absolute;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.main.manufacturer .section1 .brand-top .brand-info .info-item {
  width: 50%;
  padding: 0 50px;
}
.main.manufacturer .section1 .brand-top .brand-info .info-item .info-i {
  padding-left: 20px;
  margin-bottom: 20px;
}
.main.manufacturer .section1 .brand-top .brand-info .info-item .info-i p {
  font-size: 14px;
  color: #333;
  width: 70px;
}
.main.manufacturer .section1 .brand-top .brand-info .info-item .info-i span {
  font-size: 14px;
  color: #333;
}
.main.manufacturer .section1 .brand-top .brand-info .info-item .info-i p::before {
  content: '';
  display: block;
  width: 2px;
  height: 14px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
  background: #ff945c;
  position: absolute;
  top: 0;
  left: 0;
}
.main.manufacturer .section1 .brand-top .brand-info .info-item .info-i:last-child {
  margin-bottom: 0;
}
.main.manufacturer .section1 .sec2 {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info {
  min-height: 250px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l {
  width: 195px;
  min-height: 250px;
  padding: 30px 42px;
  border-right: 1px solid #ececec;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .info-i {
  height: 50px;
  cursor: pointer;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .info-i p {
  font-size: 18px;
  color: #333;
  padding-left: 14px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .info-i p::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #333;
  position: absolute;
  top: 2px;
  left: 0;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .active img {
  display: block;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .active p {
  color: #ff945c;
  padding-left: 6px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-l .active p::before {
  display: none;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-r {
  width: 100%;
  padding: 48px 70px;
  padding-left: 265px;
  margin-left: -195px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-r p {
  font-size: 14px;
  color: #333;
  margin-bottom: 14px;
}
.main.manufacturer .section1 .sec2 .manufacturer-info .info-r p,
.main.manufacturer .section1 .sec2 .manufacturer-info .info-r span {
  line-height: normal;
}
.main.manufacturer .section1 .sec3 .product {
  margin-bottom: 10px;
}
.main.manufacturer .section1 .sec3 .product .sec-t {
  color: #333;
  font-size: 24px;
  padding: 24px 0;
}
.main.manufacturer .section1 .sec3 .product .product-container .swiper-wrapper .swiper-slide .slide-area .i-img {
  height: 218px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.manufacturer .section1 .sec3 .product .product-container .swiper-wrapper .swiper-slide .slide-area .i-text {
  padding: 18px 20px;
}
.main.manufacturer .section1 .sec3 .product .product-container .swiper-wrapper .swiper-slide .slide-area .i-text p {
  color: #333;
  font-size: 14px;
}
.main.manufacturer .section1 .sec3 .product .product-container .swiper-wrapper .swiper-slide .slide-area:hover .i-text p {
  color: #ff945c;
}
.main.manufacturer .section1 .sec4 .case {
  margin-bottom: 30px;
}
.main.manufacturer .section1 .sec4 .case .sec-t {
  color: #333;
  font-size: 24px;
  padding: 24px 0;
  margin-bottom: 16px;
}
.main.manufacturer .section1 .sec4 .case .case-container .swiper-wrapper .swiper-slide .slide-area .i-img {
  height: 290px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.manufacturer .section1 .sec4 .case .case-container .swiper-wrapper .swiper-slide .slide-area .i-text {
  padding: 18px 20px;
}
.main.manufacturer .section1 .sec4 .case .case-container .swiper-wrapper .swiper-slide .slide-area .i-text p {
  color: #333;
  font-size: 14px;
}
.main.manufacturer .section1 .sec4 .case .case-container .swiper-wrapper .swiper-slide .slide-area:hover .i-text p {
  color: #ff945c;
}
.main.manufacturer .section1 .sec5 {
  margin-bottom: 60px;
}
.main.manufacturer .section1 .sec5 .website {
  padding-bottom: 28px;
}
.main.manufacturer .section1 .sec5 .website .sec-t {
  color: #333;
  font-size: 24px;
  padding: 42px 28px;
}
.main.manufacturer .section1 .sec5 .website .website-item {
  padding: 0 50px;
}
.main.manufacturer .section1 .sec5 .website .website-item .item {
  height: 180px;
  width: 50%;
  padding: 0 50px;
  margin-bottom: 30px;
}
.main.manufacturer .section1 .sec5 .website .website-item .item .item-padding .item-bg {
  left: 0;
  top: 0;
}
.main.manufacturer .section1 .sec5 .website .website-item .item .item-padding .icon-28 {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  box-shadow: 0px 10px 20px 0px rgba(255, 134, 26, 0.4);
}
.main.manufacturer .section1 .sec5 .website .website-item .item .item-padding .item-text {
  padding-left: 140px;
}
.main.manufacturer .section1 .sec5 .website .website-item .item .item-padding .item-text p {
  font-size: 14px;
  color: #333;
  margin-bottom: 14px;
}
.main.manufacturer .section1 .sec5 .website .website-item .item .item-padding .item-text p:last-child {
  margin-bottom: 0;
}
.main.manufacturer .section1 .product .swiper-pagination {
  top: 30px !important;
  right: 25px;
  width: auto;
  left: auto;
}
.main.manufacturer .section1 .product .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: #fff;
  border: 1px solid #ff945c;
  opacity: 1;
}
.main.manufacturer .section1 .product .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff945c;
}
.main.manufacturer .section1 .case .swiper-pagination {
  top: 30px !important;
  right: 25px;
  width: auto;
  left: auto;
}
.main.manufacturer .section1 .case .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: #fff;
  border: 1px solid #ff945c;
  opacity: 1;
}
.main.manufacturer .section1 .case .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff945c;
}
.main.workmateSite {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.workmateSite .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.workmateSite .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.workmateSite .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.workmateSite .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.workmateSite .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.workmateSite .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.workmateSite .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.workmateSite .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
  padding-right: 12px;
}
.main.workmateSite .section1 .brand-top .brand-info {
  padding: 30px 0;
  padding-left: 130px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-logo {
  width: 290px;
  height: 288px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-logo .i-05 {
  position: absolute;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.main.workmateSite .section1 .brand-top .brand-info .info-item {
  width: 100%;
  padding-left: 328px;
  margin-left: -290px;
  padding-right: 38px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .info-t {
  font-size: 24px;
  color: #333;
  margin-bottom: 14px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .info-i p {
  font-size: 14px;
  color: #333;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .info-i span {
  font-size: 14px;
  color: #333;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .info-i p,
.main.workmateSite .section1 .brand-top .brand-info .info-item .info-i span {
  line-height: 24px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .i-btn {
  margin-top: 14px;
  background: #ff945c;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  padding: 0 30px;
}
.main.workmateSite .section1 .brand-top .brand-info .info-item .i-btn p {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.main.staregys {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.staregys .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.staregys .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
}
.main.staregys .section1 .sec-top .path {
  padding: 56px 0;
  margin-bottom: 10px;
}
.main.staregys .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.staregys .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.staregys .section1 .staregys-area .staregys-l {
  width: 156px;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f {
  cursor: pointer;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .item {
  height: 66px;
  border-bottom: 1px solid #e0e0e0;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .item p {
  font-size: 18px;
  color: #333;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .item i {
  display: none;
  width: 16px;
  height: 16px;
  border: 4px solid #ff945c;
  border-radius: 50%;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s {
  cursor: pointer;
  padding: 12px 0;
  background: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li {
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li p {
  font-size: 14px;
  color: #333;
  position: relative;
  display: inline-block;
  z-index: 0;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li p::before {
  width: 100%;
  height: 8px;
  background: #fbd1ba;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  display: none;
  z-index: -1;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s .ac p::before,
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .nav-s li:hover p::before {
  display: block;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .active {
  height: 92px;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .active p {
  color: #ff945c;
  margin-bottom: 8px;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .active i {
  display: block;
}
.main.staregys .section1 .staregys-area .staregys-l .nav-f li .item:hover p {
  color: #ff945c;
}
.main.staregys .section1 .staregys-area .staregys-r {
  padding-left: 186px;
  margin-left: -156px;
  width: 100%;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item {
  margin-bottom: 20px;
  padding: 28px 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l {
  padding-right: 25px;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l .i-t {
  font-size: 18px;
  color: #333;
  margin-bottom: 18px;
  padding-top: 8px;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l .i-brief {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  line-height: 24px;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-l .i-time {
  font-size: 14px;
  color: #333;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item .item-img {
  width: 312px;
  height: 166px;
}
.main.staregys .section1 .staregys-area .staregys-r .staregys-list .item:last-child {
  margin-bottom: 0;
}
.main.staregyDetail {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.staregyDetail .section1 .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 335px;
  z-index: -1;
}
.main.staregyDetail .section1 .section-bg .case-bg {
  top: 0;
  transform: translate(-50%, 0);
}
.main.staregyDetail .section1 .sec-top .path {
  padding: 30px 0;
}
.main.staregyDetail .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.staregyDetail .section1 .sec-top .sec-t {
  padding: 10px 0;
}
.main.staregyDetail .section1 .sec-top .sec-t p {
  font-size: 32px;
  color: #fff;
  margin-bottom: 24px;
}
.main.staregyDetail .section1 .sec-top .sec-t .sec-time {
  font-size: 14px;
  color: #fff;
}
.main.staregyDetail .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.staregyDetail .section1 .staregys-area .staregys-l {
  width: 100%;
  padding-right: 384px;
  margin-right: -360px;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .detail {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .detail .i-end {
  padding: 48px 0;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .detail .i-end i {
  width: 172px;
  height: 1px;
  background: #ff945c;
  display: block;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .detail .i-end p {
  font-size: 14px;
  color: #fff;
  margin: 0 8px;
  background: #ff945c;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle {
  padding: 20px 0;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item {
  width: 50%;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item p {
  font-size: 14px;
  color: #333;
  margin-right: 30px;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item span {
  font-size: 14px;
  color: #333;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item:hover p {
  color: #ff945c;
}
.main.staregyDetail .section1 .staregys-area .staregys-l .page-handle .item:hover span {
  color: #ff945c;
}
.main.staregyDetail .section1 .staregys-area .staregys-r {
  width: 360px;
  padding: 0 36px;
  background: #ff945c;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .r-t {
  padding-top: 58px;
  padding-bottom: 48px;
  font-size: 54px;
  color: #fff;
  letter-spacing: 4px;
}
.main.staregyDetail .section1 .staregys-area .staregys-r input {
  font-size: 14px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  width: 100%;
  height: 42px;
  margin-bottom: 18px;
}
.main.staregyDetail .section1 .staregys-area .staregys-r input::placeholder {
  font-size: 14px;
  color: #fff;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .verify {
  margin-bottom: 18px;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .verify input {
  margin-bottom: 0;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .verify p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 6px;
  margin-left: 10px;
  border: 1px solid #fff;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .i-btn {
  background: #fff;
  height: 52px;
  line-height: 52px;
  border-radius: 52px;
  margin-bottom: 24px;
}
.main.staregyDetail .section1 .staregys-area .staregys-r .i-btn p {
  padding-left: 12px;
  color: #333;
  font-size: 16px;
  margin-bottom: 0;
}
.main.staregy {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.staregy .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.staregy .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
}
.main.staregy .section1 .sec-top .path {
  padding: 56px 0;
  margin-bottom: 10px;
}
.main.staregy .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.staregy .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.staregy .section1 .staregy-area .sec1 {
  margin-bottom: 36px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregy .section1 .staregy-area .sec1 .workmate-container {
  height: 666px;
}
.main.staregy .section1 .staregy-area .sec1 .workmates {
  width: 100%;
  padding-right: 200px;
  margin-right: -200px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item {
  cursor: pointer;
  height: 95px;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item p {
  font-size: 18px;
  color: #333;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item i {
  display: none;
  width: 16px;
  height: 16px;
  border: 4px solid #ff945c;
  border-radius: 50%;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide .item:hover p {
  color: #ff945c;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide-thumb-active .item p {
  color: #ff945c;
}
.main.staregy .section1 .staregy-area .sec1 .workmates .workmates-container .swiper-wrapper .swiper-slide-thumb-active .item i {
  display: block;
}
.main.staregy .section1 .staregy-area .sec2 {
  margin-bottom: 26px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregy .section1 .staregy-area .sec2 .secs-top {
  padding: 30px 40px 40px 30px;
}
.main.staregy .section1 .staregy-area .sec2 .secs-top .sec-t {
  font-size: 32px;
  color: #333;
}
.main.staregy .section1 .staregy-area .sec2 .secs-top .sec-more {
  font-size: 14px;
  color: #333;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area {
  padding-bottom: 40px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-l {
  width: 50%;
  padding: 0 18px 0 30px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-l .l-img {
  width: 100%;
  height: 272px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-l .l-img .l-t {
  font-size: 18px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-l .l-img:hover .l-t {
  color: #ff945c;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-r {
  width: 50%;
  padding: 0 30px 0 20px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item {
  border-bottom: 1px dashed #e5e5e5;
  height: 40px;
  margin-bottom: 10px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item .i-time {
  font-size: 14px;
  color: #333;
  width: 100px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item .i-t {
  font-size: 14px;
  color: #333;
  padding-left: 100px;
  margin-left: -100px;
}
.main.staregy .section1 .staregy-area .sec2 .sec-area .area-r .item:hover p {
  color: #ff945c !important;
}
.main.staregy .section1 .staregy-area .secs {
  padding-bottom: 30px;
}
.main.staregy .section1 .staregy-area .secs .secs1 {
  width: 54%;
  height: 710px;
  padding: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregy .section1 .staregy-area .secs .secs1 .secs-top {
  margin-bottom: 18px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .secs-top .sec-t {
  font-size: 32px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs1 .secs-top .sec-more {
  font-size: 14px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-l .l-img {
  width: 100%;
  height: 290px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-l .l-t {
  font-size: 18px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-l:hover .l-t {
  color: #ff945c;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r {
  padding-top: 20px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item {
  border-bottom: 1px dashed #e5e5e5;
  height: 40px;
  margin-bottom: 10px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item .i-time {
  font-size: 14px;
  color: #333;
  width: 100px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item .i-t {
  font-size: 14px;
  color: #333;
  padding-left: 100px;
  margin-left: -100px;
}
.main.staregy .section1 .staregy-area .secs .secs1 .sec-area .area-r .item:hover p {
  color: #ff945c !important;
}
.main.staregy .section1 .staregy-area .secs .secs-r {
  width: 46%;
  padding-left: 30px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 {
  padding: 30px;
  margin-bottom: 30px;
  height: 400px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .secs-top {
  margin-bottom: 18px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .secs-top .sec-t {
  font-size: 32px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .secs-top .sec-more {
  font-size: 14px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area {
  padding-bottom: 10px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item {
  border-bottom: 1px dashed #e5e5e5;
  height: 40px;
  margin-bottom: 10px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item .i-time {
  font-size: 14px;
  color: #333;
  width: 100px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item .i-t {
  font-size: 14px;
  color: #333;
  padding-left: 100px;
  margin-left: -100px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs2 .sec-area .area-r .item:hover p {
  color: #ff945c !important;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs3 {
  padding: 20px 30px;
  height: 280px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs3 .secs-top {
  margin-bottom: 25px;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs3 .secs-top .sec-t {
  font-size: 32px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs3 .secs-top .sec-more {
  font-size: 14px;
  color: #333;
}
.main.staregy .section1 .staregy-area .secs .secs-r .secs3 .sec-area .area-l .l-img {
  width: 100%;
  height: 182px;
}
.main.staregy .workmate-container .swiper-pagination {
  bottom: 0 !important;
  right: 0;
  width: auto;
  left: auto;
  height: 95px;
  width: 200px;
}
.main.staregy .workmate-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
}
.main.staregy .workmate-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.main.about {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.about .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.about .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
}
.main.about .section1 .sec-top .path {
  padding: 56px 0;
  margin-bottom: 10px;
}
.main.about .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.about .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.about .section1 .about-area .about-01 {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, 0);
  margin-top: -120px;
}
.main.about .section1 .about-area .about-02 {
  position: absolute;
  top: 0;
  right: 55%;
}
.main.about .section1 .about-area .sec1 .sec-l {
  width: 45%;
}
.main.about .section1 .about-area .sec1 .sec-l .sec-img {
  height: 630px;
}
.main.about .section1 .about-area .sec1 .sec-r {
  width: 55%;
  padding-left: 88px;
  padding-top: 55px;
}
.main.about .section1 .about-area .sec1 .sec-r p {
  line-height: 30px;
}
.main.about .section1 .about-area .sec1 .sec-r .p1 {
  font-size: 16px;
  color: #333;
  margin-bottom: 38px;
}
.main.about .section1 .about-area .sec1 .sec-r .p2 {
  font-size: 14px;
  color: #333;
  margin-bottom: 60px;
  border-bottom: 1px solid #767676;
  display: inline-block;
}
.main.about .section1 .about-area .sec1 .sec-r .p3 {
  font-size: 14px;
  color: #333;
}
.main.about .section1 .about-area .sec2 {
  margin-bottom: 32px;
}
.main.about .section1 .about-area .sec2 .sec-l {
  padding-top: 68px;
  width: 45%;
  padding-right: 115px;
}
.main.about .section1 .about-area .sec2 .sec-l i {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 30px;
}
.main.about .section1 .about-area .sec2 .sec-l p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.main.about .section1 .about-area .sec2 .sec-r {
  width: 55%;
}
.main.about .section1 .about-area .sec2 .sec-r .sec-img {
  height: 282px;
  margin-left: -30px;
}
.main.about .section1 .about-area .sec2 .sec-r .sec-img img {
  margin-top: -56px;
}
.main.about .section1 .about-area .sec3 {
  margin-bottom: 36px;
}
.main.about .section1 .about-area .sec3 .sec-l .sec-img {
  width: 300px;
  height: 125px;
}
.main.about .section1 .about-area .sec3 .sec-r {
  padding-left: 72px;
}
.main.about .section1 .about-area .sec3 .sec-r p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.main.materialBrand {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.materialBrand .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.materialBrand .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.materialBrand .section1 .sec-top .path {
  padding: 26px 0;
}
.main.materialBrand .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.materialBrand .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.materialBrand .section1 .material-area .area-top {
  margin-bottom: 40px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.materialBrand .section1 .material-area .area-top .nav-up .nav-f li {
  font-size: 18px;
  color: #333;
  height: 68px;
  line-height: 68px;
  padding: 0 38px;
  cursor: pointer;
}
.main.materialBrand .section1 .material-area .area-top .nav-up .nav-f .active {
  color: #ff945c;
  border-bottom: 2px solid #ff945c;
}
.main.materialBrand .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.materialBrand .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 25px 8px 25px;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item {
  margin-bottom: 20px;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 35px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.materialBrand .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.materialBrand .section1 .material-area .area-list {
  margin: 0 -15px;
}
.main.materialBrand .section1 .material-area .area-list .item {
  width: 33.33%;
  padding: 0 15px;
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-img {
  height: 238px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-img .img-mk {
  background: rgba(255, 255, 255, 0.8);
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-img .img-mk p {
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #fff;
  background: #ff945c;
  display: inline-block;
  cursor: pointer;
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-img:hover .img-mk {
  display: block;
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-t {
  padding: 32px 0;
}
.main.materialBrand .section1 .material-area .area-list .item .item-padding .item-t p {
  font-size: 18px;
  color: #333;
  padding: 0 20px;
}
.main.material {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.material .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.material .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.material .section1 .sec-top .path {
  padding: 26px 0;
}
.main.material .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.material .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.material .section1 .material-area .area-top {
  margin-bottom: 40px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.material .section1 .material-area .area-top .nav-up .nav-f li {
  font-size: 18px;
  color: #333;
  height: 68px;
  line-height: 68px;
  padding: 0 38px;
  cursor: pointer;
}
.main.material .section1 .material-area .area-top .nav-up .nav-f .active {
  color: #ff945c;
  border-bottom: 2px solid #ff945c;
}
.main.material .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.material .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.material .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 25px 8px 25px;
}
.main.material .section1 .material-area .area-top .nav-down .navs .nav-item {
  margin-bottom: 20px;
}
.main.material .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
}
.main.material .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
}
.main.material .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 35px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.material .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.material .section1 .material-area .area-top .nav-detail {
  border-top: 1px solid #e0e0e0;
  background: #f9f9f9;
}
.main.material .section1 .material-area .area-top .nav-detail .navs {
  padding: 22px 25px 8px 25px;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-top {
  margin-bottom: 16px;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-top p {
  font-size: 14px;
  color: #333;
  margin-right: 6px;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-top i {
  display: block;
  width: 40px;
  height: 1px;
  background: #333;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-t {
  margin: 0 -25px;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-t li {
  font-size: 14px;
  color: #333;
  cursor: pointer;
  z-index: 0;
  margin: 0 25px;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-t li p {
  position: relative;
  margin: 15px 0;
}
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-t .ac p::before,
.main.material .section1 .material-area .area-top .nav-detail .navs .nav-item .nav-t li:hover p::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 6px;
  background: #fbd1ba;
  width: 100%;
  z-index: -1;
}
.main.material .section1 .material-area .brand-list {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.material .section1 .material-area .brand-list .list-top {
  height: 80px;
  padding: 0 20px;
}
.main.material .section1 .material-area .brand-list .list-top .i-top li {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.main.material .section1 .material-area .brand-list .list-top .i-top .sorts p {
  margin-right: 6px;
}
.main.material .section1 .material-area .brand-list .list-top .i-top .sorts .sort-u {
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.material .section1 .material-area .brand-list .list-top .i-top .sorts .sort-d {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.material .section1 .material-area .brand-list .list-top .i-06 {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.main.material .section1 .material-area .brand-list .list-item {
  padding-top: 3px;
}
.main.material .section1 .material-area .brand-list .list-item .item {
  padding: 0 20px;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding {
  border-bottom: 3px solid #f9f9f9;
  height: 110px;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding li {
  text-align: center;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i3 {
  color: #ff945c;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i7 {
  color: #999;
  text-decoration: line-through;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i10 {
  color: #04d7d2;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i13 {
  color: #ff945c;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i13 .login {
  color: #ff945c;
  width: 110px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-padding .i13:hover .login {
  background: #ff945c;
  color: #fff;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-hover {
  padding: 38px 0;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-hover p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-hover .score {
  width: 14%;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-hover .score p {
  font-size: 12px;
  color: #ff945c;
  margin-bottom: 12px;
}
.main.material .section1 .material-area .brand-list .list-item .item .item-hover .score .star img {
  margin: 0 2px;
}
.main.material .section1 .material-area .brand-list .list-item .item:last-child .item-padding {
  border-bottom: none;
}
.main.material .section1 .material-area .brand-list .list-item .item:hover,
.main.material .section1 .material-area .brand-list .list-item .active {
  background: #f9f9f9;
  margin-top: -3px;
}
.main.material .section1 .material-area .brand-list .list-item .item:hover .item-padding,
.main.material .section1 .material-area .brand-list .list-item .active .item-padding {
  border-bottom: 3px solid #f1f1f1;
}
.main.material .section1 .material-area .brand-list .list-item .item:hover .item-padding .i12 .login,
.main.material .section1 .material-area .brand-list .list-item .active .item-padding .i12 .login {
  background: #ff945c;
  color: #fff;
}
.main.designers {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.designers .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.designers .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.designers .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.designers .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 40px;
}
.main.designers .section1 .designer-item .item {
  padding: 30px 28px 26px 28px;
  margin-bottom: 20px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.designers .section1 .designer-item .item .ims {
  margin: 0 -4px;
  margin-bottom: 36px;
}
.main.designers .section1 .designer-item .item .ims .im {
  width: 25%;
  padding: 0 4px;
}
.main.designers .section1 .designer-item .item .ims .im .im-img {
  height: 242px;
}
.main.designers .section1 .designer-item .item .item-info .info-l {
  padding-left: 6px;
}
.main.designers .section1 .designer-item .item .item-info .info-l > img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer {
  padding-left: 45px;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im {
  font-size: 14px;
  color: #333;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im1 {
  font-size: 24px;
  margin-bottom: 12px;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im2 {
  margin-bottom: 20px;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im2 p {
  margin-right: 20px;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im3 {
  margin-bottom: 8px;
}
.main.designers .section1 .designer-item .item .item-info .info-l .i-designer .i-im4 {
  color: #ff945c;
}
.main.designers .section1 .designer-item .item .item-info .info-r {
  width: 336px;
  height: 140px;
  background: #f9f9f9;
  padding: 20px 40px;
}
.main.designers .section1 .designer-item .item .item-info .info-r p {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
}
.main.designers .section1 .designer-item .item .item-info .info-r .group p {
  padding-left: 20px;
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
}
.main.designerSite {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.designerSite .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.designerSite .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.designerSite .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.designerSite .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.designerSite .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.designerSite .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.designerSite .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.designerSite .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
}
.main.designerSite .section1 .brand-top .brand-info {
  padding: 30px 0;
  padding-left: 130px;
}
.main.designerSite .section1 .brand-top .brand-info .info-logo {
  width: 290px;
  height: 288px;
}
.main.designerSite .section1 .brand-top .brand-info .info-logo .i-05 {
  position: absolute;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.main.designerSite .section1 .brand-top .brand-info .info-item {
  width: 100%;
  padding-left: 328px;
  margin-left: -290px;
  padding-right: 38px;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t {
  margin-bottom: 20px;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t .info-t {
  font-size: 24px;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t p,
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t span {
  font-size: 14px;
  color: #333;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t .group {
  width: auto;
  line-height: 1;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im-t .group span {
  line-height: 1;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im p {
  font-size: 14px;
  color: #333;
  width: 70px;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im span {
  font-size: 14px;
  color: #333;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im p,
.main.designerSite .section1 .brand-top .brand-info .info-item .im span {
  line-height: 24px;
}
.main.designerSite .section1 .brand-top .brand-info .info-item .im1 {
  border-bottom: 1px solid #f9f9f9;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.main.designerSite .section1 .case-area {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.designerSite .section1 .case-area .case-top {
  padding: 0 35px;
  height: 95px;
  border-bottom: 1px solid #eaeaea;
}
.main.designerSite .section1 .case-area .case-top .top-t {
  font-size: 24px;
  color: #333;
}
.main.designerSite .section1 .case-area .case-top p {
  font-size: 14px;
  color: #333;
}
.main.designerSite .section1 .case-area .case-item {
  padding: 50px 35px 35px 35px;
  margin: 0 -10px;
}
.main.designerSite .section1 .case-area .case-item .item {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-img {
  height: 242px;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-text {
  padding: 20px;
  border: 1px solid #f9f9f9;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-text .item-t {
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp {
  margin: 0 -8px;
  margin-bottom: 5px;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 12px;
  padding: 0 8px;
  border-right: 1px solid #333;
}
.main.designerSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp p:last-child {
  border-right: none;
}
.main.designerSite .section1 .case-area .case-item .item:hover .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.designerSite .section1 .case-area .case-item .item:hover .item-padding .item-text .item-t {
  color: #ff945c;
}
.main.designerSite .section1 .case-area .case-item .item:hover .item-padding .item-text .item-tp p {
  color: #ff945c;
}
.main.workmate {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.workmate .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.workmate .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.workmate .section1 .sec-top .path {
  padding: 26px 0;
}
.main.workmate .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.workmate .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.workmate .section1 .material-area .area-top {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.workmate .section1 .material-area .area-top .nav-up {
  height: 68px;
}
.main.workmate .section1 .material-area .area-top .nav-up .search input {
  height: 42px;
  width: 270px;
  font-size: 14px;
  color: #333;
  background: #e8e8e8;
  border: none;
}
.main.workmate .section1 .material-area .area-top .nav-up .search input::placeholder {
  color: #666;
}
.main.workmate .section1 .material-area .area-top .nav-up .search p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 40px;
  background: #ff945c;
  cursor: pointer;
}
.main.workmate .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.workmate .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 45px 8px 45px;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  width: 80px;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
  margin: 0 -22px;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.workmate .section1 .material-area .area-top .nav-down .navs .nav-item:last-child {
  border: none;
}
.main.workmate .section1 .material-area .search-item {
  margin-bottom: 22px;
  padding: 26px;
  border: 1px solid #efefef;
}
.main.workmate .section1 .material-area .search-item .i-padding {
  margin: 0 -10px;
}
.main.workmate .section1 .material-area .search-item .i-padding .item {
  height: 38px;
  border-radius: 38px;
  background: #ff945c;
  padding: 0 16px;
  margin: 0 10px;
}
.main.workmate .section1 .material-area .search-item .i-padding .item p {
  font-size: 12px;
  color: #fff;
}
.main.workmate .section1 .material-area .search-item .i-padding .item span {
  font-size: 12px;
  color: #fff;
}
.main.workmate .section1 .material-area .search-item .i-padding .item i {
  font-size: 12px;
  color: #fff;
  display: block;
  font-style: normal;
  margin-left: 28px;
  cursor: pointer;
}
.main.workmate .section1 .material-area .search-item .btn {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.workmate .section1 .material-area .area-list {
  margin: 0 -10px;
}
.main.workmate .section1 .material-area .area-list .item {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 16px;
}
.main.workmate .section1 .material-area .area-list .item .item-padding {
  height: 312px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-img {
  width: 48%;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-img .i-btn {
  background: #ff945c;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  padding: 0 30px;
  top: auto;
  bottom: 20px;
  transform: translate(-50%, 0);
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-img .i-btn p {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-img:hover .img-mk {
  display: block;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t {
  width: 52%;
  padding: 32px 12px 0 12px;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t .brand-ic p {
  font-size: 14px;
  color: #fff;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t .info-t {
  font-size: 24px;
  color: #333;
  margin-bottom: 12px;
}
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t p,
.main.workmate .section1 .material-area .area-list .item .item-padding .item-t span {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.main.designer {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.designer .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.designer .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.designer .section1 .sec-top .path {
  padding: 26px 0;
}
.main.designer .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.designer .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.designer .section1 .material-area .area-top {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.designer .section1 .material-area .area-top .nav-up {
  height: 68px;
}
.main.designer .section1 .material-area .area-top .nav-up .search input {
  height: 42px;
  width: 270px;
  font-size: 14px;
  color: #333;
  background: #e8e8e8;
  border: none;
}
.main.designer .section1 .material-area .area-top .nav-up .search input::placeholder {
  color: #666;
}
.main.designer .section1 .material-area .area-top .nav-up .search p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 40px;
  background: #ff945c;
  cursor: pointer;
}
.main.designer .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.designer .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.designer .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 45px 8px 45px;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  width: 80px;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
  margin: 0 -22px;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.designer .section1 .material-area .area-top .nav-down .navs .nav-item:last-child {
  border: none;
}
.main.designer .section1 .material-area .search-item {
  margin-bottom: 22px;
  padding: 26px;
  border: 1px solid #efefef;
}
.main.designer .section1 .material-area .search-item .i-padding {
  margin: 0 -10px;
}
.main.designer .section1 .material-area .search-item .i-padding .item {
  height: 38px;
  border-radius: 38px;
  background: #ff945c;
  padding: 0 16px;
  margin: 0 10px;
}
.main.designer .section1 .material-area .search-item .i-padding .item p {
  font-size: 12px;
  color: #fff;
}
.main.designer .section1 .material-area .search-item .i-padding .item span {
  font-size: 12px;
  color: #fff;
}
.main.designer .section1 .material-area .search-item .i-padding .item i {
  font-size: 12px;
  color: #fff;
  display: block;
  font-style: normal;
  margin-left: 28px;
  cursor: pointer;
}
.main.designer .section1 .material-area .search-item .btn {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.designer .section1 .material-area .case-item {
  margin: 0 -10px;
}
.main.designer .section1 .material-area .case-item .item {
  width: 33.33%;
  margin-bottom: 40px;
  padding: 0 10px;
}
.main.designer .section1 .material-area .case-item .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-img {
  height: 260px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text {
  border: 1px solid #f9f9f9;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text .item-t {
  padding: 0 20px;
  padding-top: 16px;
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text .item-tp {
  padding: 0 20px;
  margin: 0 -8px;
  margin-bottom: 16px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 16px;
  padding: 0 8px;
  border-right: 1px solid #333;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text .item-tp p:last-child {
  border-right: none;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text:hover .item-t {
  color: #ff945c;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-text:hover .item-tp p {
  color: #ff945c;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer {
  padding: 10px 18px;
  border-top: 1px solid #f9f9f9;
  margin-bottom: 6px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer img {
  width: 52px;
  height: 52px;
  border-radius: 8px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer .i-r {
  padding-left: 16px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer .i-r p,
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer .i-r span {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer:hover .i-r p,
.main.designer .section1 .material-area .case-item .item .item-padding .item-text .i-designer:hover .i-r span {
  color: #ff945c;
}
.main.offer {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.offer .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.offer .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.offer .section1 .sec-top .path {
  padding: 26px 0;
}
.main.offer .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.offer .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.offer .section1 .material-area .area-top {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.offer .section1 .material-area .area-top .nav-up {
  height: 68px;
}
.main.offer .section1 .material-area .area-top .nav-up .search input {
  height: 42px;
  width: 270px;
  font-size: 14px;
  color: #333;
  background: #e8e8e8;
  border: none;
}
.main.offer .section1 .material-area .area-top .nav-up .search input::placeholder {
  color: #666;
}
.main.offer .section1 .material-area .area-top .nav-up .search p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 40px;
  background: #ff945c;
  cursor: pointer;
}
.main.offer .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.offer .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.offer .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 45px 8px 45px;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  width: 80px;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
  margin: 0 -22px;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.offer .section1 .material-area .area-top .nav-down .navs .nav-item:last-child {
  border: none;
}
.main.offer .section1 .material-area .search-item {
  margin-bottom: 22px;
  padding: 16px 26px;
  border: 1px solid #efefef;
}
.main.offer .section1 .material-area .search-item .i-padding {
  margin: 0 -10px;
}
.main.offer .section1 .material-area .search-item .i-padding .item {
  height: 38px;
  border-radius: 38px;
  background: #ff945c;
  padding: 0 16px;
  margin: 10px;
}
.main.offer .section1 .material-area .search-item .i-padding .item p {
  font-size: 12px;
  color: #fff;
}
.main.offer .section1 .material-area .search-item .i-padding .item span {
  font-size: 12px;
  color: #fff;
}
.main.offer .section1 .material-area .search-item .i-padding .item i {
  font-size: 12px;
  color: #fff;
  display: block;
  font-style: normal;
  margin-left: 28px;
  cursor: pointer;
}
.main.offer .section1 .material-area .search-item .btn {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.offer .section1 .material-area .offer-list .offer-item {
  width: 100%;
  padding-right: 364px;
  padding-right: 389px;
  margin-right: -364px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item {
  margin-bottom: 20px;
  padding: 0 10px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  height: 153px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-img {
  width: 158px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text {
  border-right: 1px solid #f1f1f1;
  padding: 20px 0;
  padding-left: 4px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text i {
  position: absolute;
  top: 26px;
  left: 0;
  width: 4px;
  height: 12px;
  display: block;
  background: #ff945c;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im {
  padding-left: 30px;
  margin-bottom: 14px;
  width: 50%;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im p {
  font-size: 14px;
  color: #333;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-text .im span {
  font-size: 14px;
  color: #666;
}

.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r {
  width: 230px;
  padding: 0 26px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r p {
  font-size: 16px;
  color: #333;
  margin-bottom: 18px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r p span {
  font-size: 20px;
  color: #ff945c;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r .i-btn {
  background: #ff945c;
  height: 52px;
  line-height: 52px;
  border-radius: 52px;
}
.main.offer .section1 .material-area .offer-list .offer-item .item .item-padding .item-r .i-btn p {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.main.offer .section1 .material-area .offer-list .offer-item .item:last-child {
  margin-bottom: 0;
}
.main.offer .section1 .material-area .offer-list .offer-form {
  width: 364px;
  padding: 0 36px;
  background: #ff945c;
}
.main.offer .section1 .material-area .offer-list .offer-form .r-t {
  padding-top: 58px;
  padding-bottom: 48px;
  font-size: 54px;
  color: #fff;
  letter-spacing: 4px;
}
.main.offer .section1 .material-area .offer-list .offer-form input {
  font-size: 14px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  width: 100%;
  height: 42px;
  margin-bottom: 18px;
}
.main.offer .section1 .material-area .offer-list .offer-form input::placeholder {
  font-size: 14px;
  color: #fff;
}

.main.offer .section1 .material-area .offer-list .offer-form select {
  font-size: 14px;
  color: #fff;
  background: none;
  border: 1px solid #fff;
  width: 100%;
  height: 42px;
  margin-bottom: 18px;
  padding: 0px 10px;
}

.main.offer .section1 .material-area .offer-list .offer-form select .option{ background: #fff; color: #333;}

.main.offer .section1 .material-area .offer-list .offer-form .verify {
  margin-bottom: 18px;
}
.main.offer .section1 .material-area .offer-list .offer-form .verify input {
  margin-bottom: 0;
}
.main.offer .section1 .material-area .offer-list .offer-form .verify p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 6px;
  margin-left: 10px;
  border: 1px solid #fff;
}
.main.offer .section1 .material-area .offer-list .offer-form .i-btn {
  background: #fff;
  height: 52px;
  line-height: 52px;
  border-radius: 52px;
  margin-bottom: 24px;
}
.main.offer .section1 .material-area .offer-list .offer-form .i-btn p {
  padding-left: 12px;
  color: #333;
  font-size: 16px;
  margin-bottom: 0;
}
.main.offerSite {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.offerSite .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.offerSite .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.offerSite .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.offerSite .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.offerSite .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.offerSite .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.offerSite .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.offerSite .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
}
.main.offerSite .section1 .brand-top .brand-ic p span {
  font-size: 20px;
}
.main.offerSite .section1 .brand-top .brand-info {
  height: 350px;
}
.main.offerSite .section1 .brand-top .brand-info .info-logo {
  width: 50%;
}
.main.offerSite .section1 .brand-top .brand-info .info-logo .i-05 {
  position: absolute;
  right: 0;
  left: auto;
  transform: translate(50%, -50%);
}
.main.offerSite .section1 .brand-top .brand-info .info-item {
  width: 50%;
  padding: 0 50px;
}
.main.offerSite .section1 .brand-top .brand-info .info-item .info-i {
  padding-left: 20px;
  margin-bottom: 20px;
}
.main.offerSite .section1 .brand-top .brand-info .info-item .info-i p {
  font-size: 14px;
  color: #333;
  width: 70px;
}
.main.offerSite .section1 .brand-top .brand-info .info-item .info-i span {
  font-size: 14px;
  color: #333;
}
.main.offerSite .section1 .brand-top .brand-info .info-item .info-i p::before {
  content: '';
  display: block;
  width: 2px;
  height: 14px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
  background: #ff945c;
  position: absolute;
  top: 0;
  left: 0;
}
.main.offerSite .section1 .brand-top .brand-info .info-item .info-i:last-child {
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l {
  width: 65%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.offerSite .section1 .offer-area .area-l .offer-process {
  border-bottom: 1px solid #f2f2f2;
  padding: 30px 20px;
}
.main.offerSite .section1 .offer-area .area-l .offer-process p {
  font-size: 24px;
  color: #333;
  width: 160px;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .offer-05 {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(18%, -50%);
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item {
  padding: 6px 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item .offer-06 {
  position: absolute;
  top: 14px;
  left: 60px;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item .item {
  margin-bottom: 33px;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item .item p {
  font-size: 42px;
  color: #f0f0f0;
  width: 100px;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item .item span {
  font-size: 14px;
  color: #333;
}
.main.offerSite .section1 .offer-area .area-l .offer-process .process-item .item:last-child {
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update {
  padding: 26px 20px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update p {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data {
  margin: 0 -12px;
  margin-bottom: 30px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l {
  width: 50%;
  padding: 0 12px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .l-top {
  padding: 15px 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .l-top p {
  font-size: 14px;
  color: #333;
  padding-right: 8px;
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download {
  padding: 15px;
  border: 1px solid #f2f2f2;
  margin: 0 -5px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item {
  width: 50%;
  padding: 0 5px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding {
  background: #f5f5f5;
  padding: 15px;
  cursor: pointer;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding .icon-33 {
  display: none;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding .icon-34 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding p {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding .i-07 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding:hover {
  background: #ff945c;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding:hover .icon-33 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding:hover .icon-34 {
  display: none;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding:hover p {
  color: #fff;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-l .data-padding .download .item .item-padding:hover .i-07 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r {
  width: 50%;
  padding: 0 12px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .l-top {
  padding: 15px 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .l-top p {
  font-size: 14px;
  color: #333;
  padding-right: 8px;
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .btn {
  font-size: 14px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #ff945c;
  cursor: pointer;
  border-radius: 4px;
  position: absolute;
  top: 6px;
  right: 0;
  margin-bottom: 0;
  border: none;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update {
  padding: 15px;
  border: 1px solid #f2f2f2;
  margin: 0 -5px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item {
  width: 50%;
  padding: 0 5px;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding {
  background: #f5f5f5;
  padding: 15px;
  cursor: pointer;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding input {
  cursor: pointer;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding .icon-31 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding .icon-32 {
  display: none;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding p {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
  margin-bottom: 0;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding .i-08 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding:hover {
  background: #04d7d2;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding:hover .icon-31 {
  display: none;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding:hover .icon-32 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding:hover p {
  color: #fff;
}
.main.offerSite .section1 .offer-area .area-l .offer-update .offer-data .data-r .data-padding .update .item .item-padding:hover .i-08 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-r {
  width: 35%;
}
.main.offerSite .section1 .offer-area .area-r .r-padding {
  padding-left: 34px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area p {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list {
  margin: 0 -8px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item {
  width: 50%;
  padding: 0 8px;
  margin-bottom: 30px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding {
  padding: 8px;
  border: 1px solid #b5b5b5;
  padding-bottom: 25px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-img {
  height: 95px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-down {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background: #fff;
  padding: 0 24px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-down p {
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
  padding-right: 8px;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-down img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-down .icon-30 {
  display: block;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding .item-down .icon-29 {
  display: none;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding:hover {
  border: 1px solid #ff945c;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding:hover p {
  color: #ff945c;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding:hover .icon-30 {
  display: none;
}
.main.offerSite .section1 .offer-area .area-r .r-padding .down-area .down-list .item .item-padding:hover .icon-29 {
  display: block;
}
.main.decoration {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.decoration .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.decoration .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.decoration .section1 .sec-top .path {
  padding: 26px 0;
}
.main.decoration .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.decoration .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.decoration .section1 .material-area .area-top {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decoration .section1 .material-area .area-top .nav-up {
  height: 68px;
}
.main.decoration .section1 .material-area .area-top .nav-up .search input {
  height: 42px;
  width: 270px;
  font-size: 14px;
  color: #333;
  background: #e8e8e8;
  border: none;
}
.main.decoration .section1 .material-area .area-top .nav-up .search input::placeholder {
  color: #666;
}
.main.decoration .section1 .material-area .area-top .nav-up .search p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 40px;
  background: #ff945c;
  cursor: pointer;
}
.main.decoration .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.decoration .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 45px 8px 45px;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  width: 80px;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
  margin: 0 -22px;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.decoration .section1 .material-area .area-top .nav-down .navs .nav-item:last-child {
  border: none;
}
.main.decoration .section1 .material-area .search-item {
  padding: 16px 26px;
  border: 1px solid #efefef;
}
.main.decoration .section1 .material-area .search-item .i-padding {
  margin: 0 -10px;
}
.main.decoration .section1 .material-area .search-item .i-padding .item {
  height: 38px;
  border-radius: 38px;
  background: #ff945c;
  padding: 0 16px;
  margin: 10px;
}
.main.decoration .section1 .material-area .search-item .i-padding .item p {
  font-size: 12px;
  color: #fff;
}
.main.decoration .section1 .material-area .search-item .i-padding .item span {
  font-size: 12px;
  color: #fff;
}
.main.decoration .section1 .material-area .search-item .i-padding .item i {
  font-size: 12px;
  color: #fff;
  display: block;
  font-style: normal;
  margin-left: 28px;
  cursor: pointer;
}
.main.decoration .section1 .material-area .search-item .btn {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.decoration .section1 .material-area .area-bottom {
  margin: 0 -16px;
}
.main.decoration .section1 .material-area .area-bottom .item {
  width: 33.33%;
  padding: 0 16px;
  margin-top: 28px;
  margin-bottom: 20px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-img {
  height: 256px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text {
  height: 182px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-logo {
  width: 242px;
  height: 100px;
  border: 1px solid #f5f5f5;
  margin-bottom: 26px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-logo .i-04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text {
  position: absolute;
  padding: 0 20px;
  bottom: 24px;
  left: 0;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l p {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l .i {
  color: #333;
  font-size: 18px;
  margin-bottom: 0;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l .i span {
  color: #04d7d2;
  font-size: 18px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-btn {
  background: #ff945c;
  height: 80px;
  width: 110px;
  border-radius: 4px;
}
.main.decoration .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-btn p {
  padding-top: 8px;
  color: #fff;
  font-size: 16px;
}
.main.decorationSite {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.decorationSite .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.decorationSite .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.decorationSite .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.decorationSite .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.decorationSite .section1 .brand-top {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
}
.main.decorationSite .section1 .brand-top .brand-i {
  font-size: 24px;
  color: #fff;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background: #ff945c;
  position: absolute;
  top: 30px;
  left: -25px;
  box-shadow: 0px 0px 20px 0px rgba(255, 134, 26, 0.5);
}
.main.decorationSite .section1 .brand-top .brand-ic {
  width: 165px;
  height: 50px;
  border-radius: 0 0 0 24.5px;
  background: #04d7d2;
  position: absolute;
  top: 0;
  right: 0;
}
.main.decorationSite .section1 .brand-top .brand-ic p {
  font-size: 14px;
  color: #fff;
  padding-right: 12px;
}
.main.decorationSite .section1 .brand-top .brand-info {
  height: 350px;
}
.main.decorationSite .section1 .brand-top .brand-info .info-carousel {
  width: 50%;
}
.main.decorationSite .section1 .brand-top .brand-info .info-carousel .slide-mk {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -40px);
  white-space: nowrap;
  z-index: 8;
}
.main.decorationSite .section1 .brand-top .brand-info .info-carousel .slide-mk .slide-p {
  margin-bottom: 24px;
}
.main.decorationSite .section1 .brand-top .brand-info .info-carousel .slide-mk .slide-p span {
  color: #fff;
  font-size: 88px;
  padding: 0 35px;
  display: inline-block;
}
.main.decorationSite .section1 .brand-top .brand-info .info-carousel .slide-mk .slide-span {
  color: #fff;
  font-size: 24px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text {
  width: 50%;
  padding: 24px 28px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company {
  margin-bottom: 20px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-logo {
  width: 195px;
  height: 80px;
  border: 1px solid #f5f5f5;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-logo .i-04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-text {
  padding-left: 28px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-text p {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-text .i {
  color: #333;
  font-size: 18px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-company .i-text .i span {
  color: #04d7d2;
  font-size: 18px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief {
  margin-bottom: 30px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-t {
  color: #333;
  font-size: 14px;
  margin-bottom: 14px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief ::-webkit-scrollbar {
  width: 1px;
  background-color: #f9f9f9;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief ::-webkit-scrollbar-track {
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f9f9f9;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief ::-webkit-scrollbar-thumb {
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #333;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-text {
  height: 90px;
  overflow-y: scroll;
  text-indent: 2em;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-text img{ width: 100%; height:auto; display: block;}

.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-text p {
  color: #333;
  font-size: 14px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-text p,
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-brief .brief-text span {
  line-height: 30px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-btn {
  background: #ff945c;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  width: 178px;
}
.main.decorationSite .section1 .brand-top .brand-info .item-text .i-btn p {
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.main.decorationSite .section1 .sec2 {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info {
  min-height: 250px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l {
  width: 195px;
  min-height: 250px;
  padding: 30px 42px;
  border-right: 1px solid #ececec;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i {
  height: 50px;
  cursor: pointer;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i p {
  font-size: 18px;
  color: #333;
  padding-left: 14px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .info-i p::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 6px solid #333;
  position: absolute;
  top: 4px;
  left: 0;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .active img {
  display: block;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .active p {
  color: #ff945c;
  padding-left: 6px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-l .active p::before {
  display: none;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-r {
  width: 100%;
  padding: 48px 70px;
  padding-left: 265px;
  margin-left: -195px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-r p {
  font-size: 14px;
  color: #333;
  margin-bottom: 14px;
}
.main.decorationSite .section1 .sec2 .manufacturer-info .info-r p,
.main.decorationSite .section1 .sec2 .manufacturer-info .info-r span {
  line-height: normal;
}
.main.decorationSite .section1 .designer-area {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .designer-area .case-top {
  padding: 0 35px;
  height: 95px;
  border-bottom: 1px solid #eaeaea;
}
.main.decorationSite .section1 .designer-area .case-top .top-t {
  font-size: 24px;
  color: #333;
}
.main.decorationSite .section1 .designer-area .case-top p {
  font-size: 14px;
  color: #333;
}
.main.decorationSite .section1 .designer-area .case-item {
  padding: 30px 35px 35px 35px;
  margin: 0 -10px;
}
.main.decorationSite .section1 .designer-area .case-item .item {
  width: 20%;
  padding: 0 10px;
}
.main.decorationSite .section1 .designer-area .case-item .item .item-padding .item-img {
  height: 242px;
}
.main.decorationSite .section1 .designer-area .case-item .item .item-padding .item-text {
  padding: 20px 0;
}
.main.decorationSite .section1 .designer-area .case-item .item .item-padding .item-text .item-t {
  font-size: 24px;
  color: #333;
  margin-bottom: 14px;
}
.main.decorationSite .section1 .designer-area .case-item .item .item-padding .item-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 16px;
}
.main.decorationSite .section1 .designer-area .case-item .item .item-padding:hover .item-text p {
  color: #ff945c !important;
}
.main.decorationSite .section1 .case-area {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .case-area .case-top {
  padding: 0 35px;
  height: 95px;
  border-bottom: 1px solid #eaeaea;
}
.main.decorationSite .section1 .case-area .case-top .top-t {
  font-size: 24px;
  color: #333;
}
.main.decorationSite .section1 .case-area .case-top p {
  font-size: 14px;
  color: #333;
}
.main.decorationSite .section1 .case-area .case-item {
  padding: 30px 35px 15px 35px;
  margin: 0 -10px;
}
.main.decorationSite .section1 .case-area .case-item .item {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 10px;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-img {
  height: 242px;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-text {
  padding: 20px;
  border: 1px solid #f9f9f9;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-text .item-t {
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp {
  margin: 0 -8px;
  margin-bottom: 5px;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp p {
  font-size: 14px;
  color: #333;
  line-height: 16px;
  padding: 0 8px;
  border-right: 1px solid #333;
}
.main.decorationSite .section1 .case-area .case-item .item .item-padding .item-text .item-tp p:last-child {
  border-right: none;
}
.main.decorationSite .section1 .case-area .case-item .item:hover .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .case-area .case-item .item:hover .item-padding .item-text .item-t {
  color: #ff945c;
}
.main.decorationSite .section1 .case-area .case-item .item:hover .item-padding .item-text .item-tp p {
  color: #ff945c;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) {
  margin-bottom: 36px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-l img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-l p {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r {
  padding-right: 10px;
  width: 100%;
  padding-right: 76px;
  margin-right: -66px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r p {
  font-size: 14px;
  color: #333;
  padding: 30px 80px;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r p,
.main.decorationSite .section1 .comment .comment-list .item:nth-child(even) .item-r span {
  line-height: 30px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) {
  margin-bottom: 36px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-l img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-l p {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
  text-align: center;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r {
  padding-left: 10px;
  width: 100%;
  padding-left: 76px;
  margin-left: -66px;
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r p {
  font-size: 14px;
  color: #333;
  padding: 30px 80px;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r p,
.main.decorationSite .section1 .comment .comment-list .item:nth-child(odd) .item-r span {
  line-height: 30px;
}
.main.decorationSite .section1 .comment .comment-list .item:hover .item-r p {
  background: #ff945c;
  color: #fff;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.main.decorationSite .carousel-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
}
.main.decorationSite .carousel-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.main.register {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.register .selects {
  width: 174px;
  height: 45px;
  background: #fff;
}
.main.register .selects .selects-ac {
  font-size: 12px;
  color: #666;
  padding: 0 12px;
  height: 45px;
  line-height: 45px;
  display: block;
}
.main.register .selects .selects-ac::after {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -25%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #787779;
}
.main.register .selects .active {
  color: #333;
}
.main.register .selects ul {
  background: #f5f5f5;
  top: 38px;
  left: 0;
}
.main.register .selects ul li {
  font-size: 12px;
  color: #333;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.main.register .selects ul li:hover {
  color: #fff;
  background: #ff945c;
}
.main.register .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.register .section1 .sec-top {
  padding: 38px 0;
}
.main.register .section1 .sec-top .path {
  padding: 30px 0;
  margin-bottom: 10px;
}
.main.register .section1 .sec-top .path p {
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
}
.main.register .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
}
.main.register .section1 .register-area .sec-area {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
.main.register .section1 .register-area .sec-area .area-top {
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.main.register .section1 .register-area .sec-area .area-top li {
  margin: 0 60px;
  color: #333;
  font-size: 18px;
  height: 100px;
  line-height: 100px;
  border-bottom: 2px solid transparent;
}
.main.register .section1 .register-area .sec-area .area-top .active,
.main.register .section1 .register-area .sec-area .area-top li:hover {
  color: #ff945c;
  border-bottom: 2px solid #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom {
  padding: 60px 55px 70px 55px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-l {
  position: absolute;
  top: 0;
  left: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-l p {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-l i {
  height: 2px;
  width: 45px;
  display: block;
  background: #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r {
  width: 458px;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -229px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im {
  margin-bottom: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im p {
  font-size: 14px;
  color: #333;
  padding-right: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im input[type='text'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
  padding: 0 24px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im input[type='text']::placeholder {
  color: #666;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im input[type='password'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
  padding: 0 24px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im input[type='password']::placeholder {
  color: #666;
}

.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im .verify-area input {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .im .verify-area .verify {
  font-size: 14px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #ff945c;
  width: 160px;
  text-align: center;
  margin-left: 20px;
  padding: 0;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .protocol {
  margin-bottom: 58px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .protocol input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .protocol input[type="checkbox"]:checked::after {
  top: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .protocol p {
  font-size: 14px;
  color: #666;
  padding: 0;
  padding-left: 8px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item .item-r .sub {
  font-size: 18px;
  color: #fff;
  height: 56px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -229px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im {
  margin-bottom: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im p {
  font-size: 14px;
  color: #333;
  padding-right: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im input[type='text'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im input[type='text']::placeholder {
  color: #666;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area input[type='text'] {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area input[type='password'] {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area .gender {
  width: 160px;
  margin-left: 20px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area .gender p {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area .gender input[type='radio'] {
  border: 1px solid #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area .gender input[type='radio']:checked::after {
  background: #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .gender-area .gender label {
  font-size: 14px;
  color: #333;
  padding-left: 6px;
  margin-right: 30px;
}

.gender input[type='radio'] {
  border: 1px solid #ff945c;
}
.gender input[type='radio']:checked::after {
  background: #ff945c;
}
.gender label {
  font-size: 14px;
  color: #333;
  padding-left: 6px;
  margin-right: 30px;
}

.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .verify-area input {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .verify-area .verify {
  font-size: 14px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #ff945c;
  width: 160px;
  text-align: center;
  margin-left: 20px;
  padding: 0;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .selects {
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im .selects p {
  height: 56px;
  line-height: 56px;
  padding: 0 24px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im7 .selects {
  width: 316px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im8 .selects {
  width: 110px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im9 .selects {
  width: 170px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im10 .selects {
  width: 130px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im10 .selects:last-child {
  margin-right: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .im11 .selects {
  width: 250px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .protocol {
  margin-bottom: 58px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .protocol input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .protocol input[type="checkbox"]:checked::after {
  top: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .protocol p {
  font-size: 14px;
  color: #666;
  padding: 0;
  padding-left: 8px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item2 .item-r .sub {
  font-size: 18px;
  color: #fff;
  height: 56px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -229px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im {
  margin-bottom: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im > p {
  font-size: 14px;
  color: #333;
  padding-right: 22px;
  height: 56px;
  line-height: 56px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im input[type='text'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im input[type='text']::placeholder {
  color: #666;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area input[type='text'] {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area .gender {
  width: 160px;
  margin-left: 20px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area .gender p {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area .gender input[type='radio'] {
  border: 1px solid #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area .gender input[type='radio']:checked::after {
  background: #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .gender-area .gender label {
  font-size: 14px;
  color: #333;
  padding-left: 6px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .verify-area input {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .verify-area .verify {
  font-size: 14px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #ff945c;
  width: 160px;
  text-align: center;
  margin-left: 20px;
  padding: 0;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .selects {
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im .selects p {
  height: 56px;
  line-height: 56px;
  padding: 0 24px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im textarea {
  height: 122px;
  border-radius: 4px;
  background: #f0eff2;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im7 .selects {
  width: 316px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im8 .selects {
  width: 110px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im9 .selects {
  width: 170px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im10 .selects {
  width: 130px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im10 .selects:last-child {
  margin-right: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im11 .selects {
  width: 250px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 .item {
  height: 56px;
  line-height: 56px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 0px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 input[type="checkbox"]:checked::after {
  top: 2px;
  left: 2px;
  height: 3px;
  width: 6px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .im16 label {
  font-size: 14px;
  color: #333;
  padding-left: 4px;
  padding-right: 28px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .protocol {
  margin-bottom: 58px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .protocol input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .protocol input[type="checkbox"]:checked::after {
  top: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .protocol p {
  font-size: 14px;
  color: #666;
  padding: 0;
  padding-left: 8px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item3 .item-r .sub {
  font-size: 18px;
  color: #fff;
  height: 56px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -229px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im {
  margin-bottom: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im p {
  font-size: 14px;
  color: #333;
  padding-right: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im input[type='text'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im input[type='text']::placeholder {
  color: #666;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area input[type='text'] {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area .gender {
  width: 160px;
  margin-left: 20px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area .gender p {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area .gender input[type='radio'] {
  border: 1px solid #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area .gender input[type='radio']:checked::after {
  background: #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .gender-area .gender label {
  font-size: 14px;
  color: #333;
  padding-left: 6px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .verify-area input {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .verify-area .verify {
  font-size: 14px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #ff945c;
  width: 160px;
  text-align: center;
  margin-left: 20px;
  padding: 0;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .selects {
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im .selects p {
  height: 56px;
  line-height: 56px;
  padding: 0 24px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im textarea {
  height: 122px;
  border-radius: 4px;
  background: #f0eff2;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im7 .selects {
  width: 316px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im8 .selects {
  width: 110px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im9 .selects {
  width: 170px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im10 .selects {
  width: 130px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im10 .selects:last-child {
  margin-right: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .im11 .selects {
  width: 250px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .protocol {
  margin-bottom: 58px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .protocol input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .protocol input[type="checkbox"]:checked::after {
  top: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .protocol p {
  font-size: 14px;
  color: #666;
  padding: 0;
  padding-left: 8px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item4 .item-r .sub {
  font-size: 18px;
  color: #fff;
  height: 56px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r {
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -229px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im {
  margin-bottom: 22px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im > p {
  font-size: 14px;
  color: #333;
  padding-right: 22px;
  height: 56px;
  line-height: 56px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im input[type='text'] {
  height: 56px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im input[type='text']::placeholder {
  color: #666;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area input[type='text'] {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area .gender {
  width: 160px;
  margin-left: 20px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area .gender p {
  font-size: 14px;
  color: #333;
  padding: 0;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area .gender input[type='radio'] {
  border: 1px solid #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area .gender input[type='radio']:checked::after {
  background: #ff945c;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .gender-area .gender label {
  font-size: 14px;
  color: #333;
  padding-left: 6px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .verify-area input {
  width: 280px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .verify-area .verify {
  font-size: 14px;
  color: #fff;
  height: 56px;
  line-height: 56px;
  background: #ff945c;
  width: 160px;
  text-align: center;
  margin-left: 20px;
  padding: 0;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .selects {
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  background: #f0eff2;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im .selects p {
  height: 56px;
  line-height: 56px;
  padding: 0 24px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im textarea {
  height: 122px;
  border-radius: 4px;
  background: #f0eff2;
  border: none;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im7 .selects {
  width: 150px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im8 .selects {
  width: 110px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im9 .selects {
  width: 170px;
  margin-right: 30px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im10 .selects {
  width: 130px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im10 .selects:last-child {
  margin-right: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im11 .selects {
  width: 250px;
  margin-right: 12px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im16 .item {
  height: 56px;
  line-height: 56px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im16 input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 0px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im16 input[type="checkbox"]:checked::after {
  top: 2px;
  left: 2px;
  height: 3px;
  width: 6px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im16 label {
  font-size: 14px;
  color: #333;
  padding-left: 4px;
  padding-right: 28px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 > p {
  line-height: 60px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential {
  width: 50%;
  padding-right: 20px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential .item-padding {
  height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential input {
  background: none;
  padding: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential .update input {
  top: 0;
  left: 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .credential-area .credential .update p {
  font-size: 14px;
  color: #fff;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  background: #ff945c;
  border-radius: 38px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .im17 .img-add {
  border: 1px solid #ff945c;
  font-size: 32px;
  color: #ff945c;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 6px 0;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .protocol {
  margin-bottom: 58px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .protocol input[type='checkbox'] {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .protocol input[type="checkbox"]:checked::after {
  top: 4px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .protocol p {
  font-size: 14px;
  color: #666;
  padding: 0;
  padding-left: 8px;
}
.main.register .section1 .register-area .sec-area .area-bottom .item5 .item-r .sub {
  font-size: 18px;
  color: #fff;
  height: 56px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
}
.main.login {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.login .section1 .login-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 688px;
  background: #f17222;
  z-index: -1;
}
.main.login .section1 .sec-area {
  height: 688px;
  padding-top: 105px;
}
.main.login .section1 .sec-area .area-l {
  width: 50%;
}
.main.login .section1 .sec-area .area-l p {
  color: #fff;
  font-size: 46px;
  margin-bottom: 16px;
}
.main.login .section1 .sec-area .area-l span {
  color: #fff;
  font-size: 24px;
  margin-bottom: -10px;
}
.main.login .section1 .sec-area .area-l img {
  position: relative;
  z-index: -1;
}
.main.login .section1 .sec-area .area-r {
  width: 50%;
  padding: 0 30px;
}
.main.login .section1 .sec-area .area-r .login-area {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.login .section1 .sec-area .area-r .login-area .area-top {
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.main.login .section1 .sec-area .area-r .login-area .area-top li {
  width: 25%; 
  color: #333;
  font-size: 16px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  border-bottom: 2px solid transparent;
  border-right: 1px solid #f0f0f0;
}
.main.login .section1 .sec-area .area-r .login-area .area-top .active,
.main.login .section1 .sec-area .area-r .login-area .area-top li:hover {
  color: #ff945c;
  border-bottom: 2px solid #ff945c;
}
.main.login .section1 .sec-area .area-r .login-area .area-top li:last-child {
  border-right: none;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item {
  padding: 45px 25px;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im {
  margin-bottom: 26px;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area {
  height: 72px;
  border-radius: 72px;
  background: #f0eff2;
  padding: 0 0 0 40px;
  border: 1px solid #d2d2d2;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area img {
  position: relative;
  z-index: 0;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area input {
  height: 70px;
  border-radius: 70px;
  border: none;
  font-size: 16px;
  color: #333;
  background: transparent;
  padding-left: 40px;
  margin-left: -30px;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area input {
  -webkit-box-shadow: 0 0 0px 100px #f0eff2 inset;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .inp-area input[type='text']::placeholder {
  color: #666;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im .verify {
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  background: #ff945c;
  padding: 0 36px;
  margin-left: 14px;
  border-radius: 50px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.5);
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .sub {
  font-size: 24px;
  color: #fff;
  height: 72px;
  display: inline-block;
  text-align: center;
  background: #ff945c;
  border-radius: 4px;
  border: none;
  margin: 10px 0 30px 0;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login p {
  font-size: 14px;
  color: #333;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login .register p {
  font-size: 14px;
  color: #333;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login .register span {
  font-size: 14px;
  color: #04d7d2;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login .login-verify p {
  font-size: 14px;
  color: #333;
}
.main.login .section1 .sec-area .area-r .login-area .area-bottom .item .im-login .login-verify span {
  font-size: 14px;
  color: #ff945c;
}
.main.login .section1 .platform {
  margin: 0 -6px;
  padding: 50px 0 30px 0;
}
.main.login .section1 .platform .item {
  width: 25%;
  padding: 0 6px;
}
.main.login .section1 .platform .item .item-padding {
  padding: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  transition: all .3s linear;
}
.main.login .section1 .platform .item .item-padding .item-text {
  padding-left: 22px;
}
.main.login .section1 .platform .item .item-padding .item-text p {
  color: #333;
  font-size: 18px;
  margin-bottom: 8px;
}
.main.login .section1 .platform .item .item-padding .item-text span {
  color: #333;
  font-size: 14px;
}
.main.login .section1 .platform .item .item-padding:hover {
  margin-top: -15px;
  margin-bottom: 15px;
}
.main.search {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.main.search .section1 .case-bg {
  top: 0;
  transform: translate(-50%, 0);
  height: 335px;
}
.main.search .section1 .sec-top .sec-t {
  font-size: 42px;
  color: #333;
  padding-top: 90px;
  margin-bottom: 36px;
}
.main.search .section1 .sec-top .path {
  padding: 26px 0;
}
.main.search .section1 .sec-top .path p {
  font-size: 12px;
  color: #333;
  padding-left: 8px;
}
.main.search .section1 .sec-top .btn {
  font-size: 18px;
  color: #fff;
  padding: 0 30px;
  height: 44px;
  line-height: 36px;
  display: inline-block;
  border: 4px solid #fff;
  margin-bottom: 20px;
}
.main.search .section1 .material-area .area-top {
  margin-bottom: 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.search .section1 .material-area .area-top .nav-up {
  height: 68px;
}
.main.search .section1 .material-area .area-top .nav-up .search input {
  height: 42px;
  width: 270px;
  font-size: 14px;
  color: #333;
  background: #e8e8e8;
  border: none;
}
.main.search .section1 .material-area .area-top .nav-up .search input::placeholder {
  color: #666;
}
.main.search .section1 .material-area .area-top .nav-up .search p {
  font-size: 14px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  padding: 0 40px;
  background: #ff945c;
  cursor: pointer;
}
.main.search .section1 .material-area .area-top .nav-up .up-r {
  padding: 0 30px;
}
.main.search .section1 .material-area .area-top .nav-down {
  border-top: 1px solid #e0e0e0;
}
.main.search .section1 .material-area .area-top .nav-down .navs {
  padding: 22px 45px 8px 45px;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item {
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item p {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  width: 80px;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s {
  padding-left: 40px;
  margin: 0 -22px;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s li {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item .nav-s .ac {
  background: #ff945c;
  color: #fff;
}
.main.search .section1 .material-area .area-top .nav-down .navs .nav-item:last-child {
  border: none;
}
.main.search .section1 .material-area .search-item {
  margin-bottom: 22px;
  padding: 16px 26px;
  border: 1px solid #efefef;
}
.main.search .section1 .material-area .search-item .i-padding {
  margin: 0 -10px;
}
.main.search .section1 .material-area .search-item .i-padding .item {
  height: 38px;
  border-radius: 38px;
  background: #ff945c;
  padding: 0 16px;
  margin: 10px;
}
.main.search .section1 .material-area .search-item .i-padding .item p {
  font-size: 12px;
  color: #fff;
}
.main.search .section1 .material-area .search-item .i-padding .item span {
  font-size: 12px;
  color: #fff;
}
.main.search .section1 .material-area .search-item .i-padding .item i {
  font-size: 12px;
  color: #fff;
  display: block;
  font-style: normal;
  margin-left: 28px;
  cursor: pointer;
}
.main.search .section1 .material-area .search-item .btn {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.main.search .section1 .material-area .area-list {
  margin: 0 -15px;
}
.main.search .section1 .material-area .area-list .item {
  width: 33.33%;
  padding: 0 15px;
}
.main.search .section1 .material-area .area-list .item .item-padding .item-img {
  height: 238px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.search .section1 .material-area .area-list .item .item-padding .item-img .img-mk {
  background: rgba(255, 255, 255, 0.8);
}
.main.search .section1 .material-area .area-list .item .item-padding .item-img .img-mk p {
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  font-size: 14px;
  color: #fff;
  background: #ff945c;
  display: inline-block;
  cursor: pointer;
}
.main.search .section1 .material-area .area-list .item .item-padding .item-img:hover .img-mk {
  display: block;
}
.main.search .section1 .material-area .area-list .item .item-padding .item-t {
  padding: 32px 0;
}
.main.search .section1 .material-area .area-list .item .item-padding .item-t p {
  font-size: 18px;
  color: #333;
  padding: 0 20px;
}
.main.search .section1 .material-area .area-bottom {
  margin: 0 -16px;
}
.main.search .section1 .material-area .area-bottom .item {
  width: 33.33%;
  padding: 0 16px;
  margin-top: 28px;
  margin-bottom: 20px;
}
.main.search .section1 .material-area .area-bottom .item .item-padding {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-img {
  height: 256px;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text {
  height: 182px;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-logo {
  width: 242px;
  height: 100px;
  border: 1px solid #f5f5f5;
  margin-bottom: 26px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-logo .i-04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text {
  position: absolute;
  padding: 0 20px;
  bottom: 24px;
  left: 0;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l p {
  color: #333;
  font-size: 16px;
  margin-bottom: 12px;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l .i {
  color: #333;
  font-size: 18px;
  margin-bottom: 0;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-l .i span {
  color: #04d7d2;
  font-size: 18px;
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-btn {
  background: #ff945c;
  height: 80px;
  width: 110px;
  border-radius: 4px;
  box-shadow: 0px 6px 10px 0px rgba(255, 134, 26, 0.3);
}
.main.search .section1 .material-area .area-bottom .item .item-padding .item-text .i-text .i-btn p {
  padding-top: 8px;
  color: #fff;
  font-size: 16px;
}
.main.search .section1 .material-area .staregys-list .item {
  margin-bottom: 20px;
  padding: 28px 30px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.search .section1 .material-area .staregys-list .item .item-l {
  padding-right: 25px;
}
.main.search .section1 .material-area .staregys-list .item .item-l .i-t {
  font-size: 18px;
  color: #333;
  margin-bottom: 18px;
  padding-top: 8px;
}
.main.search .section1 .material-area .staregys-list .item .item-l .i-brief {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  line-height: 24px;
}
.main.search .section1 .material-area .staregys-list .item .item-l .i-time {
  font-size: 14px;
  color: #333;
}
.main.search .section1 .material-area .staregys-list .item .item-img {
  width: 312px;
  height: 166px;
}
.main.search .section1 .material-area .staregys-list .item:last-child {
  margin-bottom: 0;
}
.main.search .section1 .material-area .brand-list {
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.main.search .section1 .material-area .brand-list .list-top {
  height: 80px;
  padding: 0 20px;
}
.main.search .section1 .material-area .brand-list .list-top .i-top li {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.main.search .section1 .material-area .brand-list .list-top .i-top .sorts p {
  margin-right: 6px;
}
.main.search .section1 .material-area .brand-list .list-top .i-top .sorts .sort-u {
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.search .section1 .material-area .brand-list .list-top .i-top .sorts .sort-d {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #333;
  margin: 2px 0;
  cursor: pointer;
}
.main.search .section1 .material-area .brand-list .list-top .i-06 {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.main.search .section1 .material-area .brand-list .list-item {
  padding-top: 3px;
}
.main.search .section1 .material-area .brand-list .list-item .item {
  padding: 0 20px;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding {
  border-bottom: 3px solid #f9f9f9;
  height: 110px;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding li {
  text-align: center;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i2 {
  color: #ff945c;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i6 {
  color: #999;
  text-decoration: line-through;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i9 {
  color: #04d7d2;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i12 {
  color: #ff945c;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i12 .login {
  color: #ff945c;
  width: 110px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-padding .i12:hover .login {
  background: #ff945c;
  color: #fff;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-hover {
  padding: 38px 0;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-hover p {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-hover .score {
  width: 14%;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-hover .score p {
  font-size: 12px;
  color: #ff945c;
  margin-bottom: 12px;
}
.main.search .section1 .material-area .brand-list .list-item .item .item-hover .score .star img {
  margin: 0 2px;
}
.main.search .section1 .material-area .brand-list .list-item .item:last-child .item-padding {
  border-bottom: none;
}
.main.search .section1 .material-area .brand-list .list-item .item:hover,
.main.search .section1 .material-area .brand-list .list-item .active {
  background: #f9f9f9;
  margin-top: -3px;
}
.main.search .section1 .material-area .brand-list .list-item .item:hover .item-padding,
.main.search .section1 .material-area .brand-list .list-item .active .item-padding {
  border-bottom: 3px solid #f1f1f1;
}
.main.search .section1 .material-area .brand-list .list-item .item:hover .item-padding .i12 .login,
.main.search .section1 .material-area .brand-list .list-item .active .item-padding .i12 .login {
  background: #ff945c;
  color: #fff;
}
.appointment-popup {
  width: 455px;
  z-index: 111;
  border-radius: 4px;
}
.appointment-popup .website-top {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
  padding-right: 0;
}
.appointment-popup .website-top p {
  font-size: 18px;
  color: #333;
}
.appointment-popup .website-top .i {
  cursor: pointer;
  margin: 0 20px;
}
.appointment-popup .website-area {
  padding: 30px 20px;
}
.appointment-popup .website-area .item {
  margin-bottom: 10px;
}
.appointment-popup .website-area .item input {
  width: 100%;
  line-height: 52px;
  border-radius: 52px;
  font-size: 14px;
  color: #333;
  background: #f0eff2;
  border: 1px solid #d2d2d2;
  padding: 0 20px;
}
.appointment-popup .website-area .item .btn {
  font-size: 18px;
  color: #fff;
  height: 52px;
  line-height: 52px;
  border-radius: 4px;
  background: #ff945c;
  border: none;
  cursor: pointer;
  display: block;
}
.appointment-popup .website-area .item2 {
  margin-bottom: 20px;
}
.appointment-popup .website-area .verify {
  font-size: 14px;
  color: #999;
  padding: 0 30px;
  height: 52px;
  line-height: 52px;
  border-radius: 52px;
  background: #f0eff2;
  border: none;
  cursor: pointer;
  margin-left: 10px;
}
.appointment-popup .website-area .verify:hover {
  background: #ff945c;
  color: #fff;
}