@charset "utf-8";

.banner{ width:100%; margin:0 auto; position:relative}
.banner>img{ width:100%; height:auto;}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-align:center}
.banner .item .title{ font-size:42px; font-weight:bold }
.banner .item .intro{ font-size:18px; margin-top:10px}

@media (max-width: 1440px){
	.banner .item .title{ font-size:36px; }
	.banner .item .intro{ font-size:16px;}
}

@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:20px; padding-top:60px}
	.banner .item .intro{ font-size:14px; margin-top:5px}
}
.location{ position:absolute; right:0; top:0; }
.location{ line-height:66px}
.location .a{ display:none}
.location .b{ font-size:14px; float:left; color:#333}
.location .b a{ color:#333}
.location .b { background:url(g_19.png) left center no-repeat; padding-left:20px;}
.location .b a:hover{ color:#2353a5}
@media (max-width: 1200px){
	.location{ display:none}
}



.second_nav{ width:100%; background:rgba(0,0,0,0.5);  position:relative; z-index:9; margin-top:-98px; height:98px;}
.second_nav .nr{ position:relative; height:100%}
.second_nav ul{ font-size:0; text-align:left; height:100%}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative; height:100%}
.second_nav ul li a{ display:flex; align-items: center; justify-content: center; height:100%; font-size:18px; color:#fff; padding:0 25px}
.second_nav ul li:before{ content:""; display:block; width:0px; top:30%; right:0; background:#3151a4; height:40%; position:absolute}
.second_nav ul li:last-child:before{ width:0}
.second_nav ul li.on:after{ content:""; display:block; width:100%; left:0%; top:0; background:#fff; height:2px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:100%; left:0%; top:0; background:#fff; height:2px; position:absolute}
.second_nav ul li.on a{ color:#fff}
.second_nav ul li:hover a{ color:#fff}
.second_nav.second_nav104 ul li.on a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li.on:after{ background:#e51a0e}
.second_nav.second_nav104 ul li:hover a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li:hover:after{ background:#e51a0e}
.second_nav .t{ display:none}
@media (max-width: 1440px){
	.second_nav{ margin-top:-80px; height:80px;}
	.second_nav ul li a{ font-size:16px; padding:0 25px}

}
@media (max-width: 750px){
	.second_nav{ margin-top:0; height:auto}
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0c479b;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0; height:auto; background:#6683D0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ left:0; bottom:-1px; width:100%; height:1px}
	.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%; height:1px}
	.second_nav ul li:hover a{ background:#4865B2}
	.second_nav ul li.on a{ background:#4865B2}	
}


.third_nav{ background:#eaedf6; padding:25px 0}
.third_nav ul li{ float:left; margin-right:30px}
.third_nav ul li a{ display:block; height:30px; padding:0 20px; font-size:16px; color:#333333; line-height:30px;}
.third_nav ul li.on a{ background:#3151a4; color:#fff; border-radius:15px}
.third_nav ul li:hover a{ background:#3151a4; color:#fff; border-radius:15px}
@media (max-width: 750px){
	.third_nav{ background:#eaedf6; padding:20px 0}
	.third_nav ul li{ width:48%; margin-right:4%; text-align:center}
	.third_nav ul li:nth-child(2n){ margin-right:0}
	.third_nav ul li a{ box-sizing:border-box; border:1px solid #3151a4; margin:5px 0; height:36px; line-height:normal;display:flex;align-items: center;justify-content: center;}
	.third_nav ul li.on a,.third_nav ul li:hover a{ border-radius:0}
}





/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#3151a4}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1440px){
	.article { padding:30px 0}
}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}



@media all and (max-width:1440px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}



.newsPage2{ padding:0 0 40px}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; padding:32px 0; border-bottom:1px dashed #d0d0d0}
.newsList2 .item a{ display:block;display:flex; width:100%; height:100%; box-sizing:border-box; transition:all 0.5s }
.newsList2 .item .time{ width:165px; font-weight:bold; color:#202123; font-size:24px; line-height:30px;}
.newsList2 .item .cont{ width:calc(100% - 165px); box-sizing:border-box; }
.newsList2 .item .cont .title{ font-size:16px; color:#202123;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:30px;}
.newsList2 .item .cont .intro{ font-size:14px; color:#aaaaaa; line-height:24px; margin-top:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ padding:0 30px}
.newsList2 .item:hover{ background:#3151a4; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:0 0 40px}
	.newsList2{ padding-bottom:40px}
	.newsList2 .item{ padding:25px 0}
	.newsList2 .item .time{ width:140px; font-size:20px}
	.newsList2 .item .cont{ width:calc(100% - 140px); }
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; margin-top:10px }
}
@media all and (max-width:450px){
	.newsList2 .item{ display:block}
	.newsList2 .item a{ display:block}
	.newsList2 .item:hover a{ }
	.newsList2 .item .time{ width:100%; font-size:14px; line-height:1; margin-bottom:5px}
	.newsList2 .item .cont{ width:100%; padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; margin-top:8px}
}



.newsHot{ background:url(g_40.jpg) center center repeat-y; background-size:100%; padding:90px 0}
.newsHot .nr{ position:relative}
.newsHot .swiper01{ width:1070px;}
.newsHot .swiper01 .swiper-slide{ width:100%; overflow:hidden; position:relative; margin-right:160px}
.newsHot .swiper01 .swiper-slide a{ display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.newsHot .swiper01 .swiper-slide a .pic{ width:565px; overflow:hidden}
.newsHot .swiper01 .swiper-slide a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsHot .swiper01 .swiper-slide:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.newsHot .swiper01 .swiper-slide a .cont{ width:450px; }
.newsHot .swiper01 .swiper-slide a .cont .time{ font-size:14px; color:#444}
.newsHot .swiper01 .swiper-slide a .cont .title{ font-size:18px; color:#333333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px}
.newsHot .swiper01 .swiper-slide a .cont .intro{ font-size:14px; color:#999999; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:30px}
.newsHot .swiper01 .swiper-slide a .cont .more{ font-size:16px; color:#333333; margin-top:30px}
.newsHot .swiper01 .next01{ position:absolute; background:url(g_41.png) center center no-repeat; background-size:100%; width:55px; height:55px; position:absolute; right:3%; top:calc(50% - 27px); z-index:9; cursor:pointer}
@media all and (max-width:1440px){
	.newsHot{ padding:60px 0}
	.newsHot .swiper01{ width:870px;}
	.newsHot .swiper01 .swiper-slide{ margin-right:120px}
	.newsHot .swiper01 .swiper-slide a .pic{ width:450px; }
	.newsHot .swiper01 .swiper-slide a .cont{ width:390px; }
	.newsHot .swiper01 .swiper-slide a .cont .time{ font-size:12px; }
	.newsHot .swiper01 .swiper-slide a .cont .title{ font-size:16px; }
	.newsHot .swiper01 .swiper-slide a .cont .intro{ font-size:12px; margin-top:25px}
	.newsHot .swiper01 .swiper-slide a .cont .more{ font-size:14px; margin-top:25px}
	.newsHot .swiper01 .next01{  width:46px; height:46px; top:calc(50% - 23px) }
	
}
@media all and (max-width:1200px){
	.newsHot{ padding:40px 0; background:#f1f7fe}
	.newsHot .swiper01{ width:100%;}
	.newsHot .swiper01 .swiper-slide{ margin-right:100px}
	.newsHot .swiper01 .swiper-slide a .pic{ width:300px; }
	.newsHot .swiper01 .swiper-slide a .cont{ width:calc(100% - 320px); }
	.newsHot .swiper01 .swiper-slide a .cont .time{ }
	.newsHot .swiper01 .swiper-slide a .cont .title{ margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
	.newsHot .swiper01 .swiper-slide a .cont .intro{ margin-top:15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.newsHot .swiper01 .swiper-slide a .cont .more{ font-size:12px; margin-top:15px}
	.newsHot .swiper01 .next01{  width:30px; height:30px; right:0; top:auto; bottom:0 }
}
@media all and (max-width:750px){
	.newsHot{ padding:20px 0; background:#f1f7fe}
	.newsHot .swiper01{ width:100%;}
	.newsHot .swiper01 .swiper-slide{ margin-right:80px}
	.newsHot .swiper01 .swiper-slide a .pic{ width:100%; }
	.newsHot .swiper01 .swiper-slide a .cont{ width:100%; margin-top:15px }
	.newsHot .swiper01 .swiper-slide a .cont .intro{ margin-top:10px;}
	.newsHot .swiper01 .swiper-slide a .cont .more{  margin-top:15px}
	.newsHot .swiper01 .next01{ bottom:-6px }
}

/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #e5e2d9; background:#e5e2d9; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #3151a4; background:#3151a4; color:#fff; }
@media all and (max-width:1440px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}

/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{ padding:20px; background:#fff}
.picxList .item a .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:#3151a4}
.picxList .item:hover a .cont{ color:#fff; background:#3151a4}
@media all and (max-width:1440px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}

.news{ padding:80px 0}
.newsList{ width:100%; padding-bottom:60px}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; background:#f1f1f1 }
.newsList .item:nth-child(2n){background:none}
.newsList .item:hover{ background:#3151a4}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:295px; overflow:hidden;}
.newsList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList .item a .cont{ width:calc(100% - 295px);  box-sizing:border-box; padding-left:30px}
.newsList .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover a .cont .title{ color:#fff}
.newsList .item:hover a .cont .time{ color:#fff}
.newsList .item:hover a .cont .more{ color:#fff}
.newsList .item:hover a .cont .intro{ color:#fff}
.newsList .item a .cont .more{ font-size:14px; color:#888888; margin-top:20px}

@media all and (max-width:1200px){
	.news{ padding:40px 0}
	.newsList .item{ width:100%; padding:25px 20px; }
	.newsList{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item a .pic{ width:160px;}
	.newsList .item a .cont{ width:calc(100% - 160px);}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:15px; }
	.newsList .item a .pic{ width:120px;}
	.newsList .item a .cont{ width:calc(100% - 120px); padding-left:15px}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
}


























.ab01{ padding:90px 0}
.ab01 .ihd{ display:flex;justify-content: space-between; align-items: flex-end; }
.ab01 .ihd .title{ font-size:36px; color:#000000; font-weight:bold; line-height:60px;}
.ab01 .ihd .more{ padding-bottom:10px}
.ab01 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:200px; height:52px; background:#223494; font-size:16px; color:#fff}
.ab01 .ibd{ margin-top:40px; font-size:16px; color:#000000; line-height:2; text-align:justify}
@media (max-width: 1440px){
	.ab01{ padding:80px 0}
	.ab01 .ihd .title{ font-size:30px; line-height:50px;}
	.ab01 .ihd .more{ padding-bottom:8px}
	.ab01 .ihd .more a{ width:160px; height:46px; font-size:14px }
	.ab01 .ibd{ margin-top:30px; font-size:14px}
}
@media (max-width: 1200px){
	.ab01{ padding:60px 0}
	.ab01 .ihd .title{ font-size:24px; line-height:40px;}
	.ab01 .ihd .more{ padding-bottom:6px}
	.ab01 .ihd .more a{ width:120px; height:40px; font-size:12px }
	.ab01 .ibd{ margin-top:20px; font-size:12px}
}
@media (max-width: 750px){
	.ab01{ padding:40px 0}
	.ab01 .ihd .title{ font-size:20px; line-height:36px;}
}

.ab02{ background:url(g_25.jpg) center center no-repeat; background-size:cover; padding:130px 0; color:#fff}
.ab02 .ibd{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab02 .ibd .item .p1{ display:flex; align-items:flex-end; line-height:1}
.ab02 .ibd .item .p1 .a1{ font-size:48px;}
.ab02 .ibd .item .p1 .a2{ font-size:18px}
.ab02 .ibd .item .p2{ font-size:14px; margin-top:15px}
@media (max-width: 1440px){
	.ab02{  padding:100px 0; }
	.ab02 .ibd .item .p1 .a1{ font-size:40px;}
	.ab02 .ibd .item .p1 .a2{ font-size:16px}
	.ab02 .ibd .item .p2{ font-size:12px; margin-top:10px}
}
@media (max-width: 1200px){
	.ab02{  padding:80px 0; }
	.ab02 .ibd .item .p1 .a1{ font-size:32px;}
	.ab02 .ibd .item .p1 .a2{ font-size:14px}
	.ab02 .ibd .item .p2{ font-size:12px; margin-top:10px}
}
@media (max-width: 750px){
	.ab02{  padding:50px 0; }
	.ab02 .ibd .item .p1 .a1{ font-size:24px;}
	.ab02 .ibd .item .p1 .a2{ font-size:12px}
	.ab02 .ibd .item .p2{ font-size:11px; margin-top:8px; line-height:1}
}

.ab03{ background:#ebeff4; padding:90px;}
.ab03 .ibd .tab03{ display:flex;justify-content: space-between;flex-wrap: wrap;}
.ab03 .ibd .tab03 .hd{ width:340px;}
.ab03 .ibd .tab03 .hd li{ width:100%; box-sizing:border-box; border:1px solid #b7bfea; margin-bottom:5px; padding:0 30px; background:#fff}
.ab03 .ibd .tab03 .hd li .title{ height:60px; background:url(g_26.png) right center no-repeat; font-size:16px; color:#333333; font-weight:bold;display:flex; align-items: center; }
.ab03 .ibd .tab03 .hd li .intro{ border-top:1px solid rgba(255,255,255,0.2); color:#fff; padding:20px 0; font-size:12px; color:#fff; text-align:center; display:none}
.ab03 .ibd .tab03 .hd li.on .intro{ display:block; text-align:left; line-height:2}
.ab03 .ibd .tab03 .hd li.on{ background:#223494; border:1px solid #223494; color:#fff}
.ab03 .ibd .tab03 .hd li.on .title{  background:url(g_27.png) right center no-repeat; color:#fff; }
.ab03 .ibd .tab03 .bd{ width:950px}
.ab03 .ibd .tab03 .bd .con{ width:100%}
.ab03 .ibd .tab03 .bd .con img{ width:100%}
@media (max-width: 1440px){
	.ab03{ padding:80px 0;}
	.ab03 .ibd .tab03 .hd{ width:300px;}
	.ab03 .ibd .tab03 .bd{ width:800px}
}
@media (max-width: 1200px){
	.ab03{ padding:60px 0;}
	.ab03 .ibd .tab03 .hd{ width:240px;}
	.ab03 .ibd .tab03 .hd li{ padding:0 20px; }
	.ab03 .ibd .tab03 .hd li .title{ height:40px; font-size:14px;   }
	.ab03 .ibd .tab03 .bd{ width:calc(100% - 280px)}
}
@media (max-width: 750px){
	.ab03{ padding:40px 0;}
	.ab03 .ibd .tab03 .hd{ width:100%;}
	.ab03 .ibd .tab03 .hd li{ padding:0 20px; }
	.ab03 .ibd .tab03 .hd li .title{ height:40px; font-size:14px;   }
	.ab03 .ibd .tab03 .bd{ width:100%; margin-top:15px}
}



.ab04{ padding:90px 0}
.ab04 .ihd{ display:flex;justify-content: space-between; align-items: flex-end; }
.ab04 .ihd .title{ font-size:36px; color:#000000; font-weight:bold; line-height:60px;}
.ab04 .ihd .more{ padding-bottom:10px}
.ab04 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:200px; height:52px; background:#223494; font-size:16px; color:#fff}
.ab04 .ibd{ margin-top:40px;}
.ab04 .ibd .hd ul{ display:flex; justify-content: space-between;flex-wrap: wrap;}
.ab04 .ibd .hd ul li{ width:320px; overflow:hidden; position:relative; transition:all 0.5s} 
.ab04 .ibd .hd ul li.on{ width:1080px}
.ab04 .ibd .hd ul li .pic{ width:1080px; overflow:hidden}
.ab04 .ibd .hd ul li .pic img{ height:100%; width:100%; object-fit:cover;position:relative; left:50%; transform:translateX(-50%);}
.ab04 .ibd .hd ul li .cont{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; box-sizing:border-box; padding:65px}
.ab04 .ibd .hd ul li .cont .title{ font-size:18px; font-weight:bold; height:44px;display:flex; align-items: center; text-align:center; margin:0 auto;  justify-content: center;}
.ab04 .ibd .hd ul li .cont .intro{ font-size:16px; margin-top:20px; display:none}
.ab04 .ibd .hd ul li .cont .more{ position:absolute; left:0; bottom:20%; z-index:2; text-align:center; width:100%}
.ab04 .ibd .hd ul li .cont .more img{ height:54px}
.ab04 .ibd .hd ul li.on .title{ width:130px; box-sizing:border-box; border:1px solid #fff; border-radius:30px; margin:0}
.ab04 .ibd .hd ul li.on .intro{ display:block}
.ab04 .ibd .hd ul li.on .cont .more{ display:none}

@media (max-width: 1440px){
	.ab04{ padding:80px 0}
	.ab04 .ihd .title{ font-size:30px; line-height:50px;}
	.ab04 .ihd .more{ padding-bottom:8px}
	.ab04 .ihd .more a{ width:160px; height:46px; font-size:14px }
	.ab04 .ibd{ margin-top:30px;}
	.ab04 .ibd .hd ul li{ width:280px; } 
	.ab04 .ibd .hd ul li.on{ width:900px}
	.ab04 .ibd .hd ul li .pic{ width:900px; }
	.ab04 .ibd .hd ul li .cont{ padding:50px}
	.ab04 .ibd .hd ul li .cont .title{ font-size:16px; height:40px; }
	.ab04 .ibd .hd ul li .cont .intro{ font-size:14px; }
	.ab04 .ibd .hd ul li .cont .more img{ height:46px}
	.ab04 .ibd .hd ul li.on .title{ width:120px; }
}
@media (max-width: 1200px){
	.ab04{ padding:60px 0}
	.ab04 .ihd .title{ font-size:24px; line-height:40px;}
	.ab04 .ihd .more{ padding-bottom:6px}
	.ab04 .ihd .more a{ width:120px; height:40px; font-size:12px }
	.ab04 .ibd{ margin-top:20px; font-size:12px}
	.ab04 .ibd .hd ul li{ width:49%; } 
	.ab04 .ibd .hd ul li.on{ width:49%}
	.ab04 .ibd .hd ul li .pic{ width:100%; }
	.ab04 .ibd .hd ul li .cont{ padding:30px; height:auto; top:50%; transform:translateY(-50%)}
	.ab04 .ibd .hd ul li .cont .title{ font-size:16px; height:auto; }
	.ab04 .ibd .hd ul li .cont .intro{ font-size:12px; text-align:center; display:block;  margin-top:10px}
	.ab04 .ibd .hd ul li .cont .more img{ height:32px}
	.ab04 .ibd .hd ul li.on .title{ width:auto; height:auto; box-sizing:border-box; border:0; border-radius:30px; margin:0}
	.ab04 .ibd .hd ul li.on .intro{ display:block; text-align:center;}
	.ab04 .ibd .hd ul li .cont .more{ display:none}
}
@media (max-width: 750px){
	.ab04{ padding:40px 0}
	.ab04 .ihd .title{ font-size:20px; line-height:36px;}
	.ab04 .ibd .hd ul li{ width:100%}
	.ab04 .ibd .hd ul li.on{ width:100%}
	.ab04 .ibd .hd ul li:nth-child(1){ margin-bottom:15px}
}


.ab05{ padding:0 0 90px}
.ab05 .ihd{ display:flex;justify-content: space-between; align-items: center; }
.ab05 .ihd .title{ font-size:36px; color:#000000; font-weight:bold; }
.ab05 .ihd .more a{ display:flex; align-items: center; justify-content: center; width:200px; height:52px; background:#223494; font-size:16px; color:#fff}
.ab05 .ibd{ margin-top:40px; position:relative}
.ab05 .ibd:after{ content:""; display:block; width:1228px; height:1px; background:#d1d1d1; position:absolute; left:50%; transform:translateX(-50%); top:47px}
.ab05 .ibd .swiper05{ width:1228px; margin:0 auto; position:relative; overflow:hidden}
.ab05 .ibd .swiper05 .swiper-slide{ width:228px; margin-right:22px}
.ab05 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0}
.ab05 .ibd .swiper05 .swiper-slide .title{ font-size:16px; color:#333333; font-weight:bold; line-height:20px; text-align:center}
.ab05 .ibd .swiper05 .swiper-slide .ico{ width:17px; height:17px; border-radius:50%; background:#bfbfbf; margin:0 auto; margin-top:19px;}
.ab05 .ibd .swiper05 .swiper-slide .intro{ width:100%; background:#e5e5e5; font-size:14px; color:#333333; box-sizing:border-box; padding:20px; min-height:130px; text-align:justify; line-height:2; margin-top:10px}
.ab05 .ibd .swiper05 .swiper-slide:hover .title{ color:#223494}
.ab05 .ibd .swiper05 .swiper-slide:hover .ico{ background:#223494}
.ab05 .ibd .swiper05 .swiper-slide:hover .intro{ background:#223494; color:#fff}
.ab05 .ibd .prev05{ background:url(g_30.png) center center no-repeat; background-size:cover; width:42px; height:42px; cursor:pointer; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.ab05 .ibd .next05{ background:url(g_31.png) center center no-repeat; background-size:cover; width:42px; height:42px; cursor:pointer; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:2}
@media (max-width: 1440px){
	.ab05{ padding:0 0 80px}
	.ab05 .ihd .title{ font-size:30px; line-height:50px;}
	.ab05 .ihd .more{ padding-bottom:8px}
	.ab05 .ihd .more a{ width:160px; height:46px; font-size:14px }
	.ab05 .ibd{ margin-top:30px;}
	.ab05 .ibd:after{ width:1080px; top:44px}
	.ab05 .ibd .swiper05{ width:1080px; }
	.ab05 .ibd .swiper05 .swiper-slide{ width:18.4%; margin-right:2%}
	.ab05 .ibd .swiper05 .swiper-slide .title{ font-size:14px; }
	.ab05 .ibd .swiper05 .swiper-slide .ico{ width:15px; height:15px; margin-top:17px;}
	.ab05 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; padding:16px; min-height:110px;}
	.ab05 .ibd .prev05{ width:36px; height:36px; }
	.ab05 .ibd .next05{ width:36px; height:36px; }
	
	
}
@media (max-width: 1200px){
	.ab05{ padding:0 0 60px 0}
	.ab05 .ihd .title{ font-size:24px; line-height:40px;}
	.ab05 .ihd .more{ padding-bottom:6px}
	.ab05 .ihd .more a{ width:120px; height:40px; font-size:12px }
	.ab05 .ibd{ margin-top:20px; font-size:12px}
	.ab05 .ibd:after{ width:calc(100% - 100px); }
	.ab05 .ibd .swiper05{ width:calc(100% - 100px); }
	.ab05 .ibd .swiper05 .swiper-slide{ width:32%; margin-right:2%}
	.ab05 .ibd .swiper05 .swiper-slide .title{ font-size:14px; }
	.ab05 .ibd .swiper05 .swiper-slide .ico{ width:15px; height:15px; margin-top:17px;}
	.ab05 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; padding:16px; min-height:110px;}
	.ab05 .ibd .prev05{ width:32px; height:32px; }
	.ab05 .ibd .next05{ width:32px; height:32px; }
	
}
@media (max-width: 750px){
	.ab05{ padding:0 0 40px 0}
	.ab05 .ihd .title{ font-size:20px; line-height:36px;}
	.ab05 .ibd:after{ width:calc(100% - 70px); }
	.ab05 .ibd .swiper05{ width:calc(100% - 70px); }
	.ab05 .ibd .swiper05 .swiper-slide{ width:49%; margin-right:2%}
	.ab05 .ibd .swiper05 .swiper-slide .title{ font-size:14px; }
	.ab05 .ibd .swiper05 .swiper-slide .ico{ width:15px; height:15px; margin-top:17px;}
	.ab05 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; padding:16px; min-height:110px;}
	.ab05 .ibd .prev05{ width:24px; height:24px; }
	.ab05 .ibd .next05{ width:24px; height:24px; }
}

.ab06{ width:100%; background:#f7f7f7; padding:90px 0 60px}
.ab06 .hd ul{ display:flex; align-items: center; justify-content: center;}
.ab06 .hd ul li{ padding:12px 50px; background:#ffffff; font-size:16px; color:#333; margin:0 5px; cursor:pointer}
.ab06 .hd ul li.on{ background:#223494; color:#fff}
.ab06 .bd{ position:relative; width:100%; margin-top:60px}
.ab06 .bd .swiper06{ width:100%;}
.ab06 .bd .swiper06 .swiper-slide{ height:auto; overflow:hidden}
.ab06 .bd .swiper06 .swiper-slide .pic{ width:100%; box-sizing:border-box; padding:16px; background:#fff}
.ab06 .bd .swiper06 .swiper-slide .pic i{ display:block; position:relative; width:100%; overflow:hidden}
.ab06 .bd .swiper06 .swiper-slide .pic i img{ width:100%}
.ab06 .bd .swiper06 .swiper-slide .pic i:after{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.52); position:absolute; left:0; top:0; z-index:2}
.ab06 .bd .swiper06 .swiper-slide.swiper-slide-active .pic i:after{ width:0}
.ab06 .bd .swiper06 .swiper-slide .title{ text-align:center; font-size:16px; color:#000000; height:50px; 
display:flex; align-items: center; width:100%;justify-content: center; opacity:0}
.ab06 .bd .swiper06 .swiper-slide.swiper-slide-active .title{ opacity:1}
.ab06 .bd .prev06{ background:url(g_34.png) center center no-repeat; width:54px; height:54px; background-size:cover; position:absolute; left:50%; margin-left:-710px; top:calc(50% - 25px); transform:translateY(-50%); z-index:2; cursor:pointer}
.ab06 .bd .next06{ background:url(g_35.png) center center no-repeat; width:54px; height:54px; background-size:cover; position:absolute; right:50%; margin-right:-710px; top:calc(50% - 25px); transform:translateY(-50%); z-index:2; cursor:pointer}
@media (max-width: 1440px){
	.ab06{ padding:80px 0 50px}
	.ab06 .bd{ margin-top:40px}
	.ab06 .bd .swiper06 .swiper-slide .title{ font-size:14px; height:44px; }
	.ab06 .bd .prev06{ width:46px; height:46px; margin-left:-600px; top:calc(50% - 22px);}
	.ab06 .bd .next06{ width:46px; height:46px; margin-right:-600px; top:calc(50% - 22px);}
}
@media (max-width: 1200px){
	.ab06{ padding:60px 0 40px}
	.ab06 .bd{ margin-top:30px}
	.ab06 .hd ul li{ padding:10px 30px;  font-size:14px; }
	.ab06 .bd .swiper06 .swiper-slide .title{ font-size:14px; height:36px; }
	.ab06 .bd .prev06{ width:36px; height:36px; margin-left:0; left:4%; top:calc(50% - 18px);}
	.ab06 .bd .next06{ width:36px; height:36px; margin-right:0; right:4%; top:calc(50% - 18px);}
}
@media (max-width: 750px){
	.ab06{ padding:40px 0 30px}
	.ab06 .bd{ margin-top:20px}
	.ab06 .hd ul li{ padding:10px 20px;  font-size:14px; }
	.ab06 .bd .swiper06 .swiper-slide .pic{ padding:5px}
	.ab06 .bd .swiper06 .swiper-slide .title{ font-size:14px; height:32px; }
	.ab06 .bd .prev06{ width:32px; height:32px; margin-left:0; left:4%; top:calc(50% - 16px);}
	.ab06 .bd .next06{ width:32px; height:32px; margin-right:0; right:4%; top:calc(50% - 16px);}
}



.proIntro{ background:#ffffff; padding:90px 0}
.proIntro .nr{display:flex;justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse;}
.proIntro .pic{ width:426px; overflow:hidden}
.proIntro .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.proIntro .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.proIntro .cont{ width:930px;}
.proIntro .cont .title{ font-size:36px; color:#000000; line-height:1; font-weight:bold}
.proIntro .cont .intro{ margin-top:45px; font-size:16px; color:#000000; line-height:2; text-align:justify}
@media (max-width: 1440px){
	.proIntro{ padding:80px 0}
	.proIntro .pic{ width:380px; }
	.proIntro .cont{ width:800px;}
	.proIntro .cont .title{ font-size:28px; }
	.proIntro .cont .intro{ margin-top:30px; font-size:14px;}
}
@media (max-width: 1200px){
	.proIntro{ padding:60px 0}
	.proIntro .pic{ width:300px; }
	.proIntro .cont{ width:calc(100% - 320px);}
	.proIntro .cont .title{ font-size:24px; }
	.proIntro .cont .intro{ margin-top:20px; font-size:12px;}
}
@media (max-width: 750px){
	.proIntro{ padding:40px 0}
	.proIntro .pic{ width:100%; }
	.proIntro .cont{ width:100%;}
	.proIntro .cont .title{ font-size:20px; margin-top:15px }
	.proIntro .cont .intro{ margin-top:10px; }
}

.proList{ background:#ebeff4; padding:90px 0}
.proList .proCont{ display:flex; flex-wrap: wrap;}
.proList .proCont .item{ width:31.4%; margin-right:2.9%; margin-bottom:2.9%; background:#fff}
.proList .proCont .item:nth-child(3n){ margin-right:0}
.proList .proCont .item a{ display:block; box-sizing:border-box; padding:16px 16px 0;}
.proList .proCont .item a .pic{ width:100%; overflow:hidden}
.proList .proCont .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.proList .proCont .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.proList .proCont .item .cont{ padding:20px 0; background:url(g_38.png) right center no-repeat}
.proList .proCont .item .cont .title{ font-size:18px; color:#0d0d0d; line-height:1}
.proList .proCont .item .cont .intro{ font-size:14px; color:#8c8c8c; line-height:1; margin-top:12px}
.proList .proCont .item:hover a{ background:#223494}
.proList .proCont .item:hover a .cont{ background:url(g_39.png) right center no-repeat}
.proList .proCont .item:hover a .cont .title{ color:#fff}
.proList .proCont .item:hover a .cont .intro{ color:#fff}
@media (max-width: 1440px){
	.proList{ padding:80px 0}
	.proList .proCont .item a{ padding:12px 12px 0;}
	.proList .proCont .item .cont{ padding:16px 0;  background-size:36px;}
	.proList .proCont .item .cont .title{ font-size:16px; }
	.proList .proCont .item .cont .intro{ font-size:12px; }
	.proList .proCont .item:hover a .cont{ background-size:36px;}
	.proList .proCont .item:hover a .cont .title{ color:#fff}
	.proList .proCont .item:hover a .cont .intro{ color:#fff}
}
@media (max-width: 1200px){
	.proList{ padding:60px 0}
	.proList .proCont .item a{ padding:10px 10px 0;}
	.proList .proCont .item .cont{ background-size:30px;}
	.proList .proCont .item .cont .title{ font-size:16px; }
	.proList .proCont .item .cont .intro{ font-size:12px; }
	.proList .proCont .item:hover a .cont{ background-size:30px;}
}
@media (max-width: 750px){
	.proList{ padding:40px 0}
	.proList .proCont .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.proList .proCont .item:nth-child(3n){ margin-right:3%}
	.proList .proCont .item:nth-child(2n){ margin-right:0}
	.proList .proCont .item .cont .intro{ margin-top:8px }
	.proList .proCont .item .cont{ background-size:26px;}
	.proList .proCont .item:hover .cont{ background-size:26px;}
}

.contact01{ background:url(g_43.jpg) center center no-repeat; background-size:100% 100%; padding:95px 0}
.contact01 .nr{ display:flex}
.contact01 .nr .lt{ width:50%}
.contact01 .nr .rt{ width:50%}
.contact01 .nr .lt .ewm{ width:fit-content; margin:0 auto; text-align:center}
.contact01 .nr .lt .ewm .title{ font-size:18px; color:#333333}
.contact01 .nr .lt .ewm .pic{ width:200px; margin:0 auto; margin-top:30px; }
.contact01 .nr .lt .ewm .pic img{ width:100%}
.contact01 .nr .rt .cont{ margin-left:65px}
.contact01 .nr .rt .cont .bq{ width:fit-content; font-size:24px; color:#333333; font-weight:bold; line-height:1; padding-bottom:14px; border-bottom:1px solid #3165b3}
.contact01 .nr .rt .cont .title{ font-size:18px; color:#3066b8; font-weight:bold; margin-top:20px}
.contact01 .nr .rt .cont .content{ font-size:16px; color:#333333; line-height:1.8; margin-top:30px}
@media (max-width: 1440px){
	.contact01{ padding:60px 0}
	.contact01 .nr .lt .ewm .title{ font-size:16px; }
	.contact01 .nr .lt .ewm .pic{ width:160px; margin-top:20px}
	.contact01 .nr .rt .cont{ margin-left:50px}
	.contact01 .nr .rt .cont .bq{ font-size:20px; padding-bottom:12px; }
	.contact01 .nr .rt .cont .title{ font-size:16px; }
	.contact01 .nr .rt .cont .content{ font-size:14px; margin-top:20px}
}
@media (max-width: 1200px){
	.contact01{ padding:40px 0}
	.contact01 .nr .lt .ewm .title{ font-size:14px; }
	.contact01 .nr .lt .ewm .pic{ width:120px; margin-top:15px}
	.contact01 .nr .rt .cont{ margin-left:30px}
	.contact01 .nr .rt .cont .bq{ font-size:18px; padding-bottom:10px; }
	.contact01 .nr .rt .cont .title{ font-size:14px; }
	.contact01 .nr .rt .cont .content{ font-size:12px;  }
}
@media (max-width: 750px){
	.contact01{ padding:0}
	.contact01 .nr{ width:100%; display:block}
	.contact01 .nr .lt { width:100%;  background:url(g_44.jpg) center center no-repeat; background-size:cover; padding:30px 0}
	.contact01 .nr .rt { width:100%;  background:url(g_45.jpg) center center no-repeat; background-size:cover; padding:30px 0}
	.contact01 .nr .rt .cont{ margin-left:4%}
	.contact01 .nr .rt .cont .bq{ font-size:18px; padding-bottom:10px; }
	.contact01 .nr .rt .cont .title{ font-size:14px; margin-top:15px }
	.contact01 .nr .rt .cont .content{ font-size:12px; margin-top:15px }
}

.contact02{ margin-top:90px}
.contact02 .ihd{ text-align:center ; font-size:24px; color:#333333; font-weight:bold; line-height:1; padding-bottom:25px; border-bottom:2px solid #98b2d9}
.contact02 .ibd{ margin-top:40px; display:flex; flex-wrap: wrap; justify-content: space-between; }
.contact02 .ibd .item{ width:23.5%; box-sizing:border-box; background:#223494; color:#fff; padding:40px 30px;}
.contact02 .ibd .item .title{ font-size:16px; font-weight:bold}
.contact02 .ibd .item .content{ font-size:14px; line-height:2; margin-top:20px}
@media (max-width: 1440px){
	.contact02{ margin-top:60px}
	.contact02 .ihd{ font-size:20px; padding-bottom:20px; }
	.contact02 .ibd{ margin-top:30px;  }
	.contact02 .ibd .item{ padding:30px 25px;}
	.contact02 .ibd .item .title{ font-size:14px;  }
	.contact02 .ibd .item .content{ font-size:12px; line-height:2; margin-top:16px}
}
@media (max-width: 1200px){
	.contact02{ margin-top:40px}
	.contact02 .ihd{ font-size:18px; padding-bottom:16px; }
	.contact02 .ibd{ margin-top:0;  }
	.contact02 .ibd .item{ width:48.5%; margin-top:20px;  }
}
@media (max-width: 750px){
	.contact02 .ibd .item{ width:100%; margin-top:20px;  }
}

.contact03{ padding:90px 0}
.contact03 .ibd{ background:url(g_46.jpg) center center no-repeat; background-size:cover; box-sizing:border-box; height:435px; padding:50px; color:#fff}
.contact03 .ibd .title{ font-size:24px; font-weight:bold}
.contact03 .ibd .content{ font-size:14px; line-height:2; margin-top:20px}
@media (max-width: 1440px){
	.contact03{ padding:60px 0}
	.contact03 .ibd{ height:360px; padding:40px; }
	.contact03 .ibd .title{ font-size:20px; }
}
@media (max-width: 1200px){
	.contact03{ padding:40px 0}
	.contact03 .ibd{ height:300px; padding:30px; }
	.contact03 .ibd .title{ font-size:18px; }
}
@media (max-width: 750px){
	.contact03 .ibd{ height:auto; padding:30px 25px; }

}




.share_box { padding:0;  font-size:12px; position:relative; display:inline-block; text-align:center; width:102px; margin:0; cursor:pointer; margin-left:10px;}
.share_box .share_name { background:url(share_name.png) no-repeat; width:102px; height:26px; border-radius:3px; margin-bottom: 5px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px;} 
.share_box .share_content { position:absolute; background:#fff!important; width:300px;background: rgb(233, 235, 234); display: none; }

.share_box:hover .share_content{ display:block}