﻿@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:2}
.banner>img{ width:100%; height:auto;-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.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;}
.banner .item .en{ font-size:30px; line-height:1; text-transform:uppercase }
.banner .item .cn{ font-size:60px; line-height:1; margin-top:30px; padding-top:35px; position:relative}
.banner .item .cn:after{ content:""; display:block; width:50px; height:3px; background:#fff; position:absolute; left:0; top:0}
@keyframes scale
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-webkit-keyframes scale  /*Safari Chrome*/
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-moz-keyframes scale  /* Firefox */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-o-keyframes scale  /* Opera */
{
    0%{-webkit-transform: scale(1.1); transform: scale(1.1);}
}

@media (max-width: 1680px){
	.banner .item .en{ font-size:24px; }
	.banner .item .cn{ font-size:50px; margin-top:25px; padding-top:30px;}
	.banner .item .cn:after{ width:40px;}


}
@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .en{ font-size:20px; }
	.banner .item .cn{ font-size:40px; margin-top:20px; padding-top:25px;}
	.banner .item .cn:after{ width:30px;}

}
@media (max-width: 750px){
	.banner .item .en{ font-size:14px; }
	.banner .item .cn{ font-size:24px; margin-top:16px; padding-top:20px;}
	.banner .item .cn:after{ height:2px}
}

.second_nav{ margin-top:-65px; position:relative; z-index:2}
.second_nav ul{ display:flex; flex-wrap: wrap;}
.second_nav ul.num1 li{ width:100%}
.second_nav ul.num2 li{ width:calc(100% / 2)}
.second_nav ul.num3 li{ width:calc(100% / 3)}
.second_nav ul.num4 li{ width:calc(100% / 4)}
.second_nav ul.num5 li{ width:calc(100% / 5)}
.second_nav ul.num6 li{ width:calc(100% / 6)}
.second_nav ul li a{ display:block; padding:20px 0 25px; text-align:center; color:#222222; font-size:22px; transition:all 0.5s}
.second_nav ul li{ background:#f7f7f7; transition:all 0.5s}
.second_nav ul li:nth-child(2n){ background:#fff}
.second_nav ul li:hover,.second_nav ul li.on{ background:#0054a5}
.second_nav ul li:hover a,.second_nav ul li.on a{ color:#fff}
.second_nav ul li a .ico{ width:fit-content; margin:0 auto}
.second_nav ul li a .ico img{ height:50px}
.second_nav ul li a .ico .img1{ display:block}
.second_nav ul li a .ico .img2{ display:none}
.second_nav ul li:hover a .ico .img1,.second_nav ul li.on a .ico .img1{ display:none}
.second_nav ul li:hover a .ico .img2,.second_nav ul li.on a .ico .img2{ display:block}
.second_nav ul li .title{ margin-top:12px; line-height:1}
@media (max-width: 1680px){
	.second_nav{ margin-top:-51px; }
	.second_nav ul li a{ padding:15px 0 20px; font-size:18px}
	.second_nav ul li a .ico img{ height:40px}
	.second_nav ul li .title{ margin-top:10px; line-height:1}
}
@media (max-width: 1200px){
	.second_nav{ margin-top:-42px; }
	.second_nav ul li a{ padding:12px 0 15px; font-size:16px}
	.second_nav ul li a .ico img{ height:32px}
	.second_nav ul li .title{ margin-top:8px }
}
@media (max-width: 750px){
	.second_nav{ margin-top:0; }
	.second_nav .nr{ width:100%}
	.second_nav ul li{ width:50%!important; border-bottom:1px solid #f7f7f7}
	.second_nav ul li a{ padding:15px 0; font-size:16px}
	.second_nav ul li a .ico{ display:none}
	.second_nav ul li a .ico img{ height:32px}
	.second_nav ul li .title{ margin-top:0 }
	
	.second_nav ul li:nth-child(4n+1){ background:#f7f7f7}
	.second_nav ul li:nth-child(4n+2){ background:#fff}
	.second_nav ul li:nth-child(4n+3){ background:#fff}
	.second_nav ul li:nth-child(4n+4){ background:#f7f7f7}
	.second_nav ul li:hover,.second_nav ul li.on{ background:#0054a5!important}
	.second_nav ul li:hover a,.second_nav ul li.on a{ color:#fff!important}
	
}

/*about*/
.ab01{ padding:120px 0}
.ab01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab01 .lt{ width:595px}
.ab01 .lt .a1{ font-size:120px; color:#0054a5; line-height:0.9}
.ab01 .lt .a2{ font-size:70px; color:#0054a5; line-height:1; position:relative; padding-bottom:45px}
.ab01 .lt .a2:after{ content:""; display:block; width:50px; height:8px; background:#0054a5; position:absolute; left:0; bottom:0; }
.ab01 .lt .a3{ font-size:35px; color:#0054a5; margin-top:70px}
.ab01 .lt .a4{ font-size:40px; color:#0054a5; line-height:1.4}
.ab01 .rt{ width:840px}
.ab01 .rt .cn{ font-size:40px; color:#222222; line-height:1}
.ab01 .rt .en{ font-size:20px; color:#9fa0a0; margin-top:5px}
.ab01 .rt .intro{ margin-top:50px; font-size:20px; color:#222222; text-align:justify; line-height:1.8}
@media (max-width: 1680px){
	.ab01{ padding:100px 0}
	.ab01 .lt{ width:455px}
	.ab01 .lt .a1{ font-size:100px; }
	.ab01 .lt .a2{ font-size:60px; padding-bottom:40px}
	.ab01 .lt .a2:after{ height:6px; }
	.ab01 .lt .a3{ font-size:28px; margin-top:60px}
	.ab01 .lt .a4{ font-size:30px; }
	.ab01 .rt{ width:600px}
	.ab01 .rt .cn{ font-size:32px; }
	.ab01 .rt .en{ font-size:18px; }
	.ab01 .rt .intro{ margin-top:30px; font-size:16px;}
}
@media (max-width: 1200px){
	.ab01{ padding:60px 0}
	.ab01 .lt{ width:100%}
	.ab01 .lt .a1{ font-size:60px; }
	.ab01 .lt .a2{ font-size:40px; padding-bottom:20px}
	.ab01 .lt .a2:after{ height:4px; width:40px }
	.ab01 .lt .a3{ font-size:24px; margin-top:20px}
	.ab01 .lt .a4{ font-size:26px; }
	.ab01 .rt{ width:100%; margin-top:20px}
	.ab01 .rt .cn{ font-size:28px; }
	.ab01 .rt .en{ font-size:16px; }
	.ab01 .rt .intro{ margin-top:20px; font-size:14px;}
}
@media (max-width: 750px){
	.ab01{ padding:40px 0}
	.ab01 .lt .a1{ font-size:40px; }
	.ab01 .lt .a2{ font-size:28px; margin-top:10px; padding-bottom:16px}
	.ab01 .lt .a2:after{ height:3px; width:30px }
	.ab01 .lt .a3{ font-size:20px; margin-top:16px}
	.ab01 .lt .a4{ font-size:20px; }
	.ab01 .rt{ width:100%; margin-top:20px}
	.ab01 .rt .cn{ font-size:20px; }
	.ab01 .rt .en{ font-size:14px; }
	.ab01 .rt .intro{ margin-top:20px; font-size:14px;}
}


.ab02{ width:100%; position:relative; background:#f7f8f8}
.ab02 .lt{ width:45.7%; overflow:hidden; position:relative}
.ab02 .lt .play{ width:100%;  overflow:hidden; position:relative;}
.ab02 .lt .play 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;}
.ab02 .lt .play: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);}
.ab02 .lt .play i{ background:url(g_24.png) center center no-repeat; background-size:cover; width:70px; height:70px; display:block; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px; z-index:32; cursor:pointer}
.ab02 .rt{ width:840px; position:absolute; right:50%; margin-right:-840px; top:50%; transform:translateY(-50%); display:flex;justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ab02 .rt .item .p1{ display:flex; flex-wrap: wrap;align-items: flex-start; line-height:1}
.ab02 .rt .item .p1 .a1{ color:#0054a5; font-size:80px}
.ab02 .rt .item .p1 .a2{ font-size:36px; color:#33bac7}
.ab02 .rt .item .p2{ font-size:22px; color:#222222}
.ab02 .rt .item2{ width:2px; height:140px; background:#ebebeb}
.ab02 .rt .item2:last-child{ display:none}
@media (max-width: 1680px){
	.ab02 .lt .play i{  width:60px; height:60px; margin:-30px 0 0 -30px; }
	.ab02 .rt{ width:600px; margin-right:-600px;}
	.ab02 .rt .item .p1 .a1{ font-size:62px}
	.ab02 .rt .item .p1 .a2{ font-size:30px; }
	.ab02 .rt .item .p2{ font-size:20px; }
	.ab02 .rt .item2{ width:2px; height:100px; }
}
@media (max-width: 1200px){
	.ab02 .lt{ width:100%}
	.ab02 .lt .play i{  width:50px; height:50px; margin:-25px 0 0 -25px; }
	.ab02 .rt{ width:100%; position:relative; top:auto; transform:translateY(0); margin-right:0; right:auto; box-sizing:border-box; padding:20px 4%}
	.ab02 .rt .item .p1 .a1{ font-size:50px}
	.ab02 .rt .item .p1 .a2{ font-size:26px; }
	.ab02 .rt .item .p2{ font-size:18px; }
	.ab02 .rt .item2{ width:2px; height:80px; }
}
@media (max-width: 750px){
	.ab02 .lt{ width:100%}
	.ab02 .lt .play i{  width:40px; height:40px; margin:-20px 0 0 -20px; }
	.ab02 .rt .item .p1 .a1{ font-size:36px}
	.ab02 .rt .item .p1 .a2{ font-size:20px; }
	.ab02 .rt .item .p2{ font-size:14px; }
	.ab02 .rt .item2{ width:1px; height:60px; }
}

.ab03{ width:100%; position:relative; overflow:hidden}
.ab03 .bj{ width:100%}
.ab03 .bj img{ width:100%}
.ab03 .ihd{ width:100%; position:absolute; left:0; top:12%; z-index:3}
.ihd .en{ font-size:20px; color:#fff; text-transform:uppercase; line-height:1; text-align:center}
.ihd .cn{ font-size:50px; color:#fff; line-height:1; text-align:center; margin-top:15px}
.ab03 .ibd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.ab03 .ibd .tab03{ width:100%; height:100%}
.ab03 .ibd .hd{ position:absolute; left:0; bottom:8%; z-index:2; width:100%}
.ab03 .ibd .hd ul{ display:flex; align-items: center; justify-content: center;}
.ab03 .ibd .hd ul li{ display:flex; align-items: center; justify-content: center; padding:15px; width:fit-content; background:rgba(255,255,255,0.1); border-radius:80px; cursor:pointer;transform: scale(0.7);}
.ab03 .ibd .hd ul li .title{ font-size:40px; color:#fff; padding-left:40px; margin-right:60px}
.ab03 .ibd .hd ul li .ico{ width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,0.2);display:flex; align-items: center; justify-content: center;}
.ab03 .ibd .hd ul li .ico i{ display:flex; align-items: center; justify-content: center; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,0.4)}
.ab03 .ibd .hd ul li.on .title{ }
.ab03 .ibd .hd ul li.on .ico{ }
.ab03 .ibd .hd ul li.on{ background:#0054a5}
.ab03 .ibd .bd{ width:100%; overflow:hidden; height:100%!important}
.ab03 .ibd .bd .con{ width:100%; overflow:hidden; position:relative; height:100%}
.ab03 .ibd .bd .con .pic{ width:100%; overflow:hidden; height:100%}
.ab03 .ibd .bd .con .pic img{ width:100%; height:100%}
.ab03 .ibd .bd .con .pic .img1{ display:block}
.ab03 .ibd .bd .con .pic .img2{ display:none}
.ab03 .ibd .bd .con .intro{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; text-align:center; font-size:40px; line-height:1.5}
@media (max-width: 1680px){
	.ihd .en{ font-size:18px;}
	.ihd .cn{ font-size:42px;}
	.ab03 .ibd .hd{  bottom:6%; }
	.ab03 .ibd .hd ul li{ margin:0 5px; }
	.ab03 .ibd .hd ul li .title{ font-size:30px; padding-left:32px; margin-right:40px}
	.ab03 .ibd .hd ul li .ico{ width:80px; height:80px;}
	.ab03 .ibd .hd ul li .ico i{ width:60px; height:60px;}
	.ab03 .ibd .hd ul li .ico i img{ height:40px}
	.ab03 .ibd .bd .con .intro{ font-size:30px; }
}
@media (max-width: 1200px){
	.ab03 .ihd{ top:8%}
	.ihd .en{ font-size:16px;}
	.ihd .cn{ font-size:32px;}
	.ab03 .ibd .hd{ bottom:8%}
	.ab03 .ibd .hd ul li{ margin:0 5px; padding:10px; transform: scale(1);}
	.ab03 .ibd .hd ul li .title{ font-size:20px; padding-left:20px; margin-right:20px}
	.ab03 .ibd .hd ul li .ico{ width:60px; height:60px;}
	.ab03 .ibd .hd ul li .ico i{ width:50px; height:50px;}
	.ab03 .ibd .hd ul li .ico i img{ height:30px}
	.ab03 .ibd .bd .con .intro{ font-size:20px; }
}
@media (max-width: 750px){
	.ab03 .ihd{ top:0; position:relative; margin-top:40px; margin-bottom:20px;}
	.ihd .en{ font-size:14px; color:#0054a5}
	.ihd .cn{ font-size:20px; color:#0054a5; margin-top:8px}
	.ab03 .ibd .hd{ bottom:0; position:relative}
	.ab03 .ibd .hd ul li{ margin:0 10px; padding:0; background:none; transform:scale(1); padding:3px 10px; }
	.ab03 .ibd .hd ul li .title{ font-size:16px; padding-left:0; margin-right:0; color:#333}
	.ab03 .ibd .hd ul li .ico{ display:none}
	.ab03 .ibd .bd{ margin-top:10px}
	.ab03 .ibd .bd .con .intro{ font-size:14px; }
	.ab03 .ibd .hd ul li.on .title{ color:#fff}
	.ab03 .ibd{ position:relative}
	.ab03 .bj{ display:none}
	.ab03 .ibd .bd{ width:100%; padding-bottom:80%}
	.ab03 .ibd .bd .con .pic .img2{ display:block}
	.ab03 .ibd .bd .con .pic .img1{ display:none}
	
}



.ab04{ background:url(g_32.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.ab04 .ihd .cn{ color:#0054a5}
.ab04 .ihd .en{ color:#0054a5}
.ab04 .ibd{ margin-top:60px}
.ab04 .ibd .tab04 .hd ul{ width:fit-content; margin:0 auto; display:flex; align-items: center; justify-content: center; overflow:hidden; }
.ab04 .ibd .tab04 .hd ul li{ padding:12px 50px; border-radius:30px; font-size:24px; color:#222222; width:fit-content; cursor:pointer; background:#fff; margin:0 15px}
.ab04 .ibd .tab04 .hd ul li.on{ background:#0054a5; color:#fff}
.ab04 .ibd .tab04 .bd{ margin-top:65px}
.ab04 .ibd .tab04 .bd .swiper04{ width:100%; overflow:hidden;}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide{ width:23.875%; overflow:hidden; margin-right:1.5%}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide a{ display:block; width:100%; box-sizing:border-box; padding:30px 18px 0; background:#fff}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide:last-child{ margin-right:0}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; padding-bottom:68%; position:relative}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .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; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide:hover .pic img{transform:scale(1.3);    -webkit-transform:scale(1.3);    -moz-transform:scale(1.3);    -o-transform:scale(1.3);    -ms-transform:scale(1.3);}
.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .title{ width:100%; box-sizing:border-box; height:100px; display:flex; align-items: center; font-size:20px; color:#222222; text-align:center;justify-content: center;}
.ab04 .ibd .tab04 .bd .swiper04.swiper042 .swiper-slide .pic{ text-align:center;}
.ab04 .ibd .tab04 .bd .swiper04.swiper042 .swiper-slide .pic img{ height:100%; width:auto; left:50%; transform:translateX(-50%)}



.ab04 .ibd .tab04 .bd .swiper04 .btn{ display:flex; align-items: center; justify-content: center; margin-top:60px}
.ab04 .ibd .tab04 .bd .swiper04 .btn .prev04{ background:url(g_34.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px}
.ab04 .ibd .tab04 .bd .swiper04 .btn .next04{ background:url(g_34.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px; transform:rotate(180deg) }
.ab04 .ibd .tab04 .bd .swiper04 .btn .prev04:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.ab04 .ibd .tab04 .bd .swiper04 .btn .next04:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(0)}

@media all and (max-width:1600px){
	.ab04{ padding:80px 0}
	.ab04 .ibd{ margin-top:40px}
	.ab04 .ibd .tab04 .hd ul li{ padding:10px 40px; font-size:20px;}
	.ab04 .ibd .tab04 .bd{ margin-top:40px}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide a{ padding:15px 15px 0}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .title{ height:80px; font-size:16px;}
	.ab04 .ibd .tab04 .bd .swiper04 .btn{ margin-top:30px}
	.ab04 .ibd .tab04 .bd .swiper04 .btn .prev04{ width:42px; height:42px; }
	.ab04 .ibd .tab04 .bd .swiper04 .btn .next04{ width:42px; height:42px; }
}
@media all and (max-width:1200px){
	.ab04{ padding:60px 0}
	.ab04 .ibd{ margin-top:30px}
	.ab04 .ibd .tab04 .hd ul li{ padding:10px 30px; font-size:18px;}
	.ab04 .ibd .tab04 .bd{ margin-top:30px}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide{ width:32%; margin-right:2%}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide a{ padding:12px 12px 0}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .title{ height:60px; font-size:14px;}
	.ab04 .ibd .tab04 .bd .swiper04 .btn{ margin-top:25px}
	.ab04 .ibd .tab04 .bd .swiper04 .btn .prev04{ width:36px; height:36px; }
	.ab04 .ibd .tab04 .bd .swiper04 .btn .next04{ width:36px; height:36px; }
}
@media all and (max-width:750px){
	.ab04{ padding:40px 0}
	.ab04 .ibd{ margin-top:20px}
	.ab04 .ibd .tab04 .hd ul li{ padding:8px 18px; font-size:14px; margin:0 5px}
	.ab04 .ibd .tab04 .bd{ margin-top:20px}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide{ width:49%; margin-right:2%}
	.ab04 .ibd .tab04 .bd .swiper04 .swiper-slide .title{ height:50px; font-size:14px;}
	
	.ab04 .ibd .tab04 .bd .swiper04 .btn{ margin-top:20px}
	.ab04 .ibd .tab04 .bd .swiper04 .btn .prev04{ width:32px; height:32px; }
	.ab04 .ibd .tab04 .bd .swiper04 .btn .next04{ width:32px; height:32px; }
}
.axcont{ width:100%; position:relative; z-index:2}
.axcont .swiper051{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1}
.axcont .swiper051 .swiper-slide{ width:100%; height:100%}
.axcont .swiper051 .swiper-slide img{ width:100%; height:100%; object-fit:cover} 
.ab05{  padding:110px 0; position:relative; z-index:2}
.ab05 .ihd{ text-align:center}
.ab05 .ibd{ margin:150px 0}
.ab05 .ibd .content{ width:720px; margin:0 auto; position:relative}
.ab05 .ibd .content .swiper05{ width:100%; display:flex}
.ab05 .ibd .content .swiper05 .swiper-slide{ width:100%; text-align:center; display:flex; height:auto}
.ab05 .ibd .content .swiper05 .swiper-slide .cont{ width:100%; text-align:center; color:#fff; height:280px}
.ab05 .ibd .content .swiper05 .swiper-slide .cont .title{ font-size:150px; line-height:1; opacity:0.5; padding-top:65px}
.ab05 .ibd .content .swiper05 .swiper-slide .cont .intro{ font-size:24px; line-height:1.6; margin-top:50px; display:none}
.ab05 .ibd .content .swiper05 .swiper-slide.swiper-slide-active .cont .intro{ display:block}
.ab05 .ibd .content .swiper05 .swiper-slide.swiper-slide-active .cont .title{ opacity:1; padding-top:0}
.ab05 .ibd .content .prev05{ background:url(g_37.png) center center no-repeat; background-size:cover; width:50px; height:50px; left:-50px; top:100px; z-index:2; cursor:pointer; position:absolute}
.ab05 .ibd .content .prev05:hover{ background:url(g_38.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.ab05 .ibd .content .prev05:after{ content:""; display:block; width:90px; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:-120px; top:50%}
.ab05 .ibd .content .prev05:before{ content:""; display:block; width:90px; height:1px; background:rgba(255,255,255,0.2); position:absolute; right:-120px; top:50%}
.ab05 .ibd .content .next05{ background:url(g_37.png) center center no-repeat; background-size:cover; width:50px; height:50px; right:-50px; top:100px; z-index:2; cursor:pointer; position:absolute; transform:rotate(180deg)}
.ab05 .ibd .content .next05:hover{ background:url(g_38.png) center center no-repeat; background-size:cover; transform:rotate(0)}
.ab05 .ibd .content .next05:after{ content:""; display:block; width:90px; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:-120px; top:50%}
.ab05 .ibd .content .next05:before{ content:""; display:block; width:90px; height:1px; background:rgba(255,255,255,0.2); position:absolute; right:-120px; top:50%}
@media all and (max-width:1680px){
	.ab05{ padding:90px 0; }
	.ab05 .ibd{ margin:100px 0}
	.ab05 .ibd .content{ width:520px; }
	.ab05 .ibd .content .swiper05 .swiper-slide .cont{ height:220px}
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .title{ font-size:100px; padding-top:55px}
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .intro{ font-size:20px;  margin-top:40px; }
	.ab05 .ibd .content .prev05{ width:42px; height:42px; left:-42px; top:80px; }
	.ab05 .ibd .content .prev05:after{ width:70px; left:-100px; }
	.ab05 .ibd .content .prev05:before{ width:70px; right:-100px; }
	.ab05 .ibd .content .next05{  width:42px; height:42px; right:-42px; top:80px; }
	.ab05 .ibd .content .next05:after{ width:70px; left:-100px; }
	.ab05 .ibd .content .next05:before{ width:70px; right:-100px; }
}
@media all and (max-width:1200px){
	.ab05{ padding:60px 0; }
	.ab05 .ibd{ margin:60px 0}
	.ab05 .ibd .content{ width:100%; }
	.ab05 .ibd .content .swiper05 .swiper-slide .cont{ height:120px}
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .title{ font-size:80px; padding-top:0}
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .intro{ font-size:18px;  margin-top:30px; }
	.ab05 .ibd .content .prev05{ width:40px; height:40px; left:0; top:80px; }
	.ab05 .ibd .content .prev05:after{ width:0; left:-100px; }
	.ab05 .ibd .content .prev05:before{ width:0; right:-100px; }
	.ab05 .ibd .content .next05{  width:40px; height:40px; right:0; top:80px; }
	.ab05 .ibd .content .next05:after{ width:0; left:-100px; }
	.ab05 .ibd .content .next05:before{ width:0; right:-100px; }
}
@media all and (max-width:750px){
	.ab05{ padding:40px 0; }
	.ab05 .ihd .en{ color:#fff}
	.ab05 .ihd .cn{ color:#fff}
	.ab05 .ibd{ margin:40px 0}
	.ab05 .ibd .content{ width:100%; }
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .title{ font-size:50px; padding-top:0}
	.ab05 .ibd .content .swiper05 .swiper-slide .cont .intro{ font-size:14px;  margin-top:20px; }
	.ab05 .ibd .content .prev05{ width:32px; height:32px; left:0; top:60px; }
	.ab05 .ibd .content .prev05:after{ width:0; left:-100px; }
	.ab05 .ibd .content .prev05:before{ width:0; right:-100px; }
	.ab05 .ibd .content .next05{  width:32px; height:32px; right:0; top:60px; }
	.ab05 .ibd .content .next05:after{ width:0; left:-100px; }
	.ab05 .ibd .content .next05:before{ width:0; right:-100px; }
}

.ab06{ padding:110px 0}
.ab06 .ihd .en{ color:#0054a5}
.ab06 .ihd .cn{ color:#0054a5}
.ab06 .ibd{ width:100%; margin-top:55px; overflow:hidden}
.ab06 .ibd .swiper06{ width:100%; overflow:hidden}
.ab06 .ibd .swiper06 .swiper-slide{ overflow:hidden}
.ab06 .ibd .swiper06 .swiper-slide .pic{ width:100%; overflow:hidden}
.ab06 .ibd .swiper06 .swiper-slide .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;}
.ab06 .ibd .swiper06 .swiper-slide .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);}
.ab06 .ibd .swiper06 .btn{ width:fit-content; margin:0 auto; display:flex; margin-top:50px}
.ab06 .ibd .swiper06 .btn .prev06{ background:url(g_41.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px}
.ab06 .ibd .swiper06 .btn .next06{ background:url(g_41.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px; transform:rotate(180deg)}
.ab06 .ibd .swiper06 .btn .prev06:hover{ background:url(g_42.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.ab06 .ibd .swiper06 .btn .next06:hover{ background:url(g_42.png) center center no-repeat; background-size:cover;  transform:rotate(0)}
@media all and (max-width:1680px){
	.ab06{ padding:80px 0}
	.ab06 .ibd{ margin-top:45px;}
	.ab06 .ibd .swiper06 .btn{ margin-top:30px}
	.ab06 .ibd .swiper06 .btn .prev06{ width:40px; height:40px; }
	.ab06 .ibd .swiper06 .btn .next06{ width:40px; height:40px; }
}
@media all and (max-width:1200px){
	.ab06{ padding:60px 0}
	.ab06 .ibd{ margin-top:30px;}
	.ab06 .ibd .swiper06 .btn{ margin-top:25px}
	.ab06 .ibd .swiper06 .btn .prev06{ width:32px; height:32px; }
	.ab06 .ibd .swiper06 .btn .next06{ width:32px; height:32px; }
}
@media all and (max-width:750px){
	.ab06{ padding:40px 0}
	.ab06 .ibd{ margin-top:20px;}
	.ab06 .ibd .swiper06 .btn{ margin-top:20px}
	.ab06 .ibd .swiper06 .btn .prev06{ width:30px; height:30px; }
	.ab06 .ibd .swiper06 .btn .next06{ width:30px; height:30px; }
}


.ab07{ padding:110px 0; background:#f9fafa}
.ab07 .ihd .en{ color:#0054a5}
.ab07 .ihd .cn{ color:#0054a5}
.ab07 .ibd{ width:100%; margin-top:80px; overflow:hidden}
.ab07 .ibd .swiper07{ width:100%; overflow:hidden}
.ab07 .ibd .swiper07 .swiper-slide{ overflow:hidden}
.ab07 .ibd .swiper07 .swiper-slide .pic{ width:100%; overflow:hidden}
.ab07 .ibd .swiper07 .swiper-slide .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;}
.ab07 .ibd .swiper07 .swiper-slide .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);}
.ab07 .ibd .swiper07 .pagination07{ width:100%; text-align:center; font-size:0; margin-top:80px;}
.ab07 .ibd .swiper07 .pagination07 span{ width:28px; height:5px; background:#efefef; opacity:1; border-radius:0; margin:0 3px}
.ab07 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{ background:#0054a5; width:40px}
@media all and (max-width:1680px){
	.ab07{ padding:80px 0}
	.ab07 .ibd{ margin-top:60px;}
	.ab07 .ibd .swiper07 .pagination07{ margin-top:60px;}
}
@media all and (max-width:1200px){
	.ab07{ padding:60px 0}
	.ab07 .ibd{ margin-top:30px;}
	.ab07 .ibd .swiper07 .pagination07{ margin-top:30px;}
	.ab07 .ibd .swiper07 .pagination07 span{ width:20px; height:4px;}
	.ab07 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{ width:30px}
}
@media all and (max-width:750px){
	.ab07{ padding:40px 0}
	.ab07 .ibd{ margin-top:20px;}
	.ab07 .ibd .swiper07 .pagination07{ margin-top:20px;}
}

/*case*/
.case{ width:100%}
.case01{ padding:110px 0}
.case01 .nr{ display:flex ; justify-content: space-between; flex-wrap: wrap;}
.case01 .nr .lt .en{ font-size:40px; color:#0054a5; line-height:1}
.case01 .nr .lt .cn{ font-size:50px; color:#0054a5; line-height:1; margin-top:15px}
.case01 .nr .rt{ width:50%; font-size:22px; color:#222222; line-height:1.8}
@media all and (max-width:1680px){
	.case01{ padding:90px 0}
	.case01 .nr .lt .en{ font-size:30px; }
	.case01 .nr .lt .cn{ font-size:40px; }
	.case01 .nr .rt{ font-size:16px; }
}
@media all and (max-width:1200px){
	.case01{ padding:60px 0}
	.case01 .nr .lt .en{ font-size:20px; }
	.case01 .nr .lt .cn{ font-size:32px; }
	.case01 .nr .rt{ font-size:14px }
}
@media all and (max-width:750px){
	.case01{ padding:40px 0}
	.case01 .nr .lt .en{ font-size:16px; }
	.case01 .nr .lt .cn{ font-size:24px; }
	.case01 .nr .rt{ font-size:14px; width:100%; margin-top:20px }
}

.case02{ width:100%; position:relative}
.case02 .bj{ width:100%; overflow:hidden}
.case02 .bj img{ width:100%}
.case02 .bj .img1{ display:block}
.case02 .bj .img2{ display:none}
.case02 .ihd{ width:100%; position:absolute; left:0; top:15%; z-index:10}
.case02 .ihd .cn,.case02 .ihd .en{ color:#fff!important}
.case02 .ibd{ width:100%; overflow:hidden; position:absolute; left:0; top:0; height:100%; z-index:9}
.case02 .ibd .tab02{ width:100%; position:relative;height:100%; }
.case02 .ibd .tab02 .bd{ width:100%; position:relative;height:100%!important; }
.case02 .ibd .tab02 .bd .con{ width:100%}
.case02 .ibd .tab02 .bd .con .pic{ width:100%}
.case02 .ibd .tab02 .bd .con .pic img{ width:100%}
.case02 .ibd .tab02 .bd .con .pic .img1{ display:block}
.case02 .ibd .tab02 .bd .con .pic .img2{ display:none}
.case02 .ibd .tab02 .hd{ position:absolute; left:0; bottom:15%; width:100%}
.case02 .ibd .tab02 .hd ul{ display:flex}
.case02 .ibd .tab02 .hd ul li{ text-align:center; margin-right:200px; position:relative; cursor:pointer}
.case02 .ibd .tab02 .hd ul li .ico img{ height:50px}
.case02 .ibd .tab02 .hd ul li .title{ font-size:24px; color:#fff; margin-top:16px}
.case02 .ibd .tab02 .hd ul li:after{ content:""; display:block; width:2px; height:100%; background:rgba(255,255,255,0.2); position:absolute; right:-100px; top:0}
.case02 .ibd .tab02 .hd ul li:last-child{ margin-right:0}
.case02 .ibd .tab02 .hd ul li:last-child:after{ width:0}
@media all and (max-width:1680px){
	.case02 .ibd .tab02 .hd ul li{ margin-right:160px; }
	.case02 .ibd .tab02 .hd ul li .ico img{ height:40px}
	.case02 .ibd .tab02 .hd ul li .title{ font-size:20px; }
	.case02 .ibd .tab02 .hd ul li:after{ right:-80px; }
}
@media all and (max-width:1200px){
	.case02 .ibd .tab02 .hd ul li{ margin-right:100px; }
	.case02 .ibd .tab02 .hd ul li .ico img{ height:30px}
	.case02 .ibd .tab02 .hd ul li .title{ font-size:16px; }
	.case02 .ibd .tab02 .hd ul li:after{ right:-50px; }
}
@media all and (max-width:750px){
	.case02 .ibd .tab02 .bd .con .pic .img2{ display:block}
	.case02 .ibd .tab02 .bd .con .pic .img1{ display:none}
	.case02 .ibd .tab02 .hd ul li{ margin-right:60px; }
	.case02 .ibd .tab02 .hd ul li .ico img{ height:30px}
	.case02 .ibd .tab02 .hd ul li .title{ font-size:16px; margin-top:12px; line-height:1 }
	.case02 .ibd .tab02 .hd ul li:after{ right:-30px; }
	.case02 .bj .img2{ display:block}
	.case02 .bj .img1{ display:none}
}



.case03{ padding:110px 0}

.case .ihd .en,.case .ihd .cn{ color:#0054a5; text-align:left}

.case03 .ihd .en,.case03 .ihd .cn{ text-align:center}


.case03 .ibd{ margin-top:80px; display:flex;justify-content: space-between;flex-wrap: wrap;}
.case03 .ibd .item{ width:440px; text-align:center}
.case03 .ibd .item .ico img{ height:186px;}
.case03 .ibd .item:hover .ico img{ transform:rotateY(360deg); transition:all 0.5s}
.case03 .ibd .item .title{ font-size:32px; color:#0054a5; font-weight:bold; line-height:1; margin-top:70px}
.case03 .ibd .item .intro{ font-size:20px; color:#222222; line-height:1.8; margin-top:20px}
@media all and (max-width:1680px){
	.case03{ padding:90px 0}
	.case03 .ibd{ margin-top:60px; }
	.case03 .ibd .item{ width:360px;}
	.case03 .ibd .item .ico img{ height:150px;}
	.case03 .ibd .item .title{ font-size:28px; margin-top:50px}
	.case03 .ibd .item .intro{ font-size:16px; margin-top:20px}
}
@media all and (max-width:1200px){
	.case03{ padding:60px 0}
	.case03 .ibd{ margin-top:40px; }
	.case03 .ibd .item{ width:31%;}
	.case03 .ibd .item .ico img{ height:120px;}
	.case03 .ibd .item .title{ font-size:24px; margin-top:30px}
	.case03 .ibd .item .intro{ font-size:14px; margin-top:16px}
}
@media all and (max-width:750px){
	.case03{ padding:40px 0}
	.case03 .ibd{ margin-top:0; }
	.case03 .ibd .item{ width:100%; margin-top:25px}
	.case03 .ibd .item .ico img{ height:120px;}
	.case03 .ibd .item .title{ font-size:20px; margin-top:20px}
	.case03 .ibd .item .intro{ font-size:14px; margin-top:12px}
}

.case04{ background:#f7f9fa; padding:110px 0}
.case04 .ihd .en,.case04 .ihd .cn{ text-align:center}
.case04 .ibd{  margin-top:70px;}
.case04 .ibd .swiper04{ width:100%; overflow:hidden}
.case04 .ibd .swiper04 .pagination04{ text-align:center}
.case04 .ibd .swiper04 .pagination04 span{ width:16px; height:16px; margin:0 8px}
.case04 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet{ background:#0054a5}
.case04 .ibd .swiper-slide{ display:flex; flex-wrap: wrap; width:100%; overflow:hidden}
.case04 .ibd .item{ width:31.6%; margin-right:2.6%; margin-bottom:2.6%; background:#fff; height:auto}
.case04 .ibd .item:nth-child(3n){ margin-right:0}
.case04 .ibd .item a{display:flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; width:100%; box-sizing:border-box; padding:30px; position:relative }
.case04 .ibd .item a .lt{ width:240px}
.case04 .ibd .item a .lt .title{ font-size:35px; color:#0054a5}
.case04 .ibd .item a .lt .bq{ font-size:25px; color:#b5b5b6}
.case04 .ibd .item a .lt .mores{ display:flex; align-items: center; justify-content: center; width:140px; height:42px; box-sizing:border-box; border:1px solid #b5b5b6; border-radius:30px; font-size:14px; color:#b5b5b6; transition:all 0.5s; position:absolute; left:30px; bottom:30px; overflow:hidden; z-index:2} 
.case04 .ibd .item a .lt .mores:after{ content:""; display:block; width:0%; height:100%; background:#0054a5; position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s}
.case04 .ibd .item:hover a .lt .mores:after{ width:100%;}

.case04 .ibd .item:hover a .lt .mores{ color:#fff; border-color:#0054a5}
.case04 .ibd .item a .pic{ width:223px; padding:40px 0}
.case04 .ibd .item a .pic img{ width:100%}
.case04 .ibd .item:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15)}
@media all and (max-width:1680px){
	.case04{ padding:90px 0}
	.case04 .ibd{ margin-top:50px;}
	.case04 .ibd .item a{ padding:20px }
	.case04 .ibd .item a .lt{ width:160px}
	.case04 .ibd .item a .lt .title{ font-size:24px; }
	.case04 .ibd .item a .lt .bq{ font-size:20px }
	.case04 .ibd .item a .lt .mores{ width:120px; height:36px; font-size:12px; left:20px; bottom:20px } 
	.case04 .ibd .item a .pic{ width:160px; padding:30px 0}
	.case04 .ibd .swiper04 .pagination04 span{ width:12px; height:12px; margin:0 6px}

}
@media all and (max-width:1200px){
	.case04{ padding:60px 0}
	.case04 .ibd{ margin-top:40px;}
	.case04 .ibd .item a{ padding:20px }
	.case04 .ibd .item a .lt{ width:100%}
	.case04 .ibd .item a .lt .title{ font-size:20px; margin-top:15px }
	.case04 .ibd .item a .lt .bq{ font-size:16px }
	.case04 .ibd .item a .lt .mores{ margin-top:30px; width:100px; height:32px; font-size:12px; } 
	.case04 .ibd .item a .pic{ width:100%; margin-top:0; text-align:center}
	.case04 .ibd .item a .pic img{ width:auto; height:212px}
	
	.case04 .ibd .swiper04 .pagination04 span{ width:10px; height:10px; margin:0 5px}
}
@media all and (max-width:750px){
	.case04{ padding:40px 0}
	.case04 .ibd{ margin-top:20px;}
	.case04 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%; position:relative}
	.case04 .ibd .item:nth-child(3n){ margin-right:3%}
	.case04 .ibd .item:nth-child(2n){ margin-right:0}
	.case04 .ibd .item a{ padding:15px 15px 60px; position:initial  }
	.case04 .ibd .item a .lt{ width:100%}
	.case04 .ibd .item a .lt .title{ font-size:13px; margin-top:15px }
	.case04 .ibd .item a .lt .bq{ font-size:12px; margin-top:5px }
	.case04 .ibd .item a .lt .mores{ width:100px; height:32px; font-size:12px; left:15px; bottom:15px } 
	.case04 .ibd .item a .pic{ width:100%; padding:0 0 0; text-align:center}
	.case04 .ibd .item a .pic img{ width:auto; height:100px}
}



/*contact01*/
.contact01{ padding:110px 0}
.contact01 .rt{ width:1100px; float:right}
.contact01 .rt img{ width:100%}
.contact01 .lt{ float:left}
.contact01 .lt .title{ font-size:50px; color:#0054a5; line-height:1}
.contact01 .lt .intro{ padding-top:30px}
.contact01 .lt .intro .item{ display:flex; align-items: center; margin-top:20px; line-height:1}
.contact01 .lt .intro .item .a1{ font-size:20px; color:#000000}
.contact01 .lt .intro .item .a2{ font-size:20px; color:#000000}
.contact01 .lt .intro .item:nth-child(1) .a2{ font-size:35px; color:#222222}
.contact01 .lt .lx{ margin-top:50px; display:flex; align-items:flex-end}
.contact01 .lt .lx .ewm{ width:154px; margin-right:40px}
.contact01 .lt .lx .ewm img{ width:100%}
.contact01 .lt .lx .item{ margin-right:20px; position:relative}
.contact01 .lt .lx .item .ico img{ height:51px}
.contact01 .lt .lx .item .pic{ position:absolute; left:calc(50% - 60px); bottom:105%; z-index:2; width:120px; display:none; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.contact01 .lt .lx .item .pic img{ width:100%}
.contact01 .lt .lx .item:hover .pic{ display:block}
@media all and (max-width:1680px){
	.contact01{ padding:90px 0}
	.contact01 .rt{ width:760px; }
	.contact01 .lt .title{ font-size:36px; }
	.contact01 .lt .intro{ padding-top:20px}
	.contact01 .lt .intro .item{ margin-top:12px; }
	.contact01 .lt .intro .item .a1{ font-size:16px; }
	.contact01 .lt .intro .item .a2{ font-size:16px; }
	.contact01 .lt .intro .item:nth-child(1) .a2{ font-size:28px; }
	.contact01 .lt .lx{ margin-top:30px; }
	.contact01 .lt .lx .ewm{ width:120px; margin-right:20px}
	.contact01 .lt .lx .ewm img{ width:100%}
	.contact01 .lt .lx .item{ margin-right:20px; position:relative}
	.contact01 .lt .lx .item .ico img{ height:42px}
	.contact01 .lt .lx .item .pic{ position:absolute; left:calc(50% - 60px); bottom:105%; z-index:2; width:120px; display:none; box-shadow:0 0 5px rgba(0,0,0,0.1)}
	.contact01 .lt .lx .item .pic img{ width:100%}
	.contact01 .lt .lx .item:hover .pic{ display:block}
}
@media all and (max-width:1200px){
	.contact01{ padding:60px 0}
	.contact01 .rt{ width:100%; margin-top:20px }
	.contact01 .lt{ width:100%}
	.contact01 .lt .title{ font-size:28px; }
	.contact01 .lt .intro{ padding-top:10px}
	.contact01 .lt .intro .item{ margin-top:10px; }
	.contact01 .lt .intro .item .a1{ font-size:14px; }
	.contact01 .lt .intro .item .a2{ font-size:14px; }
	.contact01 .lt .intro .item:nth-child(1) .a2{ font-size:24px; }
	.contact01 .lt .lx{ margin-top:20px; }
	.contact01 .lt .lx .ewm{ width:100px; margin-right:10px}
	.contact01 .lt .lx .ewm img{ width:100%}
	.contact01 .lt .lx .item{ margin-right:20px; position:relative}
	.contact01 .lt .lx .item .ico img{ height:32px}
	.contact01 .lt .lx .item .pic{ width:100px; left:calc(50% - 50px)}
}
@media all and (max-width:750px){
	.contact01{ padding:40px 0}
	.contact01 .lt .title{ font-size:20px; }
}

.contact02{ width:100%; background:#f7f8f8; padding:110px 0}
.contact02 .hd{ text-align:center; font-size:50px; color:#0054a5; line-height:1}
.contact02 .ibd{ margin-top:60px}
.contact02 .ibd form{display:flex; flex-wrap: wrap;}
.contact02 .ibd .item{ width:48%; margin-right:4%; margin-bottom:3%}
.contact02 .ibd .item:nth-child(2n){ margin-right:0}
.contact02 .ibd .title{ font-size:22px; color:#000000; line-height:1; margin-bottom:20px}
.contact02 .ibd .inp1{ display:block; width:100%; height:80px; color:#333; border:1px solid #b5b5b6; box-sizing:border-box; padding:0 20px; font-size:18px}
.contact02 .ibd .item2{ width:100%; margin-bottom:3%}
.contact02 .ibd .item2 .inp1{ height:120px; line-height:40px; padding:20px}
.contact02 .ibd .item3{ width:100%; display:flex; align-items: center; justify-content: center;}
.contact02 .ibd .item3 .inp1{ width:180px; height:60px; border:0; background:#0054a5; border-radius:40px; color:#fff; margin:0 20px; font-size:22px;}
.contact02 .ibd .item3 .inp2{ width:180px; height:60px; border:0; background:#b5b5b6; border-radius:40px; color:#fff; margin:0 20px; font-size:22px;}
@media all and (max-width:1680px){
	.contact02{ padding:90px 0}
	.contact02 .hd{ font-size:36px; }
	.contact02 .ibd{ margin-top:40px}
	.contact02 .ibd .title{ font-size:18px; margin-bottom:15px}
	.contact02 .ibd .inp1{ height:60px; font-size:14px}
	.contact02 .ibd .item2 .inp1{ height:100px; line-height:30px; padding:20px}
	.contact02 .ibd .item3 .inp1{ width:150px; height:50px; font-size:18px;}
	.contact02 .ibd .item3 .inp2{ width:150px; height:50px; font-size:18px;}
}
@media all and (max-width:1200px){
	.contact02{ padding:60px 0}
	.contact02 .hd{ font-size:28px; }
	.contact02 .ibd{ margin-top:30px}
	.contact02 .ibd .title{ font-size:16px; margin-bottom:12px}
	.contact02 .ibd .inp1{ height:40px; font-size:12px; padding:0 15px}
	.contact02 .ibd .item2 .inp1{ height:100px; line-height:30px; padding:15px}
	.contact02 .ibd .item3 .inp1{ width:120px; height:40px; font-size:14px;}
	.contact02 .ibd .item3 .inp2{ width:120px; height:40px; font-size:14px;}
}
@media all and (max-width:1200px){
	.contact02{ padding:40px 0}
	.contact02 .hd{ font-size:20px; line-height:1.2 }
	.contact02 .ibd{ margin-top:30px}
	.contact02 .ibd .item{ margin-bottom:20px}
	.contact02 .ibd .item2{ margin-bottom:20px}
}

.contact03{ background:#fff}


.gzArea02 { margin-top:60px; }
.gzArea02 ul li .txt01 { line-height:100px; font-size:24px; padding:0 25px; }
.gzArea02 ul li .txt01 .p1 { float:left; width:400px; }
.gzArea02 ul li .txt01 .p2 { float:left; width:260px; }
.gzArea02 ul li .txt01 .p3 { float:left; width:260px;  }
.gzArea02 ul li .txt01 .p4 { float:left; width:400px;  }
.gzArea02 ul li .txt01 .p5 { float:left; width:250px;  }
.gzArea02 ul li .txt02 { padding:30px 25px; font-size:18px; color:#333; line-height:2.5; background:#ededed; display:none; }
.gzArea02 ul.ul01 li .txt01 { background:#0054a5; color:#fff; }
.gzArea02 ul.ul02 li { }
.gzArea02 ul.ul02 li .txt01 { border-bottom:1px solid #d8d8d8; color:#333; cursor:pointer; }


.gzArea02 ul li .txt02 .p2 { margin-top:15px; width:170px; border:1px solid #0054a5; border-radius:25px 0 25px 0; text-align:center; cursor:pointer; transition:all 0.5s }
.gzArea02 ul li .txt02 .p2 i { display:inline-block; line-height:50px; padding-right:35px; font-size:16px; color:#0068b7; background:url(ico16.png) no-repeat center right; }

.gzArea02 ul li .txt02 .p2:hover { background:#0054a5; }
.gzArea02 ul li .txt02 .p2:hover i { color:#fff; background:url(ico17.png) no-repeat center right; }


@media all and (max-width:1680px){
	.gzArea02 { margin-top:40px; }
	.gzArea02 ul li .txt01 { line-height:80px; font-size:20px; padding:0 20px; }
	.gzArea02 ul li .txt01 .p1 { width:300px; }
	.gzArea02 ul li .txt01 .p2 { width:180px; }
	.gzArea02 ul li .txt01 .p3 { width:180px;  }
	.gzArea02 ul li .txt01 .p4 { width:300px;  }
	.gzArea02 ul li .txt01 .p5 { width:200px;  }
	.gzArea02 ul li .txt02 { padding:20px; font-size:16px; color:#333; line-height:2.5; background:#ededed; display:none; }
	.gzArea02 ul.ul01 li .txt01 { background:#0054a5; color:#fff; }
	.gzArea02 ul.ul02 li { }
	.gzArea02 ul.ul02 li .txt01 { border-bottom:1px solid #d8d8d8; color:#333; cursor:pointer; }
}
@media all and (max-width:1200px){
	.gzArea01 { padding:0 4%;  }
	.gzArea01 ul li { line-height:40px; font-size:14px; }
	.gzArea01 ul li .p1 { width:65px; }
	.gzArea01 ul li .p2 { width:calc(100% - 65px); }
	.gzArea01 ul li .p2 a { margin-right:10px; }
	.gzArea02 { margin-top:20px; }
	.gzArea02 ul li .txt01 { line-height:40px; font-size:14px; padding:0 10px; }
	.gzArea02 ul li .txt01 .p1 { width:calc(100% - 420px); }
	.gzArea02 ul li .txt01 .p2 { width:90px;  }
	.gzArea02 ul li .txt01 .p3 { width:90px; }
	.gzArea02 ul li .txt01 .p4 { width:90px; }
	.gzArea02 ul li .txt01 .p5 { width:90px; }
	.gzArea02 ul li .txt01 .p6 { width:60px;  }

	.gzArea02 ul li .txt02 { padding:20px 10px; font-size:14px; line-height:1.7; }
	
	.gzArea02 ul.ul02 li { margin-top:10px; }
}
@media all and (max-width:750px){
	.gzArea01 ul li .p2 a { margin-right:5px; }
	
	.gzArea02 ul li .txt01 .p1 { width:calc(100% - 120px); }
	.gzArea02 ul li .txt01 .p2 { width:90px; display:none; }
	.gzArea02 ul li .txt01 .p3 { width:90px; display:none; }
	.gzArea02 ul li .txt01 .p4 { width:90px; display:none; }
	.gzArea02 ul li .txt01 .p5 { width:120px;  }
}


.picNews{ }
.djgzQh{ background:#eff4f6; position:relative; padding:80px 0}
.djgzQh:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; bottom:100%; background:#eff4f6; z-index:1}
.djgzQh .swiperQh{ width:100%; overflow:hidden; position:relative; }
.djgzQh .swiperQh:hover{ }
.djgzQh .swiperQh .swiper-slide{ width:100%; overflow:hidden; background:#fff}
.djgzQh .swiperQh .swiper-slide .pic{ width:760px; float:left; overflow:hidden}
.djgzQh .swiperQh .swiper-slide .pic i{ display:block; width:100%; padding-bottom:68.42%; position:relative}
.djgzQh .swiperQh .swiper-slide .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; position:absolute; left:0; top:0;  height:100%; object-fit:cover}
.djgzQh .swiperQh .swiper-slide .pic:hover 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);}
.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 760px); box-sizing:border-box; padding:60px 80px 0; float:left}
.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:36px; color:#222222; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:1.2; margin-top:5px}
.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:20px; color:#b5b5b6; }
.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:20px; color:#222222; margin-top:20px;  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height:1.8}
.djgzQh .swiperQh .swiper-slide .cont .mores{ display:flex; align-items: center; justify-content: center; width:140px; height:42px; border:1px solid #0054a5; color:#0054a5; font-size:14px; border-radius:30px; margin-top:50px; position:relative; z-index:2; overflow:hidden}

.djgzQh .swiperQh .swiper-slide .cont .mores:after{ content:""; display:block; width:0%; height:100%; background:#0054a5; position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s}
.djgzQh .swiperQh .swiper-slide:hover .cont .mores:after{ width:100%;}
.djgzQh .swiperQh .swiper-slide:hover .cont .mores{ color:#fff}

.djgzQh .swiperQh .paginationQh{ width:100%; text-align:center; font-size:0; margin-top:60px;}
.djgzQh .swiperQh .paginationQh span{ display:inline-block; vertical-align:top; margin:0 5px; padding:0; width:12px; height:12px; background:#d8dbdc; background-size:100%; opacity:1; cursor:pointer; border-radius:100%}
.djgzQh .swiperQh .paginationQh span.swiper-pagination-bullet-active{ background:#0054a5}
@media all and (max-width:1680px){
	.djgzQh{ padding:60px 0}
	.djgzQh .swiperQh .swiper-slide .pic{ width:550px; }
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 550px);  padding:40px ; }
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:28px; }
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:16px;  }
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:16px; margin-top:20px; }
	.djgzQh .swiperQh .swiper-slide .cont .mores{  width:120px; height:36px; font-size:12px; margin-top:40px}
	.djgzQh .swiperQh .paginationQh{ margin-top:40px;}
	.djgzQh .swiperQh .paginationQh span{  width:10px; height:10px;  }
}
@media all and (max-width:1200px){
	.djgzQh{ padding:40px 0}
	.djgzQh .swiperQh .swiper-slide .pic{ width:360px;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:calc(100% - 360px); padding:20px 20px 0}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px; }
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:12px; line-height:20px; margin-top:15px}
	.djgzQh .swiperQh .swiper-slide .cont .mores{  width:100px; height:30px; font-size:12px; margin-top:30px}
	.djgzQh .swiperQh .paginationQh{ margin-top:20px;}
	.djgzQh .swiperQh .paginationQh span{  width:8px; height:8px;  }

}
@media all and (max-width:750px){
	.djgzQh .swiperQh .swiper-slide .pic{ width:100%;}
	.djgzQh .swiperQh .swiper-slide .cont{ width:100%; padding:20px 20px}
	.djgzQh .swiperQh .swiper-slide .cont .title{ font-size:18px}
	.djgzQh .swiperQh .swiper-slide .cont .time{ font-size:12px; }
	.djgzQh .swiperQh .swiper-slide .cont .intro{ font-size:14px; margin-top:15px}
	.djgzQh .swiperQh .paginationQh span{ margin:0 3px}
}




.picNews{ padding-bottom:100px}
.picNewsCont{ display:flex; flex-wrap: wrap; padding:100px 0}
.picNewsCont .item{ width:32%; margin-right:2%; margin-bottom:4%; }
.picNewsCont .item:nth-child(3n){ margin-right:0}
.picNewsCont .item:nth-last-child(-n+3){ margin-bottom:0} 
.picNewsCont .item .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:64%}
.picNewsCont .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.picNewsCont .item .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;}
.picNewsCont .item:hover .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);}
.picNewsCont .item .cont{ padding:25px 0 0 0}
.picNewsCont .item .cont .time{ font-size:14px; color:#b5b5b6; margin-top:5px}
.picNewsCont .item .cont .title{ font-size:24px; color:#222222; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.picNewsCont .item .cont .intro{ font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#222222; line-height:1.8; margin-top:15px}
.picNewsCont .item .cont .mores{ display:flex; align-items: center; justify-content: center; width:140px; height:42px;  color:#b5b5b6; font-size:14px; border-radius:30px; margin-top:30px; border:1px solid #e9e9e9; box-sizing:border-box; position:relative; z-index:2; transition:all 0.5s; overflow:hidden}


.picNewsCont .item .cont .mores:after{ content:""; display:block; width:0%; height:100%; background:#0054a5; position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s}
.picNewsCont .item:hover .cont .mores:after{ width:100%;}
.picNewsCont .item:hover .cont .mores{ color:#fff; border:1px solid #0054a5}

.picNewsCont .item:hover .cont .title{ color:#0054a5}

@media all and (max-width:1600px){
	.picNews{ padding-bottom:80px}
	.picNewsCont{ padding:80px 0}
	.picNewsCont .item .cont{ padding:20px 0 0 0}
	.picNewsCont .item .cont .time{ font-size:12px; }
	.picNewsCont .item .cont .title{ font-size:20px; }
	.picNewsCont .item .cont .intro{ font-size:14px; margin-top:12px}
	.picNewsCont .item .cont .mores{  width:120px; height:36px;  font-size:12px; margin-top:25px; }

}
@media all and (max-width:1200px){
	.picNews{ padding-bottom:60px}
	.picNewsCont{ padding:60px 0}
	.picNewsCont .item{ width:49%; margin-bottom:4%}
	.picNewsCont .item:nth-child(3n){ margin-right:2%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
	.picNewsCont .item:nth-last-child(-n+3){ margin-bottom:4%}
	.picNewsCont .item:nth-last-child(-n+2){ margin-bottom:0}
	.picNewsCont .item .cont{ }
	.picNewsCont .item .cont .time{ font-size:12px;}
	.picNewsCont .item .cont .title{ font-size:16px; }
	.picNewsCont .item .cont .intro{ font-size:14px;}
	.picNewsCont .item .cont .mores{  width:100px; height:32px; margin-top:20px; }
}
@media all and (max-width:750px){
	.picNews{ padding-bottom:40px}
	.picNewsCont{ padding:40px 0}
	.picNewsCont .item{ width:100%; margin-right:0; margin-bottom:20px}
	.picNewsCont .item:nth-child(3n){ margin-right:0%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
	.picNewsCont .item:nth-last-child(-n+2){ margin-bottom:20px}
	.picNewsCont .item:nth-last-child(-n+1){ margin-bottom:0}
}







/*分页*/
.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; text-align:center; font-size:18px; color:#333; margin: 0 5px; padding:10px 16px; border:1px solid #f7f9fa; background:#f7f9fa}
.page a.current,.page a:hover{ background:#0064b8; color:#fff}
.page .first,.page .last{ display:none}

@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px}
}


.yfcx01{ padding:100px 0}
.yfcx01 .ibd{display:flex;justify-content: space-between; flex-wrap: wrap;}
.yfcx01 .ibd .lt{ font-size:45px; color:#0054a5; line-height:1.2}
.yfcx01 .ibd .rt{ font-size:22px; color:#222222; width:730px; line-height:1.6; text-align:justify}
@media all and (max-width:1680px){
	.yfcx01{ padding:80px 0}
	.yfcx01 .ibd .lt{ font-size:32px; }
	.yfcx01 .ibd .rt{ font-size:16px; width:550px; line-height:1.6}
}
@media all and (max-width:1200px){
	.yfcx01{ padding:60px 0}
	.yfcx01 .ibd .lt{ font-size:24px; }
	.yfcx01 .ibd .rt{ font-size:14px; width:100%; line-height:1.6; margin-top:20px}
}
@media all and (max-width:750px){
	.yfcx01{ padding:40px 0}
	.yfcx01 .ibd .lt{ font-size:20px; }
	.yfcx01 .ibd .rt{ font-size:14px; margin-top:15px}
}

.yfcx02 .ibd{ padding:55px 0; background:#0054a5; color:#fff; display:flex; justify-content: space-evenly; flex-wrap: wrap;}
.yfcx02 .ibd .item .p1{ display:flex; align-items: flex-end; line-height:1; }
.yfcx02 .ibd .item .p1 .a1{ font-size:66px; color:#33bac7}
.yfcx02 .ibd .item .p1 .a2{ font-size:28px; padding: 0 0 10px 5px} 
.yfcx02 .ibd .item .p2{ font-size:18px; line-height:1; margin-top:10px}
@media all and (max-width:1680px){
	.yfcx02 .ibd{ padding:45px 0; }
	.yfcx02 .ibd .item .p1 .a1{ font-size:56px; }
	.yfcx02 .ibd .item .p1 .a2{ font-size:24px; padding: 0 0 8px 5px} 
	.yfcx02 .ibd .item .p2{ font-size:16px; margin-top:10px}
}
@media all and (max-width:1200px){
	.yfcx02 .ibd{ padding:40px 0; }
	.yfcx02 .ibd .item .p1 .a1{ font-size:42px; }
	.yfcx02 .ibd .item .p1 .a2{ font-size:20px; padding: 0 0 5px 5px} 
	.yfcx02 .ibd .item .p2{ font-size:14px; margin-top:10px}
}
@media all and (max-width:750px){
	.yfcx02 .nr{ width:100%}
	.yfcx02 .ibd{ padding:20px 4%; justify-content: flex-start;}
	.yfcx02 .ibd .item{ padding:20px 0; width:50% }
	.yfcx02 .ibd .item .p1 .a1{ font-size:32px; }
	.yfcx02 .ibd .item .p1 .a2{ font-size:14px; padding: 0 0 5px 5px} 
	.yfcx02 .ibd .item .p2{ font-size:12px; margin-top:10px}
}

.yfcx03{ width:100%}
.yfcx03 img{ width:100%}

.yfcx04{ padding:100px 0}
.yfcx04 .ihd .cn,.yfcx04 .ihd .en{ color:#0054a5}
.yfcx04 .ibd{ margin-top:60px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.yfcx04 .ibd .item{ width:520px; position:relative}
.yfcx04 .ibd .item .pic{ width:100%; overflow:hidden}
.yfcx04 .ibd .item .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;}
.yfcx04 .ibd .item:hover .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);}
.yfcx04 .ibd .item .cont{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; box-sizing:border-box; padding:106px 0 0 0;  text-align:center}
.yfcx04 .ibd .item .cont .ico{}
.yfcx04 .ibd .item .cont .ico img{ height:84px}
.yfcx04 .ibd .item .cont .title{ font-size:40px; margin-top:160px; line-height:1}
.yfcx04 .ibd .item .cont .intro{ font-size:22px; margin-top:20px; line-height:1.8}
@media all and (max-width:1680px){
	.yfcx04{ padding:80px 0}
	.yfcx04 .ibd{ margin-top:40px;}
	.yfcx04 .ibd .item{ width:31%; }
	.yfcx04 .ibd .item .cont{  padding:60px 0 0 0; }
	.yfcx04 .ibd .item .cont .ico{}
	.yfcx04 .ibd .item .cont .ico img{ height:70px}
	.yfcx04 .ibd .item .cont .title{ font-size:30px; margin-top:110px; line-height:1}
	.yfcx04 .ibd .item .cont .intro{ font-size:18px; margin-top:15px; line-height:1.8}
}
@media all and (max-width:1200px){
	.yfcx04{ padding:60px 0}
	.yfcx04 .ibd{ margin-top:20px;}
	.yfcx04 .ibd .item{ width:32%; }
	.yfcx04 .ibd .item .cont{  padding:40px 0 0 0; }
	.yfcx04 .ibd .item .cont .ico{}
	.yfcx04 .ibd .item .cont .ico img{ height:50px}
	.yfcx04 .ibd .item .cont .title{ font-size:20px; margin-top:50px; line-height:1}
	.yfcx04 .ibd .item .cont .intro{ font-size:14px; margin-top:15px; line-height:1.8}
}
@media all and (max-width:750px){
	.yfcx04{ padding:40px 0}
	.yfcx04 .ibd{ margin-top:0; }
	.yfcx04 .ibd .item{ width:100%; margin-top:20px; }
	.yfcx04 .ibd .item .cont{  padding:0 0 0 0; height:auto; top:50%; transform:translateY(-50%) }
	.yfcx04 .ibd .item .cont .ico{}
	.yfcx04 .ibd .item .cont .ico img{ height:50px}
	.yfcx04 .ibd .item .cont .title{ font-size:20px; margin-top:50px; line-height:1}
	.yfcx04 .ibd .item .cont .intro{ font-size:14px; margin-top:15px; line-height:1.8}
	.yfcx03{ height:30vh!important; background-size:cover;background-attachment:initial!important;}
}

.yfcx05{ background:url(g_58.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.yfcx05 .ihd .cn,.yfcx05 .ihd .en{ color:#0054a5}
.yfcx05 .ibd{ margin-top:80px}
.yfcx05 .ibd .swiper05{ width:100%; overflow:hidden}
.yfcx05 .ibd .swiper05 .swiper-slide{ width:23.5%; margin-right:2%; background:#fff}
.yfcx05 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0}
.yfcx05 .ibd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden}
.yfcx05 .ibd .swiper05 .swiper-slide .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;}
.yfcx05 .ibd .swiper05 .swiper-slide:hover .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);}
.yfcx05 .ibd .swiper05 .swiper-slide .title{ width:100%; height:80px; box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size:20px; color:#222222; background:#fff; padding:0 5%; text-align:center}
.yfcx05 .ibd .swiper05 .swiper-slide:hover .title{ background:#0054a5; color:#fff}
.yfcx05 .ibd .swiper05 .btn{ display:flex; align-items: center; justify-content: center; margin-top:60px}
.yfcx05 .ibd .swiper05 .btn .prev05{ background:url(g_34.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px}
.yfcx05 .ibd .swiper05 .btn .next05{ background:url(g_34.png) center center no-repeat; background-size:cover; width:50px; height:50px; cursor:pointer; margin:0 10px; transform:rotate(180deg) }
.yfcx05 .ibd .swiper05 .btn .prev05:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(180deg)}
.yfcx05 .ibd .swiper05 .btn .next05:hover{ background:url(g_35.png) center center no-repeat; background-size:cover; transform:rotate(0)}
@media all and (max-width:1680px){
	.yfcx05{ padding:80px 0}
	.yfcx05 .ibd{ margin-top:60px}
	.yfcx05 .ibd .swiper05 .swiper-slide .title{ height:70px; font-size:18px; }
	.yfcx05 .ibd .swiper05 .btn{ margin-top:40px}
	.yfcx05 .ibd .swiper05 .btn .prev05{ width:42px; height:42px; }
	.yfcx05 .ibd .swiper05 .btn .next05{ width:42px; height:42px; }
}
@media all and (max-width:1200px){
	.yfcx05{ padding:60px 0}
	.yfcx05 .ibd{ margin-top:40px}
	.yfcx05 .ibd .swiper05 .swiper-slide{ width:32%}
	.yfcx05 .ibd .swiper05 .swiper-slide .title{ height:60px; font-size:14px; }
	.yfcx05 .ibd .swiper05 .btn{ margin-top:20px}
	.yfcx05 .ibd .swiper05 .btn .prev05{ width:36px; height:36px; }
	.yfcx05 .ibd .swiper05 .btn .next05{ width:36px; height:36px; }
}
@media all and (max-width:750px){
	.yfcx05{ padding:40px 0}
	.yfcx05 .ibd{ margin-top:20px}
	.yfcx05 .ibd .swiper05 .swiper-slide{ width:49%}
	.yfcx05 .ibd .swiper05 .swiper-slide .title{ height:60px; font-size:14px; }
	.yfcx05 .ibd .swiper05 .btn{ margin-top:20px}
	.yfcx05 .ibd .swiper05 .btn .prev05{ width:32px; height:32px; }
	.yfcx05 .ibd .swiper05 .btn .next05{ width:32px; height:32px; }
}

.yfcx06{ background:url(g_66.jpg) center center no-repeat; background-size:cover; padding:110px 0}
.yfcx06 .ihd .cn,.yfcx06 .ihd .en{ color:#fff}
.yfcx06 .aitem{ width:100%; text-align:center; margin-top:50px; font-size:24px; color:#fff}
.yfcx06 .ibd{ margin-top:70px; text-align:center}
@media all and (max-width:1680px){
	.yfcx06{ padding:90px 0}
	.yfcx06 .aitem{  margin-top:40px; font-size:20px; }
	.yfcx06 .ibd{ margin-top:50px; }
}
@media all and (max-width:1200px){
	.yfcx06{ padding:60px 0}
	.yfcx06 .aitem{  margin-top:30px; font-size:18px; }
	.yfcx06 .ibd{ margin-top:40px; }
}
@media all and (max-width:750px){
	.yfcx06{ padding:40px 0}
	.yfcx06 .aitem{  margin-top:20px; font-size:14px; }
	.yfcx06 .ibd{ margin-top:20px; }
}

.yfcx07{ padding:110px 0}
.yfcx07 .ihd .cn,.yfcx07 .ihd .en{ color:#0054a5}
.yfcx07 .aitem{ width:100%; text-align:center; margin-top:50px; font-size:24px; color:#000000}
.yfcx07 .ibd{ margin-top:70px; display:flex;justify-content: space-between;flex-wrap: wrap;}
.yfcx07 .ibd .item{ width:330px; text-align:center}
.yfcx07 .ibd .item .ico img{ height:186px;}
.yfcx07 .ibd .item:hover .ico img{ transform:rotateY(360deg); transition:all 0.5s}
.yfcx07 .ibd .item .title{ font-size:32px; color:#0054a5; font-weight:bold; line-height:1; margin-top:70px}
.yfcx07 .ibd .item .intro{ font-size:20px; color:#222222; line-height:1.8; margin-top:20px}
@media all and (max-width:1680px){
	.yfcx07{ padding:90px 0}
	.yfcx07 .aitem{ margin-top:40px; font-size:20px;}
	.yfcx07 .ibd{ margin-top:60px; }
	.yfcx07 .ibd .item{ width:23%;}
	.yfcx07 .ibd .item .ico img{ height:150px;}
	.yfcx07 .ibd .item .title{ font-size:28px; margin-top:50px}
	.yfcx07 .ibd .item .intro{ font-size:16px; margin-top:20px}
}
@media all and (max-width:1200px){
	.yfcx07{ padding:60px 0}
	.yfcx07 .aitem{ margin-top:30px; font-size:18px;}
	.yfcx07 .ibd{ margin-top:0; }
	.yfcx07 .ibd .item{ width:48%; margin-top:40px}
	.yfcx07 .ibd .item .ico img{ height:120px;}
	.yfcx07 .ibd .item .title{ font-size:24px; margin-top:30px}
	.yfcx07 .ibd .item .intro{ font-size:14px; margin-top:16px}
}
@media all and (max-width:750px){
	.yfcx07{ padding:40px 0}
	.yfcx07 .ibd{ margin-top:0; }
	.yfcx07 .aitem{ margin-top:20px; font-size:14px;}
	.yfcx07 .ibd .item{ width:100%; margin-top:25px}
	.yfcx07 .ibd .item .ico img{ height:120px;}
	.yfcx07 .ibd .item .title{ font-size:20px; margin-top:20px}
	.yfcx07 .ibd .item .intro{ font-size:14px; margin-top:12px}
}

.yfcx08{ padding:80px 0 160px}
.yfcx08 .aitem{ text-align:center; font-size:20px; color:#fff; width:880px; margin:0 auto; margin-top:45px}
.yfcx08 .ibd{ display:flex;  flex-wrap: wrap; justify-content: space-between; color:#fff; margin-top:70px}
.yfcx08 .ibd .item{ text-align:center}
.yfcx08 .ibd .item .a1{ width:120px; height:120px;display:flex; align-items: center; justify-content: center; margin:0 auto; background:#0054a5; font-size:28px; border-radius:50%; position:relative; top:0; transition:all 0.3s}
.yfcx08 .ibd .item:hover .a1{ top:-30px}
.yfcx08 .ibd .item:nth-child(3) .a1{ box-sizing:border-box; padding:0 20px; line-height:1.2}
.yfcx08 .ibd .item .a2{ margin-top:50px; font-size:32px;}
.yfcx08 .ibd .item .a2 em{ font-size:14px;display: inline-block;width: 30px;line-height: 1.2;}
.yfcx08 .ibd .item .a2 sup,.yfcx08 .ibd .item .a2 sub{ font-size:20px}
.yfcx08 .ibd .item .a3{ font-size:20px; margin-top:5px}
@media all and (max-width:1680px){
	.yfcx08{ padding:60px 0 120px}
	.yfcx08 .aitem{ font-size:16px; width:700px; margin-top:35px}
	.yfcx08 .ibd{ margin-top:50px}
	.yfcx08 .ibd .item .a1{ width:100px; height:100px; font-size:24px; }
	.yfcx08 .ibd .item .a2{ margin-top:30px; font-size:28px;}
	.yfcx08 .ibd .item .a2 em{ font-size:12px; width: 28px; }
	.yfcx08 .ibd .item .a2 sup,.yfcx08 .ibd .item .a2 sub{ font-size:18px}
	.yfcx08 .ibd .item .a3{ font-size:18px; }

}
@media all and (max-width:1200px){
	.yfcx08{ padding:40px 0 60px}
	.yfcx08 .aitem{ font-size:14px; width:100%; margin-top:25px}
	.yfcx08 .ibd{ margin-top:40px}
	.yfcx08 .ibd .item .a1{ width:80px; height:80px; font-size:20px; }
	.yfcx08 .ibd .item .a2{ margin-top:20px; font-size:20px;}
	.yfcx08 .ibd .item .a2 em{ font-size:10px; width: 28px; }
	.yfcx08 .ibd .item .a2 sup,.yfcx08 .ibd .item .a2 sub{ font-size:14px}
	.yfcx08 .ibd .item .a3{ font-size:14px; }

}
@media all and (max-width:750px){
	.yfcx08{ padding:40px 0 60px}
	.yfcx08 .ihd .en{ color:#fff}
	.yfcx08 .ihd .cn{ color:#fff}
	.yfcx08 .aitem{ font-size:12px; width:100%; margin-top:20px}
	.yfcx08 .ibd{ margin-top:0}
	.yfcx08 .ibd .item{ width:50%; margin-top:30px}
	.yfcx08 .ibd .item .a1{ width:80px; height:80px; font-size:20px; }
	.yfcx08 .ibd .item .a2{ margin-top:20px; font-size:20px;}
	.yfcx08 .ibd .item .a2 em{ font-size:10px; width: 28px; }
	.yfcx08 .ibd .item .a2 sup,.yfcx08 .ibd .item .a2 sub{ font-size:14px}
	.yfcx08 .ibd .item .a3{ font-size:14px; }
	.yfcx08 .ibd .item:nth-child(1){ width:100%}

}
.yfcx09{ padding:80px 0 0; position:relative; z-index:2}
.yfcx09 .ihd .en{ color:#0054a5}
.yfcx09 .ihd .cn{ color:#0054a5}
.yfcx09 .ibd{ overflow:hidden; margin-top:80px}
.yfcx09 .ibd .swiper09{ width:100%; overflow:hidden}
.yfcx09 .ibd .swiper09 .item{ width:380px; overflow:hidden; margin-right:53px}
.yfcx09 .ibd .swiper09 .item img{ width:100%}
.yfcx09 .ibd .swiper09 .item:last-child{ margin-right:0}
@media all and (max-width:1680px){
	.yfcx09{ padding:60px 0 0}
	.yfcx09 .ibd{ overflow:hidden; margin-top:60px}
	.yfcx09 .ibd .swiper09 .item{ width:23.5%; margin-right:2%}
}
@media all and (max-width:1200px){
	.yfcx09{ padding:40px 0 0}
	.yfcx09 .ibd{ margin-top:40px}
	.yfcx09 .ibd .swiper09 .item{ width:32%; margin-right:2%}
}
@media all and (max-width:750px){
	.yfcx09{ padding:40px 0 0}
	.yfcx09 .ibd{ margin-top:30px}
	.yfcx09 .ibd .swiper09 .item{ width:49%; margin-right:2%}
}
.yfcx10{ padding:375px 0 0; position:relative; z-index:1; margin-top:-260px; background:url(g_71.jpg) bottom center no-repeat; background-size:cover}
.yfcx10 .ibd{ background:url(g_72.png) bottom center no-repeat; background-size:100%; padding:100px 160px 80px; color:#fff; box-sizing:border-box; display:flex;justify-content: space-between; flex-wrap: wrap;}
.yfcx10 .ibd .item{ width:160px; height:160px; border-radius:50%; background:#fff; box-sizing:border-box; padding:20px 0 0 0; text-align:center; position:relative; transition:all 0.3s; top:0}
.yfcx10 .ibd .item:hover{ top:-30px}
.yfcx10 .ibd .item .pic img{ height:60px}
.yfcx10 .ibd .item .title{ text-align:center; color:#0054a5; font-size:26px; margin-top:10px}
.yfcx10 .ibd .item:after{ content:""; display:block; width:100%; height:23px; background:url(g_74.png) center center no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:-40px}
@media all and (max-width:1680px){
	.yfcx10{ padding:260px 0 0;  margin-top:-200px; }
	.yfcx10 .ibd{ padding:80px 120px 60px;}
	.yfcx10 .ibd .item{ width:130px; height:130px; padding:16px 0 0 0;}
	.yfcx10 .ibd .item .pic img{ height:50px}
	.yfcx10 .ibd .item .title{ font-size:20px; }
	.yfcx10 .ibd .item:after{ height:20px; bottom:-36px}
}
@media all and (max-width:1200px){
	.yfcx10{ padding:260px 0 0;  margin-top:-200px; }
	.yfcx10 .ihd .en{ color:#fff}
	.yfcx10 .ihd .cn{ color:#fff}
	.yfcx10 .ibd{ padding:60px 80px 40px;}
	.yfcx10 .ibd .item{ width:100px; height:100px; padding:12px 0 0 0;}
	.yfcx10 .ibd .item .pic img{ height:40px}
	.yfcx10 .ibd .item .title{ font-size:16px; margin-top:8px }
	.yfcx10 .ibd .item:after{ height:16px; bottom:-28px}
}
@media all and (max-width:750px){
	.yfcx10{ padding:160px 0 0;  margin-top:-120px; }
	.yfcx10 .ibd{ padding:40px 0 10px; flex-wrap: wrap; background:none}
	.yfcx10 .ibd .item{ width:80px; height:80px; padding:10px 0 0 0;  margin:0 calc(25% - 40px) ;margin-bottom:50px;}
	.yfcx10 .ibd .item .pic img{ height:30px}
	.yfcx10 .ibd .item .title{ font-size:14px; margin-top:6px }
	.yfcx10 .ibd .item:after{ height:14px; bottom:-24px}
	.yfcx10 .ibd .item:nth-child(n+3){ margin:0 calc((100% / 6) - 60px); margin-bottom:50px;}
}


.yfcx11{ padding:100px 0 0}
.yfcx11 .ihd .cn,.yfcx11 .ihd .en{ color:#0054a5}
.yfcx11 .ibd{ margin-top:60px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.yfcx11 .ibd .item{ width:25%; position:relative}
.yfcx11 .ibd .item .pic{ width:100%; overflow:hidden; position:relative}
.yfcx11 .ibd .item .pic:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0); z-index:1}
.yfcx11 .ibd .item.on .pic:after{ background:url(g_67.png) bottom center no-repeat; background-size:100%}
.yfcx11 .ibd .item:hover .pic:after{ background:url(g_67.png) bottom center no-repeat; background-size:100%}
.yfcx11 .ibd .item .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;}
.yfcx11 .ibd .item:hover .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);}
.yfcx11 .ibd .item .pic .img2{ position:absolute; left:0; top:0; z-index:2; opacity:1; transition:all 0.5s}
.yfcx11 .ibd .item.on .pic .img2{ opacity:0; }
.yfcx11 .ibd .item:hover .pic .img2{ opacity:0; }

.yfcx11 .ibd .item .cont{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; color:#fff; box-sizing:border-box; padding:106px 0 0 0;  text-align:center; z-index:2}
.yfcx11 .ibd .item .cont .ico{}
.yfcx11 .ibd .item .cont .ico img{ height:84px}
.yfcx11 .ibd .item .cont .title{ font-size:40px; margin-top:160px; line-height:1; padding-bottom:30px; position:relative}
.yfcx11 .ibd .item .cont .title:after{ content:""; display:block; width:30px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:0}
.yfcx11 .ibd .item .cont .intro{ font-size:22px; margin-top:20px; line-height:1.8; padding:0 8%}
@media all and (max-width:1680px){
	.yfcx11{ padding:80px 0 0}
	.yfcx11 .ibd{ margin-top:40px;}
	.yfcx11 .ibd .item{ }
	.yfcx11 .ibd .item .cont{  padding:60px 0 0 0; }
	.yfcx11 .ibd .item .cont .ico{}
	.yfcx11 .ibd .item .cont .ico img{ height:70px}
	.yfcx11 .ibd .item .cont .title{ font-size:30px; margin-top:110px; line-height:1}
	.yfcx11 .ibd .item .cont .intro{ font-size:18px; margin-top:15px; line-height:1.8}
}
@media all and (max-width:1200px){
	.yfcx11{ padding:60px 0 0}
	.yfcx11 .ibd{ margin-top:20px;}
	.yfcx11 .ibd .item{ }
	.yfcx11 .ibd .item .cont{  padding:40px 0 0 0; }
	.yfcx11 .ibd .item .cont .ico{}
	.yfcx11 .ibd .item .cont .ico img{ height:50px}
	.yfcx11 .ibd .item .cont .title{ font-size:20px; margin-top:50px; line-height:1}
	.yfcx11 .ibd .item .cont .intro{ font-size:12px; margin-top:15px; line-height:1.8}
}
@media all and (max-width:750px){
	.yfcx11{ padding:40px 0}
	.yfcx11 .ibd{ margin-top:0; padding:0 4% }
	.yfcx11 .ibd .item{ width:100%; margin-top:20px; }
	.yfcx11 .ibd .item .cont{  padding:0 0 0 0; height:auto; top:50%; transform:translateY(-50%) }
	.yfcx11 .ibd .item .cont .ico{}
	.yfcx11 .ibd .item .cont .ico img{ height:50px}
	.yfcx11 .ibd .item .cont .title{ font-size:20px; margin-top:50px; line-height:1}
	.yfcx11 .ibd .item .cont .intro{ font-size:14px; margin-top:15px; line-height:1.8}
}





















.nr_pc{ display:block;}
.nr_pc img{ max-width:100%}
.nr_sj{ display:none;}
.nr_sj img{ max-width:100%}
@media all and (max-width:1200px){
	.nr_pc{ display:none;}
	.nr_sj{ display: block;}
}






/* 内容模式 */
.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:#0068b7}
.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:40px 0 40px;}
.newsList2{ padding-bottom:40px}
.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:#0068b7; 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:40px 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}
}


/*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:#ececec}
.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:#0068b7}
.picxList .item:hover a .cont{ color:#fff; background:#0068b7}
@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;}	

}


.biaodan { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:999; display:none; }

.jbclose {position: absolute; right: 2%;top: 3%;z-index: 11;width: 40px;height: 40px; cursor:pointer; }
.jbclose i {display: block;width: 100%;height: 40px;position: relative;transform: rotate(45deg); transition: all .4s ease;}
.jbclose i::after,.jbclose i::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.jbclose i::after {width: 26px;height: 2px;}
.jbclose i::before {width: 2px;height: 26px;}
.jbclose i:hover {transform: rotate(135deg);}
.jbclose i:hover::after,.jbclose i:hover::before {background: #0054a5;}

.biaodan01 { position: absolute; width:460px; overflow: hidden; background: #fff; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 3% 50px; border-radius: 10px; }
.biaodan01 .txt { text-align:center; }
.biaodan01 .txt .p1 {font-size: 30px;padding-bottom: 10px; font-weight:bold;}
.biaodan01 .txt .p2 {font-size: 14px;color: #666;}

.biaodan01 form { margin-top:30px; font-size:14px; }
.biaodan01 form .text { border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; margin-bottom: 10px; border-radius: 4px; background: #f2f4f7; }
.biaodan01 form .text01 { float:left; width:48%; }
.biaodan01 form .text02 { float:right; width:48%; }
.biaodan01 form .pp {  margin-bottom:5px; padding:5px 0 }

.biaodan01 form .filebtn { position:relative; }
.biaodan01 form .filebtn input.file { position:absolute; top:0; left:0; width:100%; cursor: pointer; opacity: 0; height:45px; z-index: 8; }
.biaodan01 form .filebtn .file-title { position:relative; width: 100%; height:45px; }
.biaodan01 form .filebtn .file-title .file-txt { width:70px; height:36px; line-height:36px; border-radius: 5px; cursor: pointer; text-align: center; background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%); }
.biaodan01 form .filebtn .file-title .file-name {  border: 1px solid #ededed; width: 100%; padding:0 20px; height:45px; line-height:45px; overflow: hidden; box-sizing: border-box; display: block; border-radius: 4px; background: #f2f4f7; }

.biaodan01 form .btn01 { width: 100%; height:45px; line-height:45px; overflow: hidden;box-sizing: border-box;display: block;background: #0054a5;color: #fff;border: none;cursor: pointer;font-size: 16px;border-radius: 4px;text-align: center; margin-top:10px; }

@media all and (max-width:1280px){
	.biaodan01 .txt .p1 { font-size:20px; }
	.biaodan01 .txt .p2 { font-size: 14px; color: #666; }

	.biaodan01 form { margin-top:20px; }
	.biaodan01 form .text { padding:0 15px; height:35px; line-height:35px; }
	.biaodan01 form .text01 { float:left; width:48%; }
	.biaodan01 form .text02 { float:right; width:48%; }
	.biaodan01 form .pp { font-size:14px; margin-bottom:5px; }
 
	.biaodan01 form .filebtn input.file { height:35px; }
	.biaodan01 form .filebtn .file-title { height:35px; }
	.biaodan01 form .filebtn .file-title .file-txt { width:60px; height:25px; line-height:25px; }
	.biaodan01 form .filebtn .file-title .file-name { padding:0 15px; height:35px; line-height:35px; }
 
	.biaodan01 form .btn01 { height:35px; line-height:35px; }
}
@media all and (max-width:750px){
	.biaodan01 { width:90%; padding:40px 2% 30px 2%; }
	
	.biaodan01 .txt .p1 { font-size:20px; }
	.biaodan01 .txt .p2 { font-size: 14px; color: #666; }

	.biaodan01 form { margin-top:20px; }
	.biaodan01 form .text { padding:0 15px; height:35px; line-height:35px; }
	.biaodan01 form .text01 { float:none; width:100%; }
	.biaodan01 form .text02 { float:none; width:100%; }
	.biaodan01 form .pp { font-size:14px; margin-bottom:5px; }
 
	.biaodan01 form .filebtn input.file { height:35px; }
	.biaodan01 form .filebtn .file-title { height:35px; }
	.biaodan01 form .filebtn .file-title .file-txt { width:60px; height:25px; line-height:25px; }
	.biaodan01 form .filebtn .file-title .file-name { padding:0 15px; height:35px; line-height:35px; }
 
	.biaodan01 form .btn01 { height:35px; line-height:35px; }
}




.proBox { background:#fff; padding:70px; }
.pro01 { float:left; width:620px; border:1px solid #e8e8e8 }

.swiper-pagination-pro01 { width:100%; text-align:center; }
.swiper-pagination-pro01 .swiper-pagination-bullet { width:9px; height:9px; margin:0 4px; border:1px solid #808080; background:none; opacity:1; }
.swiper-pagination-pro01 .swiper-pagination-bullet-active { background:#013281; }

.pro02 { float:right; width:calc(100% - 720px); padding-top:35px; }
.pro02 .p1 { font-size:30px; color:#4f4f4f; padding-bottom:30px; border-bottom:1px solid #ededed; line-height:1.1; }
.pro02 .p2 { font-size:18px; color:#4f4f4f; line-height:2; margin-top:40px; }
.pro02 .p2 p { padding-left:12px; background:url(pro01.jpg) no-repeat center left; }
.pro02 .p3 { margin-top:55px; font-size:0; }
.pro02 .p3 a { display:inline-block; padding:0 20px; background:#0054a5; border-radius:30px; }
.pro02 .p3 a i { display:inline-block; padding-left:30px; font-size:18px; color:#fff; line-height:50px; }
.pro02 .p2 img{ max-width:100%; height:auto}

.pro02 .p3 a.a1 { margin-right:15px; }
.pro02 .p3 a.a2 { margin-right:15px; }
.pro02 .p3 a.a1 i { background:url(pro02.png) no-repeat center left; }
.pro02 .p3 a.a2 i { background:url(pro03.png) no-repeat center left; }
.pro02 .p3 a.a3 i { background:url(pro04.png) no-repeat center left; }

@media all and (max-width:1680px){
	.proBox { padding:50px 30px; }
	
	.pro01 { float:left; width:500px; }
 
	.pro02 { float:right; width:calc(100% - 550px); padding-top:25px; }
	.pro02 .p1 { font-size:24px; padding-bottom:20px; }
	.pro02 .p2 { font-size:16px; line-height:2; margin-top:30px; }
	.pro02 .p2 p { padding-left:12px; background:url(pro01.jpg) no-repeat center left; }
	.pro02 .p3 { margin-top:30px; }
	.pro02 .p3 a { padding:0 20px; }
	.pro02 .p3 a i { padding-left:30px; font-size:16px; line-height:45px; }

}
@media all and (max-width:1200px){
	.proBox { padding:30px 0; }
	
	.pro01 { float:none; width:100%; }
 
	.pro02 { float:none; width:100%; padding-top:25px; }
	.pro02 .p1 { font-size:20px; padding-bottom:15px; }
	.pro02 .p2 { font-size:14px; line-height:1.7; margin-top:30px; }
	.pro02 .p2 p { padding-left:12px; background:url(pro01.jpg) no-repeat center left; }
	.pro02 .p3 { margin-top:30px; }
	.pro02 .p3 a { padding:0 20px; }
	.pro02 .p3 a i { padding-left:25px; font-size:14px; line-height:35px; background-size:20px 20px!important; }
}
@media all and (max-width:1200px){
	.pro02 .p3 a.a1 { margin-right:10px; }
	.pro02 .p3 a.a2 { margin-right:10px; }
	.pro02 .p3 a { padding:0 12px; }
	.pro02 .p3 a i{ font-size:12px; padding-left:20px; background-size:16px auto!important; line-height:30px;}
}

.proBox02 { margin-top:70px; }
.proBox02 .hd { font-size:30px; color:#4f4f4f; padding-bottom:30px; border-bottom:1px solid #ededed; line-height:1.1; }
.proBox02 .bd { margin-top:30px; font-size:18px; overflow-x:auto; line-height:1.6 }
.proBox02 .bd img { max-width:100%; }
 
@media all and (max-width:1680px){
	.proBox02 { margin-top:40px; }
	.proBox02 .hd { font-size:24px; padding-bottom:20px; }
	.proBox02 .bd { margin-top:30px; font-size:14px; }
}
@media all and (max-width:1200px){
	.proBox02 { margin-top:30px; }
	.proBox02 .hd { font-size:20px; padding-bottom:15px; }
	.proBox02 .bd { margin-top:20px; font-size:14px; }
	
	.proBox02 .bd { padding-bottom:20px; }
	.proBox02 .bd table { width:600px!important;  }
}