.banner{width: 100%;height:auto;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{width: 100%;height: 100%;}

.position{height: 62px;line-height: 65px;font-family: "黑体";/* border-bottom: 1px solid #e9e9e9; */font-size: 12px;}
.position a{color: #363636;font-size: 14px;}

.box1{padding: 75px 0 65px;display: flex;justify-content: space-between;border-bottom: 1px solid #e9e9e9;}
.box1 .left{width: 600px;}
.en{font-size: 26px;color: #202020;font-family: "book antiqua";text-transform: uppercase;line-height: 26px;}
.title{margin: 15px 0 30px;font-size: 21px;color: #363636;font-family: "黑体";}
.info{color: #333;font-size: 14px;line-height: 24px;font-family: "黑体";/* padding: 20px; */box-sizing: border-box;padding: 20px 0px 0px 0px;}
.info .title{text-align:center}
.box1 .Img{width: 580px;height: 360px;overflow: hidden;}
.Img img{width: 100%;transition: all .5s ease-in-out;height: 100%;}
.box2{padding: 77px 0 170px;}
.box2 .Img{margin: 100px 0 40px;width: 1224px;margin-left: -12px;}
.box2 .Img img{float: left;margin: 12px;width: auto;}

.mainCon{display:flex;margin:0 auto;width:1200px;justify-content:space-between;flex-wrap:wrap;padding: 0 0 30px;}
.mainCon .leftBox{width: 220px;}
.mainCon .leftBox>p{background:#3E82E7;height:70px;line-height:70px;text-align:center;color:#fff;font-size:18px}
.mainCon .leftBox ul.subNav{background:#4387F1;padding: 15px 0 30px;}
.mainCon .leftBox ul.subNav li{line-height:30px;padding-left: 20px;}
.mainCon .leftBox ul.subNav li a{font-size:13px;color:#bedbf1}
.mainCon .leftBox ul.subNav li.active>a{color:#fff}
.mainCon .leftBox ul.subNav li.active ul{display:block}
.mainCon .leftBox ul.subNav li:hover>a{color:#fff}
.mainCon .leftBox ul.subNav li ul{display:none}
.mainCon .caseBox{/* width: 940px;border:1px solid #e9e9e9; */}
.mainCon .caseBox>p{text-align:left;line-height:60px;border-bottom:1px solid #e9e9e9;/* padding: 0 20px; */box-sizing:border-box;font-size: 18px;}

.caseUl{margin: 50px auto 63px;}
.caseUl .row{display: flex;}
.caseUl .row>div{width: 50%;height: 400px;overflow: hidden;text-align: center;}
.caseUl .row>div img{width: auto;transition:all .5s ease-in-out;max-width: 100%;max-height: 100%;}
.caseUl .row:nth-child(2n){flex-direction: row-reverse;}
.caseUl .row:first-child .Txt{border-top:1px solid #e1e1e1}
.caseUl .row:last-child .Txt{border-bottom:1px solid #e1e1e1}
.caseUl .row .Txt{text-align: center;line-height: 400px;padding: 0 20px;box-sizing: border-box;margin:0 30px;width: calc(50% - 60px);}
.caseUl .row .Txt>div{display: inline-block;line-height: 0;vertical-align: middle;}
.caseUl .row .Txt p{color: #363636;font-size: 20px;line-height: 33px;}
.caseUl .row .Txt .summary{color: #515151;font-size: 14px;margin: 30px 0 35px;text-align: left;line-height: 24px;}
.caseUl .row .Txt a{width: 140px;height: 38px;line-height: 38px;border: 1px solid #c2c2c2;color: #363636;font-size: 14px;display: inline-block;}
.caseUl .row:hover img{transform:scale(1.2)}
.caseUl .row:hover p{color:#e67e42}
.caseUl .row .Txt a:hover{background:#e67e42;color:#fff}
.loadmore{line-height: 40px;height: 40px;margin-bottom: 50px;text-align: center;padding: 0 20px;color: #666;}
.loadmore a{display: block;width: 100%;height: 100%;box-sizing: border-box;text-align: center;font-size: 14px;color: #989898;border: 1px solid #dadada;}
.loadmore a:hover{background:#e67e42;color:#fff}
.mainCon .loadmore{padding:0;box-sizing:border-box}

.newsHead{display: flex;justify-content: space-between;margin: 60px auto 30px;}
.newsHead form{width: 345px;height: 37px;line-height: 37px;display: flex;justify-content: space-between;border-bottom: 1px solid #565656;margin-top: 20px;}
.newsHead form input{border: 0;width: 300px;}
.newsHead form input[type=submit]{width: 20px;height: 37px;background: url(../img/search.png) center right no-repeat;}
.newsUl{margin: 20px auto 40px;}
.newsUl li{;border-bottom:1px solid #eee;padding:20px 0px;}
.newsUl li a{display: flex;justify-content: space-between;}
.newsUl li .Img{width: 290px;height: 185px;overflow: hidden;}
.newsUl li .Txt{width: 880px;position: relative;}
.newsUl li .Txt p{font-size: 16px;color: #363636;line-height: 52px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 730px;}
.newsUl li .Txt .summary{font-size: 14px;color: #5f5f5f;line-height: 22px;width: 730px;max-height: 66px;overflow: hidden;}
.newsUl li .Txt .time{font-size: 13px;line-height: 18px;margin-top: 35px;color: #818181;}
.newsUl li .Txt span{display: block;width: 22px;height: 22px;position: absolute;right: 35px;top: 75px;background: url(../img/newsMore.png) center left no-repeat;}
/* .newsUl li:hover .Txt span{background: url(../img/newsMore.png) center right no-repeat;} */
.newsUl li:hover p,.newsUl li:hover .time{color:#e67e42}
.newsUl li:hover img{transform:scale(1.2)}

.newsInfo{/* border:1px solid #d9d9d9; */padding: 30px 0px;box-sizing:border-box;margin-bottom:30px;min-height: 400px;}
.newsInfo>p{font-size:18px;text-align:center}
.newsInfo .time{font-size:12px;color:#666;text-align:center;margin:10px}

#pages{text-align:center;margin:30px 0;font-size:0}
#pages a{width:30px;height:30px;display:inline-block;font-size:14px;line-height: 30px;border-radius:4px;margin:0 2px;border:1px solid #ccc;}
#pages a.notN{padding:0 10px;border:1px solid #ccc;display:inline-block;width:auto}
#pages a.currentpage{color:#fff;background:#0178dc;}
.searchBox li{margin-bottom:0px}
.searchBox li .Txt{width:100%;display:flex;justify-content: space-between;}
.searchBox li .Txt p{width:calc(100% - 200px)}
.searchBox li .Txt .time{line-height:52px;margin-top:0}
#pages .prev{width:60px;}
#pages a.next{width:60px;}

.letterBox{padding: 20px 0 40px}
.letterBox>p{font-size: 18px;text-align: center;line-height: 40px}
.letterBox .row{width: 392px;margin: 15px auto;display: flex;}
.letterBox .row>span{width: 70px;display: block;text-align: right;line-height: 30px;/* margin-right: 10px; */text-align-last: justify;}
.letterBox .row input{padding:0 10px;width:200px;-webkit-appearance: none;border: 1px solid #ccc;line-height:30px;margin-left: 10px;font-size: 12px;}
.letterBox .row div span{color:red;margin-left:10px;vertical-align:top;line-height: 32px;display: inline-block;}
.letterBox .row textarea{width: 250px;padding: 5px 10px;height:80px;-webkit-appearance: none;border: 1px solid #ccc;margin-left:10px;font-size: 12px;}
.letterBox form>p{text-align:center}
.letterBox form>p input{width:100px;height:30px;border:1px solid #ccc;background:0;margin:20px 10px;border-radius: 5px;}
.letterBox form>p input:hover{color: #fff;background: #0178dc}

.downloadBox ul{margin:20px auto;padding: 0 20px;}
.downloadBox ul .row{justify-content:space-between;display: flex;border-bottom:1px dashed #ccc;line-height:40px;font-size:15px;color:#333}
.downloadBox ul .row a{color:#32bfe0}

.solutionBox ul{margin: 20px;}
.solutionBox ul .row{}
.solutionBox ul .row a{color:#333;font-size:12px;justify-content:space-between;display: flex;border-bottom:1px dashed #ccc;line-height:40px}
.solutionBox ul .row a p{font-size:16px}
.solutionBox ul .row:hover,.solutionBox ul .row:hover a{color:#0178dc}


.productBox ul{display:flex;flex-wrap:wrap;margin: 20px;}
.productBox ul .row{/* justify-content:space-between; *//* display: flex; */border-bottom:1px dashed #ccc;line-height: 30px;width: 23.5%;margin-right: 2%;margin-bottom:20px;}
.productBox ul .row:nth-child(4n){margin-right:0}
.productBox ul .row a{color: #666;font-size:12px;}
.productBox ul .row .Img{overflow:hidden;width: 100%;height: 157px;}
.productBox ul .row img{transition:all .35s ease-in-out }
.productBox ul .row:hover,.solutionBox ul .row:hover a{color:#0178dc}
.productBox ul .row:hover img{transform:scale(1.1)}
.productBox ul .row .Txt{padding:5px 10px;box-sizing:border-box;}
.productBox ul .row .Txt p{font-weight:bold;font-size: 14px;color: #333;}
.productBox ul .row .Txt .summary{color: #333;font-size: 13px;line-height: 17px;}
.productBox ul .row .Txt a:hover{color:#0178dc}
.productBox ul .row:hover p{color:#0178dc}

.map{width:100%;height:450px;border: 1px solid #ccc;line-height: 20px;}
.map #container{width:100%;height:100%}

.info .pro_ul{margin:20px 0px;display:block;}
.pro_ul  li{float:left;width: 49%;margin: 0px 2% 20px 0px;text-align:center;}
.pro_ul li:nth-child(2n){margin-right:0px;}
.pro_ul li .img{height: 360px;overflow: hidden;border: 1px solid #eee;box-sizing: border-box;line-height: 360px;}
.pro_ul li .img img{width: 100%;/* max-height:100%; */vertical-align: middle;}
.pro_ul li p{margin:10px 0px 0px 0px;}

.searchlist {margin:20px auto;}
.searchlist li{padding: 10px 0px;border-bottom: 1px solid #ddd;}
.searchlist li a{font-size:16px;color:#333;}


@media only screen and (max-width: 880px) {
    .banner{margin-top:15.3vw;height: 60vw;}
    .position{display:none;/* padding: 0 3vw; */line-height: 20px;margin: 10px;height: auto;}
    .newsHead{margin: 6vw 3vw 6vw;box-sizing: border-box;width: 94vw;}
    .en{font-size:16px}
    .title{font-size:14px;margin: 0;}
    .newsHead form{display:none}
    .newsUl{margin-bottom: 30px;padding: 0 3vw;box-sizing: border-box;}
    .newsUl li{/* margin-bottom: 10vw; */}
    .newsUl li a{display:block;/* border-bottom:1px solid #e7e7e7; *//* padding-bottom:6vw; */}
    .newsUl li .Img{width:100%;height: 57.8vw;}
    .newsUl li .Txt,.newsUl li .Txt p,.newsUl li .Txt .summary{width:100%}
    .newsUl li .Txt p{font-size: 13px;line-height: 12vw;margin-right: 10px;}
    .newsUl li .Txt .summary{font-size:12px;line-height: 18px;max-height: 100vw;}
    .newsUl li .Txt .time{font-size:12px;margin-top: 4vw;}
    .newsUl li .Txt span{display:none}
    .newsUl li:last-child a{border-bottom:0}
    .loadmore{padding: 0 3vw;margin-bottom: 10vw;box-sizing: border-box;height: 10vw;line-height: 10vw;}
    .loadmore a{font-size:12px}
    .searchBox{margin-bottom:4vw}
    .searchBox li{margin-bottom:0;}
    .searchBox li a{padding:0;padding: 3vw 0;}
    .searchBox li .Txt p{margin-right:10px;line-height:4vw;height: 4vw;}
    .searchBox li .Txt .time{line-height:4vw;margin-top:0}
    .searchBox li:last-child a{border-bottom: 1px solid #e7e7e7;}
    #pages{margin: 20px 0;}

    .caseUl{margin:3vw;box-sizing:border-box;/* width: 94vw; */margin: 0;}
    .caseUl .row{display:block}
    .caseUl .row>div{width:100%;/* height: 57.8vw; */height: auto;}
    .caseUl .row>div img{width:100%}
    .caseUl .row .Txt{width: 100%;margin: 0;padding: 10vw 4vw;line-height: 0;height: auto;margin-bottom: 8vw;border-bottom: 1px solid #dbdbdb;}
    .caseUl .row .Txt p{line-height:20px;font-size: 16px;}
    .caseUl .row .Txt .summary{margin: 4vw 0 6vw;font-size:12px;line-height: 20px;}
    .caseUl .row .Txt a{width:auto;padding:0 10vw;height:8vw;line-height: 8vw;font-size:13px;}

    .box1{padding: 6vw 0;box-sizing:border-box;display: block;/* flex-wrap: wrap-reverse; */margin: 0 3vw;width: 94vw;}
    .box1 .left{width:100%}
    .box1 .Img{width:100%;height: auto;margin: 2vw 0;}
    .info{font-size:12px;margin-top: 20px;padding: 0px;}
    .box2{padding: 4vw 3vw 10vw;box-sizing:border-box;min-height: 50vw;}
    .box2 .Img{width: 100vw;margin: 6vw 0 3vw;margin-left: -3vw;/* margin-left: 0; */}
    .box2 .Img img{margin: 3vw;width: 94vw;}
    .box2 .Img img:nth-child(3n),.box2 .Img img:nth-child(4n){width: 44vw;}

    #dituContent,iframe{width: 100%!important;height: 100vw!important;overflow: hidden;}

    .mainCon{width:100%;padding:3vw;box-sizing:border-box}
    .mainCon .leftBox{width:100%;display: none;}
    .mainCon .caseBox{width:100%}
    .mainCon .caseBox>p{font-size: 15px;line-height: 12vw;padding: 0px;}
    .productBox ul .row{width: 47%;margin-right: 6%;}
    .productBox ul .row:nth-child(2n){margin-right:0}
    .productBox ul .row .Img{height: 29vw;}

    .solutionBox ul .row a{line-height:10vw}
    .solutionBox ul .row a p{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:calc(100% - 60px)}

    .downloadBox ul .row{line-height:10vw}
    .downloadBox ul .row p{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:calc(100% - 60px)}
    .downloadBox ul .row a{font-size:12px}

    .letterBox .row{width:100%}
    .letterBox .row input{width:40vw;border-radius: 0;}
    .letterBox .row textarea{width:40vw;border-radius: 0;}

    .newsInfo{margin: 3vw auto;width: 100vw;}
    .newsInfo>p{font-size:15px}

    .map{height:70vw;line-height: 15px;}

    .pro_ul li .img{height: 45vw;line-height: 45vw;}

    .searchlist{width:94%;}
    .searchlist li a{display:block;height:20px;line-height:20px;font-size:14px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

    #pages a{width:25px;height:25px;line-height:25px;font-size:12px;}
    #pages a.prev{width:50px;}
    #pages a.next{width:50px;}


    
}