.Banner{position: relative;background: url(../images/top_bg.png);background-size: cover;}
.tops::after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.Banner .mar{width: 100%;height: 44px;background: #efeff4;position: absolute;bottom: -44px;}
.Banner a {
    display: block;
    position: relative;
}
.Banner .slick-img {
    height: 0;
    padding-bottom: calc(830% / 19.2);
}

.Banner .slick-img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slick{margin-top: 70px;overflow: hidden;}
.slider-for{float: left;width: 57.86%;position: relative;z-index: 3;bottom: 20px;}
.slider-for .slick-slide{position: relative;}
.slider-for .slick-slide span{width: 400px!important;overflow: hidden;display: block;}
.slider-for .slick-slide span div{padding-bottom: 140%;}
.slider-for .slick-slide .content{position: absolute;left: 450px;top: 0;z-index: 1000;width: calc(100% - 490px);}
.slider-for .slick-slide .content h3{font-size: 16px;line-height: 24px;color: #f8ae31;margin-top: 38px;max-height: 48px;overflow: hidden;}
.slider-for .slick-slide .content p{font-size: 30px;line-height: 40px;color: #fff;margin-top: 6px;max-height: 120px;overflow: hidden;text-overflow: ellipsis;}
.slider-for .slick-slide .content span{font-size: 16px;line-height: 24px;color: #fff;margin-top: 28px;width: 100%!important;height: 72px;overflow: hidden;}
.slider-for .slick-slide .ewm2{position: absolute;left: 400px;bottom: 43px;z-index: 0;width: 145px;}
.slider-for .slick-slide .ewm2 div{padding-bottom: 100%;}
.slider-nav{float: right;width: 42%;position: absolute;right: 0;bottom: 40px;overflow: hidden;padding-right: 150px;}
.slider-nav .slick-list{padding: 0!important;}
/* .slider-nav .slick-slide{margin: 0 5px;width: 279px!important;} */
.slider-nav .slick-slide span{display: block;margin: 0 5px;}
.slider-nav .slick-slide span div{padding-bottom: 140%;}
.slider-nav .slick-list{overflow: visible;}
.slick-slide img {
    display: block;
    max-width: none;
    width: 100%;
}
.shade{margin-top: 0;background: url(../images/mar.png);background-size: cover;width: 100%;height: 144px;position: absolute;left: 0;bottom: 0;z-index: 1;}
.Banner .slick_menu {
    position: absolute;
    right: 575px;
    bottom: -20px;
    z-index: 2;
    width: 376px;
}
.Banner .slick-prev {
    background: url(../images/left.png) no-repeat;
    float: left;
    width: 23px;height: 20px;
}

.Banner .slick-arrow {
    border: 0;
    /* width: 12px; */
    /* height: 84px; */
    font-size: 0;
    outline: none;
    top: auto;
    transform: none;
    position: static;
}
.Banner .slick-next {
    background: url(../images/right.png) no-repeat;
    float: right;
    width: 23px;
    height: 20px;
}
.Banner .slick-dots {
    width: auto;
    position: static;
    margin: 0px auto;
    text-align: center;
}
.Banner .slick-dots li.slick-active {
    opacity: 1;
    background: #004a99;
}
.Banner .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 15px;
    background: #f4ce92;
    opacity: 0.5;
    border-radius: 50%;
    display: inline-block;
}
.Banner .slick-dots li button{display: none;}

.mode1{margin-top: 120px;}
.ewm{float: right;margin-top: -145px;position: relative;z-index: 10;width: 170px;border-right: 1px solid #d6d6d6;padding: 32px 0;padding-right: 20px;}
.ewm span{padding-bottom: 100%;}
.mode1 ul{margin: 0 -8px;width: calc(100% - 200px);}
.mode1 ul li{display: inline-block;height: 92px;box-shadow:  1px 1px 10px rgba(0,0,0,.1);position: relative;width: 17.3%;margin: 0 8px;margin-bottom: 30px;transition: all 0.2s;}
.mode1 ul li:hover{transform: translateY(-4px) rotate(0deg);}
.mode1 ul li a{margin: 0 8px;display: block;}
.mode1 ul li span{position: absolute;width: 42px;height: 42px;background: #efeff4;border-radius: 50%;left: calc(50% - 21px);top: -21px;text-align: center;line-height: 42px;margin: 0 auto;}
.mode1 ul li span img{display: block;margin: 0 auto;margin-top: 10px;}
.mode1 ul li p{font-size: 18px;font-weight: bold;color: #222;text-align: center;margin-top: 41px;}

.mode2{margin-top: 45px;overflow: hidden;}
.mode2lt{float: left;width: 730px;}
.mode2lt .mode2lt_top{width: 100%;overflow: hidden;}
.mode2lt .mode2lt_top span{padding-bottom: 56.3%;}
.mode2lt .mode2lt_bot{margin-top: 11px;}
.mode2lt .mode2lt_bot .list-date1{float: left;}
.mode2lt .mode2lt_bot .list-date1 strong{font-size: 12px;line-height: 24px;color: #004a99;font-weight: normal;}
.mode2lt .mode2lt_bot .list-date1 p{font-size: 40px;color: #004a99;line-height: 36px;}
.mode2lt .mode2lt_bot .list-date1 i{font-size: 14px;line-height: 24px;color: #999;}
.mode2lt .mode2lt_bot .con{margin-left: 76px;}
.mode2lt .mode2lt_bot .con h3{font-size: 18px;line-height: 24px;color: #222;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mode2lt .mode2lt_bot .con p{font-size: 14px;line-height: 22px;color: #999;margin-top: 10px;height: 44px;overflow: hidden;}
.mode2rt{margin-left: 790px;overflow: hidden;}
.mode2rt .listTitle{position: relative;overflow: hidden;}
.mode2rt .listTitle::before{content: "";width: 25px;height: 30px;background: url(../images/hotnews.png);position: absolute;left: 0;}
.mode2rt .listTitle h2{margin-left: 44px;font-size: calc(18px + 0.63vw);font-weight: bold;color: #0056b2;float: left;margin-top: -3px;line-height: 35px;}
.mode2rt .listTitle .more{font-size: 14px;line-height: 12px;color: #757575;float: right;margin-top: 17px;}
.mode2rt ul{padding-top: 25px;}
.mode2rt ul li{border-top: 1px solid #ededed;margin-bottom: 40px;overflow: hidden;}
.mode2rt ul li .liimg{float: left;width: 260px;}
.mode2rt ul li .liimg div{padding-bottom: 56.15%;}
.mode2rt ul li .list-date1{float: right;}
.mode2rt ul li .list-date1 strong{font-size: 12px;line-height: 24px;color: #004a99;display: block;margin-top: 14px;font-weight: normal;}
.mode2rt ul li .list-date1 p{font-size: 40px;color: #004a99;line-height: 24px;margin-top: 5px;opacity: 0.9;filter: alpha(opacity=90);}
.mode2rt ul li .list-date1 i{font-size: 14px;line-height: 24px;color: #999;display: block;margin-top: 6px;}
.mode2rt ul li .con{margin-left: 286px;margin-right: 60px;}
.mode2rt ul li .con h3{font-size: 16px;line-height: 24px;color: #222;margin-top: 16px;font-weight: normal;height: 52px;overflow: hidden;}
.mode2rt ul li .con p{font-size: 14px;line-height: 22px;color: #999;margin-top: 9px;height: 44px;overflow: hidden;}

.mode3{background: url(../images/m3_bg.png) no-repeat;background-size: cover;padding-top: 95px;margin-top: -30px;padding-bottom: 47px;}
.mode3>div{position: relative;}
.line{position: absolute;left: 50%;top: 37px;width: 2px;background: #fff;margin-left: -1px;height: 100%;}
.mode3lt{float: left;width: 50%;position: relative;}
.mode3rt{float: right;width: 50%;position: relative;margin-top: 80px;}
.mode3 .listTitle{position: relative;overflow: hidden;}
.mode3 .mode3lt .listTitle::before{content: "";width: 25px;height: 30px;background: url(../images/tjwz.png);position: absolute;left: 2px;top: 5px;}
.mode3  .mode3lt .listTitle h2{margin-left: 50px;font-size: calc(18px + 0.63vw);line-height: 35px;font-weight: bold;color: #0056b2;float: left;}
.mode3 .mode3lt .listTitle .more{font-size: 14px;line-height: 12px;color: #757575;float: right;display: block;margin-right: 80px;margin-top: 23px;}
.mode3 .mode3rt .listTitle::before{content: "";width: 25px;height: 30px;background: url(../images/wz.png);position: absolute;left: 81px;top: 5px;}
.mode3  .mode3rt .listTitle h2{margin-left: 127px;font-size: calc(18px + 0.63vw);line-height: 35px;font-weight: bold;color: #0056b2;float: left;}
.mode3 .mode3rt .listTitle .more{font-size: 14px;line-height: 12px;color: #757575;float: right;display: block;margin-top: 23px;}
.mode3 ul{margin-top: 23px;}
.mode3 ul li{position: relative;border-top: 1px solid #fff;margin-bottom: 23px;}
.mode3 .circle{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #fff;display: block;position: absolute;}
.mode3lt .circle{right: -30px;top: -30px;}
.mode3rt .circle{left: -30px;top: -30px;}
.mode3 .circle i {display: block;width: 14px;height: 14px;background-color: #f4ce92;border-radius: 50%;margin: 23px auto;}
.mode3 ul li>div{overflow: hidden;}
.mode3 .mode3lt ul li div .img{width: 100px;overflow: hidden;float: left;}
.mode3 .mode3lt ul li div .img div{padding-bottom: 140%;}
.mode3 .mode3lt ul li div .con{margin-left: 120px;padding-right: 40px;}
.mode3 ul li div .con h3{font-size: 16px;line-height: 24px;color: #222;padding-top: 27px;max-height: 48px;overflow: hidden;font-weight: normal;}
.mode3 ul li div .con p i{width: 24px;height: 24px;background: #dbdbdb;border-radius: 50%;display: inline-block;text-align: center;vertical-align: middle;margin-left: 4px;}
.mode3 ul li div .con p i img{vertical-align: middle;}
.mode3 ul li div .con p.from,.mode3 ul li div .con p.author{font-size: 14px;line-height: 24px;color: #999;position: relative;margin-top: 15px;max-height: 48px;overflow: hidden;}
.mode3 ul li div .con p.author{margin-top: 6px;}
.mode3 ul li div .con p.company{font-size: 14px;line-height: 22px;color: #004a99;margin-top: 10px;max-height: 44px;overflow: hidden;}
.mode3 ul li.noimg .con{margin-left: 0!important;}
.mode3 ul li.noimg .circle{display: none;}

.mode3 .mode3rt ul li{padding-left: 50px;}
.mode3 .mode3rt ul li div .img{width: 100px;overflow: hidden;float: right;}
.mode3 .mode3rt ul li div .img div{padding-bottom: 140%;}
.mode3 .mode3rt ul li div .con{margin-right: 120px;text-align: left;}

.mode3 .mode3rt ul li div .con p i{margin-left: 13px;}
.mode3 .mode3rt ul li.noimg .con{margin-right: 0;}
.mode3 ul li.noimg div .con h3{padding-top: 15px;font-weight: normal;}

@media screen and (max-width:1400px) {
    .mode2lt{width: 630px;}
    .mode2rt{margin-left: 680px;}
    .ewm{width: 150px;}
    .mode1 ul{width: calc(100% - 150px);}

    .slider-for{width: 53%;}
    .slider-for .slick-slide span{width: 340px!important;}
    .slider-for .slick-slide .content{left: 360px;width: calc(100% - 360px);}
    .slider-for .slick-slide .ewm2{left: 340px;bottom: 10px;}

    .slider-nav{width: 45%;}
    .slider-for .slick-slide .content span{margin-top: 25px;}
    /* .slider-nav .slick-slide span{width: 180px!important;} */
    .Banner .slick_menu{right: calc(50% - 170px);}
		.slider-for .slick-slide .content p{font-size: 26px;}
}
@media screen and (max-width:1240px) {
    .mode1 ul li{width: 17%;}
    .mode2lt{width: calc(50% - 30px);}
    .mode2rt{margin-left: 50%;}

    .slider-for{width: 100%;}
    .slider-nav{display: none;}
}
@media screen and (max-width:1080) {
    /* .mode1 ul li{padding: 0 60px;} */
}
@media screen and (max-width:996px) {
    .mode2lt{width: 100%;margin-bottom: 30px;}
    .mode2rt{margin-left: 0;clear: both;margin-top: 30px;}
    .slick{margin-top: 50px;}
    .Banner .slick_menu{bottom: -30px;}
    .mode1 ul{margin-top: 20px;clear: both;}

    .mode1{margin-top: 80px;}
    .ewm{display: none;}
    .mode1 ul{width: 100%;margin: 0 auto;text-align: center;}
    .mode1 ul li{width: calc(20% - 20px);}
    /* .slider-for .slick-slide .content span{height: 48px;} */
}
@media screen and (max-width:767px) {
    .line{display: none;}
    .mode3lt{width: calc(100% - 30px);}
    .mode3 ul{padding-left: 30px;margin-top: 38px;}
    .mode3lt .circle{left: -30px;}
    .mode3rt{width: 100%;margin-top: 30px;}
    .slider-for .slick-slide span{width: 280px!important;}
    .slider-for .slick-slide .content{left: 300px;width: calc(100% - 300px);}
    .slider-for .slick-slide .ewm2{left: 300px;width: 100px;}
    .mode1 ul li{width: 28%;}
    .mode3 .mode3rt .listTitle h2{margin-left: 55px;}
    .mode3 .mode3rt .listTitle::before{left: 10px;}
    /* .mode3 ul li{padding-left: 35px;} */
    .mode3 .circle{display: none;}
    .mode3 .mode3lt ul li div .con{padding-right: 10px;}
    .mode3 .mode3rt ul li{padding-left: 0;}
    .mode3 .mode3rt ul li div .img{float: left;}
    .mode3 .mode3rt ul li div .con {
        margin-right: 0;
        margin-left: 120px;
        padding-right: 10px;
    }
}
@media screen and (max-width:540px) {
    
    .mode1 ul li{width: 44%;}
    .mode2rt ul li .liimg{width: 100%;display: block;margin-bottom: 20px;}
    .mode2rt ul li .con{margin-left: 0;}
    .slider-for .slick-slide span{width: 50%!important;display: block;}
    .slider-for .slick-slide .content{width: 100%;clear: both;display: block;left: 0;position: relative;}
    .slider-for .slick-slide .ewm2{position: relative;}
    
    footer{text-align: center;}
    .fttitle h2::before{left: calc(50% - 44px);}
		.slider-for .slick-slide span{width: 80% !important;margin: 0 auto;}
}
@media screen and (max-width:479px) {
    .slider-for .slick-slide span{width: 60%!important;display: block;margin: 0 auto;}
    /* .slider-for .slick-slide .content{display: none;} */
    .slider-for .slick-slide .ewm2{position: relative;left: 60%;bottom: 120px;}
    .Banner .slick_menu{width: 300px;}
    .Banner .slick_menu {
        right: calc(50% - 150px);
    }
    .mode1 ul li{width: 90%;}
    .ewm2{display: none;}
		.slider-for .slick-slide .content{padding-bottom: 80px;}
    .mode3 .mode3rt ul li div .img{float: left;}
    /* .mode3 .mode3lt ul li div .con{clear: both;margin-left: 0;}
    .mode3 .mode3rt ul li div .con{clear: both;margin-right: 0;} */
	
		
}