.banner .swiper-container{/*height: 600px;*/width:100%;}
.banner .swiper-slide img{width: 100%;height: 100%;}
.banner .pagination {position: absolute;z-index: 20;bottom: -30px;padding-right: 5px;width: 100%;text-align: center;}
.banner .swiper-pagination-bullet {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;opacity: 1;cursor: pointer;}
.banner .swiper-pagination-bullet-active {background: #004ea2;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px !important;}

.banner{position: relative;margin-bottom: 80px;}
.banner .w{margin-top: -50px;position: relative;}
.arrow-left{z-index: 10;position: absolute;top:-300px;}
.arrow-right{z-index: 10;position: absolute;right: 0px;top:-300px;}
.arrow-left img,.arrow-right img {opacity: 1;}
.arrow-left img:hover, .arrow-right img:hover {opacity: 1;}

.banner .swiper-button-prev{margin-left:10%;background: url(/hdw__en/uiFramework/commonResource/image/2021043015064864351.png) no-repeat;color: transparent;width: 45px;height: 86px;}
.banner .swiper-button-next{margin-right:10%;background: url(/hdw__en/uiFramework/commonResource/image/2021043015065723834.png) no-repeat;color: transparent;width: 45px;height: 86px;}

.banner .swiper-slide {position: relative;}
.con-wz {width: 100%;position: absolute;top: 140px;}
.con-wz p {width: 1200px;display: block;margin: 0 auto;color: #fff;}
.con-wz .conwz-p1 {font-size: 50px;margin-bottom: 50px;}
.con-wz .conwz-p2 {font-size: 30px;}



.box1{overflow: hidden;padding-top: 30px;}
.box1 li{float: left;width: 370px;margin-right: 43px;transition: all 0.5s;}
/*.box1 li:hover {margin-top: -20px;}*/
.box1 li:last-child{margin-right: 0;}
.box1 li.li3{margin-right: 0;}
.box1 li .div{/* padding: 0 25px; */ text-align:center;}
.box1 li h2{color: #004ea2;font-size: 20px;margin-top: 25px;margin-bottom: 12px;}
.box1 li .p{font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #333333; margin-bottom: 20px;}
.box1 li span{font-size: 15px;color: #585858;display: inline-block;border-bottom: 1px solid #585858;padding-bottom: 3px;}
.box1,.box4 li:hover{margin-top:0;}
.imgbox {width: 370px;height: 245px;overflow: hidden;}
.imgbox img {max-width: 370px;min-height:245px;}

.box2 {position: relative;margin-top: 80px;margin-bottom:80px;overflow:hidden;height:430px;}
.box2 .img{float: left;width: 50%;}
.box2 .w{/* padding-left: 45%; */padding-top: 50px;}
.box2 .text{width: 50%;padding-left: 60px;float: right;margin-top: -50px;}
.box2 .text h3 a{color: #004ea2;font-size: 26px;line-height: 30px;}
.box2 .text span{font-size: 15px;color: #585858;margin-top: 8px;margin-bottom: 10px;display: inline-block;line-height: 25px;}
.box2 .text .p{color: #585858;font-size: 15px;margin-bottom: 16px;line-height: 25px;}
.box2 .text a{font-size: 16px;color: #fff;}
/*.text .p p{text-align:justify;}*/
.box2 .text .btn-download {display: block;width: 220px;border: 1px solid #f39200;height: 34px;line-height: 32px;text-align: center;background: #f39200;color: #fff;border-radius:5px;}
.box2 .text .btn-download:hover {background: #fff;color: #f39200;}

.box3{overflow: hidden;/*margin-top: 80px !important;*/}
.box3 .tab{/*! float: left; */overflow: hidden;width: 600px;margin: 0 auto;text-align: center;}
.box3 .tab li{margin-bottom: 30px;float: left;width: 50%;}
.box3 .tab li a{font-size: 24px;color: #515151;cursor:pointer;}
.box3 .tab li.active a{color: #273e87;}
.box3 .lists{/*float: right;*/width: 1200px;min-height:400px;}
.box3 .lists .li{padding: 0 30px;overflow: hidden;}
.box3 .lists .li:nth-child(2n){background-color: #fff;}
.box3 .lists .li div{overflow: hidden;float:left;width:188px;}
.box3 .lists .li h5{max-width: 80%;font-size: 15px;color: #004ea2;float: left;margin-bottom:6px;}
.box3 .lists .li span{float: left;font-size: 15px;color: #585858;}
.box3 .lists .li p{font-size: 16px;line-height: 24px;color: #515151;float: right;width: 900px;background-color: #efefef;padding: 15px 50px;height:80px;}
.box3 .lists .li:nth-child(2n) p{background-color:transparent;}
.list2{display: none;}

.box4{margin-top: 100px !important;overflow:hidden;padding-top:30px;}
.box4 li{float: left;width: 370px;margin-right: 43px;transition: all 0.5s;}
.box4 li:last-child{margin-right: 0;}
.box4 li .div{/* padding: 0 25px; */ text-align:center;}
.box4 li h2{color: #004ea2;font-size: 20px;margin-top: 25px;margin-bottom: 12px;}
.box4 li .p{font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #333333; margin-bottom: 20px;}
.box4 li span{font-size: 15px;color: #585858;display: inline-block;border-bottom: 1px solid #585858;padding-bottom: 3px;}


.box4-l {float: left;width: 800px;}
.box4-r {float: right;width: 370px;}

/*envir鍥剧墖鍒囨崲*/
.envir-img {height: 245px;overflow: hidden;width: 370px;}
.envir-img img {width: 370px;height:245px;}
.envir-div{text-align: center;}
.envir-div h2{color: #004ea2;font-size: 20px;margin-top: 25px;margin-bottom: 12px;text-align:center;}
.envir-div span{font-size: 15px;color: #585858;display: inline-block;border-bottom: 1px solid #585858;padding-bottom: 3px;}
.envir-box .hd {position: relative;}
.envir-box .hd ul {position: absolute;top: 230px;z-index: 1;left: 40%;}
.envir-box .hd ul li {width: 8px;height: 8px;border-radius: 10px;margin-right: 5px;border: 1px solid #fff;}
.envir-box .hd ul li.on {background: #fff;}


@media only screen and (max-width:1200px){
.w {width: 100%; box-sizing:border-box;padding:0 10px;}
.box1 li {width: 30%;}
.imgbox {width: 100%;height: auto;}
.imgbox img {max-width: 100%;min-height: auto;}
.envir-img img {width: 100%;}
.envir-img {width: 100%;}
.box4-r {width: 33%;}
.box3 .lists {width: 100%;padding: 0 20px;}
.box3 .lists .li div {width: 23%;}
.box3 .lists .li p {width: 77%;height: auto;word-break: break-all;}
.box4-l {width: 66%;}
.box4-l li {width: 46%;}
.envir-box {width:92%;}
}