.main{/* margin-bottom: 90px; */background: url(../img/bk.jpg) center bottom no-repeat;}

.Img{overflow:hidden;display: block;}
.Img img{width:100%;transition:all .45s ease-in-out}

.head{width: 100%;margin-top: 85px;margin-bottom: 70px;padding-bottom: 40px;text-align:center;border-bottom: 1px solid #ececec;position:relative;}
.head:after{content:"";position:absolute;width:64px;height:16px;display:block;background:#fff url(../img/linebk.png) center center no-repeat;bottom:-8px;left:calc(50% - 32px)}
.head i{display:inline-block;width:34px;height: 32px;position:relative;vertical-align: top;}
.head i:after{content:"";position:absolute;width:6px;height:6px;left:calc(50% - 3px);top:calc(50% - 3px);background: #28883a;border-radius:50%;}
.head span{font-size: 22px;color:#434343;font-family:"微软雅黑";}
.head span.en1{font-family: "Bookman Old Style";font-size:24px;color:#494949;color:#f4c22d;font-style:normal}
.head span.en2{color: #494949;font-family:"微软雅黑";font-size:24px;margin-left:10px;}
.head>em{font-size:12px;color:#434343;font-style:normal;margin-top:20px;display:block;font-family:"微软雅黑"}

.iAbout{display:flex;justify-content:space-between}
.iAbout .left{width:673px;height:490px;overflow:hidden;position: relative;display:none}
.iAbout .left:first-child{display:block}
.iAbout .left img{width:100%}
.iAbout .left .Txt{position:absolute;bottom:0;background:rgba(255,255,255,.79);padding:20px 40px}
.iAbout .left .Txt p{color:#212121;font-size:14px}
.iAbout .left .Txt .summary{font-size:12px;color:rgba(67,67,67,.53);line-height:20px;margin-top:5px}
.iAbout .right{width: 510px;border:2px solid #eeeeee;box-sizing:border-box;padding: 35px 30px 50px 40px;width: 100%;margin-top: 105px;position:relative;}
.iAbout .right p{color:#f4c22d;font-size: 22px;font-family:"Bookman Old Style";}
.iAbout .right em{line-height:44px;font-style:normal;font-size: 18px;color: #5b5b5b;position:relative;display:block;}
.iAbout .right em:after{position:absolute;content:"";width:80px;height:1px;left:0;bottom:0;background:#f4c22d;display:none}
.iAbout .right .info{font-size: 14px;color: rgba(91,91,91,.9);line-height: 35px;margin-top:15px;font-family:"微软雅黑";}
.iAbout .right a{right:35px;top: 55px;width:70px;height:25px;display:block;text-align:center;color:rgba(67,67,67,.66);font-size:12px;border:1px solid #d2d2d2;line-height:25px;border-radius:4px;position:absolute;}
.iAbout a:hover{background:#f4c22d;color:#fff}

.iPro{margin-top:114px;box-sizing:border-box;padding:40px 40px 65px 40px;border:2px solid #eeeeee;position:relative}
.iPro p{color:#f4c22d;font-size:22px;font-family:"Cambria Math"}
.iPro em{color:#5b5b5b;font-size:18px;font-family:"微软雅黑";font-style:normal;margin-top:5px;display:block}
.iPro .summary{margin:30px 0 45px;font-size:13px;color:rgba(91,91,91,0.7);line-height:24px}
.iPro .Detail{position:absolute;top:57px;right:40px;width:63px;height:23px;line-height:23px;color:rgba(67,67,67,.66);font-size:12px;text-align:center;border:1px solid rgba(67,67,67,.14)}
.iPro .Detail:hover{color:#fff;background:#f4c22d}
.iProCon{width:100%;height:150px;background:#96b2c5;padding: 0 60px;box-sizing:border-box;position: relative;}
.iProCon .swiper-button-next,.iProCon .swiper-button-prev{width:32px;height:32px;background:#89a9be url(../img/arrow.png) left center no-repeat;top:calc(50% - 16px);left:20px;right: auto;margin-top: 0;}
.iProCon .swiper-button-next{right:20px;left: auto;background-position:right center}
.iProCon .swiper-slide{text-align:center}
.iProCon a{/* background:url(../img/Img4.png) center center no-repeat; */display: inline-block;width: 112px;height: 112px;margin-top: 20px;margin-bottom: 15px;border-radius: 50%;background:#192a89;box-shadow: -5px 7px 5px 1px rgba(67,67,67,0.5);overflow: hidden;text-align: center;}
.iProCon a .Img{width: 110px;height: 108px;border-radius: 50%;overflow: hidden;/* top: -2px; */position: relative;/* left: calc(50% - 58px); */background: #fff;display: inline-block;}
.iProCon a .Img img{/* width: 140%; *//* max-width: 140%; *//* position: absolute; *//* left: -20%; */}

.iNews ul li{width:100%;height:212px;overflow:hidden;}
.iNews ul li {display:flex;justify-content:space-between;/* height: 100%; */}
.iNews ul li .Img{width: 50%;overflow: hidden;height: 100%;}
.iNews ul li .words{width:563px;padding:24px 0 35px;box-sizing:border-box}
.iNews ul li .words .title{font-size:16px;color:rgba(67,67,67,.84)}
.iNews ul li .words .summary{font-size:13px;color:rgba(67,67,67,.54);line-height:30px;margin:25px 0;height: 60px;overflow: hidden;}
.iNews ul li .words a{width:70px;height:25px;display:block;text-align:center;color:rgba(67,67,67,.66);font-size:12px;border:1px solid #d2d2d2;line-height:25px;border-radius:4px}
.iNews ul li:nth-child(2n){flex-direction: row-reverse;}
.iNews ul li:hover .title{color:#f4c22d}
.iNews ul li:hover img{transform:scale(1.2)}
.iNews ul li a:hover{background:#f4c22d;color:#fff}

.more{text-align:center;margin-top:83px;}
.more a{width:166px;height:40px;display:inline-block;font-size:14px;color:rgba(67,67,67,.66);border:1px solid #e8e8e8;line-height:40px}
.more a:hover{background:#f4c22d;color:#fff}

.iKnow{margin-bottom: 45px;}
.iKnow ul{display:flex;flex-wrap:wrap;}
.iKnow ul li{width:230px;height:150px;margin-right: 12px;border: 1px solid #dedede;box-sizing: border-box;margin-bottom: 10px;overflow: hidden;}
.iKnow ul li:nth-child(5n){margin-right:0}
.iKnow ul li a{display:block;width:100%;height:100%;text-align:center;line-height:150px}
.iKnow ul li img{max-width:100%;max-height:100%;vertical-align:middle;display:inline-block;transition:.35s all ease-in-out}
.iKnow ul li:hover img{transform:scale(1.2)}

.iPartner{margin-bottom:95px}
.iPartner ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.iPartner ul li{width:193px;height:149px;margin-right: 6px;border:1px solid #dedede;line-height:149px;margin-bottom: 6px;text-align:center}
.iPartner ul li:nth-child(6n){margin-right:0}
.iPartner ul li .Img,.iPartner ul li a{width:100%;height:100%}
.iPartner ul li img{max-width:90%;max-height: 70%;transition:all .35s ease-in-out;width: auto;}
.iPartner ul li:hover img{transform:scale(1.2)}
.iPartner ul li:hover{border-color:#f4c22d}

.iCaseBox ul{position:relative;height: 25.5vw;overflow: hidden;}
.iCaseBox ul li{position:absolute;}
.iCaseBox ul li .Img,.iCaseBox ul li .Img img{max-width:100%;max-height:100%}
.iCaseBox ul li .words{padding:0 40px;box-sizing:border-box}
.iCaseBox ul li .words .title{color:#212121;font-size:14px;padding-top:15px;line-height:30px}
.iCaseBox ul li .words .summary{color:#666666;font-size:14px;line-height:25px;height:50px;overflow:hidden}
.iCaseBox ul li:nth-child(1){width:34.9%;height:25.5vw}
.iCaseBox ul li:nth-child(1) .words{width:100%;height:110px;position: absolute;bottom: 0;background: rgba(255,255,255,0.79);}
.iCaseBox ul li:nth-child(2),.iCaseBox ul li:nth-child(3){width:42.1%;height:12.5vw;left:35.5%;}
.iCaseBox ul li:nth-child(3){top:13vw}
.iCaseBox ul li:nth-child(2) a{flex-direction:row-reverse;}
.iCaseBox ul li:nth-child(2) a,.iCaseBox ul li:nth-child(3) a{display:flex;justify-content:space-between}
.iCaseBox ul li:nth-child(2) .Img,.iCaseBox ul li:nth-child(3) .Img{width:42.1%}
.iCaseBox ul li:nth-child(2) .words,.iCaseBox ul li:nth-child(3) .words{width:56.6%;border:2px solid #eeeeee;padding:0 2vw}
.iCaseBox ul li:nth-child(2) .words .titleTop,.iCaseBox ul li:nth-child(3) .words .titleTop{padding-top:2.1vw;font-size: 1vw;color:#28883a;}
.iCaseBox ul li:nth-child(2) .words .title,.iCaseBox ul li:nth-child(3) .words .title{padding:0;font-size:.7vw;color:#666666;position:relative}
.iCaseBox ul li:nth-child(2) .words .title:after,.iCaseBox ul li:nth-child(3) .words .title:after{content:"";position:absolute;width:25%;height:1px;background:#f4c22d;left:.2vw;bottom:-.23vw}
.iCaseBox ul li:nth-child(2) .words .summary,.iCaseBox ul li:nth-child(3) .words .summary{margin-top:.8vw;height:4.7vw;line-height:1.6vw;font-size:.7vw;color:#787878}
.iCaseBox ul li:nth-child(2):hover img,.iCaseBox ul li:nth-child(3):hover img{transform:scale(1.2)}
.iCaseBox ul li:nth-child(4){width:21.9%;height:25.5vw;right:0}
.iCaseBox ul li:nth-child(4) .words{transition:all .3s ;position:absolute;width:100%;height:100%;left:100%;top:0;padding-top:8vw;background:rgba(255,255,255,.7);}
.iCaseBox ul li:nth-child(4):hover .words{transform: translate(-100%, 0);}
.iCaseBox ul li:hover .titleTop{font-weight:bold}

@media only screen and (max-width:880px){
    .main{margin-top:15.3vw}
    .box1{/* padding:0 3vw; */box-sizing:border-box;display: block;margin: 6vw 0 5vw;}
    .head{width:100%;text-align:center;margin: 9vw 0;padding: 0 9vw 6vw;box-sizing: border-box;}
    .head p{font-size:16px}
    .head span:first-child{font-size:16px}
    .head span.en2{font-size:16px;margin-left: 5px;}
    .head i{width:6vw;height: 23px;}
    .head i:after{width:2px;height:2px;top:calc(50% - 1px);left:calc(50% - 1px)}
    .head span{font-size:16px}
    .head>em{font-size: 12px;margin-top:3px;}

    .iAbout{display:block;padding: 0 3vw;box-sizing: border-box;}
    .iAbout .left{width:100%;height: 68vw;}
    .iAbout .left .Txt{padding:4vw 3vw}
    .iAbout .left .Txt .summary{line-height:16px}
    .iAbout .right{width:100%;margin-top:4vw;padding: 4vw 3vw;}
    .iAbout .right p{font-size:18px}
    .iAbout .right em{line-height: 30px;/* padding-bottom: 10px; */font-size: 14px;}
    .iAbout .right .info{line-height: 1.5;font-size: 12px;}
    .iAbout .right a{right:3vw;top:30px}

    .iPro{margin: 6vw 3vw 0;width: 94vw;padding: 4vw 3vw;}
    .iPro p{font-size:18px}
    .iPro em{font-size:16px}
    .iPro .Detail{top:6vw;right:5vw}
    .iPro .summary{margin:4vw 0;line-height:18px}
    .iProCon{padding:0 12vw;height: 35vw;}
    .iProCon .swiper-button-prev{left:2vw}
    .iProCon .swiper-button-next{right:2vw}
    .iProCon a{width:25vw;height:25vw}
    .iProCon a .Img{width:24vw;height:24vw}

    .iNews ul{padding:0 3vw;box-sizing: border-box;}
    .iNews ul li{height:auto;display: block;}
    .iNews ul li a{display:block}
    .iNews ul li .Img{width:100%}
    .iNews ul li .words{width:100%;padding: 6vw 0;position: relative;}
    .iNews ul li .words .summary{margin:4vw 0;line-height:20px}
    .iNews ul li .words .title{font-size: 14px;}
    .iNews ul li .words .summary{font-size: 12px;line-height: 20px;margin: 10px 0;height: 40px;overflow: hidden;}
    .iNews ul li .words a{position: absolute;top: 18px;right: 0;}
    .more{margin-top: 0;}
    .more a{width:30vw;height:8vw;line-height:8vw}

    .iKnow ul{margin:0 3vw}
    .iKnow ul li{width:45.5vw;margin-right:3vw;height: 30vw;}
    .iKnow ul li:nth-child(5n){margin-right:3vw}
    .iKnow ul li:nth-child(2n){margin-right:0}
    .iKnow ul li a{line-height:30vw}

    .iPartner{margin-bottom:20vw}
    .iPartner ul{width:94vw;margin:0 auto}
    .iPartner ul li{width: 32%;margin-right:2%;box-sizing:border-box;height: 26vw;line-height: 26vw;}
    .iPartner ul li:nth-child(3n){margin-right:0}

    .iCaseBox ul{height:auto;width:94vw;margin:0 auto;margin-bottom:10vw}
    .iCaseBox ul li{position:unset;margin-bottom:10px}
    .iCaseBox ul li:nth-child(1){width:100%;height:auto;position:relative;}
    .iCaseBox ul li:nth-child(1) .words{padding:0 6vw;height:100px}
    .iCaseBox ul li .words .summary{font-size:12px;line-height:20px;height:40px}
    .iCaseBox ul li:nth-child(4){display:none}
    .iCaseBox ul li:nth-child(2),.iCaseBox ul li:nth-child(3){width:100%;height:auto}
    .iCaseBox ul li:nth-child(2) .Img, .iCaseBox ul li:nth-child(3) .Img{width:60%}
    .iCaseBox ul li:nth-child(2) .words, .iCaseBox ul li:nth-child(3) .words{width:38%}
    .iCaseBox ul li:nth-child(2) .words .titleTop, .iCaseBox ul li:nth-child(3) .words .titleTop{font-size:14px;padding-top: 2.5vw;}
    .iCaseBox ul li:nth-child(2) .words .title, .iCaseBox ul li:nth-child(3) .words .title{font-size:12px}
    .iCaseBox ul li:nth-child(2) .words .summary, .iCaseBox ul li:nth-child(3) .words .summary{line-height:20px;height:60px;font-size: 12px;margin-top: 1.5vw;}

    
}