/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/00000.png) !important;} */


.banner{margin-left: 160px;position: relative;}
.banner .slick-images1{position: relative;}
.banner .slick-images1 .slick-slider{}
.banner .slick-images1 .slick-slider a{display: block;}
.banner .slick-images1 .slick-slider a span{padding-bottom: 18.75%;}
.slick-images1 .slick-arrow{width: 66px;height:66px;line-height: 66px;text-align: center;background: #008d3f; cursor: pointer;transition: all 0.2s ease-in-out;position: absolute;top: initial;bottom:-35px ; color: #003770;font-size: 18px;z-index: 0; } 
.slick-images1 .slick-arrow:before{left: -180px;} 
.slick-images1 .slick-prev{left: -144px;}
.slick-images1 .slick-next{left: -78px;border-left: 1px solid rgba(0,0,0,0.1);} 
.slick-images1 .slick-dots{position: absolute;top: 50%;transform: translateY(-50%);left: -76px;font-size: 0px;}
.slick-images1 .slick-dots li{width: 2px;height: 16px;background: rgba(255,255,255,0.3);transition: all 0.35s ease-out;cursor: pointer;display: block; margin: 8px 0;}
.slick-images1 .slick-dots li button{display: none;}
.slick-images1 .slick-dots li.slick-active,.slick-dots li:hover{background: #fff;} 

.gpColumnTitle{position: relative;}  
.gpColumnTitle::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.gpColumnTitle .more{float: right;color: #999;width: 137px;border: 10px solid #edf1f5;text-align: center;padding: 25px 0;box-sizing: border-box;border-bottom: none;} 
.gpColumnTitle h2{margin-right: 137px;border-bottom: 1px solid #e5e5e5;font-weight:bold;} 
.gpColumnTitle h2 a::before{content: "";display: block;width: 29px;height: 46px;background: url(/images/title_bf.png) no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -23px;}
.gpColumnTitle h2 a{color: #003770;display: inline-block;padding: 12px 40px;box-sizing: border-box;border-bottom: 2px solid #003770;position: relative;font-weight: bold;} 
.gpColumnTitle .more:hover{color: #003770;}

.mode1{margin-top: 25px;}
.mode1 ul{margin: 0 -5px;}
.mode1 ul::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.mode1 ul li{width: 33.3%;float: left;margin-bottom: 50px;}
.mode1 ul li a{display: block;margin: 0 5px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);}
.mode1 ul li a span{padding-bottom: 53.26%;}
.mode1 ul li a .info{box-sizing: border-box;padding: 20px 32px 30px;}
.mode1 ul li a .info h3{color: #222;font-weight: normal;line-height: 1.5;}
.mode1 ul li a .info i{color: #b2b2b2;display: block;line-height: 21px;padding-left: 26px;box-sizing: border-box;position: relative;font-style: normal;margin: 11px 0 16px;}
.mode1 ul li a .info i::before{content: "";display: block;width: 16px;height: 21px;background: url(/images/time.png) no-repeat;position: absolute;left: 0;top: 0;}
.mode1 ul li a .info p{color: #b2b2b2;line-height: 20px;height: 40px;overflow: hidden;}
.mode1 ul li a:hover .info h3{color: #003770;}

.mode2{background: url(/images/mode2_bg.png) no-repeat;padding: 30px 0 40px;box-sizing: border-box;background-size: cover;}
.mode2::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.mode2_lt{width: calc(50% - 30px);float: left;}
.mode2_lt ul{}
.mode2_lt ul li{background: url(/images/li_bg.png) no-repeat right bottom;margin-bottom: 9px;padding: 25px 28px;box-sizing: border-box;background-size: cover;}
.mode2_lt ul li .date{width: 72px;float: left;border-right:1px solid #e5e5e5;color: #999;}
.mode2_lt ul li .date b{display: block;font-weight: normal;line-height: 1;position: relative;padding-bottom: 9px;}
.mode2_lt ul li .date b::after{content: "";display: block;width: 30px;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;}
.mode2_lt ul li .date i{display: block;font-style: normal;line-height: 1;margin-top: 9px;}
.mode2_lt ul li .info{margin-left: 72px;padding-left: 25px;box-sizing: border-box;}
.mode2_lt ul li .info h3{line-height: 1.5;color: #222;}
.mode2_lt ul li .info h3 a{color: #222;}
.mode2_lt ul li .info p{color: #999;line-height: 1.5;margin-top: 8px;}
.mode2_lt ul li:hover .info h3 a{color: #003770;}

/* .gpColumnTitle h2 a::before{content: "";display: block;width: 29px;height: 46px;background: url(/images/title_bf.png) no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -23px;} */
/* .gpColumnTitle h2 a{color: #003770;display: inline-block;padding: 12px 40px;box-sizing: border-box;position: relative;}  */
/* .gpColumnTitle .more:hover{color: #003770;border-bottom: 2px solid #003770;} */

.mode2_rt{width: calc(50% - 30px);float: right;}
.mode2_rt .tab1{position: relative;}
.mode2_rt .tabMenu1{margin-right: 137px; border-bottom: 1px solid #e5e5e5;}
.mode2_rt .tabMenu1 .til_tab{display: inline-block;} 
.mode2_rt .tabMenu1 .til_tab a{color: #003770;display: inline-block;padding: 12px 40px;box-sizing: border-box;border-bottom: 2px solid #8cc4a6;position: relative;font-weight: normal;} 
.mode2_rt .tabMenu1 .til_tab a::before{content: "";display: none;width: 29px;height: 46px;background: url(/images/title_bf.png) no-repeat center;position: absolute;left: 0;top: 50%;margin-top: -23px;} 
.mode2_rt .tabMenu1 .til_tab.on a{font-weight: bold;border-bottom: 2px solid #003770;}
.mode2_rt .tabMenu1 .til_tab.on a::before{display: block;}
.mode2_rt .tabMore1{position: absolute;right: 0;top: 0;}
.mode2_rt .tabMore1 a{display: none;color: #999;width: 137px;border: 10px solid #edf1f5;text-align: center;padding: 25px 0;box-sizing: border-box;border-bottom: none;}
.mode2_rt .tabList{margin-top: 16px;position: relative;}
.mode2_rt .tabList .tabListBox{display: none;}
.mode2_rt .tabList ul{background: #fff;padding: 25px 28px 20px;}
.mode2_rt .tabList ul li{border-bottom: 1px solid #f0f0f0;margin-bottom: 25px;}
.mode2_rt .tabList ul li a{display: block;line-height: 24px;padding-bottom: 10px;}
.mode2_rt .tabList ul li a span{float: left;width: 82px;border-right: 1px solid #e3e3e3;height: 24px;line-height: 24px;background: url(/images/time2.png) no-repeat left center;text-align: right;padding-right: 20px;box-sizing: border-box;}
.mode2_rt .tabList ul li a p{margin-left: 83px;padding-left: 20px;color: #222;}
.mode2_rt .tabList ul li a:hover p{color: #003770;}
.mode2_rt .tabList ul li:last-child{margin-bottom: 0;}
  
.mode3{background: url(/images/mode3_bg.png) no-repeat;background-size: cover;padding: 25px 0 45px;}
.mode3 ul{margin: 0 -5px;}
.mode3 ul::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.mode3 ul li{float: left;width: 33.3%;margin-bottom: 18px;}
.mode3 ul li a{display: block;margin: 0 5px;background: #fff;padding: 20px;box-sizing: border-box;position: relative;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);}
.mode3 ul li a::before{content: "";display: block;width: 1px;height: 11px;background: #00376f;position: absolute;right: 0;bottom: 30px;}
.mode3 ul li a::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.mode3 ul li a .img{float: left;width: 240px;}
.mode3 ul li a .img span{padding-bottom: 75%;}
.mode3 ul li a .img+.info{margin-left: 260px;padding-left: 0;}
.mode3 ul li a .img+.info h3{height: 96px;}
.mode3 ul li a .img+.info p{overflow: hidden;}
.mode3 ul li a .info{padding-top: 10px;padding-left: 10px;box-sizing: border-box;}
.mode3 ul li a .info h3{color: #222;line-height: 24px;height: 48px;overflow: hidden;}
.mode3 ul li a .info p{color: #999;line-height: 20px;height: 40px;overflow: hidden;margin-top: 8px;}
.mode3 ul li a .info span{color: #999;display: block;position: relative;padding-left: 40px;box-sizing: border-box;margin-top: 20px;padding-top: 32px;box-sizing: border-box;}
.mode3 ul li a .info span::after{content: "";display: block;width: 44px;height: 1px;background: #e5e5e5;position: absolute;left: 0;top: 0;}
.mode3 ul li a .info span::before{content: "";display: block;width: 32px;height: 16px;background: url(/images/time3.png) no-repeat;background-size: cover;position: absolute;left: 0;bottom: 2px;}
.mode3 ul li a:hover .info h3{color: #003770;}


/* @media screen and (max-width:1800px) {
    header{padding: 0 100px 0 160px;}
    header .header .top_right{width: 55%;}
}
@media screen and (max-width:1700px) {
    header{padding: 0 50px 0 160px;}
}
@media screen and (max-width:1600px) {
    header{padding: 0 20px 0 160px;}
    header .header .logo{width: 38%;}
    header .header .top_right{width: 61%;}
} */
@media screen and (max-width: 1440px){
    /* header { padding: 0 20px 0 100px; } */
    .banner{margin-left: 100px;}
    .mode3 ul li a .img{width: 200px;}
    .mode3 ul li a .img+.info{margin-left: 220px;}
    .mode3 ul li a .info span{margin-top: 15px;padding-top: 10px;}
    .slick-images1 .slick-arrow{width: 40px;height:40px;line-height: 40px;bottom: -20px;}
    .slick-images1 .slick-next{left: -50px;}
    .slick-images1 .slick-prev{left: -90px;}
    .slick-images1 .slick-arrow:before{left: -188px;}
    .slick-images1 .slick-dots{left: -50px;}
}
@media screen and (max-width: 1300px){
    .slick-images1 .slick-dots{top: 40%;}
}
@media screen and (max-width: 1240px){
    /* .mode3 ul li a .img+.info h3{height: 72px;}  */
    .mode3 ul li a .img+.info span{padding-left: 0;}
    .mode3 ul li a .img+.info span::before{display: none;}
}
@media screen and (max-width: 1200px){
    /* .nav{display: none;} */
    /* .gp-menu-header{display: block;}
    .gp-search{display: none;} 
    .top_right{display: none;} */
    /* .snav {display: block;} */
    /* header{position: relative;padding: 0 20px;box-sizing: border-box;width: 100%;} */
    /* header .header .logo {vertical-align: middle;width: auto;width: 50%;margin: 20px 0; }   */
    .banner{margin-left: 0;}
    .slick-images1 .slick-arrow{width: 40px;height:40px;line-height: 40px;top: initial;bottom:50% ; margin-bottom: -20px;border-radius: 50%;font-size: 14px;} 
    .slick-images1 .slick-arrow:before{left: -187px;} 
    .slick-images1 .slick-prev{left: 50px;}
    .slick-images1 .slick-next{left: initial;right: 50px;border-left:none;}
    .slick-images1 .slick-dots{position: absolute;top: initial;transform: translateY(0%);bottom: 15px;left: 50%;transform: translateX(-50%);}
    .slick-images1 .slick-dots li{width: 16px;height: 3px;background: rgba(255,255,255,0.9);margin: 0 8px;display: inline-block;}
    .slick-images1 .slick-dots li.slick-active{ background: #003770; }
    .mode3 ul{margin-top: 20px;}
    .mode3 ul li{width: 100%;float: none;}
    .mode3 ul li a .info{padding-left: 0;}
    .mode3 ul li a .img+.info h3{height: auto;max-height: 48px;}
    .mode3 ul li a .img+.info p{height: auto;max-height: 40px;}
    .mode2_lt{width: 44%;}
    .mode2_rt{width: 53%;}
    .mode2_rt .tabMenu1 .til_tab a{padding: 12px 30px;}
}
@media screen and (max-width: 996px){
    /* header .header .logo{width: 70%; } */
    .slick-images1 .slick-dots{bottom: 10px;}
    .mode1 ul li a .info{padding: 15px;}
    .gpColumnTitle .more{width: 90px;padding: 15px 0;}
    .gpColumnTitle h2{margin-right: 90px;padding-top: 5px;}
    .gpColumnTitle h2 a{padding: 5px 35px;}
    .gpColumnTitle h2 a::before{height: 90%;margin-top: 0;transform: translateY(-50%);width: 25px;}
    .mode2_lt,.mode2_rt{width: 100%;float: none;}
    .mode2_rt{margin-top: 20px;}
    .mode2_rt .tabMore1 a{width: 90px;padding: 15px 0;}
    .mode2_rt .tabMore1 a::before{height: 90%;margin-top: 0;transform: translateY(-50%);width: 25px;}
    .mode2_rt .tabMenu1{margin-right: 90px;}
}
@media screen and (max-width: 767px){
    /* header .header .logo{width: calc(100% - 50px);} */
    /* header .header .logo{margin: 10px 0; } */
    .slick-images1 .slick-arrow{display: none!important;}
    .mode1 ul li{width: 100%;float: none;margin-bottom: 20px;}
    .mode2_lt ul li{padding: 15px ;}
    .mode2_lt ul li .date{width: 60px;}
    .mode2_lt ul li .info{margin-left: 60px;}
    .mode2_rt .tabList ul{padding: 15px;}
    .mode2_rt .tabList ul li{margin-bottom: 15px;}

    .mode2_rt .tabMenu1 .til_tab a{padding: 12px 15px 12px 30px;} 
}
@media screen and (max-width: 479px){
    .mode3 ul li a .img{width: 100%;float: none;}
    .mode3 ul li a .img+.info{margin-left: 0;}
    .gpColumnTitle .more,.mode2_rt .tabMore1 a{width: 40px;border: none;}
    .gpColumnTitle h2,.mode2_rt .tabMenu1{margin-right: 0px;}
    .mode3 .gpColumnTitle .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-left: 10px;}
    .mode3 .gpColumnTitle h2 a{padding-right: 45px;}
}