/* 轮播 */
.Banner{position: relative;z-index: 5;width: 100%;margin: 0 auto;}
.solgan{width: 440px;height: 220px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -110px;z-index: 200;}
.slide-txt{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;line-height: 34px;overflow: hidden;text-shadow: 0 0 10px rgba(0,0,0,0.8);font-size: 18px;padding:15px 0;background: url(/images/bg.png);}
.slide-txt div{padding-right: 200px;box-sizing: border-box;/* width: 100%; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slick-arrow{width: 60px;height: 60px;color: #fff;line-height: 60px;text-align: center;position: absolute;border:none;bottom:0;z-index: 88;cursor: pointer;transition: all 0.35s ease-in-out;background: none;overflow: hidden;top: 50%;margin-top: -35px;font-size: 30px;background: #d8d8d8;border-radius: 50%;}
.slick-arrow:after{content: '';width: 32px;height: 32px;border-radius: 50%;left: 50%;top: 50%;position: absolute;z-index: 0;transition: all 0.4s ease-in-out;margin-top: -16px;margin-left: -16px;}
.slick-prev::after{background: url(/images/l.png)   no-repeat left center;}
.slick-next::after{background:url(/images/r.png)   no-repeat right center;}
.slick-arrow:before{position: relative;z-index: 10;}
.slick-arrow:after{opacity: 1;}
.slick-arrow:hover{background-color: #037DEE;opacity: 1;}
.slick-prev{margin-left: -600px;left: 50%;}
.slick-next{margin-right: -600px;right: 50%;}
.slick-next:after{right: -50px;}
.slick-img{display: block;height: 0;padding-bottom: 25.16%;overflow:hidden;}  
.slick-dots{position: absolute;width: 200px;text-align: right;bottom: 20px;right: 50%;margin-right: -600px;}
.slick-dots li{width: 10px;height: 10px;position: relative;margin:5px 0;display: inline-block;*display: inline;*zoom: 1;margin:0 10px;}
.slick-dots li button{text-indent: -8888em;border: none;width:100%;height: 100%;cursor: pointer;transition: background 0.4s ease-in-out;}
.slick-dots li.slick-active button,.slick-dots li:hover button{background: #037DEE;}


/* .content{background: #efefef;} */

/* 标题 */
.title{position: relative;}
.title h2{font-weight: normal;text-align: center;}
.title h2 span{position: relative;font-weight: normal;line-height: 37px;color: #1F81DC;}
.title h2 span::before{position: absolute;content: "";width: 73px;height: 19px;display: block;background: url(/images/tit_l.png);left: -80px;top: 50%;margin-top: -10px;}
.title h2 span::after{position: absolute;content: "";width: 73px;height: 19px;display: block;background: url(/images/tit_r.png);right: -80px;top: 50%;margin-top: -10px;}

.title .more{float: right;position: absolute;right: 15px;bottom: 0;width: 50px;}
.title .more a{color: #DBB100;line-height: 21px;position: relative;padding-right: 15px;}
.title .more a::after{content: "";display: block;width: 15px;height: 16px;background: url(/images/more.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.mode1 .title{padding-right: 50px;box-sizing: border-box;}
.mode2 .title h2 span{color: #fff;}
.mode2r .title h2 span::before{background: url(/images/tit_l2.png);}
.mode2r .title h2 span::after{background: url(/images/tit_r2.png);}

/* mode1 */
.mode1{padding-top: 64px;}
.mode1 .title h2{text-align: center;padding-left: 45px;}
.mode1l {width: 526px;position: relative;display: block;margin-top: 34px;}
.mode1lImg {padding-bottom: 65.78%;}
.mode1l .mode1linfor{display: block;width: calc(100% - 30px);margin-left: 15px;margin-right: 15px;background: #fff;border-top: 4px solid #037DEE;margin-top: -32px;position: relative;z-index: 1;padding: 19px 17px 9px 17px;box-sizing: border-box;box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}  
.mode1l .mode1linfor::before{content: "";display: block;width: 3px;height: 20px;background: #DBB100;position: absolute;top: 20px;left: 0;}
.mode1l .mode1linfor h3.ptit{font-weight: normal;line-height: 21px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.mode1l .mode1linfor p.ptinfo{line-height: 24px;color: #999;margin: 9px 0;max-height: 48px;overflow: hidden;text-overflow: ellipsis;}
.mode1l .mode1linfor span{line-height: 19px;color: #999;padding-left: 20px;position: relative;display: block;}
.mode1l .mode1linfor span::before{content: "";display: block;width: 13px;height: 7px;background: url(/images/fly.png);position: absolute;left: 0;top: 50%;margin-top: -3px;}
.mode1r{margin: 0 -12px ;margin-left: 546px;margin-top: 34px;overflow: hidden;}
.mode1r li{margin-bottom: 24px;width: 50%;float: left;}
.mode1r li div{border-top: 4px solid #037DEE;margin: 0 12px;padding: 16px 21px 21px;padding-top: 16px;box-sizing: border-box;position: relative;box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
.mode1r li div::before{content: "";display: block;width: 3px;height: 20px;background: #DBB100;position: absolute;top: 43px;left: 0;}
.mode1r li div span{position: relative;line-height: 19px;color: #999;padding-left: 18px;position: relative;}
.mode1r li div span::before{content: "";display: block;width: 13px;height: 7px;background: url(/images/fly.png);position: absolute;left: 0;top: 50%;margin-top: -3px;}
.mode1r li div h3{line-height: 24px;color: #333;height: 72px;overflow: hidden;text-overflow: ellipsis;margin: 5px 0 11px;font-weight: normal;}
.mode1r li div p{line-height: 22px;color: #999;height: 66px;overflow: hidden;}
.mode1l:hover .mode1linfor h3.ptit{color: #1F81DC;}
.mode1r li div:hover h3 a{color: #1F81DC;}

.mode2{color: #fff;padding-bottom: 130px;margin-top:40px;position: relative;z-index: 9;}
.mode2l{width: 50%;background: url(/images/mode2l_bg.png) no-repeat;padding: 27px 34px 74px 40px;box-sizing: border-box;background-size: cover;}
.mode2r{margin-left: 50%;background: url(/images/mode2r_bg.png) no-repeat;padding: 27px 34px 74px 40px;box-sizing: border-box;background-size: cover;}
.mode2l_top{display: block;margin-top: 44px;background: rgba(255,255,255,0.1);padding: 22px 16px 11px;position: relative;}
.mode2l_top::before{content: "";width: 4px;height: 20px;background: #DBB100;display: block;position: absolute;left: 0;top: 22px;}
.mode2r .mode2l_top::before{background: #1f81dc;}
.mode2l_top h3{line-height: 21px;max-height: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.mode2l_top h3 a{color: #fff;}
.mode2l_top p{line-height: 22px;height: 44px;overflow: hidden;text-overflow: ellipsis;margin: 12px 0 24px;}
.mode2l_top span{line-height: 19px;color: #fff;position: relative;padding-left: 18px;}
.mode2l_top span.date::before{content: "";display: block;width: 13px;height: 7px;background: url(/images/fly2.png);position: absolute;left: 0;top: 50%;margin-top: -3px;}
.mode2l_top span.details{float: right;color: #DBB100;}
.mode2l_top span.details a{color: #DBB100;}
.mode2r .mode2l_top span.details{color: #2C82D6;}
.mode2r .mode2l_top span.details a{color: #2C82D6;}

.mode2l_bot li{border-bottom: 1px dashed #D8D8D8;line-height: 21px;padding: 17px 0;transition: all 0.4s ease-in-out;}
.mode2l_bot li:last-child{border: none;}
.mode2l_bot li span{float: right;width: 95px;position: relative;padding-left: 17px;box-sizing: border-box;}
.mode2l_bot li span::before{content: "";display: block;width: 13px;height: 7px;background: url(/images/fly2.png);position: absolute;left: 0;top: 50%;margin-top: -3px;}
.mode2l_bot li p{margin-right: 100px;}
.mode2l_bot li p a{color: #fff;}
.mode2l_bot li:hover{margin-left: 10px;}

.mode2_bottom{clear: both;margin: 0 -26px;background: #fff;width: 91%;margin: 0 auto;border-radius: 6px;position: absolute;left: 50%;margin-left: -45.5%;padding-top: 10px;bottom: 0px;}
.mode2_bottom ul{
    overflow: hidden;
    padding-top: 50px;
    box-sizing: border-box;
}
.mode2_bottom ul li{width: 25%;float: left;margin-bottom: 30px;transition: all 0.4s ease-in-out;}
.mode2_bottom ul li:hover{transform: translateY(-10px);}
.mode2_bottom ul li:hover p{color: #00488B;}
.mode2_bottom ul li a{margin: 0 26px;display: block;}
.mode2_bottom ul li a div{border: 1px solid #00488B;height: 86px;position: relative;}
.mode2_bottom ul li a div::after{content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.mode2_bottom ul li a div span{display: block;margin: 0 auto;width: 79px;text-align: center;height: 79px;line-height: 79px;margin-top: -40px;padding-bottom: 1%;border-radius: 50%;background: #fff;border: 1px solid #DBB100;}
.mode2_bottom ul li a div span img{display: inline-block;vertical-align: middle;}
/* .mode2_bottom ul li:nth-child(1) a div::before{content: "";display: block;width: 79px;height: 79px;background: url(/images/f1.png);position: absolute;left: 50%;margin-left: -40px;top: -40px;}
.mode2_bottom ul li:nth-child(2) a div::before{content: "";display: block;width: 79px;height: 79px;background: url(/images/f2.png);position: absolute;left: 50%;margin-left: -40px;top: -40px;}
.mode2_bottom ul li:nth-child(3) a div::before{content: "";display: block;width: 79px;height: 79px;background: url(/images/f3.png);position: absolute;left: 50%;margin-left: -40px;top: -40px;}
.mode2_bottom ul li:nth-child(4) a div::before{content: "";display: block;width: 79px;height: 79px;background: url(/images/f4.png);position: absolute;left: 50%;margin-left: -40px;top: -40px;} */
.mode2_bottom ul li a div p{text-align: center;line-height: 21px;color: #333;margin-top: 14px;}



@media screen and (max-width:1500px) {
  
}
@media screen and (max-width:1400px) {
    /* .Banner{width: 1200px;} */
    /* 轮播 */
    .slick-prev{margin-left: -570px;}
    .slick-next{margin-right: -570px;}
    .slick-dots{margin-right: -570px;}
}
@media screen and (max-width:1240px) {
    .slick-prev{margin-left: 25px;left: 0;}
	.slick-next{margin-right: 25px;right: 0;}
    .slick-dots{margin-right: 30px;right: 0;}
    .slick-arrow{transform: scale(0.8);}
    /* .Banner{width: calc(100% - 40px)} */
}
@media screen and (max-width:1060px) {
    /* .Banner{width: 96%} */
}
@media screen and (max-width:996px) {
    /* .slick-arrow{left: 0;right: 0;} */
    .slick-prev{margin-left: 15px;left: 0;}
	.slick-next{margin-right: 15px;right: 0;}
    .slick-dots{margin-right: 15px;right: 0;bottom: 10px;}
    .slide-txt{padding:5px 200px 5px 0}

    .title .more{right: 0;top: 50%;height: 20px;margin-top: -10px;}
    .mode1{padding-top: 20px;}
    .mode1l{width: 100%;margin-top: 15px;float: none;}
    .mode1r{margin: 0;padding-top: 15px;margin-top: 5px;}
    .mode1r li div{margin: 0;}
    .mode1r li{width: 100%;}
    .mode1r li div h3,.mode1r li div p{height: auto;}
    .mode2{margin-top: 10px;}
    .mode2l_top{margin-top: 20px;}
    .mode2l,.mode2r{width: 100%;margin-left: 0;display: block;float: none;}
}
@media screen and (max-width:768px) {
    .slick-arrow{transform: scale(0.5);}
    .solgan{transform: translate(-50%,-50%) scale(0.5);}
    .Banner .slick-dots{bottom: 0;}
    .slide-txt{display: none;}

    .mode2l{padding: 15px 20px 20px 20px;}
    .mode2r{padding: 15px 20px 20px 20px;}
    .mode2_bottom{position: relative;}
    .mode2_bottom ul li{width: 50%;}
    .mode2_bottom ul li a{margin: 0 10px;margin-bottom: 25px;}
    .title h2 span::before{width: 50px;background-size: contain;left: -55px;}
    .title h2 span::after{width: 50px;background-size: contain;right: -55px;}

    .mode2l_bot li span{float: none;}
    .mode2l_bot li p{margin-right: 0;}

    .mode2{padding-bottom: 0;}

    .mode1 .title h2 span{/* color: #fff; */}
    .mode2_bottom{background: transparent;}
    .Banner .slick-arrow{display: none!important;}
    .Banner .slick-prev{display: none;}
}
@media screen and (max-width:540px) {
  
}
@media screen and (max-width:479px) {
    .Banner .slick-prev{left: 0;}
    .Banner .slick-next{right: 0;}
    .mode2_bottom ul li{width: 100%;}
}