锘?w1400,
.w1600 {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}

@media (min-width: 1920px) {
.w1600 {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}
}

.btn-phone,
.full-main-nav {
display: none;
}

.headfixed {
transition: all 0.5s;
background: #ffffff00;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 100;
vertical-align: middle;
clear: both;
}

.headfixed.top {
top: -100px;
}

.headfixed .logo {
/* max-width: 160px; */
/* max-height: 46px; */
overflow: hidden;
/* padding-right: 20px; */
}

.headfixed .logo img:last-child {
display: none;
}

.headfixed .logo p {
font-weight: bold;
font-size: 12px;
line-height: 28px;
color: #1a4985;
}

.headfixed .menu-list {
align-items: center;
width: 63.5%;
}

.headfixed .menu-list > ul {
width: 83%;
position: relative;
margin-right: 6%;
}

.headfixed .menu-list > ul > li {
position: relative;
vertical-align: top;
/* width: 9.31%; */
}

.headfixed .menu-list > ul > li:hover .nav-two {
display: block !important;
}

.headfixed .mobile-nav-box > ul > li > a {
font-size: 14px;
text-align: center;
letter-spacing: 2px;
color: #282828;
}

.headfixed .mobile-nav-box ul li {
width: 100%;
/* padding: 12px 0px; */
border-bottom: 1px solid rgb(221, 221, 221);
}

.headfixed .mobile-nav-box > ul li a {
color: #716b61;
line-height: 30px;
text-align: left;
}

.headfixed1 .mobile-nav-box ul li a {
color: #282828;
}

.headfixed .btn-list {
width: 3%;
text-align: center;
position: relative;
}

.headfixed .btn-list .btn-right {
width: 100%;
align-items: center;
line-height: 100px;
}

.headfixed .btn-menu {
margin: 0 auto;
display: none;
}

.headfixed .btn-menu .mobile-nav {
color: #ffffff;
font-size: 13px;
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}

.headfixed .toggle-btn {
width: auto;
height: 30px;
position: relative;
display: block;
}

.headfixed .toggle-btn span {
width: 26px;
height: 2px;
background: #ff7e41;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.headfixed1 .toggle-btn span {
background: #fff;
}

.headfixed .toggle-btn span:first-child {
top: 8px;
}

.headfixed .toggle-btn span:nth-child(2) {
top: 53%;
width: 20px;
}

.headfixed .toggle-btn span:last-child {
bottom: 6px;
}

.headfixed .toggle-btn.cur span:first-child {
-webkit-transform: translate(-50%, 7px) rotate(45deg);
-ms-transform: translate(-50%, 7px) rotate(45deg);
-o-transform: translate(-50%, 7px) rotate(45deg);
transform: translate(-50%, 9px) rotate(45deg);
}

.headfixed .toggle-btn.cur span:nth-child(2) {
opacity: 0;
}

.headfixed .toggle-btn.cur span:last-child {
-webkit-transform: translate(-50%, -3px) rotate(-45deg);
-ms-transform: translate(-50%, -3px) rotate(-45deg);
-o-transform: translate(-50%, -3px) rotate(-45deg);
transform: translate(-50%, -3px) rotate(-45deg);
bottom: 8px;
}

.mobile-nav-box {
position: fixed;
top: 55px;
z-index: 99;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: rgba(255, 255, 255, 1);
padding: 0 0 60px 0;
border-top: 1px solid rgb(221, 221, 221);
display: none;
}

.headfixed .mobile-nav-box > ul > li > h3 {
position: relative;
padding: 0 5%;
}

.headfixed .mobile-nav-box .head-subnav {
width: 100%;
display: none;
padding: 8px 5%;
background: #f5f5f5;
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
text-align: left;
position: relative;
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
width: 100%;
line-height: 45px;
text-align: left;
font-size: 15px;
color: #333;
display: block;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
font-size: 16px;
display: block;
text-align: center;
letter-spacing: 2px;
padding: 15px 0;
color: #333;
text-align: left;
}

.headfixed .mobile-nav-box .head-suba {
display: none;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
font-size: 15px;
display: block;
text-align: center;
letter-spacing: 2px;
color: rgba(40, 40, 40, 0.8);
text-align: left;
padding: 6px 15px;
}

.headfixed1 .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed1 .mobile-nav-box .link-tit > i,
.headfixed .mobile-nav-box .link-tit > i {
position: absolute;
top: 0;
right: 6.5%;
height: 100%;
width: 15px;
}

.headfixed1 .mobile-nav-box .link-tit > i,
.headfixed .mobile-nav-box .link-tit > i {
right: -10px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i::before,
.headfixed .mobile-nav-box .link-tit > i::before {
content: "";
position: absolute;
top: 25px;
right: 0px;
width: 10px;
height: 10px;
border-bottom: solid 1px #aaa;
border-left: solid 1px #aaa;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.headfixed .mobile-nav-box > ul > li > h3.cur > i::before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
/* 脙茠脗娄脙鈥毭偮惷冣€γ⑩偓艙脙茠脗搂脙鈥毭偮疵冣€毭偮犆兤捗偮γ冣€γ⑩偓鈩⒚兟⒚⑩€毬偮懊兤捗偮┟兟⒚⑩€毬⑩€灺⒚冣€毭偮 */
.btn-search,
.headfixed1 .btn-search {
width: 21px;
}

.header-button,
.headfixed .header-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
position: relative;
z-index: 1;
display: block;
width: 100%;
line-height: 100px;
margin: 0 auto;
padding: 0;
outline: none;
background: url(../images/in-ssicon.png) no-repeat center center;
border: none;
cursor: pointer;
}

.headfixed .header-button {
background: url(../images/in-hssicon.png) no-repeat center 50%;
}

#toggle-search.open:after {
top: 40px;
color: #ffffff;
}

#search-form {
-moz-transition: max-height, 0.5s;
-o-transition: max-height, 0.5s;
-webkit-transition: max-height, 0.5s;
transition: max-height, 0.5s;
position: absolute;
top: 100%;
right: 0;
width: 380px;
max-height: 0;
overflow: hidden;
background: #ffffff;
}

#search-form.open {
max-height: 50px;
border: 1px solid #f1f1f1;
}

#search-form fieldset {
position: relative;
margin: 0 60px 0 0;
padding: 0;
border: none;
z-index: 9;
width: 100%;
padding-right: 50px;
}

#search-form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 50px;
}

#search-form input[type="search"] {
width: 100%;
padding: 0 5px 0 22px;
background: #ffffff;
border: none;
color: #1688fd;
z-index: 9;
}

#search-form input[type="submit"] {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
background: url(../images/in-hssicon.png) no-repeat center #ff7e41;
border: none;
cursor: pointer;
z-index: 11;
}

@media (min-width: 1200px) {
.phone {
display: none;
}
}

.menu-list > ul > li.cur h3 a::after,
.menu-list > ul > li:hover h3 a::after {
/* width: 130%; */
width: 55px;
}

.menu-list h3 a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 3px;
width: 0;
background-color: #ff7e41;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.menu-list > ul > li:hover .head-subnav {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: auto;
display: block !important;
opacity: 1;
}

.menu-list h3 {
width: 100%;
position: relative;
}

.menu-list h3 a {
height: 100px;
line-height: 100px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
font-size: 18px;
display: block;
font-weight: normal;
color: #ffffff;
}

.menu-list > ul > li .head-subnav {
display: none;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
min-width: 200px;
background: rgba(255, 255, 255, 1);
padding: 10px 0;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: solid 1px #e4e6ee;
border-top: 0;
}

.menu-list .head-subnav a {
padding: 10px 0;
text-align: center;
color: rgba(40, 40, 40, 0.5);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: block;
font-weight: bold;
}

.menu-list .head-subnav a:hover {
color: #ff7e41;
}

.menu-list .lang-box {
top: 100%;
width: 100%;
}

.menu-list .lang-box a {
padding: 8px 0;
}

.headfixed-list {
align-items: center;
}

.yu {
position: relative;
height: 100px;
width: 8%;
text-align: center;
font-family: Gilroy-Regular;
font-size: 20px;
/* display: none; */
}

.yu p {
line-height: 100px;
color: white;
}

.yu:hover .yu-bot {
display: block;
}

.yu .yu-bot {
position: absolute;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, 120%);
z-index: 201;
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
display: none;
}

.yu .yu-bot a {
padding: 0 15px;
background: #ffffff;
color: #ff7e41;
line-height: 1.5;
}

.yu .yu-bot a:hover {
background: #ff7e41;
color: #ffffff;
}

.headfixed.headerbgm .logo img:first-child {
display: none
}

.headfixed.headerbgm .logo img:last-child {
display: block;
}

.headfixed.headerbgm {
background: #ffffff;
box-shadow: 0px 12px 8px -12px rgb(236 236 236);
}

.headfixed.headerbgm h3 a {
color: #333333;
}

.headfixed.headerbgm .yu p {
color: #333333;
}

.headfixed.headerbgm .yu p:hover {
color: #fa7f12;
}

.headfixed.headerbgm .header-button {
background: url(../images/in-ssicon.png) no-repeat center 50%;
}
/* mainer */
.mainer {
position: relative;
}

.mainer .banner {
position: relative;
}

.mainer .pcimg {
display: block;
}

.mainer .phoneimg {
display: none;
}

@keyframes dopath1 {
0% {
transform: scaleX(1) scaleY(1);
}

25% {
transform: scaleX(1.1) scaleY(1.1);
}

50% {
transform: scaleX(1.2) scaleY(1.2);
}

75% {
transform: scaleX(1.3) scaleY(1.3);
}

100% {
transform: scaleX(1) scaleY(1);
}
}

@-moz-keyframes dopath1 {
0% {
transform: scaleX(1) scaleY(1);
}

25% {
transform: scaleX(1.1) scaleY(1.1);
}

50% {
transform: scaleX(1.2) scaleY(1.2);
}

75% {
transform: scaleX(1.3) scaleY(1.3);
}

100% {
transform: scaleX(1) scaleY(1);
}
}

@-webkit-keyframes dopath1 {
0% {
transform: scaleX(1) scaleY(1);
}

25% {
transform: scaleX(1.1) scaleY(1.1);
}

50% {
transform: scaleX(1.2) scaleY(1.2);
}

75% {
transform: scaleX(1.3) scaleY(1.3);
}

100% {
transform: scaleX(1) scaleY(1);
}
}

@-o-keyframes dopath1 {
0% {
transform: scaleX(1) scaleY(1);
}

25% {
transform: scaleX(1.1) scaleY(1.1);
}

50% {
transform: scaleX(1.2) scaleY(1.2);
}

75% {
transform: scaleX(1.3) scaleY(1.3);
}

100% {
transform: scaleX(1) scaleY(1);
}
}

.mainer .banner .banner-img {
position: relative;
}

.mainer .banner .banner-img img {
width: 100%;
position: relative;
margin: 0 auto;
}

.mainer .banner .swiper-button-next,
.mainer .banner .swiper-button-prev {
display: none;
}

.mainer .banner .swiper-pagination-bullets {
bottom: 30px !important;
}

.banner .swiper-fontlist {
width: 100%;
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}

.banner .swiper-font {
width: 100%;
text-align: left;
}

.banner .swiper-slide h2 {
line-height: 1.4;
}

.banner .swiper-slide h2 em {
display: block;
}

.banner .swiper-slide h2 span {
font-family: Gilroy-Regular;
font-size: 1.2em;
vertical-align: middle;
line-height: 0;
}

.banner .swiper-slide h3 {
}

.banner .swiper-a.more2 {
background: #FFFFFF;
color: #ff7e41;
margin-top: 4%;
border-color: #ffffff00;
}

.banner .swiper-font .swiper-a:hover {
}

.banner .swiper-img {
width: 100%;
height: 100%;
position: relative;
}

.mainer .banner .swiper-slide-active h2 {
-webkit-animation: fadeInDown 2.8s;
animation: fadeInDown 2.8s;
}

.mainer .banner .swiper-slide-active .more2 {
-webkit-animation: fadeInUp 2.8s;
animation: fadeInUp 2.8s;
}

.mainer .banner .swiper-pagination-bullet {
width: 12px;
height: 8px;
border-radius: 4px;
transition: all .5s;
}

.mainer .banner .swiper-pagination-bullet-active {
width: 32px;
}
/* footer */
.footer {
background: url(../images/bg2.jpg) no-repeat bottom left #101820;
background-size: 100% auto;
}

.footer .footerphone-menu {
float: right;
}

.footer-topleft {
float: left;
}

.dblogoimg {
margin-bottom: 20%;
}

.footer-topleft .gz-box {
margin-top: 40px;
}

.footer-topleft p {
float: left;
color: #AAAAAA;
margin-right: 20px;
}

.footer-topleft p span {
display: block;
text-align: center;
margin-top: 10px;
}

.footer .footerphone-menu li {
float: left;
position: relative;
font-size: 18px;
}

.footer .footerphone-menu li h3 {
margin-right: 9.7vw;
}

.footer .footerphone-menu li:last-child h3 {
margin-right: 0;
}

.footer .footerphone-menu h3 {
position: relative;
padding-bottom: 5px;
}

.footer .footerphone-menu h3 a {
color: #ffffff;
font-size: 18px;
}

.footer .footerphone-menu h3 i {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 40px;
display: none;
}

.footer .footerphone-menu h3 i::before {
content: '';
position: absolute;
top: 50%;
height: 2px;
width: 15px;
background: rgb(78, 78, 78);
margin-top: -1px;
right: 11px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.footer .footerphone-menu h3 i::after {
content: '';
position: absolute;
top: 50%;
height: 15px;
width: 2px;
background: rgb(78, 78, 78);
margin-top: -7px;
right: 17px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.footer .footerphone-menu h3.cur i::after {
opacity: 0;
}

.footer .footer-subnav a {
line-height: 1.7;
margin: 17px 0;
display: block;
color: #aaaaaa;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.footer .footer-subnav a:hover {
color: #ffffff;
}

.foot-share .bshare-custom {
justify-content: right;
}

.foot-share a {
font-size: 18px;
color: #ffffff;
opacity: 1 !important;
margin: 0 !important;
width: 38px;
height: 38px;
text-align: center;
line-height: 36px;
display: block;
float: left !important;
margin-right: 20px !important;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-radius: 50%;
border: 1px solid #999999;
}

.foot-share a:last-child {
margin-right: 0px !important;
}

.foot-share a:hover {
color: #FF7E41;
}

.footer .footer-bot {
padding-bottom: 40px;
align-items: center;
font-size: 16px;
color: #6f7173;
}

.footer .footer-bot .left {
float: left;
}

.dbleft1 {
display: inline-block;
vertical-align: bottom;
}

.dbleft2 {
display: inline-block;
margin-left: 20px;
/* vertical-align: middle; */
}

.dbleft2 img {
height: 46px !important;
}

.footer .footer-bot .right {
float: right;
text-align: right;
}

.footer .foot-share {
margin-bottom: 20px;
}

.footer .footer-bot p a:hover {
color: #FFFFFF;
}

.footer .footer-bot p a {
color: #6F7173;
margin-left: 5px;
}

.footer .footer-bot h5 {
color: #ededed;
font-size: 18px;
}

.footer .footer-bot h6 {
font-family: Gilroy-Regular;
font-size: 30px;
margin: 13px 0 8px;
}

.footer .footer-bot a {
display: inline-block;
}
/* pc-nav */
.pc-navlist {
border-bottom: 1px solid #eaeaea;
}

.pc-navlist li {
line-height: 76px;
padding: 0 10px;
margin: 0 1.5vw;
}

.pc-navlist li.active,
.pc-navlist li:hover {
border-bottom: 4px solid #FF7E41;
}

.pc-navlist li.active a,
.pc-navlist li:hover a {
color: #FF7E41;
}

@media (max-width:1679px) {
}

@media (max-width:1459px) {
.pc-navlist li {
line-height: 60px;
margin: 0 1vw
}
}

@media (max-width:1024px) {
}
/* ==============anchor============= */
.anchor {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 490;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
text-align: center;
display: none;
}

.anchor li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}

.anchor li a {
display: block;
padding: 0 26px;
font-size: 14px;
line-height: 34px;
text-align: center;
color: #333;
transition: all .3s;
}

.anchor li.on a {
color: #fff;
background: #FF7E41;
}

.anchor li a:hover {
color: #FF7E41;
}

.anchor li.on a:hover {
color: #fff;
}
/* ===============nav-second=========== */
.appsecond-nav {
position: relative;
display: none;
z-index: 97;
}

.bot {
position: absolute;
top: 48px;
background: #fff;
z-index: 10;
}

.se-bot {
width: 100%;
display: none;
}

.se-top {
height: 48px;
line-height: 48px;
border-bottom: solid 1px #d8d8d8;
position: relative;
}

.se-top1 {
background: #fff;
}

.se-top .se-a {
color: #444;
font-size: 16px;
display: block;
padding: 0px 20px;
}

.se-tig.P_tig {
font-size: 16px;
color: #333;
text-align: center;
transition: all .5s;
line-height: 48px;
width: 48px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.se-btop {
height: 48px;
line-height: 48px;
}

.se-a1 {
color: #444;
font-size: 16px;
padding: 0px 20px;
display: block;
}

.se-a1.hover {
color: #fff;
background: #FF7E41;
border-bottom: solid 1px #fff;
}

.se-tig.P_tig.open {
transform: rotateZ(90deg);
opacity: 1;
}

.se-bottom {
display: none;
background: white;
}

.se-bottom a {
display: block;
font-size: 14px;
color: #888;
border-bottom: 1px solid #eee;
padding: 10px 30px;
}
/* .se-bottom a:last-child{border-bottom: none;} */
.se-bottom a.on {
font-weight: bold;
}

.se-btop.active .se-tig.P_tig {
color: #fff;
}

.se-btop.active .se-a1 {
background: #10a2a3;
color: #fff;
border-bottom: 1px solid #fff;
}
/* page*/
.page a {
width: 50px;
height: 45px;
line-height: 45px;
color: #999999;
text-align: center;
font-family: Gilroy-Regular;
border: 1px solid #FF7E4100;
margin: 0px 10px;
}

.page .paging-icon {
width: 100px;
border: 1px solid #9e9e9e9c;
color: #999999;
}

.page a.on {
background: #FF7E41;
color: #FFFFFF;
border-color: #FF7E41;
}

.page a:hover {
color: #FF7E41;
/* border-color: #FF7E41; */
}

.page a.on:hover {
color: #FFFFFF;
}

.page .paging-icon:hover {
/* color:white; */
border-color: #FF7E41;
color: #FF7E41;
}
/* pages */
.pages {
height: 80px;
align-items: center;
border: 1px solid #e4e4e4;
border-left: none;
border-right: none;
}

.pages a {
color: #666666;
max-width: 40%;
position: relative;
padding: 0 30px;
}

.pages-prev b {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}

.pages-next b {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}

.pages a:hover {
color: #FF7E41;
}

.pages-list img {
transition: all .6s;
}

.pages-list:hover img {
transform: rotate(90deg);
}
/* form */
.coth-wrap {
width: 100%;
}

.coth-wrap .form-ul li {
width: 100%;
margin-bottom: 2.7%;
float: left;
margin-right: 2%;
position: relative;
}

.coth-wrap .form-item {
background-color: #ffffff;
border-bottom: solid 1px #c8c8c8;
height: 60px;
padding: 0 11px;
align-items: center;
width: 100%;
}

.coth-wrap .form-item p {
max-width: 95px;
}

.coth-wrap .form-ul {
margin: 0;
}

.coth-wrap .form-list {
overflow: hidden;
}

.coth-wrap .form-ul li input {
float: left;
width: calc(100% - 100px);
}

.coth-wrap .form-ul li:last-child {
margin-bottom: 0;
}

.coth-wrap textarea {
resize: none;
display: block;
width: 100%;
color: #999;
font-size: 16px;
background-color: #ffffff;
border-radius: 6px;
border: solid 1px #eeeeee;
padding: 7px 10px 0;
height: 26.4vh;
}

.coth-wrap .form-btn {
margin-top: 2.6%;
}

.coth-wrap .prev {
background: #FFFFFF;
border: solid 1px #7cd32e;
margin-left: 5px;
}

.coth-wrap .prev span {
color: #7CD32E;
}

@media (max-width: 767px) {
.pc-navlist {
display: none;
}

.appsecond-nav {
display: block;
}

.app-banner {
display: block;
}

.pc-banner {
display: none;
}
}
/* tit */
.tit {
text-align: center;
margin-bottom: 45px;
line-height: 1;
}

.tit span {
font-family: Gilroy-Regular;
}

.tit .tit-h {
line-height: 1.3;
text-align: center;
margin-top: -5px;
}

.tit .tit-p {
line-height: 1.9;
text-align: center;
margin: .55% auto 0;
color: #666666;
width: 85%;
}

.over-hide {
overflow: hidden;
}

.pic {
overflow: hidden;
}

.pic img {
width: 100%;
transition: all .7s;
}

p {
line-height: 1.8;
}
/* index-main */
.index-cont1 {
overflow-x: hidden;
}

.index-cont1 .left {
width: 34%;
float: left;
}

.index-cont1 .left .incont1-btn {
min-height: 350px;
}

.index-cont1 .right {
width: 60.5%;
float: right;
position: relative;
padding-left: 9%;
}

.index-cont1main h3 {
font-family: GILROY-Bold;
color: #000000;
opacity: 0.05;
font-size: 100px;
margin-top: 3%;
}

.index-cont1main h5 {
color: #ff7e41;
font-weight: lighter;
margin: 3% 0 3.5%;
}

.index-cont1main p span {
display: block;
}

.index-cont1main p {
margin-bottom: 8%;
}

.index-cont1main .more {
margin-right: 10px;
margin-bottom: 10px;
}

.index-cont1main .more:last-child {
margin-right: 0px;
}

.index-cont1 .pic:hover img {
transform: scale(1.15);
}

.index-cont1 .right::before {
content: "";
width: 100%;
position: absolute;
left: 7%;
background-color: #ff7e41;
bottom: 0;
height: 53%;
z-index: -1;
}

.index-cont1.box-on .right::before {
animation: sydh1 1.8s linear both;
-webkit-animation: sydh1 1.8s linear both;
}

@keyframes sydh1 {
0% {
left: 7%;
}

40% {
left: 7%;
}

50% {
left: 15%;
}

85% {
left: 15%;
}

100% {
left: 0;
}
}

@-webkit-keyframes sydh1 {
0% {
left: 7%;
}

40% {
left: 7%;
}

50% {
left: 15%;
}

85% {
left: 15%;
}

100% {
left: 0;
}
}

.index-cont2 {
background: #f9f9f9;
}

.index-cont2main {
position: relative;
}

.index-cont2main > div {
display: flex;
flex-direction: row;
justify-content: flex-start;
}

.index-cont2 .left {
width: 56.5%;
float: left;
padding-left: 8%;
position: relative;
}

.index-cont2main::before {
content: "";
width: 2px;
height: 0;
position: absolute;
left: 8%;
top: 0;
background: #FF7E41;
transition: all 5s;
}

.box-on .index-cont2main::before {
height: 100vw;
}

.index-cont2 .right {
width: 43.5%;
float: left;
margin-left: 2.5%;
position: relative;
overflow: hidden;
}

.index-cont2 .font {
padding: 10% 18% 0;
}

.index-cont2 .font h5 {
color: #F3981E;
font-weight: lighter;
margin: 3% 0 9%;
}

.index-cont2 .font p {
margin-bottom: 9%;
}

.index-cont2 .right::before {
content: "";
position: absolute;
width: 6.5vw;
height: 6.5vw;
border-radius: 0 5vw 0 0;
background: #FF7E41;
right: 33%;
top: 0;
}

.index-cont2 .right .pic {
position: relative;
margin-top: 4.5vw;
border-radius: 0px 0px 0px 280px;
transition: all .5s;
}

.index-cont2 .right .pic::after {
content: "";
position: absolute;
background: #F9F9F9;
background-size: cover;
right: 0px;
top: 0px;
width: 48.5%;
height: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.index-cont2 .right .pic:hover::after {
width: 0;
}

.index-cont2 .right:hover .pic {
z-index: 5;
}

.index-cont3 ul {
margin-top: -2%;
}

.index-cont3 li {
width: 32%;
margin: 2% 2% 0 0;
background: #f1f2f3;
padding: 30px 50px;
}

.index-cont3 li:first-child {
width: 66%;
align-items: center;
}

.index-cont3 li:first-child .pic {
width: 40.6%;
padding: 0 1%;
}

.index-cont3 li:first-child .font {
width: 49%;
margin-left: 10.4%;
text-align: left;
margin-top: 0;
}

.index-cont3 li:first-child h5 {
color: #FF7E41;
margin-bottom: 4.5%;
}

.index-cont3 li:first-child a {
color: #FF7E41;
margin-top: 11%;
}

.index-cont3 li:first-child a em {
font-weight: bold;
margin-left: 5px;
transition: all .5s;
}

.index-cont3 li:first-child a:hover em {
margin-left: 15px;
}

.index-cont3 li .pic {
padding: 0 7.5%;
}

.index-cont3 li:nth-child(2) .font {
margin-top: 0;
}

.index-cont3 li:nth-child(2),
.index-cont3 li:nth-child(3n-1) {
margin-right: 0;
}

.index-cont3 li p {
color: #666666;
}

.index-cont3 li:hover img {
transform: scale(1.08);
}

.index-cont3 li .font {
text-align: center;
}

.index-cont3 li h5 {
margin-bottom: 10px;
}

.index-cont3 li h5 span {
font-size: 1.1875em;
vertical-align: middle;
font-family: Gilroy-Regular;
}

.index-cont3 li:hover h5 {
color: #FF7E41;
}

.index-cont3 li .font {
margin-top: 25px;
}

.index-cont4 {
background: #f7f7f7;
position: relative;
}

.index-cont4 .bg {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: .15;
z-index: 0;
-webkit-animation: zizhuan 5s linear infinite;
animation: zizhuan s linear infinite;
}

.index-cont4 .tit .tit-p {
margin-top: 3.5% !important;
}

.index-cont4 ul {
position: relative;
z-index: 10;
}

.index-cont4 li {
text-align: center;
width: 30%;
}

.index-cont4 li img {
width: 120px;
}

.index-cont4 li:hover img {
transform: rotateY(180deg);
}

.index-cont4 li h5 {
font-size: 60px;
font-weight: lighter;
position: relative;
line-height: 1;
margin: 4% 0 2%;
}

.index-cont4 li h5 span {
font-size: 1.666em;
font-family: GILROY-Ultralight;
position: relative;
}

.index-cont5 {
}

.index-cont5main .box {
width: 23.75%;
margin-right: 1.875%;
position: relative;
background: #F7F7F7;
}

.index-cont5main .box:first-child {
width: 48.75%;
}

.index-cont5main .box:first-child::before {
content: '';
position: absolute;
width: 100%;
height: 40%;
bottom: 0;
z-index: 10;
background: linear-gradient(to top, rgba(255, 126, 65, 1) 0%, rgba(255, 126, 65, .7) 50%, rgba(255, 126, 65, 0) 100%);
}

.index-cont5main .box:nth-child(3n) {
margin-right: 0;
}

.index-cont5main .box:first-child .font {
position: absolute;
width: 100%;
bottom: 0;
padding: 2.5vw 2vw;
color: #FFFFFF;
z-index: 20;
}

.index-cont5main .font {
padding: 8.5% 2vw;
font-family: Gilroy-Regular;
}

.index-cont5main .box h5 {
line-height: 1.6;
margin-top: 5px;
}

.index-cont5main .box .asb1.p-size16 {color: #ff7e41;position: static;bottom: 2.5vw;}

.index-cont5main .box:hover img {
transform: scale(1.15);
}
.index-cont5main .box  .asb1{
}
.index-cont5main .box:first-child:hover h5 {
color: #FFFFFF;
}

.index-cont5main .box:hover h5 {
color: #FF7E41;
}

.swiper-font h2.tit-size52 {
margin-bottom: 1.1vw;
line-height: 1.4;
}

.swiper-font p {
max-width: 500px;
font-weight: lighter;
}

.swiper-font .more {
margin-top: 3%
}

.swiper-font.tit-cen {
text-align: center;
}

.swiper-font.tit-cen p {
max-width: initial;
}
/* .news */
.news-list {
}

.news-list li {
width: 32%;
float: left;
margin: 3.5% 2% 0 0;
background: #F7F7F7;
}

.news-list li:nth-child(3n) {
margin-right: 0;
}

.news-list .font {
padding: 7.5% 2vw 9.5%;
font-family: Gilroy-Regular;
}

.news-list h5 {
line-height: 1.6;
margin-top: 5px;
height: 64px;
}

.news-list a {
color: #ff7e41;
margin-top: 17%;
}

.news-list li:hover img {
transform: scale(1.15);
}

.news-list li:hover h5 {
color: #FF7E41;
}
/* newsinfo */
.news-tit time {
font-family: Gilroy-Regular;
}

.news-tit h5 {
margin: 10px 0 12px;
line-height: 1.4;
}

.newsinfo .news-tit p {
color: #999999;
margin-bottom: 0;
}

.news-logo {
max-width: 320px;
margin: 2.5% auto 3.5%;
}

.newsinfo p {
color: #666666;
line-height: 2;
margin-bottom: 2.35%;
}

.newsinfo p.h3-size20 {
margin-bottom: 2.2%;
margin-top: -.5%;
}

.newsinfo p.h3-size20,
.newsinfo p.p-color {
color: #FF7E41;
}

.newsinfo .pic {
width: 71.5%;
margin: 3% auto;
}

.newsinfo .pic:hover img {
transform: scale(1.15);
}

@media screen and (max-width: 980px) {
.news-list li {
width: 48%;
margin: 4% 4% 0 0 !important;
}

.news-list li:nth-child(2n) {
margin-right: 0 !important;
}

.news-list .font {
padding: 20px 20px 15px;
}

.news-list a {
margin-top: 4px;
}
}

@media screen and (max-width:750px) {
.news-list li {
width: 100%;
margin: 4% 0 0 0 !important;
}

.news-list h5 {
height: auto;
}

.news-list a {
margin-top: 13px;
}

.news-logo {
width: 75%;
}

.newsinfo .pic {
width: 85%;
}

.newsinfo p.h3-size20,
.newsinfo p.p-color {
margin-bottom: 5px;
margin-top: 15px;
}

.pages {
margin-top: -15px;
height: 50px;
}

.pages a.pages-list {
padding: 0;
}

.pages a.pages-prev {
padding-right: 0
}

.pages a.pages-next {
padding-left: 0;
}
}
/* product */
.pro-list {
}

.pro-list li {
width: 49%;
margin: 2% 2% 0 0;
background: #f1f2f3;
padding: 2% 3% 4.5%;
}

.pro-list li:nth-child(2n+1) {
margin-right: 0;
}

.pro-list li:first-child {
width: 100%;
margin-right: 0;
margin-top: 0;
align-items: center;
}

.pro-list li:first-child .pic {
width: 50%;
text-align: center;
padding: 0 10.5%;
}

.pro-list li:first-child .font {
width: 50%;
padding-right: 15%;
margin-top: 0;
text-align: left;
}

.pro-list li:first-child h5 {
color: #FF7E41;
margin-bottom: 4.5%;
}

.pro-list li:first-child span {
color: #FF7E41;
margin-top: 11%;
display: block;
}

.pro-list li:first-child span em {
font-weight: bold;
margin-left: 5px;
transition: all .5s;
}

.pro-list li:first-child span:hover em {
margin-left: 15px;
}

.pro-list li .pic {
padding: 0 18.5%;
}

.pro-list li p {
color: #666666;
}

.pro-list li:hover img {
transform: scale(1.08);
}

.pro-list li .font {
text-align: center;
}

.pro-list li h5 {
margin-bottom: 20px;
}

.pro-list li h5 span {
font-size: 1.1875em;
vertical-align: middle;
font-family: Gilroy-Regular;
}

.pro-list li:hover h5 {
color: #FF7E41;
}

.pro-list li .font {
margin-top: 15px;
}

@media screen and (max-width: 1470px) {
}

@media screen and (max-width: 1100px) {
.pro-list li:first-child .font {
padding-right: 3%;
}
}

@media screen and (max-width:767px) {
.pro-list li:first-child {
display: block;
margin-top: 0;
}

.pro-list li:first-child > div {
width: 100% !important;
}

.pro-list li:first-child .font {
padding-right: 0%;
}

.pro-list li {
padding: 20px 15px;
width: 100%;
margin: 20px 0 0;
}

.pro-list li:first-child span {
margin-top: 5px;
}

.pro-list li:first-child h5 {
margin-bottom: 5px;
}
}
/* contact */
.con-one > div {
background: #f7f7f7;
align-items: center;
}

.con-one .pic,
.con-one .font {
width: 50%;
text-align: center;
}

.con-one .pic:hover img {
transform: scale(1.15);
}

.con-one p {
margin-top: 10px;
}

.con-one ul {
margin-top: 5%;
}

.lxwm-rwm {
max-width: 350px;
margin: auto;
margin-top: 2%;
/* background-color: white; */
}

.lxwm-rwm p {
width: 50%;
float: left;
text-align: center;
}

.lxwm-rwm p img {
display: block;
margin: auto;
border-radius: 4px;
}

.lxwm-rwm p span {
display: block;
text-align: center;
width: 100%;
font-size: 16px;
line-height: 24px;
margin-top: 10px;
}

.con-one li {
margin-top: 2%;
/* display: inline-block; */
position: relative;
}

.con-one li span {
font-size: 30px;
display: inline-block;
color: #FF7E41;
line-height: 1;
transition: all .5s;
/* position: absolute; */
left: 0;
margin-right: 10px;
}

.con-one li p {
color: #666666;
font-family: Gilroy-Regular;
margin-top: 5px;
display: inline-block;
vertical-align: bottom;
}

.con-one li:hover p {
color: #FF7E41;
}

.con-one li:hover span {
transform: rotateY(180deg);
}

.con-two .coth-wrap {
margin-top: -30px;
}

.con-two .more2 {
margin: 4% auto 0;
}

@media screen and (max-width: 1470px) {
.con-one li {
margin-top: 10px;
}

.con-one ul {
margin-top: 15px;
}

.con-one li p {
margin-top: 0;
}

.lxwm-rwm p img {
width: 100px;
}

.lxwm-rwm p span {
font-size: 14px;
}
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 980px) {
.con-one > div {
display: block;
}

.con-one .pic,
.con-one .font {
width: 100%;
}

.con-one .font {
padding: 25px 0;
}

.con-one li {
margin-top: 20px;
}
}

@media screen and (max-width:767px) {
.con-two .coth-wrap .form-item {
height: 40px;
}

.con-two .coth-wrap .form-ul {
margin: 20px 0;
}
}
/* solution */
.solulist {
padding-bottom: 4.2vw;
}

.solulist li {
position: relative;
margin-top: 6.8vw;
}

.solulist li .pic {
width: 43%;
border-radius: 0 4.5vw 0 0;
-webkit-box-shadow: 2.5vw -2.5vw 0 0 #fff2ec;
box-shadow: 2.5vw -2.5vw 0px 0px #fff2ec;
transition: all .5s;
}

.solulist li .font {
width: calc(57% - 2.5vw);
position: absolute;
right: 0;
top: calc(50% - 2.5vw);
transform: translateY(-50%);
padding: 0 0 0 7%;
transition: all .5s;
}

.solulist li:nth-child(2n) .pic {
float: right;
border-radius: 4.5vw 0 0 0;
-webkit-box-shadow: -2.5vw -2.5vw 0 0 #fff2ec;
box-shadow: -2.5vw -2.5vw 0px 0px #fff2ec;
}

.solulist li:nth-child(2n) .font {
left: 0;
right: auto;
padding: 0 7% 0 0;
}

.solulist li h2 {
font-family: Gilroy-Regular;
font-size: 72px;
line-height: 1;
color: #ff7e41;
}

.solulist li h3 {
color: #FF7E41;
margin: 1.5% 0 6%;
}

.solulist li p {
color: #666666;
line-height: 2;
}

.solulist li:hover .pic img {
transform: scale(1.1);
}

.solulist li:hover .pic {
-webkit-box-shadow: 1px -1px 0 0 #fff2ec;
box-shadow: 0 0 2px 2px #fff2ec;
}

.solulist li:hover .font {
top: 50%;
}

@media screen and (max-width: 1470px) {
.solulist li h3 {
margin-bottom: 4%;
}
}

@media screen and (max-width: 1100px) {
.solulist li h2 {
font-size: 46px;
}
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width:767px) {
.solulist li h2 {
font-size: 36px;
}

.solulist li .pic {
width: 97.5%;
float: none !important;
border-radius: 0 10vw 0 0;
}

.solulist li .font {
position: static;
transform: none;
width: 100%;
padding: 0 !important;
margin-top: 15px !important;
}

.solulist li h3 {
margin-bottom: 5px;
}

.solulist li {
margin-top: 9vw;
}

.solulist li:nth-child(2n) .pic {
border-radius: 10vw 0 0 0;
}
}
/* about */
.about .tit-cen h2 {
margin-bottom: 11%;
}

.abo-one .tit,
.abo-three .tit {
margin-bottom: 0;
}

.abo-one p {
margin-top: 2.2%;
line-height: 2;
padding: 0 4%;
text-align: justify;
}

.abo1-pic {
width: 40%;
margin: 2.2% .75% 0;
position: relative;
color: #FFFFFF;
}

.abo1-pic .font {
position: absolute;
width: 80%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.abo1-pic .font p {
padding: 0;
text-align: center;
margin-top: 3px;
}

.abo1-pic .font span {
display: block;
}

.abo1-pic .font h5 {
font-weight: lighter;
line-height: 1.4;
}

.abo1-pic:hover .pic img {
transform: scale(1.15);
}

.abo-two {
background: #F5F5F5;
overflow: hidden;
}

.abo-two .w1400 {
align-items: center;
margin-top: 3%;
}

.abo-two .left {
width: 38%;
}

.abo-two .left h5 {
position: relative;
padding-bottom: 5.5vw;
margin-bottom: 5.8%;
}

.abo-two .left h5::before {
content: "";
position: absolute;
width: 3px;
background-color: #ff7e41;
height: 3.5vw;
left: 0;
bottom: 0;
}

.abo-two .left p {
position: relative;
padding-left: 28px;
line-height: 2.25;
color: #666666;
}

.abo-two .left p::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 18px;
height: 18px;
background: url(../images/img41.png) no-repeat;
background-size: 100% 100%;
}

.abo-two .right {
width: 645px;
height: 645px;
position: relative;
right: -4.5%;
}

.abo-two ul {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}

.abo-two li {
font-family: Gilroy-Regular;
position: absolute;
left: 0;
text-align: right;
}

.abo-two li:last-child {
bottom: 8%;
transform: translateX(-70%);
}

.abo-two li:nth-child(4) {
bottom: 29.5%;
transform: translateX(-100%);
}

.abo-two li:nth-child(3) {
bottom: 56.5%;
transform: translateX(-119%);
}

.abo-two li:nth-child(2) {
bottom: 76%;
transform: translateX(-65%);
}

.abo-two li:nth-child(1) {
bottom: 97%;
transform: translateX(-10%);
}

.abo-two li p {
color: #666666;
margin-top: 7px;
}

.abt2-bf {
width: 80%;
height: 80%;
background: #00000010;
position: absolute;
border-radius: 50%;
top: 48.5%;
left: 50.5%;
transform: translate(-50%, -50%);
overflow: hidden;
z-index: 10;
}

.diy-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .8;
}

.abo-three {
}

.abo-three p {
margin-top: 2.2%;
line-height: 2;
padding: 0 4%;
text-align: center;
}

.abo-three li {
width: 32.333%;
float: left;
margin: 25px 1.5% 0 0;
}

.abo-three li:nth-child(3n) {
margin-right: 0;
}

.abo-three li p {
padding: 0;
line-height: 1.8;
margin-top: 4.5%;
}

.abo-three li:hover .pic img {
transform: scale(1.15);
}

.abo-three li:hover p {
color: #FF7E41;
}

.abo-four {
background: url(../images/img46.jpg) no-repeat center center;
background-size: cover;
}

.abo-four .flexsb {
align-items: center;
}

.abo-four .pic {
width: 56%;
}

.abo-four .font {
width: 37%;
color: #FFFFFF;
}

.abo-four .font h5 {
margin-bottom: 1.5%;
}

.abo-four .font p {
line-height: 2;
}

.abo-four .font h3 {
font-family: Gilroy-Regular;
font-size: 50px;
line-height: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
align-items: center;
margin-top: 10%;
}

.abo-four .font h3 span {
vertical-align: sub;
}

.abo-five {
}

.abo-five h5 {
margin-bottom: 10px;
}

.abo-five p {
color: #666666;
margin-bottom: 3%;
}

.abo-five ul {
width: 49%;
float: left;
}

.abo-five ul:nth-child(2) {
margin-left: 2%;
}

.abo-five ul li:first-child {
width: 100%;
margin: 0;
position: relative;
}

.abo-five ul li img {
width: 100%;
transition: all .8s;
}

.abo-five ul li {
width: 32%;
margin: 2% 2% 0 0;
float: left;
overflow: hidden;
cursor: pointer;
}

.abo-five ul li:last-child {
margin-right: 0;
}

.abo-five ul li:hover img {
transform: scale(1.15);
}

.abo-five ul li p {
position: absolute;
top: 0;
left: 0;
width: -webkit-fit-content;
background-color: #ff7e41;
color: #FFFFFF;
line-height: 1;
padding: 23px;
border-radius: 0 0 30px 0;
}

.abo-six {
background: #F5F5F5;
}

.abo-six .swiper-slide .pic {
border: 1px solid #FF7E4100;
}

.abo-six .swiper-slide:hover .pic {
border-color: #FF7E41;
}

.abo-six .swiper-slide:hover img {
transform: scale(1.15);
}

.abo-sev .left {
width: 56%;
border: solid 1px #e4e4e4;
padding: 20px;
}

.abo-sev .left:last-child {
width: 41.5%;
margin-left: 2.5%;
}

.abo-sev .left:hover .pic img {
transform: scale(1.15);
}

.abo-sev .left:hover p {
color: #FF7E41;
}

.abo-sev .left p {
text-align: center;
margin-bottom: 10px;
}

.abo-sev .more2 {
margin: 4% auto 0;
}

@media screen and (max-width: 1470px) {
.abo-two .right {
width: 40vw;
height: 40vw;
}

.about .tit-cen h2 {
margin-bottom: 8%;
}
}

@media screen and (max-width: 1100px) {
.abo-sw {
padding-bottom: 50px;
}

.abo-four .font h3 {
margin-top: 2%;
font-size: 40px;
}
}

@media screen and (max-width: 992px) {
.abo1-pic {
width: 48%;
}

.abo-one p {
padding: 0;
}

.abo-two .w1400 {
display: block
}

.abo-two .left {
width: 100%
}

.abo-two .right {
width: 60vw;
height: 60vw;
margin: 12% 0 0 30vw;
right: 0;
}

.abo-two .left h5 {
margin-bottom: 3%
}
}

@media screen and (max-width:767px) {
.about .tit-cen h2 {
margin-bottom: 30%
}

.abo-one .flexce {
display: block;
}

.abo1-pic {
width: 100%;
margin-top: 15px
}

.abo-two .w1400 {
margin-top: 0
}

.abo-two .left h5::before {
display: none
}

.abo-two .left h5 {
text-align: center;
padding-bottom: 0;
margin-bottom: 10px;
}

.abo-two .left p::before {
width: 15px;
height: 15px;
top: 4px;
}

.abo-two .left p {
padding-left: 23px;
margin-bottom: 8px;
}

.abo-two .right {
width: 90vw;
height: auto;
margin: 20px 0 0;
}

.abo-two ul,
.abo-two ul li {
position: static;
}

.abt2-bf {
width: 70vw;
height: 70vw;
top: 5.5%;
left: 12%;
transform: none;
}

.abo-two li {
transform: none !important;
text-align: center;
width: 48%;
margin: 10px 1%;
}

.abo-two ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
flex-wrap: wrap;
}

.abo-two li p {
font-size: 13px;
line-height: 1.6;
margin-top: 3px
}

.abo-three p {
padding: 0
}

p {
line-height: 1.75 !important
}

.abo-three li {
width: 100%
}

.abo-three li p {
margin-top: 10px
}

.abo-four .flexsb {
display: block;
}

.abo-four .flexsb > div {
width: 100%;
}

.abo-four .font {
margin-top: 30px
}

.abo-four .font h5 {
text-align: center;
margin-bottom: 10px
}

.abo-four .font p {
text-align: center;
}

.abo-four .font h3 {
justify-content: center;
}

.abo-five ul {
width: 100%;
}

.abo-five ul li p {
padding: 5px 10px;
border-radius: 0 0 15px 0;
}

.abo-five ul:nth-child(2) {
margin-top: 25px
}

.abo-sev .left {
width: 100% !important;
margin: 0 0 20px 0 !important;
}
}

.shop .swiper-font {
width: 50%;
text-align: center;
}

.shop.mainer .swiper-font img {
width: 88%;
transform: translate(22%, 14%);
}

.shop .swiper-font h2 {
font-weight: 100;
margin-bottom: 10px;
}

.shop .swiper-font p {
max-width: 100%;
}

.shop-one .tit-p {
padding: 0 13%;
margin: -2% 0 3%;
text-align: center;
line-height: 2;
}

.shop-one li {
position: relative;
}

.shop-one li:nth-child(2n-1) .pic {
float: right;
}

.shop-one li:nth-child(2n) .font {
left: 50%;
padding: 0 0 0 6%;
}

.shop-one li:nth-child(2n) .font::before {
left: 0;
}

.shop-one li .font {
position: absolute;
width: 50%;
left: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 6% 0 0;
}

.shop-one li .pic {
width: 50%;
}

.shop-one li .font::before {
content: "";
width: 20px;
height: 20px;
background: #f8f8f8;
left: 100%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
position: absolute;
z-index: 10;
}

.shop-one li h5 {
color: #FF7E41;
font-weight: 100;
transition: all .5s;
}

.shop-one li p {
line-height: 2;
}

.shop-one li .p1 {
color: #FF7E41;
margin: 6% 0 2%;
}

.shop-one li:hover .pic img {
transform: scale(1.15);
}

.shop-two {
background: #F5F5F5;
}

.shop-two li {
width: 24%;
margin: 25px 1.333% 0 0;
float: left;
}

.shop-two li:nth-child(4n) {
margin-right: 0;
}

.shop-two li .pic {
background: #FFFFFF;
}

.shop-two li p {
margin-top: 6%;
text-align: center;
font-family: Gilroy-Regular;
}

.shop-two li:hover .pic img {
transform: scale(1.15);
}

.shop-two li:hover p {
color: #FF7E41;
}

.shop-three .shop-three-table table {
width: 100%;
}

.shop-three .shop-three-table th {
background-color: #a0a9b9;
color: white;
font-size: 18px;
padding: 10px;
line-height: 24px;
width: 33.333%;
font-weight: normal;
}

.shop-three .shop-three-table th p {
font-size: 15px;
}

.shop-three .shop-three-table td {
color: #666666;
font-size: 16px;
padding: 12px;
line-height: 24px;
border-right: 1px solid #d1d5dc;
text-align: center;
}

.shop-three .shop-three-table tr:nth-child(odd) {
background-color: #f2f4f7;
}

.shop-four li {
width: 24%;
margin: 0 1.333% 0 0;
border: solid 1px #dcdcdc;
padding: 4%;
}

.shop-four li:nth-child(4n) {
margin-right: 0;
}

.shop-four li .pic {
width: 69%;
border: 1px dashed #ff7e41;
border-radius: 50%;
margin: auto;
}

.shop-four li .pic img:last-child {
display: none;
}

.shop-four li p {
text-align: center;
margin-top: 14%;
font-family: Gilroy-Regular;
}

.shop-four li:hover img:first-child {
display: none;
}

.shop-four li:hover img:last-child {
display: block;
}

.shop-four li:hover .pic {
background: #FF7E41;
}

.shop-five {
background: #F7F7F7;
}

.shop-five h5 {
text-align: center;
color: #ff7e41;
}

.shop-five li {
width: 32.333%;
margin: 50px 1.5% 0 0;
float: left;
}

.shop-five li:nth-child(3n) {
margin-right: 0;
}

.shop-five li:hover .pic img {
transform: scale(1.15);
}

@media screen and (max-width: 1470px) {
}

@media screen and (max-width: 1100px) {
.shop-one li .p1 {
margin: 10px 0 2px;
}

.shop-five li {
margin-top: 30px;
}

.shop .swiper-font {
width: 100%;
text-align: left;
}

.shop.mainer .swiper-font img {
width: 160px;
transform: none;
}
}

@media screen and (max-width: 980px) {
.shop-one li:nth-child(2n-1) .pic {
float: none;
}

.shop-one li .pic {
width: 100%;
}

.shop-one li .font {
position: static;
transform: none;
width: 100%;
padding: 20px 0 40px !important;
}

.shop-one li:last-child .font {
padding-bottom: 0 !important;
}

.shop-two li,
.shop-four li {
width: 48%;
margin: 4% 4% 0 0;
}

.shop-two li:nth-child(2n),
.shop-four li:nth-child(2n) {
margin-right: 0;
}

.shop-two li p {
margin-top: 10px;
}

.shop-two ul,
.shop-four ul {
margin-top: -4%;
}

.shop-four li .pic {
width: 40%;
}

.shop-four li p {
margin-top: 15px;
}
}

@media screen and (max-width:767px) {
.shop-one .tit-p {
padding: 0;
}

.shop-two li,
.shop-four li {
width: 100%;
margin: 20px 0 0 !important;
}

.shop-two ul,
.shop-four ul {
margin-top: -20px;
}

.shop-four li .pic {
width: 80px;
}

.shop-five h5 {
line-height: 1.45;
}

.shop-five li {
width: 100%;
margin-top: 20px;
}
}
/* ===========join========== */
.join {
}

.join-li {
background: #F7F7F7;
}

.join-li .join-main {
display: block;
position: relative;
padding: 3% 0 2.7%;
cursor: pointer;
}

.join-li .join-ul {
margin-top: 2%;
max-width: 85%;
}

.join-li .join-ul li {
float: left;
margin-right: 5vw;
color: #666666;
position: relative;
}

.join-li .join-ul li::before {
content: "";
position: absolute;
width: 2px;
height: 75%;
background: #666666;
top: 50%;
transform: translateY(-50%);
right: -2.5vw;
}

.join-li .join-ul li:last-child::before {
display: none
}

.join-li {
width: 100%;
margin-bottom: 2.2%;
}

.join li:last-child {
margin-bottom: 0;
}

.join-li > div {
overflow-y: hidden;
margin: auto;
display: none;
width: 91%;
}

.join-li .join-box {
border-top: 1px solid #e4e4e4;
padding-bottom: 3.5%;
}

.join-li .join-box h5 {
line-height: 2;
font-size: 16px;
margin-top: 2.5%;
}

.join-box h5:nth-child(2),
.join-box h5:nth-child(3) {
margin-top: 0;
}

.join-li .join-box p {
font-weight: normal;
padding: 0;
line-height: 2;
}

.join-li .join-box p:last-child {
margin-bottom: 1.5%;
}

.join-main::after {
content: "";
width: 2px;
height: 30px;
right: 14px;
top: 50%;
transform: translateY(-50%);
position: absolute;
background: #FF7E41;
transition: all .5s;
}

.join-main::before {
content: "";
width: 30px;
height: 2px;
right: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
background: #FF7E41;
}

.join-li.on .join-main::after {
height: 2px;
}

.join-li .join-main p {
line-height: 1;
font-family: Gilroy-Regular;
}

.join-li .join-box span {
font-weight: normal;
margin-left: 10px;
}

.join-li.on i {
transform: translateY(-50%) rotate(90deg);
}

.join-tit {
margin: 2.3% 0 1.6%;
font-size: 16px;
}

.join-li .more2 {
width: -webkit-fit-content;
padding: 0 40px;
margin-top: 3%;
}

@media (max-width: 980px) {
.join-main::before {
width: 20px;
}

.join-main::after {
height: 20px;
right: 9px;
}
}

@media (max-width: 767px) {
.join-li .join-ul li {
font-size: 12px;
margin-top: 5px;
}

.join-li .join-ul {
margin-top: -5px;
max-width: calc(100% - 25px);
}

.join-li .join-ul li::before {
display: none;
}

.join-tit,
.join-li .join-box h5 {
line-height: 1.4;
font-size: 15px;
}

.join-li .join-box h5 {
margin-top: 10px;
}

.join-li .more2 {
padding: 0 19px;
}

.join-li .join-box {
padding-bottom: 25px;
}

.footer .footer-bot h6 {
font-size: 22px;
}
}
/* catschool */
.cat {
}

.cat .swiper-font {
width: -webkit-fit-content;
text-align: right;
padding-left: 2.5vw;
}

.cat .swiper-font h2 {
font-size: 6vw;
font-family: PangMenZhengDao;
line-height: 1;
}

.cat .swiper-font p {
max-width: 100%;
}

.cat-one {
overflow: hidden;
}

.catone-bg {
width: 100%;
position: relative;
}

.catone-bg::before {
content: "";
width: 100vw;
height: 2px;
background-color: #ff7e41;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}

.cat-one li {
width: 29.333%;
position: relative;
}

.cat-one li::before {
content: "";
width: 14px;
height: 14px;
border: solid 1px #ff7e41;
background: #FFF2EC;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
transform: translateY(-50%);
transition: all .5s;
}

.cat-one li::after {
content: "";
width: 8px;
height: 8px;
background: #F3981E;
position: absolute;
top: 0;
left: 10px;
transform: translateY(-50%);
opacity: 0;
border-radius: 50%;
}

.cat-one li p {
text-align: justify;
}

.cat-one li:nth-child(3n-1) {
margin: 0 6%;
}

.cat-one li h5 {
font-family: Arial;
color: #ff7e41;
margin: 22% 0 5%;
}

.cat-one li.on::before {
width: 28px;
height: 28px;
}

.cat-one li.on::after {
opacity: 1;
transition: all .1s .5s;
}

.cat-two {
background: #F7F7F7;
}

.cat-two .flexlf {
align-items: center;
}

.cat-two .left {
width: 57.5%;
position: relative;
padding: 0 3vw 2vw 5vw;
}

.cat-two .left .pic {
position: relative;
}

.cat-two .left::before {
content: "";
width: 100%;
height: 60%;
left: 0;
bottom: 0;
background: #FF7E41;
position: absolute;
z-index: 0;
}

.cat-two .font {
width: 42.5%;
padding-left: 6%;
}

.cat-two .font img {
display: block;
margin-bottom: 7%;
width: 41%;
}

.cat-two .font p {
line-height: 2.25;
text-align: justify;
}

.cat-two .left:hover .pic img {
transform: scale(1.15);
}

.cat-three {
}

.cat-three p {
padding: 0 10%;
text-align: center;
margin: -1.8% 0 3.3%;
line-height: 2;
}

.cat-four {
}

.cat-four li {
width: 32.333%;
margin: 1.5% 1.5% 0 0;
float: left;
overflow: hidden;
}

.cat-four li:nth-child(3n+2),
.cat-four li:nth-child(2) {
margin-right: 0;
}

.cat-four li:first-child,
.cat-four li:nth-child(2) {
width: 49.25%;
}

.cat-four li img {
width: 100%;
transition: all .5s;
}

.cat-four li:hover img {
transform: scale(1.15);
}

.cat-four ul {
margin-top: -2%;
}

@media screen and (max-width: 1470px) {
.cat-three p {
padding: 0 5%;
}
}

@media screen and (max-width: 1100px) {
.cat-one li h5 {
margin: 10% 0 3%;
}

.cat-two .left {
width: 55%;
}

.cat-two .font {
width: 45%;
padding-left: 3%;
}

.cat-two .font img {
margin-bottom: 10px;
}
}

@media screen and (max-width: 980px) {
.cat-one li:nth-child(3n-1) {
margin: 0 4%;
}

.cat-two .flexlf {
display: block;
}

.cat-two .left {
width: 100%;
}

.cat-two .font {
width: 100%;
margin-top: 25px;
padding-left: 0;
}

.cat-two .font img {
width: 30%;
margin: 0 auto 10px;
}

.cat-two .font p {
text-align: center;
}

.cat-three p {
padding: 0;
}

.cat .swiper-font {
text-align: left;
}

.cat .swiper-font h2 {
font-size: 34px;
}

.cat-one {
position: relative;
}

.catone-bg {
display: none;
}

.cat-one li h5 {
margin: 0 0 5px;
}

.cat-one ul {
flex-wrap: wrap;
}

.cat-one li:nth-child(3n-1) {
margin: 0 0 20px;
}

.cat-one li {
width: 100%;
margin-bottom: 20px;
}

.cat-one li:last-child {
margin-bottom: 0;
}

.cat-one li::before,
.cat-one li::after,
.catone-bg::before {
display: none;
}

.cat-four li {
width: 100% !important;
}
}

@media screen and (max-width:767px) {
}
/* agent */
.agent-one {
overflow: hidden;
}

.agentone-box {
width: 57vw;
margin: auto;
position: relative;
overflow: hidden;
}

.agentone-box::before {
position: absolute;
width: 100vw;
height: 2px;
background-color: #ff7e41;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

.agentone-img {
width: 100%;
}

.agentone-img img {
width: 100%;
}

.agone-cen {
width: 36vw;
height: 36vw;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
border-radius: 50%;
border: 1px dashed #FF7E41;
}

.agone-cen span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
-webkit-animation: 30s roundRotate infinite linear;
animation: 30s roundRotate infinite linear;
}

.agone-cen span::before {
content: "";
width: 11px;
height: 11px;
background-color: #ff7e41;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}

.agone-cen span:nth-child(2)::before {
left: 50%;
top: 0;
}

.agone-cen li {
display: none;
text-align: center;
position: absolute;
top: 25%;
left: 0;
padding: 0 15%;
transform: translateY(-50%);
}

.agone-cen li.on {
display: block;
}

.agone-cen h5 {
font-family: Gilroy-Regular;
margin-bottom: 4%;
}

.agone-btn {
width: 36vw;
margin: auto;
font-family: Gilroy-Regular;
}

.agone-btn li {
position: relative;
padding: 4% 8px 0;
font-size: 13px;
}

.agone-btn li::before {
content: "";
width: 2px;
height: 4vw;
position: absolute;
top: -8px;
left: 50%;
transform: translate(-50%, -100%);
background: url(../images/img106.png) no-repeat;
background-size: 100% 100%;
opacity: 0;
}

.agone-btn li::after {
content: "";
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background: url(../images/img107.png) no-repeat;
background-size: 100% 100%;
}

.agone-btn li.active::before {
opacity: 1;
}

.agone-btn li.active {
color: #FF7E41;
}

@keyframes roundRotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(-90deg);
}

30% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}

70% {
-webkit-transform: rotate(110deg);
transform: rotate(110deg);
}

80% {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}

100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}

.agent-two {
}

.agtwo-top {
position: relative;
padding-bottom: 1px;
}

.agtwo-top::before {
content: "";
width: 2px;
height: 60px;
position: absolute;
left: 50%;
bottom: -30px;
transform: translate(-50%, 0);
background: linear-gradient(to top, #d5dbd7 0%, #d5dbd7 50%, #ff7e41 51%, #ff7e41 100%);
}

.agtwo-time {
font-family: "Arial";
font-size: 100px;
line-height: .8;
background-image: -webkit-linear-gradient(top, #ff7e41, #ff7e41b8, #ff7e4124, #00000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
}

.agtwo-tit {
color: #FF7E41;
text-align: center;
margin-top: 10px;
}

.agtwo1 li {
width: 32.333%;
float: left;
margin: 3% 1.5% 0 0;
}

.agtwo1 li:nth-child(3n) {
margin-right: 0;
}

.agtwo1 li:hover img {
transform: scale(1.15);
}

.agtwo2 {
background-color: #f7f7f7;
align-items: flex-end;
}

.agtwo2 .agtwo-time,
.agtwo2 .agtwo-tit {
text-align: left;
}

.agtwo2 > div {
width: 50%;
}

.agtwo2 .left {
padding: 0 0 0 6%;
}

.agtwo2 p {
color: #FF7E41;
font-weight: lighter;
margin: 10px 0 3%;
}

.agtwo2 .left .pic {
width: 48%;
margin: 2% 2% 0 0;
float: left;
}

.agtwo2 .pic:hover img {
transform: scale(1.15);
}

.agtwo3 .agtwo3-swiper {
position: relative;
}

.agtwo3 .swiper-button-next:after,
.agtwo3 .swiper-button-prev:after {
color: #FF7E41;
}

.agtwo3 .swiper-button-prev,
.agtwo3 .swiper-container-rtl .swiper-button-next {
left: 0px;
}

.agtwo3 .swiper-button-next,
.agtwo3 .swiper-container-rtl .swiper-button-prev {
right: 0px;
}

.agtwo3 .swiper-button-next:after,
.agtwo3 .swiper-button-prev:after {
font-size: 34px;
}

.abo-fzbox {
width: 95%;
margin: 0 auto;
padding: 4% 110px;
}

.abo-fzbox .swiper-slide .pic {
width: 100%;
z-index: 10;
position: relative;
opacity: 0;
transition: all .6s ease;
}

.abo-fzbox .swiper-slide {
opacity: 1;
}

.abo-fzbox .swiper-slide-active {
z-index: 20;
}

.abo-fzbox .swiper-slide-active .pic {
opacity: 1;
position: relative;
z-index: 10;
transition: none;
}

.abo-fzbox .swiper-slide.on .pic {
opacity: .5 !important;
transform: scale(1.08, .9);
z-index: 5;
position: relative;
}

.abo-fzbox .swiper-slide.ont .pic {
opacity: .3 !important;
transform: scale(1.16, .8);
z-index: 1;
position: relative;
}

.agent-three ul {
margin-top: -2%;
}

.agent-three li {
width: 32.333%;
margin: 1.5% 1.5% 0 0;
border: solid 1px #e4e4e4;
padding: 4% 3.5% 3.2%;
}

.agent-three li:nth-child(3n) {
margin-right: 0;
}

.agent-three li:nth-child(4) {
margin-left: 16.166%;
}

.agent-three .pic {
width: 80px;
margin: auto;
}

.agent-three .pic img:last-child {
display: none;
}

.agent-three li:hover {
border-color: #FF7E41;
}

.agent-three li p {
margin-top: 6%;
text-align: center;
}

.agent-three li span {
color: #FF7E41;
}

.agent-three li:hover .pic img:first-child {
display: none;
}

.agent-three li:hover .pic img:last-child {
display: block;
}

.agent-four {
background: #FF7E41;
color: #FFFFFF;
text-align: center;
}

.agent-four h5 {
line-height: 1;
margin-bottom: 2.8%;
}

.agent-four p {
line-height: 2;
}

@media screen and (max-width: 1470px) {
.agtwo-time {
font-size: 70px;
}

.agentone-box {
width: 70vw;
}

.agone-cen {
width: 44vw;
height: 44vw;
}

.agone-btn {
width: 44vw;
}
}

@media screen and (max-width: 1100px) {
.agtwo-time {
font-size: 50px;
}

.agentone-box {
width: 90vw;
}

.agone-cen {
width: 57vw;
height: 57vw;
}

.agone-btn {
width: 57vw;
}

.abo-fzbox {
padding: 4% 80px;
}

.agent-three .pic {
width: 65px;
}
}

@media screen and (max-width: 980px) {
.agtwo-top::before {
height: 40px;
bottom: -20px;
}

.agtwo-time {
font-size: 40px;
}

.agtwo2 p {
margin: 2px 0 0;
}

.agtwo2 .left {
padding: 0 0 0 2%;
}

.agent-three li {
width: 48.5%;
margin: 3% 3% 0 0 !important;
}

.agent-three li:nth-child(2n) {
margin-right: 0 !important;
}

.abo-fzbox {
padding: 30px 45px 50px;
}

.agent-three ul {
margin-top: -3%;
}

.agtwo3 .swiper-button-next:after,
.agtwo3 .swiper-button-prev:after {
font-size: 28px;
}
}

@media screen and (max-width:767px) {
.agone-cen {
width: 100%;
height: auto;
position: static;
transform: none;
border: none;
}

.agentone-img {
opacity: .05;
position: absolute;
top: -30px;
left: 0;
}

.agone-cen span {
display: none;
}

.agone-cen li {
position: static;
transform: none;
padding: 0 5% 35px;
}

.agentone-box {
overflow: initial;
}

.agone-btn {
width: 100%;
justify-content: center;
}

.agone-btn {
justify-content: center;
}

.agone-btn li {
padding: 4% 6px 0;
font-size: 13px;
}

.agone-btn li::after {
width: 16px;
height: 16px;
}

.agone-btn li::before {
top: -8px;
}

.agone-cen h5 {
margin-bottom: 5px;
}

.agtwo1 li {
width: 100%;
margin-top: 20px;
}

.agtwo2 {
display: block;
}

.agtwo2 > div {
width: 100%;
}

.agtwo2 .left {
padding: 30px 0 0;
text-align: center;
}

.agtwo2 .agtwo-time,
.agtwo2 .agtwo-tit {
text-align: center;
}

.agtwo2 .left .pic,
.agtwo2 .right {
width: 100%;
margin-top: 20px;
}

.abo-fzbox {
padding: 30px 0 40px;
}

.agent-three li {
width: 100%;
margin: 20px 0 0 !important;
padding: 30px 15px;
}

.agent-three .pic {
width: 55px;
}

.agtwo3 .swiper-button-next:after,
.agtwo3 .swiper-button-prev:after {
font-size: 24px;
}

.agtwo3 .swiper-button-prev,
.agtwo3 .swiper-container-rtl .swiper-button-next {
left: -15px;
}

.agtwo3 .swiper-button-next,
.agtwo3 .swiper-container-rtl .swiper-button-prev {
right: -15px;
}
}
/* wlw-customixed */
.wlw-one {
}

.wlwone-main {
position: relative;
background: #F7F7F7;
padding: 4% 4.5%;
}

.wlwone-main .pic {
float: right;
width: 48%;
}

.wlwone-main .font {
position: absolute;
left: 6.5%;
top: 50%;
transform: translateY(-50%);
width: 39%;
}

.wlwone-main h5 span {
display: block;
}

.wlwone-main h5 {
line-height: 1.45;
}

.wlwone-main p {
margin-top: 6%;
line-height: 2;
}

.wlw-two ul {
align-items: flex-end;
}

.wlw-two li {
width: 25.5%;
margin: 0 1.5% 0 0;
text-align: center;
}

.wlw-two li:first-child,
.wlw-two li:last-child {
width: 22.25%;
}

.wlw-two li:nth-child(4n) {
margin-right: 0;
}

.wlw-two li p {
margin-top: 10px;
}

.wlw-two li:hover img {
transform: scale(1.15);
}

.wlw-two li:hover p {
color: #FF7E41;
}

.wlw-three {
background: #F7F7F7;
}

.wlw-three .tit .tit-h {
line-height: 1.15;
}

.wlw-three .tit .tit-h:last-child {
margin-top: .7%;
}

.wlwthree-bot {
position: relative;
}

.wlwthree-box {
width: 24vw;
margin: auto;
position: relative;
}

.wlwthree-box .pic {
position: absolute;
width: 61%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.wlwthree-box .pic img {
display: none;
}

.wlwthree-box .pic img.on {
display: block;
}

.wlwthree-bot li:first-child {
position: absolute;
width: calc(46% - 12vw);
left: 0;
top: 12vw;
transform: translateY(-50%);
text-align: right;
padding-left: 4%;
}

.wlwthree-bot li:last-child {
position: absolute;
width: calc(46% - 12vw);
right: 0;
top: 12vw;
transform: translateY(-50%);
padding-right: 4%;
text-align: left;
}

.wlwthree-bot li {
width: 32%;
margin: 2% auto 0;
text-align: center;
cursor: pointer;
}

.wlwthree-bot li time {
font-family: Gilroy-Regular;
color: #FF7E41;
line-height: 1;
}

.wlwthree-bot li h5 {
color: #FF7E41;
margin: 1% 0 1.6vw;
}

.wlwthree-bg {
transition: all .5s;
}
/* Alot */
.alot-one {
background-color: #f7f7f7;
padding-bottom: 4.2%;
}

.alot-one p {
text-align: center;
padding: 0 5%;
margin: -1.6% 0 3%;
}

.alot-one li {
width: 32.333%;
float: left;
margin-right: 1.5%;
overflow: hidden;
}

.alot-one li img {
width: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.alot-one li:last-child {
margin-right: 0;
}

.alot-two {
background: #FF7E41;
}

.alot-two .w1400 {
position: relative;
align-items: center;
}

.alot-two .font {
width: 55%;
position: relative;
padding-right: 4%;
}

.alot-two .font .font-tit {
font-size: 0.36rem;
color: #ffffff;
}

.alot-two .font .font-tit p {
line-height: 1.4;
}

.alot-two .font .font-dec {
font-size: 18px;
line-height: 36px;
color: #ffffff;
margin-top: 7%;
}

.alot-two .pic {
width: 45%;
position: relative;
}

.alot-two .pic img {
width: auto;
float: right;
}

.alot-two .pic:hover img,
.alot-one li:hover img,
.alot-three .pic:hover img,
.tesing-one .tes-one-img1:hover img,
.tesing-one .tes-one-img2:hover img,
.tesing-two .swiper-slide:hover .tesing-two-img img,
.tesing-three .tesing-three-img:hover img,
.manage-one ul li:hover .manage-one-liimg img,
.manage-two .manage-two-li:hover .manage-two-img img,
.proinfo-two .proinfo-two-left:hover img,
.proinfo-two ul li:hover img,
.proinfo-three ul li:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.proinfo-two ul li p {
font-size: 15px;
text-align: center;
line-height: 24px;
margin-top: 5px;
}

.alot-three {
padding: 4% 0;
position: relative;
}

.alot-three .pic {
margin-top: 0px;
margin-bottom: 3.5%;
}

.alot-three .pic img {
width: auto;
margin: 0 auto;
display: block;
}

.alot-more {
width: 220px;
height: 60px;
background-color: #ff7e41;
border-radius: 5px;
text-align: center;
line-height: 60px;
font-size: 16px;
color: #ffffff;
margin: 0 auto;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.alot-more span,
.alot-more img {
display: inline-block;
vertical-align: middle;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.alot-more img {
margin-left: 5px;
}

.alot-more:hover img {
margin-left: 10px;
}
/* tesing */
img {
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.tesing-one {
position: relative;
padding: 4% 0;
}

.tesing-one .tesing-one-list {
align-items: center;
}

.tesing-one-left {
width: 38%;
position: relative;
padding-right: 3%;
}

.tesing-one .tesing-tit {
position: relative;
padding-bottom: 8%;
}

.tesing-one-left .tesing-tit::after {
content: " ";
left: 0px;
bottom: 0px;
width: 80px;
height: 5px;
background-color: #ff7e41;
position: absolute;
}

.tesing .tesing-tit h5 {
font-size: 0.36rem;
line-height: 1.3;
color: #333333;
margin-bottom: 6px;
}

.tesing .tesing-tit h5 span {
font-family: Gilroy-Regular;
font-size: 0.40rem;
}

.tesing .tesing-tit p {
font-size: 18px;
line-height: 36px;
color: #666666;
}

.tesing .tesing-tit p span {
font-family: Gilroy-Regular;
}

.tesing-one .tesing-dec {
font-size: 16px;
line-height: 36px;
color: #666666;
margin-top: 9.5%;
}

.tesing-one-right {
width: 62%;
position: relative;
}

.tesing-one .tes-one-img1 img {
float: right;
}

.tesing-one .tes-one-img2 img {
padding-left: 3%;
margin-top: -17%;
}

.tesing-two {
background-color: #f7f7f7;
padding: 4% 0;
position: relative;
}

.tesing-two .tesing-tit,
.tesing-three .tesing-tit,
.tesing-four .tesing-tit {
text-align: center;
}

.tesing-two .tesing-two-top {
margin-top: 1.8%;
border-bottom: 1px solid #dfdfdf;
}

.tesing-two .tesing-two-icon {
margin: 0 auto;
height: 90px;
position: relative;
}

.tesing-two .tesing-two-icon img,
.tesing-four .tesing-four-ctimg img,
.proinfo-three .proinfo-four-icon img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.tesing-two .tesing-two-icon .img,
.tesing-two .tesing-two-btn li.active .tesing-two-icon .himg {
display: block;
}

.tesing-two .tesing-two-icon .himg,
.tesing-two .tesing-two-btn li.active .tesing-two-icon .img {
display: none;
}

.tesing-two .tesing-two-tit {
font-size: 20px;
color: #333333;
text-align: center;
padding-top: 15%;
padding-bottom: 12%;
}

.tesing-two .tesing-two-btn li {
width: 10%;
cursor: pointer;
border-bottom: 3px solid transparent;
margin-right: 7%;
}

.tesing-two .tesing-two-btn li:last-child {
margin-right: 0px;
}

.tesing-two .tesing-two-btn li.active .tesing-two-tit,
.tesing-two .swiper-slide:hover .tesing-two-itit,
.manage-one ul li:hover .manage-one-litit,
.manage-two .manage-two-li:hover .manage-two-imgf,
.proinfo-four .proinfo-four-ul li:hover h5 {
color: #ff7e41;
}

.tesing-two .tesing-two-btn li.active {
border-bottom: 3px solid #ff7e41;
}

.tesing-two .tesing-two-cont {
padding-top: 2.5%;
}

.tesing-two .tesing-two-itit {
font-size: 0.24rem;
text-align: center;
color: #333333;
padding-top: 5%;
}

.tesing-two .tesing-two-img {
overflow: hidden;
}

.tesing-two .tesing-two-img img {
width: 100%;
}

.tesing-three,
.tesing-four {
position: relative;
padding: 4% 0;
}

.tesing-three .tesing-three-img {
margin-top: 3%;
overflow: hidden;
}

.tesing-three .tesing-three-img img {
margin: 0 auto;
display: block;
}

.tesing-four {
background-color: #f7f7f7;
}

.tesing-four .tesing-four-ctfont {
font-family: Gilroy-Regular;
font-size: 0.32rem;
color: #333333;
text-align: center;
margin-top: 15%;
}

.tesing-four .tesing-four-cont li {
position: relative;
width: 27%;
}

.tesing-four .tesing-four-ctimg {
text-align: center;
height: 170px;
position: relative;
}

.tesing-four .tesing-four-ct {
position: relative;
}

.tesing-four .tesing-four-ct::before {
content: "";
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -80%);
width: 440px;
height: 440px;
background: url(../images/te-yuan.png)no-repeat center center;
background-size: 100%;
}

.tesing-four .tesing-four-cont {
margin: 12.5% auto 3% auto;
}

.tesing-four .tesing-four-font {
font-size: 16px;
line-height: 30px;
color: #666666;
text-align: center;
padding: 15% 9% 0% 9%;
}

.tesing-four .tesing-four-jh {
width: 30px;
height: 30px;
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -47%);
}
/* manage */
.manage {
position: relative;
padding-top: 4%;
}

.manage-one .manage-one-img {
padding-bottom: 3.5%;
}

.manage-one .manage-one-img img,
.manage-one .manage-one-tit img,
.manage-one .manage-one-liimg img,
.manage-two .manage-two-img img,
.proinfo-four .proinfo-four-icon img {
display: block;
margin: 0 auto;
}

.manage-one .manage-one-li {
background-color: #f7f7f7;
position: relative;
padding: 5.5% 0;
margin-bottom: 20px;
}

.manage-one .manage-one-tit {
margin-bottom: 4%;
}

.manage-one .manage-one-tit h5 {
font-size: 0.36rem;
color: #333333;
text-align: center;
}

.manage-one .manage-one-litit,
.manage-two .manage-two-imgf {
font-size: 16px;
line-height: 26px;
color: #333333;
margin-top: 30px;
text-align: center;
}

.manage-two .manage-two-imgf {
min-height: 52px;
}

.manage-one .manage-one-li ul,
.manage-two .manage-two-item {
align-items: flex-end;
}

.manage-one .manage-one-li1 ul {
padding: 0 10%;
}

.manage-one .manage-one-li2 ul {
padding: 0 5%;
}

.manage-one .manage-one-li3 ul {
padding: 0 9%;
}

.manage-two {
position: relative;
padding-top: 4%;
padding-bottom: 4.3%;
}

.manage-two .manage-two-font {
padding-left: 6%;
padding-right: 35%;
}

.manage-two .manage-two-font h5 {
font-size: 0.36rem;
color: #333333;
}

.manage-two .manage-two-item {
padding-right: 25%;
padding-left: 6%;
}

.manage-two .mage-dec {
font-size: 16px;
line-height: 30px;
color: #ff7e41;
margin-top: 5px;
}

.manage-two .manage-two-dec {
font-size: 16px;
line-height: 30px;
color: #666666;
min-height: 76px;
margin-top: 2%;
margin-bottom: 8%;
}

.manage-two .manage-two-ul {
flex-wrap: wrap;
}

.manage-two .manage-two-ul li {
background-color: #f7f7f7;
width: 49%;
margin-right: 1.5%;
margin-bottom: 1.5%;
padding: 5.5% 0;
}

.manage-two .manage-two-ul li:nth-child(2n),
.manage-two .manage-two-li:last-child {
margin-right: 0px;
}

.manage-two .manage-two-li {
margin-right: 6%;
}
/* proinfo */
.proinfo {
position: relative;
overflow: hidden;
}

.proinfo-one {
position: relative;
}

.proinfo-one .proinfo-one-item {
position: absolute;
top: 7%;
left: 50%;
transform: translate(-50%, -7%);
text-align: center;
z-index: 3;
}

.proinfo-one .proinfo-one-font h4,
.proinfo-sone .proinfo-one-font h4 {
font-size: 0.52rem;
color: #ffffff;
}

.proinfo-one .proinfo-one-font h4 span,
.proinfo-sone .proinfo-one-font h4 span {
font-size: 0.72rem;
font-family: Gilroy-Regular;
vertical-align: -4px;
}

.proinfo-one .dec,
.proinfo-sone .dec {
font-size: 0.36rem;
color: #ffffff;
}

.proinfo-one .dec span,
.proinfo-sone .dec span {
font-size: 0.46rem;
font-weight: lighter;
vertical-align: -4px;
}

.proinfo-one .proinfo-img {
margin-top: 5%;
}

.prodata-evaluate__full {
background-color: rgba(246, 246, 246, 0.4)
}

.prodata-evaluate__cont {
max-width: 850px;
position: relative;
margin-left: auto;
margin-right: auto;
color: #838383
}

.prodata-evaluate__cont .pe-arrow {
outline: none;
transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-block;
vertical-align: middle;
font-size: 24px;
margin: 0 2px;
color: #B1B1B1
}

.prodata-evaluate__slick .item-box {
position: relative;
padding: 50px 0
}

.prodata-evaluate__slick .item-num {
font-size: 15.625vw;
color: #F6F6F6;
font-family: "Avenir Heavy";
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: -1
}

.prodata-evaluate__slick .item-txt {
color: #018092
}

.prodata-evaluate__slick .item-intro {
display: inline-block;
padding-left: 42px;
position: relative
}

.prodata-evaluate__slick .item-intro::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
background-color: rgba(112, 112, 112, 0.4);
width: 30px;
height: 1px
}

.prodata-classify__full {
background-color: #FAFAFA
}

.prodata-classify__full li {
margin-bottom: 30px
}

.prodata-classify__full .item-box {
position: relative
}

.prodata-classify__full figure {
position: relative;
overflow: hidden
}

.prodata-classify__full figure::before {
content: "";
display: block
}

.prodata-classify__full figure img {
transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
left: 0;
top: 0;
width: 100%
}

.prodata-classify__full .row-10 {
width: 100%
}

.prodata-classify__full .row-10 figure::before {
padding-top: 48.91122%
}

.prodata-classify__full .row-5 {
display: inline-block;
vertical-align: middle;
width: 50%
}

.prodata-classify__full .row-5 figure::before {
padding-top: 100%
}

.prodata-classify__full article {
transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity: 0;
visibility: hidden;
font-size: 20px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 1.5em;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.5))
}

.prodata-abstract__cont .txt {
max-width: 900px;
margin-left: auto;
margin-right: auto
}

.prodata-abstract__list li {
width: 210px
}

.prodata-abstract__list .dec {
position: relative;
max-width: 60px;
margin: 0 auto
}

.prodata-abstract__list .dec::before {
content: "";
display: block;
padding-top: 100%
}

.prodata-abstract__list .dec img {
position: absolute;
left: 0;
top: 0;
max-width: 100%
}

.prodata-abstract__list .item-txt {
margin-top: .3125em
}

.prodata-config__full {
padding-left: 13.54167vw;
position: relative;
height: 780px
}

.prodata-config__bgPic {
position: absolute;
right: 0;
bottom: 20px;
width: 41.97917%;
text-align: right
}

.prodata-config__bgPic img {
max-width: 100%
}

.prodata-config__filtrate li {
display: inline-block;
vertical-align: middle;
margin-right: 3.75em
}

.prodata-config__filtrate a {
transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #838383;
display: inline-block;
position: relative;
line-height: 1;
padding-bottom: 4px
}

.prodata-config__filtrate a::after {
transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: width .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #018092
}

.prodata-config__filtrate .on a {
color: #018092
}

.prodata-config__filtrate .on a::after {
width: 100%
}

.prodata-config__list {
max-width: 900px;
position: relative;
z-index: 10
}

.prodata-config__list .item-box {
padding-left: 56px;
position: relative
}

.prodata-config__list .item-dec {
position: absolute;
left: 0;
top: 0;
max-width: 40px
}

.prodata-config__list .item-dec img {
max-width: 100%
}

.prodata-config__list .item-title {
color: #4D4D4D
}

.prodata-config__list .item-txt {
font-size: 14px;
line-height: 1.71429;
color: #B1B1B1;
font-family: "Avenir Medium"
}

.prodata-text__full {
position: relative;
height: calc(100vh - 0px);
overflow: hidden
}

.prodata-text__full img {
width: 100% !important;
height: 100% !important;
}

.prodata-text__full .cont {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%
}

.prodata-text__full .cont span {
font-size: 14.58333vw;
color: #0d559a;
font-family: "Avenir Heavy"
}

.prodata-text__full .cont span::before {
content: attr(data-text);
position: absolute;
z-index: 10;
color: #018092;
-webkit-mask: linear-gradient(to left, #0d559a, rgba(0, 0, 0, 0))
}

.prodata-text__full .pic {
position: absolute;
left: 50%;
top: calc(100vh - 518px);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
max-width: 630px
}

.prodata-recommend__full .bgPic {
position: absolute;
left: 0;
top: 0;
width: 100%;
/* height: 100%; */
height: calc(100vh - 0px);
}

.prodata-recommend__full .small-bgPic {
display: none
}

.prodata-recommend__cont .item-ct {
color: #000
}

.prodata-recommend__cont .item-et {
margin-top: -3px;
font-size: 108px;
font-family: "Avenir Heavy";
color: #0d559a
}

.prodata-recommend__cont .item-et::before {
content: attr(data-text);
position: absolute;
z-index: 10;
color: #018092;
-webkit-mask: linear-gradient(to left, #0d559a, rgba(0, 0, 0, 0))
}

.prodata-recommend__cont .item-intro {
font-family: Gilroy-Regular;
font-size: 18px;
line-height: 36px;
color: #666666;
margin-top: 4%;
}

.prodata-recommend__cont .more2 {
margin-top: 10%;
}

.prodata-recommend__cont .item-video {
display: inline-block;
cursor: pointer
}

.prodata-recommend__cont .item-video .item-vbtn,
.prodata-recommend__cont .item-video span {
display: inline-block;
vertical-align: middle
}

.prodata-recommend__cont .item-video .item-vbtn {
transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
width: 47px;
height: 47px;
border: 2px solid #018092;
border-radius: 50%;
margin-right: 14px
}

.prodata-recommend__cont .item-video .item-vbtn i {
transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: ranslate(-50%, -50%);
-moz-transform: ranslate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: ranslate(-50%, -50%);
font-size: 12px;
color: #018092
}

.prodata-recommend__cont .item-video span {
transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-size: 16px;
color: #838383;
letter-spacing: .6px
}

.prodata-animate__full {
overflow: hidden;
position: relative
}

.prodata-scroll__bg {
position: absolute;
left: 0;
/* top: 0; */
bottom: 0px;
width: 100%;
height: 100%;
background-color: rgba(249, 249, 249, 1);
opacity: 0
}

.prodata-scroll__space {
position: relative
}

.modal-video__full {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 700
}

.modal-video__full .mv-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7)
}

.modal-video__full .mv-video__cont {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
max-width: 90%;
right: 0;
margin: auto;
text-align: center;
z-index: 120
}

.modal-video__full .mv-video__cont video {
max-width: 100%;
outline: none;
max-height: 650px
}

.modal-video__full .mv-close {
transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-block;
font-size: 20px;
position: absolute;
right: 24px;
top: 24px;
color: #fff;
z-index: 200
}

.prodata-config__slick li {
margin-bottom: 42px
}

.prodata-greet__attr li {
margin-right: 70px;
margin-bottom: 45px
}

.prodata-greet__attr span {
color: #018092;
font-family: "Avenir Medium";
line-height: 1.2
}

.prodata-greet__attr .item-box {
text-align: center
}

.prodata-greet__attr .item-num {
line-height: 1;
display: inline-block;
position: relative
}

.prodata-greet__attr .sym {
color: #018092;
display: inline-block;
vertical-align: super;
font-size: 16px
}

.prodata-greet__bgPic {
margin-top: 10px;
position: relative
}

.prodata-greet__bgPic::before {
content: "";
display: block;
padding-top: 48.33333%
}

.prodata-greet__bgPic img {
position: absolute;
left: 0;
top: 0;
max-width: 100%
}

.prodata-bgPic .pd-vid,
.prodata-greet__bgPic .pd-vid {
position: absolute;
left: 40px;
bottom: 30px;
z-index: 10
}

.prodata-hybr__caption {
font-size: 0
}

.prodata-hybr__title,
.prodata-hybr__inner {
display: inline-block;
vertical-align: top;
width: 50%
}

.prodata-hybr__title {
padding-right: 30px
}

.prodata-bgPic {
position: relative
}

.prodata-bgPic::before {
content: "";
display: block;
padding-top: 48.33333%
}

.prodata-bgPic img {
position: absolute;
left: 0;
top: 0;
width: 100%
}

.prodata-hybr__list .item-pic {
position: relative
}

.prodata-hybr__list .item-pic::before {
content: "";
display: block;
padding-top: 68.72852%
}

.prodata-hybr__list .item-pic img {
position: absolute;
left: 0;
top: 0;
width: 100%
}

.prodata-hybr__attr ul {
display: flex;
align-content: center;
justify-content: center
}

.prodata-hybr__attr li {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 30px;
border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.prodata-hybr__attr .item-icon {
width: 56px;
position: relative;
margin-left: auto;
margin-right: auto
}

.prodata-hybr__attr .item-icon::before {
content: "";
display: block;
padding-top: 100%
}

.prodata-hybr__attr .item-icon img {
position: absolute;
left: 0;
top: 0;
width: 100%
}

.prodata-hybr__attr .item-title {
text-align: center;
margin-top: .3125em
}

.prodata-sec__cont .txt {
max-width: 740px;
margin-left: auto;
margin-right: auto
}

.prodata-greet__txt {
margin-top: 10px
}

.prodata-marketing__slick .item-pic {
position: relative
}

.prodata-marketing__slick .item-pic::before {
content: "";
display: block;
padding-top: 48.33333%
}

.prodata-marketing__slick .item-pic img {
position: absolute;
left: 0;
top: 0;
width: 100%
}

.prodata-marketing__slick .slick-dots {
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
text-align: center
}

.prodata-business__tab,
.prodata-business__slick {
display: inline-block;
vertical-align: top
}

.prodata-business__tab {
width: 34%;
padding-right: 70px;
border-left: 1px solid rgba(112, 112, 112, 0.4)
}

.prodata-business__tab a {
display: block;
padding-left: 30px;
position: relative
}

.prodata-business__tab a::before {
transition: height .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: height .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: height .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: height .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 0;
background-color: #018092
}

.prodata-business__tab li {
margin-bottom: 20px
}

.prodata-business__tab li:last-child {
margin-bottom: 0
}

.prodata-business__tab li:first-child .item-txt {
display: block
}

.prodata-business__tab .on a::before {
height: 100%
}

.prodata-business__tab .on .item-title {
color: #018092
}

.prodata-business__tab .item-title {
transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.prodata-business__tab .item-txt {
margin-top: .625em;
display: none
}

.prodata-business__slick {
width: 64%
}

.prodata-business__slick .item-pic {
position: relative
}

.prodata-business__slick .item-pic::before {
content: "";
display: block;
padding-top: 59.70149%
}

.prodata-business__slick .item-pic img {
position: absolute;
left: 0;
top: 0;
width: 100%
}

.place-box {
position: absolute;
right: 0px;
/* top: 0px; */
bottom: 0px;
width: 41.66667vw
}

.place-box::before {
content: "";
display: block;
padding-top: 100%
}

.place-box .place-bgPic {
position: absolute;
right: 0;
top: 0;
width: 100%;
/* height: 100%;; */
height: calc(100vh - 0px);
}

.place-box .place-bgPic img {
width: 100%
}

@media (min-width: 1259px) {
.prodata-classify__cont {
margin-left: 70px;
margin-right: 70px
}

.prodata-business__tab a:hover .item-title {
color: #018092
}

.modal-video__full .mv-close:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}

.list-product a:hover figure img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}

.prodata-recommend__full .place-pic {
position: absolute;
left: 50%;
top: 60%;
transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-webkit-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
max-width: 613px;
width: 24.27083vw;
opacity: 0;
visibility: hidden;
border: 1px solid #000;
}

.prodata-recommend__full .place-pic::before {
content: "";
display: block;
padding-top: 142.64339%
}

.prodata-recommend__full .place-pic img {
position: absolute;
left: 0;
top: 0;
max-width: 100%
}

.prodata-recommend__cont {
padding-left: 13.79167%;
display: flex;
align-items: center;
width: 50%;
/* height: 100%; */
height: calc(100vh - 0px);
}

.prodata-scroll__pic {
position: absolute;
left: 80%;
top: 10%;
max-width: 613px;
width: 30.32292vw;
/* width: auto; */
z-index: 9;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
will-change: transform;
}

.yqts {
position: relative;
}

.prodata-scroll__pic img {
max-width: 100%;
-webkit-transform: scale(2);
transform: scale(2);
will-change: transform;
opacity: 0;
}

.prodata-scroll__pic p {
text-align: center;
width: 100%;
margin: auto;
font-size: 15px;
color: #666666;
position: absolute;
bottom: 5%;
}

.prodata-recommend__full {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100vh - 0px);
}

.prodata-scroll__space {
/* height: 320vh; */
height: 180vh;
}

.prodata-recommend__animate {
transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}

.prodata-recommend__animate.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0)
}

.prodata-recommend__cont .item-video:hover .item-vbtn {
background-color: #018092
}

.prodata-recommend__cont .item-video:hover .item-vbtn i {
color: #fff
}

.prodata-hybr__toggle a:hover .item-dec::before {
opacity: 1;
visibility: visible
}

.prodata-hybr__toggle a:hover .item-title {
color: #fff
}

.prodata-config__filtrate a:hover {
color: #018092
}

.prodata-config__filtrate a:hover::after {
width: 100%
}

.prodata-classify__full .item-box:hover figure img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}

.prodata-classify__full .item-box:hover article {
opacity: 1;
visibility: visible
}

.prodata-evaluate__cont .pe-arrow:hover {
color: #018092
}

.prodata-evaluate__cont .pe-prev:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}

.prodata-evaluate__cont .pe-next:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px)
}
}

@media (min-width: 801px) {
.prodata-hybr__attr li:last-child {
border-right: none
}
}

@media (max-width: 1600px) {
.prodata-classify__full article {
font-size: 18px
}

.prodata-hybr__cont,
.prodata-hybr__list {
left: 12%
}

.prodata-recommend__cont {
padding-left: 12%
}

.prodata-recommend__cont .item-et {
font-size: 90px
}

.prodata-config__full {
padding-left: 12.5vw
}

.prodata-hybr__attr .item-icon {
width: 48px
}
}

@media (max-width: 1540px) {
.prodata-abstract__list .dec {
max-width: 45px
}

.prodata-hybr__toggle .item-dec {
width: 42px;
height: 42px
}

.prodata-hybr__toggle .item-dec img {
max-width: 24px
}

.prodata-hybr__toggle .item-title {
font-size: 14px
}

.prodata-config__full {
height: 740px
}

.prodata-hybr__attr .item-icon {
max-width: 42px
}

.prodata-hybr__attr li {
padding-left: 30px;
padding-right: 30px
}

.prodata-config__full {
padding-left: 40px
}
}

@media (max-width: 1500px) {
.prodata-greet__attr li {
margin-right: 42px
}
}

@media (max-width: 1440px) {
.prodata-hybr__cont,
.prodata-hybr__list {
left: 8%
}

.prodata-hybr__showPic {
width: 480px
}

.prodata-hybr__list .item-dec {
width: 64px
}

.prodata-recommend__cont {
padding-left: 8%
}

.prodata-recommend__cont .item-et {
font-size: 84px
}

.prodata-config__list {
max-width: 830px
}

.prodata-classify__full article {
font-size: 16px
}
}

@media (max-width: 1380px) {
.prodata-classify__full article {
font-size: 16px
}

.prodata-hybr__cont,
.prodata-hybr__list {
left: 10%
}

.prodata-recommend__cont {
padding-left: 10%
}

.prodata-hybr__list {
font-size: 14px
}

.prodata-hybr__list .item-dec {
width: 58px
}

.prodata-toggle__inner {
top: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
bottom: 40px
}

.prodata-hybr__toggle .item-title {
font-size: 14px
}

.modal-video__full .mv-close {
font-size: 18px
}
}

@media (max-width: 1280px) {
.prodata-classify__full article {
font-size: 14px
}

.prodata-hybr__showPic {
width: 420px
}

.prodata-config__full {
padding-left: 30px;
height: auto
}

.prodata-hybr__attr li {
padding-left: 20px;
padding-right: 20px
}

.prodata-hybr__attr .item-icon {
width: 42px
}
}

@media (max-width: 1100px) {
.prodata-hybr__showPic {
width: 380px
}
}

@media (max-width: 1024px) {
.prodata-evaluate__cont {
max-width: 100%;
margin-left: 20px;
margin-right: 20px
}

.prodata-classify__full article {
opacity: 1;
visibility: visible;
padding: 30px 20px
}

.prodata-hybr__showPic,
.prodata-config__bgPic,
.prodata-text__full {
display: none
}

.prodata-hybr__cont,
.prodata-hybr__list,
.prodata-toggle__inner,
.prodata-recommend__cont {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto
}

.prodata-config__full {
padding-left: 30px;
padding-right: 30px
}

.prodata-toggle__inner {
text-align: right;
margin-top: 50px;
width: auto
}

.prodata-toggle__inner .wow {
display: inline-block;
width: 80%;
max-width: 532px
}

.prodata-business__bCont {
margin-top: 50px;
float: none
}

.prodata-recommend__full {
padding-top: 50px;
padding-bottom: 50px
}

.prodata-scroll__pic {
max-width: 610px;
margin: 0 auto;
width: 200px;
position: relative
}

.prodata-scroll__pic::before {
content: "";
display: block;
padding-top: 142.64339%
}

.prodata-scroll__pic img {
position: absolute;
left: 0;
top: 0;
max-width: 100%
}

.prodata-recommend__cont {
text-align: center;
margin-top: 50px;
padding-left: 0
}

.prodata-recommend__cont .item-video .item-vbtn {
width: 42px;
height: 42px
}

.prodata-recommend__cont .item-et {
font-size: 68px
}

.prodata-recommend__full .place-box {
display: none
}

.prodata-recommend__full .small-bgPic {
display: block
}

.prodata-recommend__full .larze-bgPic {
display: none
}

.prodata-abstract__list .dec {
max-width: 32px
}

.prodata-business__tab {
padding-right: 35px
}

.prodata-marketing__slick .slick-dots {
bottom: 20px
}

.prodata-hybr__title,
.prodata-hybr__inner {
width: 100%
}

.prodata-hybr__title {
padding-right: 0
}

.prodata-hybr__inner {
margin-top: 15px
}

.prodata-evaluate__slick .item-num {
font-size: 160px
}

.pro-item__row {
padding-bottom: 60px
}

.prodata-abstract__list li {
width: 25%
}
}

@media (max-width: 800px) {
.prodata-business__tab,
.prodata-business__slick {
width: 100%
}

.prodata-business__tab a {
padding-left: 20px
}

.prodata-business__slick {
margin-top: 30px
}

.prodata-hybr__attr ul {
flex-wrap: wrap
}

.prodata-hybr__attr li {
width: 33.33%
}

.prodata-greet__title,
.prodata-greet__txt,
.prodata-hybr__title,
.prodata-hybr__inner {
text-align: center
}
}

@media (max-width: 740px) {
.list-product article {
width: 100%;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px
}

.list-product figure {
max-width: 420px;
width: 100%;
display: block;
margin-top: 30px;
margin-left: auto;
margin-right: auto
}
}

@media (max-width: 650px) {
.prodata-config__list .list > li {
width: 50%
}

.prodata-config__list .item-box {
padding-left: 42px
}

.prodata-config__list .item-dec {
max-width: 32px
}

.prodata-config__list .item-title {
margin-bottom: 4px
}

.prodata-config__list .item-txt {
font-size: 12px;
line-height: 1.6
}

.prodata-abstract__list li {
width: 25%
}

.prodata-abstract__list .item-box {
text-align: center
}

.prodata-recommend__cont .item-et {
font-size: 52px
}

.prodata-recommend__cont .item-video .item-vbtn {
width: 38px;
height: 38px;
margin-right: 6px
}

.prodata-recommend__cont .item-video span {
font-size: 14px
}

.prodata-classify__full li {
margin-bottom: 15px
}

.prodata-classify__full article {
padding: 15px 10px
}

.prodata-classify__full h1 {
font-size: 14px
}

.list-product figure {
max-width: 180px
}

.list-product .item-txt {
margin-top: 15px
}

.list-product .lp-btn__box {
margin-top: 24px
}

.prodata-evaluate__cont .pe-arrow {
font-size: 18px
}

.modal-video__full .mv-close {
font-size: 16px
}

.prodata-greet__attr li {
margin-right: 0;
width: 33.33%
}

.prodata-greet__attr .sym {
font-size: 14px;
top: 0
}

.prodata-hybr__attr .item-icon {
width: 32px
}

.prodata-hybr__attr li {
padding-right: 15px;
padding-left: 15px
}

.prodata-business__tab a::before {
width: 3px
}

.list-product h1 {
font-size: 20px
}

.prodata-bgPic .pd-vid,
.prodata-greet__bgPic .pd-vid {
left: 20px;
bottom: 20px
}

.prodata-evaluate__slick .item-box {
padding: 30px 0
}
}

@media (max-width: 500px) {
.pcf-pd {
display: none
}

.prodata-evaluate__full {
padding-top: 50px
}

.prodata-evaluate__full .pef-pd {
padding-top: 50px
}

.product-data .sme-business__full {
margin-top: 50px
}
}

.proinfo-two {
align-items: center;
}

.symd {
}

.symd li {
width: 19%;
float: left;
margin-right: 0 !important;
margin: 1%;
}

.symd li img {
}

.proinfo-two .proinfo-two-left,
.proinfo-two .proinfo-two-right {
width: 50%;
position: relative;
overflow: hidden;
}

.proinfo-two .proinfo-two-left img {
width: 100%;
}

.proinfo-two .proinfo-two-font h5 {
font-size: 0.48rem;
color: #333333;
margin-top: 15px;
padding-bottom: 6%;
}

.proinfo-two .proinfo-two-dec {
font-size: 18px;
color: #666666;
line-height: 36px;
margin-bottom: 8%;
}

.proinfo-two .proinfo-two-right {
padding: 4% 13.5% 4% 5%;
}

.proinfo-two ul li,
.proinfo-three ul li {
overflow: hidden;
position: relative;
margin-right: 8px;
}

.proinfo-two ul li:last-child,
.proinfo-three ul li:last-child {
margin-right: 0px;
}

.proinfo-tit h5 {
font-size: 0.48rem;
color: #333333;
text-align: center;
}

.proinfo-tit h5 span {
font-family: Gilroy-Regular;
font-size: 0.58rem;
vertical-align: -3px;
}

.proinfo-tit p {
font-size: 18px;
line-height: 36px;
color: #666666;
text-align: center;
margin-top: 10px;
}

.proinfo-tit p span {
font-family: Gilroy-Regular;
}

.proinfo-three,
.proinfo-five {
padding: 4%;
position: relative;
}

.proinfo-three {
padding: 4% 0%;
}

.proinfo-sum {
padding: 4%;
background: #f8f8f8;
}

.proinfo-sum2,
.proinfo-sum5 {
background-color: white;
}

.proinfo-three ul {
margin-top: 2.5%;
}

.proinfo-three ul li {
margin-right: 2%;
}

.proinfo-three ul li p {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
font-size: 20px;
line-height: 32px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.34);
color: white;
}

.proinfo-four .proinfo-four-icon {
height: 85px;
position: relative;
margin-bottom: 8%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.proinfo-four .proinfo-four-ul li:hover .proinfo-four-icon {
transform: translateY(-20px);
}

.proinfo-four .proinfo-four-ul {
flex-wrap: wrap;
margin-top: 4%;
}

.proinfo-four .proinfo-four-ul li {
width: 33.333%;
}

.proinfo-four .proinfo-four-ul li:nth-child(1),
.proinfo-four .proinfo-four-ul li:nth-child(2),
.proinfo-four .proinfo-four-ul li:nth-child(3) {
margin-bottom: 6.5%;
}

.proinfo-four .proinfo-four-ul h5 {
font-size: 18px;
line-height: 28px;
text-align: center;
font-family: Gilroy-Regular;
color: #666666;
}

.proinfo-four .proinfo-four-item {
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
position: relative;
margin: 0 auto;
margin-top: -130px;
padding: 4% 4.5%;
}

.proinfo-five {
background-color: #f7f7f7;
margin-top: 4%;
}

.proinfo-five table {
width: 100%;
max-width: 1180px;
margin: auto;
}

.proinfo-five table tr {
}

.proinfo-five table td {
border: 1px solid #666666;
padding: 5px;
color: #666666;
line-height: 36px;
text-align: center;
}

.proinfo-five .proinfo-five-table {
overflow-x: auto;
overflow-y: hidden;
margin-top: 3%;
}

.proinfo-five .proinfo-five-table table {
width: 1000px;
margin: 0 auto;
}

.proinfo-five .proinfo-five-table td {
font-size: 16px;
line-height: 36px;
color: #666666;
text-align: center;
border: solid 1px #666666;
font-family: Gilroy-Regular;
width: 33.333%;
}

.tesing-two .swiper-pagination,
.proinfo-sone {
display: none;
}
/* responsive */
@media screen and (max-width: 1479px) {
.manage-one .manage-one-li1 ul {
padding: 0 6%;
}

.manage-one .manage-one-li2 ul {
padding: 0 3%;
}

.manage-one .manage-one-li3 ul {
padding: 0 5%;
}

.manage-two .manage-two-li {
margin-right: 3%;
}

.tesing-one-left {
padding-right: 5%;
}

.tesing-two .tesing-two-tit {
font-size: 18px;
}

.manage-two .manage-two-item {
padding-right: 20%;
}

.manage-two .manage-two-font {
padding-right: 30%;
}

.index-cont2 .left {
padding-left: 2%;
}

.index-cont2main::before {
left: 2%;
}

.index-cont2 .right .pic::after {
width: 35%;
}

.index-cont2 .right::before {
right: 20%;
}
}

@media screen and (max-width: 1366px) {
.manage-one .manage-one-li ul {
flex-wrap: wrap;
justify-content: center;
padding: 0 5%;
}

.index-cont2 .left {
padding-left: 5%;
}

.index-cont2 .right .pic {
border-radius: 0px 0px 0px 200px;
}

.index-cont2main::before {
left: 5%;
}

.manage-one .manage-one-li ul li {
width: 22%;
padding-bottom: 4%;
}

.manage-one .manage-one-li {
padding: 5.5% 0 3% 0;
}

.manage-two .manage-two-item {
flex-wrap: wrap;
}

.manage-two .manage-two-ul li {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-right: 0px;
padding: 5.5% 3%;
}

.manage-two .manage-two-font {
width: 45%;
padding: 0;
padding-right: 30px;
}

.manage-two .manage-two-item {
width: 55%;
padding-left: 20px;
justify-content: flex-start;
}

.manage-two .manage-two-li {
width: 48.5%;
margin-bottom: 40px;
}

.manage-two .manage-two-li:nth-child(2n) {
margin-right: 0px;
}

.manage-two .manage-two-font h5,
.manage-one .manage-one-tit h5,
.alot-two .font .font-tit,
.tesing .tesing-tit h5 {
font-size: 24px;
}

.tesing .tesing-tit h5 span {
font-size: 26px;
}

.manage-one .manage-one-liimg img {
padding: 0 15px;
}

.alot-three,
.tesing-three,
.tesing-four,
.tesing-one,
.tesing-two,
.proinfo-three,
.proinfo-five {
padding: 60px 0;
}

.proinfo-sum {
padding: 60px 0;
}

.proinfo-five {
margin-top: 60px;
}

.alot-more {
width: 180px;
height: 55px;
line-height: 51px;
}

.tesing-four .tesing-four-cont {
margin: 15.5% auto 4% auto;
}

.tesing-four .tesing-four-cont li {
width: 31%;
}

.tesing-two .tesing-two-itit,
.proinfo-four .proinfo-four-ul h5 {
font-size: 16px;
}

.manage-two .manage-two-item {
padding-right: 0%;
}

.proinfo-two .proinfo-two-right {
padding: 2% 5.5% 0% 4%;
}

.proinfo-two .proinfo-two-font h5 {
padding-bottom: 4%;
}

.proinfo-two .proinfo-two-dec {
margin-bottom: 5%;
}

.agtwo3 .swiper-button-next:after,
.agtwo3 .swiper-button-prev:after {
font-size: 30px;
}
}

@media screen and (max-width: 1259px) {
.tesing-four .tesing-four-cont li {
width: 35%;
}

.proinfo-two .proinfo-two-dec {
font-size: 16px;
line-height: 26px;
}

.prodata-recommend__full .small-bgPic {
display: block;
}

.prodata-recommend__full .larze-bgPic {
display: none;
}

.prodata-recommend__full {
padding-top: 50px;
padding-bottom: 50px;
}

.prodata-scroll__pic {
position: relative;
}

.proinfo-sone .proinfo-one-font h4 {
font-size: 40px;
}

.proinfo-sone .proinfo-one-font h4 span {
font-size: 44px;
}

.proinfo-sone .dec {
font-size: 28px;
}

.proinfo-sone .dec span {
font-size: 32px;
vertical-align: -2px;
}

.prodata-scroll__pic img {
position: absolute;
left: 0;
top: 0;
max-width: 100%;
}

.proinfo-one {
display: none;
}

.proinfo-sone {
display: block;
z-index: 3;
padding-top: 15%;
padding-bottom: 2%;
}

.proinfo-sone .proindo-sone-list {
align-items: center;
}

.proinfo-sone .proinfo-one-font {
text-align: center;
}

.proinfo-sone .proinfo-sone-img {
width: 45%;
}

.proinfo-sone .proinfo-sone-font {
width: 55%;
}

.proinfo-sone .proinfo-img img {
width: 50vw;
display: block;
margin: 0 auto;
}

.proinfo-sone .proinfo-sone-img {
margin: 0 auto;
}

.proinfo-sone .proinfo-sone-font .item-ct {
color: #ffffff;
}

.proinfo-sone .item-intro {
font-family: Gilroy-Regular;
font-size: 18px;
line-height: 36px;
color: #fff;
margin-top: 25px;
}

.proinfo-sone .more2 {
color: #ff7e41;
background: #fff;
margin-top: 35px;
}

.proinfo-sone .proinfo-img {
margin-top: 35px;
}
}

@media screen and (max-width: 1100px) {
.manage-one .manage-one-li ul li {
width: 25%;
}

.manage {
padding-top: 50px;
}

.manage-one .manage-one-img {
padding-bottom: 40px;
}

.alot-two .font {
padding-right: 8%;
}

.tesing-one .tesing-one-list {
flex-wrap: wrap;
}

.tesing-one-left,
.tesing-one-right {
width: 100%;
}

.tesing-one .tesing-tit {
padding-bottom: 20px;
}

.tesing-one .tesing-dec {
margin-top: 20px;
}

.tesing-one-left .tesing-tit::after {
height: 3px;
width: 60px;
}

.tesing-one-right {
margin-top: 30px;
}

.tesing-two .tesing-two-top {
margin-top: 20px;
}

.tesing-two .tesing-two-cont {
padding-top: 30px;
}

.tesing-two .tesing-two-tit {
padding: 20px 0;
}

.tesing-four .tesing-four-cont li {
width: 43%;
}

.tesing-four .tesing-four-ctfont {
font-size: 22px;
}

.tesing-four .tesing-four-cont {
margin: 19.5% auto 6% auto;
}

.tesing-four .tesing-four-jh {
top: 45%;
left: 50%;
transform: translate(-50%, -45%);
}

.index-cont2 .right .pic {
border-radius: 0px 0px 0px 160px;
}
}

@media screen and (max-width: 980px) {
.manage-two .manage-two-font h5,
.manage-one .manage-one-tit h5,
.alot-two .font .font-tit,
.tesing .tesing-tit h5 {
font-size: 22px;
}

.tesing .tesing-tit h5 span {
font-size: 24px;
}

.manage-one .manage-one-li ul li {
width: 33.333%;
}

.manage-one .manage-one-li {
padding: 50px 0 30px 0;
}

.manage-two .manage-two-ul li {
flex-wrap: wrap;
}

.manage-two .manage-two-font,
.manage-two .manage-two-item脙炉脗录脜鈥 .wlwone-main .pic,
.wlwone-main .font {
width: 100%;
}

.manage-two .manage-two-font {
padding-right: 0px;
}

.manage-two .manage-two-item {
padding-left: 0px;
}

.manage-two .manage-two-li {
margin-right: 0px;
width: 33.333%;
padding: 0 3%;
}

.wlwone-main {
padding: 50px;
}

.wlwone-main .pic,
.wlwone-main .font {
float: none;
width: 100%;
}

.wlwone-main .font {
position: static;
transform: translateY(0px);
margin-top: 20px;
}

.wlwone-main p,
.tesing-three .tesing-three-img {
margin-top: 20px;
}

.alot-one {
padding-bottom: 40px;
}

.alot-two .font .font-dec {
font-size: 16px;
line-height: 26px;
margin-top: 15px;
}

.alot-three,
.tesing-three,
.tesing-four,
.tesing-one,
.tesing-two,
.proinfo-three,
.proinfo-five {
padding: 50px 0;
}

.proinfo-sum {
padding: 50px 0;
}

.alot-three .pic {
margin-bottom: 30px;
}

.tesing-two .tesing-two-btn li {
width: 16%;
}

.tesing-four .tesing-four-ct::before {
width: 350px;
height: 350px;
}

.tesing-four .tesing-four-ctimg img {
padding: 30px;
}

.tesing-four .tesing-four-jh img {
width: 25px;
}

.tesing-four .tesing-four-jh {
top: 48%;
left: 50%;
transform: translate(-50%, -48%);
}

.tesing-four .tesing-four-ctfont {
font-size: 20px;
}

.tesing-two .swiper-pagination {
display: block;
}

.tesing-two .swiper-container {
padding-bottom: 20px;
}

.tesing .tesing-tit p {
font-size: 16px;
}

.shop-three .shop-three-table {
overflow-x: auto;
overflow-y: hidden;
}

.shop-three .shop-three-table table {
width: 900px;
}

.manage-two .manage-two-item {
width: 100%;
}

.proinfo-tit h5,
.proinfo-two .proinfo-two-font h5 {
font-size: 24px;
}

.proinfo-tit h5 span {
font-size: 28px;
}

.proinfo-tit p {
font-size: 16px;
line-height: 24px;
}

.proinfo-five {
margin-top: 50px;
}

.proinfo-five .proinfo-five-table,
.proinfo-four .proinfo-four-ul {
margin-top: 20px;
}

.proinfo-four .proinfo-four-item {
margin-top: -50px;
padding: 50px 30px;
}

.proinfo-four .proinfo-four-ul li {
padding: 0 3%;
}

.proinfo-two {
flex-wrap: wrap;
}

.proinfo-two .proinfo-two-left,
.proinfo-two .proinfo-two-right {
width: 100%;
}

.proinfo-two .proinfo-two-font h5 {
padding-bottom: 20px;
}

.proinfo-two .proinfo-two-dec {
margin-bottom: 25px;
}

.proinfo-two .proinfo-two-right {
margin-top: 30px;
padding: 2% 4% 0%;
}

.proinfo-sone .proinfo-one-font h4 {
font-size: 32px;
}

.proinfo-sone .proinfo-one-font h4 span {
font-size: 38px;
}

.proinfo-sone .dec {
font-size: 24px;
margin-top: 5px;
}

.proinfo-sone .dec span {
font-size: 26px;
}

.proinfo-sone .proinfo-img img {
width: 66vw;
}

.proinfo-sone .item-intro {
font-size: 16px;
line-height: 32px;
margin-top: 15px;
}

.proinfo-sone .more2 {
margin-top: 25px;
}

.proinfo-sone {
padding-bottom: 60px;
}

.proinfo-sone .proindo-sone-list {
flex-wrap: wrap;
}

.proinfo-sone .proinfo-sone-font {
width: 100%;
}

.proinfo-sone .proinfo-sone-img {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 65%;
margin-top: -25px;
}

.proinfo-sone .proinfo-sone-font {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.index-cont2 .right .pic {
border-radius: 0px 0px 0px 100px;
}

.index-cont2 .right .pic {
margin-top: 6.5vw;
}
}

@media screen and (max-width: 767px) {
.index-cont1main .more {
padding: 0;
width: 100%;
margin: 0;
margin-bottom: 10px;
}

.manage-two .manage-two-font h5,
.manage-one .manage-one-tit h5,
.alot-two .font .font-tit,
.tesing .tesing-tit h5 {
font-size: 20px;
}

.tesing .tesing-tit h5 span {
font-size: 22px;
}

.manage {
padding-top: 40px;
}

.manage-one .manage-one-img {
padding-bottom: 30px;
}

.manage-one .manage-one-li ul li {
width: 50%;
}

.manage-two .manage-two-dec {
font-size: 15px;
}

.manage-one .manage-one-li ul li {
margin-bottom: 20px;
}

.manage-one .manage-one-li ul,
.manage-two .manage-two-item {
justify-content: flex-start;
}

.manage-one .manage-one-tit,
.manage-two .manage-two-dec {
margin-bottom: 25px;
}

.manage-two .manage-two-dec {
margin-top: 10px;
margin-bottom: 10px;
}

.manage-two .manage-two-ul li {
padding: 30px 15px 15px 15px;
background: #f7f7f7 !important;
}

.manage-one .manage-one-li {
padding: 40px 0 25px 0;
}

.manage-two .manage-two-li {
flex: initial;
width: 50%;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 0px;
}

.manage-two .manage-two-imgf {
margin-top: 15px;
}

.manage-one .manage-one-litit,
.manage-two .manage-two-imgf {
font-size: 14px;
}

.manage-one .manage-one-liimg img {
padding: 0 15px;
}

.manage-one .manage-one-li ul li {
padding: 0 10px;
}

.wlwone-main {
padding: 30px 20px;
}

.wlwone-main p,
.wlwone-main .font {
margin-top: 15px;
}

.wlw-two ul,
.alot-two > div,
.tesing-four .tesing-four-cont {
flex-wrap: wrap;
}

.wlw-two li:first-child,
.wlw-two li:last-child,
.wlw-two li {
width: 48%;
margin-right: 2%;
margin-bottom: 15px;
}

.wlw-two li:nth-child(2n) {
margin-right: 0px;
}

.wlw-two li:nth-child(3),
.wlw-two li:nth-child(4) {
margin-bottom: 0px;
}

.wlwthree-bot li:first-child,
.wlwthree-bot li:last-child,
.wlwthree-bot li {
position: static;
transform: translateY(0px);
width: 80%;
margin-bottom: 20px;
}

.wlw-three .tit .tit-h {
line-height: 30px;
}

.wlwthree-bot li:first-child,
.wlwthree-bot li:last-child {
text-align: center;
padding-left: 0px;
padding-right: 0px;
}

.wlwthree-box {
width: 75vw;
margin-bottom: 25px;
}

.alot-one p {
padding: 0;
margin-bottom: 30px;
}

.alot-one li {
width: 49%;
margin-bottom: 10px;
}

.alot-one li:nth-child(2n) {
margin-right: 0px;
}

.alot-two .font,
.alot-two .pic {
width: 100%;
padding-right: 0px;
}

.alot-two .font {
margin-bottom: 20px;
text-align: center;
}

.alot-more {
width: 150px;
height: 46px;
line-height: 41px;
font-size: 14px;
}

.tesing-two .tesing-two-tit {
font-size: 16px;
}

.tesing-two .tesing-two-btn li {
width: 30%;
}

.tesing-two .tesing-two-icon .img,
.tesing-two .tesing-two-btn li.active .tesing-two-icon .himg {
width: 50px;
height: 50px;
}

.tesing-two .tesing-two-icon {
height: 50px;
}

.tesing-two .swiper-container {
padding-bottom: 30px;
}

.tesing-four .tesing-four-cont li {
width: 100%;
}

.tesing-four .tesing-four-ctimg img {
padding: 60px;
}

.tesing-four .tesing-four-cont {
margin: 23.5% auto 6% auto;
}

.tesing-four .tesing-four-cont li:first-child {
padding-bottom: 25%;
}

.tesing-four .tesing-four-ct::before {
width: 300px;
height: 300px;
top: 65%;
left: 50%;
transform: translate(-50%, -65%);
}

.tesing-four .tesing-four-jh {
display: none;
}

.tesing-four .tesing-four-font {
padding: 15% 9% 0% 9%;
}

.tesing-four .tesing-four-ctfont {
margin-top: 4%;
}

.proinfo-tit h5,
.proinfo-two .proinfo-two-font h5 {
font-size: 22px;
line-height: 32px;
}

.proinfo-tit h5 span {
font-size: 25px;
}

.proinfo-four .proinfo-four-ul li {
width: 50%;
padding: 0 1%;
}

.proinfo-four .proinfo-four-icon {
padding: 0 50px;
height: 60px;
}

.proinfo-four .proinfo-four-item {
margin-top: -20px;
padding: 40px 10px;
}

.tesing-two .tesing-two-itit,
.proinfo-four .proinfo-four-ul h5,
.proinfo-tit p {
font-size: 14px;
line-height: 24px;
}

.proinfo-four .proinfo-four-ul {
justify-content: flex-start;
}

.proinfo-three ul,
.proinfo-two ul {
flex-wrap: wrap;
justify-content: flex-start;
}

.proinfo-three ul li,
.proinfo-two ul li {
width: 46%;
margin-bottom: 2%;
margin: 2%;
text-align: center;
}

.proinfo-three ul li {
width: 96%;
}

.proinfo-three ul li p {
font-size: 16px;
line-height: 24px;
}

.proinfo-three ul li:nth-child(2n),
.proinfo-two ul li:nth-child(2n) {
margin-right: 0px;
}

.proinfo-three ul {
margin-top: 15px;
}

.proinfo-two .proinfo-two-dec {
font-size: 15px;
}

.proinfo-sone .proinfo-one-font h4 {
font-size: 24px;
}

.proinfo-sone .proinfo-one-font h4 span {
font-size: 26px;
vertical-align: -1px;
}

.proinfo-sone .proinfo-img img {
width: 88vw;
}

.proinfo-sone .proinfo-sone-img {
width: 85%;
margin-top: -10px;
}

.proinfo-sone .proinfo-sone-img p {
color: white;
font-size: 12px;
margin: 10px 0 20px;
text-align: center;
}

.proinfo-sone {
padding-bottom: 40px;
padding-top: 110px;
}

.proinfo-sone .item-intro {
margin-top: 6px;
}

.proinfo-sone .more2 {
margin-top: 16px;
}

.proinfo-sone .dec {
font-size: 20px;
}

.proinfo-sone .dec span {
font-size: 20px;
vertical-align: -1px;
}

.proinfo-sone .proinfo-img {
margin-top: 20px;
}
}

@media screen and (max-width: 360px) {
.manage-one .manage-one-litit {
line-height: 23px;
}

.proinfo-four .proinfo-four-icon {
padding: 0 40px;
height: 60px;
}

.proinfo-four .proinfo-four-ul h5 {
font-size: 12px;
}

.index-cont1main .more {
margin-right: 3px;
width: 140px;
}
}
/* 20220222 */
.pri-one {
padding-top: 64px;
padding-bottom: 62px;
}

.pri1-con {
position: relative;
}

.pri1-img {
float: left;
width: 47.29%;
text-align: right;
}

.pri1-img img {
display: inline-block;
max-width: 100%;
}

.pri1-txt {
width: 52.71%;
position: absolute;
right: 0;
top: 50%;
padding-bottom: 2px;
transform: translateY(-50%);
}

.pri1-ul li {
margin-top: 13px;
}

.pri1-ul li:first-child {
margin-top: 0;
}

.pri1-ul li span {
display: block;
float: left;
font-weight: lighter;
border: 1px solid #dcdcdc;
background: transparent;
width: 57px;
height: 57px;
border-radius: 50%;
line-height: 57px;
font-size: 26px;
color: #FF7E41;
text-align: center;
transition: ease .5s;
}

.pri1-font {
margin-left: 78px;
font-size: 20px;
line-height: 30px;
color: #666;
padding: 13px 0;
}

.pri1-ul li:hover span {
background: #FF7E41;
color: #fff;
border-color: #FF7E41;
}

.pri-two {
background: #f8f8f8;
padding-top: 75px;
}

.pri2-con {
margin-top: 46px;
}

.pri2-ul {
margin: -52px -20px 0;
flex-wrap: wrap;
}

.pri2-ul li {
float: left;
width: 33.333%;
padding: 0 2%;
margin-top: 52px;
}

.pri2-ul li > div {
text-align: center;
}

.pri2-img {
text-align: center;
overflow: hidden;
}

.pri2-img img {
display: inline-block;
max-width: 100%;
transition: ease .5s;
}

.pri2-ul li:hover .pri2-img img {
transform: scale(1.05);
}

.pri2-txt {
margin-top: 23px;
}

.pri2-txt h3 {
font-size: 24px;
line-height: 30px;
color: #333;
}

.pri2-txt p {
margin-top: 5px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pri2-mo {
margin-top: 34px;
}

.pri-three {
padding-top: 73px;
padding-bottom: 0;
}

.pri3-con {
margin-top: 45px;
padding: 0 17.5%;
}

.pri3-ul {
margin: -59px -20px 0;
}

.pri3-ul li {
float: left;
width: 50%;
padding: 0 20px;
margin-top: 59px;
}

.pri3-ul li > div {
display: inline-block;
}

.pri3-icon {
width: 84px;
float: left;
height: 78px;
transition: ease .5s;
}

.pri3-ul li:hover .pri3-icon {
transform: rotateY(180deg);
}

.pri3-icon img {
display: inline-block;
max-width: 100%;
}

.pri3-txt {
margin-left: 105px;
text-align: left;
}

.pri3-txt h3 {
font-size: 24px;
line-height: 30px;
color: #333;
}

.pri3-txt p {
margin-top: 5px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pri3-mo {
margin-top: 40px;
}

.pri-four {
padding-top: 74px;
padding-bottom: 0;
}

.pri4-con {
margin-top: 46px;
}

.pri4-ul li {
float: left;
width: 33.333%;
}

.pri4-ul li > div {
position: relative;
width: 100%;
height: 500px;
}

.pri4-ul li > div::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 2;
top: 0;
}

.pri4-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.pri4-txt {
padding: 0 20px;
padding-bottom: 36px;
text-align: center;
width: 100%;
z-index: 3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.pri4-txt h3 {
font-size: 24px;
line-height: 30px;
color: #fff;
}

.pri4-txt p {
margin-top: 22px;
height: 52px;
font-size: 16px;
line-height: 26px;
color: #fff;
}

.pri4-txt p em {
display: block;
}

.pri-fiv {
padding-top: 74px;
padding-bottom: 46px;
}

.pri5-con {
margin-top: 58px;
}

.pri5-ul {
margin: 0 -20px;
}

.pri5-ul li {
float: left;
width: 25%;
padding: 0 20px;
}

.pri5-ul li > div {
text-align: center;
}

.pri5-icon {
transition: ease .5s;
border-radius: 50%;
width: 140px;
height: 140px;
background: #f8f8f8;
line-height: 140px;
text-align: center;
margin: 0 auto;
}

.pri5-icon img {
max-width: 100%;
display: inline-block;
}

.pri5-txt {
margin-top: 22px;
}

.pri5-txt h3 {
font-size: 24px;
line-height: 30px;
color: #333;
}

.pri5-txt p {
margin-top: 5px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pri5-ul li:hover .pri5-icon {
transform: translateY(-15px);
}

.solutw-one {
padding: 4.2% 0;
position: relative;
}

.solutw-one .solutw1-ul {
margin-bottom: 3.5%;
}

.solutw-one .solutw1-ul li {
position: relative;
width: 49%;
margin-right: 2%;
}

.solutw-one .solutw1-ul li:last-child,
.pritw-three .pritw3-ul li:last-child {
margin-right: 0px;
}

.solutw-one .solutw1-img {
position: relative;
width: 100%;
}

.solutw-one .solutw1-img::before {
z-index: 2;
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.solutw-one .solutw1-img img {
width: 100%;
}

.solutw-one .solutw1-txt {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
text-align: center;
padding: 3%;
}

.solutw-one .solutw1-txt h3 {
font-size: 22px;
line-height: 30px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 12px;
}

.solutw-one .solutw1-txt p {
font-size: 16px;
line-height: 28px;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.applet .tit .tit-h span {
font-family: Gilroy-Regular;
font-size: 40px;
vertical-align: -3px;
}

.pritw-three {
padding: 4.2% 0;
position: relative;
}

.pritw-three .pritw3-ul {
margin-bottom: 2%;
}

.pritw-three .pritw3-ul li {
flex: 1;
position: relative;
margin-right: 0.5%;
border: 1px solid rgba(158, 158, 158, 0.28);
}

.pritw-three .pritw3-txt h3 {
font-size: 24px;
line-height: 28px;
color: #333;
margin-bottom: 10px;
}

.pritw-three .pritw3-txt p {
margin-top: 4px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pritw-three .pritw3-img {
overflow: hidden;
}

.pritw-three .pritw3-img img {
width: 100%;
overflow: hidden;
}

.pritw-three .pritw3-ul li:hover .pritw3-img img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.pritw-three .pritw3-ul li:hover .pritw3-txt h3,
.pritw-fiv .pritw5-ul li:hover .pritw5-txt h3,
.pri-two .pri2-ul li:hover .pri2-txt h3 {
color: #FF7E41;
}

.pritw-three .pritw3-txt {
padding: 6% 10%;
}

.applet-more {
width: 320px;
}

.pritw-fiv {
padding-bottom: 4.1%;
position: relative;
}

.pritw-fiv .pritw5-ul li {
width: 33.333%;
position: relative;
text-align: center;
padding: 0 3%;
}

.pritw-fiv .pritw5-txt {
margin-top: 20px;
}

.pritw-fiv .pritw5-txt h3 {
font-size: 24px;
line-height: 28px;
color: #333;
}

.pritw-fiv .pritw5-txt p {
margin-top: 5px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pritw-fiv .pritw5-ul li .pritw5-icon {
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.pritw-fiv .pritw5-ul li:hover .pritw5-icon img {
transform: translateY(-20px);
}

@media (max-width:1459px) {
.pri4-ul li > div {
height: 400px;
}

.pri3-con {
padding: 0 11%;
}

.pri2-ul li {
padding: 0 5%;
}

.pritw-three .pritw3-txt h3,
.pritw-fiv .pritw5-txt h3,
.pri2-txt h3 {
font-size: 22px;
}

.pritw-fiv .pritw5-ul li {
padding: 0 4%;
}

.applet .tit .tit-h span {
font-size: 32px;
}
}

@media (max-width:1259px) {
.pri1-font {
font-size: 18px;
}

.pri2-txt h3,
.pri3-txt h3,
.pri4-txt h3,
.pri5-txt h3 {
font-size: 22px;
}

.pri5-icon {
width: 120px;
height: 120px;
line-height: 120px;
padding: 0 35px;
}

.pri4-txt p em {
display: inline;
}

.pri4-txt p {
height: auto;
}

.pritw-three .pritw3-ul {
flex-wrap: wrap;
}

.pritw-three .pritw3-ul li {
flex: none;
width: 33%;
}

.pritw-three .pritw3-ul li:nth-child(3n) {
margin-right: 0px;
}

.pritw-three .pritw3-ul {
width: 90%;
margin: 0 auto;
}
}

@media (max-width:1024px) {
.pri2-ul li,
.pritw-fiv .pritw5-ul li {
padding: 0 2%;
}

.solutw-one,
.pritw-three {
padding: 60px 0;
}

.pritw-fiv {
padding-bottom: 60px;
}
}

@media (max-width:991px) {
.pri1-img {
float: none;
width: 100%;
text-align: center;
}

.pri1-txt {
position: relative;
float: none;
width: 100%;
transform: none;
top: 0;
padding: 30px 0 0;
}

.pri1-ul li span {
font-size: 22px;
}

.pri1-font {
font-size: 16px;
}

.pri2-img {
padding: 0 20%;
}

.pri2-txt h3,
.pri3-txt h3,
.pri4-txt h3,
.pri5-txt h3 {
font-size: 21px;
}

.pri3-con {
padding: 0;
}

.pri4-txt p {
margin-top: 10px;
}

.pri5-icon {
width: 110px;
height: 110px;
line-height: 110px;
}

.pri5-txt {
margin-top: 10px;
}

.pri4-ul li > div {
height: 300px;
}

.pri4-txt {
padding-bottom: 0;
}

.pri3-icon {
width: 70px;
height: 65px;
}

.pri3-icon img {
height: 100%;
}

.pri3-txt {
margin-left: 95px;
}

.solutw-one .solutw1-ul,
.pritw5-ul {
flex-wrap: wrap;
}

.solutw-one .solutw1-ul li {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}

.pritw-three .pritw3-txt h3,
.pritw-fiv .pritw5-txt h3,
.pri2-txt h3 {
font-size: 20px;
}

.pritw-three .pritw3-ul li {
width: 49%;
}

.pritw-three .pritw3-ul li:nth-child(3n) {
margin-right: 0.5%;
}

.pritw-three .pritw3-ul li:nth-child(2n),
.pritw-fiv .pritw5-ul li:nth-child(2n) {
margin-right: 0px;
}

.pritw-fiv .pritw5-ul li {
width: 49%;
margin-bottom: 20px;
}

.pri-two {
padding-top: 60px;
}

.applet .tit .tit-h span {
font-size: 28px;
vertical-align: -2px;
}
}

@media (max-width:767px) {
.pri5-ul li {
width: 50%;
margin-top: 20px;
padding: 0 10px;
}

.pri5-ul {
margin: -20px -10px 0;
}

.pri5-icon {
width: 100px;
height: 100px;
line-height: 100px;
padding: 0 30px;
}

.pri5-txt p,
.pri3-txt p,
.pri2-txt p,
.pri4-txt p {
font-size: 14px;
line-height: 26px;
}

.pri2-txt h3,
.pri3-txt h3,
.pri4-txt h3,
.pri5-txt h3 {
font-size: 16px;
}

.pri5-con,
.pri4-con,
.pri2-con,
.pri3-con {
margin-top: 20px;
}

.pri1-ul li span {
font-size: 18px;
width: 45px;
height: 45px;
line-height: 45px;
}

.pri1-font {
margin-left: 60px;
padding: 9px 0;
font-size: 14px;
line-height: 26px;
}

.pri2-txt {
margin-top: 15px;
}

.pri2-ul li {
padding: 0 10px;
margin-top: 20px;
}

.pri2-ul {
margin: -20px -10px 0;
}

.pri3-ul li {
margin-top: 30px;
}

.pri3-ul {
margin-top: -30px;
}

.pri-four {
padding: 0 !important;
}

.swiper-font h2.tit-size52 {
font-size: 22px;
}

.solutw-one,
.pritw-three {
padding: 45px 0;
}

.pritw-fiv {
padding-bottom: 30px;
}

.applet-more {
width: 280px;
}

.pritw-three .pritw3-txt p {
font-size: 14px;
}

.pritw-three .pritw3-ul li,
.pritw-fiv .pritw5-ul li {
width: 100%;
margin-right: 0px;
}

.pritw-three .pritw3-ul li:nth-child(3n) {
margin-right: 0px;
}

.applet .tit .tit-h span {
font-size: 24px;
}

.solutw-one .solutw1-txt h3 {
font-size: 20px;
margin-bottom: 5px;
}

.solutw-one .solutw1-ul li {
margin-bottom: 12px;
}

.solutw-one .solutw1-txt p {
font-size: 14px;
}

.pritw-fiv .pritw5-ul li:hover .pritw5-icon img {
transform: translateY(0px);
}
}

@media (max-width:640px) {
.pri1-font {
padding: 0;
}

.pri2-ul li {
width: 50%;
}

.pri3-ul li {
width: 100%;
}

.pri3-icon {
width: 60px;
height: 56px;
}

.pri3-txt {
margin-left: 80px;
}

.pri4-ul li {
width: 100%;
margin-top: 20px;
}

.pri4-ul {
margin-top: -20px;
}

.pri4-ul li > div {
height: 250px;
}

.pri5-icon {
padding: 0 30px;
}

.solutw-one .solutw1-txt h3 {
font-size: 18px;
}
}
/*氓鸥鹿猫庐颅猫搂鈥犆┞⑩€?/
.news-video {
padding: 5% 0 0% 0;
}

.video-box {
/* padding-bottom: 10px; */
/* margin-left: -30px; */
/* overflow: hidden; */
}

.video-list {
margin-bottom: 24px;
width: 23%;
margin: 0 1% 15px;
float: left;
border: 1px solid #ccc;
}

.video-pic {
position: relative;
height: auto;
width: 100%;
overflow: hidden;
}

.video-pic img {
display: block;
width: 100%;
height: 100%;
}

.video-pic::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
/* background: rgba(0,0,0,0.6) url(../images/pause.png) no-repeat center; */
top: 0;
left: 0;
}

.video-par {
font-family: '忙鈧澝β郝惷┞烩€樏ぢ解€ CN', 'regular';
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 10px 0;
font-size: 16px;
color: #333;
line-height: 30px;
text-align: center;
}

.video-pic .video-after {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/video-after.png) no-repeat center;
top: 0;
left: 0;
}

@media (max-width:1259px) {
.video-list {
margin-bottom: 24px;
width: 31%;
margin: 0 0.73% 0;
float: left;
}
}

@media (max-width:991px) {
.video-list {
margin-bottom: 24px;
width: 48%;
margin: 0 1% 0;
float: left;
}
}

.xcx {
z-index: 9999999;
}

@media (max-width:767px) {
.xcx .applets {
top: 35%;
}

.xcx .applets_alert .ewm {
width: 250px;
height: auto;
}
}

.xcx .applets_alert {
display: none
}

.xcx .applets img {
width: 100%;
}

.xcx .applets .closes {
position: absolute;
width: 15px;
right: 0px;
}

.xcx .applets_alert {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background: #0000009e;
z-index: 9999999;
}

.xcx .applets_alert .closes {
position: fixed;
top: 9%;
right: 5%;
z-index: 1;
}

.pc-xcx {
border-radius: 20%;
}

.pc-xcx_alert {
position: fixed;
top: 22%;
right: 5px;
box-shadow: 0px 0px 18px 2px #0a68f554;
/* border: 1px solid #0a68f5; */
border-radius: 8px;
z-index: 999999;
}

.pc-xcx_alert .ewm {
height: 290px;
padding: 10px 10px;
background: #fff;
border-radius: 5px 5px 0 0;
}

.pc-xcx .closes {
position: fixed;
top: 22.2%;
right: 7px;
background: #328eff;
width: 15px;
border-radius: 5px;
display: none;
}

.pc-xcx .text {
text-align: center;
background: #0a68f5;
font-size: 12px;
padding: 6px 10px;
color: #fff;
border-radius: 0 0 5px 5px;
}
/*20220309*/
.mmxz1 {
padding-bottom: 5%;
}

.mmxz1 .more2,
.mmxz2 .more2 {
margin: auto;
margin-top: 50px;
}

.mmxz2 .more2 {
width: 320px;
}

.mmxz2 {
}

.mmxz2 ul {
margin: 3% 0;
}

.mmxz2 ul li {
width: 19%;
float: left;
margin: 0 0.5%;
}

.mmxz3 ul li {
width: 24%;
}

.mmxz2 ul li p {
line-height: 24px !important;
height: 48px !important;
}

.pritw2-con {
position: relative;
margin-top: 60px;
}

.pritw2-cont {
position: relative;
width: 474px;
margin: 0 auto;
}

.pritw2-img {
width: 100%;
overflow: hidden;
}

.pritw2-img img {
display: inline-block;
max-width: 100%;
}

.pritw2-font {
position: absolute;
width: 100%;
top: 0;
left: 0;
}

.pritw2-ul {
width: 100%;
}

.pritw2-ul li {
position: absolute;
text-align: right;
min-width: 100%;
}

.pritw2-ul li span {
padding-right: 30px;
position: relative;
float: right;
margin-left: 10px;
font-size: 30px;
line-height: 34px;
color: hsla(19, 100%, 63%, 0.66);
font-family: "FrutigerNextLt-bold";
}

.pritw2-ul li span::before {
display: none;
position: absolute;
content: "";
width: 23px;
height: 23px;
border-radius: 50%;
background: #fff;
border: 6px solid rgb(255, 126, 65);
right: -10px;
top: 5px;
}

.pritw2-ul li span::after {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: hsla(19, 100%, 63%, 0.66);
right: 10px;
top: 10px;
}

.pritw2-ul li.on span::after {
display: none;
}

.pritw2-ul li.on span::before {
display: block;
}

.pritw2-ul li.pritw2-le span {
float: left;
padding-right: 0;
padding-left: 30px;
margin-left: 0;
margin-right: 10px;
}

.pritw2-ul li.on.pritw2-le span {
padding-left: 30px;
padding-right: 0;
}

.pritw2-ul li.pritw2-le span::before,
.pritw2-ul li.pritw2-le span::after {
right: auto;
left: 0;
}

.pritw2-txt {
display: inline;
}

.pritw2-txt h3 {
font-size: 20px;
line-height: 32px;
color: #333;
}

.pritw2-txt p {
font-size: 16px;
line-height: 28px;
color: #666;
opacity: 0;
width: auto;
white-space: nowrap;
}

.pritw2-ul li.pritw2-le {
text-align: left;
}

.pritw2-ul li.on span {
color: rgb(255, 126, 65);
padding-right: 30px;
}

.pritw2-ul li.on .pritw2-txt h3 {
color: rgb(255, 126, 65);
font-weight: bold;
}

.pritw2-ul li.on .pritw2-txt p {
opacity: 1;
}

.pritw2-ul li:nth-child(1) {
left: -75%;
top: 23px;
}

.pritw2-ul li:nth-child(2) {
left: 72%;
top: 20px;
}

.pritw2-ul li:nth-child(3) {
left: -103.5%;
top: 170px;
}

.pritw2-ul li:nth-child(4) {
left: 98%;
top: 181px;
}

.pritw2-ul li:nth-child(5) {
left: -92%;
top: 322px;
}

.pritw2-ul li:nth-child(5).fiv {
left: -65%;
top: 443px;
}

.pritw2-ul li:nth-child(6) {
left: 92%;
top: 338px;
}

.pritw2-ul li:nth-child(6).six {
left: -96.5%;
top: 230px;
}

.pritw2-ul li:nth-child(7) {
left: -62%;
top: 447px;
}

.pritw2-ul li:nth-child(8) {
top: 447px;
left: 64%;
}

.pritw2-ul li:nth-child(6).on span::before,
.pritw2-ul li:nth-child(7).on span::before {
left: 32px;
top: 7px;
}

.pritw2-ul li:nth-child(1).on span::before {
left: 32px;
}
/* .pritw2-ul li:nth-child(5).on span{padding-right: 0;} */
.pritw2-ul li:nth-child(5).on span::before {
top: 0;
right: 0;
}

.proinfo-sum .solu3-con {
margin-top: 5%;
}

.solu3-ul {
/* margin: -40px -10px 0; */
}

.solu3-ul li {
float: left;
width: 25%;
padding: 0 10px;
margin-bottom: 40px;
}

.solu3-ulh li:nth-child(1) {
margin-left: 12.5%;
}

.solu3-ulh li:nth-child(3) {
margin-right: 12.5%;
}

.solu3-ul li > div {
padding: 30px 20px 25px;
text-align: center;
background: #fff;
box-shadow: 0 0 13px rgba(0, 0, 0, .08);
}

.solu3-icon {
text-align: center;
transition: ease.5s;
height: 51px;
}

.solu3-icon img {
display: inline-block;
max-width: 100%;
}

.solu3-ul li h3 {
margin-top: 16px;
font-size: 22px;
line-height: 28px;
color: #333;
}

.solu3-ul li p {
margin-top: 10px;
height: 66px;
font-size: 15px;
line-height: 22px;
color: #666;
}

.solu3-ul li p em {
display: block;
font-style: inherit;
}

.solu3-ul li:first-child {
/* margin-left: 16.666%; */
}

.solu3-ul li:hover .solu3-icon {
transform: translateY(-15px);
}

.solu3-mo {
margin-top: 40px;
}

.proinfo-sum3 {
}

.proinfo-sum3 .proinfo-sum-cont {
margin-top: 3%;
}

.proinfo-sum3 .proinfo-sum-cont ul {
}

.proinfo-sum3 .proinfo-sum-cont li {
float: left;
width: 16.666%;
padding: 1%;
}

.proinfo-sum3 .proinfo-sum-conta li {
width: 20%;
}

.proinfo-sum3 .proinfo-sum-conth li:nth-child(1) {
margin-left: 8.3333%;
}

.proinfo-sum3 .proinfo-sum-conth li:nth-child(5) {
margin-right: 8.3333%;
}

.proinfo-sum3 .proinfo-sum-cont .abt3-img {
}

.proinfo-sum3 .proinfo-sum-cont li img {
width: 100%;
transition: ease .5s;
border-radius: 5px;
}

.proinfo-sum3 .proinfo-sum-cont li p {
font-size: 18px;
line-height: 24px;
text-align: center;
margin-top: 10px;
color: #666666;
}

.proinfo-sum3 .proinfo-sum-cont li:hover .abt3-img img {
transform: scale(1.05);
}

.solutw2-con {
margin-top: 63px;
}

.solutw2-ul {
margin: 0 -14px;
}

.solutw2-ul li {
float: left;
width: 33.333%;
padding: 0 14px;
}

.solutw2-ul li > div {
text-align: center;
position: relative;
padding: 58px 30px 56px;
}

.solutw2-ul li > div::before {
position: absolute;
content: "";
width: 0;
height: 100%;
background: #fff;
border-top: 4px solid rgb(255, 126, 65);
border-radius: 5px;
transition: ease .5s;
top: 0;
left: 50%;
transform: translateX(-50%);
}

.solutw2-ul li:hover > div::before {
width: 100%;
}

.solutw2-icon {
position: relative;
height: 86px;
}

.solutw2-icon img {
display: inline-block;
max-width: 100%;
}

.solutw2-txt {
position: relative;
margin-top: 28px;
}

.solutw2-txt h3 {
font-size: 24px;
line-height: 30px;
color: #333;
}

.solutw2-txt p {
margin-top: 6px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.solutw2-txt p em {
display: block;
font-style: initial;
}

.solutw-two .more2 {
margin-top: 40px;
}

.solu2-con {
position: relative;
background: #f6f6f6;
margin-top: 47px;
}

.solu2-img {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
}

.solu2-img1 {
display: none;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.solu2-img1.on {
display: block;
}

.solu2-img img {
width: 100%;
display: none;
}

.solu2-txt {
float: right;
width: 50%;
}

.solu2-txt1 {
border-bottom: 1px solid #e3e3e3;
padding: 33px 45px 22px;
cursor: pointer;
}

.solu2-txt1:last-child {
border-bottom: none;
}

.solu2-txt1.on {
}

.solu2-font {
margin-left: 100px;
padding: 9px 0;
}

.solu2-txt1 span {
transition: ease .5s;
display: block;
font-size: 34px;
color: rgb(255, 126, 65);
font-weight: lighter;
float: left;
width: 81px;
height: 81px;
line-height: 81px;
text-align: center;
background: #fff;
border-radius: 50%;
border: 1px solid rgb(255, 126, 65);
}

.solu2-txt1 h3 {
transition: ease .5s;
font-size: 24px;
line-height: 30px;
color: #333;
opacity: .7;
}

.solu2-txt1 p {
margin-top: 5px;
transition: ease .5s;
font-size: 16px;
line-height: 28px;
color: #666;
opacity: .7;
}

.solu2-txt1.on h3,
.solu2-txt1.on p {
opacity: 1;
}

.solu2-txt1.on span {
color: #fff;
background-color: rgb(255, 126, 65);
}

.solu2-mo {
margin-top: 40px;
}

.pritw3-con {
margin-top: 55px;
}

.pritw3-ul {
border-bottom: 1px solid #eaeaea;
}

.pritw3-ul li {
float: left;
width: 20%;
padding: 0 6px;
}

.pritw3-ul li > div {
}

.pritw3-img {
overflow: hidden;
}

.pritw3-img img {
width: 100%;
transition: ease .5s;
}

.pritw3-txt {
padding: 18px 30px 14px;
}

.pritw3-txt h3 {
font-size: 24px;
line-height: 28px;
color: #333;
}

.pritw3-txt p {
margin-top: 4px;
font-size: 16px;
line-height: 28px;
color: #666;
}

.pritw3-ul li:hover .pritw3-img img {
transform: scale(1.05);
}

.pritw3-mo {
margin-top: 40px;
width: 300px;
}

.proinfo-sum4 .pritw3-ul li {
margin: auto;
border: none;
}

@media (max-width: 1459px) {
.mmxz2 ul li {
}

.index-cont1 .left .incont1-btn {
min-height: 260px;
}

.proinfo-sum3 .proinfo-sum-cont li p {
font-size: 16px;
}

.proinfo-sum3 .proinfo-sum-cont li {
width: 25%;
}

.proinfo-sum3 .proinfo-sum-conth li:nth-child(1),
.proinfo-sum3 .proinfo-sum-conth li:nth-child(5) {
margin-left: 0;
margin-right: 0;
}
}

@media (max-width: 1259px) {
.mmxz2 ul li {
width: 32% !important;
}

.proinfo-sum3 .proinfo-sum-cont li {
/* width: 25%; */
}

.solu3-ulh li:nth-child(1),
.solu3-ulh li:nth-child(3) {
margin-left: 0;
margin-right: 0;
}

.solu3-ul li {
width: 50%;
}

.solu3-ul li h3 {
font-size: 22px;
}

.solu3-ul li > div {
padding: 25px 25px 30px;
}

.solu3-ul li p em {
font-size: 15px;
}
}

@media (max-width: 760px) {
.mmxz2 ul li {
width: 99% !important;
margin-bottom: 20px;
}

.mmxz1 ul li {
width: 96%;
border: 1px solid rgba(158, 158, 158, 0.28);
margin-bottom: 20px;
margin: 10px 2%;
padding: 20px 10px;
}

.pritw2-cont {
width: 100%;
}

.pritw2-font {
position: static;
margin-top: 30px;
}

.pritw2-ul li {
position: static;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid rgba(158, 158, 158, 0.27);
padding-bottom: 10px;
}

.pritw2-ul li span,
.pritw2-ul li.pritw2-le span {
float: left;
margin: 0;
padding: 0;
padding-right: 10px !important;
color: rgb(255, 126, 65);
font-size: 20px;
font-weight: bold;
}

.pritw2-ul li span::before,
.pritw2-ul li span::after {
display: none !important;
}

.pritw2-txt p {
opacity: 1;
width: 100%;
white-space: inherit;
font-size: 14px;
}

.pritw2-txt h3 {
font-size: 18px;
color: rgb(255, 126, 65);
font-weight: bold;
}

.pritw2-con {
margin-top: 35px;
}

.solu3-ul li {
width: 100%;
}

.solu3-ul li {
margin-bottom: 20px;
}

.proinfo-sum .solu3-con {
margin-top: 30px;
}

.solu3-ul li > div {
padding: 25px 20px 30px;
}

.solu3-ul li h3 {
font-size: 20px;
}

.index-cont1 .left .incont1-btn {
min-height: 100%;
}

.proinfo-sum3 .proinfo-sum-cont li {
width: 50%;
}

.solutw2-ul li {
width: 96%;
border: 1px solid #6363631c;
float: none;
margin: 0 2%;
margin-bottom: 20px;
border-radius: 4px;
}

.solutw2-ul li > div {
padding: 15px;
}

.solutw2-con {
margin-top: 40px;
}

.solutw2-txt h3 {
font-size: 20px;
}

.solutw2-txt p {
font-size: 14px
}

.solu2-img {
width: 100%;
position: static;
height: 300px;
}

.solu2-txt {
width: 100%;
}

.solu2-txt1 {
}

.solu2-txt1 span {
float: none;
margin: auto;
width: 60px;
line-height: 61px;
height: 61px;
font-size: 24px;
}

.solu2-font {
width: 100%;
margin: auto;
text-align: center;
}

.solu2-txt1 h3 {
font-size: 20px;
}

.solu2-txt1 p {
font-size: 14px;
}

.proinfo-sum .more2 {
margin-top: 30px;
width: 80%;
font-size: 14px;
line-height: 36px;
}
}
/* 20220402 */
.shop .swiper-font .swiper-ftimg img,
.shop .swiper-font .swiper-ftlimg img {
width: auto;
transform: translate(0%, 0%);
display: inline-block;
}

.shop .swiper-font .swiper-ftlimg {
position: absolute;
top: 30px;
}

.shop .swiper-font {
width: 100%;
text-align: left;
padding: 0 6%;
}

.shop .swiper-font h2 {
margin-bottom: 0px;
padding-left: 35px;
}

.shop .banner .swiper-fontlist {
top: 60%;
left: 50%;
transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-webkit-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
}

.shop-one .over-hide .tit {
margin-bottom: 35px;
}

.shop-one .tit-p {
margin: 0px;
}

.shop-one li .font {
width: 50%;
position: static;
transform: translateY(0%);
padding: 0 4% 0 0;
}

.shop-one li .pic {
width: 50%;
position: relative;
float: none;
height: 380px;
background-color: #f8f8f8;
}

.shop-one li .pic img {
width: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.shop-one li .p1 {
font-size: 24px;
line-height: 36px;
font-weight: lighter;
color: #ff7e41;
margin-top: 13px;
margin-bottom: 0px;
}

.shop-one .shop-one-dec {
font-size: 18px;
line-height: 36px;
color: #666666;
}

.shop-one .shop-one-dec p {
margin-top: 15px;
}

.shop-one .shop-one-ul li {
position: relative;
align-items: center;
}

.shop-one .shop-one-ul {
position: relative;
margin-top: 3%;
margin-bottom: 3.7%;
}

.shop-five li {
position: relative;
}

.more1 {
width: 240px;
height: 60px;
line-height: 60px;
background-color: #ff7e41;
border-radius: 5px;
text-align: center;
font-size: 16px;
color: #ffffff;
margin: 0 auto;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.more1:hover {
background: rgba(255, 126, 65, 0.8);
}

.shop-addfont {
background-color: #ff7e41;
}

.shop-addfont h4 {
font-size: 0.46rem;
color: #ffffff;
text-align: center;
padding: 3.56% 0;
}

.shop-sec1 {
position: relative;
flex-wrap: wrap;
}

.shop-sec1 .shop-sec1-list {
width: 47.2%;
}

.shop-sec1 .shop-sec1-tit {
font-size: 0.30rem;
color: #333333;
text-align: center;
margin-bottom: 30px;
}

.shop-sec1 .shop-sec1-icon {
width: 36px;
height: 36px;
position: relative;
}

.shop-sec1 .shop-sec1-font {
width: calc(100% - 36px);
position: relative;
padding-left: 20px;
}

.shop-sec1 .shop-sec1-ft {
position: absolute;
width: 100%;
padding: 6% 10%;
top: 50%;
transform: translateY(-50%);
}

.shop-sec1 .shop-sec1-font h5 {
font-size: 22px;
color: #333333;
margin-top: 7px;
}

.shop-sec1 .shop-sec1-font h5 span,
.shop-sec1 .shop-sec1-font .dec span,
.shop-sec1 .shop-sec1-list2 .shop-sec1-tit {
color: #ff7e41;
}

.shop-sec1 .shop-sec1-font .dec {
font-size: 18px;
line-height: 32px;
color: #666666;
/* height: 130px;
overflow-x: hidden;
overflow-y: auto; */
margin-top: 12px;
}

.shop-sec1 .shop-sec1-vs {
width: 50px;
}

.shop-sec1 .shop-sec1-list1 {
margin-right: 5.5%;
}

.shop-sec1 .shop-sec1-list1 li {
background-color: #f5f5f5;
border-radius: 10px;
}

.shop-sec1 .shop-sec1-list li {
position: relative;
margin-bottom: 20px;
height: 250px;
}

.shop-sec1 .shop-sec1-list1 li::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -60px;
width: 50px;
height: 70px;
background: url(../images/p-img4.png) no-repeat center center;
background-size: 100%;
}

.shop-sec1 .shop-sec1-list2 li {
background: rgba(255, 126, 65, 0.08);
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar {
width: 4px;
height: 4px
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-track-piece {
background-color: rgba(136, 136, 136, 0.2);
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-button:vertical {
display: none;
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-corner {
background-color: #ffffff;
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: #ff7e41;
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-thumb:vertical:hover {
background-color: #ff7e41;
}

.shop-sec1 .shop-sec1-font .dec::-webkit-scrollbar-thumb:vertical:active {
background-color: #ff7e41;
}

.shop-sec1 .shop-sec1-list li:hover .shop-sec1-icon img {
transform: translateY(-10px);
}

.shop-two li {
position: relative;
}

.shop-two .shop-two-p {
font-size: 14px;
position: absolute;
bottom: 17%;
text-align: center;
color: #ff7e41;
text-align: center;
width: 100%;
}

.shop-two .shop-two-ul {
flex-wrap: wrap;
}

.shop-two .shop-two-ul li {
width: 18.9%;
margin-top: 0px;
}

.shop-two li:nth-child(4n) {
margin: 0px 1.333% 0 0;
}

.shop-two li:nth-child(5n) {
margin-right: 0px;
}

.shop-two li p {
margin-top: 8%;
}

.shop-three .shop-three-table th {
width: 20%;
height: 70px;
}

.shop-three .shop-three-table td {
height: 48px;
border-right: 1px solid #dcdfe5;
}

.shop-five {
margin-top: 4.1%;
}

.shop .tit span {
font-size: 0.52rem;
vertical-align: -2px;
}

@media screen and (max-width: 1459px) {
.shop .swiper-font .swiper-ftimg img {
max-width: 460px !important;
}

.shop-one .over-hide .tit,
.shop .tit {
margin-bottom: 20px;
}

.shop-sec1 .shop-sec1-tit {
font-size: 26px;
}

.shop-one li .p1 {
font-size: 22px;
}

.shop-five {
margin-top: 60px;
}
}

@media screen and (max-width: 1366px) {
.shop-one .shop-one-dec {
font-size: 16px;
}

.shop-one .shop-one-dec p {
margin-top: 8px;
}

.shop-sec1 .shop-sec1-list1 li::after {
right: -55px;
}

.shop .tit span {
font-size: 40px;
}
}

@media screen and (max-width: 1259px) {
.shop .swiper-font .swiper-ftimg img {
max-width: 400px !important;
}

.more1 {
width: 210px;
height: 55px;
line-height: 55px;
}

.shop-addfont h4 {
font-size: 30px;
}
}

@media screen and (max-width: 1100px) {
.shop .swiper-font .swiper-ftimg img {
max-width: 360px !important;
}

.shop-one li .p1 {
font-size: 20px;
margin-top: 8px;
}

.shop-one li h5 {
font-size: 26px;
}

.shop-one li .pic {
height: 330px;
}

.shop-one .shop-one-dec p {
margin-top: 3px;
}

.shop-addfont h4 {
font-size: 28px;
}

.shop-sec1 .shop-sec1-tit {
font-size: 24px;
}

.shop-sec1 .shop-sec1-font .dec {
font-size: 16px;
}

.shop-sec1 .shop-sec1-font h5 {
font-size: 20px;
margin-top: 2px;
}

.shop-sec1 .shop-sec1-list1 li::after {
width: 35px;
}

.shop-sec1 .shop-sec1-icon {
width: 26px;
height: 26px;
}

.shop-sec1 .shop-sec1-font {
width: calc(100% - 26px);
padding-left: 15px;
}

.shop-sec1 .shop-sec1-ft {
padding: 3% 4%;
}

.shop-sec1 .shop-sec1-list li {
height: 230px;
}

.shop-sec1 .shop-sec1-list1 li::after {
right: -40px;
}

.shop-three .shop-three-table {
overflow-x: auto;
overflow-y: hidden;
}

.shop-three .shop-three-table table {
width: 1200px;
}

.shop-addfont h4 {
padding: 6% 0;
}

.shop-two .shop-two-ul li {
width: 32.4%;
margin-bottom: 25px;
}

.shop-two .shop-two-ul li:nth-child(3n) {
margin-right: 0px;
}
}

@media screen and (max-width: 980px) {
.shop .swiper-font .swiper-ftimg img {
max-width: 350px !important;
}

.shop .swiper-font h2 {
padding-left: 20px;
font-size: 20px;
}

.shop-one .tit-p {
padding: 0px;
}

.shop-one .shop-one-ul li {
flex-wrap: wrap;
margin-bottom: 20px;
}

.shop-one li .font,
.shop-one li .pic,
.shop-sec1 .shop-sec1-list {
width: 100%;
}

.shop-one li .font {
padding: 20px 0 20px !important;
}

.shop-one li .font {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.shop-one li .pic {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.shop-one li:last-child .font {
padding-bottom: 20px !important;
}

.shop-one .shop-one-dec p {
display: inline;
}

.shop-one li .font::before,
.shop-sec1 .shop-sec1-list1 li::after {
display: none;
}

.shop-addfont h4 {
font-size: 26px;
padding: 8% 0;
}

.shop-sec1 .shop-sec1-list1 {
margin-right: 0px;
margin-bottom: 20px;
}

.shop .tit span {
font-size: 36px;
}

.shop-two ul,
.shop-four ul {
margin-top: 0px;
}

.shop-two .shop-two-ul li {
width: 31.3%;
margin-right: 3%;
}

.shop-two li:nth-child(2n) {
margin-right: 3%;
}
}

@media screen and (max-width: 760px) {
.shop .swiper-font .swiper-ftimg img {
max-width: 230px !important;
}

.shop .banner .swiper-fontlist {
top: 40%;
left: 50%;
transform: translate(-50%, -40%);
-ms-transform: translate(-50%, -40%);
-moz-transform: translate(-50%, -40%);
-webkit-transform: translate(-50%, -40%);
-o-transform: translate(-50%, -40%);
}

.shop .swiper-font {
padding: 0px;
}

.shop .swiper-font h2 {
padding-left: 0px;
font-size: 18px;
margin-top: 10px;
}

.shop-one li h5 {
font-size: 22px;
}

.shop-one li .p1 {
font-size: 18px;
margin-top: 5px;
}

.shop-one li .font {
padding: 10px 0 10px !important;
text-align: center;
}

.shop-one .shop-one-dec {
font-size: 14px;
line-height: 26px;
}

.shop-one li .pic {
height: 230px;
}

.more1 {
width: 180px;
height: 50px;
line-height: 50px;
}

.shop-addfont h4 {
font-size: 22px;
line-height: 1.6;
padding: 10% 0;
}

.shop .tit span {
font-size: 28px;
}

.shop-sec1 .shop-sec1-font h5 {
font-size: 18px;
}

.shop-sec1 .shop-sec1-font .dec {
font-size: 14px;
}

.shop-sec1 .shop-sec1-ft {
padding: 10% 2%;
position: static;
transform: translateY(0);
}

.shop-sec1 .shop-sec1-icon {
width: 22px;
height: 22px;
}

.shop-sec1 .shop-sec1-font {
width: calc(100% - 22px);
}

.shop-sec1 .shop-sec1-list li {
height: auto;
}

.shop-two .shop-two-ul li {
width: 100%;
}

.shop-two li p {
margin-top: 15px;
}

.shop-two .shop-two-ul li:first-child {
margin-top: 0px !important;
}
}

.btn-on {
background-color: #ff7e41;
color: #FFFFFF;
border-color: #FF7E41;
-webkit-box-shadow: 0 10px 30px -6px #FF7E41;
box-shadow: 0 10px 30px -6px #FF7E41;
}

.prolist-btn {
margin-top: 5%;
text-align: center;
}

.prolist-btn a {
margin: auto;
display: inline-block;
margin: 0px 10px;
}

#imga1 {
max-width: 800px !important;
margin-bottom: -150%;
}

#wyimg {
opacity: 0;
}

.img-show {
opacity: 1 !important;
}

.img-end {
opacity: 0 !important;
}

.tsimg img:nth-child(2) {
margin-bottom: -15% !important;
width: 85%;
}
/* 20221018 */
.cat .swiper-font {
text-align: left;
padding-left: 0px;
}

.padt-75 {
padding-top: 75px;
}

.padb-80 {
padding-bottom: 80px;
}

.hsection1 {
padding-left: 8.5%;
padding-right: 13.2%;
}

.hsection1 .tit {
width: 55%;
margin: 0 auto;
}

.hsection1 .hsection1-img img,
.hsection1 .hsection1-rtimg img,
.hsection3 .hsection1-rtimg img,
.hsection4 .hsection4-cimg img {
margin: 0 auto;
display: block;
}

.hsection1 .hsection1-left {
width: 56%;
}

.hsection1 .hsection1-right {
width: 44%;
}

.hsection1 .hsection1-tit,
.hsection3 .hsection1-tit {
color: #ff7e41;
font-size: 0.36rem;
line-height: 1.2;
margin-bottom: 15px;
}

.hsection1 .hsection1-rttop,
.hsection3 .hsection1-rttop {
align-items: flex-end;
flex-wrap: wrap;
}

.hsection1 .hsection1-rtleft,
.hsection3 .hsection1-rtleft {
width: calc(100% - 130px);
padding-right: 20%;
}

.hsection1 .hsection1-rtright,
.hsection3 .hsection1-rtright {
width: 130px;
}

.hsection1 .hsection1-dec,
.hsection3 .hsection1-dec {
font-size: 16px;
color: #666666;
text-align: center;
margin-top: 10px;
}

.hsection1 .hsection1-table,
.hsection3 .hsection1-table {
width: 100%;
margin-top: 20px;
overflow-x: auto;
overflow-y: hidden;
}

.hsection1 .hsection1-table table,
.hsection3 .hsection1-table table {
width: 100%;
}

.hsection1 .hsection1-table table th,
.hsection3 .hsection1-table table th {
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
color: #ffffff;
background-color: #ff7e41;
height: 60px;
position: relative;
min-width: 130px;
}

.hsection1 .hsection1-table table th::before,
.hsection3 .hsection1-table table th::before {
content: "";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 30%;
background: rgba(255, 255, 255, 0.3);
}

.hsection1 .hsection1-table table th:last-child::before,
.hsection3 .hsection1-table table th:last-child::before {
display: none;
}

.hsection1 .hsection1-table table td,
.hsection3 .hsection1-table table td {
font-size: 20px;
letter-spacing: 1px;
height: 70px;
text-align: center;
color: #333333;
border-right: 1px solid rgba(51, 51, 51, 0.1);
min-width: 130px;
}

.hsection1 .hsection1-table table td:last-child,
.hsection3 .hsection1-table table td:last-child {
border-right: 0px;
}

.hsection1 .hsection1-table table tr:first-child th:first-child,
.hsection3 .hsection1-table table tr:first-child th:first-child {
border-radius: 20px 0px 0px 0px;
}

.hsection1 .hsection1-table table tr:first-child th:last-child,
.hsection3 .hsection1-table table tr:first-child th:last-child {
border-radius: 0px 20px 0px 0px;
}

.hsection1 .hsection1-table table tr:last-child td:first-child,
.hsection3 .hsection1-table table tr:last-child td:first-child {
border-radius: 0px 0px 0px 20px;
}

.hsection1 .hsection1-table table tr:last-child td:last-child,
.hsection3 .hsection1-table table tr:last-child td:last-child {
border-radius: 0px 0px 20px 0px;
}

.hsection1 .hsection1-table table tr:nth-child(odd),
.hsection3 .hsection1-table table tr:nth-child(odd) {
background-color: #f7f7f7;
}

.hsection2 {
background: url(../images/hbgm4.png) no-repeat center;
background-size: cover;
}

.hsection2 .hsection2-left {
width: 59.5%;
padding-right: 6.7%;
}

.hsection2 .hsection2-right {
width: 40.5%;
}

.hsection2 .hsection2-line {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
position: relative;
margin: 35px auto;
}

.hsection2 .hsection2-line::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 50px;
height: 2px;
background-color: #ff7e41;
}

.hsection2 .hsection2-dec {
font-size: 16px;
line-height: 2;
color: #666666;
margin-top: 35px;
}

.hsection2 .hsection2-sdec {
font-size: 18px;
line-height: 1.5;
color: #333333;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
}

.hsection2 .hsection2-sdec:last-child {
margin-bottom: 0px;
}

.hsection2 .hsection2-sdec::before {
content: "";
width: 16px;
height: 17px;
position: absolute;
left: 0px;
top: 5px;
background: url(../images/hicon1.png) no-repeat center;
background-size: cover;
}

.hsection2 .hsection2-sdec:hover {
color: #ff7e41;
}

.hsection3 .hsection3-list {
flex-wrap: wrap;
align-items: center;
}

.hsection3 .hsection3-li {
border-radius: 20px;
position: relative;
margin-top: 20px;
padding: 9.5% 7%;
}

.hsection3 .hsection3-li:first-child {
margin-top: 0px;
}

.hsection3 .hsection3-li .htit {
font-size: 26px;
font-weight: bold;
line-height: 1.3;
color: #ffffff;
margin-bottom: 35px;
}

.hsection3 .hsection3-li .dec {
font-size: 18px;
line-height: 1.5;
color: #ffffff;
}

.hsection3 .hsection3-li .dec p {
margin-top: 10px;
}

.hsection3 .hsection3-left {
width: 53.2%;
padding-right: 4.3%;
}

.hsection3 .hsection3-right {
width: 46.8%;
}

.hsection4 {
background: url(../images/hbgm7.jpg) no-repeat center;
background-size: cover;
}

.hsection4 .hsection4-tab {
flex-wrap: wrap;
width: 29%;
background-color: #ffffff;
border-radius: 28px;
border: solid 1px #ff7e41;
margin: 0 auto;
overflow: hidden;
}

.hsection4 .hsection4-tabli {
font-size: 20px;
line-height: 36px;
color: #ff7e41;
width: 50%;
text-align: center;
padding: 10px 5px;
cursor: pointer;
}

.hsection4 .hsection4-tabli.active {
color: #ffffff;
background-color: #ff7e41;
}

.hsection4 .hsection4-cdec {
width: 48%;
margin: 0 auto;
font-size: 16px;
line-height: 2;
letter-spacing: 1px;
color: #666666;
text-align: center;
margin-top: 45px;
}

.hsection4 .hsection4-cimg {
margin-top: 5.5%;
}

.hsection4 .hsection4-cli {
display: none;
}

.hsection4 .hsection4-cli.show {
display: block;
}

.hsection4 .hsection4-cli:last-child .hsection4-cimg {
margin-top: 2%;
padding-bottom: 6%;
}

.tit .tit-p span {
color: #ff7e41;
}

.hsection5 {
background: none;
}

.hsection5 .hsection4-cont {
margin-top: 30px;
}

.hsection5 .hsection4-tab {
width: 24.5%;
}

.hsection5 .hsection5-li {
flex-wrap: wrap;
}

.hsection5 .hsection5-liimg {
position: relative;
overflow: hidden;
margin-right: 1.93%;
margin-top: 1.93%;
}

.hsection5 .hsection5-liimg img {
width: 100%;
}

.hsection5 .hsection5-liimg:last-child {
margin-right: 0px;
}

.hsection5 .hsection5-tli .hsection5-liimg {
width: 32.04%;
}

.hsection5 .hsection5-bli .hsection5-liimg {
width: 23.55%;
}

.hsection5 .hsection5-liimg:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.hsection5 .hsection5-cli {
margin-top: 25px;
}

.hsection5 .hsection5-cimg {
width: 50px;
height: 50px;
background-color: #ff7e41;
border-radius: 4px;
position: relative;
}

.hsection5 .hsection5-cimg img {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}

.hsection5 .hsection5-cfont {
width: calc(100% - 50px - 20px);
position: relative;
margin-left: 20px;
}

.hsection5 .hsection5-cfont .cdec {
font-size: 16px;
font-weight: lighter;
line-height: 26px;
color: #666666;
background-color: #f5f5f5;
border-radius: 6px;
padding: 15px;
height: 110px;
overflow-x: hidden;
overflow-y: auto;
}

.hsection5 .hsection5-cfont::before {
content: "";
position: absolute;
width: 10px;
height: 20px;
top: 12px;
left: -10px;
background: url(../images/hjticon1.png) no-repeat center;
background-size: cover;
}

.hsection5 .hsection5-cliBox {
width: 33.333%;
border-right: 1px solid rgba(51, 51, 51, 0.15);
padding: 0 20px;
}

.hsection5 .hsection5-cliBox:last-child {
border-right: 0px;
}

@media screen and (max-width: 1679px) {
.hsection4 .hsection4-cdec {
width: 55%;
}

.hsection1 .hsection1-table table td,
.hsection3 .hsection1-table table td,
.hsection1 .hsection1-table table th,
.hsection3 .hsection1-table table th {
font-size: 18px;
}

.hsection1 {
padding-right: 7.5%;
padding-left: 4.5%;
}
}

@media screen and (max-width: 1459px) {
.hsection1 {
padding-right: 5%;
}

.hsection2 .hsection2-simg img {
max-width: 230px !important;
}

.hsection2 .hsection2-line {
margin: 25px auto;
}

.hsection2 .hsection2-dec {
margin-top: 20px;
}

.hsection1 .hsection1-tit, .hsection3 .hsection1-tit {
font-size: 28px;
}

.hsection3 .hsection3-li .htit {
font-size: 24px;
margin-bottom: 25px;
}

.hsection1 .hsection1-table table td, .hsection3 .hsection1-table table td {
height: 62px;
}

.hsection4 .hsection4-tab {
width: 32%;
}

.hsection5 .hsection4-tab {
width: 26%;
}

.hsection4 .hsection4-tabli {
font-size: 18px;
padding: 6px;
}
}

@media screen and (max-width: 1259px) {
.hsection1 .hsection1-list {
flex-wrap: wrap;
}

.hsection1 .hsection1-left,
.hsection1 .tit {
width: 100%;
}

.hsection1 {
padding-bottom: 40px;
}

.hsection1 .hsection1-right {
width: 70%;
margin: 0 auto;
}

.hsection4 .hsection4-tab {
width: 36%;
}

.hsection5 .hsection4-tab {
width: 30%;
}

.hsection1 .hsection1-right {
margin-top: -60px;
}
}

@media screen and (max-width: 1100px) {
.hsection2 .hsection2-list,
.hsection5 .hsection5-ctBox {
flex-wrap: wrap;
}

.hsection2 .hsection2-left,
.hsection2 .hsection2-right,
.hsection3 .hsection3-left,
.hsection3 .hsection3-right,
.hsection1 .hsection1-right {
width: 100%;
}

.hsection4 .hsection4-cdec {
width: 90%;
}

.hsection2 .hsection2-img img {
display: block;
margin: 0 auto;
}

.hsection2 .hsection2-right {
margin-bottom: 40px;
}

.hsection3 .hsection3-right {
margin-top: 40px;
}

.hsection3 .hsection3-left,
.hsection2 .hsection2-left {
padding-right: 0px;
}

.hsection1 {
padding-bottom: 80px;
}

.hsection4 .hsection4-tab {
width: 45%;
}

.hsection5 .hsection4-tab {
width: 35%;
}

.hsection2 .hsection2-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.hsection2 .hsection2-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.hsection3 .hsection3-li {
padding: 6.5% 4%;
}

.hsection5 .hsection5-cliBox {
width: 50%;
}

.hsection5 .hsection5-cliBox:nth-child(2n) {
border-right: 0px;
}
}

@media screen and (max-width: 980px) {
.hsection5 .hsection5-cliBox {
width: 100%;
}

.hsection2 .hsection2-simg img {
max-width: 160px !important;
}

.hsection4 .hsection4-tab {
width: 60%;
}

.hsection4 .hsection4-tabli {
font-size: 16px;
}

.hsection5 .hsection4-tab {
width: 50%;
}

.hsection3 .hsection3-li .dec p {
margin-top: 5px;
}

.hsection5 .hsection5-cliBox {
border-right: 0px;
}
}

@media screen and (max-width: 767px) {
.hsection1 .hsection1-rtleft,
.hsection3 .hsection1-rtleft,
.hsection4 .hsection4-tab,
.hsection5 .hsection5-tli .hsection5-liimg,
.hsection5 .hsection5-bli .hsection5-liimg {
width: 100%;
}

.hsection5 .hsection5-tli .hsection5-liimg,
.hsection5 .hsection5-bli .hsection5-liimg {
margin-right: 0px;
}

.hsection1 .hsection1-rtleft, .hsection3 .hsection1-rtleft {
padding-right: 0px;
}

.padt-75 {
padding-top: 50px;
}

.hsection1,
.padb-80 {
padding-bottom: 50px;
}

.hsection1 .hsection1-right {
margin-top: 0px;
}

.hsection1 .hsection1-tit, .hsection3 .hsection1-tit {
font-size: 22px;
}

.hsection1 .hsection1-tit, .hsection3 .hsection1-tit,
.hsection3 .hsection1-rtleft .tit-p {
text-align: center;
}

.hsection1 .hsection1-rtright, .hsection3 .hsection1-rtright {
margin: 0 auto;
}

.hsection1 .hsection1-table table, .hsection3 .hsection1-table table {
width: 700px;
}

.hsection2 .hsection2-simg img {
max-width: 120px !important;
}

.hsection2 .hsection2-sdec {
font-size: 16px;
margin-bottom: 10px;
}

.hsection3 .hsection3-li {
border-radius: 10px;
padding: 10% 6%;
}

.hsection3 .hsection3-li .htit {
font-size: 18px;
}

.hsection3 .hsection3-li .dec,
.hsection1 .hsection1-table table td, .hsection3 .hsection1-table table td {
font-size: 16px;
}

.hsection3 .hsection1-rtright,
.hsection5 .hsection5-liimg {
margin-top: 15px;
}

.hsection1 .hsection1-table table td, .hsection3 .hsection1-table table td,
.hsection1 .hsection1-table table th, .hsection3 .hsection1-table table th {
height: 50px;
}

.hsection4 .hsection4-tabli {
line-height: 30px;
}

.hsection4 .hsection4-cdec,
.hsection5 .hsection4-cont {
margin-top: 25px;
}

.hsection5 .hsection5-cliBox {
padding: 0px;
}

.hsection5 .hsection5-cfont .cdec {
height: auto;
}

.hsection5 .hsection5-cimg {
width: 40px;
height: 40px;
}

.hsection5 .hsection5-cfont {
width: calc(100% - 40px - 20px);
}

.hsection5 .hsection5-cimg img {
max-width: 26px !important;
}

.hsection2 .hsection2-right {
margin-bottom: 25px;
}

.hsection2 .hsection2-line {
margin: 15px auto 20px auto;
}

.hsection4 .hsection4-cli:last-child .hsection4-cimg {
margin-top: 20px;
padding-bottom: 50px;
}
}

@media screen and (max-width: 320px) {
.hsection4 .hsection4-tabli {
font-size: 15px;
}
}