@charset "utf-8";
.header{ position:relative}
.header .h_1 .nr{ width:1260px}
.header .h_2 .nr{ width:1260px;}
.header .h_2 .nr .logo{ width:250px; overflow:hidden}
.header .h_2 .nr .logo .sj{ display:block}
@media (max-width:1260px) {
	.header .h_1 .nr{ width:1200px}
	.header .h_2 .nr{ width:1200px}
}
@media (max-width:1200px) {
	.header .h_1 .nr{ width:92%}
	.header .h_2 .nr{ width:92%}
	
}
@media (max-width:750px){
.header.b .h_2 .nr .logo img.b{ display:none}
}

.ab_us01{ width:100%; padding-bottom:100px}
.ab_us01 .nr{ width:1260px; margin:0 auto; position:relative}
.ab_us01 .nr .pic{ width:100%}
.ab_us01 .nr .pic img{ width:100%}
.ab_us01 .nr .item{ width:100%}
.ab_us01 .nr .item ul li{ float:left; margin:90px 70px 40px 30px}
.ab_us01 .nr .item ul li .p1{ font-size:48px; font-family:impact; color:#0056a8; line-height:50px}
.ab_us01 .nr .item ul li .p1 i{ display:inline-block; vertical-align:top; font-size:16px; color:#000000; line-height:20px; padding-left:10px}
.ab_us01 .nr .item ul li .p1 span{ display:inline-block; vertical-align:bottom; font-size:16px; color:#000000; line-height:30px; padding-left:10px}
.ab_us01 .nr .item ul li .p2{ font-size:16px; color:rgba(00,00,00,0.8); margin-top:20px}
.ab_us01 .nr .title{ width:415px; background:rgba(0,86,168,0.8); position:absolute; right:0; bottom:0; z-index:2; color:#fff; box-sizing:border-box; padding:35px 35px 50px 35px}
.ab_us01 .nr .title h3{ font-size:30px; font-weight:normal; line-height:30px; padding-top:35px}
.ab_us01 .nr .title h3 a{ color:#fff}
.ab_us01 .nr .title .intro{ margin-top:50px; font-size:14px; color:rgba(255,255,255,0.9)}
.ab_us01 .nr .title .more{ margin-top:40px}
.ab_us01 .nr .title .more a{ display:block; background:url(../images/ico31.png) center center no-repeat; width:36px; height:12px;}
@media (max-width:1260px) {
	.ab_us01 .nr{ width:1200px}
}
@media (max-width:1200px) {
	.ab_us01{ padding-bottom:30px}
	.ab_us01 .nr{ width:92%}
	.ab_us01 .nr .item{ width:100%}
	.ab_us01 .nr .item ul{display:flex;justify-content: space-between;}
	.ab_us01 .nr .item ul li{ float:none; margin:20px 0 20px 0}
	.ab_us01 .nr .item ul li:nth-child(4){ margin-right:0}
	.ab_us01 .nr .item ul li .p1{ font-size:24px; line-height:24px}
	.ab_us01 .nr .item ul li .p1 i{ font-size:12px; line-height:12px}
	.ab_us01 .nr .item ul li .p1 span{ font-size:12px; line-height:20px}
	.ab_us01 .nr .item ul li .p2{ font-size:12px; margin-top:5px}
	.ab_us01 .nr .title{ width:100%; position:relative; padding:20px 20px 30px 20px}
	.ab_us01 .nr .title h3{ font-size:24px; line-height:24px; padding-top:10px}
	.ab_us01 .nr .title .intro{ margin-top:15px;}
	.ab_us01 .nr .title .more{ margin-top:15px}
	
}

.ab_us02{ width:100%; background:#f5f5f5; padding:110px 0}
.ab_us02 .gallery-thumbs{ width:100%; background:url(../images/ico46.png) center 48px repeat-x; text-align:center; margin:0 auto; overflow:hidden; height:78px}
.ab_us02 .gallery-thumbs .swiper-slide{ position:relative; font-size:22px; color:rgba(00,00,00,0.3); font-family:Arial, Helvetica, sans-serif; line-height:22px; padding-top:14px; box-sizing:border-box}
.ab_us02 .gallery-thumbs .swiper-slide:after{ content:""; display:block; width:10px; height:10px; box-sizing:border-box; border-radius:50%; border:3px solid #a0a0a0; position:absolute; left:50%; margin-left:-5px; bottom:0}
.ab_us02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ font-size:36px; color:#0056a8; line-height:36px; padding-top:0; font-weight:bold}
.ab_us02 .nr{ width:1350px; margin:0 auto; position:relative}
.ab_us02 .nr_sj{ display:none}
.ab_us02 .nr .prev{ width:39px; height:39px; background:url(../images/ico32.png) center center no-repeat; position:absolute; left:-55px; top:53px; cursor:pointer; z-index:9}
.ab_us02 .nr .prev:hover{background:url(../images/ico33.png) center center no-repeat; transform:rotate(180deg)}
.ab_us02 .nr .next{ width:39px; height:39px; background:url(../images/ico32.png) center center no-repeat; position:absolute; right:-55px; top:53px; cursor:pointer; transform:rotate(180deg); z-index:9}
.ab_us02 .nr .next:hover{background:url(../images/ico33.png) center center no-repeat; transform:rotate(0)}
.ab_us02  .gallery-top{ width:100%; overflow:hidden; padding:10px 0; margin-top:50px}
.ab_us02  .gallery-top .swiper-slide{ width:100%}
.ab_us02  .gallery-top .swiper-slide .s1{ display:none}
.ab_us02  .gallery-top .swiper-slide .intro{ width:870px; margin:0 auto; background:#fff; box-sizing:border-box; box-shadow:0 0 10px rgba(00,00,00,0.15); border-radius:10px; padding:30px; position:relative}
.ab_us02  .gallery-top .swiper-slide .intro p{ font-size:16px; color:#000000; padding-left:18px; background:url(../images/ico35.png) left 10px no-repeat; margin-bottom:10px}
.ab_us02  .gallery-top .swiper-slide .intro:after{ content:""; display:block; background:url(../images/ico34.png) center center no-repeat; width:35px; height:8px; position:absolute; left:50%; margin-left:-17px; top:-8px; width:0}
@media (max-width:1500px) {
	.ab_us02 .nr{ width:1200px;}
	.ab_us02 .gallery-thumbs{background:url(../images/c1.png) center 38px repeat-x;}
	
}
@media (max-width:1360px) {
	.ab_us02 .nr .prev{ left:0}
	.ab_us02 .nr .next{ right:0}
}
@media (max-width:1200px) {
	.ab_us02{ padding:30px 0}
	.ab_us02 .gallery-thumbs{ width:0; height:0}
	.ab_us02 .nr{ display:none}
	.ab_us02 .nr_sj{ display:block; width:calc(92% + 20px); margin:0 auto}
	
	
	
	.ab_us02  .swiper1{ width:100%; overflow:hidden; box-sizing:border-box; padding:10px 0; margin-top:50px}
	.ab_us02  .swiper1 .swiper-slide{ width:100%}
	.ab_us02  .swiper1 .swiper-slide .s1{ display:none}
	.ab_us02  .swiper1 .swiper-slide .intro{ width:870px; margin:0 auto; background:#fff; box-sizing:border-box; box-shadow:0 0 10px rgba(00,00,00,0.15); border-radius:10px; padding:30px; position:relative}
	.ab_us02  .swiper1 .swiper-slide .intro p{ font-size:16px; color:#000000; padding-left:18px; background:url(../images/ico35.png) left 10px no-repeat; margin-bottom:10px}
	.ab_us02  .swiper1 .swiper-slide .intro:after{ content:""; display:block; background:url(../images/ico34.png) center center no-repeat; width:35px; height:8px; position:absolute; left:50%; margin-left:-17px; top:-8px}
	.ab_us02 .swiper1{box-sizing:border-box; margin:0; overflow:hidden}
	.ab_us02 .swiper1 .swiper-slide{ padding:10px; box-sizing:border-box}
	.ab_us02 .swiper1 .swiper-slide .intro{ width:100%}
	.ab_us02 .swiper1 .swiper-slide .intro:after{ width:0}
	.ab_us02 .nr .prev{ display:none}
	.ab_us02 .nr .next{ display:none}
	.ab_us02  .swiper1 .swiper-slide .s1{ display:block; font-size:30px; color:#0056a8; font-family:Arial, Helvetica, sans-serif;}
}

.ab_us03{ width:100%; padding:105px 0}
.ab_us03 .nr{ width:1260px; margin:0 auto}
.ab_us03 .nr .item01{ width:100%; float:left; position:relative; overflow:hidden}
.ab_us03 .nr .item01 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.ab_us03 .nr .item01: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);}
.ab_us03 .nr .item01 .title{ width:522px; height:100%; background:rgba(00,00,00,0.4); position:absolute; right:0; top:0; z-index:2; color:#fff; padding:65px; box-sizing:border-box}
.ab_us03 .nr .item01 .title h3{ font-size:30px; color:#ffffff; font-weight:normal; line-height:30px; padding-top:30px}
.ab_us03 .nr .item01 .title h3 a{ color:#fff}
.ab_us03 .nr .item01 .title .intro{ font-size:14px; color:#fff; padding:40px 0 70px}
.ab_us03 .nr .item01 .title .more a{ display:block; background:url(../images/ico37.png) center center no-repeat; width:36px; height:12px}
.ab_us03 .nr .item02{ width:406px; float:left; overflow:hidden}
.ab_us03 .nr .item03{ width:332px; float:left; overflow:hidden}
.ab_us03 .nr .item04{ width:522px; float:left; overflow:hidden}
.ab_us03 .nr .item02 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.ab_us03 .nr .item02: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);}
.ab_us03 .nr .item03 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.ab_us03 .nr .item03: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);}
.ab_us03 .nr .item04 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.ab_us03 .nr .item04: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);}
@media (max-width:1260px) {
	.ab_us03 .nr{ width:1200px}
	.ab_us03 .nr .item01 .title{ width:41.43%}
	.ab_us03 .nr .item02{ width:32.22%; height:287px;}
	.ab_us03 .nr .item03{ width:26.35%; height:287px;}
	.ab_us03 .nr .item04{ width:41.43%; height:287px;}
}
@media (max-width:1200px) {
	.ab_us03{ padding:40px 0}
	.ab_us03 .nr{ width:92%}
	.ab_us03 .nr .item01 i{ display:block; width:100%; overflow:hidden}
	.ab_us03 .nr .item01 .title{ width:100%; position:relative; padding:25px}
	.ab_us03 .nr .item01 .title h3{ font-size:20px; padding-top:0}
	.ab_us03 .nr .item01 .title .intro{ padding:10px 0 20px; font-size:12px}
	.ab_us03 .nr .item02{ width:100%; height:auto}
	.ab_us03 .nr .item03{ width:100%; height:auto; text-align:center; background:#edf7ff}
	.ab_us03 .nr .item03 img{ width:auto; max-width:100%}
	.ab_us03 .nr .item04{ width:100%; height:auto}
}

.ab_us04{ width:100%}
.ab_us04 .nr{ width:1260px; margin:0 auto}
.ab_us04 .nr .hd{ width:100%; text-align:center; font-size:30px; color:#000000; font-weight:bold}
.ab_us04 .nr .bd{ width:100%; margin-top:55px; position:relative}
.ab_us04 .nr .bd .pic{ width:100%}
.ab_us04 .nr .bd .pic img{ width:100%}
.ab_us04 .nr .bd .title{ padding:50px 35px; background:rgba(0,86,168,0.8); position:absolute; left:0; top:50px; z-index:2; color:#fff; font-size:14px}
.ab_us04 .nr .bd .title .intro{ padding-top:20px;}
.ab_us04 .nr .bd .title .intro p{ margin-top:15px; padding-left:30px}
.ab_us04 .nr .bd .title .intro p:nth-child(1){ background:url(../images/ico42.png) left 2px no-repeat}
.ab_us04 .nr .bd .title .intro p:nth-child(2){ background:url(../images/ico43.png) left 2px no-repeat}
.ab_us04 .nr .bd .title .intro p:nth-child(3){ background:url(../images/ico44.png) left 2px no-repeat}
.ab_us04 .nr .bd .title .intro p:nth-child(4){ background:url(../images/ico45.png) left 2px no-repeat}
@media (max-width:1260px) {
	.ab_us04 .nr{ width:1200px; margin:0 auto}
}
@media (max-width:1200px) {
	.ab_us04 .nr{ width:92%}
	.ab_us04 .nr .hd{ font-size:24px}
	.ab_us04 .nr .bd{ margin-top:25px}
	.ab_us04 .nr .bd .title{ position:relative; top:0}
	.ab_us04 .nr .bd .title{ padding:25px 15px}
}