.wow{ transition-delay:0.3s;}
.pc{ display:block;}
.mob{ display:none;}


.banner{ position:relative; width: 100%; height:100vh;}
.banner .swiper-container{ position: fixed; width: 100%; height:100vh;}
.banner .parallax{ height:100%;}
.banner .swiper-slide{ overflow:hidden;}
.banImg{ height:100%; transform:scale(1.05); transition:all 1s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 6s;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; color:#FFFFFF; font-weight: bold;}
.banCon{ width: 80%; max-width: 1630px; margin: 0 auto; padding: 0 15px;}
.banTitCn{ font-size: 1.875vw; line-height: 120%;}
.banTitEn{ font-size:2.1vw; line-height:120%; text-transform: uppercase;}
.banTitEn span{ opacity: .2;}
/* max-width:610px; */
.banDes{ font-size:16px; font-size:2.5vw; line-height:140%; margin:.3rem 0 .5rem;}
.banDes span{ color: #F7E713;}
.banDes strong{ color: #00E094;}
.banMore{ display:block; text-align:center; position:relative; width:150px; height:50px; line-height:48px; font-weight: normal; color:#FFFFFF; text-align:center; border:1px solid #FFFFFF; overflow:hidden; font-size:16px;}
.banMore span{ display:block; position:relative; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.banMore i{ display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../images/arrow_1.png) center center no-repeat; background-size: cover;}
.banMore:hover,.banMore:focus{ color:#FFFFFF;}
.banMore:before{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#E69B01; transition:all .3s;}
.banMore:hover:before{ height:100%;}
.banMore:hover{ color:#FFFFFF; border-color:#E69B01;}
.banner .banPage{ position:absolute; z-index:2; width:80%; max-width: 1630px; padding: 0 15px; bottom:calc(2% + 50px); left: 50%; transform: translateX(-50%);}
.banner .banPage .swiper-pagination-bullet{ width:.5rem; height:22px; border-radius: 0; margin:0 .07rem; vertical-align:middle; opacity:1; position:relative; background: none; transition:all .3s;}
.banner .banPage .swiper-pagination-bullet:after{ display:block; content:""; position:absolute; left:0; top:50%; transform:translate(0%,-50%); width:100%; height:2px; background:#FFFFFF; opacity:.5; transition:all .3s; z-index:1;}
.banner .banPage .swiper-pagination-bullet-active:after{ opacity: 1;}

.box1Bg{ padding: 100px 0; background-color: #FFFFFF;} 
.box1Lef{ float: left; width: 56.67%; font-size: 16px; color: #666666; line-height: 28px;}
.box1Text{ margin: .3rem 0;}
.box1Text h4{ font-size: 18px; color: #333; line-height: 32px;}
.box1Text p{ margin: 15px 0;}
.box1Td{ display: flex; flex-wrap: wrap; margin: .3rem -.1rem;}
.box1Td p{ width: 50%; padding: .1rem; max-width: 260px; margin: 0;}
.box1Td p img{ width: 24px; height: auto; margin-right: 10px;}
.box1Td p:hover img{ animation: swing 1s linear 1;}
.box1More{ background-color: #E69B01; border-color: #E69B01; border-radius: 10px; margin-top: .5rem;}
.box1More::before{ background-color: #00B36E;}
.box1More:hover{ border-color: #00B36E;}
.box1Rig{ float: right; width: 39.67%;}
.box1Img{ position: relative; height: 0; padding-bottom: 119.75%;}
.box1Mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/box1Mask.png) center center no-repeat; background-size: contain;}

.box2Bg{ color: #FFFFFF; padding: 80px 0; background: url(../images/box2Bg.png) center center no-repeat; background-size: cover;}
.box2Bg .boxTitEn{ color: #FFFFFF;}
.box2Top .swiper-pagination{ display: none;}
.box2Tit{ font-size: 24px; line-height: 32px; margin: .3rem 0; margin-top: 6vw;}
.box2Line { display: block; width: .4rem; height: 2px; background: rgba(255, 255, 255, 0.5); margin: .3rem auto;}
.box2Des{ font-size: 16px; line-height: 22px; height: 66px; margin: .3rem 0; overflow: hidden;}
.box2List{ list-style: none; display: flex; background-color: #E69B01; line-height: 30px; border-radius: 10px; text-align: center; overflow: hidden; margin: .3rem 0;}
.box2List li{ flex: auto; border:1px solid #243D64; border-top: none; border-bottom: none; padding: 15px; cursor: pointer; transition: all .3s;}
.box2List li:first-child{ border-left: none;}
.box2List li:last-child{ border-right: none;}
.box2List li img{ display: inline-block; vertical-align: middle; width: 28px; margin-right: 10px;}
.box2List li:hover,.box2List li.active{ background-color: #0079FF;}
.box2List li:hover img{ animation: swing 1s linear 1;}

.box3Bg{ color: #FFFFFF; background: url(../images/box3Bg.png) center center no-repeat; background-size: cover;}
.box3Bg .wrap{ padding: 80px 0; position: relative;}
.box3Bg .boxTitEn{ color: #FFFFFF;}
.box3Bg .wrap::before{ position: absolute; left: 0; top: 0; display: block; content: ""; width: 23.3%; height: 100%; background: rgba(255, 255, 255, 0.1);}
.box3Lef{ float: left; width: 23.3%; margin-left: 20px; margin-right: 60px; margin-top: -10px;}
.box3Tab{ list-style: none; position: relative;}
.box3Tab li{ padding: 10px 20px; line-height: 40px; border-radius: 10px 0 0 10px; cursor: pointer; transition: all .3s;}
.box3Tab li img{ width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
.box3Tab li.active,.box3Tab li:hover{ background-color: #E69B01;}
.box3Text{ overflow: hidden; padding-top: .5rem;}
.box3Tit{ font-size: 24px; line-height: 32px; letter-spacing: 1px; margin: .3rem 0;}
.box3Tit img{ display: none;}
.box3Con{ line-height: 24px;}
.box3Con h5{ font-size: 112.5%; line-height: 180%; margin: .2rem 0 0;}
.box3More{ height: 40px; line-height: 38px; background-color: transparent; border-color: #FFFFFF; border-radius: 50px; margin-top: .5rem;}
.box3More::before{ background-color: #00B36E;}
.box3More:hover{ border-color: #00B36E;}
.box3Text .swiper-pagination{ position: static; display: block; margin-top: .3rem; display: none;}
.box3Text .swiper-pagination-bullet{ background-color: #FFFFFF;}

.box4Bg{ padding: 65px 0; background-color: #F7FAFF;}
.box4Box{ position: relative; margin: .5rem 0; border-radius: 15px; overflow: hidden;}
.box4Btn{ display: block; width: 42px; height: 42px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; transition: all .3s; cursor: pointer;}
.box4Prev{ left: 1%;}
.box4Next{ right: 1%; transform: scaleX(-1) translateY(-50%);}
.box4Btn svg{ width: 100%; height: 100%;}
.box4Btn svg path{ fill: #cccccc;}
.box4Btn:hover svg path{ fill: #FFFFFF;}
.box4List{ list-style: none; position: relative; height: 0; padding-bottom: 43.33%; border-radius: 15px; overflow: hidden;}
.box4List li{ position: absolute;}
.box4Li1{ left: 0; top: 0; width: 50%; height: 50%;}
.box4Li2{ left: 0; top: 50%; width: 25%; height: 50%;}
.box4Li3{ left: 25%; top: 50%; width: 25%; height: 50%;}
.box4Li4{ left: 50%; top: 0; width: 25%; height: 100%;}
.box4Li5{ left: 75%; top: 0; width: 25%; height: 50%;}
.box4Li6{ left: 75%; top: 50%; width: 25%; height: 50%;}
.box4Link{ display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden;}
.box4Img{ width: 100%; height: 100%; transition: all 1s;}
.box4Img::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.box4Hov{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: .3rem; color: #FFFFFF;}
.box4Tit{ font-size: 24px; line-height: 140%; font-weight: normal;}
.box4TitEn{ font-size: 20px; line-height: 200%; text-transform: uppercase; opacity: .2;}
.box4More{ display: flex; justify-content: space-between; align-items: center; width: 120px; height: 36px; line-height: 36px; padding: 0 15px; border-radius: 30px; background-color: #0079FF; color: #FFFFFF; position: absolute; left: .3rem; bottom: 2vw;}
.box4More i{ display: block; width: 22px; height: 22px; background: url(../images/arrow_1.png) right center no-repeat;}
.box4Link:hover .box4Img{ transform: scale(1.05);}
.one .box4Btn,.box4Btn.swiper-button-disabled{ display: none;}

.about{ margin: .3rem 0 .6rem;}
.about .box1Td{ justify-content: space-between; font-size: 24px;}
.about .box1Td p{ width: auto;}
.about .box1Td p img{ width: 36px;}
/* .about .box1Mask{ display: none;} */

.parList{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -.15rem;}
.parList li{ width: 16.66%; padding: .15rem;}
.parList li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #FFFFFF; height: .88rem; transition: all .5s;}
.parList li a img{ display: block; max-width: 80%; max-height: 90%; margin: 0 auto;}
.parList li a:hover{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transform: translateY(-5px);}

.arList{ list-style: none; margin: 1rem 0 .6rem;}
.arList li{ margin: .66rem 0;}
.arLink{ display: block; padding: 0 .35rem .4rem; background: #FFFFFF; box-shadow:1px 8px 17px 0px rgba(0, 0, 0, 0.13); border-radius: 9px; transition: all .3s;}
.arImg{ float: left; width: 36.67%; margin-top: -.45rem; margin-right: 3%;}
.arImg .imgBg{ display: block; height: 0; padding-bottom: 62.5%; padding: 0; height: 275px;}
.arRig{ overflow: hidden;}
.arTit{ margin: .25rem 0 .15rem; font-size: 24px; color: #3D3D3D; line-height: 32px; font-weight: normal; transition: all .3s;}
.arTit span{ font-size: 87.5%; float: right; margin-left: 5px;}
.arDes{ font-size: 19px; color: #666666; line-height: 24px; height: 96px; -webkit-line-clamp:4; overflow: hidden; margin: .15rem 0; transition: all .3s;}
.arMore{ color: #999999; transition: all .3s;}
.arMore i{ display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url(../images/arrow_2.png) right center no-repeat; margin-left: 5px; margin-top: -2px;}
.arLink:hover{ background-color: #00B36E; color: #FFFFFF;}
.arLink:hover .arTit{ color: #FFFFFF;}
.arLink:hover .arDes{ color: #FFFFFF;}
.arLink:hover .arMore{ color: #FFFFFF;}
.arLink:hover .arMore i{ background-image: url(../images/arrow_1.png);}

.arName{ font-size:36px; color: #222; line-height: 180%; margin: .8rem 0 .6rem;}
.arText{ font-size: 18px; color: #6D6F73; line-height: 200%;}
.arText p{ margin: .2rem 0;}
.arText img{ display: block; max-width: 100% !important; height: auto !important; margin: .2rem auto;}
.arPage{ margin: .5rem 0; color: #9E9E9E; line-height: 180%;}
.arPage a{ color: #222222;}

.soluBg1{ margin: .3rem 0 1rem;}
.soluBg2,.soluBg3,.soluBg4{ padding: .6rem 0;}
.soluBg2{ background: url(../images/soluBg2.png) center center no-repeat; background-size: cover; color: #FFFFFF;}
.soluBg4{ background: url(../images/soluBg4.png) center center no-repeat; background-size: cover; color: #FFFFFF;}
.soluBg2 .boxTitEn,.soluBg4 .boxTitEn{ color: #FFFFFF;}

.tsList{ list-style: none; display: flex; flex-wrap: wrap; font-size: 18px; color: #666666; line-height: 180%; margin: .3rem -5px;}
.tsList li{ width: 33.33%; margin: .1rem 0; padding: 0 5px; padding-left: 10%;}
.tsList2 li{ width: 20%; padding-left: 0 !important;}
.tsList li a { display: block; color: #666666;}
.tsList li a img{ width: 30px; vertical-align: middle; margin-top: -2px; margin-right: .15rem;}
.tsList li a:hover img{ animation: swing 1s linear 1;}

.solu2List{ list-style: none; display: flex; flex-wrap: wrap; margin: .6rem -.1rem; text-align: center;}
.solu2List li{ width: 25%; padding: .1rem;}
.solu2Ico{ width: 100px; height: 100px; margin: 0 auto .4rem;}
.solu2Ico img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.solu2Tit{ font-size: 24px; line-height: 180%; margin: .2rem 0;}
.solu2Des{ line-height: 24px;}

.solu3Text{ padding: .6rem 0; line-height: 180%; color: #666;}
.solu3Text  img{ display: block; max-width: 100% !important; height: auto !important;}

.solu4List{ list-style: none; display: flex; flex-wrap: wrap; margin: .2rem -.2rem;}
.solu4List li{ width: 25%; padding: .3rem .2rem;}
.solu4List li a{ display: block; position: relative; overflow: hidden; cursor: default;}
.solu4Img{ position: relative; height: 0; padding-bottom: 96.28%; overflow: hidden;}
.solu4Img .imgBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 1s;}
.solu4Text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFFFFF;}
.solu4Tit{ font-size: 24px; line-height: 160%; font-weight: normal;}
.solu4En{ font-size: 20px; font-family: Arial-Black, Arial; font-weight: bold; text-transform: uppercase; opacity: .2;}
.solu4List li a:hover .imgBg{ transform: scale(1.05);}

.caseTop{ list-style: none; border: 1px solid #EAEAEA; margin: .2rem 0 .8rem;}
.caseTop li{ display: flex; border-bottom: 1px solid #D8D8D8;}
.caseTop li:last-child{ border: none;}
.caseLef{ flex-shrink: 0; width: 110px; color: #949494; line-height: 30px; background: #F3F3F3; text-align: center; padding: .15rem;}
.caseRig{ overflow: hidden; color: #999999; line-height: 30px; padding: .15rem .3rem;}
.caseRig a{ color: #999999;}
.caseRig a.active,.caseRig a:hover{ color: #00B36E;}
.caseRig a.active{ font-weight: bold;}
.caseAll{ float: left; width: 80px;}
.caseCon{ overflow: hidden;}
.caseCon a{ display:inline-block; vertical-align: middle; margin-right: .5rem;}
.caseTop li:first-child .caseCon{ max-width: 690px}

.caseList{ list-style: none; display: flex; flex-wrap: wrap; margin: .5rem -.1rem;}
.caseList li{ padding: .15rem .1rem; width: 33.33%;}
.caseList li a{ display: block; overflow: hidden; transition: all .5s; cursor: default;}
.caseImg{ position: relative; height: 0; padding-bottom: 71%;}
.caseImg .imgBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 1s;}
.caseTit{ text-align: center; font-size: 24px; color: #523628; line-height: 30px; padding: .2rem .2rem .15rem;}
.caseList li a:hover{ box-shadow: 0 0 .15rem rgba(0, 0, 0, 0.1); transform: translateY(-.1rem);}
.caseList li a:hover .imgBg{ transform: scale(1.05);}

.fqa{ margin: .6rem 0;}
.fqaTit{ font-size: 36px; color: #222222; line-height: 180%;}
.fqaTit span{ display: inline-block; vertical-align: middle; font-size: 77%; color: #FFFFFF; background: #00B36E; line-height: 40px; padding: 0 .1rem; min-width: 60px; text-align: center; margin-right: .16rem; position: relative;}
.fqaTit span::after{ display: block; content: ""; width:0; height:0; border-top:9px solid #00B36E; border-right:9px solid transparent; position: absolute; left: 0; top: 100%;}
.fqaText{ font-size: 18px; color: #6D6F73; line-height: 200%; margin: .2rem 0;}

.contact{ padding: 1rem 0 0; position: relative; z-index: 6;}
.conTop{ list-style: none; display: flex; flex-wrap: wrap; margin: .5rem -.1rem;}
.conTop li{ width: 50%; padding: .14rem .1rem;}
.conItem{ display: flex; align-items: center; height: 100%; min-height: 200px; padding: .2rem .2rem .2rem .6rem; background: #FFFFFF; box-shadow:1px 8px 17px 0px rgba(0, 0, 0, 0.13); border-radius: 15px;}
.conIco{ flex-shrink: 0; width: 22.37%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.conIco img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.conText{ flex: auto; text-align: center; font-size: 24px; color: #666666; line-height: 150%; overflow: hidden; padding: 0 .3rem;}
.conText img{ max-width: 145px;}
.conText a{ color: #666666;}

.messList{ list-style: none; display: flex; flex-wrap: wrap; margin: .54rem 0 0; padding: .5rem 1rem; background: #FFFFFF; box-shadow:0px 0px .34rem 0px rgba(0, 0, 0, 0.1);}
.messList li{ width: 50%; padding: 0 .2rem; margin-bottom: .32rem;}
.messLab{ float: left; width: 90px; padding-right: 10px; text-align: right; font-size: 18px; color: #333333; line-height: 40px;}
.messRig{ float: left; width: calc(100% - 90px);}
.messInput{ display: block; width: 100%; padding: 0 10px; height: 40px; line-height: 38px; border-radius:6px; border: 1px solid #999999; font-size: 16px; color: #333333;}
.messList li:nth-last-child(1){ width: 100%;}
.messList li:nth-last-child(2){ width: 100%;}
.messList li:nth-child(2) .messRig{ max-width: 220px;}
select.messInput{ appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; background: url(../images/arrow2.png) right .1rem center no-repeat;}
textarea.messInput{ height: 1.44rem; resize: none;}
.messBtn{ display: block; max-width:509px; width: 100%; background:#00B36E; border-radius:11px; border:1px solid #979797; font-size: 24px; color: #FFFFFF; line-height: 40px; padding: .2rem; border: none; margin: .2rem auto 0; text-align: center;}

.mapBox{ height: 38.54vw; margin-top: -10vw;}
#map{ height: 100%;}

.noResult{ font-size: 16px; color: #333; line-height: 200%; text-align: center;}

.soluLc{ position: relative; max-width: 1060px; margin: .6rem auto .8rem;}
.soluLcImg img{ width: 100%; height: auto;}
.soluLcList{ list-style: none;}
.soluLi{ position: absolute;}
.soluLcNum{ position: relative; display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #FFFFFF; font-size: 24px; background: #00b36e; text-align: center; z-index: 1;}
.soluLcCon{ position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 90px; height: 90px; border: 2px solid #00b36e; border-radius: 50%; font-size: 16px; color: #000000; font-weight: bold;}
.soluLcLi1{ left: -4.7%; top: 63.43%;}
.soluLcLi1 .soluLcCon,.soluLcLi5 .soluLcCon{ left: 8px; bottom: 30px;}
.soluLcLi2{ left: 9.43%; top: 74.62%;}
.soluLcLi2 .soluLcCon,.soluLcLi6 .soluLcCon{ left: 4px; top: 30px;}
.soluLcLi3{ left: 24.06%; top: 22.38%;}
.soluLcLi3 .soluLcCon,.soluLcLi7 .soluLcCon{ right: 10px; bottom: 30px;}
.soluLcLi4{ left: 39.62%; top: -17.9%;}
.soluLcLi4 .soluLcCon{ left: -30px; top: 40px;}
.soluLcLi5{ left: 53.77%; top: 44.77%;}
.soluLcLi6{ left: 70.38%; top: 55.97%;}
.soluLcLi7{ left: 84.9%; top: 8.9%;}
.soluLcLi8{ left: 100.9%; top: -22.38%;}
.soluLcLi8 .soluLcCon{ left: -15px; top: 40px;}

@media (min-width:1201px) {}

@media (min-width:1400px) {
}

@media (max-width:1600px) {
    .banMore{ width: 140px; height: 40px; line-height: 38px; font-size: 14px;}
    .box1Bg{ padding: .8rem 0;}
    .box2Bg{ padding: .7rem 0;}
    .box3Bg .wrap{ padding: .7rem 0;}
    .box4Bg{ padding: .6rem 0;}
    .box1Lef{ font-size: 15px;}
    .box1Text h4{ font-size: 17px;}
    .box1Td p img{ width: 20px;}
    .box1Rig{ max-width: 420px;}
    .box2List li{ padding: .1rem;}
    .box2List li img{ width: 24px; margin-right: 5px;}
    .box2Tit{ font-size: 22px;}
    .box2Des{ font-size: 15px;}
    .box3Tab li{ padding: 5px 15px;}
    .box3Tit{ font-size: 22px; margin: 0 0 .2rem;}
    .box4Tit{ font-size: 22px;}
    .box4TitEn{ font-size: 18px; line-height: 160%;}
	.about .box1Td{ font-size: 20px;}
    .about .box1Td p img{ width: 24px;}
    .arTit{ font-size: 20px;}
    .arDes{ font-size: 16px;}
    .arMore{ font-size: 14px;}
    .arName{ margin: .6rem 0 .4rem; font-size: 30px;}
    .arText{ font-size: 16px;}
    .tsList{ font-size: 16px;}
    .tsList li a img{ width: 28px;}
    .solu2Ico{ width: 80px; height: 80px;}
    .solu2Tit{ font-size: 20px; margin: .1rem 0;}

    .solu4List{ margin: .5rem -.1rem;}
    .solu4List li{ padding: .1rem;}
    .solu4Tit{ font-size: 20px;}
    .solu4En{ font-size: 16px;}

    .caseTop{ margin: .2rem 0 .4rem;}
    .caseList li{ padding: .1rem;}
    .caseTit{ font-size: 20px;}

    .fqaTit{ font-size: 30px;}
    .fqaText{ font-size: 16px;}

    .conText{ font-size: 20px;}
    .conText img{ max-width: 120px;}
    .messLab{ font-size: 16px;}
    .messBtn{ line-height: 30px; font-size: 20px;}
}

@media (max-width:1400px) {
    .box1Bg{ padding: .6rem 0;}
    .box2Bg{ padding: .6rem 0;}
    .box3Bg .wrap{ padding: .6rem 0;}
    .box4Box{ margin: .5rem 0 .3rem;}
    .arList li{ margin: .5rem 0;}
    .arLink{ padding: 0 .25rem .3rem;}
    .arImg{ margin-top: -.3rem;}
    .arImg .imgBg{ height: 230px;}
    .arTit{ font-size: 18px;}
    .arDes{ font-size: 14px;}
    .arMore i{ background-size: 18px auto;}
    .arName{ font-size: 24px;}
    .arText{ font-size: 14px;}
    .fqaTit{ font-size: 24px;}
    .fqaTit span{ min-width: 50px;}
    .fqaText{ font-size: 14px;}
    .conItem{ min-height: 180px; padding: .2rem .2rem .2rem .4rem;}
    .conText{ font-size: 18px; padding: 0 .2rem;}
}

@media (max-width:1200px) {
    .banner,.banner .swiper-container{ height: 60vh; max-height: 6rem;}
    .box2Box{ display: flex; flex-direction: column-reverse;}
    .box2List{ flex-wrap: wrap;}
    .box2List li{ width: 25%; border: 1px solid #243D64 !important;}
    .box2Tit{ display: none;}
    .box2Line{ display: none;}
    .box2Top .swiper-pagination{ display: block;}
    .box2Top .swiper-pagination-bullet{ background-color: #FFFFFF;}
    .box3Bg .wrap{ padding: .6rem 15px;}
    .box3Bg .wrap::before{ display: none;}
    .box3Lef{ display: none;}
    .box3Tit{ text-align: center; font-size: 18px;}
    .box3Tit img{ display: inline-block; vertical-align: middle; margin-right: 5px;}
    .box3Text .swiper-pagination{ display: block;}
    .box3More{ margin: .3rem auto 0;}
    .box4Hov{ padding: .2rem;}
    .box4Tit{ font-size: 18px;}
    .box4TitEn{ font-size: 14px;}
    .box4More{ left: .2rem; height: 32px; line-height: 32px; width: 110px;}
    .parList{ margin: 0 -.1rem;}
    .parList li{ width: 20%; padding: .1rem;}
    .tsList li{ width: 50%;}
    .tsList2 li{ width: 25%;}
    .solu4List{ justify-content: center;}
    .solu4List li{ width: 33.33%;}
    .conText{ font-size: 16px;}
    .messList{ padding: .5rem .3rem .3rem;}
    .messList li{ margin-bottom: .2rem; padding: 0 .1rem;}
    .messLab{ font-size: 14px;}
    .messInput{ font-size: 14px;}
    select.messInput{ background-size: 24px auto;}
    .messBtn{ padding: .15rem;}
}

@media (max-width:991px) {
    .banCon{ width: 100%;}
    .banner .banPage{ width: 100%; text-align: center; bottom: .2rem;}
    .banTitCn{ font-size: .24rem;}
    .banTitEn{ font-size: .28rem;}
    .banDes{ font-size: .32rem;}
    .box1Lef,.box1Rig{ float: none; width: 100%;}
    .box1Td p{ max-width: none;}
    .box1More{ margin: .3rem 0;}
    .box1Rig{ margin: .3rem auto 0;}
    .about .box1Td{ font-size: 16px;}
    .parList li{ width: 25%;}
    .tsList li{ width: 50%;}
    .tsList2 li{ width: 33.33%;}
    .solu2Tit{ font-size: 18px;}
    .mapBox{ height: 5rem; margin-top: -1rem;}
    .soluLc{ margin: 0;}
    .soluLcImg{ display: none;}
    .soluLi{ position: static; overflow: hidden; margin-bottom: .2rem; animation-name: fadeInUp;}
    .soluLcNum{ float: left; margin-right: 10px;}
    .soluLcCon{ display: block; overflow: hidden; text-align: center; position: static; width: calc(100% - 60px); height: auto; border-radius: .1rem; line-height: 30px; padding: 10px;}
}

@media (max-width:767px) {
    .box4List{ height: auto; padding: 0; display: flex; flex-wrap: wrap;}
    .box4List li{ position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 50% !important; height: 2.4rem;}
    .about .box1Td p{ width: 50%;}
    .about .box1Td p img{ width: 20px;}

    .arList{ margin: .8rem 0 .6rem;}
    .arList li{ margin: .4rem 0;}
    .arLink{ padding: 0 .15rem .2rem;}
    .arImg{ margin-top: -.2rem;}
    .arImg .imgBg{ height: 170px;}
    .arTit{ font-size: 16px; line-height: 28px; margin: .2rem 0 .1rem;}
    .arDes{ height: 48px; -webkit-line-clamp:2; margin: .1rem 0;}
    .caseList li{ width: 50%;}
    .fqaTit{ font-size: 20px;}
    .fqaTit span{ line-height: 30px; min-width: 40px;}

    .conTop{ margin: .3rem -.1rem;}
    .conTop li{ width: 100%;}
    .conIco{ max-width: 112px;}
    .messList li{ width: 100%; padding: 0;}
    .messList li:nth-child(2) .messRig{ max-width: none;}
}

@media (max-width:640px) {
    .sortList{ padding: 0 15px;}
    .sortList li a{ font-size: 14px;}
    .sortList li a img{ width: 1.4rem; margin: 0 auto;}
    .parList li{ width: 33.33%;}
    .parList li a{ height: 1.2rem;}
    .arImg .imgBg{ height: 150px;}
    .arName{ font-size: .32rem;}
    .tsList{ font-size: 14px;}
    .tsList li{ width: 50%; padding-left: 0;}
    .tsList2 li{ width: 50%;}
    .tsList li a img{ width: 22px;}
    .solu2List li{ width: 50%;}
    .solu2Ico{ width: 1rem; height: 1rem; margin: 0 auto;}
    .solu2Tit{ margin: .1rem 0; font-size: 16px;}
    .solu4List li{ width: 50%;}
    .caseTop li{ display: block;}
    .caseLef{ width: 100%; text-align: left; padding: .1rem .2rem;}
    .caseRig{ padding: .1rem .2rem;}
    .caseAll{ display: block; float: none; width: 60px;}
    .caseCon{ margin: 0 -.1rem;}
    .caseCon a{ margin: 0; padding: 0 .1rem;}
    .caseTop li:first-child .caseCon{ max-width: none;}
    .caseTit{ font-size: 18px; line-height: 160%;}
    .fqaTit{ font-size: 18px;}
    .conItem{ min-height: 0; padding: .3rem .3rem .3rem .4rem;}
    .conText{ font-size: 14px;}
    .conText img{ max-width: 1.6rem;}
    .messBtn{ padding: .1rem; font-size: 16px;}
    .soluLcNum{ width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
    .soluLcCon{ width: calc(100% - 42px); padding: 4px .2rem; line-height: 24px; font-size: 14px;}
}

@media (max-width:460px) {
    .banMore{ width: 100px; height: 34px; line-height: 32px; font-size: 12px;}
    .banMore span{ padding: 0 10px;}
    .banMore i{ width: 18px; height: 18px; background-size: 18px auto;}

    .box1Lef{ font-size: 14px;}
    .box1Text h4{ font-size: 15px;}
    .box1Td p{ width: 100%;}
    .box2List{ line-height: 24px;}
    .box2List li{ width: 33.33%;}
    .box2List li img{ width: 20px;}
    .box4Box{ margin: .3rem 0;}
    .box4Tit{ font-size: 16px;}
    .box4TitEn{ font-size: 12px;}
    .box4More{ width: 100px; padding: 0 10px; font-size: 12px;}
    .box4Btn{ width: 32px; height: 32px;}
    .about .box1Td{ font-size: 14px; text-align: center;}
    .about .box1Td p{ width: 100%;}
    .about .box1Td p img{ width: 18px;}
    .parList li{ width: 50%;}
    .parList li a{ height: 2rem;}
    .arImg .imgBg{ height: calc(110px + .3rem)}
    .arTit span{ float: none; display: block; margin: 0;}
    .arMore{ display: none;}
    .solu2Des{ font-size: 12px;}
    .solu4Tit{ font-size: 16px;}
    .solu4En{ font-size: 12px;}
    .caseTit{ font-size: 14px;}
    .fqaTit{ font-size: 16px;}
    .fqaTit span{ min-width: 30px; line-height: 24px;}
    .fqaTit span::after{ border-top-width: 5px; border-right-width: 5px;}
    .messLab{ float: none; display: block; width:100%; text-align: left; line-height: 24px;}
    .messRig{ width: 100%;}
    select.messInput{ background-size: 20px auto;}
}
@media all and (orientation : landscape) {

}
@media all and (orientation : portrait) {
    
}