﻿    .wap_pic{display: none;}
    .nav_down{height: 120px;background: #FFFFFF;width: 100%;}
    .nav_down .nav_copyright{font-size: 18px;color: #666666;text-align: center;line-height: 36px;padding: 24px 0;}
    .index_content{height: calc(100vh - 120px);position: relative;width: 100%;}
    .index_content .contbg{height: 100%;line-height: 0;position: relative}
    /* .index_content .contbg::after{content: "";height: 100%;width: 100%;top:0;left: 0;background: rgba(0,0,0,0.25);position: absolute} */
    .index_content .contbg img{width: 100%;height: 100%;}
    .index_content .contact{position: absolute;bottom:60px;}
    .index_content .contact img{height:95px;width: 95px;background: #fff;padding: 6px;}
    .index_content .contact .ewmli{display: flex;align-items: center;margin-top: 30px;}
    .index_content .contact .ewmli h4{font-size: 22px;color: #fff;margin-left:20px;}
    .index_content .contbg>div{height: 100%;}

    .index_content .contbg ul{width: 100%;height: 100%;}
    .index_content .contbg li{width: 100%;height: calc(100vh - 120px);}
    .index_content .contbg li>a{height: 100%;float: left;width: 100%;}
    
    .index_content .contbg li>div{height: 100%;}
    @media screen and (max-width:1680px){
        .index_content{height: calc(100vh - 100px);}
        .nav_down{height: 100px;}
        .nav_down .nav_copyright{font-size: 16px;line-height: 30px;padding: 20px 0;}
        .index_content .contact{bottom:40px;}
        .index_content .contact .ewmli{margin-top: 20px;}
        .index_content .contact .ewmli h4{font-size: 18px;margin-left:18px;}
        .index_content .contbg li{width: 100%;height: calc(100vh - 100px);}
    }
    @media screen and (max-width:1024px){
        .pc_pic{display: none;}
        .wap_pic{display: block;}
        .nav_down{height: 85px;background: #272727;width: 100%;}
        .index_content{height: calc(100vh - 85px);}
        .nav_down .nav_copyright{font-size: 13px;color: #fff;text-align: center;line-height: 24px;padding: 18.5px 0;}
        /* .index_content .contbg::after{background: rgba(0,0,0,0.3)} */
        .index_content .contact{bottom:15px;}
        .index_content .contact img{height:65px;width: 65px;background: #fff;padding: 4.5px;}
        .index_content .contact .ewmli{margin-top: 10px;}
        .index_content .contbg li{width: 100%;height: calc(100vh - 85px);}
        .index_content .contact .ewmli h4{font-size: 16px;color: #fff;margin-left:15px;}
    }

    .contbg .pc_pic .content{position: relative;left: 50%;transform:translate(-50%,0);top: 34.45%;width: 100%;text-align: center;}
    .contbg .pc_pic .content img{vertical-align: bottom;width: 715px}
    .contbg .pc_pic .content h4{font-size: 50px;line-height: 60px;color: #fff;margin-top: 40px;white-space:nowrap;}
    .contbg .pc_pic .content .cont_link{text-align: center;font-size:14px;line-height: 16px;margin-top:20px;color: #fff;
    position: relative;left: 50%;transform: translate(-50%,0);float:left;}
    .contbg .wap_pic .content{position: relative;width: 237px;text-align: right;float: right;margin-top: 68px;margin-right: 25px;}
    .contbg .wap_pic .content img{vertical-align: bottom;width: 100%;}
    .contbg .wap_pic .content h4{font-size: 18px;line-height: 27px;color: #fff;margin-top: 15px;}
    .contbg .wap_pic .content .cont_link{font-size:12px;line-height: 16px;margin-top:12px;color: #fff;position: relative;float:right;}
    .index_content ul .slick-arrow{content: "";height: 12px;width: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transition: all .5s ease;top: 50%;opacity: 0.5;}
    .index_content ul .slick-next{right: 40px;transform: rotate(45deg)translate(0,-50%);}
    .index_content ul .slick-prev{left: 40px;transform: rotate(225deg)translate(0,-50%);}
    .index_content ul .slick-arrow:hover{opacity: 1;}
    .index_content ul .slick-dots{left: 50%;transform: translate(-50%,0);width: 100%;height: auto;bottom: 30px;}
    .index_content ul .slick-dots li{width: 4px;height: 4px;border-radius: 100%;background-color: rgba(255,255,255,0.5);border: 1px solid transparent;margin: 0 8px;transition: all 0.2s ease-in;}
    .index_content ul .slick-dots li.slick-active{background-color: transparent;box-shadow: 0 0 0 2px #fff;}
    .index_content ul .slick-dots li:hover{background-color: transparent;box-shadow: 0 0 0 2px #fff;}
    @media screen and (max-width:1024px){
      .index_content ul .slick-next{right: 20px}
      .index_content ul .slick-prev{left: 20px}
    }