.tion03 { -webkit-transition: 0.3s; transition: 0.3s; }
.auto_1440 { max-width: 1400px; margin: 0 auto; width: 100% }
@media screen and (max-width:1460px) {
  .auto_1440 { padding: 0 80px }
}
@media screen and (max-width:1200px) {
  .auto_1440 { padding: 0 30px }
}
@media screen and (max-width:768px) {
  .auto_1440 { padding: 0 15px }
}
.auto_1680 { max-width: 1680px; margin: 0 auto; width: 100% }
@media screen and (max-width:1680px) {
  .auto_1680 { padding: 0 16px }
}
.singlepage { position: relative; z-index: 2; }
@keyframes bangd {
  50%  { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  100%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
}
@-moz-keyframes bangd {
 50%  { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  100%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
}
@-webkit-keyframes bangd {
 50%  { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  100%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
}
@-o-keyframes bangd {
 50%  { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  100%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
}

/*Top002209*/

/*body{ background:#000;}*/
.Top002209 { background: #fff; padding: 20px 60px; line-height: 39px; border-bottom: 1px solid #191919; }
.Top002209 .header { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.Top002209 .header-left { max-width: 40%; }
.Top002209 .header-mid,
.Top002209 .header-right dd { font-size: 15px; }
.Top002209 .header-right dd.ra { margin-left: 10px; padding-left: 10px; border-left: 1px solid #cccccc; line-height: 1 }
.Top002209 .header-right dd.ra:nth-child(1) { margin: 0; padding: 0; border: 0 }
.Top002209 .header-right dd a { color: #999999; -webkit-transition: 0.3s; transition: 0.3s; }
.Top002209 .header-right dd a:hover { color: #e63241 }
.Top002209 .header-right dd.Shopping { position: relative; font-size: 14px; }
.Top002209 .header-right dd.Shopping .shopList { display: none; position: absolute; right: 0; top: 100%; width: 134px; margin-top: -10px; }
.Top002209 .header-right dd.Shopping .shopList .itb { text-align: right; line-height: 8px; }
.Top002209 .header-right dd.Shopping .shopList .itb .i { display: inline-block; position: relative; z-index: 2; top: 1px; width: 0; margin-right: 15px; height: 0; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.Top002209 .header-right dd.Shopping .shopListView { border-radius: 3px; border: 1px solid #e9e9e9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 88; background: #fff; }
.Top002209 .header-right dd.Shopping:hover .shopList { display: block; }
.Top002209 .header-right dd.Shopping .shopList a { display: block; height: 40px; padding: 0 15px; border-bottom: 1px solid #ebebeb; line-height: 40px; text-align: left; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Top002209 .header-right dd.Shopping .shopList a:last-child { border-bottom: none; }
.Top002209 .header-right dd.Shopping .shopList a .img { width: 24px; margin-right: 10px; display: inline-block; }
.Top002209 .header-right dd.Shopping .shopList a .img img { }
.Top002209 .header-right dd.Shopping .shopList a { color: #333; }
.Top002209 .header-right dd.Shopping a { color: #fff; }
.Top002209 .header-right .rightdd { display: inline-block; }
.Shopping { padding: 0 15px; margin: 0px 56px; line-height: 30px; height: 30px; text-align: center; background: #e63241; }
.Top002209 .header-right { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 }
.Top002209 .header-right dd { display: inline-block; vertical-align: middle }
.Top002209 .top-search { position: relative; width: 30px; z-index: 30; }
.Top002209 .open-search { display: block; float: right; width: 30px; height: 39px; line-height: 39px; text-align: center; position: relative; z-index: 2; border: 1px solid transparent; }
.Top002209 .open-search .iconfont { font-size: 22px; color: #adadad; }
.Top002209 .search-box { width: 200px; display: none; position: absolute; right: 0; top: 155%; z-index: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: #191919 }
.Top002209 .search-box .text { border: 1px solid #333; border-radius: 3px; width: 100%; line-height: 43px; height: 43px; padding: 0 40px 0 10px; color: #666; background: none; }
.Top002209 .search-box .btn { position: absolute; right: 20px; top: 15px; height: 100%; width: 39px; color: #000; }

/* .Top002209 .search-box .btn:hover {color: #fff;} */
.Top002209 .header-menu li { width: auto !important; font-size: 15px; margin-right: 36px; -webkit-transition: margin 0.3s; transition: margin 0.3s; }
.Top002209 .header-menu li:last-child { margin: 0 }
.Top002209 .header-menu li em a { color: #333333; }
.Top002209 .header-menu li.aon em a,
.Top002209 .header-menu li em a:hover { color: #e63241; }

/* .Top002209 .header-show .ra{display: none} */
.Top002209 .search-box { line-height: 31px }
.Top002209 .header-show .search-box { z-index: 5; opacity: 1; }
@media(min-width:1200px) {
  .Top002209 .top-search { width: 40px; border-radius: 40px; height: 40px; }
  .Top002209 .open-search { width: 40px; height: 40px; line-height: 40px; }
  .Top002209 .top-search.searchOn { background: transparent; }
  .Top002209 .searchOn .open-search { background-image: url('/images/sousuo1.png'); display: none; }
  .Top002209 .header-mid { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .Top002209 .header-mid.nav-hide { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; }
  .Top002209 .header-right .rightdd { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .Top002209 .header-right .rightdd.rightdd-hide { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; }
}

/* .Top002209 .header-show li{ margin-right:5px;} */
.header-menu li em { padding-right: 20px; background: url(../images/header_icon2.png) no-repeat right center; -webkit-transition: 0.3s; transition: 0.3s }
.header-menu li.on em { background: url(../images/header_icon1on.png) no-repeat right center !important; padding-right: 30px; }
.header-menu li.on.aon em { background: url(../images/header_icon1.png) no-repeat right center !important; padding-right: 30px; }
.header-menu li.aon em { background: url(../images/header_icon3.png) no-repeat right center; }
@media(max-width:1800px) {
  .Top002209 .header-menu li { margin-right: 24px }
}
@media(max-width:1600px) {
  .Top002209 { padding: 20px 40px }
  .Top002209 .header-menu li { margin-right: 20px }
  .Top002209 .header-right dd.Shopping { margin: 0 30px }
}
@media(max-width:1440px) {
  .Top002209 .header-menu li { margin-right: 16px }
  .Top002209 .header-right dd.Shopping { margin: 0 20px }
}
@media(min-width:1367px) {
  .Top002209 .header { position: relative; }
  .Top002209 .header-mid { position: absolute; top: 0; margin: 0 auto; left: 0; right: 0; max-width: 600px; }
}
@media(max-width:1366px) {
  .Top002209 { position: relative; z-index: 100; padding: 2% 0; }
  .Top002209 .header-left { display: table; height: 39px; }
  .Top002209 .header-left .logo { display: table-cell; vertical-align: middle; padding-left: 10px; }
  .Top002209 #header-menu { position: absolute; top: 100%; background: #000; width: 230px; right: 0; display: none; }
  .Top002209 #header-menu li em,
  .Top002209 #header-menu li em a { border-bottom: 0; }
  .Top002209 #header-menu li em a { font-weight: normal; text-align: center; }
  .Top002209 #header-menu li:nth-child(2n) { background: rgba(255, 255, 255, 0.1); }
  .Top002209 #open_menu { margin-left: 20px; width: 39px; height: 39px; border-radius: 50%; background: #e63241; position: relative; margin-right: 10px; }
  .Top002209 #open_menu i,
  .Top002209 #open_menu i::before,
  .Top002209 #open_menu i::after { background: #fff; }
  .Top002209 #open_menu i { left: 20%; width: 60%; height: 2px; margin-top: -1px; }
  .Top002209 .header-right dd.Shopping,
  .Top002209 .header-right dd.ra { display: none }
  #header-menu .zdl { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 6px; border-bottom: 1px solid #cccccc }
  #header-menu dd.ra { width: 33.33%; text-align: center }
  #header-menu dd.ra a { color: #fff; font-size: 14px; opacity: 0.8; }
  #header-menu .zdl .Shopping { margin: 0 auto }
}
@media(max-width:440px) {
  .Top002209 .header .top-search { width: 30px !important; }
  .Top002209 .header-show .top-search { width: 120px !important; }
}

/* banner */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.banner { position: relative; }
.banner .swiper-slide { }
.banner:hover .swiper-slide { }
.banner .swiper-slide a { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: no-repeat center; background-size: cover; }

/* .banner .swiper-slide a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } */
.banner .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 5%; width: 100%; text-align: center; }
.banner .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; }
.banner .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #e63241; }
.banner  .swiper-container { width: 100%; height: auto; }
.banner  .swiper-container .swiper-slide { width: 100%; height: auto; display: block; }
.banner  a { display: block; }
.banner  .pc { display: none; }
.banner  .wap { }
@media screen and (min-width:768px) {
  .banner  .pc { display: block; }
  .banner  .wap { display: none; }
   .banner  .pc img{width: 100%;object-fit: cover;}
}
@media screen and (min-width:1024px) {
  .banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; }
}
@media screen and (max-width:768px) {
  .banner .swiper-pagination { bottom: 30px }
}
.banner .btnsBox { position: absolute; left: 0; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 0; -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.banner .btnsBox .btns { position: relative; }
.banner:hover .btnsBox { opacity: 1; }
.banner .swiper-button-next,
.banner .swiper-button-prev { color: #fff; top: 50%; }
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after { display: none; }
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover { color: #e63241; }
.banner .swiper-button-next .iconfont,
.banner .swiper-button-prev .iconfont { font-size: 28px; }
@media screen and (min-width:1600px) {
  .banner .swiper-button-next .iconfont,
  .banner .swiper-button-prev .iconfont { font-size: 40px; }
}

/* 首页公告 */
.Notice { background: #f1f1f1 }
.Notice .content { line-height: 30px; padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: left; }
.Notice .content .left { font-size: 20px; white-space: nowrap; }
.Notice .content .left span { display: inline-block; vertical-align: middle; }
.Notice .content .left i { display: inline-block; vertical-align: middle; width: 22px; height: 30px; background: url(../images/Notice_icon.png) no-repeat center; }
.Notice .content .right { margin-left: 70px; font-size: 15px; height: 30px; flex: 1; overflow: hidden; }
.Notice .content .right span { color: #888888; margin-right: 15px }
.notice-content { display: flex; display: -webkit-flex; overflow: hidden; flex: 1; }
.notice-content a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width:768px) {
  .Notice .content .left { font-size: 16px }
  .Notice .content .left i { background-size: contain; width: 16px; height: 16px; }
  .Notice .content .right { margin-left: 10px; font-size: 14px }
}
.section { padding-top: 35px }
.section .h2 { font-size: 28px; text-align: center; font-weight: 400; margin-bottom: 10px; line-height: 45px; color: #333; }

/* .section .h2:hover { color: #e63241; } */
.section .h5 { font-size: 15px; text-align: center; color: #888888; font-weight: normal; }
@media screen and (max-width:768px) {
  .section { padding-top: 30px; }
  .section .h2 { font-size: 20px; margin-bottom: 15px; }
  .section .h5 { font-size: 14px }
}
.section2 .swiper-container { margin-top: 50px; }
.section2 .swiper-container .h2 { font-size: 24px; }
@media screen and (max-width:768px) {
  .section2 .swiper-container .h2 { font-size: 16px; }
}

/* 第一屏 */
.section1 { padding-bottom: 20px; }
@media screen and (max-width:768px) {
  .section1 { padding-bottom: 30px }
}
.section1 .swiper-slide .content { position: relative; height: 490px; width: 100%; background-size: cover; background-position: right center; background-repeat: no-repeat }
.section .list { padding: 60px 0 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; text-align: center }
.section .list .img img:nth-child(2) { display: none }
.section .list .img img { max-width: 41px; max-height: 41px; }
.section .list .img { margin-bottom: 5px; max-height: 41px; display: flex; display: -webkit-flex; align-items: flex-end; justify-content: center; }
.section .list .item { cursor: pointer; }
.section1 .content { color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: column-reverse; }
.section1 .content h2 { font-size: 24px; font-weight: 400; margin-bottom: 15px; }
.section1 .content p { font-size: 14px; margin-bottom: 30px; transition: 0.3s }
.section .listVbox { padding: 30px 0; }
@media screen and (min-width:769px) {
  .section .list .img { margin-bottom: 15px; }
  .section .listVbox { padding: 50px 0 50px; }
  .section1 .content p { font-size: 15px; }
}
.section .VscrollMin .img img:nth-child(2) { display: none }
.section .VscrollMin .img img { max-height: 41px; max-width: 41px; }
.section .VscrollMin .img { margin-bottom: 15px; height: 41px; display: flex; display: -webkit-flex; align-items: flex-end; justify-content: center; }
.section .VscrollMin .item { cursor: pointer; }
.section1 .VscrollMin .activeOn .img img:nth-child(1) { display: none }
.section1 .VscrollMin .activeOn .img img:nth-child(2) { display: block; margin: 0 auto }
.section1 .VscrollMin .activeOn p { color: #e63241 }
.section1 .VscrollMin  .item { text-align: center; }
.more { font-size: 14px; line-height: 24px; display: inline-block; color: #fff; /* padding-right: 50px; background: url(../images/jiantou.png) no-repeat 90% center; */ transition: 0.3s }
.more2 { font-size: 14px; line-height: 24px; display: inline-block; color: #888888; /* padding-right: 50px; background: url(../images/jiantou2.png) no-repeat 90% center; */ transition: 0.3s }
.more:hover { background-position: right center }
.more2:hover { background-position: right center }
.section1 .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: none; opacity: 1 }
.section1 .list .swiper-pagination-bullet-active .img img:nth-child(1) { display: none }
.section1 .list .swiper-pagination-bullet-active .img img:nth-child(2) { display: block; margin: 0 auto }
.section1 .list .swiper-pagination-bullet-active p { color: #e63241 }
.section1 .owl-stage { margin: 0 auto; }
@media screen and (max-width:768px) {
  .section .list { padding: 30px 0; }
  .section .list .swiper-pagination-bullet { margin-bottom: 10px }
  .section1 .swiper-slide .content { height: 300px; padding: 20px }
  .section1 .content h2 { font-size: 16px; margin-bottom: 15px; }
  .section1 .content p { font-size: 14px; margin-bottom: 20px; }
  .section .list { white-space: nowrap; overflow-y: auto; }
  .section1 .swiper-pagination-bullet { flex: 1 0 auto; padding: 0 15px; }
  .section .list::-webkit-scrollbar { width: 9px; height: 1px; }
  .section .list::-webkit-scrollbar-thumb { background: #f1f1f1; }
  .section .list::-webkit-scrollbar-track { background: #f8f8f8; }
}
@media screen and (min-width:1200px) {
  .more { font-size: 15px; }
  .more2 { font-size: 15px; }
}

/* 第二屏 */
.section2 { padding-top: 0; }
.section2 .swiper-container { height: auto; }
.section2 .swiper-wrapper { height: auto; }
.section2 .swiper-container  .swiper-pagination { bottom: 40px; }
.section2 .swiper-pagination { position: absolute; left: 0; right: 0; width: 100%; text-align: center; }
.section2 .swiper-container  .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; }
.section2 .swiper-container .pc { display: none; }
.section2 .swiper-container .img { overflow: hidden; }
.section2 .swiper-container .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.section2 .swiper-container .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section2 .swiper-container  .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #e63241; }
@media screen and (min-width:768px) {
  .section2 .swiper-container .pc { display: block; }
  .section2 .swiper-container .wap { display: none; }
}
@media screen and (min-width:1024px) {
  .section2 .swiper-container  .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; }
}
.section.section2>h3 { font-size: 28px; text-align: center; margin-bottom: 50px; font-weight: normal; }
@media screen and (max-width:768px) {
  .section.section2>h3 { font-size: 20px; }
  .section2 .swiper-slide { padding: 0 16px }
  .section2 .swiper-pagination { bottom: 20px }

/* .section2 .swiper-container { margin-bottom: 30px } */ }
.section2 .swiper-button-next,
.section2 .swiper-button-prev { color: #fff; }
.section2 .swiper-button-next:after,
.section2 .swiper-button-prev:after { display: none; }
.section2 .swiper-button-next:hover,
.section2 .swiper-button-prev:hover { color: #e63241; }
.section2 .swiper-button-next .iconfont,
.section2 .swiper-button-prev .iconfont { font-size: 28px; }
.section2 .btnsBox { position: absolute; left: 0; z-index: 8; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 0; -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); }
.section2 .btnsBox .btns { position: relative; }
.section2:hover .btnsBox { opacity: 1; }
@media screen and (min-width:1600px) {
  .section2 .swiper-button-next .iconfont,
  .section2 .swiper-button-prev .iconfont { font-size: 40px; }
}

/* 第三屏 */

/* .section3 { padding-bottom: 50px } */

.section3 .swiper-container { height: auto; }
.section3 .swiper-wrapper { height: auto; }




.section3 .list .item.on .img img:nth-child(1) { display: none }
.section3 .list .item.on .img img:nth-child(2) { display: block; margin: 0 auto }
.section3 .list .item.on p { color: #e63241; }
.section3 .item .swiper-button-next:hover,
.section3 .item .swiper-button-prev:hover { color: #e63241; }
.section3 .item .swiper-button-next .iconfont,
.section3 .item .swiper-button-prev .iconfont { font-size: 28px; }
.section3 .owl-stage { margin: 0 auto; }
@media screen and (min-width:1600px) {
  .section3 .item .swiper-button-next .iconfont,
  .section3 .item .swiper-button-prev .iconfont { font-size: 40px; }
}
.Rotation .item{display:none;}
.Rotation .item:nth-child(1){display:block}
.Rotation .item .swiper-slide { overflow: hidden; }
.Rotation .region .bg { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; z-index: 1; }
.Rotation .region .bg img { width: 100%; }
.Rotation .region .regionCon { position: absolute; width: 100%; bottom: 0; left: 0; padding: 20px; z-index: 3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.4)); background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4)); background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.4)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }
.Rotation .region .regionCon .more { display: block; margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.Rotation .region .regionCon .more:hover { color: #e63241; }
@media (min-width:1024px) {
  .Rotation .region .regionCon .more { opacity: 0; }
  .Rotation .region .regionCon { bottom: -50px; }
  .Rotation .region:hover .regionCon { bottom: 0px; }
  .Rotation .region:hover .regionCon .more { opacity: 1; }
}
.Rotation .item .swiper-slide:hover .region .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.Rotation .region { display: block; width: 100%; }
.Rotation .region .a { font-size: 20px; color: #fff; display: inline-block; padding-right: 30px; background: url(../images/section3_jt.png) no-repeat right center; }
.Rotation .region h3 { font-size: 16px; color: #fff; font-weight: 400; margin-top: 30px }
.Rotation .region p { font-size: 14px; color: #fff; margin-top: 40px; max-width: 550px; line-height: 24px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: none; }
@media screen and (min-width:1024px) {
  .Rotation .region h3 { font-size: 24px; }
  .Rotation .region p { font-size: 15px; display: block; display: -webkit-box; }
  .Rotation .region .regionCon { padding: 50px; }
}
@media screen and (min-width:1800px) {
  .Rotation .content .item { padding: 0px; }
}
.section3 .swiper-pagination { position: static; margin-top: 30px; }
.section3 .swiper-pagination span { width: auto; border-radius: 0; opacity: 1; color: #888888; margin-left: 30px !important; height: auto; background: none; font-size: 18px }
.section3 .swiper-pagination span:nth-child(1) { margin-left: 0 !important }
.section3 .swiper-pagination span.swiper-pagination-bullet-active { color: #ee7680; border-bottom: 2px solid #ee7680 }
.Rotation,
.Rotation .auto_1680 { position: relative; }
.Rotation .swiper-button-prev { left: -90px; }
.Rotation .swiper-button-next { right: -90px; }
.Rotation .swiper-button-prev,
.Rotation .swiper-button-next { width: auto; height: auto; background: none; padding: 10px 30px; font-size: 16px; color: #333333; transition: 0.3s }
.Rotation .swiper-button-prev:hover,
.Rotation .swiper-button-next:hover { color: #e63241; }
.Rotation .swiper-button-prev::after,
.Rotation .swiper-button-next::after { display: none }
@media screen and (max-width:1680px) {

  /* .Rotation .swiper-button-prev, */

/* .Rotation .swiper-button-next{color: #fff} */ }
@media screen and (max-width:768px) {
  .Rotation .swiper-button-prev,
  .Rotation .swiper-button-next { display: none }
  .section3 .list .item { padding: 0 5px; margin-bottom: 10px }
}

/* 第四屏 */
.section4 { }
.section4 ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; }
.section4 ul li { width: 50%; margin-bottom: 70px; transition: 0.3s; border-radius: 5px }
.section4 ul li a { padding: 20px 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-start; transition: 0.3s; }
.section4 ul li .num { color: #888888; font-size: 16px; background: #f7f7f7; padding: 30px 16px }
.section4 ul li .num span { color: #555555; font-size: 28px; display: block }
.section4 ul li .content { margin-left: 30px }
.section4 ul li .content h3 { font-size: 24px; font-weight: 400; margin-bottom: 15px; }
.section4 ul li .content p { font-size: 14px; color: #888888; margin-bottom: 30px; }
.section4 ul li:hover { -moz-box-shadow: 5px 2px 16px #999999; -webkit-box-shadow: 5px 2px 16px #999999; box-shadow: 5px 2px 16px #999999; }
.section4 ul li:hover .num { background: #e63241; color: #fff; transition: 0.3s }
.section4 ul li:hover .num * { color: #fff; transition: 0.3s }
@media screen and (max-width:768px) {
  .section4 ul { margin-top: 30px; }
  .section4 ul li .num { padding: 6px 0; background: none }
  .section4 ul li .num span { display: inline-block }
  .section4 ul li { width: 100%; display: block; margin-bottom: 50px; }
  .section4 ul li .content { margin-left: 0 }
  .section4 ul li .content h3 { font-size: 20px }
  .section4 ul li .content p { margin-bottom: 20px; }
}

/* 第五屏 */
.section5 { }
.section5 .video { position: relative; overflow: hidden; }
.video_s video { object-fit: cover; max-height: 100%; }
.video_s .img { display: block; width: 100%; max-height: 100%; background: no-repeat center; background-size: cover; }
.section5 .content { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; z-index: 10; top: 20%; left: 0; height: 60%; width: 100%; text-align: center; color: #fff }
.section5 .text .play { margin-top: 40px; cursor: pointer; max-width: 50px; }
.section5 .text h2 { margin-bottom: 20px; color: #fff; }
.section5 .text h5 { color: #fff }
.section5 ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.section5 ul li { width: 25%; border-left: 1px solid #cccccc }
.section5 ul li:last-child { border-right: 1px solid #cccccc }
.section5 ul li .num { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-basis: auto }
.section5  ul li > div { display: inline-block }
.section5 ul li b { font-size: 60px; font-weight: 400; line-height: 1 }
.section5 ul li i,
.section5 ul li em { font-size: 15px; font-style: inherit; display: block }
.section5 ul li i { font-size: 26px }
.section5 ul li span { margin-left: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column }
.section5 ul li p { font-size: 16px; margin-top: 5px }
.section5 .video .video_s { width: 100%; height: 0; padding-top: 50%; position: relative; }
.section5 .video .video_s video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section5 .video .video_s .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section5 .video .video_s .img img { width: 100%; }
@media screen and (max-width:1366px) {
  .section5 ul li b { font-size: 48px }
}
@media screen and (min-width:769px) {
  .section5 ul li { border-color: rgba(255, 255, 255, 0.3) }
}
@media screen and (max-width:768px) {
  .section5 .content { position: static; color: #333333 }
  .section5 ul { flex-wrap: wrap; margin-top: 30px }
  .section5 ul li { width: 50%; margin-bottom: 20px; }
  .section5 ul li:last-child { border-right: none; }
  .section5 ul li:nth-child(2n+1) { border-left: none; }
  .section5 ul li b { font-size: 26px; color: #e63241; }
  .section5 ul li span { display: block }
  .section5 ul li .num { text-align: center; justify-content: center }
  .section5 ul li i,
  .section5 ul li em { font-size: 15px; font-style: inherit; display: inline-block }
  .section5 ul li p { font-size: 16px }
  .section5 .text h5 { color: #888888 }
  .section5 .text h2 { color: #333 }
  .section5 .text .play { display: none }
  .video_s { position: relative; }
  .video_s .play { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: 60px; margin-top: -30px }
}

/* @media screen and (min-width:1024px) {
.section5 .content { top:0; height: 100%; padding: 85px 0;}
}
 */

/* 第六屏 */
.section6 { background: #f8f8f8; padding-bottom: 85px; }
.section6 .zsearch { max-width: 850px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.section6 .zsearch input { width: calc(100% - 60px); line-height: 60px; padding: 0 16px; background: #fff; border: 0 }
.section6 .zsearch span { background: #e63241 url(/images/bsousuo.png) no-repeat center center; display: block; width: 60px; height: 60px; cursor: pointer; }
.section6  ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; max-width: 1100px; margin: 50px auto 0 }
.section6  ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center }
.section6  ul li h3 { font-size: 24px; font-weight: 400; margin-bottom: 5px }
.section6  ul li img { width: 42px; min-width: 42px; }
.section6 ul li .img02 { display: none; }
.section6 ul li:hover .img01 { display: none; }
.section6 ul li:hover .img02 { display: inline-block; }
.section6  ul li .title { margin-left: 30px }
.section6  ul li a { font-size: 15px; color: #e63241 }
@media screen and (max-width:768px) {
  .section.section6 { padding-bottom: 30px; }
  .section6 .zsearch { padding: 0 16px }
  .section6 .zsearch input { line-height: 40px }
  .section6 .zsearch span { width: 40px; height: 40px; }
  .section6 ul { padding: 0 16px; margin-top: 30px; }
  .section6 ul li .title { margin-left: 0; text-align: center }
  .section6 ul li h3 { font-size: 16px }
  .section6 ul li a { font-size: 14px }
  .section6 ul li img { width: 30px; min-width: 0; display: none }
}
@media screen and (min-width:1200px) {
  .section6 .zsearch input { font-size: 14px; }
}

/* 底部 */
.footer { }
.footer .content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; padding: 85px 0 }
.footer .content .left { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; width: 100%;}
.footer .content .left dl dt { font-size: 16px; margin-bottom: 26px;}
.footer .content .left dl dd { font-size: 14px; margin-bottom: 8px; }
.footer .content .left dl dd a { color: #888888;font-size: 14px; }
.footer .content .left dl dd a:hover { color: #e63241; }
@media screen and (max-width:768px) {
  .footer .auto_1440 { padding: 0; }
}
@media screen and (min-width:1200px) {
  .footer .content .left { overflow: hidden;
  /*max-width: 1040px ;*/
  max-width: 900px ;
  }
  .footer .content .left dl { float: left }
  .footer .content .left dl.dl3,
  .footer .content .left dl.dl4 { width: max-content; }
}
.footer .content .left dl.dl4{font-size: 0;width: 250px;}
.footer .content .left dl.dl4 dd { width:50%; display: inline-block;box-sizing: border-box;padding-right: 15px;}
.footer .content .right { text-align: right;    margin-right: 20px; }
.footer .content .right p { color: #888888; font-size: 15px; margin: 30px 0 }
.footer .content .right b { font-size: 24px; display: block; color: #333333; font-weight: 400; white-space: nowrap; }

.record { color: #888888; background: #f9f9f9; padding-top: 20px; padding-bottom: 20px; }
.record  .auto_1440 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.record a { color: #888888; display: inline-block; margin-right: 10px; }
.record a:hover { color: #e63241 }
@media screen and (max-width:768px) {
  .record  .auto_1440 { display: block; text-align: center; }
  .footer .content,
  .footer .content .left { display: block; text-align: center; padding: 20px 0 }
  .footer .content .left { background: #f8f8f8 }
  .footer .content .left dl { border-bottom: 1px solid #eeeeee }
  .footer .content .left dl:last-child { border: 0 }
  .footer .content .left dl dt { margin-bottom: 0; padding: 6px 0; font-weight: 400 }
  .footer .content .left dl dd { display: none }
  .footer .brand { text-align: center }
  .footer .content .right { text-align: center; padding: 20px 0 }
  .footer .content .right p { margin: 0; margin-top: 20px }
}

/* @media screen and (min-width:1200px) {
.footer .content .left dl.dl3{ font-size: 0; margin: 0 -5px; }
.footer .content .left dl.dl3 dd{ font-size: 0; display: inline-block;width: 33.33%; padding: 0 5px; font-size: 15px; }

} */

/* 返回顶部 */
.ztop { position: fixed; display: none; z-index: 90; right: 0px; bottom: 90px; width: 40px; height: 40px; text-align: center; line-height: 40px; background: rgba(153, 153, 153, 0.8); color: #fff; cursor: pointer; }
.ztop .iconfont { font-size: 22px; }
@media screen and (max-width:768px) {
  .ztop { display: none !important; }
}

/* 底部悬浮 */
.suspension { position: fixed; padding: 0 80px; bottom: 0; left: 0; right: 0; width: 100%; height: 60px; z-index: 80; background: rgba(0, 0, 0, 0.8); display: none; }
.suspension * { transition: 0.3s }
.suspension .cha { position: absolute; text-align: center; line-height: 60px; cursor: pointer; right: 0; top: 0; height: 60px; width: 60px; background: #000; }
.suspension .left img { height: 60px; }
.suspension .content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.suspension .left span { font-size: 18px; color: #fff; font-weight: 400; vertical-align: middle }
.suspension .left span b { color: #e63241; font-weight: 400; cursor: pointer; }
.suspension .right,
.suspension .right form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.suspension .right .obtain { font-size: 0; padding-top: 7px; margin-right: 30px; }
.suspension .right input { border: 0; height: 45px; line-height: 45px; padding: 0 6px; font-size: 14px }
.suspension .right span { width: 138px; cursor: pointer; vertical-align: top; background: #e63241; color: #fff; height: 45px; font-size: 16px; line-height: 45px; text-align: center; display: inline-block; }
.suspension .right p { color: #fff; font-size: 14px; line-height: 60px }
.suspension .right p a { color: #9a9a9a }
@media screen and (max-width:1600px) {

/* .suspension .left span { font-size: 18px } */ }
@media screen and (max-width:1440px) {

  /* .suspension .left span { font-size: 18px } */
  .suspension .right p { font-size: 14px }
  .suspension .right span { width: 120px; }
}
@media screen and (max-width:1366px) {

  /* .suspension .left span { font-size: 18px } */
  .suspension { padding: 0 60px 0 0; height: 60px; }
  .suspension .left img { height: 60px; }
  .suspension .right p { line-height: 60px }
  .suspension .right .obtain { padding-top: 12px; margin-right: 16px; }
  .suspension .right span,
  .suspension .right input { line-height: 36px; height: 36px; }
  .suspension .right span { width: 95px }
  .suspension .cha { width: 60px; height: 60px; line-height: 60px; }
}
@media screen and (max-width:1024px) {
  .suspension { display: none !important }
}
.ovf { overflow: hidden; height: 100%; }

/* 联系我们弹窗 */
.Popup { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; background: rgba(0, 0, 0, 0.6) }
.Popup .content { position: absolute; top: 50%; transform: translateY(-50%); max-width: 750px; width: 100%; left: 0; right: 0; margin: 0 auto; background: #fff; border-radius: 8px; overflow: hidden; }
.Popup .content h3 { font-size: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; font-weight: 400; letter-spacing: 6px; color: #fff; background: #e63241; line-height: 60px; height: 60px; padding: 0 50px; }
.Popup .content h3 img { cursor: pointer; }
.Popup .content .wrap { padding: 30px; background: #f5f5f5 }
.Popup .content .sort { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.Popup .content .sort .item { width: 48%; background: #fff; padding: 30px  20px 50px; border-radius: 8px }
.Popup .content .sort .item h4 { font-size: 20px; text-align: center; font-weight: 400 }
.Popup .content .sort ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 50px; }
.Popup .content .sort ul li { width: 50%; text-align: center }
.Popup .content .sort ul li p { font-size: 16px; margin-top: 16px; }
.Popup .bm { margin-top: 20px; background: #fff; font-size: 24px; text-align: center; line-height: 80px }
.Popup .bm  img { width: 26px; }
.Popup .bm span { vertical-align: middle }
@media screen and (max-width:640px) {
  .Popup .content .sort .item { width: 100%; }
  .Popup .content .sort { flex-wrap: wrap; }
  .Popup .content .sort .item { padding: 20px 15px; margin-bottom: 10px; }
  .Popup .bm { margin-top: 10px; }
  .Popup .content .wrap { padding: 20px; }
}

/* 分享  */
#bsWXBox { box-sizing: content-box; }
.footer .bshare-custom { margin-top: 30px; white-space: nowrap; }
.footer .bshare-custom a { opacity: 1; background: none; font-size: 22px; text-decoration: none; width: 26px; height: 23px; text-align: center; line-height: 23px; color: #999; padding: 0; margin: 0; margin-right: 20px; display: inline-block; position: relative; cursor: pointer; }
.footer .bshare-custom a:hover { text-decoration: none; color: #e63241; opacity: 1; }
.footer .bshare-custom a:last-child { margin: 0 }
.footer .bshare-custom a.bshare-sinaminiblog:hover { color: #E6162D; }
.footer .bshare-custom a.weixin:hover { color: #1AAD19; }
.footer .bshare-custom a.douyin:hover { color: #000800; }
.footer .bshare-custom a.app:hover { color: #000; }

/* .footer .bshare-custom a.bshare-sinaminiblog{background: url(../images/share_bk.png) no-repeat 0 0;}
.footer .bshare-custom a.weixin{background: url(../images/share_bk.png) no-repeat -64px 0;}
.footer .bshare-custom a.douyin{background: url(../images/share_bk.png) no-repeat -128px 0;}
.footer .bshare-custom a.app{background: url(../images/share_bk.png) no-repeat -198px 0;}
 */

.footer .bshare-custom a img{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); max-width: 120px; display: none; transition: 0.3s }
.footer .bshare-custom a.app figure{display: none; margin-left: -180px;} 
.footer .bshare-custom a.app figure dd{width: 50%;padding: 3%;float: left;display: block;text-align: center; background: #fff; }
.footer .bshare-custom a.app figure dd p{ margin: 0; } 
.footer .bshare-custom a.app figure img{position: relative;top: inherit;left: inherit;transform: none;padding: 5px;max-width: 90px;right: inherit;} 
.footer .bshare-custom a:hover figure,
.footer .bshare-custom a.app:hover figure,
.footer .bshare-custom a:hover img {display: block;}

@media (max-width:1550px) {
  .footer .bshare-custom a.app img { left: auto; right: 0; transform: none; }
}
@media (max-width:480px) {
  .footer .bshare-custom a img{ max-width: 80px; }
}

/*20200630 菜单下拉 zhanggongyuan*/
.Top002209 { position: fixed; left: 0; top: 0; width: 100%; z-index: 1050; z-index: 99; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.Top002209Down { top: -300px; }
.menuSlider { position: absolute; z-index: 1050; left: 0; right: 0; background: #f8f8f8; font-size: 15px; color: #888; }
.menu-slides { display: none; padding: 45px 0; border-top: 1px solid #f1f1f1; }
.menu-slides.menu-slidesLink { padding: 40px 0; }
.menu-slides a { color: inherit; }
.menu-slides .menu-slides-img a { display: block; width: 295px; }
.menu-slides .menu-slides-img a img { width: 100%; }
#ms0 .auto_1440 { display: flex; display: -webkit-flex; justify-content: center; }
#ms0 dl { padding-left: 130px; }
#ms0 dl dt { font-size: 20px; color: #333; line-height: 16px; margin-bottom: 20px; position: relative; }
#ms0 dl dt:before { content: ""; height: 16px; border-left: 2px solid #e63241; position: absolute; left: -10px; top: 50%; margin-top: -7px; }
#ms0 dl .color-red { color: #e63241; }
.items-l4 { padding-right: 20px; }
.items-l8 { }
.menu-slides-head { font-size: 24px; color: #333; line-height: 22px; height: 22px; margin-bottom: 40px; position: relative; margin-left: 16px; }
.menu-slides-head:before { content: ""; position: absolute; left: -16px; height: 100%; border-left: 4px solid #e63241; }
.menu-slides-head.menu-slides-head-hide:before { display: none; }
.menu-slides-menus { display: flex; display: -webkit-flex; flex-wrap: wrap; padding-left: 16px; }
.menu-slides-menus a { min-width: 20%; color: #666; }
.slidesItem .auto_1440 { }
.slidesItem .auto_1440 .slidesItemWarp { min-height: 120px; position: relative; padding-right: 635px; }

/* .slidesItem .auto_1440 .slidesItemWarp.slidesItemWarpAbout{min-height: 167px; } */
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp { padding-right: 320px; }
.slidesItem .auto_1440 .slidesItemWarp .IiemR { position: absolute; right: 0; top: 0; width: 635px; display: flex; justify-content: space-between; }
.slidesItem .auto_1440 .slidesItemWarp .IiemR.IiemROne { justify-content: flex-start; width: 635px; }
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR { position: absolute; right: 0; top: 0; width: 295px; }
.slidesItem .auto_1440 .slidesItemWarp .IiemR .items-l2 { }
.slidesItem .auto_1440 .slidesItemWarp .IiemR.IiemROne .items-l2 { width: 50%; }

/* .slidesItem .auto_1440 .slidesItemWarp .IiemR.IiemROne .items-l2 .menu-slides-img a{width: 100%;} */
.menu-slides .linkSlids { font-size: 0; text-align: center; }
.menu-slides .linkSlids a { display: inline-block; padding: 0 20px; position: relative; font-size: 14px; text-align: center; }
.menu-slides .linkSlids a img { max-width: 120px; }
.menu-slides .linkSlids a .i { }
.menu-slides-menus.menusServer { width: 40%; }
.menu-slides-menus.menusServer a { width: 50%; }
.menus-pro { margin-bottom: 40px; display: flex; display: -webkit-flex; }
.menu-pro-img { margin-right: 35px; flex: 0 0 auto; }
.menu-pro-menus a { display: inline-block; line-height: 25px; margin: 0 26px 30px 0; }
.menu-pro-menus a img { max-height: 25px; margin-right: 7px; }
.menu-pro-menus { max-height: 500px; overflow: hidden; }
.menu-normal { display: flex; display: -webkit-flex; justify-content: flex-end; }
.items-l1 a { display: block; white-space: nowrap; border-bottom: 2px solid transparent; transition: .4s; -webkit-transition: .4s; color: #333; font-size: 15px; }
.items-l1 a:hover { color: #e63241; font-weight: bold; border-color: #e63241; }
.items-md { padding: 0 57px 0 93px; font-size: 15px; line-height: 1.5; max-width: 720px; }
.items-md h4 { font-size: 24px; font-weight: normal; color: #333; line-height: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.items-md h5 { font-size: 24px; color: #333; font-weight: normal; margin: 0px 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.items-md .clearfix { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.4em; max-height: 5.6em; }
.items-lr { flex: 0 0 auto; }
.menu-pro-menus a:hover,
.menu-slides-menus a:hover,
.menu-slides dd a:hover { font-weight: bold; color: #e63241; text-decoration: underline; }
@media (max-width:760px) {
  .search-products .tree-line { flex-wrap: wrap; }
  .search-products .tree-rowhead { text-align: left; margin-bottom: 10px; }
  .search-products .tree-selects { padding-left: 0; }
  .search-products .tree-a { padding-left: 0; white-space: normal; padding-right: 0; }
  .search-products .tree_more { bottom: 0; top: auto; }
  .search-products .pro-search-keys { display: block; }
  .search-products .search-keys { margin-top: 20px; }
  .procenter-desc-r .zx-btn { margin-top: 30px; }
}
@media (max-width:480px) {
  .Notice .content { padding: 10px 0; }
}
@media (max-width:1024px) {
  .Notice .content { padding: 10px 0; }
  .vscroll { position: relative; }
  .vscroll:before { content: "<"; position: absolute; z-index: 10; width: 20px; height: 20px; left: 0; top: 50%; margin-top: -10px; background: rgba(0, 0, 0, .5); color: #fff; font-family: serif; line-height: 20px; text-align: center; }
  .vscroll:after { content: ">"; position: absolute; z-index: 10; width: 20px; height: 20px; right: 0; top: 50%; margin-top: -10px; background: rgba(0, 0, 0, .5); color: #fff; font-family: serif; line-height: 20px; text-align: center; }
  .section.section4 { padding-top: 30px; }
}
.section1 .swiper-slide a { display: block; width: 100%; height: 100%; overflow: hidden; }
.section1 .VscrollMax .item { overflow: hidden; display: block; font-size: 0; }
.section1 .VscrollMax .item .itembox { width: 50%; padding: 0 1px; font-size: 14px; display: inline-block; vertical-align: top; }
.section1 .VscrollMax .item .itembox a { display: block; position: relative; }
.section1 .VscrollMax .item { justify-content: left; }
.section1 .VscrollMin .owl-dots { padding-top: 20px; text-align: center; font-size: 0; }
.section1 .VscrollMin .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 100%; margin: 0 5px; background: rgba(0, 0, 0, 0.3); }
.section1 .VscrollMin .owl-dots .owl-dot.active { background-color: #e63241; }
@media (min-width:1024px) {
  .section1 .VscrollMin .owl-dots { padding-top: 40px; }
}
@media (max-width:540px) {
  .section1 .VscrollMax .item { display: block; }
  .section1 .VscrollMax .item .itembox { display: block; width: 100%; margin: 0; }
}
.section3 .vscrollb .owl-dots { padding-top: 20px; text-align: center; font-size: 0; }
.section3 .vscrollb .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 100%; margin: 0 5px; background: rgba(0, 0, 0, 0.3); }
.section3 .vscrollb .owl-dots .owl-dot.active { background-color: #e63241; }
@media (min-width:1024px) {
  .section3 .vscrollb .owl-dots { padding-top: 40px; }
}
.bgbox { }
.section1 .itembox:hover .bgbox img { transform: scale(1.1); -webkit-transform: scale(1.1); width: 100%; }
.section1 .itembox .div { position: absolute; left: 0; bottom: 0px; padding: 20px; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
@media (min-width:1024px) {
  .section1 .itembox .div { bottom: -50px; }
  .section1 .itembox .div .more { opacity: 0 }
  .section1 .itembox:hover .div .more { opacity: 1; }
  .section1 .itembox:hover .div { bottom: 0; }
}
.section1 .itembox  .bgbox { overflow: hidden; }
.section1 .itembox  .bgbox img { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.section1 .more:hover { color: #e63241; }
.ConWarpTxtbox { position: relative; }
#ConWarpTxt { position: absolute; width: 1px; height: 1px; right: 300%; top: -70px; }
@media (min-width:1024px) {
  #ConWarpTxt { top: -82px; }
  .section1 .itembox .div { padding: 50px; }
}
.tipBox { display: none; position: fixed; bottom: 242px; right: 50px; z-index: 9999; max-width: 100px; }
.tipBox .tipcont { position: relative; border-radius: .625rem; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4); background-color: #fff; }
.tipBox .tipcont .cloBtn { font-size: 16px; color: #333; position: absolute; right: 0; top: -25px; opacity: 1; transition: .3s; }
.tipBox .tipcont .cloBtn:before { content: 'e648'; }
.tipBox .tipcont:hover .cloBtn { opacity: 1; transform: rotate(90deg); }
.tipBox .tipcont span { display: block; position: absolute; content: ""; width: 10px; height: 10px; right: 10px; bottom: -5px; background-color: #fff; transform: translateX(-6px) rotate(135deg); pointer-events: none; box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, .2); }
.tipBox .tipcont .p { padding: 10px; }
@media (min-width:1024px) {
  .tipBox { bottom: 242px; right: 20px; max-width: 250px; }
  .tipBox .tipcont .cloBtn { opacity: 0; }
}
.clearfix { zoom: 1; }
.transform-scale { overflow: hidden; }
.transform-scale:hover * { transform: scale(1.1); -webkit-transform: scale(1.1); }
.transform-scale * { transition: .4s; -webkit-transition: .4s; }
.auto_1140 { max-width: 1140px; margin: 0 auto; width: 100%; padding: 0 10px; }
@media (min-width:768px) {
  .auto_1140 { padding: 0 15px; }
}
@media (min-width:1024px) {
  .auto_1140 { padding: 0 30px; }
}
@media (min-width:1280px) {
  .auto_1140 { padding: 0px; }
}
.mb { display: none; }
.solutions-center  .solution-img.transform-scale * { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
@media (max-width:780px) {
  .pc { display: none; }
  .mb { display: block; }
}
@media (min-width:1024px) {
  .solutions-center .Pages { margin-top: 45px; }
}

/*·þÎñÖÐÐÄ*/
.banner { position: relative; }
.banner-text { position: absolute; z-index: 1002; color: #fff; top: 50%; left: 50%; text-align: center; font-size: 15px; line-height: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.banner-text.jjfa { font-size: 16px; }
.banner-text h3 { font-size: 28px; font-weight: normal; padding-bottom: 16px; }
.banner-text .zx-btn { margin-top: 46px; }
.banner-slidedown { position: absolute; z-index: 1003; width: 20px; height: 52px; left: 50%; margin-left: -10px; bottom: 5%; cursor: pointer; background: url(../images/icon-mouse.png) no-repeat center; animation: bangd 2s infinite; -moz-animation: bangd 2s infinite; -webkit-animation: bangd 2s infinite; -o-animation: bangd 2s infinite; display: none; }
.service1 { margin-top: 85px; position: relative; overflow: hidden; }
.service1_content { padding: 85px 100px 85px; float: right; box-sizing: border-box; width: 50%; background: #f8f8f8; color: #333; line-height: 30px; }
.service1_content h4 { font-size: 28px; font-weight: normal; margin-bottom: 35px; line-height: 44px; }
.view_more { display: inline-block; border: 1px solid #666666; color: #333; margin-top: 85px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.view_more:hover { border-color: #e63241; color: #fff; background: #e63241; }
.service1 .view_more { border-bottom: 1px solid #666666; color: #333; padding: 5px 24px; }
.service1 .view_more:hover { border-color: #e63241; color: #fff; background: #e63241; }
.service1 .service1_content { font-size: 15px; }
.service1_img { position: absolute; top: 0; left: 0; bottom: 0; right: 50%; background-repeat: no-repeat; background-size: cover; }
.service2 { margin-top: 85px; }
.section_head{ text-align: center; font-size: 15px; color: #999; margin-bottom: 50px; margin-top: 30px;}
.section_head h4{ font-size: 28px; color: #333; font-weight: normal; margin-bottom: 20px; }
.section_head p{ margin-top: 30px; }
.service2_content { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; flex: 1 0 auto; }
.service2_content a { line-height: 59px; background: #f8f8f8; margin-right: 10px; border: 1px solid #eee; padding: 0 35px; margin-bottom: 20px; flex: 1 1 auto; text-align: center; }
.service3 { margin-top: 65px; display: flex; display: -webkit-flex; }
.service3_item { box-sizing: border-box; width: 50%; position: relative; border-right: 1px solid transparent; overflow: hidden; }
.service3_item img { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.service3_item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.service3_item_text { font-size: 15px; position: absolute; bottom: 48px; left: 48px; right: 48px; color: #fff; }
.service3_item_text h4 { font-size: 28px; font-weight: normal; margin-bottom: 20px; }
.service4 { margin-top: 85px; }
.service4_tab { text-align: center; margin-bottom: 35px; color: #666; font-size: 15px; line-height: 40px; overflow: hidden; }
.service4_tab li { display: inline-block; margin: 0 25px; padding-bottom: 2px; position: relative; cursor: pointer; white-space: nowrap; }
.service4_tab li.on,
.service4_tab li:hover { color: #e63241; }
.service4 .pagenations { display: none; }
.service4 .service4_list li { margin-bottom: 0; }
.service4 .btnb { text-align: center; line-height: 30px; }
.service4 .btnb .view_more { border-bottom: 1px solid #666666; color: #333; padding: 5px 24px; margin-top: 25px; }
.service4 .btnb .view_more:hover { border-color: #e63241; color: #fff; background: #e63241; }
@media (max-width:768px) {
  .service4 .pagenations { display: block; margin-top: 15px; }
}



.service4_list li { list-style-type: none; width: 33.33%; float: left; display: block; font-size: 0; padding: 25px; background: #f8f8f8; border: 1px solid #eee; box-sizing: border-box; margin-bottom: 38px; }
.service4_list li img { width: 141px; display: inline-block; vertical-align: top; }
.service4_list li .imgbg { width: 141px; display: inline-block; vertical-align: top; }
.service4_list li .imgbg .img { display: block; width: 100%; height: 0; padding-top: 136.45%; background: no-repeat center; background-size: cover; }
.service4_list li .item_desc { display: inline-block; vertical-align: top; width: calc(100% - 141px); font-size: 14px; }
.service4_list ul { flex-wrap: nowrap; justify-content: flex-start; display: flex; display: -webkit-flex; }
.item_desc { padding-left: 30px; }
.item_desc h5 { font-size: 16px; font-weight: normal; line-height: 34px; height: 68px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.btns { margin-top: 45px; }
.banner .btnsBox .btns {margin-top: 0px;}
.btns a { line-height: 24px; display: inline-block; padding-left: 28px; color: #666; }
.item_desc .btns a { font-size: 15px; }
.icon_download { background: url(../images/icon-download.png) no-repeat left top; }
.icon_book { background: url(../images/icon-book.png) no-repeat left top; margin-left: 40px; }
.pagenations { text-align: center; }
.pagenations span { width: 16px; height: 16px; background: none; position: relative; opacity: 1; margin: 0 18px; }
.pagenations span:after { width: 9px; height: 9px; background: #d5d5d5; content: ""; position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.pagenations span:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; border-radius: 50%; border: 2px solid transparent; }
.pagenations span.swiper-pagination-bullet-active:after { width: 4px; height: 4px; background: #e63241; }
.pagenations span.swiper-pagination-bullet-active:before { border-color: #e63241; }
.service5 { margin-top: 85px; position: relative; }
.relative { position: relative; }
.service5_text { text-align: center; z-index: 10; }
.service5_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; color: #fff; cursor: pointer; z-index: 10; }
.service5_play p { margin-top: 24px; }
.service5_text h4 { font-size: 28px; font-weight: normal; }
.service5  .videoimg { width: 100%; position: relative; }
.service5  .videoimg img { width: 100%; }
.service5 #fw-video { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; object-fit: cover; display: none; }
.contact_btn { position: fixed; z-index: 90; width: 40px; background: rgba(230, 50, 65, 0.8); right: 0px; bottom: 135px; text-align: right; }
.contact_btn span { display: block; color: #fff; width: 40px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 3px; text-align: left; box-sizing: border-box; font-size: 0px; cursor: pointer; max-width: 100%; background: url('/images/icon-tel.png') no-repeat center; height: 40px; }
@media screen and (min-width:768px) {
  .contact_btn span { font-size: 16px; padding: 40px 10px 10px; height: 126px; background-image: url('/images/telbg.png'); background-position: center 12px; }
}
.contact_btn.bottom { position: relative; margin-top: -125px; margin-bottom: 65px; }
.service6.section.section6 { padding-bottom: 45px; }

/*ÊÛºó·þÎñ*/
.banner-text.position-right { left: 0; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); text-align: left; }
.tips { line-height: 60px; font-size: 15px; min-height: 60px; border-bottom: 1px solid #eee; color: #666; position: relative; z-index: 8; }
.tips-menu li { list-style-type: none; display: inline-block; margin: 0 20px; }
.tips-menu li:first-child { margin-left: 0; }
.tips-menu li a { display: block; border-bottom: 2px solid transparent; line-height: 56px; }
.tips-menu li a.on,
.tips-menu li a:hover { border-color: #e63241; color: #e63241; }
.bread { padding-left: 20px;  font-size: 14px; color: #999; }
.bread a { color: inherit; }
.bread em { font-style: normal; padding: 0 6px; font-family: serif; }
.page-section { margin-top: 85px; }
.red-line { width: 67px; height: 4px; background: #e63241; margin: 15px auto 0; }
.sh1 { display: flex; display: -webkit-flex; justify-content: space-between; }
.sh1-item { text-align: center; font-size: 14px; flex: 1 1 auto; margin: 0 20px; padding: 50px 60px 22px; border: 1px solid #eee; background: #f8f8f8; color: #888; line-height: 1.5; width: 33.333%; }
.sh1-item h4 { height: 36px; line-height: 36px; font-size: 28px; color: #333; font-weight: normal; margin-top: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh1-item b { display: block; margin-bottom: 10px; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; color: #e63241; font-weight: normal; height: 54px; line-height: 54px; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.sh1-item:hover b { opacity: 1 }
.sh1-item b a { color: inherit; text-decoration: underline; }
.sh1-item p { margin-bottom: 28px; }
.tips-menu .tips-txt{display:none;}
@media screen and (min-width:1200px) {
  .sh1-item p { line-height: 30px; min-height: 60px; }
  
}

@media (max-width: 1200px) {
	.footer .content .left dl.dl4 dd{width: 100%;padding-right: 0;display: block;}
	.footer .content .left dl.dl4{width: auto;}
}


@media (max-width: 880px) {
	.footer .content{
		display: block;
	}
	.footer .content .left{
		margin-bottom: 50px;
	}
}

/*ÊÛºó·þÎñÊý¾Ý*/
.sh2 { display: flex; display: -webkit-flex; padding: 110px 0; color: #fff; justify-content: center; }
.sh2-l h3 { font-size: 28px; font-weight: normal; margin-bottom: 20px; }
.sh2-date { margin-top: 75px; display: flex; display: -webkit-flex; justify-content: space-between; }
.sh2-num b { font-size: 110px; color: #e63241; font-weight: normal; }
.sh2-item { padding-right: 90px; text-align: center; }
.sh2-r { display: flex; display: -webkit-flex; align-items: center; font-size: 15px; }
.sh2-r img { margin-left: 30px; }
.sh2-r h3 { font-size: 28px; font-weight: normal; margin-bottom: 20px; }
.icon-plus { position: relative; }
.icon-plus:after { content: "+"; position: absolute; font-size: 50px; font-weight: bold; top: 0; height: 40px; width: 40px; text-align: center; line-height: 40px; }
.sh3 { text-align: center; }
.sh3 .contact_btn { margin-top: 0; }

/*ÕÕÃ÷֪ʶ*/
.section-search { width: 569px; margin: 0 auto 45px; position: relative; max-width: 100%; }
.section-search input { line-height: 56px; height: 58px; width: 100%; padding: 0 80px 0 20px; border: 1px solid #f1f1f1; font-size: 14px; }
#zm-btn { position: absolute; width: 60px; background: #e63241 url(../images/icon-search.png) no-repeat center; height: 100%; right: 0; top: 0px; }
.zmzs.service2_content a.on,
.zmzs.service2_content a:hover { background: #e63241; color: #fff; }
.zmzs2 { margin-top: 65px; background: #f8f8f8; }
.zmzs2 .list { padding: 80px 0; }
.zmzs-text { display: flex; display: -webkit-flex; justify-content: space-between; color: #888; line-height: 2; }
.zmzs-desc { max-width: 40%; }
.zmzs-desc h4 { line-height: 22px; margin-bottom: 40px; font-size: 24px; font-weight: normal; color: #333; padding-left: 10px; border-left: 2px solid #e63241; }
.fankui { line-height: 68px; background: #fff; border: 1px solid #f1f1f1; padding-left: 25px; font-size: 15px; padding-right: 345px; position: relative; margin-top: 50px; box-sizing: border-box; max-width: 100%; }
.fankui p { font-size: 15px; color: #333; }
.radios { display: flex; display: -webkit-flex; width: 180px; justify-content: space-between; position: absolute; top: 0; right: 150px; }
.radios input[type="radio"] { -webkit-appearance: none; width: 20px; height: 20px; background: url(../images/icon-radio.png) no-repeat center; margin-right: 10px; }
.radios input[type="radio"]:checked { background: url(../images/icon-radio-selected.png) no-repeat center; }
.radios .radio { display: flex; display: -webkit-flex; align-items: center; margin-right: 54px; }
#fankui_btn { width: 136px; background: #e63241; position: absolute; right: 0; top: 0; text-align: center; font-size: 15px; color: #fff; }

/*֪ʶ·ÖÏí*/
.zsfx-list li { list-style-type: none; padding: 45px 35px; background: #f8f8f8; border: 1px solid #f1f1f1; box-sizing: border-box; width: 47%; float: left; margin-right: 3%; margin-bottom: 32px; color: #888; transition: .4s; -webkit-transition: .4s; }
.zsfx-list li:hover { box-shadow: 0 0 5px #ccc; }
.zsfx-list li b { display: block; color: #333; font-size: 18px; font-weight: normal; white-space: nowrap; line-height: 36px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; }
.zsfx-list li span { margin-top: 40px; display: inline-block; color: #888; }
.zsfx-list li a { color: inherit; }
.zsfx-list li a:hover { color: #e63241; }
.zsfx-list li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Pages { margin-top: 85px; margin-bottom: 85px; text-align: center; line-height: 60px; }
.p_page a { padding: 16px 20px; margin: 0 10px; border: 1px solid #e1e1e1; font-style: normal; color: #888; }
.p_page a:hover,
.p_page a.a_cur { background: #e63241; color: #fff; border-color: #e63241; }
@media screen and (min-width:1024px) {
  .zsfx-list .Pages { margin-top: 45px; }
}

/*ÁªÏµµ¯´°*/
.Popup .w650 { width: 450px; max-width: 100%; }
.pop_contact ul { display: flex; display: -webkit-flex; justify-content: center; }
.pop_contact li { list-style-type: none; margin: 0 30px; text-align: center; font-size: 20px; }
.pop_contact li img { margin-bottom: 20px; }
.pop_contact { padding: 70px 0; }

/*³£¼ûÎÊÌâ*/
.qa-item-q { padding-left: 80px; line-height: 70px; background: #f8f8f8; position: relative; padding-right: 80px; cursor: pointer; }
.qa-item-q:before { content: "q"; position: absolute; left: 0; top: 0; text-align: center; background: #e63241; font-size: 28px; width: 70px; text-transform: uppercase; color: #fff; }
.qa-item-q h4 { font-weight: normal; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.icon-change { width: 25px; height: 25px; position: absolute; right: 30px; top: 22.5px; border: 1px solid #ababab; border-radius: 50%; }
.icon-change:before { content: ""; width: 8px; height: 8px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; position: absolute; top: 7px; left: 6px; transform: rotate(45deg); transition: .4s; }
.qa-item-a { padding: 50px 30px 50px 105px; color: #888; line-height: 2; position: relative; font-size: 15px; }
.qa-item-a>span { position: absolute; left: 20px; color: #333; font-size: 24px; line-height: 24px; }
.qa-item .fankui { margin: 0 20px 0; font-size: 15px; }
.qa-item.active,
.qa-item:hover { box-shadow: 0 0 5px #ccc; }
.qa-item { margin-bottom: 50px; transition: .4s; -webkit-transition: .4s; }
.qa-item.active .icon-change { border-color: #e63241; }
.qa-item.active .icon-change:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); left: 8px; top: 6px; border-color: #e63241; }
.qa-item-content { display: none; overflow: hidden; padding-bottom: 10px; }

/*¼¼ÊõÖ§³Ö*/
.js-tabs ul { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
.js-tabs li { cursor: pointer; flex: 0 0 auto; height: 120px; background: #f8f8f8; list-style-type: none; padding: 0 30px; width: 19%; display: flex; display: -webkit-flex; align-items: center; margin-bottom: 15px; border: 1px solid #f1f1f1; line-height: 30px; transition: .4s; -webkit-transition: .4s; }
.js-contents { display: none; margin-top: 85px; padding: 85px 0 45px; background: #f8f8f8; }
.js-content { padding-bottom: 40px; }
.js-content h4 { font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 40px; padding-left: 10px; border-left: 1px solid #e63241; line-height: 24px; }
.js-text { line-height: 30px; min-height: 270px; color: #888; }
.js-tabs li.on,
.js-tabs li:hover { background: #e63241; color: #fff; }

/*ÏÂÔØÖÐÐÄ*/
.down-load-menu ul { display: flex; display: -webkit-flex; font-size: 16px; align-items: flex-end; }
.down-load-menu li { list-style-type: none; padding-left: 24px; border-left: 1px solid #e8e8e8; margin-left: 24px; }
.down-load-menu li:first-child { border-left: none; padding-left: 0; margin-left: 0; }
.down-load-menu li a { display: block; color: #666; font-size: 15px; }
.down-load-menu li a.all { color: #e63241; }
.service4 .service4_list { overflow: visible; }
.down-load-list .service4_list ul { flex-wrap: wrap; justify-content: flex-start; }
.down-load-list .service4_list li { width: 31.333%; position: relative; margin-right: 3%; z-index: 2; }
.down-load-list .service4_list li:hover { z-index: 10; }
@media screen and (min-width:769px) {
  .down-load-list .service4_list li:nth-child(3n) { margin-right: 0 }
}
@media screen and (min-width:1024px) {
  .down-load-list .Pages { margin-top: 47px; }
}

/*ÏÂÔص¯´°*/
.form-items { display: flex; display: -webkit-flex; font-size: 15px; color: #666; align-items: center; }
.form-items .input { flex: 1 1 auto; margin-left: 20px; }
.form-items .input input { width: 100%; border: none; background: #f4f4f4; height: 54px; line-height: 54px; padding: 0 10px; box-sizing: border-box; }
.pop-download .content .wrap { background: #fff; }
#download_access_submit { width: 165px; cursor: pointer; height: 44px; background: #e63241; color: #fff; line-height: 44px; text-align: center; font-size: 16px; margin: 40px auto 0; }

/*ÈçºÎ¹ºÂò*/
.how_buy1 ul { padding: 100px 0; display: flex; display: -webkit-flex; justify-content: center; align-items: flex-start; }
.how_buy1 ul li { list-style-type: none; width: 33.333%; padding: 0 100px; text-align: center; font-size: 15px; line-height: 2; color: #666; box-sizing: border-box; }
.how_buy1 ul li img { margin-bottom: 40px; height: 56px; }
.how_buy1 ul li .img02 { display: none; }
.how_buy1 ul li a:hover .img01 { display: none; }
.how_buy1 ul li a:hover .img02 { display: inline-block; }
.how_buy1 ul li h4 { color: #333; font-size: 24px; font-weight: normal; margin-bottom: 10px; }
.how_buy1 ul li a { color: #333; }
.how_buy1 ul li a:hover h4 { color: #e63241; }
.hot-products { padding: 155px 0; background: #f8f8f8; }
.hot-items { position: relative; }
.slider-3 { position: relative; overflow: hidden; }
.hot-items li { list-style-type: none; padding: 45px; width: 33.333%; background: #fff; margin-right: 25px; display: flex; display: -webkit-flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.pro-img { height: 300px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; width: 100%; }
.pro-catgray { font-size: 14px; color: #999; }
.pro-name { font-size: 18px; color: #333; margin-bottom: 30px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all; }
.pro-desc { margin-bottom: 30px; line-height: 24px; }
.pro-link a { color: #888; }
.hot-items li .pro-desc { overflow: hidden; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hot-items li .pro-img { width: 100%;height: 300px; margin: 0 auto; display: block; overflow: hidden; }
.hot-items li .pro-img .imgview { display: block; width: 100%; margin: 0 auto; height: 0; padding-top: 100%; overflow: hidden; position: relative; background: no-repeat center; background-size: cover; }
.hot-items li .pro-img .imgbox { display: block; width: 100%; margin: 0 auto; height: 0; padding-top: 100%; overflow: hidden; position: relative; }
.hot-items li .pro-img .imgbox img { left: 0; top: 0; width: 100%; position: absolute; }
.hot-items li .pro-link a { display: inline-block; color: #888; background: url('../images/about/morebg.png') no-repeat right center; padding-right: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.hot-items li .pro-link a:hover { color: #e63241; background-image: url('../images/about/morebg2.png'); }
.hot-items li .pro-link .sapnb { display: inline-block; color: #888; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.hot-items li .pro-link .sapnb:hover { color: #e63241; }
.slider-3-next .iconfont,
.slider-3-prev .iconfont { font-size: 28px; }
.hot-items li .pro-desc p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (min-width:1024px) {
  .pro-name { font-size: 24px;
    height: 66px;
    overflow: hidden; }
  .hot-items .Pages { margin-top: 45px; }
  .hot-items li .pro-img {    width: 100%;height: 280px; margin-bottom: 20px; }
}
@media screen and (min-width:1600px) {
  .slider-3-next .iconfont,
  .slider-3-prev .iconfont { font-size: 40px; }
}
.slider-3-prev,
.slider-3-next { text-align: center; color: #333; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; padding: 10px 40px; transition: .4s; -webkit-transition: .4s; z-index: 10; }
.slider-3-prev { left: -105px; }
.slider-3-next { right: -105px; }
.slider-3-prev:hover,
.slider-3-next:hover { color: #e63241; }
.hot-solutions { margin-top: 85px; width: 100%; overflow: hidden; margin-bottom: 85px; }
.hot-solutions .slider-bults { padding-top: 15px; }
@media screen and (min-width:1200px) {
  .hot-solutions .slider-bults { padding-top: 30px; }
}
.hot-solutions .btnsBox { height: 44px; position: absolute; left: 0; z-index: 8; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;/* opacity: 0; */ }
.hot-solutions .btnsBox .btns { position: relative; margin-top: 0; z-index: 1000; }

/* .hot-solutions:hover .btnsBox{opacity: 1;} */
.hot-solutions .swiper-button-next,
.hot-solutions .swiper-button-prev { color: #fff; top: 0; transform: none; width: 50px; height: 70px; }
.hot-solutions .swiper-button-next:after,
.hot-solutions .swiper-button-prev:after { display: none; }
.hot-solutions .swiper-button-next:hover,
.hot-solutions .swiper-button-prev:hover { color: #e63241; }
.hot-solutions .swiper-button-next .iconfont,
.hot-solutions .swiper-button-prev .iconfont { font-size: 28px; }
@media screen and (min-width:1600px) {
  .hot-solutions .swiper-button-next .iconfont,
  .hot-solutions .swiper-button-prev .iconfont { font-size: 40px; }
}
.solutions li { opacity: .7; }
.solutions li a{display:block;}
.solutions li .transform-scale{max-height:387px}
.solutions li.swiper-slide-active,
.solutions li.swiper-slide-next { opacity: 1; }
.solution-img,
.solution-img img { width: 100%; display: block; }
.solution-name { font-size: 16px; color: #333; margin: 30px 0 10px; }
.solution-desc { font-size: 14px; color: #888; }
.video-center .video-listBox { position: relative; }
.video-center  .slider-bults { padding: 55px 0; text-align: center; }
.video-center .btnsBox { position: absolute; left: 0; z-index: 8; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -40px; -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;/* opacity: 0; */ height: 40px; }
.video-center .btnsBox .btns { position: relative; margin-top: 0; }

/* .hot-solutions:hover .btnsBox{opacity: 1;} */
.video-center .swiper-button-next,
.video-center .swiper-button-prev { color: #333; top: 50%; }
.video-center .swiper-button-next:after,
.video-center .swiper-button-prev:after { display: none; }
.video-center .swiper-button-next:hover,
.video-center .swiper-button-prev:hover { color: #e63241; }
.video-center .swiper-button-next .iconfont,
.video-center .swiper-button-prev .iconfont { font-size: 28px; }

@media screen and (min-width:1600px) {
  .video-center .swiper-button-next .iconfont,
  .video-center .swiper-button-prev .iconfont { font-size: 40px; }
}
.slider-bults .swiper-pagination-bullet { width: 9px; height: 9px; background: #d5d5d5; margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; }
.slider-bults .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 16px; height: 16px; border: 2px solid #e63241; position: relative; background: none }
.slider-bults .swiper-pagination-bullet.swiper-pagination-bullet-active::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5px; height: 5px; border-radius: 50%; background: #e63241; content: ''; display: block }
.solution-news { padding: 110px 0 150px; background: #f8f8f8; }
.solution-news li { display: flex; display: -webkit-flex; background: #fff; padding-bottom: 30px; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.news-img { width: 100%; margin-bottom: 40px; }
.news-img img { display: block; width: 100%; }
.news-title a { display: block; font-size: 20px; color: #333; margin-bottom: 40px; padding: 0 24px; }
.news-title span { color: #888; padding-right: 5px; border-right: 1px solid #888; margin-right: 5px; }
.news-desc { padding: 0 24px; color: #888; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 40px; }
.news-view { padding: 0 24px; line-height: 17px; font-size: 15px; }
.news-view a { padding-left: 5px; margin-left: 5px; border-left: 1px solid #888; color: #888; display: inline-block; }
.solution-container { position: relative; }
.slider-4-prev,
.slider-4-next { text-align: center; color: #333; cursor: pointer; position: absolute; top: 50%; margin-top: -15px; font-size: 16px; padding: 10px 40px; z-index: 10; transition: .4s; -webkit-transition: .4s; }
.slider-4-prev { left: -105px; }
.slider-4-next { right: -105px; }
.slider-4-prev:hover,
.slider-4-next:hover { color: #e63241; }
.solution-news .slider-4-next .iconfont,
.solution-news .slider-4-prev .iconfont { font-size: 28px; }
@media screen and (min-width:1600px) {
  .solution-news .slider-4-next .iconfont,
  .solution-news .slider-4-prev .iconfont { font-size: 40px; }
}
.bg-white { background: #fff; }
.line-bottom { border-bottom: 1px solid #f1f1f1; }

/*ÊÓƵÖÐÐÄ*/
.video-list { padding-top: 66px; }
.video-list ul { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.video-list li { list-style-type: none; width: 31.333%; margin-bottom: 40px; }
.video-list.video-listP li { width: 100%; margin-bottom: 15px; }
.video-list.video-listP ul { font-size: 0; display: block; }
.video-list.video-listP li .video-box { cursor: pointer; overflow: hidden; }
.video-list.video-listP li .video-box video { -webkit-transition: all .3s; display: none; -o-transition: all .3s; transition: all .3s; }
.video-list.video-listP li .video-box:hover video { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.video-list.video-listP li .video-box .videobgimg { overflow: hidden; }
.video-list.video-listP li .video-box .videobgimg .Vbg { position: relative; width: 100%; height: 0; padding-top: 56.818%; background: no-repeat center; background-size: cover; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.video-list.video-listP li .video-box:hover .videobgimg .Vbg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
@media screen and (min-width:640px) {
  .video-list.video-listP ul { margin: 0 -8px; }
  .video-list.video-listP li { display: inline-block; width: 50%; padding: 0 8px; font-size: 14px; }
}
@media screen and (min-width:1024px) {
  .video-list.video-listP ul { margin: 0 -20px; }
  .video-list.video-listP li { display: inline-block; width: 33.33%; padding: 0 20px; margin-bottom: 40px; font-size: 15px; }
}
.video-text { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.video-desc { font-size: 15px; line-height: 30px; margin-top: 10px; cursor: pointer; }
.video-desc .Ntitle { font-size: 12px; }
.video-download .Sfx { padding-left: 20px; }
.video-download .Sfx .fx .fxbtn { padding-top: 0; color: #333; }
.video-download .Sfx .social-share { min-width: 125px; left: auto; right: 0; }
.video-download .Sfx .fx .fxbtn .iconfont { color: #333; }
.video-download_item { font-size: 15px; padding-left: 20px; flex: 0 0 auto; background: url(../images/icon-download-gray.png) no-repeat left center; cursor: pointer; }
.video-download .video-download_item { display: inline-block; vertical-align: middle; }
.video-download .Sfx { display: inline-block; vertical-align: middle; }
.video-box { position: relative; cursor: pointer;max-height: 252px;min-height: 251px; }
.video-play { position: absolute; width: 34px; height: 34px; cursor: pointer; left: 50%; bottom: 50%; z-index: 10; background: url(../images/icon-play.png) no-repeat center; margin: 0 0 -17px -17px; }
.video-center .contact_btn { margin-bottom: 90px; margin-top: 0; }
.video-center .Pages { margin-bottom: 10px; }
.video-desc p,
.video-desc .Ntitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (min-width:1024px) {
  .video-desc { max-width: 64% }
  .video-center .Pages { margin-top: 47px; margin-bottom: 0; }
}
@media screen and (min-width:1300px) {
  .video-center .swiper-button-next { right: -60px; }
  .video-center .swiper-button-prev { left: -60px; }
}
@media screen and (max-width:480px) 
{
    
  .video-download .Sfx .social-share { left: -65px; top: 170%; margin-left: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
}

/*ÈçºÎ¹ºÂò*/
.common { background: #f8f8f8; padding: 85px 0; }
.common-head { text-align: center; color: #888; margin-bottom: 50px; }
.common-head h4 { font-size: 28px; color: #333; font-weight: normal; margin-bottom: 14px; }
.common-container { padding: 85px 185px 85px; background: #fff; color: #888; line-height: 2; }
.form-tip { margin-bottom: 50px; }
.form-line { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 40px; color: #666; font-size: 15px; }
.form-item { width: 46%; flex: 0 1 auto; border-bottom: 1px solid #dadada; padding-bottom: 16px; display: flex; display: -webkit-flex; }
.form-item input { flex: 1 1 auto; border: none; }
.req { padding-right: 8px; }
.req:after { content: "*"; color: #f00; }
.color-red { color: #e63241; }
.form-line.line-three .form-item { width: 30.333%; }
.form-line textarea { width: 100%; padding: 30px; background: #f8f8f8; border: 1px solid #f1f1f1; height: 240px; }
.common-container .radios { position: static; width: auto; justify-content: flex-start; margin: 17px 0 53px; }
.tk { margin-bottom: 24px; line-height: 24px; }
.tk .tkBtn { display: inline-block; cursor: pointer; width: 20px; height: 20px; border: 1px solid #ddd; margin-right: 5px; vertical-align: middle; }
.tk .tkBtn.BtnOn { background: url('../images/duigo.png') no-repeat center; }
.tk input { margin-right: 6px; position: relative; top: 3px; }
.common-container button { width: 210px; cursor: pointer; height: 49px; max-width: 100%; line-height: 49px; background: #e63241; border: none; color: #fff; font-size: 16px; }
.form-tk,
.form-tk2 { color: #333; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #333; cursor: pointer; }

/*·þÎñÍøµã*/
.common-container.padding-50 { padding: 50px; }
.address-select { display: flex; display: -webkit-flex; padding-bottom: 60px; }
.address-select select { flex: 0 1 auto; margin-right: 20px; width: 195px; height: 40px; box-sizing: border-box; padding: 0 20px; color: #888; border: 1px solid #f1f1f1; background: #f8f8f8; }
.map-container { display: flex; display: -webkit-flex; }
#l-map { flex: 1 0 auto; }
.map-addresss { margin-left: 30px !important; height: 656px; width: 388px; }
.map-addresss li { list-style-type: none; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #f1f1f1; line-height: 2; width: 100%; transition: .4s; -webkit-ransition: .4s; padding: 0 15px; margin-left: 10px; cursor: pointer; border-radius: 4px; box-sizing: border-box; }
.map-addresss li:hover,
.map-addresss li.on { box-shadow: 0 0 6px #4c4c4c; }
.map-addresss li h4 { font-size: 20px; font-weight: normal; color: #333; }
.map-addresss .swiper-slide { height: auto; flex-direction: column; align-items: flex-start; }

/*²úÆ·ÖÐÐÄ*/
.pcenter-banner { height: 880px; background-position: bottom center; background-repeat: no-repeat; background-size: cover; }
@media (max-width:780px) {
  .pcenter-banner { height: 400px; }
}
.banner-text.v-center { top: 50%; height: 100%;}
.banner-text.v-center .auto_1440{ top: 50%; height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.banner-text.v-center .auto_1440 section{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.banner-video { margin: 33px auto 100px; width: 60px; height: 60px; cursor: pointer; z-index: 10; background: url(../images/icon-play-big.png) no-repeat center; }
.zx-btn { width: 156px; margin: auto; line-height: 48px; background: #e63241; cursor: pointer; font-size: 15px; max-width: 100%; color: #fff; text-align: center; }
.procenter-desc { padding: 85px 0; font-size: 0; }
.procenter-desc .procenter-desc-l { font-size: 15px; }
.procenter-desc .procenter-desc-r { font-size: 15px; }
.procenter-desc .procenter-desc-r .zx-btn { display: none; }
@media (min-width:780px) {
  .procenter-desc .procenter-desc-l { display: inline-block; font-size: 15px; vertical-align: middle; width: 49.3% }
  .procenter-desc .procenter-desc-r { display: inline-block; font-size: 15px; vertical-align: middle; width: 50.7%; }
}
.procenter-desc-r { padding-left: 70px; max-width: 50%; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; box-sizing: border-box; color: #666; line-height: 2; }
.procenter-desc-r h4 { font-size: 16px; font-weight: normal; color: #333; }
.procenter-desc-r .zx-btn { margin: 85px 0 0; }
@media (min-width:780px) {
  .procenter-desc-r h4 { font-size: 24px; }
}
.procenter-desc .procenterImg { max-width: 710px; }
.procenter-desc .procenterImg .img { position: relative; width: 100%; height: 0; padding-top: 56.33%; overflow: hidden; }
.procenter-desc .procenterImg .img img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.multi-tree { margin: 85px auto 50px;  background: #fff; position: relative; z-index: 8; }
.tree-line { display: flex; display: -webkit-flex; margin-bottom: 10px; padding-bottom: 10px; color: #888; line-height: 40px; border-bottom: 1px solid #eee; }
.tree-line.tree-linelast { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.tree-rowhead { padding-top: 4px; font-size: 16px; color: #333; width: 70px; white-space: nowrap; text-align: right; flex: 0 0 auto; }
.tree-a,
.tree-selects { padding-left: 40px; width: 100%; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  */ }
.tree-a .TreeHeight { height: 44px; padding-top: 4px; overflow: hidden; padding-right: 200px; }
.tree-line01 .tree-a .TreeHeight { padding-right: 240px; }
.tree-a .TreeHeight.TreeHauto { height: auto; }
.multi-tree .btnsView { position: absolute; right: 0; top: 0; font-size: 0; padding-top: 10px; }
.multi-tree .btnsView .btnIcon { cursor: pointer; display: inline-block; font-size: 14px; vertical-align: top; width: 75px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #eee; margin-right: 10px; }
.multi-tree .btnsView .btnIcon:hover { color: #e63241; }
.multi-tree .btnsView .btnIcon.btn3 { display: none; }
.multi-tree .btnsView .btnIcon.btn2 { margin-right: 0; }
.multi-tree .btnsView .btnIcon.btn2 .iconfont { font-size: 15px; }
.multi-tree .tree-line01 .btnsView .btnIcon { margin-right: 0; }
.Multiplebtn { display: none; text-align: center; font-size: 0; padding-top: 10px; }
.Multiplebtn .spanb { display: inline-block; cursor: pointer; font-size: 14px; text-align: center; width: 85px; line-height: 29px; margin: 0 5px; border: 1px solid #eee; }
.Multiplebtn .spanb:hover { background: #e63241; border-color: #e63241; color: #fff; }
.TreeMultiple  .Multiplebtn { display: block; }
.tree-a .TreeHeight.TreeMultiple { padding-right: 0; }
@media (max-width:769px) {
  .tree-line01 .tree-a .TreeHeight { padding-right: 0; }
  .tree-a .TreeHeight { padding-right: 0 }
  .multi-tree .btnsView { position: static; padding-top: 15px; }
  .tree-a .TreeHeight { height: 88px; }
  .multi-tree { padding: 15px 15px 5px; }
  .search-products .tree-rowhead { line-height: 20px; }
}
.tree-a { position: relative; }
.tree-a a { padding: 5px; color: #888; white-space: nowrap; }
.tree-a a.on { background: #e63241; color: #fff; }
.tree-selects { display: flex; display: -webkit-flex; justify-content: space-between; }
.tree-selects span { padding: 0 10px; flex: 1 1 auto; display: flex; display: -webkit-flex; flex-wrap: nowrap; white-space: nowrap; }
.tree-selects select { height: 40px; background: #f8f8f8; border: none; color: #888; width: 137px; padding: 0 10px; }
.tree-selects input { max-width: 225px; padding: 0 10px; height: 40px; margin-left: 10px; border: none; background: #f8f8f8; }
.tree_default { color: #e63241; cursor: pointer; }
.tree_defaults { color: #e63241; cursor: pointer; }
.tree_more { color: #e63241; cursor: pointer; position: absolute; right: 0; top: 0; }
.tree_default { display: none; }
.tree_defaults { display: none; }
.tree-a.view-more { white-space: normal; }
.pro-search-keys { display: flex; display: -webkit-flex; margin-bottom: 25px; justify-content: space-between; }
.pro-search-keys span { flex: 0 0 auto; white-space: nowrap; font-size: 24px; }
.search-keys a { background: #fff; line-height: 40px; display: inline-block; padding: 0 40px 0 10px; position: relative; color: #888; }
.search-keys a:after { content: "+"; font-size: 20px; transform: rotate(45deg); position: absolute; right: 10px; }
.pro-search-result { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
.hot-items .pro-search-result li { margin-bottom: 40px; margin-right: 0; width: 31.333%; }
.search-products { padding-top: 85px; background: #f8f8f8; padding-bottom: 1px; }
.pop-video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1010; background: rgba(0, 0, 0, .6); display: none; }
.pop-video-c { width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; }
.pop-video-con { width: 80%; max-height: 80%; position: relative; }
.pop-video-close { position: absolute; color: #fff; font-size: 28px; text-align: center; border-radius: 50%; top: -22px; right: -22px; width: 28px; height: 28px; line-height: 26px; background: rgba(250, 243, 247, 0.27); transform: rotate(45deg); z-index: 10; cursor: pointer; }
@media (min-width:1024px) {
  .tree-a a { padding: 5px 20px; }
}
@media (min-width:1200px) {
  .pop-video-con { width: 60%; }

  /*     .tree-a{padding-left: 115px;}
    .tree-a a:first-child{position: absolute; left: 40px; top: auto;}
    .tree-a a{height: 29px;padding: 0 20px; line-height: 29px; display: inline-block; vertical-align: top;}
   */
  .tree-selects { display: block; font-size: 0; white-space: normal; }
  .tree-selects span { width: 25%; display: inline-block; vertical-align: top; font-size: 14px; margin-bottom: 15px; }
  .tree-selects input { max-width: 140px; }
}
@media (min-width:1400px) {
  .tree-selects input { max-width: 225px; }
}
.selectDownBoxVWarp { width: 100%; display: block; font-size: 14px; }
.selectDownBoxVWarp .itembox { position: relative; width: 100%; z-index: 5; background: #fff; margin-bottom: 10px; }
.selectDownBoxVWarp .itemVA a { padding: 5px 20px; color: #888; white-space: nowrap; }
.selectDownBoxVWarp .itemVA a:hover { color: #e63241; }
.selectDownBoxVWarp .itemVA a.on { background: #e63241; color: #fff; }
.selectDownBoxVWarp .itemVA a.on:hover { color: #fff; }
.selectDownBoxVWarp .itembox .st { position: relative; padding-left: 15px; padding-right: 40px; line-height: 40px; border: 1px solid #eee; }
.selectDownBoxVWarp .itembox .st .icon { position: absolute; right: 0; top: 0; width: 40px; text-align: center }
.selectDownBoxVWarp .itembox .st .icon b { font-weight: normal; }
.selectDownBoxVWarp .itembox .st.ston .icon b:before { content: '#24e'; }
.selectDownBoxVWarp .itembox .selectView { display: none; left: 0; top: 56px; width: 100%; background: #fff; font-size: 14px; border: 1px solid #eee; border-top: none; }
.selectDownBoxVWarp .itembox .selectView .item { padding: 0 15px; }
.SelectMultiplebtn { display: none; text-align: center; font-size: 0; padding-top: 10px; }
.SelectMultiplebtn .spanb { display: inline-block; cursor: pointer; font-size: 14px; text-align: center; width: 85px; line-height: 29px; margin: 0 5px; border: 1px solid #eee; }
.SelectMultiplebtn .spanb:hover { background: #e63241; border-color: #e63241; color: #fff; }
.selectViewOn  .SelectMultiplebtn { display: block; }
.selectViewOn .SelectbtnsView { display: none; }
.selectView .SelectbtnsView { padding-top: 4px; text-align: right; padding-right: 15px; }
.selectView .SelectbtnsView .btnIcon { cursor: pointer; display: inline-block; font-size: 14px; vertical-align: top; width: 75px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #eee; }
.selectView .SelectbtnsView .btnIcon:hover { color: #e63241; }
.selectView .SelectbtnsView .btnIcon i { font-style: normal; }
@media (min-width:1024px) {
  .selectDownBoxVWarp .selectDownBox { font-size: 0; margin: 0 -5px; }
  .selectDownBoxVWarp .itembox { display: inline-block; width: 16.66%; padding: 0 5px; font-size: 14px; vertical-align: top; }
  .selectDownBoxVWarp .itembox .st { border-color: #f6f6f6; background: #f6f6f6; position: relative; cursor: pointer; }
  .tree-line { position: relative; }
  .selectDownBoxVWarp .itembox { position: static; }
  .selectDownBoxVWarp .itembox .selectView .item { padding: 15px; border: 1px solid #999999; position: relative; padding-right: 150px; }
  .selectDownBoxVWarp .itembox .selectView.selectViewOn .item { padding-right: 15px; }
  .selectView .SelectbtnsView { position: absolute; right: 15px; top: 15px; }
  .selectDownBoxVWarp .itembox .selectView { position: absolute; margin-top: -11px; z-index: 8; left: 1px; }
  .selectDownBoxVWarp .itembox:hover { border-color: #999; }
  .selectDownBoxVWarp .itembox:hover .st { border-color: #999; background: #fff; border-bottom-color: #fff; z-index: 10; }
  .selectDownBoxVWarp .itembox:hover .selectView { display: block; }
  .selectDownBoxVWarp .itembox:hover .st .icon b:before { content: '#24e'; }
}

/*²úÆ·ÏêÇé*/
.products-slide .swiper-slide img { display: block; width: 100%; }
.products-slide-text { position: absolute; z-index: 1010; left: 0; top: 0; right: 0; bottom: 0; display: flex; display: -webkit-flex; justify-content: center; align-items: center; color: #fff; font-size: 28px; }
.products-slide-text h3 { font-size: 90px; font-weight: normal; }
.products-slide-text .banner-video { margin: 80px 0 0; padding-left: 44px; line-height: 34px; height: 34px; background-size: 34px; background-position: left center; font-size: 15px; white-space: nowrap; }
.gallery-thumbs .swiper-slide { width: 182px; height: 91px; background-size: cover; }
.products-slide { position: relative; }
.gallery-thumbs.swiper-container { position: absolute; bottom: 70px; height: 91px; width: 808px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border: 1px solid #e63241; }
.pro-desc-tabs { padding: 15px 0; display: flex; display: -webkit-flex; line-height: 48px; justify-content: flex-end; }
.pro-desc-tabs .zx-btn { margin: 0; flex: 0 0 auto; }
.pro-desc-tabs a { flex: 1 1 auto; }
.tips-menu ul.left-all { text-align: left; position: static; display: flex; display: -webkit-flex; }
.pro-desc-tabl { position: relative; flex: 1 1 auto; margin: 0 20px; }
.pro-desc-tabl ul { display: flex; display: -webkit-flex; justify-content: space-between; }
.pro-desc-tabl ul li { list-style-type: none; }

/*²úÆ·¼ò½à*/
.bg-f8 { background: #f8f8f8; }
.pro-photoes { display: flex; display: -webkit-flex; overflow: hidden; padding: 85px 0; }
.photoes-l { width: 603px; max-width: 100%; }
.photo-big.swiper-container { width: 100%; max-width: 100%; background: #f6f6f6; }
.photo-small.swiper-container,
.photo-big.swiper-container { height: auto; }
.photoes-l .photo-big .slideBoximg,
.photoes-l .photo-small .slideBoximg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; overflow: hidden; border: 1px solid #f1f1f1; }
.photoes-l .photo-big .slideBoximgV,
.photoes-l .photo-small .slideBoximgV { width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden; }
.photoes-l .photo-big .slideBoximgV img,
.photoes-l .photo-small .slideBoximgV img { position: absolute; left: 0; top: 0; width: 100%; max-width: 100%; }
.photo-small.swiper-container { margin-top: 14px; }
.photo-small.swiper-container .swiper-slide { margin-right: 10px; background: #f6f6f6; cursor: pointer; }
.photoes-l .photo-small {/*  padding: 0 20px;  */ }
.phototes-r { flex: 1 1 auto; padding-left: 140px; font-size: 14px; line-height: 2; }
.phototes-r .pRbox { display: flex; width: 100%; overflow: hidden; }
.phototes-r .pRbox .pRboxView { flex: 1; overflow: hidden; }
.phototes-r h3 { font-size: 28px; font-weight: normal; line-height: 1em; padding-bottom: 16px; }
.phototes-r h4 { font-size: 24px; font-weight: normal; }
.phototes-r .rTop h3 { font-size: 36px; font-weight: bold; line-height: 1em; padding-bottom: 16px; }
.phototes-r .rTop h4 { font-size: 24px; font-weight: normal; color: #e63241; }
.phototes-r .rTop { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
.phototes-r .porcs { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
.phototes-r .porcs .title .h3 { font-size: 24px; font-weight: normal; }
.pFx .span { display: inline-block; vertical-align: top; line-height: 35px; }
.pFx .bshare-custom { display: inline-block; vertical-align: top; }
.pFx .bshare-custom a { opacity: 1; background: none; font-size: 22px; text-decoration: none; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #999; border-radius: 3px;padding: 0; margin: 0; margin-left: 10px; display: inline-block; position: relative; cursor: pointer;border:none }
.pFx .bshare-custom a:hover { text-decoration: none; opacity: 1; }
.pFx .bshare-custom a.icon-weibo:hover { background: #E6162D; color: #fff; }
.pFx .bshare-custom a.icon-wechat:hover { background: #1AAD19; color: #fff; }
.pFx .bshare-custom a.icon-qq:hover { background: #12b7f5; color: #fff; }
.CaseInfoPfx .pFx { text-align: right; padding-bottom: 10px; }
.pFxnewinfo { padding-top: 10px; text-align: right; }
.manual01.Sfx { position: relative; }
.Sfx .shareBox { display: none; position: absolute; left: 0; top: 100%; }
.Sfx .fx .fxbtn { padding-top: 15px; font-size: 15px; color: #666; cursor: pointer; }
.Sfx .fx .fxbtn .iconfont { font-size: 21px; cursor: pointer; color: #e63241; padding-right: 3px; }
.Sfx .social-share .icon-wechat .wechat-qrcode.bottom { top: auto; bottom: 40px; }
.Sfx .social-share a:first-child { margin-left: 0; }
.Sfx .social-share .social-share-icon { opacity: 1; background: none; font-size: 22px; text-decoration: none; border: none; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #999; border-radius: 3px; padding: 0; margin: 0; margin-left: 10px; display: inline-block; position: relative; cursor: pointer; }
.Sfx .social-share { padding-top: 10px; }
.Sfx .social-share .icon-weibo:hover { background: #E6162D; color: #fff; }
.Sfx .social-share .icon-wechat:hover { background: #1AAD19; color: #fff; }
.Sfx .social-share .icon-qq:hover { background: #12b7f5; color: #fff; }
.phototes-r ul { list-style-type: none; margin-top: 0px; }
.phototes-r li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phototes-r li span { width: 140px; display: inline-block; color: #888; }
.phototes-r .zx-btn { margin-left: 0; margin-top: 93px; }
.pro-description-tab .zx-btn { margin-top: 120px; margin-left: 0; }
.isvideo { position: relative; }
.isvideo:before { content: ""; position: absolute; width: 34px; height: 34px; cursor: pointer; left: 50%; top: 50%; z-index: 20; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../images/icon-play.png) no-repeat center; }
.isvideo:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.37); z-index: 10; }
.pro-description { padding: 85px 0 85px; }
.pro-description .contact_btn { margin-top: 65px; }
.pro-description-tab { width: 270px; background: #fff; padding: 40px; box-sizing: border-box; font-size: 15px; color: #888; float: left; }
.pro-description-tab li { list-style-type: none; margin-bottom: 20px; cursor: pointer; }
.pro-description-tab li.on { color: #e63241; }
.pro-description-content { margin-left: 325px; background: #fff; padding: 60px 53px; }
.pro-description-text h4 { line-height: 22px; font-size: 24px; border-left: 4px solid #e63241; padding-left: 10px; margin-bottom: 40px; margin-top: 10px; font-weight: normal; }
ul.pro-cs { list-style-type: none; display: flex; display: -webkit-flex; flex-wrap: wrap; }
ul.pro-cs li { width: 49%; background: #f8f8f8; line-height: 40px; box-sizing: border-box; margin-right: 1%; margin-bottom: 10px; padding: 10px; font-size: 15px; color: #888; word-wrap: break-word; word-break: break-all; }
@media (max-width:780px) {
  .phototes-r h3 { font-size: 22px; }
  .phototes-r h4 { font-size: 16px; }
  .phototes-r .rTop h3 { font-size: 22px; }
  .phototes-r .rTop h4 { font-size: 16px; }
  .phototes-r .porcs .title .h3 { font-size: 22px; }
  .pro-description-text h4 { font-size: 16px; }
  .photoes-l { width: 100%; margin-bottom: 40px; }
  .pro-photoes { flex-wrap: wrap; padding: 0 16px; }
  .phototes-r { padding-bottom: 40px; padding-left: 0; }
  .pro-description-tab { width: auto; float: none; }
  .pro-description-tab ul { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
  .pro-description-tab li { padding: 0 10px; }
  .pro-description-tab .zx-btn { display: none; }
  .pro-description-content { margin-left: 0; padding: 40px 10px; }
  ul.pro-cs li { font-size: 14px; }
}

/*½â¾ö·½°¸*/
.solution-list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.solution-sell { position: relative; padding-bottom: 37.8%; border: 1px solid #fff; height: 0; overflow: hidden; box-sizing: border-box; color: #fff; }
.solution-sell a { color: inherit; }
.solution-sell.s-2 { width: 50%; }
.solution-sell.s-3 { width: 33.33%; }
.s-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.solution-sell:hover .s-img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.solution-text { position: absolute; z-index: 20; bottom: 63px; left: 63px; right: 63px; }
.solution-text .s-icon { width: 100%; margin-bottom: 20px; }
.solution-text .s-icon img { width: 40px; }
.solution-text h4 { font-size: 28px; font-weight: normal; }
.solution-text h4:after { width: 24px; height: 2px; border-radius: 1px; background: #fff; content: ""; display: block; margin-top: 10px; }
.solution-text h4 a { color: inherit; }
.banner-text.position-right.v-center .clearfix { max-width: 35%; font-size: 15px; }
.banner-text.position-right.v-center .zx-btn { margin-left: 0; }
.solutions-center { padding-top: 85px; }
.solutions-wrapper { display: flex; display: -webkit-flex; flex-wrap: wrap; list-style-type: none; justify-content: space-between; }
.solutions-wrapper li { width: 49%; margin-bottom: 40px; }
.relation-container { margin: 0 85px; position: relative; }
.relation-container .slider-3-prev { left: -105px; }
.relation-container .slider-3-next { right: -105px; }
.relation-container .slider-3-prev,
.relation-container .slider-3-next { z-index: 100; line-height: 40px; transition: .4s; -webkit-transition: .4s; }
.relation-container .slider-3-prev:hover,
.relation-container .slider-3-next:hover { color: #e63241; }
.relation-container li { width: 31.333%; background: #f9f9f9; border: 1px solid #f1f1f1; margin-right: 2%; }
.relation-container li>a { display: block; font-size: 0; padding: 85px 36px; }
.pro-relation { margin-bottom: 85px; overflow: hidden; margin-top: 85px; }
.caseInfoTj { position: relative; }
.caseInfoTj.pro-relation { margin-top: 0; }
.relation-l { width: 60%; padding-right: 10px; display: inline-block; vertical-align: top; font-size: 14px; }
.relation-title { font-size: 24px; margin-bottom: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

/* .relation-desc { color: #888; line-height: 26px; margin-bottom: 65px; height: 52px; overflow: hidden; } */
.relation-desc,
.relation-descbox { margin-bottom: 35px; color: #888; line-height: 26px; }
.relation-desc p,
.relation-descbox p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.relation-view { display: inline-block; position: relative; color: #888; }
.caseInfoTj .relation-title { }
.swiper-button-disabled { display: none; }

/* .relation-view:after { width: 30px; border-bottom: 1px solid #888; content: ""; position: absolute; top: 60%; right: 0; } */

/* .relation-view:before { border-bottom: 1px solid #888; width: 10px; content: ""; position: absolute; right: 0; top: 60%; transform-origin: right; transform: rotate(45deg); } */
.relation-view:hover { color: #e63241; }
.relation-view:hover:after,
.relation-view:hover:before { border-color: #e63241; }
.relation-r { width: 40%; display: inline-block; vertical-align: top; font-size: 14px; }
.images-slider { padding: 85px 0; width: 100%; overflow: hidden; }
.images-slider .slider-bults,
.pro-relation .slider-bults { margin-top: 40px; }
.content2 { font-size: 14px; color: #888; line-height: 2; font-family: 'Microsoft YaHei', '微软雅黑'; }
.content2 p,
.content2 span,
.content2 div,
.content2 { font-size: 14px !important; }
.content2.caseInfoConTxt { padding-top: 25px; }
.bg-white,
.bg-white .section6 { background: #fff; }
.no-btn .contact_btn { display: none; }
.no-btn .service6.section.section6 { padding: 85px 0; }

/* .CaseSwiper .images-slider-container{overflow: hidden;} */
.full-width-ovf { position: relative; }
.CaseSwiper .slider-3-next,
.CaseSwiper .slider-3-prev { color: #fff; }
.CaseSwiper .slider-3-next,
.CaseSwiper .slider-3-prev { opacity: 0; }
.CaseSwiper:hover .slider-3-next,
.CaseSwiper:hover .slider-3-prev { opacity: 1; }
.CaseSwiper .slider-3-next:hover,
.CaseSwiper .slider-3-prev:hover { color: #e63241; }
.solution-list { padding-bottom: 30px; }
.CaseSwiper .slider-full .swiper-slide .img { position: relative; }
.CaseSwiper .slider-full .swiper-slide .img .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.CaseSwiper .slider-full .swiper-slide.swiper-slide-active .img .bg { background: transparent; }
@media (min-width:1024px) {
  .solution-list { margin-right: -3px; margin-left: -3px; padding-bottom: 82px; }
  .solution-sell { border-width: 3px; }
}
.MainWarp { padding: 30px 0; }
@media (min-width:780px) {
  .MainWarp { padding: 50px 0; }
}
@media (min-width:1024px) {
  .MainWarp { padding: 85px 0; }
}
.SolutionCase .pc { display: none; }
.Casebanner { position: relative; }
.Casebanner .swiper-slide { }
.Casebanner:hover .swiper-slide { }
.Casebanner .swiper-slide a { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: no-repeat center; background-size: cover; }
.Casebanner .swiper-pagination { position: static; margin-top: 15px; width: 100%; text-align: center; }
.Casebanner .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; }
.Casebanner .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #e63241; }
.Casebanner  .swiper-container { width: 100%; height: auto; }
.Casebanner  .swiper-container .swiper-slide { width: 100%; height: auto; display: block; }
.Casebanner  a { display: block; }
.SolutionCase .pc ul { font-size: 0; overflow: hidden; }
.SolutionCase .pc ul li { display: inline-block; font-size: 14px; width: 25.43%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.SolutionCase .pc ul li a { display: block; width: 100%; height: 486px; background: no-repeat left top; position: relative; }
.SolutionCase .pc ul li.on { width: 74.57% }
.SolutionCase .pc ul li .pcbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.SolutionCase .pc ul li .pcbox .tb { display: table; width: 100%; height: 100%; }
.SolutionCase .pc ul li a .pcbox .tb .tbc { display: table-cell; width: 100%; height: 100%; padding: 140px 60px 0; vertical-align: top; color: #fff; }
.SolutionCase .pc ul li a .pcbox .tb .tbc .color { color: #e63241; }
.SolutionCase .pc ul li a .pcbox .h3 { font-size: 28px; }
.SolutionCase .pc ul li a .pcbox .navlist { display: none; margin-top: 10px; }
.SolutionCase .pc ul li a .pcbox .navlist .spant { display: inline-block; vertical-align: middle; }
.SolutionCase .pc ul li a .pcbox .navlist .spant:last-child .em { display: none; }
.SolutionCase .pc ul li a .pcbox .navlist .em { display: inline-block; vertical-align: middle; padding: 0 10px; font-style: normal; }
.SolutionCase .pc ul li a .pcbox .navlist .txtp { padding-top: 10px; }
.SolutionCase .pc ul li a .pcbox .btn { display: none; margin-top: 70px; width: 134px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.SolutionCase .pc ul li a .pcbox .btn:hover { background: #e63241; color: #fff; border-color: #e63241; }
.SolutionCase .pc ul li.on a .pcbox .navlist { display: block; }
.SolutionCase .pc ul li.on a .pcbox .btn { display: block; }
@media screen and (min-width:1300px) {
  .SolutionCase .pc ul li a .pcbox .tb .tbc { padding: 140px 80px 0 }
}
@media screen and (min-width:1400px) {
  .SolutionCase .pc ul li a .pcbox .tb .tbc { padding: 140px 100px 0 }
}
@media screen and (min-width:1024px) {
  .Casebanner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; }
}
@media (min-width:1024px) {
  .SolutionCase .pc { display: block; }
  .SolutionCase .wap { display: none; }
}

/*Éè¼Æµº*/
.banner-sjd { height: 875px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; margin-bottom: 85px; }
.banner-sjd-text { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; text-align: center; font-size: 24px; line-height: 2; }
.sjd-data { margin-top: 65px; border: 1px solid rgba(255, 255, 255, 0.3); border-top: none; margin-bottom: 20px; }
.sjd-data h3 { height: 58px; line-height: 58px; overflow: hidden; font-weight: normal; font-size: 28px; top: -29px; position: relative; }
.sjd-data h3 span { position: relative; display: inline-block; padding: 0 10px; }
.sjd-data h3 span:before { content: ""; left: -100%; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: absolute; top: 50%; }
.sjd-data h3 span:after { content: ""; right: -100%; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: absolute; top: 50%; }
.sjd-num { display: flex; display: -webkit-flex; justify-content: space-between; padding: 0 70px 55px; list-style-type: none; font-size: 16px; }
.sjd-num li { padding: 0 30px; }
.sjd-num li b { display: block; font-size: 60px; position: relative; color: #e63241; font-weight: normal; }
.sjd-num li b:after { content: "+"; font-size: 28px; position: absolute; right: -20px; top: 10px; }
.sjd-text span { border-left: 1px solid #ccc; padding-left: 10px; line-height: 22px; display: inline-block; }
.sjd-text span:first-child { border-left: none; padding-left: 0; }
.section_head h4.bold { font-weight: bold; }
a.section_head_btn { display: block; width: 196px; height: 58px; background: #e63241; line-height: 58px; color: #fff; margin: 0 auto 45px; transition: .4s; -webkit-transition: .4s; cursor: pointer; }
a.section_head_btn:hover { box-shadow: 0 0 6px #252525; color: #fff; }
.sjd-sec { margin-top: 120px; }
.sjd-sec.lunbItembox { margin-bottom: 85px; }
.zlban { position: relative; }
.zlban .swiper-slide { }
.zlban:hover .swiper-slide { }
.zlban .swiper-slide a { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: no-repeat center; background-size: cover; }
.zlban .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 5%; width: 100%; text-align: center; }
.zlban .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; display: inline-block; background: rgba(0, 0, 0, 0.3); margin: 0; margin-right: 16px; vertical-align: middle; opacity: 1; }
.zlban .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; background: #e63241; }
.zlban  .swiper-container { width: 100%; height: auto; }
.zlban  .swiper-container .swiper-slide { width: 100%; height: auto; display: block; }
.zlban .btnsBox { position: absolute; left: 0; z-index: 8; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 0; -o-transform: translateY(-50%); width: 100%; transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.zlban .btnsBox .btns { position: relative; }
.zlban:hover .btnsBox { opacity: 1; }
.zlban .swiper-button-next,
.zlban .swiper-button-prev { color: #fff; top: 50%; }
.zlban .swiper-button-next:after,
.zlban .swiper-button-prev:after { display: none; }
.zlban .swiper-button-next:hover,
.zlban .swiper-button-prev:hover { color: #e63241; }
.zlban .swiper-button-next .iconfont,
.zlban .swiper-button-prev .iconfont { font-size: 28px; }
@media screen and (min-width:1600px) {
  .zlban .swiper-button-next .iconfont,
  .zlban .swiper-button-prev .iconfont { font-size: 40px; }
}
.sjd-2-data { display: flex; display: -webkit-flex; justify-content: space-between; }
.sjd-2-item { text-align: center; font-size: 15px; width: 48%; background: #f8f8f8; padding: 30px 0; }
.sjd-2-item img { display: block; margin: 0 auto 20px; }
.sjd-items { display: flex; display: -webkit-flex; justify-content: space-between; margin: 40px 0; counter-reset: sjd; }
.sjd-item { width: 19.8%; background: #f8f8f8; font-size: 15px; text-align: center; padding: 120px 0; position: relative; overflow: hidden; color: #888; transition: .4s; -webkit-transition: .4s; }
.sjd-item:hover { box-shadow: 0 0 6px #9e9e9e; }
.sjd-item h4 { font-size: 18px; font-weight: normal; color: #333; margin: 14px 0; }
.sjd-item .i-counter:before { counter-increment: sjd; content: "0"counter(sjd); background: #e63241; width: 120px; height: 120px; position: absolute; left: -50px; top: -55px; border-radius: 50%; color: #fff; line-height: 165px; text-indent: 36px; font-size: 28px; font-style: normal; z-index: 10; }
.sjd-item .i-counter:after { content: ""; width: 120px; height: 120px; position: absolute; left: -55px; top: -35px; border-radius: 50%; background: #e63241; z-index: 9; opacity: .2; }
.sjd-large { font-size: 24px; text-align: center; padding-bottom: 120px; }
@media (max-width:780px) {
  .sjd-large { font-size: 16px; }
  .sjd-sec.lunbItembox { margin-bottom: 30px; }
}
.sjd-1 img,
.sjd-2-item img,
.sjd-slider .swiper-slide img,
.sjd-sec .clearfix img { transition: .4s; -webkit-transition: .4s; }
.sjd-1 img:hover,
.sjd-2-item img:hover,
.sjd-slider .swiper-slide img:hover,
.sjd-sec .clearfix img:hover { transform: scale(1.1); }
.sjd-1 .clearfix,
.sjd-2-item,
.sjd-slider .swiper-slide,
.sjd-sec .clearfix { overflow: hidden; }

/*ÖÇÄÜ*/
.banner-zn { height: 875px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; margin-bottom: 85px; }
.banner-zn-v { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; text-align: center; line-height: 2; }
.banner-zn-v h3 { font-size: 28px; font-weight: normal; margin-bottom: 20px; }
.zn-video { display: inline-block; line-height: 34px; padding-left: 44px; cursor: pointer; background: url(../images/icon-play.png) no-repeat left center; }
.banner-zn-btn { text-align: center; position: absolute; bottom: 95px; left: 0; right: 0; color: #fff; font-size: 16px; }
.banner-zn-btn span { display: inline-block; padding-left: 10px; border-left: 1px solid #fff; line-height: 18px; margin-left: 10px; }
.banner-zn-btn span:first-child { margin-left: 0; padding-left: 0; border-left: none; }
.banner-zn-btn { text-align: center; position: absolute; bottom: 95px; left: 0; right: 0; color: #fff; font-size: 16px; }
.banner-zn-btn span { display: inline-block; padding-left: 10px; border-left: 1px solid #fff; line-height: 18px; margin-left: 10px; }
.banner-zn-btn span:first-child { margin-left: 0; padding-left: 0; border-left: none; }
.zn-imgtext { position: relative; }
.zn-text { position: absolute; font-size: 15px; color: #fff; top: 50%; left: 60px; max-width: 50%; line-height: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.zn-text h4 { font-size: 24px; font-weight: normal; line-height: 44px; margin-bottom: 20px; }
.zn-items { display: flex; display: -webkit-flex; justify-content: space-between; margin: 40px 0; counter-reset: sjd; align-items: center; height: 280px; }
.zn-item { background: #f8f8f8; text-align: center; padding: 70px 0 30px; position: relative; overflow: hidden; color: #888; margin-right: 4px; height: 200px; width: 15%; transition: .4s; -webkit-transition: .4s; }
.zn-item:hover { box-shadow: 0 0 6px #808080; }
.zn-item h4 { font-size: 18px; font-weight: normal; color: #333; margin: 14px 0; transition: .4s; -webkit-transition: .4s; }
.zn-item.on h4 { font-size: 24px; }
.zn-item .i-counter:before { counter-increment: sjd; content: "0"counter(sjd); background: #e63241; width: 120px; height: 120px; position: absolute; left: -50px; top: -55px; border-radius: 50%; color: #fff; line-height: 165px; text-indent: 36px; font-size: 28px; font-style: normal; z-index: 10; }
.zn-item .i-counter:after { content: ""; width: 120px; height: 120px; position: absolute; left: -55px; top: -35px; border-radius: 50%; background: #e63241; z-index: 9; opacity: .2; }
.icon-box { overflow: hidden; }
.icon-box .zn-hover { display: none; }
.icon-box img { height: 35px; width: auto; transition: .4s; -webkit-transition: .4s; }
.zn-item.on .icon-box img { height: 96px; }
.zn-item.on .icon-box .zn-default { display: none; }
.zn-item.on .icon-box .zn-hover { display: block; margin: auto; }
.zn-item.on { width: 20%; height: 280px; }
.zn-contact { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.zn-cnt { display: flex; display: -webkit-flex; align-items: center; font-size: 16px; padding-bottom: 40px; }
.zn-cnt img { padding-right: 14px; }
.zn-cnt b { display: block; font-size: 34px; color: #e63241; font-weight: normal; }
.zn-cnt i { display: block; font-style: normal; font-size: 14px; color: #888; margin-top: 10px; }
.zn-cnt .contact_btn { margin-top: 30px; margin-bottom: 40px; }
@media (min-width:1300px) and (max-width:1450px) {
  .service4_list li .imgbg { width: 120px; }
  .service4_list li { padding: 20px; }
  .service4_list li .item_desc { width: calc(100% - 120px); padding-left: 20px; }
}
@media (max-width:1440px) {
  .slider-3-prev,
  .slider-4-prev { left: 0; z-index: 1010; font-size: 14px; }
  .slider-3-next,
  .slider-4-next { right: 0; z-index: 1010; font-size: 14px; }
  .common-container { padding: 50px; }
  .service4_list li .item_desc .btns { margin-top: 25px; }
  .item_desc .btns a.icon_book { margin-left: 16px; margin-top: 15px; }
}
@media (max-width:1300px) {
  .down-load-list .service4_list ul { justify-content: space-between; }
  .down-load-list .service4_list li { width: 48%; }
}
@media (max-width:1040px) {
  .item_desc .btns a { display: block; }
  .item_desc .btns a.icon_book { margin-left: 0px; margin-top: 15px; }
  .bread { display: none; }
  .tips-menu ul { text-align: center; font-size: 14px; }
  .sh1-item { padding: 20px; }
  .sh2-r h3 { font-size: 20px; }
  .sh2-r img { max-width: 50%; }
  .sh2-l { text-align: center; }
  .sh2-num b { font-size: 66px; }
  .sh2 { display: block; }
  .icon-plus:after { font-size: 28px; }
  .map-container { flex-wrap: wrap; }
  #l-map { width: 100% !important; }
  .map-addresss { margin-left: 0 !important; height: auto; width: 100%; margin-top: 40px; }
  .common-container.padding-50 { padding: 50px 0; }
  .solution-text h4 { font-size: 20px; }
  .sjd-data h3 { font-size: 24px; }
  .sjd-num { padding: 0 30px 30px; font-size: 14px; white-space: nowrap; }
  .sjd-num li b { font-size: 28px; }
  .banner-sjd-text { font-size: 16px; }
  .banner-sjd { height: 600px; }
}
@media (max-width:840px) {
  .service4_tab { text-align: left; }
  .item_desc h5 { line-height: 30px; height: 60px; }
  .service4_list li img { width: 100px; }
  .service4_list li .imgbg { width: 100px; }
  .btns { margin-top: 20px; }
  .contact_btn { margin-top: 60px; text-align: center; }
  .tips-menu { position: relative; padding-right: 0px; }
  .tips-menu-open { position: absolute; width: 45px; height: 26px; right: 0; top: 3px; z-index:99}
  .tips-menu-open:after,
  .tips-menu-open:before,
  .tips-menu-open span { content: ""; display: inline-block; height: 7px;width:7px;border-radius:50%; background: #e63241; margin: 5px 3px; transition: .4s; -webkit-transition: .4s; }
  .tips-menu ul { position: relative; right: 0; top: 0px; background: #fff; display: none; }
  .tips-menu li { display: block; margin-left:0;text-align:left}
  .pro-desc-tabl .tips-menu-open { right: auto; left: 0; }
  .pro-desc-tabl .tips-menu-open { right: auto; left: 0; }
  .pro-desc-tabl ul { position: absolute; flex-direction: column; top: 48px; background: #fff; padding: 0 10px; left: -16px; display: none; }
  .tips-menu .tips-txt{position:relative;display:block}
  .tips-menu .tips-txt .titBox{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%}
  
}
@media (max-width:780px) {
  .service1,
  .service2,
  .service3,
  .service4,
  .service5 { margin-top: 40px; }
  .service1_img { position: static; height: 400px; }
  .service1_content { float: none; padding: 40px; width: auto; }
  .service1_content h4 { font-size: 22px; }
  .section_head { font-size: 14px; margin-bottom: 30px; }
  .section_head h4 { font-size: 22px; }
  .service2_content a { padding: 0 20px; line-height: 44px; }
  .service3_item { width: 100%; }
  .service3 { flex-wrap: wrap; }
  .service3_item_text h4 { font-size: 20px; margin-bottom: 10px; }
  .service5_text { position: static; color: #333; margin-bottom: 40px; }
  .service5_play img { display: block; width: 40px; margin: auto; }
  .service5_text h4 { font-size: 22px; }
  .banner-text h3 { font-size: 22px; padding-bottom: 0; }
  .banner-text { font-size: 15px; }
  .zmzs-text { flex-direction: column; }
  .zmzs-desc { max-width: 100%; margin-bottom: 30px; }
  .zmzs-img img { display: block; width: 100%; }
  .zsfx-list li { width: auto; float: none; margin-right: 0; padding: 20px; }
  .zsfx-list li b { line-height: 30px; }
  .zsfx-list li span { margin-top: 20px; }
  .fankui p { font-size: 14px; }
  .js-tabs ul { flex-wrap: wrap; }
  .js-tabs li { margin-bottom: 15px; width: auto; height: auto; margin-right: 10px; line-height: 40px; }
  .js-contents { margin-top: 20px; padding: 40px 0 0; }
  .down-load-menu ul { flex-wrap: wrap; justify-content: space-between; }
  .down-load-menu li { padding: 0 20px; margin: 0 5px 20px; border: 1px solid #eee; line-height: 44px; text-align: center; flex: 1 1 auto; }
  .down-load-menu li:first-child { border: 1px solid #eee; }
  .down-load-list .service4_list li { width: 100%; }
  .Popup .bm span { display: block; line-height: 30px; padding-bottom: 10px; }
  .down-load-list .service4_list li:last-child { margin-bottom: 0; }
  .how_buy1 ul li { padding: 0 40px; font-size: 14px; }
  .how_buy1 ul li h4 { font-size: 16px; }
  .hot-products { padding: 30px 0; }
  .hot-solutions { margin-top: 60px; }
  .solution-news { padding: 60px 0; }
  .video-list li { width: 48%; }
  .form-item,
  .form-line.line-three .form-item { width: 100%; margin-bottom: 40px; }
  .form-item span { white-space: nowrap; }
  .form-line { flex-wrap: wrap; margin-bottom: 0; }
  .pro-search-result { flex-wrap: wrap; }
  .hot-items .pro-search-result li { width: 48%; }
  .banner-video,
  .banner-text .zx-btn { display: none; }
  .procenter-desc { flex-wrap: wrap; padding: 40px 16px; }
  .procenter-desc-l,
  .procenter-desc-l img { width: 100%; }
  .procenter-desc-r { max-width: none; padding: 30px 0; }
  .tree-selects { flex-wrap: wrap; }
  .tree-selects span { width: 48%; padding: 0 10px; margin-bottom: 10px; }
  .tree-selects span select { width: 100%; }
  .products-slide-text h3 { font-size: 24px; }
  .gallery-thumbs.swiper-container { display: none; }
  .products-slide-text { font-size: 15px; }
  .solution-sell.s-3 { width: 50%; }
  .relation-container { margin: auto; }
  .banner-text.position-right.v-center .clearfix { max-width: none; font-size: 15px; }
  .sjd-num { flex-wrap: wrap; }
  .sjd-num li { padding: 0; }
  .banner-sjd-text { width: 80%; font-size: 14px; }
  .sjd-data h3 { font-size: 16px; }
  .sjd-num li b { font-size: 20px; display: inline-block; }
  .sjd-num li b:after { font-size: 16px; top: -6px; }
  .banner-zn-v h3 { font-size: 24px; }
  .banner-zn { height: 600px; }
  .zn-text { position: static; transform: none; -webkit-transform: none; color: #333; max-width: 100%; margin-top: 40px; font-size: 15px; }
  .zn-text h4 { font-size: 20px; }
  .zn-contact { display: block; }
  .zn-cnt { padding-bottom: 30px; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; font-size: 15px; }
  .procenter-desc-r .zx-btn { margin-top: 30px; }
  .hot-items .pro-search-result li:last-child { margin-bottom: 0; }
  .search-products { padding-top: 30px; }
  .multi-tree { margin-top: 30px; }
  .AboutJoinF5 .list li .h3 { text-align: center; margin-top: 20px; }
  .AboutJoinF5 .list li .fm .txt { text-align: center; }

  .item_desc .btns a{font-size: 13px; background-size: 13px 13px; background-position: left center; margin-bottom: 5px;}
  .item_desc .btns a.icon_book{margin-top: 0}
  .service4_list li .item_desc .btns{margin-top: 6px;}
  .Sfx .fx .fxbtn{padding-top: 0}
  .service4_list li .item_desc{width: calc(100% - 100px);}
  .item_desc h5{line-height: 24px;height: 48px; font-size: 15px;}
  .Sfx .fx .fxbtn .iconfont{padding-right: 9px;}
  .Sfx .fx .fxbtn{ font-size: 13px; }

}
@media (max-width:480px) {
  .banner-zn-v h3 { font-size: 22px; }
  .banner-text { width: 100%; }
  .banner-text .clearfix { font-size: 14px; line-height: 1.5em; max-height: 3em; overflow: hidden; }
  .icon_book { margin-left: 10px; }
  .sh1 { flex-wrap: wrap; }
  .sh1-item { width: 100%; margin: 0 0 20px; }
  .sh2-num b { font-size: 40px; }
  .sh2-item { padding: 0 30px; }
  #fankui_btn { width: 60px; font-size: 14px; }
  .radios { right: 70px; font-size: 12px; width: 80px; }
  .radios input[type="radio"] { margin-right: 5px; }
  .fankui { padding-right: 155px; padding-left: 10px; margin-top: 30px; }
  .fankui p { font-size: 12px; }
  .js-content h4 { white-space: normal; line-height: 1.5; margin-bottom: 20px; }
  .slider-3-prev,
  .slider-3-next { font-size: 12px; padding: 0 10px; line-height: 30px; }
  .p_page a { padding: 5px 10px; margin: 0 5px; }
  .Popup .content .wrap { padding: 68px 10px 88px; }
  .pop_contact li { font-size: 14px; margin: 0 20px; }
  .pop_contact { padding: 20px 0; }
  .Popup .content h3 { font-size: 20px; }
  .qa-item-q h4,
  .qa-item-a>span { font-size: 15px; }
  .page-section { margin-top: 40px; }
  .how_buy1 ul { flex-direction: column; padding: 30px 0 0; }
  .how_buy1 ul li { width: 100%; margin-bottom: 40px; }
  .video-list li { width: 100%; margin-right: 0; }
  .p_page a { padding: 0px 6px; margin: 0 5px; }
  .common-container { padding: 50px 0; }
  #l-map { height: 400px !important; }
  .hot-items .pro-search-result li { width: 100%; margin-right: 0; }
  .tree-selects span { width: 100%; }
  .tree-selects input { width: 100%; max-width: none; }
  .solution-sell.s-3,
  .solution-sell.s-2 { width: 100%; padding-bottom: 80%; }
  .solution-text h4 { font-size: 16px; }
  .solution-text { bottom: 30px; left: 30px; right: 30px; }
  .banner-text.position-right.v-center .clearfix { max-width: none; font-size: 14px; }
  .banner-slidedown { display: none; }
  .solutions-wrapper li { width: 100%; }
  .pro-relation { padding: 0 16px 30px; margin-top: 30px; }
  .sjd-2-data { flex-wrap: wrap; }
  .sjd-2-item { width: 100%; margin-bottom: 20px; }
  .sjd-items { flex-wrap: wrap; }
  .sjd-item { width: 100%; padding: 60px 0; margin-bottom: 5px; }
  .zn-items { flex-wrap: wrap; flex-direction: column; }
  .zn-item,
  .zn-item.on { width: 100%; margin-bottom: 4px; height: 200px; }
  .zn-item.on .icon-box img { height: 35px; }
  .zn-item:hover h4,
  .zn-item.on h4 { font-size: 22px; }
  .solutions-center { padding-top: 40px; }
  .Pages { margin-top: 10px; margin-bottom: 10px; }
  .form-items { display: block; text-align: left; }
  .form-items .input { margin: 25px 0 0; flex: 1; overflow: hidden; }
  .form-items span { display: block; }
  .form-items .input input { padding: 0; max-width: 100%; }
  .video-text { display: block; }
  .video-download { margin-top: 16px; }
  .video-center.auto_1440 { padding-bottom: 40px; }
  .service2_content a { margin-bottom: 5px; line-height: 36px; }
  .radios .radio { margin-right: 9px; }
  .js-text { min-height: auto; }
  .Popup .content h3 { text-align: center; position: relative; display: block; }
  .Popup .content h3 img { position: absolute; right: 10px; top: 50%; margin-top: -13px; }
  .Popup .content .wrap { padding: 20px; }
  .Popup .content .sort { display: block; }
  .Popup .content .sort .item { width: auto; padding: 10px; }
  .Popup .content .sort ul { margin-top: 20px; }
  .Popup .content .sort .item h4 { font-size: 20px; }
  .Popup .content .sort ul li p { font-size: 15px; }
  .Popup .bm { font-size: 20px; line-height: 50px; }
  .Popup .content .sort ul li img { height: 34px; }

  /* .relation-container .slider-3-prev, */

  /* .relation-container .slider-3-next, */
  .slider-4-prev,
  .slider-4-next { color: transparent; padding: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; }
  .relation-container .slider-3-prev { left: 0; }
  .relation-container .slider-3-next { right: 0; }

  /* .relation-container .slider-3-prev:after, */
  .slider-4-prev:after { content: "<"; font-family: serif; color: #fff; font-size: 16px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

  /* .relation-container .slider-3-next:after, */
  .slider-4-next:after { content: ">"; font-family: serif; color: #fff; font-size: 16px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
  .relation-container .slider-3-next { right: -40px; }
  .relation-container .slider-3-prev { left: -40px; }
  .AboutJoinF5 .list li .h3{margin-top:   10px;}
}
@media (max-width:390px) {
.btns a { display: block; margin-left: 0; margin-bottom: 10px; }
}

.download-search { margin-top: 90px; }
.down-load-menu.page-section { margin-top: 50px; position: relative; }
#downNav { position: absolute; right: 100%; top: 0; width: 1px; height: 1px; }
.simple-banner { height: 600px; background-repeat: no-repeat; background-position: center bottom; position: relative; background-size: cover; }
.searchtype { display: flex; display: -webkit-flex; justify-content: center; margin-bottom: 40px; }
.radio-item { display: flex; display: -webkit-flex; align-items: center; margin: 0 10px; }
.radio-item input[type="radio"] { -webkit-appearance: none; width: 20px; height: 20px; background: url(../images/icon-radio.png) no-repeat center; margin-right: 5px; cursor: pointer; }
.radio-item input[type="radio"]:checked { background: url(../images/icon-radio-selected.png) no-repeat center; }
.result-list { padding-bottom: 40px; }
.result-item a { display: flex; display: -webkit-flex; padding: 15px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .4s; -webkit-transition: .4s; border-radius: 4px; }
.result-item a span { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 0 auto; }
.result-item a:hover { box-shadow: 0 0 4px #ccc; }
.result-item p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fw2-banner { position: relative; height: 880px; }
.fw-banner { position: relative; height: 560px; }
.fw-banner .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; }
.fw-banner .banner-text { top: 50%; left: 0; right: 0; text-align: left; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); }

.download-search .web-txt{ display:none; color:#333;}
@media (max-width:640px) {
.download-search{ padding:0 15px;}
.download-search .section_head{ position: relative;}
.download-search .web-txt{ position: relative; font-size:22px; padding:10px 0; width:100%; margin:0 auto; border:solid 1px #eee;}
.download-search .web-txt::after{ content:''; display: block; width:12px; height:6px; position: absolute; right:5%; top:50%; margin-top:-3px; background: url(../images/header_icon2.png);}

.download-search .ul li{ padding:15px 0; width:100%; border-bottom:solid 1px #eee;}
.download-search .ul li a{ font-size:22px;}
.download-search .ul li .red-line{height:2px; margin-top:0; transform: translateY(10px);}
.download-search .ul li:last-child{ border-bottom:none;}
}






/* .sh1-item:last-child b { font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */

/* .sh1-item:last-child { padding: 80px 0; } */
@media (max-width:768px) {
  .fw-banner,
  .fw2-banner { height: 400px; }
}
.down-load-list.page-section { margin-top: 58px; }
.video-center.auto_1440 { padding-bottom: 85px; }
.overbar { height: 656px; overflow-y: auto; padding-right: 20px; }
.overbar::-webkit-scrollbar { width: 9px; height: 1px; }
.overbar::-webkit-scrollbar-thumb { background: #e63241; }
.overbar::-webkit-scrollbar-track { background: #f8f8f8; }
@media (max-width:1024px) {
  .overbar { width: auto; height: auto; padding-right: 0; }
  .AboutHonor .item .ViewBoxCon { margin-left: 0 !important; }
}
.height_880 { height: 880px; background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
.height_560 { height: 560px; background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
.banner.md560 .banner-text h3 { font-size: 28px; }
@media (max-width:768px) {
  .height_880 { height: 600px; }
  .banner.md560 .banner-text h3 { font-size: 20px; }
  .zmzs2 { padding: 40px 0; }
}
@media (max-width:480px) {
  .height_880,
  .height_560 { height: 300px; }
}
.margintop112 { margin-top: 85px; }
.margintop78 { margin-top: 85px; }

/*反馈留言*/
.fankuiPage { padding: 85px 0 85px; border-bottom: 1px solid #f1f1f1; }
.fankuiPage-head { line-height: 40px; margin-bottom: 50px; }
.fankuiPage-head h4 { font-size: 42px; font-weight: normal; padding-left: 10px; border-left: 4px solid #e63241; margin-left: 20px; }
.fankuiPage-container { padding: 0 20px; }
.form-line-line { line-height: 62px; width: 714px; position: relative; background: #f8f8f8; border: 1px solid #f1f1f1; box-sizing: border-box; padding: 0 14px; margin-bottom: 22px; font-size: 15px; color: #666; max-width: 100%; display: flex; display: -webkit-flex; }
.form-line-line input { background: none; outline: none; flex: 1; border: none; }
.form-line-area textarea { min-height: 240px; width: 100%; padding: 30px 20px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #f1f1f1; max-width: 100%; }
.form-line-area { margin-bottom: 72px; margin-top: 44px; width: 1050px; max-width: 100%; }
.fankuiPage-container button { width: 210px; height: 49px; line-height: 49px; font-size: 16px; background: #e63241; color: #fff; border: none; cursor: pointer; }
@media(max-width:768px) {
  .fankuiPage-head h4 { font-size: 28px; }
  .fankuiPage-head { line-height: 30px; margin-bottom: 30px; }
  .fankuiPage { padding: 30px 0 60px; }
}
.fankui-item ul { display: flex; display: -webkit-flex; justify-content: center; text-align: center; list-style-type: none; font-size: 16px; color: #333; }
.Popup.fkwindow .content { max-width: 450px; width: 100%; }
.Popup.fkwindow .content .wrap { background: #fff; }
.Popup.fkwindow-alert .content { max-width: 450px; width: 100%; }
.Popup.fkwindow-alert .content .wrap { background: #fff; }
.Popup.fkwindow-alert .btnView { text-align: center; }
.Popup.fkwindow-alert .btnView .view_more { display: inline-block; padding: 8px 15px; margin: 35px 0 10px; border-radius: 3px; background: #e63241; border-color: #e63241; color: #fff; }
.fankui-item li { padding: 0 50px; }
.fankui-item li img { margin-bottom: 20px; }
@media(max-width:560px) {
  .fankui-item li { padding: 0 30px; font-size: 14px; display: flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: center; }
  .fankui-item li img { height: 36px; }
}

/*首页新闻*/
.index-news { display: block; margin-top: 50px; }
.newsTop { width: 49%; background: #f8f8f8; }
.newsTop .Conboxnews { padding: 0 30px; }
.topimg { height: 398px; position: relative; overflow: hidden; margin-bottom: 38px; }
.topimg a { display: block; height: 100%; overflow: hidden; }
.topimg a>div { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.topimg a:hover>div { transform: scale(1.1); -webkit-transform: scale(1.1); }
.newsTop h3 { font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; padding: 0 10px; }
.newsTop em { display: block; font-style: normal; font-size: 15px; color: #999; margin: 10px 0 20px; padding: 0 10px; }
.newsTop .pp { color: #888; line-height: 24px; max-height: 48px; overflow: hidden; padding: 0 10px; font-size: 15px; }
.newsTop span.more { margin-top: 40px; color: #888; transition: .4s; -webkit-transition: .4s; padding: 0 10px; }
.newsTop span.more:hover { color: #e63241; }
.newsTop span.more { background: none; }
.newsTop span.more a { display: inline-block; color: #888; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.newsTop span.more a:hover { color: #e63241; }
.index-news-r { width: 49%; padding: 50px 20px 35px 35px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #f1f1f1; position: relative; }
span.icon-font,
.topimg span { position: absolute; background: #e63241; padding: 12px 46px; top: 0; left: 0; font-size: 15px; color: #fff; }
.index-news-r .overbar { height: 575px; overflow-y: auto; }
.index-news-r .overbar::-webkit-scrollbar { width: 3px; height: 1px; }
.index-news-r .overbar::-webkit-scrollbar-track { background: #d6d6d6; }
.index-news-ritem { padding-bottom: 17px; margin-bottom: 17px; border-bottom: 1px solid #f1f1f1; }
.index-news-ritem h3 { font-size: 16px; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-news-ritem em { font-size: 15px; display: block; margin: 5px 0 10px; font-style: normal; color: #999; }
.index-news-ritem .pp { color: #888; font-size: 15px; line-height: 24px; max-height: 48px; overflow: hidden; }
.topimg span:after { content: ""; position: absolute; width: 150px; height: 150px; border-radius: 50%; background: #e63241; opacity: .3; left: -7px; top: 40px; }
.videoSlider.video-list ul { flex-wrap: nowrap; }
.videoSlider.video-list li { display: block; }
.videobg { padding: 85px 0 0; background: #f6f6f6; }
.bgf6 { background: #f6f6f6; }
.videobg .video-center.auto_1440 { padding-bottom: 0; }
@media(max-width:1024px) {
  .newsTop .Conboxnews { padding: 0px 10px; }
  .index-news { display: block; margin-top: 30px; }
  .index-news-r,
  .newsTop { width: 100%; box-sizing: border-box; }
  .index-news-r { margin-top: 20px; padding: 50px 10px 10px; }
  .index-news-ritem em { font-size: 14px; }
  .index-news-ritem .pp { font-size: 14px; }
  .videoSlider.video-list .slider-bults { margin-top: 0; }
  .video-center.auto_1440 { padding-bottom: 30px; }
  .hot-solutions { margin-bottom: 40px; }
  .slider-bults { margin-top: 40px; }
  .videobg { padding-top: 40px; }
  .sh1-item h4 { margin-top: 10px; }
  .sh1-item b { margin-bottom: 10px; opacity: 1; }
  .sh1-item:last-child { padding: 20px; }
  .margintop112,
  .margintop78 { margin-top: 30px; }
  .qa-item .fankui { margin: 0 5px; padding-left: 5px; }
  .images-slider .section_head { margin-bottom: 0; }
  .download-search { margin-top: 30px; }
  .down-load-menu li { font-size: 14px; }

  /* .down-load-menu li a.all { font-size: 16px; } */
  .down-load-list.page-section { margin-top: 30px; }
  .common { padding: 40px 0; }
  .index-news-r .overbar { height: 335px; }
  .newsTop em,
  .newsTop .pp { font-size: 14px; }
}
@media (max-width:480px) {
  .newsTop .Conboxnews { padding: 0px; }
  .section_head h4 { font-size: 16px; }
  .topimg { height: 200px; }
  .banner-text.jjfa { top: 50%; }
  .images-slider { padding: 30px 0; }
  .content2 { padding: 0 16px; }
  .content2.caseInfoConTxt { padding-top: 16px; }
  .banner-text { top: 50%; }
  .address-select select { flex: 1; width: auto; margin-right: 5px; padding: 0 10px; }
  .address-select { padding-bottom: 40px; }
  .common-container form { padding: 0 16px; }
  .common-container button { margin: auto; display: block; }
  .index-news-ritem { padding-bottom: 5px; margin-bottom: 5px; }
}
.index-newsBox { }
.index-newsBox .ItemBox { margin-bottom: 10px; color: #888; }
.index-newsBox .ItemBox .ItemBoxWarp { background: #f0f0f0; }
.index-newsBox .ItemBoxItem { }
.index-newsBox .ItemBoxList { }
.index-newsBox .ItemBox .Ntopimg a { display: block; overflow: hidden; }
.index-newsBox .ItemBox .Ntopimg a img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.index-newsBox .ItemBox .Ntopimg a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.index-newsBox .ItemBoxItem .Conboxnews .h3 a { font-weight: normal; display: block; max-width: 100%; color: #333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-newsBox .ItemBoxItem .Conboxnews .h3 a:hover { color: #e63241; }
.index-newsBox .ItemBoxItem .Conboxnews .time { padding: 5px 0; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-newsBox .ItemBoxItem .Conboxnews .time .icontime { display: inline-block; vertical-align: top; }
.index-newsBox .ItemBoxItem .Conboxnews .time .iconCate { display: inline-block; vertical-align: top; padding-left: 5px; }
.index-newsBox .ItemBoxItem .Conboxnews { padding: 15px; }
.index-newsBox .ItemBoxItem .Conboxnews .pp { line-height: 24px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.index-newsBox .ItemBoxList .ItemBoxWarp { padding: 15px; }
.index-newsBox .ItemBoxList .Itemlist { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.index-newsBox .ItemBoxList .Itemlist .h3 a { font-weight: normal; display: block; max-width: 100%; font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-newsBox .ItemBoxList .Itemlist .h3 a:hover { color: #e63241; }
.index-newsBox .ItemBoxList .Itemlist .time { padding: 10px 0; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index-newsBox .ItemBoxList .Itemlist .time .icontime { float: left; }
.index-newsBox .ItemBoxList .Itemlist .time .iconCate { float: left; padding-left: 5px; }
.index-newsBox .ItemBoxList .Itemlist .pp { line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media (min-width:768px) {
  .index-newsBox { font-size: 0; margin: 0 -5px; }
  .index-newsBox .ItemBox { display: inline-block; width: 50%; padding: 0 5px; vertical-align: top; font-size: 14px; }
  .index-newsBox .ItemBoxList { display: inline-block; width: 100%; }
}
@media (min-width:1024px) {
  .index-newsBox .ItemBox { margin-bottom: 0; }
  .index-newsBox { margin: 0 -12.5px; }
  .index-newsBox .ItemBox { display: inline-block; width: 33.33%; padding: 0 12.5px; }
  .index-newsBox .ItemBoxItem .Conboxnews { padding: 30px 20px; }
  .index-newsBox .ItemBoxItem .Conboxnews .time { padding: 10px 0; }
  .index-newsBox .ItemBoxList .Itemlist .pp { height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
  .index-newsBox .ItemBoxList .ItemBoxWarp { padding: 37px 20px; }
  .index-newsBox .ItemBoxList .Itemlist { padding-bottom: 10px; margin-bottom: 10px; }
}
@media (min-width:1280px) {
  .index-newsBox .ItemBoxList .Itemlist .pp { height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .index-newsBox .ItemBoxItem .Conboxnews { padding: 39px 20px; }
}
@media (min-width:1360px) {
  .index-newsBox .ItemBoxItem .Conboxnews { padding: 31px 25px; }
  .index-newsBox .ItemBoxItem .Conboxnews .h3 a { font-size: 16px; font-weight: bold; }
  .index-newsBox .ItemBoxList .Itemlist .h3 a { font-size: 16px; font-weight: bold; }
  .index-newsBox .ItemBoxList .ItemBoxWarp { padding: 5px 20px }
  .index-newsBox .ItemBoxList .Itemlist .pp { height: 46px; line-height: 23px; }
}
@media (min-width:1440px) {
  .index-newsBox .ItemBoxList .ItemBoxWarp { padding: 4px 23px; }
}
@media (min-width:1600px) {
  .index-newsBox .ItemBoxList .ItemBoxWarp { padding: 10px 22.5px; }
  .index-newsBox .ItemBoxList .Itemlist { padding-bottom: 13px; margin-bottom: 13px; }
}
.mmenu { display: none; }
.Top002209-h { display: block; }
.ddmore { display: none; }
.paddingb120 { padding-bottom: 85px; }
.margint0 { margin-top: 0; }

/*移动端菜单*/
@media (max-width:1366px) {
  .Top002209-h { display: block; }
  .Top002209 .top-search { display: none; }
  .mmenu { position: absolute; z-index: 10; width: 100%; left: 0; background: #f9f9f9; border-top: 1px solid #f1f1f1; height: 100vh; overflow-y: auto; display: none; margin-top: 2%; }
  .mmenu-search { position: relative; border-bottom: 2px solid #f1f1f1; padding: 5px; padding-right: 60px; }
  .mmenu-search input { display: block; width: 100%; line-height: 30px; border: none; }
  .mmenu-search .btn { width: 30px; height: 30px; position: absolute; right: 10px; top: 5px; background: url(/images/sousuo.png) no-repeat center center; }
  .mmenu-tabs ul { display: flex; display: -webkit-flex; list-style-type: none; }
  .mmenu-tabs li { flex: 1; text-align: center; line-height: 44px; border-top: 3px solid #f6f6f6; background: #f6f6f6; margin-right: 1px; color: #333; font-size: 16px; }
  .mmenu-tabs li.on { background: #fff; border-color: #e63241; }
  .mmneulist li { position: relative; list-style-type: none; }
  .submmenu { position: absolute; left: 100%; width: 100%; top: 0; box-sizing: border-box; padding: 0 10px; display: none; }
  .mmenulist li a { border-bottom: 1px solid #eee; display: block; padding: 0 2%; line-height: 45px; font-style: normal; color: #666; position: relative; }
  .mmenulist li.hassub>a:after { content: ""; width: 8px; height: 8px; border-top: 1px solid #666; position: absolute; border-right: 1px solid #666; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); right: 5%; top: 50%; }
  .mmenulist li[data-id="2"] { display: none; }
  .mmenulist { position: relative; left: 0; transition: .4s; -webkit-transition: .4s; }
  .mmenulist.show { left: -100%; }
  .submmenu-h { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); text-align: center; position: relative; padding: 10px 0; background: #fff; position: relative; font-size: 16px; }
  .mmback { position: absolute; left: 10px; top: 10px; font-size: 24px; font-family: serif; width: 50px; text-align: center; cursor: pointer; z-index: 10; }
  .mmenulist li .submmenu-h a { padding: 0; border: none; }
  .Top002209 .header .top-search { display: none !important; }
  .Top002209 { position: fixed !important; width: 100%; left: 0; top: 0; }
  .Top002209.fix { height: 100%; }
}
@media (max-width:780px) {
  .paddingb120 { padding-bottom: 50px; }
  .photo-big.swiper-container { height: auto; border: 1px solid #f6f6f6; }
  .photo-small.swiper-container { height: auto; border: 1px solid #f6f6f6; }
}

.submmenu ul,.submmenu li{list-style:none;}

/* .footer .content .left dl:first-child { display: none; } */
.mmenulist li[data-id="3"] .submmenu li:nth-child(0),
.mmenulist li[data-id="3"] .submmenu li:nth-child(1),
.mmenulist li[data-id="3"] .submmenu li:nth-child(2) { display: none; }
.footer .content .left dl:nth-child(2) .ddmore { display: block; color: #e63241; }
.height_640 { height: 640px; background-position: 28% center; background-size: cover; background-repeat: no-repeat; }
@media (max-width:780px) {
  .height_640 { height: 400px; }
}
@media (max-width:480px) {
  .height_640 { height: 280px; }
}
.pro-link a:hover { color: #e63241; font-weight: bold; }
.height_640 a { display: block; height: 100%; width: 100%; }
.multi-tree .sousuo { padding: 12px 20px; background: #e63241; width: 120px; text-align: center; margin: 25px auto 0; color: #fff; cursor: pointer; font-size: 15px; }

/*服务网点*/
.sh3-map { display: inline-block; width: 977px; position: relative; }
.map-item-content { position: absolute; width: 293px; box-shadow: 0 0 6px #e2e2e2; border-radius: 10px; background: #fff; display: flex; display: -webkit-flex; right: 0; top: 25px; z-index: 10; display: none; }
.map-point:hover .map-item-content { display: flex; display: -webkit-flex; }
.map-item-content:after { content: ""; position: absolute; top: -5px; transform: skew(-68deg, 0deg) rotate(27deg); right: 20px; box-shadow: 0 0 6px #e2e2e2; width: 50px; height: 18px; z-index: 1; background: #fff; }
.map-item-content img { width: 90px; height: 90px; margin: 12px; }
.mr { flex: 1; background: #fff; height: 100%; text-align: left; position: relative; z-index: 5; padding-top: 12px; padding-left: 12px; }
.mr>b { font-size: 22px; font-weight: normal; color: #e63241; margin-bottom: 10px; display: block; }
.mr>.clearfix { line-height: 25px; font-size: 15px; color: #666; height: 50px; overflow: hidden; }
.map-point { width: 20px; height: 20px; position: absolute; cursor: pointer; }
.map-point.xiamen { right: 178px; bottom: 224px; }
.map-point.guangzhou {right: 383px;bottom: 101px;}
.map-point.guiyang { right: 382px; bottom: 250px; }
.map-point.chengdu {bottom: 238px;right: 550px;}
.map-point.xian { bottom: 401px; right: 364px; }
.map-point.wuhan { right: 266px; bottom: 345px; }
.map-point.zhengzhou { bottom: 406px; right: 268px; }
.map-point.nanjing { bottom: 394px; right: 173px; }
.map-point.shanghai {bottom: 259px;right: 264px;}
.map-point.jiaxing { bottom: 354px; right: 145px; }
.map-point.huizhou { bottom: 228px; right: 265px; }
.map-point.beijing {top: 253px;right: 344px;}
.map-point.haerbin { bottom: 748px; right: 101px; }
.points .pulse { position: absolute; bottom: -11px; left: -11px; height: 40px; width: 40px; border: 4px solid #e63241; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; -webkit-box-shadow: 0 0 4px #e63241, 0 0 10px #e63241 inset; -moz-box-shadow: 0 0 4px #e63241, 0 0 10px #e63241 inset; box-shadow: 0 0 4px #e63241, 0 0 10px #e63241 inset; opacity: .12; filter: alpha(opacity=0); -webkit-animation: warn 2s ease-out both; -moz-animation: warn 2s ease-out both; -o-animation: warn 2s ease-out both; animation: warn 2s ease-out both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.points .delay-01 { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0 }
.points .delay-02 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s }
.points .delay-03 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s }
.points .delay-04 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s }
.points .delay-05 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s }
.points .delay-06 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s }
.points .delay-07 { -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s }
.points .delay-08 { -webkit-animation-delay: -.4s; -moz-animation-delay: -.4s; -o-animation-delay: -.4s; animation-delay: -.4s }
.points .delay-09 { -webkit-animation-delay: -.8s; -moz-animation-delay: -.8s; -o-animation-delay: -.8s; animation-delay: -.8s }
.points .delay-10 { -webkit-animation-delay: -1.2s; -moz-animation-delay: -1.2s; -o-animation-delay: -1.2s; animation-delay: -1.2s }
.points .delay-11 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s }
@media (max-width:977px) {
  .points .pulse { display: none; }
}
@-webkit-keyframes warn {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 }
}
@-moz-keyframes warn {
  0% { -moz-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -moz-transform: scale(1); transform: scale(1); opacity: 0 }
}
@-o-keyframes warn {
  0% { -o-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -o-transform: scale(1); transform: scale(1); opacity: 0 }
}
@keyframes warn {
  0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1 }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0 }
}
@media (max-width:977px) {
  .sh3-map { width: auto; }
  .sh3-map>img { display: block; width: 100%; }
  .map-item-content:after { display: none; }
  .map-point { position: static; height: auto; margin-bottom: 10px; width: 49%; }
  .map-item-content { display: flex; display: -webkit-flex; position: static; width: auto; }
  .points { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
}
@media (max-width:580px) {
  .map-point { width: 100%; }
  .sh3-map>img { display: none; }
}
.PrivacyClause { padding: 30px 0; }
.PrivacyClause .title { text-align: center; padding-bottom: 20px; font-weight: bold; color: #333; font-size: 16px; }
.PrivacyClause .backInPage { padding-top: 20px; text-align: center; }
.PrivacyClause .backInPage a { display: inline-block; width: 140px; line-height: 40px; text-align: center; color: #fff; background-color: #e63241; border-radius: 5px; }
@media screen and (min-width:768px) {
  .PrivacyClause { padding: 50px 0; }
  .PrivacyClause .title { padding-bottom: 30px; font-size: 22px; }
}
@media screen and (min-width:1024px) {
  .PrivacyClause { padding: 80px 0; }
  .PrivacyClause .title { padding-bottom: 50px; font-size: 28px; }
  .PrivacyClause .backInPage { padding-top: 30px; }
  .PrivacyClause .backInPage a { width: 160px; line-height: 60px; font-size: 15px; }
}



.map-container .map-map img { max-width: none; }
@media screen and (min-width:1041px) {
  .map-container { display: block; position: relative; padding-right: 388px; }
  .map-container .map-map { width: 100%; }
  .map-container .map-addresss { position: absolute; right: 0; top: 0; height: 100%; width: 388px; background: #fff; z-index: 8; }
}
.Top002209 .search-box .close { position: absolute; right: -12px; top: 0; line-height: 73px; text-align: center; }
.Top002209 .search-box .close .iconfont { font-size: 22px; }
@media screen and (min-width:1200px) {
  .Top002209 .search-box { border: none; border-radius: 3px; width: 400px; padding: 15px 22px; top: -10px; right: 10px; -webkit-transition: all .3s; display: block; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  .Top002209 .searchOn .search-box { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

  /*   .Top002209 .search-box:before{content:''; display: block; width: 0;height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; 
    position: absolute; right: 0px; top: -8px; display: none;} */
  .Top002209 .search-box input { padding: 0 10px; }
  .Top002209 .search-box .btn { width: 40px; text-align: center; height: 43px; border-radius: 3px; text-align: center; line-height: 43px; color: #fff; }
  .Top002209 .search-box .btn .iconfont { font-size: 22px; }
}

/* -- 公共部分 -- */
.boxpc { display: none; }
@media screen and (min-width:768px) {
  .boxwarp { display: none; }
  .boxpc { display: block; }
}
@media screen and (max-width:768px) {
  .footer .content { padding-top: 0; }
}
.AboutBanner { position: relative; }
.AboutBanner .pc { display: none; }
.AboutBanner .pc img { width: 100%; }
.AboutBanner .wap img { width: 100%; }
.AboutBanner .txtBox { color: #fff; text-align: center; width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; }
.AboutBanner .txtBox .h3 { font-size: 24px; font-weight: normal; line-height: 1.3em; }
.AboutBanner .txtBox .txt { font-size: 15px; }
@media screen and (min-width:768px) {
  .AboutBanner .pc { display: block; }
  .AboutBanner .wap { display: none; }
  .AboutBanner .txtBox .h3 { font-size: 28px; }
  .AboutBanner .txtBox .txt { padding-top: 10px; }
}
@media screen and (min-width:1200px) {
  .AboutBanner .txtBox .h3 { font-size: 28px; }
  .AboutBanner .txtBox .txt { padding-top: 30px; }
}
.ABanner { position: relative; color: #fff; }
.ABanner .pc,
.ABanner .wap { overflow: hidden; }
.ABanner .pc { display: none; }
.ABanner .pc img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: no-repeat center; }
.ABanner .wap img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; background: no-repeat center; }
.ABanner:hover .pc img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.ABanner:hover .wap img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.ABanner .Bbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.ABanner .tb { display: table; width: 100%; height: 100%; }
.ABanner .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.ABanner .h3 { font-size: 24px; font-weight: normal; }
.ABanner .txt { font-size: 14px; padding-top: 10px; }

/* .ABanner .pc{height:560px;background-size:cover;background-repeat:no-repeat;background-position:bottom center;} */

/* .ABanner .wap{height:400px;background-size:cover;background-repeat:no-repeat;background-position:bottom center;} */
.ABanner .pc.joins { height: auto; }
.ABanner .tbc.joins { text-align: center; }
@media screen and (min-width:768px) {
  .ABanner .pc { display: block; }
  .ABanner .wap { display: none; }
}
@media screen and (min-width:1024px) {
  .ABanner .h3 { font-size: 28px; }
  .ABanner .txt { font-size: 15px; }
}
@media screen and (min-width:1400px) {
  .ABanner .txt { font-size: 15px; padding-top: 10px; }
  .ABanner .tbc.joins .h3 { font-size: 28px; }
  .ABanner .tbc.joins .txt { font-size: 15px; }
}
.AboutF1View { padding-top: 85px; }
@media (max-width:780px) {
  .AboutF1View { padding-top: 40px; }
}
.AboutF1 { position: relative; }
.AboutF1 .right { padding: 30px 10px; }
.AboutF1 .right .title .h3 { font-size: 16px; }
.AboutF1 .right .title .i { display: block; width: 30px; height: 2px; background: #e63241; margin-top: 10px; }
.AboutF1 .right .txtWrap { padding: 15px 0; }
.AboutF1 .right .txtWrap .txt { color: #888; padding-bottom: 20px; }
.AboutF1 .right .txtWrap .moreA { display: inline-block; border-bottom: 1px solid #888; color: #888; transition: .4s; -webkit-transition: .4s; }
.AboutF1 .right .txtWrap .moreA:hover { color: #e63241; border-color: #e63241; }
.AboutF1 .right .NunBox ul { font-size: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.AboutF1 .right .NunBox li { font-size: 14px; display: inline-block; width: 30%; margin-top: 10px; vertical-align: top; margin-right: 4%; max-width: 30%; }
.AboutF1 .right .NunBox li .num { color: #e63241; position: relative; display: inline-block; padding-right: 20px; }
.AboutF1 .right .NunBox li .num .jia { position: absolute; right: 0; top: 7px; font-size: 12px; }
.AboutF1 .right .NunBox li .num .dw { position: absolute; right: 0; bottom: 7px; font-size: 12px; }
.AboutF1 .right .NunBox li .num .numb { font-size: 40px; line-height: 1.3em; }
.AboutF1 .left { cursor: pointer; }
.AboutF1 .left .VideoWrap { position: relative; background: no-repeat center; background-size: cover; }
.AboutF1 .left .Vbtns { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #fff; }
.AboutF1 .left .Vbtns .vbtn { display: inline-block; width: 40px; }
.AboutF1 .left .Vbtns .txt { padding-top: 5px; }
@media screen and (min-width:768px) {
  .AboutF1 { padding-left: 50%; }
  .AboutF1 .right { padding: 40px 30px; }
  .AboutF1 .left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; }
  .AboutF1 .left .VideoWrap { height: 100%; }
  .AboutF1 .left .VideoWrap .img { display: none; }
}
@media screen and (min-width:1200px) {
  .AboutF1 .right { padding: 80px 105px; }
  .AboutF1 .left .Vbtns .vbtn { width: 80px; }
  .AboutF1 .left .Vbtns .txt { padding-top: 15px; }
  .AboutF1 .right .title .h3 { font-size: 28px; }
  .AboutF1 .right .title .i { width: 68px; height: 4px; }
  .AboutF1 .right .txtWrap .txt { font-size: 15px; padding: 30px 0; }
  .AboutF1 .right .NunBox li .num .numb { font-size: 50px; line-height: 1em; }
  .AboutF1 .right .NunBox li { font-size: 15px; padding-top: 30px; }
  .AboutF1 .right .NunBox li .num .jia { font-size: 15px; top: 0; }
  .AboutF1 .right .NunBox li .num .dw { font-size: 15px; bottom: 5px; }
  .AboutF1 .right .NunBox li .st { padding-top: 10px; }
}
@media screen and (min-width:1600px) {
  .AboutF1 .right .title .h3 { font-size: 28px; }
  .AboutF1 .right .NunBox li .num .numb { font-size: 60px; line-height: 1em; }
}
.maskVideo { position: fixed; display: none; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 9999; }
.maskVideo .MaskBox { z-index: 999; width: 90%; max-width: 1000px; margin: 0px auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.maskVideo .MaskBox a.MaskClore { display: block; width: 30px; height: 30px; z-index: 9; position: absolute; right: 0; top: 0px; line-height: 30px; text-align: center; }
.maskVideo .MaskBox a.MaskClore img { width: 15px; vertical-align: middle; }
.maskVideo .MaskBox .videoBox { position: relative; z-index: 8; }
.maskVideo .MaskBox .videoBox .videoB { width: 100%; }
@media screen and (min-width:1200px) {
  .maskVideo .MaskBox a.MaskClore { display: block; width: 60px; height: 60px; line-height: 60px; }
  .maskVideo .MaskBox a.MaskClore img { width: 30px; }
}
.AboutF2 .libox { display: block; position: relative; }
.AboutF2 .txtbox { color: #fff; position: absolute; left: 0; bottom: 0; padding: 15px; width: 100%; }
.AboutF2 .li1 .txtbox { color: #333; }
.AboutF2 .li1 .txtbox.color-white { color: #fff; }
.AboutF2 .txtbox.colorBlack { color: #333; }
.AboutF2 .txtbox .h3 { font-weight: normal; font-size: 15px; }
.AboutF2 .txtbox .txt { padding-top: 5px; }
.AboutF2 li .img { overflow: hidden; }
.AboutF2 li .img img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutF2 li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
@media screen and (min-width:768px) {
  .AboutF2 ul { font-size: 0; }
  .AboutF2 li { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; }
}
@media screen and (min-width:1200px) {
  .AboutF2 .txtbox { padding: 50px 30px; }
  .AboutF2 .txtbox .h3 { font-size: 28px; }
  .AboutF2 .txtbox .txt { padding-top: 15px; font-size: 15px; }
}
@media screen and (min-width:1600px) {
  .AboutF2 .txtbox { padding: 70px 80px; }
  .AboutF2 .txtbox .h3 { font-size: 28px; }
  .AboutF2 .txtbox .txt { padding-top: 20px; }
}

/* 关于我们大事记 */
.AboutHonor { background: no-repeat center center; background-size: cover; padding: 30px 0; }
.AboutHonor .Title { color: #fff; text-align: center; }
.AboutHonor .Title .h3 { font-weight: normal; font-size: 24px; }
.AboutHonor .Title .i { display: block; width: 35px; height: 2px; background: #fff; margin: 10px auto 0; }
.AboutHonor .listBox { position: relative; }
.AboutHonor .listBox .btnimg { display: block; width: 30px; }
.AboutHonor .listBox .owl-nav { text-align: center; }
.AboutHonor .listBox .owl-nav button { display: inline-block; margin: 0 10px; }
.AboutHonor .item .ItemCur { display: none; }
.AboutHonor .item .curMap { display: none; width: 35px; }
.AboutHonor .item .ViewBox { padding: 30px; max-width: 520px; margin: 0 auto; }
.AboutHonor .item .ViewBoxCon { margin-left: -40px; width: 100%; height: 0; overflow: hidden; padding-top: 100%; border-radius: 100%; border: 2px solid #e63241; background: #fff; text-align: center; position: relative; }
.AboutHonor .item .ViewBoxCon .Vtxtbox { position: absolute; left: 0; top: 0px; width: 100%; height: 100%; }
.AboutHonor .item .ViewBoxCon .Vtxtbox .year { font-size: 90px; line-height: 1em; color: #eee; font-family: 'Haettenschweiler'; }
.AboutHonor .item .ViewBoxCon .Vtxtbox .i { display: block; width: 2px; height: 20px; background: #e63241; margin: 0 auto 10px; }
.AboutHonor .item .ViewBoxCon .Vtxtbox .txt { max-width: 72%; margin: 0 auto; overflow: hidden; font-size: 12px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 24px; max-height: 120px; }
@media screen and (min-width:1024px) {
  .AboutHonor .Title .i { width: 64px; height: 4px; }
  .AboutHonor { padding: 85px 0; }
  .AboutHonor .list { padding: 0 50px; position: relative; height: 670px; }
  .AboutHonor .list .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/about/honorbg01.png') no-repeat center center; }
  .AboutHonor .item { height: 670px; width: 308px; margin: 0 auto; position: relative; }
  .AboutHonor .item .ViewBox { padding: 0; width: 300px; margin-top: 190px; }
  .AboutHonor .item .ItemCur { display: block; position: absolute; left: 50%; color: #fff; font-family: 'Haettenschweiler'; font-weight: normal; font-size: 24px; letter-spacing: 3px; }
  .AboutHonor .item .ItemCur .num { position: absolute; left: 0; bottom: 100%; margin-bottom: 7px; }
  .AboutHonor .item .ItemCur .ib { padding: 3px; width: 14px; height: 14px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; display: block; }
  .AboutHonor .item .ItemCur .ib .i { width: 8px; height: 8px; border-radius: 100%; background: #fff; display: block; }
  .AboutHonor .item .ViewBox { display: none; }
  .AboutHonor .center .item .ViewBox { display: block; }
  .AboutHonor .Firstactive .ItemCur { top: 441px; margin-left: -56px; }
  .AboutHonor .Lastactive .ItemCur { top: 220px; margin-left: -40px; }
  .AboutHonor .Lastactive .ItemCur .num { left: auto; right: 0; }
  .AboutHonor .center .ItemCur { position: absolute; left: -94px; top: 174px; }
  .AboutHonor .center .ItemCur .num { display: none; }
  .AboutHonor .center .ItemCur .curMap { display: block; position: absolute; left: 50%; bottom: 100%; margin-bottom: 7px; margin-left: -18px; }
  .AboutHonor .center .ItemCur .ib { background: rgba(215, 46, 60, 0.5); }
  .AboutHonor .center .ItemCur .ib .i { background: #e63241; }
  .AboutHonor .listBox { width: 925px; margin: 0 auto; }
  .AboutHonor .listBox .btnimg { display: block; width: 60px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .AboutHonor .listBox .btnimg:hover { opacity: 1; filter: alpha(opacity=100); }
  .AboutHonor .listBox .owl-nav button { margin: 0; }
  .AboutHonor .listBox .owl-nav .owl-prev { position: absolute; left: -30px; top: 40%; margin-top: -30px; }
  .AboutHonor .listBox .owl-nav .owl-next { position: absolute; right: -30px; top: 40%; margin-top: -30px; }
}
@media screen and (min-width:1280px) {
  .AboutHonor .Title .h3 { font-size: 28px; }
  .AboutHonor .listBox { width: 1120px; }
  .AboutHonor .Firstactive .ItemCur { top: 416px; margin-left: -88px; }
  .AboutHonor .Lastactive .ItemCur { top: 210px; margin-left: 72px; }
}
@media screen and (min-width:1400px) {
  .AboutHonor .list { padding: 0; }
  .AboutHonor .listBox { width: 1400px; }
  .AboutHonor .center .ItemCur { left: -108px; }
  .AboutHonor .Firstactive .ItemCur { margin-left: -194px; }
  .AboutHonor .FirstactiveOne .ItemCur { position: absolute; top: 498px; margin-left: -103px; }
  .AboutHonor .Lastactive .ItemCur { top: 219px; margin-left: -22px; }
  .AboutHonor .LastactiveTwo .ItemCur { position: absolute; top: 122px; margin-left: -65px; }
  .AboutHonor .listBox .owl-nav .owl-prev { left: 20px; }
  .AboutHonor .listBox .owl-nav .owl-next { right: 20px; }
  .AboutHonor .item .ViewBox { width: 390px; }
  .AboutHonor .item .ViewBoxCon .Vtxtbox .year { font-size: 200px; }
}
@media screen and (min-width:1600px) {
  .AboutHonor .Title .h3 { font-size: 28px; }
  .AboutHonor .listBox .owl-nav .owl-prev { left: -40px; }
  .AboutHonor .listBox .owl-nav .owl-next { right: -40px; }
}
@media screen and (min-width:1900px) {
  .AboutHonor .listBox .owl-nav .owl-prev { left: -150px; }
  .AboutHonor .listBox .owl-nav .owl-next { right: -150px; }
}

/* 关于我们大事记 */
.AboutProfileF { padding: 30px 0; }
.ATitle { text-align: center; }
.ATitle .h3 { font-size: 20px; font-weight: normal; }
.ATitle .i { display: block; width: 35px; height: 2px; background: #e63241; margin: 10px auto 0; }
@media screen and (min-width:768px) {
  .AboutProfileF { padding: 50px 0; }
}
@media screen and (min-width:1024px) {
  .AboutProfileF { padding: 85px 0; }
  .ATitle .h3 { font-size: 28px; }
  .ATitle .i { width: 65px; height: 4px; }
}
@media screen and (min-width:1600px) {
  .ATitle .h3 { font-size: 28px; }
}
.AboutNumBox { background: #f1f1f1; padding: 30px 0; }
.AboutNumBox .Left { text-align: center; }
.AboutNumBox .Left .h3 { font-weight: normal; font-size: 20px; }
.AboutNumBox .Left .h4 { font-weight: normal; font-size: 15px; }
.AboutNumBox .NunBox ul { font-size: 0; }
.AboutNumBox .NunBox li { font-size: 14px; display: inline-block; width: 50%; text-align: center; margin-top: 10px; vertical-align: top; }
.AboutNumBox .NunBox li .num { color: #e63241; position: relative; display: inline-block; padding-right: 20px; }
.AboutNumBox .NunBox li .num .jia { position: absolute; right: 0; top: 7px; font-size: 12px; }
.AboutNumBox .NunBox li .num .dw { position: absolute; right: 0; bottom: 7px; font-size: 12px; }
.AboutNumBox .NunBox li .num .numb { font-size: 40px; line-height: 1.3em; }
@media screen and (min-width:768px) {
  .AboutNumBox { padding: 50px 0; }
  .AboutNumBox .Con { font-size: 0; vertical-align: middle; display: flex; display: -webkit-flex; align-items: flex-end; }
  .AboutNumBox .Left { display: inline-block; width: 30%; vertical-align: middle; text-align: left; }
  .AboutNumBox .Left .h4 { padding-top: 10px; }
  .AboutNumBox .Right { display: inline-block; width: 70%; vertical-align: middle; }
}
@media screen and (min-width:1024px) {
  .AboutNumBox { padding: 85px 0; }
  .AboutNumBox .Left .h3 { font-size: 28px; }
  .AboutNumBox .NunBox li { width: 25%; }
}
@media screen and (min-width:1200px) {
  .AboutNumBox .NunBox li .num .numb { font-size: 50px; line-height: 1em; }
  .AboutNumBox .NunBox li { font-size: 15px; padding-top: 30px; }
  .AboutNumBox .NunBox li { padding-top: 0; }
  .AboutNumBox .NunBox li .num .jia { font-size: 15px; top: 0; }
  .AboutNumBox .NunBox li .num .dw { font-size: 15px; bottom: 5px; }
  .AboutNumBox .NunBox li .st { padding-top: 10px; }
}
@media screen and (min-width:1600px) {
  .AboutNumBox .NunBox li .num .numb { font-size: 60px; line-height: 1em; }
}
.AboutProfileF2 .TxtBox { padding: 15px 0; color: #888; max-width: 1300px; margin: 0 auto; line-height: 24px; }
@media screen and (min-width:768px) {
  .AboutProfileF2 .TxtBox { padding: 20px 0; }
}
@media screen and (min-width:1024px) {
  .AboutProfileF2 .TxtBox { padding: 60px 0; font-size: 15px; }
}

/* .AboutProfileF3 { padding-top: 0; } */
.AboutProfileF3 .TxtBox { padding: 15px 0; color: #888; max-width: 1300px; margin: 0 auto; line-height: 24px; }
.AboutProfileF3 .TxtBox.TxtBoxpb0 { padding-bottom: 0; }
.AboutProfileF3 .list { background: #f2f2f2; padding: 50px 20px 10px; }
.AboutProfileF3 .listbox { max-width: 840px; margin: 0 auto; }
@media screen and (min-width:768px) {
  .AboutProfileF3 .TxtBox { padding: 20px 0; }
}
@media screen and (min-width:1024px) {
  .AboutProfileF3 .TxtBox { padding: 50px 0; font-size: 15px; }
}
.AboutProfileF3 .flipster-carousel .flip-past,
.AboutProfileF3 .flipster-carousel .flip-future { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.AboutProfileF3 .flipster a { display: inline-block; width: 150px; }
.AboutProfileF3 .flipster a img { width: 100%; }
.AboutProfileF3 .bg { height: 40px; display: block; }
.AboutProfileF3 .flipster-carousel .flip-items img { box-shadow: none; }
.AboutProfileF3 .flipster-carousel .flip-item { opacity: 1; filter: alpha(opacity=100); }
.AboutProfileF3 .flipster-carousel .flip-prev { -webkit-transform: translateX(-68%) translateZ(0) rotateY(-68deg) scale(0.9); -moz-transform: translateX(-68%) translateZ(0) rotateY(-68deg) scale(0.9); -ms-transform: translateX(-68%) translateZ(0) rotateY(-68deg) scale(0.9); -o-transform: translateX(-68%) translateZ(0) rotateY(-68deg) scale(0.9); transform: translateX(-68%) translateZ(0) rotateY(-68deg) scale(0.9); }
.AboutProfileF3 .flipster-carousel .flip-next { -webkit-transform: translateX(68%) translateZ(0) rotateY(68deg) scale(0.9); -moz-transform: translateX(68%) translateZ(0) rotateY(68deg) scale(0.9); -ms-transform: translateX(68%) translateZ(0) rotateY(68deg) scale(0.9); -o-transform: translateX(68%) translateZ(0) rotateY(68deg) scale(0.9); transform: translateX(68%) translateZ(0) rotateY(68deg) scale(0.9); }
.AboutProfileF3 .Morebox { padding-top: 20px; text-align: center; }
.AboutProfileF3 .Morebox a { color: #e63241; }
@media screen and (min-width:768px) {
  .AboutProfileF3 .Morebox { padding-top: 35px; }
}

/* -------------------------------------- 768 -------------------------------------------------- */
@media screen and (min-width:768px) {
  .AboutProfileF3 .list { padding-top: 60px; }
  .AboutProfileF3 .flipster a { width: 290px; }
  .AboutProfileF3 .flipster-carousel .flip-prev { -webkit-transform: translateX(-74%) translateZ(0) rotateY(-55deg) scale(0.9); -moz-transform: translateX(-74%) translateZ(0) rotateY(-55deg) scale(0.9); -ms-transform: translateX(-74%) translateZ(0) rotateY(-55deg) scale(0.9); -o-transform: translateX(-74%) translateZ(0) rotateY(-55deg) scale(0.9); transform: translateX(-74%) translateZ(0) rotateY(-55deg) scale(0.9); }
  .AboutProfileF3 .flipster-carousel .flip-next { -webkit-transform: translateX(75%) translateZ(0) rotateY(55deg) scale(0.9); -moz-transform: translateX(75%) translateZ(0) rotateY(55deg) scale(0.9); -ms-transform: translateX(75%) translateZ(0) rotateY(55deg) scale(0.9); -o-transform: translateX(75%) translateZ(0) rotateY(55deg) scale(0.9); transform: translateX(75%) translateZ(0) rotateY(55deg) scale(0.9); }
}
@media screen and (min-width:1000px) {
  .AboutProfileF3 .flipster-carousel .flip-prev { -webkit-transform: translateX(-90%) translateZ(0) rotateY(-40deg) scale(0.9); -moz-transform: translateX(-90%) translateZ(0) rotateY(-40deg) scale(0.9); -ms-transform: translateX(-90%) translateZ(0) rotateY(-40deg) scale(0.9); -o-transform: translateX(-90%) translateZ(0) rotateY(-40deg) scale(0.9); transform: translateX(-90%) translateZ(0) rotateY(-40deg) scale(0.9); }
  .AboutProfileF3 .flipster-carousel .flip-next { -webkit-transform: translateX(90%) translateZ(0) rotateY(40deg) scale(0.9); -moz-transform: translateX(90%) translateZ(0) rotateY(40deg) scale(0.9); -ms-transform: translateX(90%) translateZ(0) rotateY(40deg) scale(0.9); -o-transform: translateX(90%) translateZ(0) rotateY(40deg) scale(0.9); transform: translateX(90%) translateZ(0) rotateY(40deg) scale(0.9); }
  .AboutProfileF3 .list { padding: 115px 0 90px; }
  .AboutProfileF3 .Morebox { padding-top: 50px; font-size: 15px; }
}

/* 企业文化 */
.AboutCultureF1 { padding-top: 30px; }
.AboutCultureF1 .libox { position: relative; display: block; overflow: hidden; cursor: default; }
.AboutCultureF1 .libox .img img { width: 100%; }
.AboutCultureF1 .libox .icon { display: none; position: absolute; left: 0; top: 0; z-index: 4; width: 85px; font-size: 15px; color: #fff; }
.AboutCultureF1 .libox .icon .icontxt { position: absolute; left: 0; top: 0; padding-top: 20px; padding-left: 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.AboutCultureF1 .libox .txtBox { position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px; z-index: 5; color: #fff; }
.AboutCultureF1 .libox .txtBox .h3 { font-size: 16px; font-weight: normal; line-height: 1.3em; max-height: 3.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.AboutCultureF1 .libox .txtView .txt { font-size: 15px; line-height: 1.3em; max-height: 3.9em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.AboutCultureF1 .libox .txtBox .txtView .i { display: block; width: 30px; height: 2px; background: #e63241; margin: 10px 0; }
@media screen and (min-width:768px) {
  .AboutCultureF1 { padding-top: 50px; }
  .AboutCultureF1 ul { font-size: 0; }
  .AboutCultureF1 ul li { font-size: 14px; display: inline-block; width: 33.33%; vertical-align: top; }
  .AboutCultureF1 .libox { border-right: 1px solid #fff; }
  .AboutCultureF1 .libox .txtView { display: none; }
}
@media screen and (min-width:1024px) {
  .AboutCultureF1 { padding-top: 85px; }
  .AboutCultureF1 .libox .txtBox { padding: 45px; }
  .AboutCultureF1 .libox .txtBox .h3 { font-size: 24px; }
  .AboutCultureF1 .libox .icon .icontxt { font-size: 24px; }
  .AboutCultureF1 .libox .icon { width: 98px; }
  .AboutCultureF1 .libox .txtView .txt { min-height: 3.9em; }
}
@media screen and (min-width:1600px) {
  .AboutCultureF1 .libox .txtBox .h3 { font-size: 24px; }
}
@media screen and (min-width:1600px) {
  .AboutCultureF1 .libox .txtBox { padding: 65px; }
}
.AboutCultureF2 { padding: 30px 0; }
.AboutCultureF2 .title { text-align: center; padding-bottom: 20px; }
.AboutCultureF2 .title .h3 { font-weight: normal; font-size: 22px; margin-bottom: 10px; line-height: 1; }
.AboutCultureF2 .list {  position: relative; }
.AboutCultureF2 .list .item { overflow: hidden; }
.AboutCultureF2 .list .item .pc{display: none;}

.AboutCultureF2 .list .item img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutCultureF2 .list .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/* .AboutCultureF2 .owl-carousel .owl-nav { display: none; } */
.AboutCultureF2 .list {  }
.AboutCultureF2 .owl-carousel .owl-prev { position: absolute; left: -40px; display: block; width: 40px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.AboutCultureF2 .owl-carousel .owl-next { position: absolute; right: -40px; display: block; width: 40px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.AboutCultureF2 .owl-carousel .owl-prev,
.AboutCultureF2 .owl-carousel .owl-next { color: #333; }
.AboutCultureF2 .owl-carousel .owl-prev:hover,
.AboutCultureF2 .owl-carousel .owl-next:hover { color: #e63241; }
.AboutCultureF2 .owl-carousel .owl-dots { text-align: center; padding-top: 10px; }
.AboutCultureF2 .owl-carousel .owl-dot { display: inline-block; padding: 0 4px !important; }
.AboutCultureF2 .owl-carousel .owl-dot span { display: block; padding: 0 3px; border-bottom: 1px solid transparent; }
.AboutCultureF2 .owl-carousel .active.owl-dot span { color: #e63241; border-bottom-color: #e63241; }
@media screen and (min-width:768px) {
  .AboutCultureF2 { padding: 50px 0; }
  .AboutCultureF2 .owl-carousel .owl-prev { left: -60px; width: 60px; }
  .AboutCultureF2 .owl-carousel .owl-next { right: -60px; width: 60px; }
  .AboutCultureF2 .list {  }
  .AboutCultureF2 .owl-carousel .owl-nav { display: block; }
  .AboutCultureF2 .list .item .wap{display: none;}
  .AboutCultureF2 .list .item .pc{display: block;}

}
.AboutCultureF2 .title .txt { color: #888; }
@media screen and (min-width:1024px) {
  .AboutCultureF2 { padding: 85px 0; }
  .AboutCultureF2 .title { padding-bottom: 50px; }
  .AboutCultureF2 .title .h3 { font-size: 24px; }
  .AboutCultureF2 .title .txt { font-size: 15px; }
  .AboutCultureF2 .list {  }
  .AboutCultureF2 .owl-carousel .owl-prev { width: 80px; left: -80px; font-size: 18px; }
  .AboutCultureF2 .owl-carousel .owl-next { width: 80px; right: -80px; font-size: 18px; }
  .AboutCultureF2 .owl-carousel .owl-prev .iconfont,
  .AboutCultureF2 .owl-carousel .owl-next .iconfont { font-size: 28px; }
  .AboutCultureF2 .owl-carousel .owl-dots { padding-top: 20px; }
  .AboutCultureF2 .owl-carousel .owl-dot { padding: 0 8px !important; }
  .AboutCultureF2 .owl-carousel .owl-dot span { font-size: 16px; }
}
@media screen and (min-width:1200px) {
  .AboutCultureF2 .owl-carousel .owl-prev { left: -60px; width: 60px; }
  .AboutCultureF2 .owl-carousel .owl-next { right: -60px; width: 60px; }
  .AboutCultureF2 .list { padding: 0px; }
}
@media screen and (min-width:1600px) {
  .AboutCultureF2 .title .h3 { font-size: 28px; }
  .AboutCultureF2 .owl-carousel .owl-prev .iconfont,
  .AboutCultureF2 .owl-carousel .owl-next .iconfont { font-size: 40px; }
}
.AboutCultureF3 { background: #f8f8f8; }
.AboutCultureF3 .right .rBox { padding: 20px 0px; }
.AboutCultureF3 .right .title { padding: 10px 0; }
.AboutCultureF3 .right .title .h3 { font-size: 22px; font-weight: normal; }
.AboutCultureF3 .right .list li { margin-top: 10px; position: relative; z-index: 3; }
.AboutCultureF3 .right .list li .libox { background: #fff; position: relative; }
.AboutCultureF3 .right .list .liCon { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; }
.AboutCultureF3 .right .list li.on { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.AboutCultureF3 .right .list li.on .litop { background: #e63241; color: #fff; }
.AboutCultureF3 .right .list li.on .litop .i2 { background-image: url('../images/about/libg01.png'); }
.AboutCultureF3 .right .list .litop { position: relative; background: #fff; border: 1px solid #f0f0f0; cursor: pointer; padding: 12px 40px 12px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.AboutCultureF3 .right .list .litop .i1 { position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #e63241; }
.AboutCultureF3 .right .list .litop .i2 { position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: url('../images/about/libg.png') no-repeat center; }
.AboutCultureF3 .right .list .liCon { display: none; padding: 15px; }
.AboutCultureF3 .right .list ul .divul { position: relative; z-index: 3; }
@media screen and (min-width:768px) {
  .AboutCultureF3 .right .list ul { font-size: 0; margin: 0 -10px; }
  .AboutCultureF3 .right .list .divul { display: inline-block; width: 50%; padding: 0 10px; font-size: 14px; vertical-align: top; }
}
@media screen and (min-width:1024px) {
  .AboutCultureF3 { }
  .AboutCultureF3 .right .rBox { padding: 50px 0; }
  .AboutCultureF3 .right .title { padding-top: 0; }
  .AboutCultureF3 .right .title .h3 { font-size: 28px; }
  .AboutCultureF3 .right .list .litop { padding: 22px 40px 22px 22px; font-size: 15px; }
  .AboutCultureF3 .right .list .liCon { padding: 24px; }
  .AboutCultureF3 .right .list .divul { display: inline-block; width: 25%; }
}
@media screen and (min-width:1300px) {
  .AboutCultureF3 .right .title { padding-bottom: 15px; }
  .AboutCultureF3 .right .list ul { margin: 0 -15px; }
  .AboutCultureF3 .right .list ul .divul { padding: 0 15px; }
}
@media screen and (min-width:1600px) {
  .AboutCultureF3 .right .title .h3 { font-size: 28px; }
  .AboutCultureF3 .right .rBox { padding: 85px 0px; }
  .AboutCultureF3 .right .list li { margin-top: 15px; }
}

/* 企业文化 */
.AboutNews .ListopBox { padding: 30px 0; }
.AboutNews .ListopBox .Listop { position: relative; }
.AboutNews .ListopBox .ul li { background: #f9f9f9; }
.AboutNews .ListopBox .lileft .img { display: block; overflow: hidden; }
.AboutNews .ListopBox .lileft .img img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutNews .ListopBox .lileft .img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.AboutNews .ListopBox .ul li .rbox { padding: 20px; }
.AboutNews .ListopBox .ul li .rbox .Amore { display: inline-block; color: #888; margin-top: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.AboutNews .ListopBox .ul li .rbox .Amore:hover { color: #e63241; }
.AboutNews .ListopBox .time { color: #e63241; font-size: 13px; }
.AboutNews .ListopBox .h3 { padding: 10px 0; }
.AboutNews .ListopBox .h3 a { display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; color: #333; font-weight: normal; line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.AboutNews .ListopBox .h3 a:hover { color: #e63241; }
.AboutNews .ListopBox .h3 a:hover .icon { color: #e63241; }
.AboutNews .ListopBox .h3 a .icon { color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.AboutNews .ListopBox .txt { line-height: 24px; color: #888; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.AboutNews .ListopBox .owl-carousel .owl-dots { text-align: center; padding-top: 15px; }
.AboutNews .ListopBox .owl-carousel .owl-dot { display: inline-block; margin: 0 4px; }
.AboutNews .ListopBox .owl-carousel .owl-dot span { display: block; width: 8px; height: 8px; border-radius: 100%; background: rgba(0, 0, 0, 0.3); }
.AboutNews .ListopBox .owl-carousel .active.owl-dot span { background-color: #e63241; }
@media screen and (min-width:768px) {
  .AboutNews .Listop .tb { display: table; width: 100%; overflow: hidden; border: none; }
  .AboutNews .Listop .tb .lileft { display: table-cell; vertical-align: middle; width: 50%; overflow: hidden; }
  .AboutNews .Listop .tb .liright { display: table-cell; vertical-align: middle; width: 50%; overflow: hidden; }
  .AboutNews .ListopBox .owl-carousel .owl-dots { padding-top: 25px; }
}
@media screen and (min-width:1000px) {
  .AboutNews .ListopBox { padding: 60px 0; }
  .AboutNews .ListopBox .txt { font-size: 14px; }
  .AboutNews .ListopBox .owl-carousel .owl-dots { padding-top: 35px; }
  .AboutNews .ListopBox .h3 { padding-bottom: 30px; }
  .AboutNews .ListopBox .owl-carousel .owl-dot span { width: 12px; height: 12px; }
}
@media screen and (min-width:1200px) {
  .AboutNews .ListopBox { padding: 85px 0; }
  .AboutNews .Listop .ul li .rbox { padding: 20px 95px; }
  .AboutNews .ListopBox .h3 a { font-size: 18px; }
}
.AboutNav { position: relative; z-index: 4; }
.AboutNav #AboutNav { position: absolute; right: 100%; top: 0px; width: 1px; height: 1px; }
.AboutNav .Anavlibox ul { font-size: 0; }
.AboutNav .Anavlibox ul li { font-size: 14px; line-height: 35px; display: inline-block; vertical-align: top; padding-right: 30px; }
.AboutNav .Anavlibox ul li.last { padding-right: 0; }
.AboutNav .Anavlibox .linavA { display: block; font-size: 15px; position: relative; }
.AboutNav .Anavlibox .linavA .i { position: absolute; right: -15px; top: 50%; margin-top: -7px; height: 14px; width: 1px; background: #e8e8e8; }
.AboutNav .Anavlibox .last .linavA .i { display: none; }
.AboutNav .Anavlibox .on .linavA { color: #e63241; }
.AboutNav .AsearchBox { padding: 20px 0; }
.AboutNav .AsearchBox .ZJselectTxt i.icon { width: 40px; background-color: #f8f8f8; border-left: 1px solid #f1f1f1; }
.AboutNav .AsearchBox .item { position: relative; padding-left: 60px; }
.AboutNav .AsearchBox .item .year { position: absolute; left: 0; top: 0; line-height: 40px; }
.AboutNav .AsearchBox .item .itemb { border: 1px solid #f1f1f1; }
.AboutNav .AsearchBox .searView { position: relative; border: 1px solid #f1f1f1; background: #f8f8f8; margin-top: 15px; padding-right: 40px; height: 42px; }
.AboutNav .AsearchBox .searView input { line-height: 40px; display: block; background-color: #f8f8f8; width: 100%; padding: 0 10px; border: none; }
.AboutNav .AsearchBox .searView .btnView { position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: #e63241 url('../images/about/searchbtn.png') no-repeat center center; }
@media screen and (min-width:768px) {
  .AboutNav .AsearchBox { font-size: 0; margin: 0 -10px; }
  .AboutNav .AsearchBox .itemView { font-size: 14px; display: inline-block; width: 50%; vertical-align: top; padding: 0 10px; }
  .AboutNav .AsearchBox .searView { margin-top: 0; }
}
@media screen and (min-width:1024px) {
  .AboutNav .Anavlibox { float: left; width: 58.33%; }
  .AboutNav .AsearchBox { float: right; width: 40%; }
  .AboutNav .Anavlibox .linavA { line-height: 42px; vertical-align: middle; }
  .AboutNav { padding-bottom: 50px; }
  .AboutNav .AsearchBox { padding: 0; }

  /* .AboutNav .Anavlibox .on .linavA { font-size: 24px; } */
  .AboutNav .Anavlibox ul li { padding-right: 45px; }
  .AboutNav .Anavlibox .linavA .i { right: -23px; }
}
.AboutNews .ANewsList { }
.AboutNews .ANewsList li { margin-bottom: 10px; }
.AboutNews .ANewsList .img { overflow: hidden; }
.AboutNews .ANewsList .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.AboutNews .ANewsList .libox { display: block; background: #f8f8f8; color: #888; }
.AboutNews .ANewsList .libox:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.AboutNews .ANewsList .txtBox { border: 1px solid #f1f1f1; border-top: none; padding: 15px; }
.AboutNews .ANewsList .txtBox .h3 { font-weight: normal; font-size: 16px; line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333; }
.AboutNews .ANewsList .txtBox .h3 .icon { color: #888; }
.AboutNews .ANewsList .txtBox .txtView { padding: 10px 0; }
.AboutNews .ANewsList .txtBox .txt { line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.AboutNews .ANewsList .btntime .b1 { color: #333; padding-right: 10px; font-size: 13px; }
.AboutNews .ANewsList .btntime .b2 { display: none; }
.AboutNews .ANewsList .btntime em { font-style: normal; }

/* .AboutNews .ANewsList li .btntime .b1{} */
@media screen and (min-width:540px) {
  .AboutNews .ANewsList ul { font-size: 0; margin: 0 -10px; }
  .AboutNews .ANewsList li { font-size: 14px; padding: 10px; margin-bottom: 0; vertical-align: top; display: inline-block; width: 50%; }
}
@media screen and (min-width:768px) {
  .AboutNews .ANewsList li { width: 33.33%; }
}
@media screen and (min-width:1000px) {
  .AboutNews .ANewsList ul { margin: 0 -15px; }
  .AboutNews .ANewsList li { width: 25%; padding: 15px; }
  .AboutNews .ANewsList .Pages { margin-top: 70px; }
}
@media screen and (min-width:1300px) {
  .AboutNews .ANewsList .txtBox { padding: 20px; }
}
@media screen and (min-width:1600px) {
  .AboutNews .ANewsList .txtBox { padding: 25px 30px; }
}

/*社会招聘*/
.AboutJob { padding: 30px 0; background: #f8f8f8; }
.AboutJob .title { color: #333; font-size: 15px; padding-bottom: 10px; }
.AboutJob .JobLeft ul { padding: 15px; background: #fff; border: 1px solid #f1f1f1; }
.AboutJob .JobLeft .h3 { font-weight: normal; color: #333; font-size: 15px; position: relative; line-height: 30px; padding-right: 30px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #f1f1f1; }
.AboutJob .JobLeft .h3 .icon { position: absolute; right: 0; top: 0; height: 30px; width: 30px; background: url('../images/about/libg03.png') no-repeat center; }
.AboutJob .JobLeft .dl { display: none; }
.AboutJob .JobLeft .dl dt { font-size: 15px; padding: 10px 0; }
.AboutJob .JobLeft .dl dd { position: relative; margin-bottom: 10px; padding-left: 25px; line-height: 24px; }
.AboutJob .JobLeft .dl dd .i { width: 14px; height: 14px; background: #f8f8f8; border: 1px solid #ececec; display: block; position: absolute; left: 0; top: 6px; }
.AboutJob .JobLeft .dl dd.ddon .i { background: #ffffff url('../images/about/libg05.png') no-repeat center; }
.AboutJob .JobRight { padding-top: 20px; }
.AboutJob .JobRight .Tips .TipView ul { font-size: 0; }
.AboutJob .JobRight .Tips .TipView li { vertical-align: top; font-size: 14px; margin-right: 10px; margin-bottom: 10px; display: inline-block; background: #fff; padding: 8px 0; border: 1px solid  #ececec; position: relative; padding-right: 30px; min-width: 120px; padding-left: 15px; }
.AboutJob .JobRight .Tips .TipView li .licolse { position: absolute; cursor: pointer; right: 0; top: 0; width: 30px; height: 100%; background: url('../images/about/liclose.png') no-repeat center; }
.AboutJob .JobRight .Tips .JobSearch .JobSView { position: relative; border: 1px solid #ececec; background: #fff; padding-left: 10px; padding-right: 40px; }
.AboutJob .JobRight .Tips .JobSearch .JobSView input { line-height: 38px; width: 100%; display: block; border: none; }
.AboutJob .JobRight .Tips .JobSearch .JobSView .btn { position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: #e63241 url('../images/about/searchbtn.png') no-repeat center; }
.AboutJob .JobRight .JobList { padding-top: 20px; }
.AboutJob .JobRight .JobList li { background: #fff; margin-bottom: 15px; border: 1px solid #f1f1f1; padding: 15px; }
.AboutJob .JobRight .JobList li .InfoAll { display: none; padding: 5px 0; }
.AboutJob .JobRight .JobList li .InfoAll .item .h3 { font-size: 15px; padding: 10px 0; font-weight: normal; }
.AboutJob .JobRight .JobList li .InfoAll .item .txt { line-height: 24px; color: #666; }
.AboutJob .JobRight .JobList li .Info { padding: 5px 0; color: #666; }
.AboutJob .JobRight .JobList li .item { margin-bottom: 30px; }
.AboutJob .JobRight .JobList li .name .h3 { font-weight: normal; font-size: 15px; color: #333; padding-bottom: 5px; }
.AboutJob .JobRight .JobList li .name .iconBox a { display: inline-block; padding-left: 8px; padding-right: 3px; position: relative; color: #888; }
.AboutJob .JobRight .JobList li .name .iconBox a em { position: absolute; left: 0; top: 0; font-style: normal; }
.AboutJob .JobRight .JobList li .name .iconBox a.first { padding-left: 0; }
.AboutJob .JobRight .JobList li .name .iconBox a.first em { display: none; }
.AboutJob .JobRight .JobList li .JlistBtn { padding-top: 15px; }
.AboutJob .JobRight .JobList li .JlistBtn .b { display: inline-block; padding-right: 20px; background: url(../images/about/jmore01.png) no-repeat right center; }
.AboutJob .JobRight .JobList li .JlistBtn .a1 { display: block; text-align: center; vertical-align: middle; width: 140px; height: 35px; line-height: 35px; border: 1px solid #ececec; }
.AboutJob .JobRight .JobList li .JlistBtn .a2 { display: none; text-align: center; vertical-align: middle; width: 140px; height: 35px; line-height: 35px; background: #e63241; color: #fff; }
.AboutJob .JobRight .JobList li .JlistBtn .a2 .b { background-image: url('../images/about/jmore02.png'); }
.AboutJob .JobRight .JobList li.lion { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.AboutJob .JobRight .JobList li.lion .JlistBtn .a1 { display: none; }
.AboutJob .JobRight .JobList li.lion .JlistBtn .a2 { display: block; }
.AboutJob .JobRight .JobList li .libtn { padding-top: 15px; }
.AboutJob .JobRight .JobList li .libtn .btn { display: block; width: 185px; line-height: 40px; background: #e63241; text-align: center; color: #fff; }
.AboutJob .JobRight .JobList li .libtn .btn .btnspan { padding-left: 30px; background: url('../images/about/fjbg.png') no-repeat left center; }
.AboutJob .JobRight .JobList li .liTip { color: #e63241; padding-top: 5px; clear: both;  }
@media screen and (min-width:768px) {
  .AboutJob { padding: 50px 0; }
}
@media screen and (min-width:1024px) {
  .AboutJob { padding: 85px 0; }
  .AboutJob .JobLeft { float: left; width: 15.83%; }
  .AboutJob .JobRight { float: right; width: 82.15%; padding-top: 0; }
  .AboutJob .title { font-size: 24px; padding-bottom: 20px; }
  .AboutJob .JobRight .Tips { position: relative; padding-right: 480px; min-height: 40px; }
  .AboutJob .JobRight .Tips .JobSearch { position: absolute; right: 0; top: 0; width: 460px; }
  .AboutJob .JobRight .JobList li { padding: 44px 150px 44px 65px; position: relative; }
  .AboutJob .JobRight .JobList li .JlistBtn { position: absolute; right: 0; bottom: -1px; }
  .AboutJob .JobRight .JobList li .JlistBtn .a2,
  .AboutJob .JobRight .JobList li .JlistBtn .a1 { height: 45px; line-height: 45px; }
  .AboutJob .JobRight .JobList li .libtn .btn { width: 190px; line-height: 53px; height: 53px; font-size: 16px; float: left; margin-right: 20px; }
  .AboutJob .JobRight .JobList .Sfx .shareBox{ position: relative; left: inherit; top: inherit; }
  .AboutJob .JobRight .JobList .Sfx .fx .fxbtn{ float: left; margin-right: 10px; }
}
.AboutJob .Pages { margin-bottom: 0; }
.AboutJob .JobRight .JobList li .name { margin-bottom: 40px; }
@media screen and (min-width:1300px) {
  .AboutJob .JobLeft .h3 { font-size: 24px; line-height: 50px; }
  .AboutJob .JobLeft .h3 .icon { height: 50px; }
  .AboutJob .JobLeft .dl dt { font-size: 16px; }
  .AboutJob .JobLeft .dl dd { font-size: 15px; }
  .AboutJob .JobRight .JobList li .name .h3 { font-size: 24px; }
  .AboutJob .JobRight .JobList li .Info,
  .AboutJob .JobRight .JobList li .InfoAll { font-size: 15px; line-height: 2em; }
  .AboutJob .JobRight .JobList li .InfoAll .item .txt { line-height: 2em; }
  .AboutJob .JobRight .Tips .TipView li { padding: 10px 30px 10px 10px; min-width: 135px; }
  .AboutJob .JobRight .JobList li .liTip { padding-top: 10px; }
}
.maskjob { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 999; }
.jobform { max-width: 750px; width: 100%; overflow: hidden; font-size: 14px; background: #f5f5f5; border-radius: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.jobform .scrollWarp { overflow: hidden; }
.jobform .scrollBox { overflow: hidden; }
.jobform .inputFileBox { width: 100%; height: 40px; color: #e63241; padding-left: 10px; position: relative; cursor: pointer; }
.jobform .inputFileBox .inputhide { display: none; }
.jobform .inputFileBox .mrtxt { border-radius: 5px; text-align: center; position: absolute; right: 0; background: #e63241; color: #fff; top: 0; width: 120px; height: 100%; }
.jobform .inputFileBox .inputtxt { line-height: 40px; color: #e63241; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jobform .inputFileBox .inputbox { padding-left: 0px; }
.jobform .jobclose { display: block; width: 35px; height: 35px; line-height: 35px; position: absolute; right: 0px; top: 0px; }
.jobform .jobclose img { width: 20px; vertical-align: middle; }
.jobform .h3 { padding: 10px 0; background: #e63241; color: #fff; padding-left: 15px; font-weight: normal; font-size: 15px; }
.jobform ul { padding-top: 10px; }
.jobform .scrollWarp { padding: 20px; }
.jobform .li1 { position: relative; border-radius: 5px; min-height: 40px; overflow: hidden; line-height: 40px; padding-left: 75px; margin-bottom: 15px; background: #fff; border: 1px solid #ececec; }
.jobform .li1 .left { width: 75px; padding-left: 15px; text-align: left; position: absolute; left: 0; top: 0; }
.jobform .li1.liname .right { border: none; }
.jobform .li1.liname .right .zwmc { display: block; width: 100%; line-height: 22px; font-family: '微软雅黑'; font-size: 14px; }
.jobform .li1 .right input { display: block; width: 100%; height: 38px; line-height: 38px; font-family: '微软雅黑'; font-size: 14px; border: none; }
.jobform .li1 .right textarea { display: block; width: 100%; line-height: 22px; height: 150px; font-family: '微软雅黑'; font-size: 14px; }
.jobform .Fmore { padding: 10px 0 15px; text-align: left; }
.jobform .Fmore a { text-align: center; width: 120px; height: 35px; border-radius: 5px; background: #e63241; color: #fff; display: block; line-height: 35px; }
@media screen and (min-width:768px) {
  .jobform .inputFileBox .inputtxt { line-height: 60px; }
  .jobform .li1 { line-height: 60px; font-size: 15px; }
  .jobform .li1 .right { height: 60px; line-height: 60px; }
  .jobform .h3 { font-size: 22px; }
  .jobform ul { padding-top: 20px; }
  .jobform .li1 .left { width: 100px; }
  .jobform .li1 { padding-left: 110px; }
  .jobform .inputFileBox { height: 60px; }
  .jobform .scrollWarp { max-width: 585px; margin: 0 auto; }
  .jobform .h3 { padding: 15px 20px; }
  .jobform .jobclose { height: 60px; line-height: 60px; }
  .jobform .Fmore a { height: 60px; line-height: 60px; width: 200px; font-size: 16px; }
  .jobform .li1 .right input { line-height: 58px; height: 58px; }
}
@media screen and (min-width:1000px) {
  .jobform .scrollWarp { padding-bottom: 60px; }
  .jobform .h3 { font-size: 24px; padding-left: 30px; }
  .jobform .jobclose { width: 51px; }
}
@media screen and (max-width:480px) {
.Sfx .shareBox{top:50%}
}
/*社会招聘*/
.Campus .JobTitle { text-align: center; padding-bottom: 20px; }
.Campus .JobTitle .h3 { font-weight: normal; font-size: 16px; }
.Campus .JobTitle .h3 .i { display: block; width: 40px; height: 2px; margin: 5px auto 0; background: #e63241; }
.Campus.AboutJob .JobLeft { width: 100%; float: none; }
.Campus.AboutJob .JobRight { width: 100%; float: none; }
.Campus.AboutJob .JobLeft .dl { display: block; position: relative; padding-left: 120px; }
.Campus.AboutJob .JobLeft .dl dt { position: absolute; left: 0; top: 0; padding: 0; width: 110px; text-align: right; }
.Campus.AboutJob .JobLeft .dl dd { display: inline-block; padding: 3px 10px; }
.Campus.AboutJob .JobLeft .dl dd.ddon { background: #e63241; color: #fff; }
.Campus.AboutJob .JobLeft .dl dd.ddon a { color: #fff; }
.Campus.AboutJob .JobLeft .dl dd .i { display: none; }
.Campus.AboutJob .JobLeft ul { border: none; border-radius: 0; border-left: 2px solid #e63241; padding-left: 30px; }
@media screen and (min-width:1024px) {
  .Campus.AboutJob .JobRight { padding-top: 38px; }
  .Campus.AboutJob .JobRight .Tips { padding-right: 0; }
  .Campus.AboutJob .JobLeft ul { padding: 42px 35px 20px 35px; }
  .CampusJobNav { position: relative; padding-left: 160px; min-height: 53px; }
  .Campus.AboutJob .CampusJobNav .title { position: absolute; left: 0; top: 0; }
  .Campus.AboutJob .CampusJobNav .TipView .ul { text-align: right; margin-right: -10px; }
  .Campus.AboutJob .CampusJobNav .TipView .ul li { text-align: left; }

  .Campus.AboutJob .JobLeft .dl dd { margin-bottom: 15px; }
}
.JoinTitle { text-align: center; }
.JoinTitle .h3 { font-weight: normal; font-size: 16px; }
.AboutJoinF { padding: 30px 0; }
@media screen and (min-width:768px) {
  .AboutJoinF { padding: 50px 0; }
  .JoinTitle .h3 { font-size: 22px; }
  .Campus .JobTitle .h3 { font-size: 22px; }
  .Campus .JobTitle { padding-bottom: 35px; }
}
@media screen and (min-width:1024px) {
  .AboutJoinF { padding: 85px 0; }
  .JoinTitle .h3 { font-size: 28px; }
  .Campus .JobTitle .h3 { font-size: 28px; }
  .Campus .JobTitle { padding-bottom: 50px; }
}
@media screen and (min-width:1600px) {
  .JoinTitle .h3 { font-size: 28px; }
}
@media screen and (max-width:768px) {
  .Campus.AboutJob .JobLeft ul{padding:15px 10px;border:none}
  .Campus.AboutJob .JobLeft ul li{margin-bottom:5px}
  .Campus.AboutJob .JobLeft .dl{padding-left:0;}
  .Campus.AboutJob .JobLeft .dl dt{position:relative;margin-bottom:10px;text-align:left;}

}
.AboutJoinF1 li { padding: 10px 0; }
.AboutJoinF1 li .lia { display: block; position: relative; color: #fff; }
.AboutJoinF1 li .img img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutJoinF1 li .libox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 15px; }
.AboutJoinF1 li .tb { display: table; width: 100%; height: 100%; }
.AboutJoinF1 li .tbc { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
@media screen and (min-width:768px) {
  .AboutJoinF1 ul { font-size: 0; margin: 0 -10px; }
  .AboutJoinF1 li { display: inline-block; padding: 0 10px; vertical-align: top; width: 50%; }
}
@media screen and (min-width:1024px) {
  .AboutJoinF1 ul { margin: 0 -18px; }
  .AboutJoinF1 li { display: inline-block; padding: 0 18px; vertical-align: top; width: 50%; }
}
.AboutJoinF1 li:hover img { transform: scale(1.1); }
.AboutJoinF2 .list { }
.AboutJoinF2 li { background: #f7f7f7; }
.AboutJoinF2 li .h3 { font-weight: normal; font-size: 18px; }
.AboutJoinF2 li .dl .dd { position: relative; padding-left: 10px; line-height: 24px; font-size: 15px; }
.AboutJoinF2 li .dl .dd .i { display: block; background: #666; width: 4px; height: 4px; border-radius: 100px; top: 11px; position: absolute; left: 0; }
.AboutJoinF2 .libox { position: relative; z-index: 4; }
.AboutJoinF2 .libox .img img { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutJoinF2 .libox .icon { background: url(../images/about/culiconbg.png) no-repeat left top; width: 91px; height: 105px; padding-left: 15px; line-height: 60px; position: absolute; left: 0; top: 0; }
.AboutJoinF2 .txtbox { padding: 20px; }
@media screen and (min-width:768px) {
  .AboutJoinF2 ul { display: table; width: 100%; }
  .AboutJoinF2 li { display: table-cell; width: 33.33%; position: relative; }
  .AboutJoinF2 li .hx { position: absolute; right: 0; display: block; top: 0; height: 100%; width: 1px; background: #ececec; }
  .AboutJoinF2 li.last .hx { display: none; }
  .AboutJoinF2 .list { }
  .AboutJoinF2 li .h3 { font-size: 20px; padding-bottom: 5px; }
}
@media screen and (min-width:1000px) {
  .AboutJoinF2 .list { }
  .AboutJoinF2 li.last .dl { font-size: 0; margin: 0 -10px; }
  .AboutJoinF2 li.last .dl dd { font-size: 14px; width: 50%; display: inline-block; padding: 0 10px; }
  .AboutJoinF2 li .h3 { font-size: 28px; padding-bottom: 15px; }
  .AboutJoinF2 .txtbox { padding: 25px; }
}
@media screen and (min-width:1600px) {
  .AboutJoinF2 li .h3 { font-size: 28px; }
  .AboutJoinF2 .txtbox { padding: 45px; }
}
.AboutJoinF3 { background: no-repeat center; background-size: cover; padding: 20px 0; color: #fff; }
.AboutJoinF3 .h4 { font-weight: normal; }
.AboutJoinF3 .h3 { font-weight: normal; }
.AboutJoinF3 .color { color: #e63241; }
.AboutJoinF3 .btnBox { text-align: right; padding-top: 10px; }
.AboutJoinF3 .btnBox .btn { display: inline-block; padding: 5px 15px; background: #e63241; color: #fff; }
@media screen and (min-width:768px) {
  .AboutJoinF3 .h4 { font-size: 16px; padding-bottom: 5px; }
  .AboutJoinF3 .h3 { font-size: 24px; }
  .AboutJoinF3 { padding: 40px 0; }
  .AboutJoinF3 .btnBox .btn { padding: 10px 20px; }
}
@media screen and (min-width:1024px) {
  .AboutJoinF3Box { position: relative; padding-right: 220px; }
  .AboutJoinF3 .btnBox { position: absolute; right: 0; padding-top: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .AboutJoinF3 .btnBox .btn { padding: 0; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; }
}
@media screen and (min-width:1300px) {
  .AboutJoinF3 { padding: 70px 0; }
  .AboutJoinF3 .h4 { font-size: 28px; }
  .AboutJoinF3 .h3 { font-size: 28px; }
}
@media screen and (min-width:1600px) {
  .AboutJoinF3 .h4 { font-size: 28px; }
  .AboutJoinF3 .h3 { font-size: 28px; }
}
.AboutJoinF4 { padding: 30px 0; }
.AboutJoinF4 .title { text-align: center; padding-bottom: 20px; }
.AboutJoinF4 .title .h3 { font-weight: normal; font-size: 22px; }
.AboutJoinF4 .list { padding: 0 10px; position: relative; }
.AboutJoinF4 .bleft { position: absolute; cursor: pointer; left: 20px; display: block; width: 60px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.AboutJoinF4 .bright { position: absolute; cursor: pointer; right: 20px; display: block; width: 60px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.AboutJoinF4 .bleft,
.AboutJoinF4 .bright { color: #fff;  }

.AboutJoinF4 .bleft:hover,
.AboutJoinF4 .bright:hover { color: #e63241; }
.AboutJoinF4 .Maximg { position: relative; }
.AboutJoinF4 .Maximg .item img { width: 100%; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.AboutJoinF4 .Maximg .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.AboutJoinF4 .smallList { padding-top: 5px; }
.AboutJoinF4 .smallList .item { opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; position: relative; }
.AboutJoinF4 .smallList .xk { display: none; left: 0; top: 0; z-index: 3; position: absolute; width: 100%; height: 100%; border: 3px solid #e63241; }
.AboutJoinF4 .smallList .slick-current.item { opacity: 1; filter: alpha(opacity=100); }
.AboutJoinF4 .smallList .slick-current .xk { display: block; }
.AboutJoinF4 .Maximg .item { position: relative; }
.AboutJoinF4 .smallimg .item { position: relative; padding: 0 2px; }
.AboutJoinF4 .smallimg .itemBox { position: relative; }
.AboutJoinF4 .Maximg .item .txt { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); }
.AboutJoinF4 .Maximg .item .txtBox { overflow: hidden; text-overflow: ellipsis; color: #fff; padding: 10px 15px; white-space: nowrap; }
@media screen and (min-width:768px) {
  .AboutJoinF4 { padding: 50px 0; }
  .AboutJoinF4 .list { padding: 0 30px; }
}
@media screen and (min-width:1024px) {
  .AboutJoinF4 { padding: 85px 0; }
  .AboutJoinF4 .title { padding-bottom: 50px; }
  .AboutJoinF4 .title .h3 { font-size: 28px; }
  .AboutJoinF4 .list { padding: 0 80px; }
  .AboutJoinF4 .bleft { width: 80px; left: 30px; font-size: 16px; }
  .AboutJoinF4 .bright { width: 80px; right: 30px; font-size: 16px; }
  .AboutJoinF4 .Maximg .item .txtBox { font-size: 18px; padding: 20px 35px; }
  .AboutJoinF4 .bleft .iconfont,
  .AboutJoinF4 .bright .iconfont { font-size: 28px; }

  .AboutJoinF4 .bleft,
.AboutJoinF4 .bright { opacity: 0; }
.AboutJoinF4:hover .bleft,
.AboutJoinF4:hover .bright { opacity: 1 }
}
@media screen and (min-width:1600px) {
  .AboutJoinF4 .Maximg .item .txtBox { padding: 25px 45px; }
  .AboutJoinF4 .bleft .iconfont,
  .AboutJoinF4 .bright .iconfont { font-size: 40px; }
}
.AboutJoinF5 .list { background: no-repeat center center; background-size: cover; margin-top: 30px; }
.AboutJoinF5 .list .ul { background: rgba(0, 0, 0, 0.2); }
.AboutJoinF5 .list li { border-bottom: 1px solid #fff; }
.AboutJoinF5 .list li .libox { width: 100%; height: 0; padding-top: 75%; position: relative; color: #fff; display: block; }
.AboutJoinF5 .list li .litb { display: table; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.AboutJoinF5 .list li .litbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 15px; }
.AboutJoinF5 .list li .h3 { font-size: 16px; font-weight: normal; }
.AboutJoinF5 .list li .fm { vertical-align: bottom; }
.AboutJoinF5 .list li .fm .iconc { display: none; }
.AboutJoinF5 .list li .fm .txt { margin: 10px auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; max-height: 72px; }
.AboutJoinF5 .list li .fm .btn { color: #fff; font-size: 14px; }
.AboutJoinF5 .list li .fm .btnbox { display: none; text-align: center; }
.AboutJoinF5 .list li .fm .btn .spanb { display: inline-block; padding-right: 14px; background: url('../images/about/jmore03.png') no-repeat right center; }
.AboutJoinF5 .list li .zm .icon { width: 50px; height: 50px; margin: 0 auto; border-radius: 100%; overflow: hidden; border: 1px solid #fff; }
.AboutJoinF5 .list li .zm .h3 { display: none; }
.AboutJoinF5 .list li .fm .txt{display: none;}

  .AboutJoinF5 .list ul { font-size: 0; }
  .AboutJoinF5 .list li { display: inline-block; vertical-align: top; width: 50%; font-size: 14px; }
  .AboutJoinF5 .list li .libox { border-right: 1px solid #fff; }
  .AboutJoinF5 .list li:nth-child(2n) .libox { border-right: none; }

@media screen and (min-width:640px) {
  .AboutJoinF5 .list li .zm .icon { width: 95px; height: 95px;}
  .AboutJoinF5 .list { margin-top: 50px; }
  .AboutJoinF5 .list li .fm .txt{display: block;}
}
@media screen and (min-width:1000px) {
  .AboutJoinF5 .list li { width: 25%; }
  .AboutJoinF5 .list li .libox { border-right: 1px solid #fff; cursor: pointer; }
  .AboutJoinF5 .list li:nth-child(2n) .libox { border-right: 1px solid #fff; }
  .AboutJoinF5 .list li:nth-child(4n) .libox { border-right: none; }
  .AboutJoinF5 .list li .zm .h3 { text-align: center; display: block; padding-top: 15px; }
  .AboutJoinF5 .list li .fm { display: none; padding: 30px 30px 0; position: absolute; left: auto; bottom: 30px; }
  .AboutJoinF5 .list li .fm .txt { margin-bottom: 20px; font-size: 15px; }

  /* .AboutJoinF5 .list li .libox:hover { background: rgba(0, 0, 0, 0.3); } */

  /* .AboutJoinF5 .list li .libox:hover .zm { display: none; } */

  /* .AboutJoinF5 .list li .libox:hover .fm { display: block; } */
  .AboutJoinF5 .list li .fm .btnbox { text-align: left; }
  .AboutJoinF5 .list li .fm .iconc { display: block; width: 60px; height: 60px; margin-bottom: 15px; border-radius: 100%; overflow: hidden; border: 1px solid #fff; }
  .AboutJoinF5 .list li .fm .iconc img { width: 100%; }
  .AboutJoinF5 .list li .h3 { font-size: 18px; }
  .AboutJoinF5 .list li .fm .btn { color: #fff; font-size: 15px; }
  .AboutJoinF5 .list { margin-top: 50px; }
}
@media screen and (min-width:1400px) { }

/* .ContactUs { padding-top: 30px; } */
@media screen and (min-width:768px) {

/* .ContactUs { padding-top: 60px; } */ }
@media screen and (min-width:1024px) {

/* .ContactUs { padding-top: 90px; } */ }
@media screen and (min-width:1600px) {

/* .ContactUs { padding-top: 155px; } */ }

/* .ContactUs {position: relative;} */
.ContactUs #ConUs { position: absolute; left: -100%; width: 1px; height: 1px; top: -50px; }
#ConUs { width: 1px; height: 1px; }
.ContactUs .title { text-align: center; padding-bottom: 20px; }
.ContactUs .title .h3 { font-weight: normal; font-size: 22px; margin-bottom: 20px; }
.ContactUs .title .i { display: block; width: 35px; height: 2px; background: #e63241; margin: 10px auto 0; }
.ContactUs .list li { margin-bottom: 10px; }
.ContactUs .list .libox { position: relative; min-height: 45px; padding-left: 45px; }
.ContactUs .list .libox .Icon { left: 0; top: 5px; width: 30px; position: absolute; }
.ContactUs .list .libox .h3 { font-size: 18px; font-weight: normal; color: #333; }
.ContactUs .list .libox .txt { color: #999; font-size: 14px; }
.ContactUs .mapView { padding-top: 20px; }
.ContactUs .mapCon { width: 100%; height: 300px; }
.ContactUs .mapCon img { max-width: none; }
@media screen and (min-width:768px) {
  .ContactUs .list ul { font-size: 0; margin: 0 -10px; }
  .ContactUs .list li { display: inline-block; vertical-align: top; padding: 0 10px; font-size: 14px; width: 50%; }
}
@media screen and (min-width:1024px) {
  .ContactUs .title .i { width: 64px; height: 4px; }
  .ContactUs .title { padding-bottom: 30px; }
  .ContactUs .title .h3 { font-size: 28px; }
  .ContactUs .title .txt { font-size: 15px; }
  .ContactUs .mapCon { height: 500px; }
  .ContactUs .mapView { padding-top: 30px; }
  .ContactUs .list { padding-top: 20px; }
  .ContactUs .list ul { margin: 0 -20px; display: flex; display: -webkit-flex; justify-content: space-between; }
  .ContactUs .list li { width: auto; padding: 0 20px; }
  .ContactUs .list .libox { padding-left: 60px; }
  .ContactUs .list .libox .Icon { width: 45px; }
  .ContactUs .list .libox .h3 { padding-bottom: 5px; }
  .ContactUs .list .libox .txt { }
}
@media screen and (min-width:1600px) {
  .ContactUs .mapView { padding-top: 50px; }
  .ContactUs .title .h3 { font-size: 28px; }
  .ContactUs .mapCon { height: 720px; }
}
.AboutNewsInfo { padding-top: 30px; }
.AboutNewsInfo .title { text-align: center; padding-bottom: 10px; }
.AboutNewsInfo .title .h3 { font-weight: normal; color: #000; font-size: 15px; }
.AboutNewsInfo .videobg{ padding:0; background:#fff;}
.AboutNewsInfo .video-list{ padding-top:30px;}
.AboutNewsInfo .title .tibox { color: #666; padding-top: 8px; }
.AboutNewsInfo .title .tibox .browse { display: inline-block; padding-left: 15px; }
.AboutNewsInfo .TxtView { border-top: 1px solid #d3d3d3; padding: 20px 0; color: #666; font-size: 14px; font-family: 'Microsoft YaHei', '微软雅黑'; }
.AboutNewsInfo .TxtView .p { margin-bottom: 10px; }
@media screen and (min-width:768px) {
  .AboutNewsInfo { padding-top: 60px; }
}
@media screen and (min-width:1024px) {
  .AboutNewsInfo { padding-top: 85px; }
  .AboutNewsInfo .title .h3 { font-size: 24px; padding-bottom: 10px; }

  /* .AboutNewsInfo .title { padding-bottom: 50px; } */
  .AboutNewsInfo .title .tibox .browse { padding-left: 20px; }
  .AboutNewsInfo .TxtView { padding: 50px 0 85px; }
  .AboutNewsInfo .TxtView .p { margin-bottom: 35px; line-height: 24px; }
}
.AsearchBox { padding: 30px 0; }
@media screen and (min-width:768px) {
  .AsearchBox { padding: 50px 0; }
}
@media screen and (min-width:1024px) {
  .AsearchBox { padding: 64px 0 85px; }
}
.AsearchBoxSearch { max-width: 830px; background: #f8f8f8; padding: 10px 40px 10px 10px; position: relative; border: 1px solid #f1f1f1; }
.AsearchBoxSearch input { display: block; width: 100%; height: 22px; border: none; line-height: 22px; background: none; }
.AsearchBoxSearch .btn { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url('../images/about/searchbtn03.png') no-repeat center; }
.AsearchBoxSearchTip { padding: 5px 0; color: #333; }
.AsearchBoxSearchTip .color { color: #e63241; }
@media screen and (min-width:768px) {
  .AsearchBoxSearchTip { font-size: 15px; }
  .AsearchBoxSearch { padding-top: 0; padding-bottom: 0; height: 50px; padding-right: 50px; }
  .AsearchBoxSearch input { height: 50px; line-height: 50px; }
  .AsearchBoxSearch .btn { width: 50px; background-image: url('../images/about/searchbtn04.png'); }
}
@media screen and (min-width:1024px) {
  .AsearchBoxSearchTip { font-size: 16px; padding-top: 15px; }
  .AsearchBoxSearch { padding-top: 0; padding-bottom: 0; height: 60px; padding-right: 60px; }
  .AsearchBoxSearch input { height: 60px; line-height: 60px; }
  .AsearchBoxSearch .btn { width: 60px; }
}
.AsearchBox .AsearchBoxCon { margin-top: 20px; min-height: 700px; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter { border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter .tip { padding-bottom: 10px; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter .tip2 { padding-top: 10px; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter li { display: inline-block; margin-right: 10px; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter li a { display: block; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter li a .i { display: inline-block; background-color: #f8f8f8; vertical-align: middle; padding: 2px; border: 1px solid #ddd; width: 14px; height: 14px; border-radius: 100%; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter li a .ib { display: block; width: 8px; height: 8px; border-radius: 100%; background: #e63241; display: none; }
.AsearchBox .AsearchBoxCon .AsearchBoxFilter li.on a .ib { display: block; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes .title { font-size: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; display: none; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li { border-bottom: 1px solid #ddd; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .lia { display: block; padding: 10px 0; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .lia:hover .i .img02 { display: inline-block; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .lia:hover .i .img01 { display: none; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .i img { vertical-align: middle; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .i .img02 { display: none; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .i { display: inline-block; vertical-align: top; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .spanicon { display: inline-block; vertical-align: top; padding-right: 10px; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .spantxt { display: inline-block; vertical-align: top; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .txtCon { display: block; padding: 8px 0; }
.AsearchBox .AsearchBoxCon .AsearchBoxRes .pc { display: none; }
@media screen and (min-width:768px) {
  .AsearchBox .AsearchBoxCon { position: relative; font-size: 0; }
  .AsearchBox .AsearchBoxCon .bghx { position: absolute; left: 30%; width: 1px; height: 100%; top: 0; background-color: #ddd; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter { display: inline-block; width: 30%; vertical-align: top; font-size: 14px; padding-right: 30px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes { display: inline-block; width: 70%; vertical-align: top; font-size: 14px; padding-left: 30px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter .tip { font-size: 15px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes .title { display: block; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter { border-bottom: none; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter li { display: block; width: 100%; margin-right: 0; margin-top: 15px; }
  .AsearchBoxSearchViewBox { position: relative; font-size: 0; overflow: hidden; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchTip { display: inline-block; width: 30%; float: left; vertical-align: top; font-size: 14px; padding-right: 30px; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchBox { display: inline-block; width: 70%; float: right; vertical-align: top; font-size: 14px; padding-left: 30px; }
  .AsearchBox .wap { display: none; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes .pc { display: block; padding-bottom: 20px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .liaView { display: block; padding-left: 130px; position: relative; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .liaView .lileft { position: absolute; left: 0; top: 0; max-width: 130px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .spanicon { display: inline-block; vertical-align: top; padding-right: 10px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .spantxt { display: block; vertical-align: top; }
}
@media screen and (min-width:1024px) {
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter .tip2 { padding-top: 20px; }
  .AsearchBox .AsearchBoxCon { margin-top: 50px; }
  .AsearchBox .AsearchBoxCon .bghx { left: 20%; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter { width: 20%; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes { width: 80%; padding-left: 50px; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchTip { width: 20%; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchBox { width: 80%; padding-left: 50px; }
}
@media screen and (min-width:1300px) {
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter .tip2 { padding-top: 30px; }
  .AsearchBox .AsearchBoxCon .bghx { left: 16%; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter { width: 16%; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes { width: 84%; padding-left: 100px; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchTip { width: 16%; }
  .AsearchBoxSearchViewBox .AsearchBoxSearchBox { width: 84%; padding-left: 100px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter li a { font-size: 15px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .lia { font-size: 15px; padding: 20px 0; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes .title { font-size: 15px; padding-bottom: 20px; margin-bottom: 30px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .spanicon { padding-right: 40px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxRes ul li .i { padding-right: 10px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter li a .i { margin-right: 11px; width: 18px; height: 18px; padding: 3px; }
  .AsearchBox .AsearchBoxCon .AsearchBoxFilter li a .ib { width: 10px; height: 10px; }
}
.AboutHonorlist { padding: 30px 0; }
.AboutHonorlist .ul { font-size: 0; margin: 0 -5px; }
.AboutHonorlist li { display: inline-block; font-size: 14px; width: 50%; padding: 5px; margin-bottom: 15px; }
.AboutHonorlist .liA { display: block; }
.AboutHonorlist .liA .img { width: 100%; height: 0; padding-top: 72.72%; position: relative; }
.AboutHonorlist .liA .imgbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: center; align-items: flex-end; }
.AboutHonorlist .liA .imgbox img { max-width: 100%; max-height: 100%; display: inline-block; }
.AboutHonorlist .liA .txt { text-align: center; margin-top: 10px; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333; }
.AboutHonorlist .Pages { margin: 0; }
@media screen and (min-width:768px) {
  .AboutHonorlist { padding: 50px 0; }
  .AboutHonorlist .ul { margin: 0 -10px; }
  .AboutHonorlist li { width: 33.33%; padding: 10px; margin-bottom: 15px; }
}
@media screen and (min-width:1024px) {
  .AboutHonorlist { padding: 80px 0; }
  .AboutHonorlist .ul { margin: 0; }
  .AboutHonorlist .divlibox { margin: 0 -10px; }
  .AboutHonorlist li { width: 25%; padding: 10px; margin-bottom: 15px; }
  .AboutHonorlist .liA { max-width: 255px; margin: 0 auto; }
}
@media screen and (min-width:1200px) {
  .AboutHonorlist .divlibox { position: relative; }
  .AboutHonorlist .divlibox .divbg { height: 83px; position: absolute; bottom: 35px; background: url('../images/about/honorlibg.png') no-repeat center; width: 100%; background-size: 100% auto; }
  .AboutHonorlist li { margin-bottom: 40px; position: relative; z-index: 3; }
  .AboutHonorlist .liA .txt { font-size: 15px; margin-top: 22px; }
}
@media screen and (min-width:1300px) {
  .AboutHonorlist .liA .txt { margin-top: 35px; }
  .AboutHonorlist .divlibox .divbg { bottom: 48px; }
}
@media screen and (min-width:1400px) {
  .AboutHonorlist { padding: 125px 0; }
}
.Formfkbox { background-color: #F5F5F5; }
.Formfkbox { padding: 30px 0; }
.Formfkbox .Con { max-width: 700px; background: #fff; margin: 0 auto; padding: 20px 15px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.Formfkbox .Con .img { text-align: center }
.Formfkbox .Con .ConTxt { }
.Formfkbox .Con .ConTxt h3 { margin: 0; font-size: 28px; margin-top: 2px; margin-bottom: 2px; padding-top: 20px; color: #000; font-weight: normal; }
.Formfkbox .Con .ConTxt h4 { margin: 0; padding-top: 15px; line-height: 1.42857143; font-size: 14px; font-weight: normal; }
.Formfkbox .backIndexBtnBox { text-align: center; padding-top: 25px; }
.Formfkbox .backIndexBtn { display: inline-block; border: 1px solid #e63241; color: #fff; border-radius: 3px; width: 120px; line-height: 40px; background: #e63241; }
@media screen and (min-width:768px) {
  .Formfkbox { padding: 50px 0; }
  .Formfkbox .Con { padding: 30px 15px; }
}
@media screen and (min-width:1024px) {
  .Formfkbox .Con { padding: 60px 15px; }
  .Formfkbox { padding: 80px 0; }
}
.hot-items .pro-search-result { display: flex; font-size: 0; margin: 0 -5px; }
.hot-items .pro-search-result li { display: inline-block; font-size: 14px; padding: 0 5px; width: 100%; background: transparent; vertical-align: top; }
.hot-items .pro-search-result li a { display: block; background: #fff; padding: 20px; }
@media screen and (min-width:640px) {
  .hot-items .pro-search-result li { width: 50%; }
}
@media screen and (min-width:768px) {
  .hot-items .pro-search-result li { width: 33.33%; }
}
@media screen and (min-width:1024px) {
  .hot-items .pro-search-result li { width: 25%; }
  .hot-items .pro-search-result { margin: 0 -10px; }
  .hot-items .pro-search-result li { padding: 0 10px; }
  .hot-items .pro-search-result li a { padding: 25px; }
}
.CommonImgList { position: relative; }
.CommonImgList .bleft { position: absolute; cursor: pointer; left: 0px; display: block; width: 60px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.CommonImgList .bright { position: absolute; cursor: pointer; right: 0px; display: block; width: 60px; text-align: center; top: 50%; line-height: 30px; margin-top: -15px; }
.CommonImgList .bleft,
.CommonImgList .bright { color: #333; }
.CommonImgList .bleft:hover,
.CommonImgList .bright:hover { color: #e63241; }
.CommonImgList .owl-nav { font-size: 0; }
@media screen and (min-width:1024px) {
  .CommonImgList .bleft { width: 80px; left: 0px; font-size: 16px; }
  .CommonImgList .bright { width: 80px; right: 0px; font-size: 16px; }
  .CommonImgList .bleft .iconfont,
  .CommonImgList .bright .iconfont { font-size: 28px; }
}
@media screen and (min-width:1600px) {
  .CommonImgList .bleft { left: -80px; }
  .CommonImgList .bright { right: -80px; }
  .CommonImgList .bleft .iconfont,
  .CommonImgList .bright .iconfont { font-size: 40px; }
}

/* 头部重构 */
.headTop { display: none; padding: 0; background: #1b1b1b; color: #a7a7a7; }
.headTop .Hleft { float: right; }
.headTop .Hleft .ul{display: flex;}
.headTop .Hleft ul li { float: left; position: relative; padding-right: 17px; margin-right: 20px; }
.headTop .Hleft ul li:last-child { margin-right: 0; }
.headTop .Hleft ul li .i { display: block; width: 1px; height: 1em; background: #a7a7a7; position: absolute; right: 0; top: 50%; margin-top: -0.5em; }
.headTop .Hright { float: right; }
.HeadNav { height: 80px; position: relative; z-index: 1052; display: none; border-bottom: 1px solid #eee; background: #fff; }
.MainNav .ul { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.MainNav.MainNavhide .ul { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; }
.NavRight.NavRighthide .goshop { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; }
.HeadNavBox { position: relative; height: 80px; }
.headTop a { color: #a7a7a7; }
.headTop a .en:hover { color: #e63241; }
.MainNav { font-size: 0; height: 80px; }
.MainNav .ul { display: inline-block; }
.MainNav .ul li { display: inline-block; font-size: 16px; padding: 0 15px; }
.MainNav .ul li a { display: block; line-height: 80px; position: relative; font-size: 16px; color: #fff; }
.MainNav .ul li a .i { display: block; position: absolute; bottom: -1px; left: 50%; width: 0; height: 2px; background: #e63241; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.MainNav .ul li.on a .i,
.MainNav .ul li a:hover .i { width: 100%; left: 0; }


.NavRight { display: none; }
.NavRight .goshop { display: inline-block; height: 80px; line-height: 80px; vertical-align: top; position: relative; padding-right: 20px; }
.NavRight .goshop .ib { display: block; width: 2px; height: 20px; position: absolute; right: 4px; top: 50%; margin-top: -10px; background: #adadad; }
.NavRight .goshop .iconfont { font-size: 24px; color: #adadad; }
.NavRight .goshop:hover .iconfont { color: #e63241; }
.slidesItem .scrollBox { max-height: 309px; overflow: hidden; }
.slidesItem .scrollBox .mCSB_inside > .mCSB_container { margin-right: 20px; }
.slidesItem .scrollBox .mCSB_scrollTools { opacity: 1; }
.slidesItem .scrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #BFBFBF; width: 6px; border-radius: 0; }
.slidesItem .scrollBox .mCSB_scrollTools .mCSB_draggerRail { background: #f3f3f3; width: 6px; border-radius: 0; }
.slidesItem .scrollBox.mCS_no_scrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
.slidesItem .scrollBox .scrollWarp { font-size: 0; width: 100%; }
.slidesItem .scrollBox .scrollWarp .itemScrollA { display: inline-block; width: 25%; font-size: 14px; margin-bottom: 0px; }
.slidesItemPro .menu-slides-menus { display: block; width: 100%; padding-right: 20px; }
.slidesItem .scrollBox .scrollWarp .itemScrollA a .img { width: 54px; margin: 0 auto; height: 54px; overflow: hidden; }
.slidesItem .scrollBox .scrollWarp .itemScrollA a .img img { width: 100%; }
.slidesItem .scrollBox .scrollWarp .itemScrollA a { margin: 0 auto; text-align: center; display: block; padding: 5px; width: 100%; }

/*20200813 header1280 to 1279*/
@media screen and (min-width:1279px) {
  .Top002209 { padding: 0; }
  .headTop { display: block; }
  .Top002209 .headTop { line-height: 24px; }
  .HeadNav { display: block; text-align: center; font-size: 0; }
  .Top002209 .header { display: none; }
  .HeadNav .logo { display: block; line-height: 80px; position: absolute; left: 0; top: 50%;transform: translateY(-50%);; width: 160px; }
  .HeadNav .logo img { width: 100%; }
  .NavRight { display: block; position: absolute; right: 0; top: 0; height: 80px; }
  .Top002209 .top-search { height: 80px; display: inline-block; vertical-align: top; }
  .Top002209 .open-search { height: 80px; line-height: 80px; }
  .Top002209 .search-box { top: 4px; }
  .Top002209 .search-box .btn { font-size: 14px; }
  .NavRight .goshop { position: relative; font-size: 14px; }
  .NavRight .goshop .shopList { display: none; position: absolute; right: 0; top: 100%; width: 134px; margin-top: -30px; }
  .NavRight .goshop .shopList .itb { text-align: right; line-height: 8px; }
  .NavRight .goshop .shopList .itb .i { display: inline-block; position: relative; z-index: 2; top: 1px; width: 0; margin-right: 23px; height: 0; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
  .NavRight .goshop .shopListView { border-radius: 3px; border: 1px solid #e9e9e9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 88; background: #fff; }
  .NavRight .goshop:hover .shopList { display: block; }
  .NavRight .goshop .shopList a { display: block; height: 40px; padding: 0 15px; border-bottom: 1px solid #ebebeb; line-height: 40px; text-align: left; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .NavRight .goshop .shopList a:last-child { border-bottom: none; }
  .NavRight .goshop .shopList a .img { width: 24px; margin-right: 10px; display: inline-block; }
  .NavRight .goshop .shopList a .img img { display: inline-block; }
  .NavRight .goshop .shopList a .img .img02 { display: none; }
  .NavRight .goshop .shopList a:hover { color: #e63241; }
  .NavRight .goshop .shopList a:hover .img .img01 { display: none; }
  .NavRight .goshop .shopList a:hover .img .img02 { display: inline-block; }
  .NavRight .goshop .shopList a { color: #333; }
  .NavRight .goshop a { color: #fff; }
}
@media screen and (min-width:1300px) {
  .MainNav .ul li { padding: 0 20px; }
  .slidesItem .scrollBox .scrollWarp .itemScrollA { width: 16.66%; }
}
@media screen and (min-width:1440px) {
  .MainNav .ul li { padding: 0 33px; }
}

/* 大事记改 */
.HonorChange { padding-top: 30px; }
@media screen and (min-width:768px) {
  .HonorChange { padding-top: 50px; }
}
@media screen and (min-width:1024px) {
  .HonorChange { padding-top: 85px; }
}
.HonorChange .uldiv { position: relative; padding: 33px 0; }
.HonorChange .uldiv .ulbg { position: absolute; height: 100%; left: 0; width: 22px; top: 0; background: url('../images/about/honorulbg01.png') repeat-y 0 0; }
.HonorChange .uldiv .divli { position: relative; padding-left: 30px; margin-bottom: 20px; color: #999; min-height: 376px; }
.HonorChange .uldiv .divli .i { width: 23px; height: 1px; position: absolute; left: -1px; top: 10px; background: #a0a0a0; }
.HonorChange .uldiv .divli .i .ib { width: 3px; height: 3px; position: absolute; left: 0; top: -1px; border-radius: 100%; background: #e63241; }
.HonorChange .uldiv .divli .h3 { font-size: 18px; color: #333; margin-bottom: 10px; }
.HonorChange .uldiv .divli .Fright { padding-top: 10px; }
.HonorChange .uldiv .divli .Fright .img img { width: 100%; }
@media screen and (min-width:1024px) {
  .HonorChange .uldiv .ulbg .bgi { display: block; width: 22px; height: 77px; position: absolute; top: 0; left: -10px; background: #fff url('../images/about/honorulbg03.png') no-repeat center top; }
  .HonorChange .uldiv { padding: 77px 0; }
  .HonorChange .uldiv .ulbg { left: 50%; margin-left: -11px; }
  .HonorChange .uldiv .divli { padding-left: 0; font-size: 15px; margin-bottom: 50px; min-height: 266px; }
  .HonorChange .uldiv .divli .Fleft { float: right; width: 50%; padding-left: 48px; }
  .HonorChange .uldiv .divli .Fright { float: left; width: 50%; padding-right: 70px; padding-top: 0; }
  .HonorChange .uldiv .divli.odd .Fleft { float: left; padding-right: 70px; padding-left: 0; text-align: right; }
  .HonorChange .uldiv .divli.odd .Fright { float: right; padding-right: 0; padding-left: 48px; }
  .HonorChange .uldiv .divli .h3 { font-size: 28px; padding-bottom: 10px; }
  .HonorChange .uldiv .divli .i { left: 50%; margin-left: -12px; }
  .HonorChange .uldiv .divli { min-height: 214px; }

  /* .HonorChange .ul li.odd .i{left: 50%; margin-left: -32px;} */

/* .HonorChange .ul li.odd .i .ib{left: auto; right: 0;} */ }

/* 大事记总页面 */
.AboutHonorChange { padding: 30px 0; }
.AboutHonorChange .list .item .Fleft { }
.AboutHonorChange .list .item .Fright .img { position: relative; }
.AboutHonorChange .list .item .Fright .img img { display: none; }
.AboutHonorChange .list .item .Fright .img .ConTxt { padding: 20px; }
.AboutHonorChange .list .item .Fright .dl dd { position: relative; padding-left: 10px; line-height: 30px; color: #888; }
.AboutHonorChange .list .item .Fright .dl dd * { margin: 0; padding: 0; }
.AboutHonorChange .list .item .Fright .dl dd:before { content: ' '; display: block; width: 3px; height: 3px; border-radius: 100%; position: absolute; left: 0; background: #888888; top: 12px; }
.AboutHonorChange .navlist .item { height: 50px; line-height: 30px; text-align: center; position: relative; }
.AboutHonorChange .navlist .item .spantxt { opacity: 0.5; }
.AboutHonorChange .navlist .item .i { position: absolute; left: 50%; margin-left: -0.5px; bottom: 0; width: 1px; height: 15px; background: #a0a0a0; }
.AboutHonorChange .navlist .item .i .ibg { display: none; width: 3px; height: 3px; border-radius: 100%; background: #e63241; left: -1px; bottom: -1px; position: absolute; }
.AboutHonorChange .navlist .slick-current.item .i .ibg { display: block; }
.AboutHonorChange .navlist .slick-current.item  .spantxt { color: #e63241; font-weight: bold; opacity: 1; }
.AboutHonorChange .navlist { background: url('../images/about/honorulbg02.png') repeat-x 0 42px; padding-bottom: 2px; }
.AboutHonorChange .navlist .item .spantxt { display: block; }
.AboutHonorChange .navlistView { position: relative; padding: 0 40px; }
.AboutHonorChange .navlistView .bleft { width: 60px; height: 40px; z-index: 4; background: #fff; line-height: 40px; position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.AboutHonorChange .navlistView .bright { width: 60px; height: 40px; z-index: 4; background: #fff; line-height: 40px; position: absolute; text-align: center; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (min-width:768px) {
  .AboutHonorChange .list .item { font-size: 0; }
  .AboutHonorChange .list .item .Fleft { display: inline-block; width: 50%; font-size: 14px; vertical-align: middle; }
  .AboutHonorChange .list .item .Fright { display: inline-block; width: 50%; font-size: 14px; vertical-align: middle; }
  .AboutHonorChange .list .item .Fright .img img { display: block; visibility: hidden; }
  .AboutHonorChange .list .item .Fright .img .ConTxt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px 20px; }
  .AboutHonorChange .navlistView { margin-top: 20px; }
  .AboutHonorChange .navlistView .bleft { width: 50px; cursor: pointer; }
  .AboutHonorChange .navlistView .bright { width: 50px; cursor: pointer; }
  .AboutHonorChange .list .item .Fright .DlscrollBox { overflow: hidden; max-height: 210px; }
  .AboutHonorChange .DlscrollBox .mCSB_inside > .mCSB_container { margin-right: 20px; }
  .AboutHonorChange .DlscrollBox .mCSB_scrollTools { opacity: 1; }
  .AboutHonorChange .DlscrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #BFBFBF; width: 6px; border-radius: 0; }
  .AboutHonorChange .DlscrollBox .mCSB_scrollTools .mCSB_draggerRail { background: #f3f3f3; width: 6px; border-radius: 0; }
  .AboutHonorChange .DlscrollBox.mCS_no_scrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
}
@media screen and (min-width:1024px) {
  .AboutHonorChange { padding: 0; position: relative; background: #e5e5e5; }
  .AboutHonorChangeTitle { position: absolute; top: 30px; left: 0; padding-left: 50%; z-index: 5; }
  .AboutHonorChange .list .item .Fright .img .ConTxt { padding: 100px 20px; }
  .AboutHonorChange .navlistView { position: static; margin-top: 0; }
  .AboutHonorChange .navlistView .navlist { width: 50%; position: absolute; left: 50%; bottom: 30px; padding: 0 50px; padding-bottom: 2px; }
  .AboutHonorChange .navlistView .bleft,
  .AboutHonorChange .navlistView .bright { background: transparent; }
  .AboutHonorChange .navlistView .bleft { color: #fff; }
  .AboutHonorChange .navlistView .bleft:hover,
  .AboutHonorChange .navlistView .bright:hover { color: #e63241; }
  .AboutHonorChange .navlistView .bleft .iconfont,
  .AboutHonorChange .navlistView .bright .iconfont { font-size: 30px; }
  .AboutHonorChange .list .item .Fright .DlscrollBox { overflow: hidden; max-height: 150px; }
}
@media screen and (min-width:1280px) {
  .AboutHonorChangeTitle { top: 85px; }
  .AboutHonorChange .list .item .Fright .img .ConTxt { padding: 150px 80px; }
  .AboutHonorChange .list .item .Fright .dl dd { font-size: 15px; }
  .AboutHonorChange .list .item .Fright .dl dd { padding-left: 15px; }
  .AboutHonorChange .list .item .Fright .dl dd::before { top: 14px; }
  .AboutHonorChange .list .item .Fright .DlscrollBox { max-height: 180px; }
  .AboutHonorChange .navlist { background-position: -3px 42px; }
}
@media screen and (min-width:1366px) {
  .AboutHonorChange .list .item .Fright .DlscrollBox { max-height: 210px; }
  .AboutHonorChange .navlistView .navlist { bottom: 66px; }
  .AboutHonorChange .navlist .item .spantxt { font-size: 24px; }
  .AboutHonorChange .navlistView .bleft { left: 30px; }
  .AboutHonorChange .navlistView .bright { right: 30px; }
  .AboutHonorChange .navlistView .navlist .slider { width: 540px; margin: 0 auto; }
  .AboutHonorChange .navlist { background-position: -14px 42px; }
}
@media screen and (min-width:1440px) {
  .AboutHonorChange .navlist { background-position: -22px 42px; }
}
@media screen and (min-width:1441px) {
  .AboutHonorChangeTitle .auto_1440 { padding: 0 80px; }
}
@media screen and (min-width:1600px) {
  .AboutHonorChange .list .item .Fright .DlscrollBox { max-height: 218px; }
  .AboutHonorChange .list .item .Fright .img .ConTxt { padding: 190px 80px; max-width: 800px; }
  .AboutHonorChange .navlistView .bleft .iconfont,
  .AboutHonorChange .navlistView .bright .iconfont { font-size: 40px; }
}
@media screen and (min-width:1900px) {
  .AboutHonorChange .list .item .Fright .DlscrollBox { max-height: 300px; }
  .AboutHonorChangeTitle { top: 125px; }
  .AboutHonorChange .list .item .Fright .img .ConTxt { padding-top: 220px; }
  .AboutHonorChange .navlistView .navlist .slider { width: 810px; margin: 0 auto; }
  .AboutHonorChange .navlist { background-position: -10px 42px; }
}

/* 大事记总页面 */

/* 产品参数详情改*/
.PorInfoView .pro-relationPorinfo { background: #f7f7f7; overflow: hidden; }
.PorInfoView .pro-relation { margin: 55px 0; }
.PorInfoView .pro-relation .section_head { margin: 30px 0;}
.PorInfoView .pro-relationPorinfo .section_head { text-align: left; }
.PorInfoView .pro-relationPorinfo .relation-container li > a { display: block; width: 100%; padding: 0; background: #fff; }
.PorInfoView .pro-relationPorinfo .relation-r { width: 100%; }
.PorInfoView .pro-relationPorinfo .relation-l { width: 100%; padding: 20px; padding-top: 0; }
.PorInfoView .pro-relationPorinfo .relation-l .relation-title { margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.PorInfoView .pro-relationPorinfo .relation-l .relation-desc { height: auto; margin-bottom: 0; color: #e63241; font-size: 15px; }
.PorInfoView .pro-description-tab { width: 100%; float: none; border-bottom: 1px solid #eee; padding: 0; margin-bottom: 1px; background: none; }
.PorInfoView .pro-description-content { width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; }
.PorInfoView .pro-description-tab li .i { position: absolute; left: 50%; width: 0; height: 2px; bottom: -1px; background: #e63241; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.PorInfoView .pro-description-tab li { position: relative; }
.PorInfoView .pro-description-tab li.on .i { width: 100%; left: 0; }
.PorInfoView .pro-description-content .pro-description-con { }
.PorInfoView .pro-description { padding-bottom: 0; padding-top: 20px; }
.PorInfoView .hot-solutions { padding-bottom: 0; margin-bottom: 0; }
.PorInfoView .pro-description-content .ulDown { }
.PorInfoView .pro-description-content .ulDown li { margin-bottom: 8px; }
.PorInfoView .pro-description-content .ulDown li .name { display: inline-block; vertical-align: middle; }
.PorInfoView .pro-description-content .ulDown li .lx { padding: 0 10px; display: inline-block; vertical-align: middle; }
.PorInfoView .pro-description-content .ulDown li .size { color: #999; display: inline-block; vertical-align: middle; }
.PorInfoView .pro-description-content .ulDown .libox { background: #f8f8f8; padding: 10px; }
.PorInfoView .pro-description-content .ulDown .libox .lileft { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.PorInfoView .pro-description-content .ulDown .libox .liright .eay { margin-right: 5px; }
@media (min-width:768px) {
  .PorInfoView .pro-description { padding-top: 0; }
  .PorInfoView .pro-description-tab li { float: left; line-height: 50px; font-size: 16px; margin-right: 30px; margin-bottom: 0; }
  .PorInfoView .pro-description-tab li:last-child { margin-right: 0; }
  .PorInfoView .pro-description-content .ulDown .libox { padding: 10px 22px; padding-right: 120px; position: relative; }
  .PorInfoView .pro-description-content .ulDown .libox .lileft { line-height: 35px; }
  .PorInfoView .pro-description-content .ulDown .libox .liright { position: absolute; line-height: 35px; right: 0; padding: 10px 22px; max-width: 120px; text-align: right; top: 0; }
}
@media (min-width:1024px) {
  .PorInfoView .pro-description-content .ulDown .libox .lileft { font-size: 16px; }
  .PorInfoView .pro-description-content .ulDown .libox .liright .iconfont { font-size: 22px; }
  .PorInfoView .pro-description-content .ulDown .libox .liright .eay { margin-right: 10px; }
  .PorInfoView .pro-description-content .ulDown li .lx { padding: 0 22px; }
  .PorInfoView .pro-description-tab li { line-height: 65px; }
}
@media (min-width:1200px) {
  .PorInfoView .pro-relationPorinfo  .relation-container { margin: 0; }
  .PorInfoView .pro-relationPorinfo .relation-l { padding: 24px 30px; padding-top: 0; }
  .PorInfoView  ul.pro-cs li { width: 32.33%; }
}

/* 产品详情滚动条 */
@media (min-width:1280px) {
  .phototes-r .porcs { padding-bottom: 25px; margin-bottom: 25px; }
  .txtInfosm .ProInfoScoll { height: 230px; overflow: hidden; }
  .txtInfosm .ProInfoScoll .mCSB_inside > .mCSB_container { margin-right: 20px; }
  .txtInfosm .ProInfoScoll .mCSB_scrollTools { opacity: 1; }
  .txtInfosm .ProInfoScoll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #BFBFBF; width: 6px; border-radius: 0; }
  .txtInfosm .ProInfoScoll .mCSB_scrollTools .mCSB_draggerRail { background: #f3f3f3; width: 6px; border-radius: 0; }
  .txtInfosm .ProInfoScoll.mCS_no_scrollbar .mCSB_inside > .mCSB_container { margin-right: 0; }
}

/* 产品详情滚动条 */

/*vr展厅*/
.AboutVr { padding: 85px 0 0; }
.vritems { display: flex; flex-wrap: wrap; list-style-type: none; }
.vritems li { background: #f8f8f8; float: left; margin-bottom: 45px; margin-right: 3%; width: 31.333%; }
.vritems li:nth-child(3n) { margin-right: 0; }
.vritems li .img { position: relative; overflow: hidden; }
.vritems li .img img { width: 100%; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
.vritems li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.vritems li .img .videobtn { position: absolute; width: 34px; height: 34px; cursor: pointer; left: 50%; bottom: 50%; z-index: 10; background: url(../images/icon-play.png) no-repeat center; margin: 0 0 -17px -17px; }
.vritems li .txtBox { padding: 25px 30px; }
.vritems li .txtBox h3 { font-weight: normal; font-size: 16px; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.vritems li .txtBox .btnmore:hover { color: #eb5b67; }
.vritems li .txtBox .vrdesc { margin: 10px 0; line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #888; }
.vritems li .txtBox .btnmore { font-size: 13px; color: #888; }
.TxtView .ConBox { font-size: 14px; font-family: 'Microsoft YaHei'; line-height: 2 !important; text-align: justify;}
.TxtView .ConBox > * {line-height: 2 !important; }
.TxtView .ConBox img { height: auto; display: block; margin: 0 auto; max-width: 685px; }
.TxtView .ConBox p,
.TxtView .ConBox span,
.TxtView .ConBox b { font-size: 14px !important; }
@media (min-width:1024px) {
  .TxtView .ConBox { padding: 0 25.5%; }
}
@media (max-width:600px) {
  .TxtView .ConBox img { max-width: 100%; }
}
@media (max-width:1024px) {
  .vritems li { width: 48%; }
  .vritems li:nth-child(3n) { margin-right: 3%; }
  .vritems li:nth-child(2n) { margin-right: 0%; }
}
@media (max-width:480px) {
  .vritems li { width: 100%; }
  .vritems li:nth-child(3n) { margin-right: 0; }
  .vritems li:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width:768px) {
  .section6 ul li img { display: block; }
  .section6 ul li { flex-direction: column; }
  .footer .content .left { background: #fff;margin-bottom: 0; }
  .mb_no { display: none; }
  .footer .content .right { padding: 0; }
  .footer .bshare-custom { margin-top: 15px; }
  .footer .content .left dl dt { padding: 10px 20px; text-align: left; }
  .footer .content .left dl { border: none; margin-right: 0;}
  .footer .content .left dl dt { border-bottom: 1px solid #eeeeee; position: relative; }
  .footer .content .left dl dt:after { content: ""; width: 8px; height: 8px; border-right: 1px solid #888; border-top: 1px solid #888; position: absolute; right: 10px; top: 19px; transform-origin: center; transform: rotate(45deg); transition: .4s; }
  .footer .content .left dl dt.on:after { transform: rotate(135deg); }
  .footer .content .left dl dd { padding: 8px 20px; text-align: left; margin: 0; }
  .section .h2 { margin-bottom: 0; }
  .section .listVbox { padding-top: 25px; }
  .section2 .swiper-container { margin-top: 25px; }
  .section5 .text h2 { margin-bottom: 0; }
  .banner .swiper-pagination,
  .section2 .swiper-container .swiper-pagination { bottom: 10px; }
}
@media (max-width:1366px) {
  .mmenulist.show { left: 0; }
  .submmenu { position: static; }
  .submmenu-h { display: none; }
  .mmenulist li.mmpro { display: inline-block; white-space: nowrap; padding: 0 10px; }
  .mmenulist li.mmpro a { border: none; }
  .mmenulist li a { color: #333; font-size: 16px; }
  .mmenulist li ul li a { font-size: 14px; color: #666; }
  .mmenulist li { position: relative; }
  .mmenulist li span.mmshow:after { content: ""; border-top: 1px solid #666; position: absolute; border-right: 1px solid #666; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); right: 50%; top: 50%; width: 8px; height: 8px; }
  .mmenulist li.hassub>a:after { display: none; }
  .mmenulist li span.mmshow { position: absolute; height: 46px; width: 46px; z-index: 100; cursor: pointer; right: 0; top: 0; }
  .mmenu-content .headTop { display: block !important; background: #f6f6f6; text-align: center; }
  .mmenu-content .headTop .Hleft { float: none; text-align: center; display: inline-block; }
  .mmenu-content .headTop .Hleft li { display: inline-block; float: none; padding-right: 10px; margin-right: 10px; }
  .mmenu-content .headTop .Hright { float: none; text-align: center; display: inline-block; }
}
.hot-solutions .slider-full { overflow: hidden; }
@media (max-width:1366px) {
  .videoSlider .video-download { text-align: right; width: 80px; }
  .videoSlider .video-download .video-download_item { margin-bottom: 10px; }
  .videoSlider .video-desc { max-width: 75%; }
}
@media (max-width:768px) {
.video-text{position: relative; padding-right: 80px;}
.videoSlider .video-download{position: absolute; right:0; top:6px; margin-top: 0;}
.videoSlider .video-download .video-download_item{margin-bottom: 5px;}
.videoSlider .video-desc{width: 100%; max-width: 100%}
.video-download_item{font-size:13px; background-size: 12px 12px;}
.Sfx .fx .fxbtn .iconfont{font-size: 14px;}
}

@media (max-width:1279px) {
  .headTop { display: block; padding: 0; }
  .headTop .Hleft { float: left; }
  .headTop .Hright span.iconfont.iconworld { display: none; }
  .headTop .Hleft ul li { padding-right: 8px; margin-right: 8px; }
  .Top002209 { padding: 0; }
  .Top002209 .header { padding: 10px 0;background:#191919; }
}
@media (max-width:1366px) {
  .Top002209 #open_menu { background: none; }
  .Top002209 #open_menu i,
  .Top002209 #open_menu i::before,
  .Top002209 #open_menu i::after { background: #9b9b9b; }
}
.PorInfoView .pro-description-content .pro-description-con img { width: 800px; max-width: 100%; height: auto; }
@media (min-width:1280px) and (max-width:1360px) {
  .index-newsBox .ItemBoxList .ItemBoxWarp { padding: 10px 20px; }
}
@media (min-width:1600px) {
  .index-newsBox .ItemBoxList .Itemlist { padding-bottom: 9px; margin-bottom: 8px; }
}
.AboutNews .ANewsList .img { position: relative; height: 185px; overflow: hidden; }
.AboutNews .ANewsList .img .scalebox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-size: cover; background-repeat: no-repeat; background-position: center }
.AboutNews .ANewsList .libox:hover .img .scalebox { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.index-newsBox .ItemBox .ItemBoxWarp .Ntopimg { position: relative; height: 240px; overflow: hidden; }
.index-newsBox .ItemBox .ItemBoxWarp .Ntopimg a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-size: cover; background-repeat: no-repeat; background-position: center }
.index-newsBox .ItemBox .ItemBoxWarp .Ntopimg:hover a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.menu-slides-img,
.video-box { overflow: hidden; }
.menu-slides-img img,
.video-box video { transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -o-transition: .4s; }
.menu-slides-img:hover img,
.video-box:hover video { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.video-center .swiper-button-next.swiper-button-disabled,
.video-center .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.hot-search { position: absolute; top: 79px; width: 356px; background: #fff; z-index: 100; right: 30px; color: #888; font-size: 14px; text-align: left; padding: 30px 0; box-sizing: border-box; display: none; box-shadow: 0 2px 2px #ccc; border-radius: 0 0 4px 4px; }
.hot-search .wordstype { font-weight: bold; padding: 0 30px; }
.wordslist li { list-style-type: none; }
.wordslist li a { display: block; font-size: 14px; line-height: 38px; padding: 0 30px; }
.wordslist li a:hover { background: #999; color: #fff; }


.NewsInfoAboutList{padding-bottom:30px; }
@media screen and (min-width:768px) {
  .NewsInfoAboutList { padding-bottom: 60px; }
}
@media screen and (min-width:1024px) {
  .NewsInfoAboutList { padding-bottom: 85px; }
}

.NewsInfoAboutList .list {position: relative;}
.NewsInfoAboutList .list li {}

.NewsInfoAboutList .list .img { position: relative; height: 185px; overflow: hidden; }
.NewsInfoAboutList .list .img .scalebox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-size: cover; background-repeat: no-repeat; background-position: center }
.NewsInfoAboutList .list .libox:hover .img .scalebox { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.NewsInfoAboutList .list .img { overflow: hidden; }
.NewsInfoAboutList .list .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.NewsInfoAboutList .list .libox { display: block; background: #f8f8f8; color: #888; }
.NewsInfoAboutList .list .libox:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.NewsInfoAboutList .list .txtBox { border: 1px solid #f1f1f1; border-top: none; padding: 15px; }
.NewsInfoAboutList .list .txtBox .h3 { font-weight: normal; font-size: 16px; line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333; }
.NewsInfoAboutList .list .txtBox .h3 .icon { color: #888; }
.NewsInfoAboutList .list .txtBox .txtView { padding: 10px 0; }
.NewsInfoAboutList .list .txtBox .txt { line-height: 1.4em; height: 2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.NewsInfoAboutList .list .btntime .b1 { color: #333; padding-right: 10px; font-size: 13px; }
.NewsInfoAboutList .list .btntime .b2 { display: none; }
.NewsInfoAboutList .list .btntime em { font-style: normal; }


.NewsInfoAboutList .owl-carousel .owl-nav .owl-prev { position: absolute; left: 0px; display: block; width: 40px; text-align: center; top: 90px; background: rgba(0,0,0,0.5) ; line-height: 40px; margin-top: -20px; }
.NewsInfoAboutList .owl-carousel .owl-nav .owl-next { position: absolute; right: 0px; display: block; width: 40px; text-align: center; top: 90px; background: rgba(0,0,0,0.5) ; line-height: 40px; margin-top: -20px; }
.NewsInfoAboutList .owl-carousel .owl-nav .owl-prev,
.NewsInfoAboutList .owl-carousel .owl-nav .owl-next { color: #fff; }

.NewsInfoAboutList .owl-carousel .owl-prev .iconfont,
.NewsInfoAboutList .owl-carousel .owl-next .iconfont{ font-size: 20px; }
.NewsInfoAboutList .owl-carousel .owl-prev:hover,
.NewsInfoAboutList .owl-carousel .owl-next:hover { color: #e63241; }
.NewsInfoAboutList .owl-carousel .owl-nav .owl-prev.disabled,
.NewsInfoAboutList .owl-carousel .owl-nav .owl-next.disabled{display: none;}


@media screen and (min-width:1200px) {
  .NewsInfoAboutList .owl-carousel .owl-nav .owl-prev,
.NewsInfoAboutList .owl-carousel .owl-nav .owl-next { color: #333; background: none; top: 50%; }
.NewsInfoAboutList .owl-carousel .owl-prev .iconfont,
.NewsInfoAboutList .owl-carousel .owl-next .iconfont{ font-size: 22px; }

  .NewsInfoAboutList .owl-carousel .owl-nav .owl-prev { left: -40px; }
  .NewsInfoAboutList .owl-carousel .owl-nav .owl-next { right: -40px; }
}


@media screen and (min-width:1300px) {
  .NewsInfoAboutList .owl-carousel .owl-prev .iconfont,
.NewsInfoAboutList .owl-carousel .owl-next .iconfont{ font-size: 30px; }

  .NewsInfoAboutList .owl-carousel .owl-nav .owl-prev { left: -60px; }
  .NewsInfoAboutList .owl-carousel .owl-nav .owl-next { right: -60px; }

  .NewsInfoAboutList .list .txtBox { padding: 20px; }
}
@media screen and (min-width:1600px) {
  .NewsInfoAboutList .list .txtBox { padding: 25px 30px; }
}


.OwlDown {padding-bottom: 20px}
.OwlDown .owl-nav .disabled{display: none;}
.OwlDown .owl-nav .iconfont{font-size: 20px;}
.OwlDown .owl-nav .owl-prev{position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.OwlDown .owl-nav .owl-next{position: absolute; right: 0; top:50%; transform: translateY(-50%);}

@media screen and (min-width:768px) {
  .OwlDown {padding-bottom: 50px}
}
@media screen and (min-width:1024px) {
  .OwlDown {padding: 80px}
.OwlDown .owl-nav .iconfont{font-size: 30px;}
  .OwlDown .owl-nav .owl-prev{left: -30px;}
.OwlDown .owl-nav .owl-next{right: -30px;}
}

@media screen and (min-width:1280px) {
  .OwlDown .owl-nav .owl-prev{left: -60px;}
  .OwlDown .owl-nav .owl-next{right: -60px;}
}

.OwlDown .down-load-list .service4_list li{ display: block; width: 100%; margin: 0; }
.OwlDown .down-load-list.page-section{margin-top: 0;}

.ErroBox{position: relative;padding: 0;margin: 0;}
.ErroBox .txtBox{position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);color: white;text-align: center;}
.ErroBox .txtBox h3{font-size: 36px;margin: 5px 0;font-weight: normal;}
.ErroBox .txtBox a{display: inline-block;padding: 8px 24px;border: 1px solid white;color: white;text-decoration: none;margin-top: 30px;}



.SiteMap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; width: 100%; }
.SiteMap dl dt { font-size: 16px; margin-bottom: 26px; }
.SiteMap dl dd { font-size: 14px; margin-bottom: 8px; }
.SiteMap dl dd a { color: #888888; }
.SiteMap dl dd a:hover { color: #e63241; }
@media screen and (max-width:768px) {
  .SiteMap .auto_1440 { padding: 0; }
}
@media screen and (min-width:1200px) {
  .SiteMap { display: block; }
  .SiteMap { overflow: hidden; max-width: 1200px }
  .SiteMap dl { float: left }
  .SiteMap dl.dl3,
  .SiteMap dl.dl4 { width: max-content; }
  .SiteMap dl.dl3 dd,
  .SiteMap dl.dl4 dd {display:inline-block;}
}





/*20201126*/
.selectDownBoxVWarp .itembox:hover .st .icon b:before{
content:"\f24e";
}
@media(min-width:1024px){
.selectDownBoxVWarp .itembox {width: 12.5%;float: left;}

.selectDownBoxVWarp .toolBox {
    width: 25%;
    float: left;
    overflow: hidden;
    padding-left: 2%;
}

.selectDownBoxVWarp .itembox .st {
    padding-left: 10px;
    padding-right: 20px;
}

.selectDownBoxVWarp .itembox .st .icon {
    width: 20px;
}

.selectDownBoxVWarp .toolBox span {
    width: 48%;
    text-align: center;
    line-height: 38px;
    border: 1px solid #ccc;
    float: left;
    cursor: pointer;
    font-size:14px;
}

.selectDownBoxVWarp .toolBox span.spanb.spanb1 {
    float: right;
    background: #e63241;
    color: #fff;
    border-color: #e63241;
}
}
@media(max-width:1024px){
.selectDownBoxVWarp .toolBox span {
    padding:0 20px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ccc;
    display:inline-block;
    cursor: pointer;
    font-size:14px;
}
.selectDownBoxVWarp .toolBox span.spanb.spanb1 {
    margin-left:10px;
    background: #e63241;
    color: #fff;
    border-color: #e63241;
}
}
@media(max-width:480px){
.selectDownBoxVWarp .toolBox span.spanb.spanb1{
margin-left:0;
}
}
.footer .bshare-custom {
  display: flex;
  justify-content: center;
}
.xiaochengxu:after {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -11px;
  background: url(../images/111chengxu.png) no-repeat center center;
  background-size: 22px;
} 
.xiaochengxu:hover:after {
  background: url(../images/lossq.png) no-repeat center center;  background-size: 22px;
}
.shipinghao:after {
  content: '';
  width: 22px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -11px;
  background: url(../images/share_wap7.png) no-repeat center center;
  background-size: 22px;
} 
.shipinghao:hover:after {
  background: url(../images/share_wap6.png) no-repeat center center;  background-size: 22px;
}

.ABanner .link_a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index:3;
}
.TxtView .ConBox video {
    max-width: 100%;
    height: auto;
}

#network {display:table; width:100%; table-layout:fixed;}
#network .map {display:table-cell; vertical-align:top; padding-right:7%;}
#network .map img {display:block; width:100%; height:auto;}
#network .list {display:table-cell; vertical-align:middle; width:300px;}

.areaList {background-color:#fff; box-shadow:0 0 6px #e2e2e2;}
.areaList .item {border-bottom:1px solid #e2e2e2; padding:15px 0; margin:0 15px; overflow:hidden;}
.areaList .pic {width:90px; float:left;}
.areaList .pic i {display:block; padding-bottom:100%; background:no-repeat center center; background-size:cover;}
.areaList .text {margin-left:105px; overflow:hidden;}
.areaList h3 {font-weight:normal; font-size:22px; line-height:1.35em; margin:0 0 8px; color:#e63241;}
.areaList .data {font-size:15px; color:#666; line-height:1.75em;}

@media only screen and (max-width:980px){
	#network,
	#network .list {display:block; width:auto;}
	#network .map {display:block; padding-right:0;}
	#network .list {padding:4% 0;}
	.areaList {box-shadow:none; background-color:transparent; display:flex; flex-flow:wrap; justify-content:space-between;}
	.areaList .item {width:48%; padding:15px; border-radius:8px; float:left; box-shadow:0 0 6px #e2e2e2; border-bottom:none; margin:0 0 4%; box-sizing:border-box;}
	.areaList .pic {width:84px;}
	.areaList h3 {font-size:18px; line-height:1.5em; margin-bottom:5px;}
	.areaList .data {font-size:14px;}
}
@media only screen and (max-width:640px){
	
	.areaList {display:block;}
	.areaList .item {width:auto; float:none;}
}
.banner .swiper-container .swiper-slide video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 2022.6.20 */
.Top002209 .groupweb{
    padding: 2.9% 0 2.65%;
    background-color: #f7f7f7;
    display: none;
}
.Top002209 .groupweb .grop_list{
    display: flex;
    justify-content: space-between;
}
.Top002209 .groupweb .grop_list .title{
    font-size: 18px;
    color: #666666;
    position: relative;
}
.Top002209 .groupweb .grop_list .title::before{
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    border-top: 1px solid #9d9d9d;
    border-left: 1px solid #9d9d9d;
    right: -20px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.Top002209 .groupweb .grop_list .desc{
    margin-top: 30px;
    font-size: 14px;
    color: #666666;
}
.headTop .Hleft ul li.weball{
    padding: 0 30px 0 20px;
}
.headTop .Hleft ul li.weball span{
    background-image: url(../images/jtweb.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 11px;
    display: inline-block;
    background-size: cover;
}
.headTop .Hleft ul li.weball.cur{
    background-color: #f7f7f7;
}
.headTop .Hleft ul li.weball.cur span{
    background-image: url(../images/jtweb01.png);
}
.headTop .Hleft ul li.weball.cur i{
    display: none;
}
.headTop .Hleft ul li.weball::before{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    border-top: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
    right: 16px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.headTop .Hleft ul li.weball.cur::before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 10px;
}
@media(max-width:1279px) {
    .headTop .Hleft ul li.weball::before{
        top: 14px;
    }
    .headTop .Hleft ul li.weball.cur::before{
        top: 17px;
    }
}
@media (max-width:768px){
    .Top002209 .groupweb .grop_list .desc{
        margin-top: 15px;
        line-height: 1.875;
    }
    .Top002209 .groupweb .grop_list .title{
        font-size: 16px;
    }
}
@media (max-width:600px){
    .Top002209 .groupweb .grop_list{
        flex-wrap: wrap;
    }
    .Top002209 .groupweb .grop_list .item{
        width: 50%;
        margin-bottom: 2%;
    }
    .Top002209 .groupweb .grop_list .desc{
        margin-top: 0;
    }
}

.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp{
    padding-right: 0;
}

.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .items-l8{
    float: right;
    width: 80%;
}
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR{
    float: left;
    position: static;
    right: unset;
    top: unset;
    max-width: 200px;
    width: 20%;
    flex-wrap: wrap;
    border-right: 1px solid #dfdfdf;
}
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_title{
    width: 100%;
    font-size: 24px;
    color: #333333;
    position: relative;
    line-height: 1;
    padding-left: 16px;

}

.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_title:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    border-left: 4px solid #e63241;
}
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_list .h_item{
    display: block;
    font-size: 18px;
    color: #666666;
    margin-top: 45px;
    cursor: pointer;
    position: relative;
    line-height: 1;
    padding-left: 16px;
}   
.slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_list .h_item.cur::before{
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    border-left: 4px solid #e63241;
}
@media(max-width:768px) {
    .slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR {
        float: unset;
        display: flex;
        width: 100%;
        max-width: unset;
        margin-bottom: 15px;
    }
    .menu-slides{
        padding: 15px 0;
    }
    .slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_list{
        display: flex;
        justify-content: space-between;
    }
    .slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_title{
        font-size: 18px;
    }
    .slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .IiemR .h_list .h_item{
        margin-top:15px;
    }
    .slidesItem.slidesItemPro .auto_1440 .slidesItemWarp .items-l8{
        width: 100%;
    }
}

.slidesItem.jiejue{
    padding-bottom: 30px;
}
.slidesItem.jiejue .auto_1440 .slidesItemWarp{
    width: 100%;
    padding: 0 8%;
}
.jiejue .h_list{
    display: flex;
    flex-wrap: wrap;
}

.jiejue .h_list .h_item{
    width: 14.28%;
    text-align: center;
    margin-bottom: 55px;
	color: #666;
}
.jiejue .h_list .h_item a{
    display: block;
}


.section3.section .list{
    margin-bottom: 0;
	padding-bottom: 0;
}
.section3.section .h_bar{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e5e5e5;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
}
.section3.section .h_bar span{
    width: 20%;
    background-color: #e63241;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}



.tree-a a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    padding: 2px 20px;
    line-height: 30px;
    margin-bottom: 0px;
    display: inline-block;
	width: 110px;
	line-height: 30px;
	font-size: 14px;
}
.multi-tree .tree-line01 a,.multi-tree .tree-line03 a,.multi-tree .tree-line02 a,{
   
}
.multi-tree .tree-line01 .all,
.multi-tree .tree-line03 .all,
.multi-tree .tree-line02 .all
{
    width: 110px;
    display: inline-block;
}
.tree-a .TreeHeight .all a
{
    width: auto;
    display: inline-block;
}
.tree-a .TreeHeight {
    font-size: 0;
}




.footer .content .right{
    text-align: left;
}
.footer .content .right b{
    color: #e63241;
    font-size: 30px;
}
.footer .content .right p{
    margin-top: 5px;
}


.footer .brand { background: #f9f9f9; padding: 20px 0;}
.footer .brand a {    background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 5px 10px;
   color: #888888; display: inline-block; margin-right: 10px; position: relative; }
.footer .brand a:hover {background-image: url(../images/hover_img.png);color: #fff;}

.footer .brand a.cur{background-image: url(../images/hover_img.png);color: #fff;}

@media(max-width:768px) {
  .footer .content .right{
    text-align: center;
  }
}




/*2022/6/30*/
.slidesItemPro .menu-slides-menus .scrollWarp_rq
{
    max-height: 309px;
    overflow-y: auto;
    
    }
    .slidesItemPro .menu-slides-menus .scrollWarp_rq::-webkit-scrollbar {
    width: 6px;
    background-color:#f3f3f3;
}

 .slidesItemPro .menu-slides-menus .scrollWarp_rq::-webkit-scrollbar-thumb {
    background-color:#BFBFBF;
}
.slidesItemPro .menu-slides-menus .scrollWarp_rq .scrollWarp{
  display: flex;
  flex-wrap: wrap;
}
.slidesItemPro .menu-slides-menus .scrollWarp_rq .scrollWarp .itemScrollA {
  width: 14%;
}
.slidesItem .scrollWarp_rq .scrollWarp .itemScrollA a {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 5px;
    width: 100%;
}
.slidesItem .scrollWarp_rq .scrollWarp .itemScrollA a .img {
    width: 54px;
    margin: 0 auto;
    height: 54px;
    overflow: hidden;
}
.slidesItem .scrollWarp_rq .scrollWarp .itemScrollA a .img img {
    width: 100%;
}



@media(max-width:1024px) {
	.tree-line01 .tree-a .TreeHeight { padding-right: 80px; }
}
@media(max-width:480px) {
	.headTop .Hleft ul li.weball {
		padding: 0 10px 0 10px;
	}
	.mmenulist li:first-child .mmshow{
    display: none;
}
.tree-line01 .tree-a .TreeHeight {
    padding-right: 0px;
}
.tree-a a{
	    padding: 2px 10px;
}

}


/*2022.8.11*/
.headTop .Hleft ul li:last-child span{
	font-size: 14px;
    margin-right: 5px;
}

/*2022.8.16*/
/* zhaoshangjiameng */
/* tanchaung */
.aract_box{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, .5);
  z-index: 9999;
}
.aract_box .aract_main{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  
}
.aract_box .ara_close{
  position: absolute;
  right: -30px;
  top: 0;
  border: 30px solid transparent;
  border-bottom: 30px solid #e63241;
  border-left: 30px solid #e63241;
  z-index: 1;
  transform: translate(-50%,0) rotate(-180deg);
  -webkit-transform: translate(-50%,0) rotate(-180deg);
  -moz-transform: translate(-50%,0) rotate(-180deg);
  -ms-transform: translate(-50%,0) rotate(-180deg);
  -o-transform: translate(-50%,0) rotate(-180deg);
  width: 60px;
  height: 60px;
}
.aract_box .ara_close::before{
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  display: block;
  content: '';
  position: absolute;
  right: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.aract_box .ara_close::after{
  top: 10px;
  width: 20px;
  height: 2px;
  background-color: #fff;
  display: block;
  content: '';
  position: absolute;
  right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.aract_box .content{
  width: 95%;
  max-width: 900px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.aract_box .left{
  position: relative;
  width: 33.33%;
}
.aract_box .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aract_box .text{
  position: absolute;
  top: 11%;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 0 2%;
}
.aract_box .text .t01{
  font-size: 21px;
  line-height: 1;
}
.aract_box .text .t02{
  font-size: 30px;
  margin-top: 5px;
  line-height: 1;
}
.aract_box .right{
  background-color: #fff;
  flex: 1;
  padding: 6.7% 11.12% 5.6%;
}
.aract_box .title{
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
}
.aract_box .title span{
  position: relative;
  color: #e63241;
  display: inline-block;
  margin-left: 10px;
  padding-right: 40px;
}
.aract_box .title span::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  background-image: url(../images/aract_icon01.png);
  background-size: 28px;
  width: 28px;
  height: 28px;
}
.aract_box .item{
  background-color: #eee;
  margin-bottom: 20px;
  height: 55px;
}
.aract_box .item input{
  font-size: 16px;
  color: #888888;
  height: 100%;
  padding-left: 30px;
  width: 100%;
  border: none;
    background: none;
    outline: none;
    appearance: none;
}
.aract_box .item select{
  width: 100%;
  height: 100%;
  padding-left: 30px;
  border: none;
  background-color: transparent;
  background-image: url(../images/aract_icon02.png);
  background-repeat: no-repeat;
  background-position: right 30px center;
  appearance:none;
  color: #888888;
}
.aract_box .item input::placeholder{
  color: #888888;
}
.aract_box .item_btn{
  background-color: #e63241;
} 
.aract_box .item_btn input{
  color: #fff;
  font-size: 16px;
  width: 100%;
}

@media(max-width:768px){
  .aract_box .text .t01 {
      font-size: 14px;
  }
  .aract_box .text .t02 {
    font-size: 18px;
  }
  .aract_box .title{
    font-size: 20px;
    margin-bottom: 30px;
  }
  .aract_box .item {
    height: 40px;
  }

  
}
@media(max-width:600px){
  .aract_box .text{
    display: flex;
    justify-content: center;
  }
  .aract_box .text .t01{
    width: 10px;
  }
  .aract_box .text .t02{
    width: 10px;
    margin-left: 20%;
  }
  .aract_box .ara_close {
      right: -20px;
      border: 20px solid transparent;
      border-bottom: 20px solid #e63241;
      border-left: 20px solid #e63241;
      width: 20px;
      height: 20px;
  }
  .aract_box .ara_close::before,.aract_box .ara_close::after{
    top: 7px;
  }
  .aract_box .right {
    padding: 6.7% 4.12% 0.6%;
  }
  .aract_box .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .aract_box .title span{
    padding-right: 20px;
  }
  
  .aract_box .title span::before{
    background-size: 16px;
    width: 16px;
    height: 16px;
  }
  .aract_box .item input,.aract_box .item input::placeholder{
    font-size: 12px;
  }
  .aract_box .item select{
    font-size: 12px;
    padding-left: 10px;
  }
  .aract_box .item input{
    padding-left: 10px;
  }
  .aract_box .item {
    height: 30px;
  }
}

.hover_img{
  overflow: hidden;
}
.hover_img img{
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}
.hover_img:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

/* 页面 */
.aract_base{
  text-align: center;
}
.aract_base .aract_title{
  font-size: 28px;
  color: #333333;
  line-height: 1;
}
.aract_base .aract_desc{
  font-size: 15px;
  color: #888888;
  line-height: 1;
  margin-top: 20px;
}

.basearact .swiper-pagination{
  bottom: 40px !important;
}
.basearact .swiper-pagination .swiper-pagination-bullet{
  background-color: #d3d3d3;
  opacity: 1;
  margin: 0 10px !important;
}
.basearact .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #e63241;
}


.aract01 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.aract01 .swiper-slide{
  height: auto;
}
.aract01 img{
  width: 100%;
}
.aract01 .text{
  position: absolute;
  left: 50%;
  top: 37%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  text-align: center;
  width: 70%;
}
.aract01 .t01{
  font-size: 28px;
  color: #fff;
}
.aract01 .btn{
  background-color: #e63241;
  width: 200px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-top: 35px;
  font-size: 16px;
}
.aract01 .pc{
  display: inline-block;
}
.aract01 .app{
  display: none;
}


.aract02{
  padding: 90px 0;
}
.aract03{
  padding-bottom: 90px;
}

.aract02 .content{
  display: flex;
  flex-wrap: wrap;
}
.aract02 .content .left{
  width: 50%;
}
.aract02 .content .left video{
  width: 100%;
  height: 100%;
  object-fit: cover;
      position: absolute;
    top: 0;
    left: 0;
}
.aract02 .content .left .imgbox{
  height: 100%;
}
.aract02 .content .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aract02 .content .right{
  width: 50%;
  padding: 5.3% 13.7% 5.3% 6.31%;
  background-color: #f8f8f8;
}
.aract02 .content .right .title{
  font-size: 28px;
  color: #333333;
  margin-bottom: 25px;
  line-height: 1;
}
.aract02 .content .right .desc{
  font-size:15px;
  color: #888888;
  line-height: 1.5;
}
.aract02 .content .list{
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}
.aract02 .content .item{
  width: 33.33%;
  margin-top: 60px;
}
.aract02 .content .item .num{
  font-size: 16px;
  color: #888888;
}
.aract02 .content .item .num span{
  font-size: 60px;
  color: #e63241;
  margin-right: 10px;
  font-family: "Oswald";
  line-height: 1;
  position: relative;
  font-weight: 700;
}
.aract02 .content .item .num span::before{
  content: '+';
  display: block;
  position: absolute;
  right: -27px;
  color: #e63241;
  font-size: 24px;
  font-family: "SourceHanSansTWHK-Regular";
}
.aract02 .content .item:nth-of-type(4) .num span::before{
  display: none;
}
.aract02 .content .item .t01{
  font-size: 16px;
  color: #333333;
  margin-top: 20px;
}

.aract03 .main{
  padding-top: 50px;
}
.aract03 .swiper-slide{
  height: auto;
}
.aract03 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}



.aract04{
  background-color: #f8f8f8;
  padding-top: 90px;
}
.aract04 .main{
  padding: 60px 0 90px;
}

.aract04 .main .list{
  display: flex;
  flex-wrap: wrap;
}
.aract04 .main .list .item img:first-child{
  display: inline-block;
}
.aract04 .main .list .item img:last-child{
  display: none;
}
.aract04 .main .list .item{
  width: 15.41%;
  background-color: #fff;
  text-align: center;
  margin-bottom: 1.5%;
  padding: 60px 15px;
  border-radius: 0 30px 0 30px;
  -webkit-border-radius: 0 30px 0 30px;
  -moz-border-radius: 0 30px 0 30px;
  -ms-border-radius: 0 30px 0 30px;
  -o-border-radius: 0 30px 0 30px;
}
.aract04 .main .list .item{
  box-shadow:0 7px 17px #f1f1f1;
}
.aract04 .main .list .item:hover{
  box-shadow: 0 7px 17px #d5d5d5;
  background-color: #e63241;
}
.aract04 .main .list .item:hover img:first-child{
  display: none;
}
.aract04 .main .list .item:hover img:last-child{
  display: inline-block;
}
.aract04 .main .list .item:hover .title{
  color: #fff;
}
.aract04 .main .list .item:not(:nth-child(6n+1)){
    margin-left: 1.5%;
}
.aract04 .main .list .item .title{
  font-size: 16px;
  color: #333333;
  margin-top: 15px;
}

.aract05{
  position: relative;
}
.aract05 .aract_base{
  position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  z-index: 12;
}
.aract05 .aract_base .aract_title{
  color: #fff;
}
.aract05 .main img{
  width: 100%;
}
.aract05 .main1{
  position: absolute;
  right: 50%;
  top: 55%;
  transform: translate(50%,-50%);
  -webkit-transform: translate(50%,-50%);
  -moz-transform: translate(50%,-50%);
  -ms-transform: translate(50%,-50%);
  -o-transform: translate(50%,-50%);
  z-index: 12;
  width: 100%;
  text-align: right;
  height: 60%;
  display: flex;
  align-items: center;
}

.aract05 .umain{
  width: 34%;
  display: inline-block;
  height: 560px;
  position: relative;
}
.aract05 .umain .swiper-slide{
  background-color: rgba(255, 255, 255, .8);
  border-radius: 20px 0 20px 0;
  -webkit-border-radius: 20px 0 20px 0;
  -moz-border-radius: 20px 0 20px 0;
  -ms-border-radius: 20px 0 20px 0;
  -o-border-radius: 20px 0 20px 0;
}

.aract05 .umain .swiper-slide:hover{
  background-color: #e63241;
}
.aract05 .umain .swiper-slide:hover .title{
  color: #fff;
}
.aract05 .umain .swiper-slide:hover .desc{
  color: #fff;
}
/*
.aract05 .umain .swiper-slide.swiper-slide-thumb-active{
  background-color: #e63241;
}
.aract05 .umain .swiper-slide.swiper-slide-thumb-active .title{
  color: #fff;
}
.aract05 .umain .swiper-slide.swiper-slide-thumb-active .desc{
  color: #fff;
}*/

.aract05 .umain .item{
  text-align: left;
  display: block;
  width: 100%;
  padding: 30px 50px 20px 25px;
}
.aract05 .umain .item .title{
  font-size: 16px;
  color: #333333;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.aract05 .umain .item .title::before,.aract05 .umain .item .title::after{
  top: 20%;
  content: '';
  display: block;
  position: absolute;
  border-top: 2px solid #e63241;
  border-left: 2px solid #e63241;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.aract05 .umain .item .title::before{
  left: 0px;
}
.aract05 .umain .item .title::after{
  left: 10px;
}
.aract05 .umain .swiper-slide.swiper-slide-active .item .title::before,.aract05 .umain .swiper-slide.swiper-slide-active .item .title::after{
  border-top: 2px solid #e63241;
  border-left: 2px solid #e63241;
}
.aract05 .umain .swiper-slide:hover .title::before,.aract05 .umain .swiper-slide:hover .title::after{
  border-top: 2px solid #fff !important;
  border-left:2px solid #fff !important;
}


.aract05 .umain .item .desc{
  font-size: 15px;
  color: #e63241;
  padding-left: 35px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
 

.aract05 .umain .swiper-container{
  padding-right: 20px;
}
.aract05 .umain .bar_ut{
  position: absolute;
  right: 0;
  width: 5px;
  background-color: #a3aeb5;
  height: 100%;
  top: 0;
}
.aract05 .umain .bar_ut .bar_u{
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10%;
  background-color: #e63241;
   transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}


.aract06{
  padding-top: 90px;
}
.aract06 .top{
  position: relative;
  padding: 0 50px;
}
.aract06 .top .swiper-slide{
  text-align: center;
  padding: 35px 30px;
  width: auto;
}
.aract06 .top .swiper-slide .item{
  font-size: 16px;
}
.aract06 .top .swiper-slide.swiper-slide-thumb-active .item{
  color: #e63241;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
.aract06 .top .swiper-slide.swiper-slide-thumb-active .item::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #e63241;
}

.uswiper_btn{
  position: absolute;
  top: 45%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  z-index: 2;
  display: block;
  width: 20px;
  height: 25px;
  cursor: pointer;
}
.uswiper_btn::before{
  top: 16%;
  content: '';
  display: block;
  position: absolute;
  width:15px;
  height: 15px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.uswiper_btn.next{
  left: 0;
}
.uswiper_btn.next:hover::before{
  border-bottom: 2px solid #e63241;
  border-right: 2px solid #e63241;
}
.uswiper_btn.next::before{
    border-bottom: 2px solid #a3a3a3;
    border-right: 2px solid #a3a3a3;
    right: 0;
}
.uswiper_btn.prev{
  right: 0;  
}
.uswiper_btn.prev::before{
  border-top: 2px solid #a3a3a3;
  border-left: 2px solid #a3a3a3;
  right: 8px;
}
.uswiper_btn.prev:hover:before{
  border-top: 2px solid #e63241;
  border-left: 2px solid #e63241;
}
.aract06 .main .swiper-slide img{
  width: 100%;
  height:100%;
  object-fit:cover;
}

.aract06 .main .swiper-slide.swiper-slide-active{
  opacity: 1;
}
.aract06 .main .swiper-slide{
  opacity: .4;
  height: auto;
}
.aract06 .main .swiper-slide a{
  display: block;
  width: 100%;
  height: 100%;
}



.aract07{
  padding: 90px 0 0;
}
.aract07 .content{
  margin-top: 50px;
  position: relative;
}
.aract07 .content img{
  min-height: 475px;
}
.aract07 .udesc{
  position: absolute;
  left: 9%;
  bottom: 24%;
  width: 100%;
  max-width: 400px;
  font-size: 18px;
  color: #fff;
}
.aract07 .udesc .utitle{
  line-height: 1.66;
}
.aract07 .udesc .ut01{
  margin-top: 40px;
}
.aract08 .uswiper_btn{
	top:32%;
}
@keyframes fd{
  0%{
    width: 0;
    padding-bottom: 0;
  }
    100%{
      width:100%;
      padding-bottom: 100%;
  }
}
.aract07 .main .bgclor{
  width: 52%;
  height: 95%;
  position: absolute;
  bottom: 9%;
  right: 3%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
 
}
.aract07 .main .bgclor::before{
  content: '';
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  background-image: url(../images/aract_imgbg.png);
  right: 50%;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center bottom 60px;
  transform: translate(50%,0);
  -webkit-transform: translate(50%,0);
  -moz-transform: translate(50%,0);
  -ms-transform: translate(50%,0);
  -o-transform: translate(50%,0);
  animation: fd 4s infinite;
  -webkit-animation: fd 4s infinite;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.aract07 .main{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /* background-image: url(../images/aract_imgbg.png); */
  /* background-size: 46%; */
  /* background-repeat: no-repeat; */
  /* background-position: right 9% center; */
  z-index: 2;
}

.aract07 .main .item{
  position: absolute;
  z-index: 2;
}
.aract07 .main .item .text{
  position: absolute;
  right: 130%;
  top: -30%;
}
.aract07 .main .item .text::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid rgba(255, 255, 255, .7);
    z-index: 1;
    right: -20px;
    top: 30%;
    transform: translate(0,-50%) rotate(180deg);
    -webkit-transform: translate(0,-50%) rotate(180deg);
    -moz-transform: translate(0,-50%) rotate(180deg);
    -ms-transform: translate(0,-50%) rotate(180deg);
    -o-transform: translate(0,-50%) rotate(180deg);
}
.aract07 .main .item span{
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.aract07 .main .item span:hover::before{
  animation: fangda 4s infinite;
  -webkit-animation: fangda 4s infinite;
  display: block;
}
.aract07 .main .item.item1 span,
.aract07 .main .item.item2 span,
.aract07 .main .item.item7 span,
.aract07 .main .item.item12 span,
.aract07 .main .item.item14 span,
.aract07 .main .item.item21 span{
  background-color: #e63241;
  color: #fff;
}
.aract07 .main .item.item1 span::before,
.aract07 .main .item.item2 span::before,
.aract07 .main .item.item7 span::before,
.aract07 .main .item.item12 span::before,
.aract07 .main .item.item14 span::before,
.aract07 .main .item.item21 span::before{
  animation: fangda 4s infinite;
  -webkit-animation: fangda 4s infinite;
  display: block;
}
/*
.aract07 .main .item span:hover{
  background-color: #e63241;
  color: #fff;
}*/


.aract07 .main .item span::before{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-color: rgba(230,50,65, .3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: none;
  z-index: -1;
}
@keyframes fangda{
  0%{
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
  }
    100%{
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
  }
}

.aract07 .main .item .text{
  background-color: rgba(255, 255, 255, .9);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  width: 180px;
  padding:25px 0 25px 25px;
  display: none;
  z-index: 222;
}
.aract07 .main .item .text .t01{
  font-size: 18px;
  color: #e63241;
}
.aract07 .main .item .text .desc{
  font-size: 16px;
  color: #666666;
  margin-top: 15px;
}
.aract07 .main .item .text p{
  margin-bottom: 5px;
}
.aract07 .main .item:hover .text{
  display: block;
}

.aract07 .main .item.item1 span{
  width: 75px;
  height: 75px;
}
.aract07 .main .item.item1{
  right: 24%;
  top: 65%;
}
.aract07 .main .item.item2{
  right: 40%;
  top: 69%;
}
.aract07 .main .item.item3 span{
  width: 50px;
  height: 50px;
}
.aract07 .main .item.item3{
  right: 34%;
  top: 65%;
}
.aract07 .main .item.item4{
  right: 46%;
  top: 66%;
}
.aract07 .main .item.item5 span{
  width: 70px;
  height: 70px;
}
.aract07 .main .item.item5{
  right: 42%;
  top: 56%;
}
.aract07 .main .item.item6 span{
  width: 80px;
  height: 80px;
}
.aract07 .main .item.item6{
  right: 50%;
  top: 45%;
}
.aract07 .main .item.item7{
  right: 50%;
  top: 33%;
}
.aract07 .main .item.item8 span{
  width: 70px;
  height: 70px;
}
.aract07 .main .item.item8{
  right: 43%;
  top: 36%;
}
.aract07 .main .item.item9 span{
  width: 60px;
  height: 60px;
}
.aract07 .main .item.item9{
  right: 37%;
  top: 52%;
}
.aract07 .main .item.item10 span{
  width: 85px;
  height: 85px;
}
.aract07 .main .item.item10{
  right: 38%;
  top: 19%;
}
.aract07 .main .item.item11 span{
  width: 70px;
  height: 70px;
}
.aract07 .main .item.item11{
  right: 30%;
  top: 45%;
}
.aract07 .main .item.item12 span{
  width: 60px;
  height: 60px;
}
.aract07 .main .item.item12{
  right: 34%;
  top: 30%;
}
.aract07 .main .item.item13{
  right: 26%;
  top: 51%;
}
.aract07 .main .item.item14{
  right: 25%;
  top: 41%;
}
.aract07 .main .item.item15 span{
  width: 65px;
  height: 65px;
}
.aract07 .main .item.item15{
  right: 25%;
  top: 27%;
}
.aract07 .main .item.item16{
  right: 21%;
  top: 43%;
}
.aract07 .main .item.item17 span{
  width: 55px;
  height: 55px;
}
.aract07 .main .item.item17{
  right: 20%;
  top: 24.5%;
}
.aract07 .main .item.item18 span{
  width: 90px;
  height: 90px;
}
.aract07 .main .item.item18{
  right: 22%;
  top: 7.5%;
}
.aract07 .main .item.item19 span{
  width: 55px;
  height: 55px;
}
.aract07 .main .item.item19{
  right: 16%;
  top: 43.5%;
}
.aract07 .main .item.item20 span{
  width: 55px;
  height: 55px;
}
.aract07 .main .item.item20{
  right: 14%;
  top: 28.5%;
}
.aract07 .main .item.item21{
  right: 10%;
  top: 35.5%;
}

.aract07 .main .item.item22 span{
  width: 55px;
  height: 55px;
}
.aract07 .main .item.item22{
  right: 14%;
  top: 12.5%;
}
.aract07 .main .item.item23{
  right: 14%;
  top: 60.5%;
}
.aract07 .main .item.item24 span{
  width: 90px;
  height: 90px;
}
.aract07 .main .item.item24{
  right: 4%;
  top: 42.5%;
}
.aract07 .main .item.item25 span{
  width: 80px;
  height: 80px;
}
.aract07 .main .item.item25{
  right: 4%;
  top: 9.5%;
}

.aract08{
  padding: 90px 0 0;
  /*background-color: #f8f8f8;*/
}
.aract08 .swiper-slide{
  height: auto;
}
.aract08 .content{
  position: relative;
  margin-top: 90px;
  padding: 0 5%;
}
.aract08 .swiper-slide a {display:block; overflow:hidden;}
.aract08 .swiper-slide .imgbox{
  width: 100%;
  text-align: center;
}
.aract08 .swiper-slide .imgbox img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.aract08 .swiper-slide .title{
  font-size: 15px;
  color: #666666;
  margin-top: 15px;
 text-align: center;
     line-height: 1.6;
}

.aract08 .swiper-container{
  padding-bottom: 0px;
}
.aract08.basearact .swiper-pagination{
  bottom: 0;
  display: none;
}
.aract08 .uswiper_btn::before{
  width: 25px;
  height: 25px;
}
.aract08 .uswiper_btn::after{
  width: 25px;
  height: 25px;
}


.aract09{
  padding: 90px 0;
}
.aract09 .list{
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px;
}
.aract09 .list .item{
  width: 24%;
  background-color: #f8f8f8;
}
.aract09 .list .item .imgbox{
  border-radius: 20px 0 0 0;
  -webkit-border-radius: 20px 0 0 0;
  -moz-border-radius: 20px 0 0 0;
  -ms-border-radius: 20px 0 0 0;
  -o-border-radius: 20px 0 0 0;
  overflow: hidden;
}
.aract09 .list .item:not(:nth-child(4n+1)){
  margin-left: 1.33%;
}
.aract09 .list .text{
  
  padding: 50px 0;
  text-align: center;
}
.aract09 .list .text .title{
  font-size: 16px;
  color: #333333;
}
.aract09 .list .text .title span{
  padding-bottom: 15px;
  position: relative;
}
.aract09 .list .text .title span::before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 15px;
  height: 2px;
  background-color: #e63241;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
.aract09 .list .text .desc{
  font-size: 15px;
  color: #666666;
  line-height: 1.7;
  margin-top: 30px;
}
.aract09 .list .item img{
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  width: 100%;
}
.aract09 .list .item:hover .title{
  color: #e63241;
}
.aract09 .list .item:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.aract10{
    padding: 90px 0;
    background-repeat: no-repeat;
    background-position: center;
}
.aract10 .list{
  display: flex;
  flex-wrap: wrap;
  padding-top: 65px;
  position: relative;
  padding: 80px 12% 0 5%;
}
.aract10 .list::before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  background-image: url(../images/aract10_icon01.png);
  width: 90%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center right 0;
  background-size: contain;
}
.aract10 .list .item{
  width: 22%;
  display: inline-block;
  background-color: #fff;
  padding: 40px 0;
  text-align: center;
  margin-bottom: 7%;
  border-radius: 20px 0 20px 0;
  -webkit-border-radius: 20px 0 20px 0;
  -moz-border-radius: 20px 0 20px 0;
  -ms-border-radius: 20px 0 20px 0;
  -o-border-radius: 20px 0 20px 0;
  position: relative;
}
.aract10 .list .item:hover .imgbox{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.aract10 .list .item .imgbox{
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.aract10 .list .item:nth-of-type(1),.aract10 .list .item:nth-of-type(2),.aract10 .list .item:nth-of-type(3),.aract10 .list .item:nth-of-type(4){
  transform: translate(20px,0);
  -webkit-transform: translate(20px,0);
  -moz-transform: translate(20px,0);
  -ms-transform: translate(20px,0);
  -o-transform: translate(20px,0);
}
.aract10 .list .item:not(:nth-child(4n+1)){
  margin-left: 4%;
}
.aract10 .list .item .title{
  font-size: 16px;
  color: #555555;
  margin-top: 10px;
}
.aract10 .list .item:nth-of-type(1) .num,
.aract10 .list .item:nth-of-type(2) .num,
.aract10 .list .item:nth-of-type(3) .num,
.aract10 .list .item:nth-of-type(4) .num{
  left:  -15px;
}
.aract10 .list .item .num{
  position: absolute;
  right:  -15px;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #e63241;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aract11{
  padding: 90px 0;
  background-color: #f8f8f8;
}
.aract11 .main{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 15% 0;
  justify-content: space-between;
}
.aract11 .main .item{
  width: 47%;
  display: flex;
  height: 60px;
  align-items: center;
  margin-bottom: 15px;
}

.aract11 .main .item label{
  font-size: 16px;
  min-width: 35px;
  position: relative;
  margin-right: 20px;
}
.aract11 .main .item label i{
  color: #e63241;
  position: absolute;
  left: -10px;
  top: -1px;
}
.aract11 .main .item input{
  height: 100%;
  flex: 1;
  background-color: #ffffff;
  padding-left: 25px;
  border: none;
    outline: none;
    appearance: none;
}
.aract11 .main .item .uitem{
  display: flex;
  flex: 1;
  justify-content: space-between;
  height: 100%;
}
.aract11 .main .item select{
  background-color: #ffffff;
  height: 100%;
  width: 49%;
  border: none;
  padding-left: 25px;
}
.aract11 .main .item textarea{
  background-color: #ffffff;
  height: 100%;
  flex: 1;
  border: none;
  padding: 10px 15px 25px;
}

.aract11 .main .item.item_btn{
  text-align: center;
  width: 100%;
  margin-top: 45px;
}
.aract11 .main .item.item_btn input{
  width: 200px;
  height: 50px;
  background-color: #e63241;
  color: #fff;
  flex: unset;
  margin: 0 auto;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  padding-left: 0;
  border: none;
    outline: none;
    appearance: none;
}
.aract08 .swiper-slide{
	-ms-flex-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
}
@media(max-width:1459px){

  .aract02 .content .right .desc{
    font-size: 14px;
  }
  .aract02 .content .item .num span {
    font-size: 42px;
  }
  .aract02 .content .item {
    margin-top: 40px;
  }
  .aract02,.aract09,.aract10,.aract11{
    padding: 60px 0;
  }
  .aract08,.aract07{
	   padding-top: 60px;
  }
  .aract03 .main {
    padding-top: 30px;
  }
  .aract04,.aract06,.aract09 .list{
    padding-top: 60px;
  }
  .aract04 .main{
    padding: 40px 0 60px;
  }
  .aract08 .content{
    margin-top: 40px;
  }
  .aract05 .umain{
    height: 380px;
  }
  .aract05 .umain .item {
    text-align: left;
    display: block;
    width: 100%;
    padding: 20px 20px 10px 20px;
  } 
  .aract07 .main .bgclor{
    bottom: 4%;
    right: -1%;
  }
  .aract06 .top .swiper-slide {
    padding: 20px;
}
.aract06 .top .swiper-slide .item {
    font-size: 16px;
}
}
@media(max-width:1440px){
	.aract07 .main .bgclor {
		width: 58%;
	}
}
@media(max-width:1220px){
  .aract07 .main .bgclor {
    width:58%;
    height: 99%;
    right: 6%;
    bottom: -6%;
  }
  .aract07 .main .item.item1 span,
  .aract07 .main .item.item6 span,
  .aract07 .main .item.item18 span,
  .aract07 .main .item.item24 span,
  .aract07 .main .item.item25 span,
  .aract07 .main .item.item10 span{
    width: 50px;
    height: 50px;
  }
  .aract07 .main .item.item2 span,
  .aract07 .main .item.item3 span,
  .aract07 .main .item.item4 span,
  .aract07 .main .item.item5 span,
  .aract07 .main .item.item7 span,
  .aract07 .main .item.item8 span,
  .aract07 .main .item.item9 span,
  .aract07 .main .item.item11 span,
  .aract07 .main .item.item12 span,
  .aract07 .main .item.item13 span,
  .aract07 .main .item.item14 span,
  .aract07 .main .item.item15 span,
  .aract07 .main .item.item16 span,
  .aract07 .main .item.item17 span,
  .aract07 .main .item.item19 span,
  .aract07 .main .item.item20 span,
  .aract07 .main .item.item21 span,
  .aract07 .main .item.item22 span,
  .aract07 .main .item.item23 span{
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
  .aract07 .udesc .ut01 {
    margin-top: 15px;
  }
  .aract07 .udesc {
    left: 4%;
    bottom: 8%;
    max-width: 300px;
    font-size: 14px;
  } 
  .aract07 .main .item.item1 {
    right: 31%;
    top: 75%;
}
.aract07 .main .item.item2 {
  right: 49%;
  top: 78%;
}
.aract07 .main .item.item3 {
  right: 43%;
  top: 75%;
}
.aract07 .main .item.item4 {
  right: 56%;
  top: 81%;
}
.aract07 .main .item.item5 {
  right: 54%;
  top: 67%;
}
.aract07 .main .item.item6 {
  right: 62%;
  top: 59%;
}
.aract07 .main .item.item7 {
  right: 63%;
  top: 33%;
}
.aract07 .main .item.item8 {
  right: 57%;
  top: 41%;
}
.aract07 .main .item.item9 {
  right: 49%;
  top: 60%;
}
.aract07 .main .item.item10 {
  right: 49%;
  top: 19%;
}
.aract07 .main .item.item11 {
  right: 39%;
  top: 53%;
}
.aract07 .main .item.item12 {
  right: 42%;
  top: 30%;
}
.aract07 .main .item.item13 {
  right: 33%;
  top: 57%;
}
.aract07 .main .item.item14 {
  right: 31%;
  top: 44%;
}
.aract07 .main .item.item15 {
  right: 32%;
  top: 28%;
}
.aract07 .main .item.item16 {
  right: 25%;
  top: 45%;
}
.aract07 .main .item.item17 {
  right: 26%;
  top: 24.5%;
}
.aract07 .main .item.item18 {
  right: 31%;
  top: 3.5%;
}
.aract07 .main .item.item19 {
  right: 20%;
  top: 50.5%;
}
.aract07 .main .item.item20 {
  right: 18%;
  top: 28.5%;
}
.aract07 .main .item.item21 {
  right: 12%;
  top: 38.5%;
}
.aract07 .main .item.item22 {
  right: 16%;
  top: 8.5%;
}
.aract07 .main .item.item23 {
  right: 19%;
  top: 70.5%;
}
.aract07 .main .item.item24 {
  right: 6%;
  top: 52.5%;
}
.aract07 .main .item.item25 {
  right: 4%;
  top: 23.5%;
}


}

@media(max-width:1024px){
  .aract_base .aract_title {
    font-size: 24px;
  }
  .aract01 .t01, .aract02 .content .right .title {
    font-size: 24px;
  }
  .aract02,.aract09,.aract10,.aract11{
    padding: 40px 0;
  }
  .aract08,.aract07{
	   padding-top: 40px;
  }
  .aract04,.aract06,.aract09 .list{
    padding-top: 40px;
  }
  .aract04 .main {
    padding: 40px 0 40px;
  }
  .aract11 .main{
    padding: 40px 5% 0;
  }
  .aract11 .main .item{
    height: 50px;
  }
  .aract11 .main .item.item_btn {
    margin-top: 25px;
  }
  .aract09 .list .text{
    padding: 30px 0;
  }
  .aract09 .list .text .desc{
    font-size: 14px;
  }
  .aract09 .list .text .title {
    font-size: 18px;
  }
  .aract02 .content .right{
    padding: 20px 5%;
  }
  .aract02 .content .item .num span {
    font-size: 32px;
  }
  .aract02 .content .item .num span::before {
    font-size: 16px;
    right: -23px;
  }
  .aract02 .content .item .num {
    font-size: 14px;
  } 
  .aract04 .main .list .item {
    padding: 35px 15px;
  }
  .aract04 .main .list .item .title{
    font-size: 16px;
  }
  
  .aract05 .umain .item .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .aract05 .umain .item .desc {
    font-size: 14px;
  }
  .aract05 .umain{
    height: 220px;
  }
  .aract07 .main .bgclor {
    height: 44%;
  }
}
@media(max-width:850px){
  .aract07 .main{
    background-image: unset;
    padding: 0 7%;
    top: unset;
    bottom: 17%;
  }
  .aract07 .main .list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .aract07 .main .item{
    position: relative;
    right: unset !important;
    top: unset !important;
  }
  .aract07 .main .item span{
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
    width: 100% !important;
    height: 30px !important;
  }
  .aract07 .main .item{
    width: 9.55%;
    margin-bottom: 0.5%;
  }
  .aract07 .main .item:not(:nth-child(10n+1)){
    margin-left: 0.5%;
  }
  
  .aract07 .main .item .text {
    right: -100%;
    top: 100%;
    padding: 10px;
    width: 130px;
    z-index: 1;
  }
  .aract07 .main .item .text .t01 {
    font-size: 14px;
  }
  .aract07 .main .item .text .desc {
    font-size: 12px;
    margin-top: 10px;
  }
  .aract07 .main .item .text::before{
    right: -16px;
    display: none;
  }
  .aract07 .main .bgclor{
    display: none;
  }
  .aract07 .udesc{
    bottom: unset;
    top: 3%;
  }
  .aract07 .content img{
    min-height: unset;
  }
  .aract07 .main .item span::before{
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}
}
@media(max-width:768px){
  .aract01 .pc{
    display: none;
  }
  .aract01 .app{
    display: inline-block;
  }
  .aract01 .text{
    top: 50%;
  }
  .aract01 .t01, .aract02 .content .right .title {
    font-size: 18px;
}
  .aract_base .aract_title {
    font-size: 18px;
  }
  .aract08 .swiper-slide .title{
    font-size: 14px;
    margin-top: 15px;
  }
  .aract08 .swiper-container {
    padding-bottom: 40px;
  }
  .aract08 .uswiper_btn::before {
    width: 15px;
    height: 15px;
  }
  .aract09 .list .item{
    width: 49%;
    margin-bottom: 2%;
  }
  .aract09 .list .item:not(:nth-child(4n+1)) {
    margin-left: 0;
  }
  .aract09 .list .item:not(:nth-child(2n+1)) {
    margin-left: 2%;
  }
  .aract10 .list::before{
    display: none;
  }
  .aract10 .list {
    padding: 40px 2% 0;
  }
  .aract10 .list .item{
    padding: 20px 0;
  }
  .aract10 .list .item:nth-of-type(1), .aract10 .list .item:nth-of-type(2), .aract10 .list .item:nth-of-type(3), .aract10 .list .item:nth-of-type(4) {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
  }
  .aract10 .list .item .title{
    font-size: 16px;
  }
  .aract11 .main .item.item_btn input {
    width: 100px;
    height: 40px;
  }
  .aract11 .main .item {
    height: 40px;
  }
  .aract10 .list .item .num{
    font-size: 14px;
    width: 20px;
    height: 20px;
  }
  .aract04 .main .list .item{
    width: 24%;
  }
  .aract04 .main .list .item:not(:nth-child(6n+1)) {
    margin-left: 0;
  }
  .aract04 .main .list .item:not(:nth-child(4n+1)){
    margin-left: 1.33%;
  }
  .aract02 .content .left{
    width: 100%;
    margin-bottom: 2%;
  }
  .aract02 .content .right{
    width: 100%;
  }
  .aract02 .content .item {
    margin-top: 10px;
  }
  .aract11 .main .item label {
    font-size: 14px;
  }
  .basearact .swiper-pagination {
    bottom: 10px !important;
  }
  .aract01 .btn {
    width: 100px;
    line-height: 40px;
    margin-top: 20px;
    font-size: 14px;
  }
  .aract05 .umain {
    width: 45%;
    height: 175px;
  }
  .aract05 .umain .item .title{
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 20px;
  }
  .aract05 .umain .item .desc {
    font-size: 12px;
    padding-left: 20px;
  }
  .aract05 .umain .item {
    padding: 10px;
  }
  .aract05 .umain .item .title::before, .aract05 .umain .item .title::after{
    width: 5px;
    height: 5px;
  }
  .aract05 .umain .item .title::after {
    left: 5px;
  }
  .aract05 .main img{
    min-height: 250px;
    object-fit: cover;
  }
  .aract09 .list .text .title {
    font-size: 16px;
  }
  .aract09 .list .text .desc {
    font-size: 12px;
  }
}
@media(max-width:600px){
  .aract07 .content img{
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .aract11 .main .item{
    width: 100%;
  }
  .aract11 .main .item.item_btn {
    margin-top: 0;
  }
  .aract11 .main .item.item_btn input {
    width: 100px;
    height: 30px;
    font-size: 14px;
  }
  .aract02, .aract09, .aract10, .aract11 {
    padding: 30px 0;
  }
  .aract07, .aract08{
	   padding-top: 30px;
  }
  .aract04 .main {
    padding: 30px 0;
  }
  .aract04, .aract06, .aract09 .list {
    padding-top: 30px;
  }
  .aract10 .list .item .title {
    font-size: 12px;
  }
  .aract07 .main .item span{
    font-size: 14px;
  }
  .aract07 .main .item{
    width: 12.0625%;
    z-index: unset;
  }
  .aract07 .main .item:not(:nth-child(10n+1)) {
    margin-left: 0%;
  }
  .aract07 .main .item:not(:nth-child(8n+1)) {
    margin-left: 0.5%;
  }
  .aract07 .main .item .text{
    background-color: rgba(255, 255, 255, .9);
  }
  .aract06 .top .swiper-slide{
    padding: 10px 15px;
  }
  .aract06 .top .swiper-slide .item {
    font-size: 12px;
  }
  .aract06 .top{
    padding: 10px 30px;
  }
  .aract04 .main .list .item {
    width: 49%;
    margin-bottom: 2%;
  }
  .aract04 .main .list .item:not(:nth-child(4n+1)) {
    margin-left: 0%;
  }
  .aract04 .main .list .item:not(:nth-child(2n+1)) {
    margin-left: 2%;
  }
  .aract05 .umain {
    width: 73%;
    height: 140px;
  }
  .uswiper_btn{
    top: 32%;
  }
  .uswiper_btn.prev {
    right: -5px;
  }
  .uswiper_btn.next {
    left: -5px;
  }
}



/* 2022.8.29 */
/* 产品说明书 */
.manual01 .item_desc h5 {
    height: auto;
    line-height: 1;
}
.manual01 .manual01_desc{
    color: #666666;
    font-size: 15px;
    line-height: 1;
    margin-top: 20px;
}
.manual01 .service4_list li .item_desc{
    vertical-align: middle;
}
.manual01 .service4_list li .Sfx{
  position: relative;
}
.manual01 .service4_list li .imgbg {
    vertical-align: middle;
}

.manual01.down-load-list .service4_list li{
    margin:0 ;
    margin-bottom: 3%;
    width: 31.33%;
}
.manual01.down-load-list .service4_list li:not(:nth-child(3n+1)){
    margin-left: 3%;
}

.manual01 .manual_nav{
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 90px;
}
.manual01 .manual_nav .manua_list{
    display: flex;
    justify-content: center;
}
.manual01 .manual_nav .man_ul{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    display: none;
    font-size: 0;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}
.manual01 .manual_nav .man_ul .man_li{
    display: inline-block;
    padding: 0 25px;
}
.manual01 .manual_nav .man_ul .man_li.cur a{
  color: #e63241;
}

.manual01 .manual_nav .man_ul .man_li a{
    font-size: 15px;
    position: relative;
}
.manual01 .manual_nav .man_ul .man_li a:hover{
    color: #e63241;
}
.manual01 .manual_nav .man_ul .man_li.cur::before{
  background-color: #e63241;
}
.manual01 .manual_nav .man_ul .man_li.cur a::before{
  content: '';
  display: block;
  background-color: #e63241;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom:-1px;
  left: 0;
  right: 0;
}

.manual01 .manual_nav .man_ul .man_li a:hover::before{
    content: '';
    display: block;
    background-color: #e63241;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom:-1px;
    left: 0;
    right: 0;
}
.manual01 .manual_nav .man_title{
    line-height: 50px;
    padding: 0 25px;
    font-size: 15px;
}
.manual01 .manual_nav .manua_item.cur .man_title a{
    color: #e63241;
}
.manual01 .manual_nav .man_title a:hover{
    color: #e63241;
}
.manual01 .service4_list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.manual01 .manual_nav{
    width: 100%;
}

.manual02{
    display: none;
}
.manual02 .list{
    display: flex;
    flex-wrap: wrap;
}
.manual02 .list .item{
    width: 31.33%;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    margin-bottom: 3%;
    border: 1px solid #e8e8e8;
}
.manual02 .list .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}

.manual_upt{
    text-align: center;
    margin-top: 45px;
    display: none;
}
.manual_upt .manual_btn{
    display: inline-block;
    width: 220px;
    text-align: center;
    line-height: 60px;
    color: #666666;
    font-size: 12px;
    border: 1px solid #e8e8e8;
}
.manual01.down-load-list .service4_list .ul_con{
  width: 100%;
}


@media(max-width:1459px){
  .manual01 .manual_nav .man_title{
    padding: 0 15px;
  }
}
@media(max-width:1300px){
    .manual01.down-load-list .service4_list li{
        margin:0 ;
        margin-bottom: 3%;
        width: 48.5%;
    }
    .manual01.down-load-list .service4_list li:not(:nth-child(3n+1)){
        margin-left: 0;
    }
    .manual01.down-load-list .service4_list li:not(:nth-child(2n+1)){
        margin-left: 3%;
    }
    .manual01 .manual_nav .man_title{
      font-size: 14px;
      padding: 0 10px;
    }
}
@media(max-width:768px){
    .manual01.down-load-list .service4_list li{
        width: 100%;
    }
    .manual01.down-load-list .service4_list li:not(:nth-child(2n+1)){
        margin-left: 0;
    }
    .manual_upt{
        margin-top: 20px;
        display: block;
        margin-bottom: 30px;
    }
    .manual_upt .manual_btn {
        width: 33.33%;
        line-height: 40px;
        font-size: 12px;
    }
    .manual04 .section-search{
        display: none;    
    }
}

@media(max-width:1024px){
	.footer .content .right{
		margin-right: 0;
	}
    .manual01 .manual_nav{
        padding-bottom: 0;
        width: 22%;
    }
    .manual01.down-load-list .service4_list .ul_con{
        flex: 1;
        padding-left: 30px;
    }
    .manual01 .manual_nav .manua_list{
        display: inline-block;
        width: 100%;
    }
    .manual01 .manual_nav .manua_item{
        margin-bottom: 20px;
    }
    .manual01 .manual_nav .man_title{
        line-height: 55px;
        background-color: #f7f7f7;
        border: 1px solid #e7e7e7;
    }
    .manual01 .manual_nav .manua_item.cur .man_title{
        background-color: #e63241;
    }
    .manual01 .manual_nav .manua_item.cur .man_title a{
        color: #fff;
    }
    .manual01 .manual_nav .man_title{
        padding: 0 0 0 10px;
    }

    .manual01 .manual_nav .man_ul{
        position: static;
        transform:unset;
        -webkit-transform:unset;
        -moz-transform:unset;
        -ms-transform:unset;
        -o-transform:unset;
        padding-top: 0;
    }
    .manual01 .manual_nav .man_ul .man_li {
        padding: 15px 15px 15px;
        position: relative;
    }
    .manual01 .manual_nav .man_ul .man_li::before{
        content: '';
        display: none;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #666666;
    }
    .manual01 .manual_nav .man_ul .man_li:hover::before{
        background-color: #e63241;
    }
    .manual01 .manual_nav .man_ul .man_li{
        display: block;
        width: 100%;
        text-align: left;
    }
    .manual01 .manual_nav .manua_item.haul .man_title{
        position: relative;
        padding-right: 15px;
    }
    .manual01 .manual_nav .manua_item.haul .man_title::before{
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right: 10px solid #808080;
        border-top: 0;
        bottom: 0;
        z-index: 1;
        right: 10px;
        top: 38%;
        transform: translate(0,-50%) rotate(135deg);
        -webkit-transform: translate(0,-50%) rotate(135deg);
        -moz-transform: translate(0,-50%) rotate(135deg);
        -ms-transform: translate(0,-50%) rotate(135deg);
        -o-transform: translate(0,-50%) rotate(135deg);
    }
    
    .manual01 .manual_nav .manua_item.haul.cur .man_title::before{
        border-right: 8px solid #faf9f7;
    }
    .manual01 .service4_list li .imgbg{
      display: none;
  }
  .manual01 .service4_list li .item_desc{
      width: 100%;
  }
  .manual01 .service4_list li .item_desc .btns{
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .manual01 .service4_list li .item_desc{
      padding-left: 0;
  }
  .manual01 .item_desc .btns{
      margin-top: 20px;
  }
  .manual01 .item_desc .btns a {
      display: inline-block;
      margin-bottom: 0;
  }
  .manual01 .manual_nav{
      border-bottom: 0;
  }
  .manual01 .Sfx .fx .fxbtn{
    padding-top: 0;
  }
  .manual01 .item_desc .btns a{
    margin-top: 0;
  }
  .manual01 .Sfx .social-share{
    width: 130px;
    right: 0;
    left: unset;
  }
}

@media(max-width:768px){
    .manual01 .manual_nav .man_title{
        font-size: 14px;
    }
    .manual01 .manual_nav .man_ul .man_li a{
        font-size: 12px;
    }
    .manual01 .manual_nav .manua_item.haul .man_title::before{
        right: -2px;
    }
    .manual01 .manual_nav .manua_item.haul .man_title {
        padding-right: 20px;
    }
    .manual01 .manual_nav .manua_item .man_title a{
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    }
    .manual01 .manual_nav {
        width: 135px;
        margin-bottom: 0;
		padding-right: 15px;
    }
    .manual01.down-load-list .service4_list .ul_con {
        padding-left: 15px;
    }
    .manual01 .manual_nav .manua_item {
        margin-bottom: 15px;
    }
	.manual01 .manual_nav{
		 border-right: 1px solid #eceff0;
	}
    .manual01.down-load-list .service4_list .ul_con{
       
        margin-left: 15px;
        padding-left: 0px;
    }
    .manual01 .item_desc h5{
        font-size: 14px;
    }
    .manual01 .manual01_desc{
        font-size: 12px;
    }
    .manual01.down-load-list .service4_list li{
        background-color: unset;
        border: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 35px;
    }
    .manual03{
        display: none;
    }
    .manual02{
      display: block;
      margin-top: 100px;
    }
    .manual01 .manual_nav .man_ul .man_li::before{
      left: 4px;
      top: 20px;
    }
    .manual01 .manual_nav .man_ul .man_li {
      padding: 10px 15px 0px 15px;
  }
    
}
@media(max-width:480px){
    .manual01.down-load-list .service4_list li {
        padding: 10px 10px 25px 10px;
    }
    .manual01 .item_desc .btns a.icon_book{
        margin-left: 0;
    }
    .manual01 .service4_list li .item_desc .btns{
        margin-top: 20px;    
    }
    .manual01 .manual01_desc {
        font-size: 14px;
        margin-top: 10px;
    }
    .manual01 .btns a {
        line-height: 20px;
        display: inline-block;
        padding-left: 18px;
        color: #666;
        font-size: 12px;
    }
    .manual01 .Sfx .fx .fxbtn{
        font-size: 12px;
    }
    .manual01 .manual_nav .man_title {
        line-height: 35px;
        font-size: 13px;
    }
    .manual01 .manual_nav .manua_item.haul .man_title::before{
        border: 8px solid transparent;
        border-right: 8px solid #808080;
        border-top: 0;
        top: 37%;
    }
    .manual01 .manual_nav .man_ul .man_li {
      padding: 15px 0 0px 15px;
    }
    .manual01 .manual_nav .man_ul .man_li::before{
        left: 4px;
        top: 25px;
    }
    .manual01 .manual_nav{
      margin-bottom: 0px;
    }
    .footer .content .right p{
      margin-top: 20px;
    }
    .manual02{
      margin-top: 40px;
    }
}

.dl205 dd{
  display: none;
}

.footer .content .left dl.dl4 dd.even{
  padding-left: 16%;
}
@media screen and (max-width: 1280px){
	.footer .content .left dl.dl4 dd.even{
    padding-left: 0%;
  }
}
@media screen and (max-width: 1200px){
  
  .footer .content .left .dl4 br {
    display: none;
}
.footer .content .left dl {
    margin-right: 30px !important;
}
}
.aract08 .swiper-slide .item{
	  width: 100%;
}
.aract08 .swiper-slide .imgbox{
  overflow: hidden;
    padding-bottom: 70%;
    position: relative;
    background: #fff;
    width: 100%;
}
.aract08 .swiper-slide .imgbox img{
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.aract08 .swiper-slide .imgbox:hover img{
  transform: translate(-50%,-50%) scale(1.1);
  -webkit-transform: translate(-50%,-50%) scale(1.1);
  -moz-transform: translate(-50%,-50%) scale(1.1);
  -ms-transform: translate(-50%,-50%) scale(1.1);
  -o-transform: translate(-50%,-50%) scale(1.1);
}


/* 视频 */
.video_albox{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .2);
}
.video_albox .video_albox_content{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.video_albox .video_albox_box{
  position: relative;
  width: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  background-color: #000;
  border-radius: 5px;
  padding: 30px;
}
.video_albox video{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video_albox .close{
  position: absolute;
  right: 2px;
  top: 2px;
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 25px;
  height: 25px;
  z-index: 2;
  cursor: pointer;
  background-color: #000;
}
.video_albox .close::before{
  content: '';
  display: block;
  position: absolute;
  width: 90%;
  height: 2px;
  top: 9px;
  left: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background-color: #fff;
}
.video_albox .close::after{
  content: '';
  display: block;
  position: absolute;
  width: 90%;
  height: 2px;
  top: 9px;
  left: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  background-color: #fff;

}
@media(max-width:1024px){
  .video_albox .video_albox_box{
      width: 90%;
  }
}
@media(max-width:768px){
  .video_albox .video_albox_box{
    padding: 15px;
  }
  .video_albox .close{
    width: 20px;
    height: 20px;
  }
  .video_albox .close::before{
    top: 7px;
    left: 1px;
  }
  .video_albox .close::after{
    top: 7px;
    left: 1px;
  }
}
.aract02 .content .left .imgbox {
  position: relative;
}
.aract02 .content .left .imgbox .video_btn{
  font-size: 14px;
  padding-right: 30px;
  background-image: url(../images/bf.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  width: 50px;
  height: 50px;
}

.menu-slides.menu-slidesLink{
	display: none !important;
}
.section_head li{ display:inline-block; margin:0 1%; }
.section_head li .red-line{ opacity:0}
.section_head li a { font-size: 28px; color: #333; font-weight: normal; margin-bottom: 20px; }
.section_head li .on .red-line{ opacity:1}

/* .footer .content .left dl.dl3 dd, .footer .content .left dl.dl4 dd{display:inline-block;} */
/* @media(max-width:1200px){
	.footer .content .left dl.dl3 dd, .footer .content .left dl.dl4 dd{display:block;width: auto !important;}
} */

/*20230602*/
.index-about{background-repeat:no-repeat;background-position:center;}
.index-about .about-box{overflow: hidden;}
.index-about .about-box ul li{width: 23%;float: left;margin-left: 2%;position:relative;overflow: hidden;}
.index-about .about-box ul li:first-child{margin-left: 0;	}
.index-about .about-box ul li .title{position: absolute;bottom: 0;left: 0;width: 100%;padding: 35px 0;}
.index-about .about-box ul li .title i{display: block;width: 100%;height: 50px;background: no-repeat center; margin-bottom: 17px;}
.index-about .about-box ul li .title span{line-height: 30px;display: block;color: #FFFFFF;font-size: 16px;text-align: center;padding: 0 2%;}

.index-about .about-box ul li .hover-box{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: rgba(78,73,75,0.95);padding-top: 30%;opacity: 0; transition: all 0.6s; }
.index-about .about-box ul li .hover-box > i{display: block;width: 100%;height: 80px;background: no-repeat center; margin-bottom: 30px;}
.index-about .about-box ul li .hover-box h2{font-size: 20px;line-height: 40px;margin: 0;text-align: center;color: #FFFFFF;font-weight: 100; padding: 0 2%;}
.index-about .about-box ul li .hover-box span{font-size: 16px;line-height: 40px;color: #FFFFFF;text-align: center;display: block;margin-top: 5px;}
.index-about .about-box ul li .hover-box h2 i,
.index-about .about-box ul li .hover-box span i{display:inline-block; margin:0 15px;min-height:1px;}
.index-about .about-box ul li .hover-box h2 i{margin:0 10px;}
.index-about .about-box ul li:nth-child(1) .title{background-image: linear-gradient(rgba(0,0,0,0.001),rgba(0,0,0,0.7) );}
.index-about .about-box ul li:nth-child(2) .title{background-image: linear-gradient(rgba(37,47,69,0.001),rgba(37,47,69,0.7) );}
.index-about .about-box ul li:nth-child(3) .title{background-image: linear-gradient(rgba(4,68,142,0.001),rgba(4,68,142,0.8) );}
.index-about .about-box ul li:nth-child(1) .hover-box{background: rgba(74,73,74,0.95);}
.index-about .about-box ul li:nth-child(2) .hover-box{background: rgba(29,47,71,0.95);}
.index-about .about-box ul li:nth-child(3) .hover-box{background: rgba(1,73,142,0.95);}
.index-about .about-box ul li:hover .title{display: none;}
.index-about .about-box ul li:hover .hover-box{top: 0;opacity: 1;}
.index-about .about-box ul li img{display:block;width:100%;}
.index-title{text-align: center;padding: 90px 0 55px;}
.index-title h2{font-size: 40px;color: #4e494b;margin: 0;line-height: 60px;}
.index-title h3{font-size: 16px;color: #444444;margin: 0;line-height: 40px;font-weight: 100;}
@media(max-width:1024px){
	.index-title h3{line-height: 26px;padding: 0 8%;font-size:14px;}
	.index-title{padding: 4% 0;}
	.index-title h2 {
    font-size: 20px;
}
}
@media(max-width:680px){
	.index-about{padding-bottom: 1%;}
	.index-about .about-box ul li{width: 100%;margin: 1% 0;}
}



.index-cp ul{margin-top:3%}
.index-cp li{float:left;width:23.5%;margin-right:2%;background:#eee;position:relative;margin-bottom:2%;overflow: hidden;border: 1px #eee solid;}
.index-cp li:nth-child(4n){margin-right:0;}
.index-cp li figure{padding-bottom:80%;background-position:center;background-repeat:no-repeat;background-size:auto;}
.index-cp li .hover{position:absolute;width:100%;height:100%;align-items: center;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;justify-content: center;transform: translateY(101%);top: 0;left: 0;}
.index-cp li .hover span{    font-size: 32px;line-height: 40px;color: #fff;display:block;}
.index-cp li:hover .hover{transform: translateY(0);}




.index-brand ul{margin-top:3%}
.index-brand li{float:left;width:32%;margin-right:1%;background:#eee;position:relative;margin-bottom:2%;overflow: hidden;}
.index-brand li:nth-child(4n){margin-right:0;}
.index-brand li figure{padding-bottom:30%;background-position:center;background-repeat:no-repeat;background-size:auto;}
.index-brand li .hover{position:absolute;width:100%;height:100%;align-items: center;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;justify-content: center;transform: translateY(101%);top: 0;left: 0;}
.index-brand li .hover span{    font-size: 32px;line-height: 40px;color: #fff;display:block;}
.index-brand li:hover .hover{transform: translateY(0);}


/* 2023.9.20 */
@media(max-width:1280px){
    .index-brand li .hover span {
        font-size: 22px;
      }
    .index-brand li figure {
        background-size: 80%;
    }
}
@media(max-width:768px){
    .index-brand li {
      width: 48%;
      margin-right: 0;
    }
    
    .index-brand li:not(:nth-child(2n+1)) {
      margin-left: 2%;
    }
    
    .index-brand li .hover span {
      font-size: 18px;
    }
    
}
  /*sitemap*/
  .SiteMaps dl {
    margin-bottom: 20px;
}

.SiteMaps dt {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.SiteMaps .ddt {font-weight: bold;margin-bottom: 10px;line-height: 1;border-left: 3px solid #000;padding-left: 5px;font-size: 15px;}

.SiteMaps .dditem {
    margin-bottom: 20px;
    margin-left: 10px;
}

.SiteMaps .dds {
    font-size: 12px;
	text-align: justify;
}

.SiteMaps .dds a {
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
    color: #888;
}

.SiteMaps dd {
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}

.SiteMaps dd a {
    color: #888;
}

.SiteMaps .ddt a {
    color: #333;
}

.SiteMaps dd a:hover {
    color: #e63241;
    text-decoration: underline;
}

.SiteMaps dd.subdd+dd {
    display: none;
}

/*20231122*/
@media (max-width:560px){
	.headTop .Hleft ul li.weball span,.headTop .Hleft ul li .iconfont{display:none;}
.headTop .Hleft ul li{font-size:12px;}
.headTop .Hright{font-size:12px;}
.headTop .Hright .iconfont{font-size:14px;}
.headTop .Hleft ul li.weball{padding-left:5px;padding-right:20px;}
.headTop .Hleft ul li.weball::before{right:5px;}
.headTop .Hleft ul li.weball .i{display:none;}

}


/* 2024.4.7 */
.banner .text_box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0,-50%);
	 display: inline-block;
}
.banner .text_box.cur{
	display:none;
}

.banner .swiper-slide a {
    position: relative;
    display: block;
}

.banner .htit {
    color: #fff;
    font-size: 48px;
}

.banner .htit1 {
    font-size: 36px;
    color: #fff;
    margin-top: 10px;
}

.banner .more_btn {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    font-size: 25px;
    color: #080808;
    margin-top: 30px;
}

@media (max-width: 1459px){
    .banner .htit {
        font-size: 36px;
    }
    .banner .htit1 {
        font-size: 24px;
    }
    .banner .more_btn {
        margin-top: 15px;
        font-size: 18px;
    }
}
@media (max-width: 1024px){
    .banner .htit {
        font-size: 24px;
    }
    
    .banner .htit1 {
        font-size: 18px;
    }
    
    .banner .more_btn {
        font-size: 14px;
    }
    
    .banner .text_box {
        padding: 0 6%;
    }
}
@media (max-width: 768px){
   .banner .text_box {
        padding: 0 10%;
    } 
}

.banner .more_btn {
    background: none;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 2.3;
    min-width: 9em;
    text-align: center;
    border-radius: 2em;
    color: #fff;
    top: -50px;
    transition: .5s;
    opacity: 0;
    position: relative;
    transition-delay: 1s;
}

.banner .htit1 {
    font-size: 24px;
    position: relative;
    top: -50px;
    transition: .5s;
    opacity: 0;
    transition-delay: .4s;
}

.banner .more_btn:hover {
    background: #fff;
    color: #000;
}

.banner .htit {
    position: relative;
    top: -50px;
    transition: .5s;
    opacity: 0;
}

.banner .swiper-slide-active .text_box div {
    opacity: 1;
    top: 0;
}
.AboutBanner .txtBox {
    top: 15%;
}

.AboutBanner .txtBox .htit {
    font-size: 36px;
}
@media(max-width:1024px){
	.banner .htit1 {
    font-size: 18px;
}
.AboutBanner .txtBox .htit {
    font-size: 24px;
}
.banner .more_btn {
    font-size: 12px;
    min-width: 7em;
    line-height: 2;
}
}