.ads,

.ads .swiper-slide,

.ads .swiper-slide img {

    width: 100%;

    height: 898px; overflow:hidden

}



.wrap-box .h {

    height: 320px;

}



.wrap-box .h .sw {

    text-align: center;

}



.wrap-box .h .link {

    font-size: 18px;

    color: #9c9c9c;

    display: inline-block;

    height: 45px;

    line-height: 45px;

    font-weight: bold;

    margin-right: 25px;

}



.wrap-box .h .active {

    border-bottom: 2px solid #0079c3;

}



.wrap-box .h .t {

    text-align: center;

    font-size: 34px;

    color: #404040;

    padding-top: 110px;

}



.wrap-box .h .tip {

    padding: 20px 0 40px;

    text-align: center;

    font-size: 14px;

    color: #9c9c9c;

}



.wrap-box .h .tip span {

    margin: 0 25px;

}



.wrap-box .h .tip i {

    display: inline-block;

    height: 1px;

    width: 90px;

    background: #9c9c9c;

    position: relative;

    top: -5px;

}



.case{

    margin-top: -130px;

}



.case .t{

    padding-top: 0 !important;

}



.case .h{

    height: 220px;

}



.case .items {

    font-size: 0;

}



.case .item {

    width: 33.33%;

    height: 320px;

    overflow: hidden;

    display: inline-block;

    position: relative;

}



.case .item:hover:after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: attr(data-text);

    width: 100%;

    text-align: center;

    background: rgba(0, 0, 0, 0.3);

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 14px;

}



.case .more-box {

    padding-top: 40px;

    text-align: center;

}



.case .more-box .link {

    display: inline-block;

    width: 180px;

    text-align: center;

    height: 50px;

    line-height: 50px;

    background: #0079c3;

    color: #fff;

}



.news {

    height: 1030px;

    background: #fff;

    padding-bottom: 100px;

}



.news .left {

    width: 690px;

    height: 610px;

    border: 1px solid #f5f5f5;

    padding: 25px 50px 50px;

}



.news .right {

    padding-left: 15px;

}



.news .right .item {

    background: #f5f5f5;

    margin-bottom: 15px;

    height: 141px;

    padding: 20px 20px 20px 60px;

    display: flex;

    justify-content: space-between;

    position: relative;

}



.news .right .arrow {

    position: absolute;

    bottom: 25px;

    right: 20px;

    content: '';

    display: inline-block;

    background: url("../images/arrow-r.png") no-repeat;

    background-size: contain;

    width: 20px;

    height: 10px;

}



.news .right .item:last-child {

    margin-bottom: 0;

}



.news .right .date {

    width: 90px;

    border-right: 1px solid #eee;

}



.news .d {

    font-size: 32px;

    color: #909090;

    font-weight: bold;

}



.news .right .line span {

    display: inline-block;

    width: 20px;

    height: 2px;

    background: #909090;

}



.news .ym {

    padding-top: 16px;

    font-size: 12px;

    color: #010101;

}



.news .right .info {

    flex: 1;

    padding: 0 50px 0 40px;

}



.news .right .t {

    font-size: 18px;

    color: #404040;

    font-weight: 500;

    padding-bottom: 18px;

}



.news .right p {

    font-size: 14px;

    color: #999;

    line-height: 2.3;

}



.news .left .img {

    width: 590px;

    height: 390px;

    overflow: hidden;

}



.news .left .ym {

    padding: 0;

}



.news .left .t {

    font-size: 20px;

    color: #000;

    padding: 25px 0 30px;

}



.bg-box .t {

    height: 460px;

    background: url("../images/bt1.jpg") no-repeat bottom center;

    background-size: contain;

}



.bg-box .b {

    width: 100%;

    height: 530px;

    background: #0d81c8;

}



.bg-box .b .h2 {

    height: 195px;

}



.bg-box .h2 .link {

    color: #fff;

    font-size: 12px;

}



.bg-box .b .it {

    color: #fff;

    font-size: 12px;

    margin-right: 80px;

    position: relative;

}



.bg-box .b .it1:after {

    position: absolute;

    left: 10px;

    top: -43px;

    content: '';

    background: url("../images/113.png") no-repeat;

    background-size: contain;

    width: 29px;

    height: 25px;

}



.bg-box .b .it2:after {

    position: absolute;

    left: 10px;

    top: -43px;

    content: '';

    background: url("../images/114.png") no-repeat;

    background-size: contain;

    width: 32px;

    height: 29px;

}



.bg-box .b .it3:after {

    position: absolute;

    left: 10px;

    top: -43px;

    content: '';

    background: url("../images/111.png") no-repeat;

    background-size: contain;

    width: 25px;

    height: 31px;

}



.bg-box .b .it4:after {

    position: absolute;

    left: 10px;

    top: -43px;

    content: '';

    background: url("../images/112.png") no-repeat;

    background-size: contain;

    width: 28px;

    height: 24px;

}



.bg-box .b .w {

    position: relative;

    padding: 0 0 0 40px;

}



.bg-box .b .line {

    display: inline-block;

    background: url("../images/bt2.jpg") no-repeat;

    background-size: contain;

    width: 161px;

    height: 12px;

    position: absolute;

    left: 320px;

    bottom: -60px;

}



.bg-box .video {

    width: 870px;

    height: 650px;

    background: #eee;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -391px;

}



.bg-box .bb {

    background: url("../images/bb.jpg") no-repeat;

    background-size: contain;

    width: 47px;

    height: 725px;

    position: absolute;

    right: -120px;

    top: 50%;

    margin-top: -460px;

}



.bg-box .t .w {

    height: 460px;

    position: relative;

}



.bg-box .t p {

    width: 440px;

    color: #fff;

    font-size: 14px;

    position: absolute;

    bottom: 4px;

    left: 40px;

    line-height: 2;

}



.bg-box .t .logo {

    background: url("../images/l1.png") no-repeat;

    background-size: contain;

    width: 103px;

    height: 37px;

    position: absolute;

    left: 40px;

    bottom: 80px;

}



.wapp {

    background: url("../images/big.png") no-repeat;

    background-size: contain;

    height: 980px;

    margin-top: 160px;

    position: relative;

}



.wapp .w {

    position: relative;

    height: 770px;

}



.wapp .info{

    position: absolute;

    left: 0;

    top: -45px;

}



.wapp .en {

    font-size: 24px;

    color: #0079c3;

}



.wapp h3 {

    font-size: 24px;

    color: #404040;

    padding: 12px 0 50px;

}



.wapp p {

    font-size: 14px;

    color: #888;

}



.wapp .left {

    width: 690px;

    height: 560px;

    border: 1px solid #eee;

    position: absolute;

    bottom: 20px;

    left: -50px;

    background: #fff;

}



.wapp .items {

    font-size: 0;

    position: absolute;

    left: 50px;

    bottom: 49px;

}



.wapp .item {

    width: 210px;

    height: 280px;

    display: inline-block;

    margin: 1px 0 0 1px;

    overflow: hidden;

    position: relative;

}



.wapp .text {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

    font-size: 12px;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    content: '';

    height: 60px;

    display: flex;

    align-items: center;

}



.wapp .text span {

    padding: 0 55px;

}



.wapp .right {

    position: absolute;

    right: 0;

    top: -20px;

    width: 1030px;

    height: 770px;

}



.wapp .right .img{

    width: 100%;

    height: 720px;

    overflow: hidden;

}



.wapp .btn-box{

    width: 220px;

    text-align: center;

    background: #298fcd;

    font-size: 0;

    display: flex;

}



.wapp .btn-box .it{

    display: inline-block;

    height: 50px;

    line-height: 50px;

    font-size: 14px;

    flex: 1;

    position: relative;

    cursor: pointer;

}





.wapp .btn-box .it1:after{

    position: absolute;

    left: 50%;

    top:50%;

    content: '';

    background: url("../images/arrow-l1.png") no-repeat;

    background-size: contain;

    width: 40px;

    height: 19px;

    margin: -10px 0 0 -20px;

}



.wapp .btn-box .it2:after{

    position: absolute;

    left: 50%;

    top:50%;

    content: '';

    background: url("../images/arrow-l1.png") no-repeat;

    background-size: contain;

    width: 40px;

    height: 19px;

    margin: -10px 0 0 -20px;

    transform: rotate(180deg);

}