.mainCon{margin: 0 auto 100px;color:#333;line-height:25px;font-size:14px;min-height: 300px;}
.mainCon>p{text-align: center;font-size: 20px;color: rgba(244,194,45,0.8);margin-bottom: 70px;}

.contactBox{width: 1200px;position: relative;}
.contactCon{position:relative;height: 580px;background: #eee;}
.contactBox #maps{width: 100%;height: 100%;}
.contactBox .infoBox{width: 360px;height:100%;background: rgb(235, 157, 22,0.8);position:absolute;right:0;bottom: 0;padding: 0 30px 50px;box-sizing: border-box;}
.contactBox .infoBox .info{position: relative;height: 100%;}
.contactBox .infoBox .info .infoCon{position: absolute;bottom: 0;color: #fff;width: 100%;}
.contactBox .infoBox .info .infoCon>i{font-size: 16px;font-style: normal;}
.contactBox .infoBox .info .infoCon>p{font-size: 20px;display: block;height: 40px;line-height: 40px;margin-bottom: 25px;}
.contactBox .infoBox .info .infoCon>div{line-height: 30px;display:flex;width: 100%;}
.contactBox .infoBox .info .infoCon>div>em{padding-left: 30px;font-style: normal;background: url(../img/email.png) left 5px no-repeat;background-size:20px;}
.contactBox .infoBox .info .infoCon .tel>em{background: url(../img/tel.png) left 5px no-repeat;}
.contactBox .infoBox .info .infoCon .chuan>em{background: url(../img/email.png) left 5px no-repeat;}
.contactBox .infoBox .info .infoCon .address>em{background: url(../img/address.png) left 5px no-repeat;}
.contactBox .infoBox .info .infoCon>div section{width: 173px;width: calc(100% - 80px);}
.contactBox .infoBox .info .infoCon>div section span{display:block}

.location{line-height:40px;margin: 20px 0 40px;border-bottom:1px solid #ccc;}
.location span{margin:0 5px}

.newsBox ul{display:flex;flex-wrap:wrap;width:1050px;margin:0 auto;}
.newsBox ul li{width:50%;padding-right:40px;box-sizing:border-box;margin-bottom: 60px;overflow: hidden;}
.newsBox ul li a{display:flex;justify-content:space-between}
.newsBox ul li .Img{width:150px;height:100px;overflow:hidden;line-height: 100px;text-align: center;}
.newsBox ul li .Img img{max-width:100%;max-height:100%;/* width: 100%; */transition:all .5s ease-in-out;}
.newsBox ul li .Txt{width:320px;font-size: 12px;}
.newsBox ul li .Txt p{color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newsBox ul li .Txt .time{color:#999}
.newsBox ul li .Txt .summary{color:#666;height: 50px;overflow: hidden;}
.newsBox ul li:hover img{transform:scale(1.2)}
.newsBox ul li:hover p{color:rgba(244,194,45,0.8)}
.newsBox ul li:first-child{width:100%;position:relative}
.newsBox ul li:first-child a{display:block;}
.newsBox ul li:first-child .Img{width:307px;height:194px;margin: 24px 0;}
.newsBox ul li:first-child .Txt{width:830px;height:240px;background:#f5f9fb;position:absolute;top:0;right:0;z-index:-1;box-sizing: border-box;padding: 50px 40px 0 130px;}
.newsBox ul li:first-child .Txt .time{line-height:40px}
.newsBox ul li:first-child .Txt .summary{height: 75px;overflow:hidden;}

.newsBox.employ ul li:first-child{position:unset;width: 50%;}
.newsBox.employ ul li:first-child .Txt{width:320px;font-size: 12px;height: auto;position: unset;padding: 0;background: none;}
.newsBox.employ ul li:first-child .Txt p{color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newsBox.employ ul li:first-child .Txt .time{color:#999}
.newsBox.employ ul li:first-child .Txt .summary{color:#666;height: 50px;overflow: hidden;}
.newsBox.employ ul li:hover .Txt p{color:rgba(244,194,45,0.8)}

.loadMore{width:150px;height:37px;line-height:37px;display:block;text-align:center;background:#f5f9fb;font-size:12px;color:#8c8985;margin:0 auto;transition:all .5s ease-in-out}
.loadMore:hover{background:rgba(244,194,45,0.8);color:#fff}

.infoBox{width:1200px;}
.infoBox>p{text-align:center;font-size:18px;color:rgba(244,194,45,0.8);margin-bottom: 10px;}
.infoBox .time{text-align:center;padding: 5px 0 30px;font-size:12px;color:#666;/* border-bottom:1px solid #ececec */}
.infoBox .info{color:#333;font-size: 14px;/* padding-top:30px */}

.honorBox{/* margin: 80px 0; */}
#certify{width: 1000px}
#certify .swiper-slide{width: 350px;height: 250px}
#certify .swiper-slide .Img{width:100%;height: 80%;text-align: center}
#certify .swiper-slide .Img img{mmax-width: 100%;max-height: 100%;display: inline-block}
#certify .swiper-slide p{line-height: 40px}
#certify .swiper-pagination{bottom: 0}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid rgba(244,194,45,0.8)}
#certify .swiper-button-prev i,#certify .swiper-button-next i{position: relative;display:block;width:20px}
#certify .swiper-button-prev i:after,#certify .swiper-button-next i:after{content:"";width: 17px;height: 17px;border: 3px solid rgba(244,194,45,0.8);border-right:0;border-top:0;position: absolute;border-radius: 2px;transform: rotate(45deg);}
#certify .swiper-button-next i{float:right}
#certify .swiper-button-next i:after{transform:rotate(-135deg);}

.letterBox{padding: 5px 0 20px;margin:0 0 0 20px;background:linear-gradient(to bottom,#fff,rgba(0,0,0,0.05));}
.letterBox .letterTitle{text-align:center;font-size:30px;margin:50px 0 50px}
.letterBox form{width:573px;margin: 30px auto;width: 600px;display: flex;flex-wrap: wrap;}
.letterBox form>p{display:flex;margin-bottom:20px;line-height:36px;width: 300px;}
.letterBox form span{display:inline-block;width:87px;height:36px;font-size:16px;color:#393737;text-align: right;}
.letterBox form input[type=text]{width:276px;height:36px;border:1px solid #999797;padding:0 10px;box-sizing:border-box;background:#fff;appearance: none;-webkit-appearance: none;border-radius: 0;width: 170px;}
.letterBox form i{color:red;/* margin-top:5px; */margin-left:10px;}
.letterBox form label{margin-right:25px;color:#393737;font-size:16px}
.letterBox form label input{margin-right:5px;appearance: none;-webkit-appearance: none;padding-left: 20px;position:relative;height: 30px;display: inline;}
.letterBox form label input:before{width:16px;height:16px;content:"";position:absolute;border:1px solid #9b9999;border-radius:50%;left:0;top: calc(50% - 10px);}
.letterBox form label input:after{display:none;width:6px;height:6px;content:"";position:absolute;background:#0859af;border-radius:50%;left: 6px;top: calc(50% - 4px);}
.letterBox form label input:checked::after{display:block}
.letterBox form textarea{width: 470px;height:198px;border:1px solid #999797;padding:0 10px;box-sizing:border-box;appearance: none;-webkit-appearance: none;border-radius: 0;}
.letterBox form textarea+i{margin-top:-5px}
.letterBox form input[name=VC]{width:135px;}
.letterBox form p:nth-child(5),.letterBox form p:nth-child(6),.letterBox form p:nth-child(7){width:100%}
.letterBox form p:last-child{text-align:center;display: block;margin-top:34px;margin-left: 28px;}
.letterBox form p:last-child input{width:110px;height:40px;line-height:40px;background:#c9c9c9;margin:0 6px;font-size:16px;color:#5c5b5b;cursor:pointer;appearance: none;-webkit-appearance: none;border-radius: 0;border: 0;}
.letterBox form p:last-child input[type=submit]{background: #288839;color:#fff;border: 0;}
.letterBox form>p img{margin:5px;width:70px;}
@media only screen and (max-width: 880px) {
    .mainCon{/* margin-top: 8vw; */padding: 0 3vw;box-sizing: border-box;}
    .mainCon>p{font-size:16px;margin-bottom: 10vw;}

    .location{margin: 0 0 5vw;}
    .location a{font-size:12px}

    .newsBox ul{width:100%;display: block;margin-top: 8vw;}
    .newsBox ul li{padding-right:0;overflow: unset;margin-bottom: 8vw;width: 100%;}
    .newsBox ul li:first-child .Img{width:100%;height:auto;margin: 0;}
    .newsBox ul li:first-child .Txt{width: 100vw;top: auto;bottom: 0;right: -3vw;padding-left: 3vw;height: 210px;}
    .newsBox ul li:first-child a{padding: 0 0 170px 0;}
    .newsBox ul li .Img{width: 35%;height: 32vw;}
    .newsBox ul li .Txt{width: 61%;}
    .newsBox ul li .Txt .summary{line-height:18px}

    .newsBox.employ ul li:first-child a{padding:0}

    .infoBox{width:100%}
    .infoBox>p{margin-bottom: 1vw;}
    .infoBox .time{padding:0 0 3vw}
    .infoBox .info{font-size:13px}

    .contactBox{width:100%}
    .contactCon{width:100%;height:84vw;margin: 0 auto 80vw;/* padding: 0 3vw; */box-sizing: border-box;background: 0;}
    .contactCon .infoBox{position:unset;right: auto;bottom: auto;/* background:#fff; */width:100%;padding: 4vw 3vw;height: 65vw;}
    .BMap_mask{width:100%;height:84vw!important}
    .contactCon #maps>div{height:84vw!important}
    .contactCon .infoBox .info .infoCon{/* color:#333; */top: 0;}
    .contactCon .infoBox .info .infoCon>p{font-size:18px;line-height:26px;margin-bottom: 5vw;background: url(../img/contact/companybkB.png) left bottom no-repeat;height:30px;background-size:4vw}
    .contactCon .infoBox .info .infoCon>div{line-height:22px;font-size: 13px;}
    .contactCon .infoBox .info .infoCon>div>em{background-size: 17px!important;background-position: 0 2px!important;}
    
    .honorBox{margin-bottom:10vw}
    #certify{width:100%}
    #certify .swiper-slide{width: 55vw;height: 45vw;}
    #certify .swiper-button-prev i:after{right: -30px;}
    #certify .swiper-button-next i:after{left:-30px}
    #certify .swiper-slide p{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

    .letterBox{padding:0 10px;margin:0;background: none;}
    .letterBox .letterTitle{font-size:24px}
    .letterBox form{width:100%;}
    .letterBox form>p{line-height:30px;margin-bottom:15px}
    .letterBox form p span{font-size:13px;width: 70px;height: 30px;}
    .letterBox form label{font-size:14px}
    .letterBox form input[type=text],.letterBox form textarea{width: calc(100% - 90px);height: 30px;}
    .letterBox form input[name=VC]{width: calc(100% - 196px);}
    .letterBox form>p img{margin:5px 0;width:70px;margin-left:5px;}
    .letterBox form p:last-child input{width:80px;height:30px;line-height:30px;font-size:14px}
    .letterBox form textarea{width:calc(100% - 122px)}
    .letterBox form p:last-child{margin-left:0}
}