@charset "utf-8";
.header{ position:relative}
.banner{ width:100%; position:relative}
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}

.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; }
.banner .item .title{  font-size:30px; color:#fff;  line-height:1; font-weight:bold; opacity:0.8}
.banner .item .intro{ font-size:20px; color:rgba(255,255,255,0.6); margin-top:16px; text-transform:uppercase}


@media (max-width: 1680px){

	.banner .item .title{  font-size:28px;}
	.banner .item .intro{ font-size:20px; }
	


	
}
@media (max-width: 1200px){

	.banner .item .title{  font-size:20px;}
	.banner .item .intro{ font-size:14px; margin-top:10px}
	

}


@media (max-width: 1200px){
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
}

.second_nav{ background:#22242a}
.second_nav ul{ display:flex; flex-wrap: wrap;}
.second_nav ul li a{ display:block; padding:20px 40px; color:#fff; text-align:center}
.second_nav ul li a i{ display:block; text-align:center}
.second_nav ul li a i img{ height:20px; opacity:0.8}
.second_nav ul li a span{ display:block; text-align:center; font-size:20px; }
.second_nav ul li.on,.second_nav ul li:hover{ background:#4891dc}
.second_nav ul li.on a i img,.second_nav ul li:hover a i img{ opacity:1}
@media (max-width: 1600px){
	.second_nav ul li a{ padding:18px 30px;}
	.second_nav ul li a i img{ height:18px; }
	.second_nav ul li a span{ font-size:18px; }
}
@media (max-width: 1200px){
	.second_nav ul li a{ padding:20px;}
	.second_nav ul li a i img{ height:16px; }
	.second_nav ul li a span{ font-size:16px; }
}
@media (max-width: 750px){
	.second_nav .nr{ width:100%}
	.second_nav ul li{ width:33.33333333333333333%; box-sizing:border-box; border-bottom:1px solid #4891dc}
	.second_nav ul li:nth-child(3n){ border-left:1px solid #4891dc}
	.second_nav ul li a{ padding:15px 0; width:100%; display:flex; align-items: center; justify-content: center;}
	.second_nav ul li a i img{ height:14px; margin-right:10px }
	.second_nav ul li a span{ font-size:14px; margin:0 }
}

.about01{ background:url(g_24.jpg) top center no-repeat; background-size:cover; padding:120px 0}
.about01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.about01 .nr .lt{ width:1010px;}
.about01 .nr .rt{ width:542px; overflow:hidden; height:auto}
.about01 .nr .rt 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;}
.about01 .nr .rt: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);}
.ihd.center{ text-align:center}
.ihd .cn{ font-size:46px; color:#222222; line-height:1}
.ihd .en{ font-size:30px; color:#222222; font-family:Arial; text-transform:uppercase; line-height:1; font-weight:bold; margin-top:22px}
.about01 .nr .lt .intro{ font-size:16px; color:#666666; line-height:1.8; text-align:justify; margin-top:50px}
@media (max-width: 1600px){
	.about01{ padding:100px 0}
	.about01 .nr .lt{ width:760px;}
	.about01 .nr .rt{ width:400px; }
	.ihd .cn{ font-size:36px; }
	.ihd .en{ font-size:24px; margin-top:15px}
	.about01 .nr .lt .intro{ font-size:14px; line-height:1.6; margin-top:20px}
}
@media (max-width: 1200px){
	.about01{ padding:60px 0}
	.about01 .nr .lt{ width:100%;}
	.about01 .nr .rt{ width:100%; margin-top:20px }
	.ihd .cn{ font-size:24px; }
	.ihd .en{ font-size:14px; margin-top:12px}
	.about01 .nr .lt .intro{ font-size:12px; line-height:2; margin-top:15px}
}
@media (max-width: 750px){
	.about01{ padding:40px 0}
	.ihd .cn{ font-size:20px; }
	.ihd .en{ font-size:12px; margin-top:10px}
}
.about02{ background:url(g_26.jpg) center center no-repeat; background-size:cover; padding:120px 0 0 0}
.about02 .ibd{ margin-top:150px}
.about02 .ibd .mySwiper22{ width:100%; overflow:hidden}
.about02 .ibd .mySwiper22 .swiper-slide{ height:auto}
.about02 .ibd .mySwiper22 .swiper-slide .cont{ display:flex; justify-content: space-between; align-items: center;flex-wrap: wrap; width:100%}
.about02 .ibd .mySwiper22 .swiper-slide .cont .title{ font-size:120px; font-weight:bold; color:#424242; height:130px; width:630px; box-sizing:border-box; display:flex; align-items: center; box-sizing:border-box; border-right:1px solid #c9cacd; padding-left:70px}
.about02 .ibd .mySwiper22 .swiper-slide .cont .intro{ width:725px; margin-right:60px; font-size:16px; color:#222222; line-height:2}
.about02 .ibd .acont{ background:url(g_27.jpg) center center no-repeat; background-size:cover; margin-top:150px; overflow:hidden; color:#fff; padding:0 60px; position:relative}
.about02 .ibd .acont .mySwiper21{ width:100%; overflow:hidden; text-align:center}
.about02 .ibd .acont .mySwiper21 .swiper-slide{ height:164px; display:flex; align-items: center; cursor:pointer;justify-content: center;}
.about02 .ibd .acont .mySwiper21 .swiper-slide i{ display:inline-block; vertical-align:top; font-size:20px; color:rgba(255,255,255,0.5); font-weight:bold}
.about02 .ibd .acont .mySwiper21 .swiper-slide.swiper-slide-thumb-active i{ padding-bottom:15px; border-bottom:2px solid #fff; color:#fff}
.about02 .ibd .acont .prev022{ background:url(g_03.png) center center no-repeat; width:60px; height:100%; position:absolute; left:0; top:0; z-index:9; cursor:pointer}
.about02 .ibd .acont .next022{ background:url(g_04.png) center center no-repeat; width:60px; height:100%; position:absolute; right:0; top:0; z-index:9; cursor:pointer}
@media (max-width: 1600px){
	.about02{ padding:100px 0 0 0}
	.about02 .ibd{ margin-top:100px}
	.about02 .ibd .mySwiper22 .swiper-slide .cont .title{ font-size:100px; height:120px; width:500px; padding-left:0}
	.about02 .ibd .mySwiper22 .swiper-slide .cont .intro{ width:620px; margin-right:0; font-size:14px; }
	.about02 .ibd .acont{ margin-top:100px; }
	.about02 .ibd .acont .mySwiper21 .swiper-slide{ height:120px; }
	.about02 .ibd .acont .mySwiper21 .swiper-slide i{ font-size:18px; }
}
@media (max-width: 1200px){
	.about02{ padding:60px 0 0 0}
	.about02 .ibd{ margin-top:40px}
	.about02 .ibd .mySwiper22 .swiper-slide .cont .title{ font-size:40px; height:auto; line-height:1; width:100%; border:0}
	.about02 .ibd .mySwiper22 .swiper-slide .cont .intro{ width:100%; margin-right:0; font-size:14px; margin-top:10px }
	.about02 .ibd .acont{ margin-top:20px; padding:0 40px }
	.about02 .ibd .acont .mySwiper21 .swiper-slide{ height:60px; }
	.about02 .ibd .acont .mySwiper21 .swiper-slide i{ font-size:16px;  }
	.about02 .ibd .acont .mySwiper21 .swiper-slide.swiper-slide-thumb-active i{ border-bottom:1px solid #fff; padding-bottom:10px}
	.about02 .ibd .acont .prev022{ width:40px}
	.about02 .ibd .acont .next022{ width:40px}
}

.about03{ padding:120px 0 180px; background:url(g_28.jpg) bottom center no-repeat; background-size:cover}
.about03 .ibd{ margin-top:120px; display:flex;justify-content: space-around; align-items: center;flex-wrap: wrap;}
.about03 .ibd .item2:last-child{ display:none}
.about03 .ibd .item2{ width:1px; height:190px; background:#dadada}
.about03 .ibd .item .aitem{ display:flex; align-items: center;}
.about03 .ibd .item .aitem .ico img{ height:63px}
.about03 .ibd .item .aitem .cont{ margin-left:25px}
.about03 .ibd .item .aitem .cont .p1{ font-size:25px; color:#222222; line-height:1}
.about03 .ibd .item .aitem .cont .p2{ font-size:12px; color:#8a8a8a; line-height:1; text-transform:uppercase; margin-top:12px}
.about03 .ibd .item .bitem{ margin-top:50px; font-size:20px; color:#414141}
.about03 .ibd .item .bitem a{ font-weight:bold; font-size:28px; color:#414141}
.about03 .map{ width:100%; margin-top:75px}
.about03 .map img{ max-width:100%}
@media (max-width: 1600px){
	.about03{ padding:100px 0 120px; }
	.about03 .ibd{ margin-top:100px; }
	.about03 .ibd .item2{ height:140px; }
	.about03 .ibd .item .aitem .ico img{ height:52px}
	.about03 .ibd .item .aitem .cont{ margin-left:20px}
	.about03 .ibd .item .aitem .cont .p1{ font-size:22px; }
	.about03 .ibd .item .aitem .cont .p2{ font-size:12px; }
	.about03 .ibd .item .bitem{ margin-top:30px; font-size:18px; }
	.about03 .ibd .item .bitem a{ font-size:24px; }
	.about03 .map{  margin-top:60px}
}
@media (max-width: 1200px){
	.about03{ padding:60px 0; }
	.about03 .ibd{ margin-top:60px; }
	.about03 .ibd .item2{ height:100px; }
	.about03 .ibd .item .aitem .ico img{ height:42px}
	.about03 .ibd .item .aitem .cont{ margin-left:16px}
	.about03 .ibd .item .aitem .cont .p1{ font-size:20px; }
	.about03 .ibd .item .aitem .cont .p2{ font-size:12px; }
	.about03 .ibd .item .bitem{ margin-top:20px; font-size:16px; }
	.about03 .ibd .item .bitem a{ font-size:20px; }
	.about03 .map{  margin-top:40px}
}
@media (max-width: 750px){
	.about03{ padding:40px 0; }
	.about03 .ibd{ margin-top:0; }
	.about03 .ibd .item2{ display:none}
	.about03 .ibd .item{ width:100%; padding:20px 0; border-bottom:1px solid #dadada}
	.about03 .ibd .item .aitem .ico img{ height:36px}
	.about03 .ibd .item .aitem .cont{ margin-left:16px}
	.about03 .ibd .item .aitem .cont .p1{ font-size:16px; }
	.about03 .ibd .item .aitem .cont .p2{ font-size:12px; margin-top:10px }
	.about03 .ibd .item .bitem{ margin-top:10px; font-size:14px; }
	.about03 .ibd .item .bitem a{ font-size:18px; }
	.about03 .map{  margin-top:25px}
}

.anli01{ background:url(g_31.jpg) bottom center no-repeat; background-size:cover; padding:120px 0 90px}
.anli01 .ibd{ margin-top:90px}
.anli01 .ibd .swiper01{ width:920px; margin:0 auto; padding:30px 0; position:relative}
.anli01 .ibd .swiper01 .swiper-slide{ width:830px; position:relative; margin-right:130px}
.anli01 .ibd .swiper01 .swiper-slide:last-child{ margin-right:0}
.anli01 .ibd .swiper01 .swiper-slide .pic{ width:830px; padding:150px 0 100px 0; z-index:9; position:relative }
.anli01 .ibd .swiper01 .swiper-slide .pic img{ width:100%}
.anli01 .ibd .swiper01 .swiper-slide .cont{ width:750px; height:100%; position:absolute; left:0; top:0; z-index:2; background:#fff; box-shadow:0 0 20px rgba(13,82,119,0.22); box-sizing:border-box; padding:75px 0 0 90px; font-size:19px; color:#2c2c2c; opacity:0}
.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active .cont{ opacity:1}
.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active .pic{ padding-left:90px}
.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active{ width:100%}
.anli01 .ibd .swiper01 .pagination01{ width:750px; position:absolute; left:0; bottom:70px; z-index:99; text-align:center} 
.anli01 .ibd .swiper01 .pagination01 span{ width:14px; height:14px; box-sizing:border-box; border:1px solid #4891dc; background:#4891dc; opacity:1}
.anli01 .ibd .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#fff}
.anli01 .ibd .swiper01 .prev01{ background:url(g_34.png) center center no-repeat; width:67px; height:67px; background-size:100%; position:absolute; left:-100px; top:50%; transform:translateY(-50%); box-shadow:0 0 5px rgba(0,0,0,0.1); border-radius:50%; z-index:3; cursor:pointer}
.anli01 .ibd .swiper01 .next01{ background:url(g_34.png) center center no-repeat; width:67px; height:67px; background-size:100%; position:absolute; right:-100px; top:50%; transform:translateY(-50%) rotate(180deg); box-shadow:0 0 5px rgba(0,0,0,0.1); border-radius:50%; z-index:3; cursor:pointer}
.anli01 .ibd .swiper01 .prev01:hover{ background:url(g_35.png) center center no-repeat; background-size:100%; transform:translateY(-50%) rotate(180deg); }
.anli01 .ibd .swiper01 .next01:hover{ background:url(g_35.png) center center no-repeat; background-size:100%; transform:translateY(-50%) rotate(0);}
@media (max-width: 1600px){
	.anli01{ padding:100px 0 70px}
	.anli01 .ibd{ margin-top:60px}
	.anli01 .ibd .swiper01{ width:800px; padding:30px 0; }
	.anli01 .ibd .swiper01 .swiper-slide{ width:750px; margin-right:100px}
	.anli01 .ibd .swiper01 .swiper-slide .pic{ width:750px; padding:100px 0 100px 0; }
	.anli01 .ibd .swiper01 .swiper-slide .cont{ width:650px; padding:50px 0 0 50px; font-size:16px; }
	.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active .pic{ padding-left:50px}
	.anli01 .ibd .swiper01 .pagination01{ width:650px; bottom:70px;} 
	.anli01 .ibd .swiper01 .pagination01 span{ width:12px; height:12px; }
	.anli01 .ibd .swiper01 .prev01{ width:58px; height:58px; left:-80px;}
	.anli01 .ibd .swiper01 .next01{ width:58px; height:58px; right:-80px;}
}
@media (max-width: 1200px){
	.anli01{ padding:60px 0 40px}
	.anli01 .ibd{ margin-top:20px}
	.anli01 .ibd .swiper01{ width:calc(100% - 220px); padding:10px 0; }
	.anli01 .ibd .swiper01 .swiper-slide{ width:100%; margin-right:80px; background:#fff; box-sizing:border-box; padding:30px 30px 60px; box-shadow:0 0 10px rgba(13,82,119,0.22); }
	.anli01 .ibd .swiper01 .swiper-slide .pic{ width:100%; padding:0; margin-top:15px }
	.anli01 .ibd .swiper01 .swiper-slide .cont{ width:100%; position:relative; padding:0; font-size:14px; box-shadow:0 0 0 0; background:none }
	.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active{ width:100%}
	.anli01 .ibd .swiper01 .swiper-slide.swiper-slide-active .pic{ padding-left:0}
	.anli01 .ibd .swiper01 .pagination01{ width:100%; bottom:30px; position:relative; font-size:0} 
	.anli01 .ibd .swiper01 .pagination01 span{ width:10px; height:10px; }
	.anli01 .ibd .swiper01 .prev01{ width:40px; height:40px; left:-60px;}
	.anli01 .ibd .swiper01 .next01{ width:40px; height:40px; right:-60px;}
}
@media (max-width: 750px){
	.anli01{ padding:40px 0 20px}
	.anli01 .ibd{ margin-top:20px}
	.anli01 .ibd .swiper01{ width:100%; padding:10px 0; }
	.anli01 .ibd .swiper01 .swiper-slide{  padding:20px 20px 50px; }
	.anli01 .ibd .swiper01 .pagination01 span{ width:8px; height:8px; margin:0 4px }
}

.wk2{ background:url(g_32.jpg) bottom center no-repeat; background-size:cover; padding:120px 0}
.anli02{ width:100%}
.anli02 .ibd{ margin-top:40px; font-size:16px; color:#666666; text-align:center; line-height:2}
.anli02 .ilist{ margin-top:60px; width:100%; display:flex; flex-wrap: wrap;}
.anli02 .ilist .item{ width:23.875%; margin-right:1.5%; box-sizing:border-box; border:1px solid #f7f7f7; padding:60px; text-align:center; box-shadow:0 0 5px rgba(0,0,0,.1); margin-top:1.5%}
.anli02 .ilist .item:nth-child(4n){ margin-right:0}
.anli02 .ilist .item .ico img{ height:40px}
.anli02 .ilist .item .intro{ margin-top:20px; font-size:22px; color:#000000}
@media (max-width: 1600px){
	.wk2{ padding:100px 0}
	.anli02 .ibd{ margin-top:30px; font-size:14px;}
	.anli02 .ilist{ margin-top:40px;}
	.anli02 .ilist .item{ padding:40px; }
	.anli02 .ilist .item .ico img{ height:36px}
	.anli02 .ilist .item .intro{ margin-top:16px; font-size:20px;}
}
@media (max-width: 1200px){
	.wk2{ padding:60px 0}
	.anli02 .ibd{ margin-top:20px; font-size:12px;}
	.anli02 .ilist{ margin-top:20px;}
	.anli02 .ilist .item{ width:32%; margin-right:2%; padding:20px; }
	.anli02 .ilist .item:nth-child(4n){ margin-right:2%}
	.anli02 .ilist .item:nth-child(3n){ margin-right:0}
	.anli02 .ilist .item .ico img{ height:32px}
	.anli02 .ilist .item .intro{ margin-top:12px; font-size:16px;}
}
@media (max-width: 750px){
	.wk2{ padding:40px 0}
	.anli02 .ibd{ margin-top:15px;}
	.anli02 .ilist{ margin-top:15px;}
	.anli02 .ilist .item{ width:49%; margin-right:2%; padding:20px; margin-top:2% }
	.anli02 .ilist .item:nth-child(4n){ margin-right:2%}
	.anli02 .ilist .item:nth-child(3n){ margin-right:2%}
	.anli02 .ilist .item:nth-child(2n){ margin-right:0}
	.anli02 .ilist .item .ico img{ height:32px}
	.anli02 .ilist .item .intro{ margin-top:12px; font-size:14px;}
}

.anli03{ margin-top:120px}
.anli03 .ibd{ margin-top:50px; display:flex; flex-wrap: wrap;}
.anli03 .ibd .item{ width:31.2%; margin-right:3.2%; margin-top:3.2%}
.anli03 .ibd .item:nth-child(3n){ margin-right:0}
.anli03 .ibd .item .pic{ width:100%; overflow:hidden}
.anli03 .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;}
.anli03 .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);}
.anli03 .ibd .item .title{ background:#f2f3f5; height:80px; font-size:20px; color:#000; display:flex; align-items: center; justify-content: center; width:100%; box-sizing:border-box; padding:0 5%}
@media (max-width: 1600px){
	.anli03{ margin-top:100px}
	.anli03 .ibd{ margin-top:40px;}
	.anli03 .ibd .item .title{ height:60px; font-size:18px;}
}
@media (max-width: 1200px){
	.anli03{ margin-top:60px}
	.anli03 .ibd{ margin-top:20px;}
	.anli03 .ibd .item .title{ height:50px; font-size:16px;}
}
@media (max-width: 750px){
	.anli03{ margin-top:40px}
	.anli03 .ibd{ margin-top:10px;}
	.anli03 .ibd .item{ width:48.5%; margin-right:3%; margin-top:3%}
	.anli03 .ibd .item:nth-child(3n){ margin-right:3%}
	.anli03 .ibd .item:nth-child(2n){ margin-right:0}
	.anli03 .ibd .item .title{ height:40px; font-size:14px;}
}

.pro01{ background:url(g_38.jpg) bottom center no-repeat; background-size:cover; padding:120px 0 60px}
.pro01 .ibd{ margin-top:40px; font-size:16px; color:#666666; text-align:center; line-height:2}
.pro01 .ibd img{ max-width:100%; height:auto}
.pro01 .con{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; margin-top:80px;}
.pro01 .con .pic{ width:782px; position:relative; overflow:hidden}
.pro01 .con .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;}
.pro01 .con .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);}
.pro01 .con .play{ width:782px; position:relative; overflow:hidden; position:relative}
.pro01 .con .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;}
.pro01 .con .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);}
.pro01 .con .play span{ background:url(g_41.png) top center no-repeat; padding-top:75px; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:16px; background-size:66px}
@media (max-width: 1600px){
	.pro01{ padding:100px 0 60px}
	.pro01 .ibd{ margin-top:30px; font-size:14px; }
	.pro01 .con{  margin-top:60px;}
	.pro01 .con .pic{ width:48.5%; }
	.pro01 .con .play{ width:48.5%; }
	.pro01 .con .play span{  padding-top:65px;  font-size:14px; background-size:60px}
}
@media (max-width: 1200px){
	.pro01{ padding:60px 0 40px}
	.pro01 .ibd{ margin-top:20px; font-size:12px; }
	.pro01 .con{  margin-top:40px;}
	.pro01 .con .pic{ width:48.5%; }
	.pro01 .con .play{ width:48.5%; }
	.pro01 .con .play span{  padding-top:60px;  font-size:14px; background-size:50px}
}
@media (max-width: 750px){
	.pro01{ padding:40px 0 40px}
	.pro01 .ibd{ margin-top:15px; }
	.pro01 .con{  margin-top:20px;}
	.pro01 .con .pic{ width:100%; }
	.pro01 .con .play{ width:100%; margin-top:20px }
	.pro01 .con .play span{  padding-top:60px;  font-size:14px; background-size:50px}
}

.pro02 .ibd{ margin-top:45px; display:flex;justify-content: space-between; flex-wrap: wrap;}
.pro02 .ibd .item{ width:48.5%; background:#f2f3f5; box-sizing:border-box; margin-top:35px; padding:60px 50px; display:flex; flex-wrap: wrap;}
.pro02 .ibd .item .ico{ width:120px}
.pro02 .ibd .item .ico img{ height:57px}
.pro02 .ibd .item .cont{ width:calc(100% - 120px);}
.pro02 .ibd .item .cont .title{ font-size:24px; color:#000000}
.pro02 .ibd .item .cont .intro{ font-size:16px; color:#666666; margin-top:20px; line-height:36px}
@media (max-width: 1600px){
	.pro02 .ibd{ margin-top:30px; }
	.pro02 .ibd .item{ margin-top:25px; padding:50px 40px; }
	.pro02 .ibd .item .ico{ width:100px}
	.pro02 .ibd .item .ico img{ height:50px}
	.pro02 .ibd .item .cont{ width:calc(100% - 100px);}
	.pro02 .ibd .item .cont .title{ font-size:20px; }
	.pro02 .ibd .item .cont .intro{ font-size:14px;  margin-top:20px; line-height:30px}
}
@media (max-width: 1200px){
	.pro02 .ibd{ margin-top:10px; }
	.pro02 .ibd .item{ margin-top:20px; padding:30px 20px; }
	.pro02 .ibd .item .ico{ width:80px}
	.pro02 .ibd .item .ico img{ height:40px}
	.pro02 .ibd .item .cont{ width:calc(100% - 80px);}
	.pro02 .ibd .item .cont .title{ font-size:18px; }
	.pro02 .ibd .item .cont .intro{ font-size:12px;  margin-top:10px; line-height:26px}
}
@media (max-width: 750px){
	.pro02 .ibd{ margin-top:10px; }
	.pro02 .ibd .item{ margin-top:20px; padding:20px; }
	.pro02 .ibd .item .ico{ width:100%}
	.pro02 .ibd .item .ico img{ height:32px}
	.pro02 .ibd .item .cont{ width:100%;}
	.pro02 .ibd .item .cont .title{ font-size:14px; margin-top:15px }
	.pro02 .ibd .item .cont .intro{ font-size:12px;  margin-top:10px; line-height:24px}
}
.wk3{ background:url(g_43.jpg) top center no-repeat; background-size:cover;}

.jjfa01{ padding:120px 0}
.jjfa01 .ibd{ margin-top:40px; font-size:16px; color:#666666; text-align:center; line-height:2}
.jjfa01 .ibd img{ max-width:100%; height:auto}
.jjfa01 .con{ display:flex;justify-content: space-between; flex-wrap: wrap; margin-top:60px}
.jjfa01 .con .item{ width:32.125%; position:relative; margin-top:35px}
.jjfa01 .con .item .pic{ width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.jjfa01 .con .item .pic img{ width:100%}
.jjfa01 .con .item .title{ width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0;display:flex; align-items: center; padding-left:36px; font-size:24px; color:#4891dc; font-weight:bold}
@media (max-width: 1600px){
	.jjfa01{ padding:100px 0}
	.jjfa01 .ibd{ margin-top:30px; font-size:14px; }
	.jjfa01 .con{  margin-top:30px}
	.jjfa01 .con .item{ margin-top:25px}
	.jjfa01 .con .item .title{ padding-left:28px; font-size:20px; }
}
@media (max-width: 1200px){
	.jjfa01{ padding:60px 0}
	.jjfa01 .ibd{ margin-top:20px; font-size:12px; }
	.jjfa01 .con{  margin-top:10px}
	.jjfa01 .con .item{ margin-top:15px; width:48.5%}
	.jjfa01 .con .item .title{ padding-left:20px; font-size:18px; }
}
@media (max-width: 750px){
	.jjfa01{ padding:40px 0}
	.jjfa01 .ibd{ margin-top:15px; font-size:12px; }
	.jjfa01 .con{  margin-top:10px}
	.jjfa01 .con .item{ margin-top:15px; width:100%}
	.jjfa01 .con .item .title{ padding-left:20px; font-size:16px; }
}
.jjfa02{ width:100%;}
.jjfa02 .ibd{ background:url(g_45.jpg) left center no-repeat; background-size:cover; margin-top:100px; padding:115px 0}
.jjfa02 .ibd .nr{ display:flex;justify-content: space-evenly;  flex-wrap: wrap; text-align:center; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); padding:45px 0}
.jjfa02 .ibd .nr .item:nth-child(2n){ width:1px; background:#d9d9d9}
.jjfa02 .ibd .nr .item:last-child{ display:none}
.jjfa02 .ibd .nr .item{ height:auto;  background:url(g_46.jpg) bottom center no-repeat}
.jjfa02 .ibd .nr .item .num{ font-size:30px; font-family:Arial; color:#242424; line-height:1}
.jjfa02 .ibd .nr .item .intro{ font-size:16px; line-height:2; padding:20px 0 45px;}
@media (max-width: 1600px){
	.jjfa02 .ibd{ margin-top:80px; padding:90px 0}
	.jjfa02 .ibd .nr{  padding:30px 0}
	.jjfa02 .ibd .nr .item2{ height:220px; }
	.jjfa02 .ibd .nr .item .num{ font-size:26px; }
	.jjfa02 .ibd .nr .item .intro{ font-size:14px;  padding:15px 0 35px; }

}
@media (max-width: 1200px){
	.jjfa02 .ibd{ margin-top:60px; padding:60px 0}
	.jjfa02 .ibd .nr{  padding:20px 0}
	.jjfa02 .ibd .nr .item2{ height:160px; }
	.jjfa02 .ibd .nr .item .num{ font-size:20px; }
	.jjfa02 .ibd .nr .item .intro{ font-size:12px;  padding:10px 0 25px; }

}
@media (max-width: 750px){
	.jjfa02 .ibd{ margin-top:20px; padding:40px 0}
	.jjfa02 .ibd .nr{  padding:20px 0; justify-content: flex-start;}
	.jjfa02 .ibd .nr .item:nth-child(6n){ display:none}
	.jjfa02 .ibd .nr .item{ width:calc(33.33333333333% - 1px); margin-bottom:20px}
	.jjfa02 .ibd .nr .item .num{ font-size:18px; }
	.jjfa02 .ibd .nr .item .intro{ font-size:12px;  padding:10px 0 25px; }

}

.wk4{ background:url(g_47.jpg) bottom center no-repeat; padding:120px 0}
.jjfa03{ margin-top:120px;}
.jjfa03 .ibd{ margin-top:80px}
.jjfa03 .ibd .swiper03{ width:100%; overflow:hidden; position:relative}
.jjfa03 .ibd .swiper03 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.jjfa03 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.jjfa03 .ibd .swiper03 .swiper-slide .pic img{ width:100%}
.jjfa03 .ibd .swiper03 .swiper-slide .cont{ position:absolute; left:105px; top:50%; transform:translateY(-50%); z-index:9; background:rgba(255,255,255,0.9); width:610px; box-sizing:border-box; padding:20px 50px 40px}
.jjfa03 .ibd .swiper03 .swiper-slide .cont .title{ padding:20px 0; font-size:20px; color:#222629; border-bottom:1px solid #d5d5d5}
.jjfa03 .ibd .swiper03 .swiper-slide .cont .intro{ font-size:16px; color:#666666; line-height:2; padding:40px 0}
.jjfa03 .ibd .swiper03 .prev03{ background:url(g_49.png) center center no-repeat; background-size:100%; width:67px; height:67px; cursor:pointer; position:absolute; right:172px; bottom:80px; z-index:2}
.jjfa03 .ibd .swiper03 .next03{ background:url(g_49.png) center center no-repeat; background-size:100%; width:67px; height:67px; cursor:pointer; position:absolute; right:82px; bottom:80px; z-index:2; transform:rotate(180deg)}
.jjfa03 .ibd .swiper03 .prev03:hover{ background:url(g_50.png) center center no-repeat; background-size:100%; transform:rotate(180deg) }
.jjfa03 .ibd .swiper03 .next03:hover{ background:url(g_50.png) center center no-repeat; background-size:100%; transform:rotate(0) }
@media (max-width: 1600px){
	.wk4{ padding:100px 0}
	.jjfa03{ margin-top:100px;}
	.jjfa03 .ibd{ margin-top:60px}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont{ left:80px; padding:15px 40px 30px}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .title{ padding:15px 0; font-size:18px; }
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .intro{ font-size:14px; padding:30px 0}
	.jjfa03 .ibd .swiper03 .prev03{  width:58px; height:58px; right:150px; bottom:50px; }
	.jjfa03 .ibd .swiper03 .next03{ width:58px; height:58px; right:80px; bottom:50px; }
}
@media (max-width: 1200px){
	.wk4{ padding:60px 0}
	.jjfa03{ margin-top:60px;}
	.jjfa03 .ibd{ margin-top:40px}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont{ left:50%; transform:translate(-50%,-50%); box-sizing:border-box; width:70%; padding:15px 30px 20px}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .title{ padding:12px 0; font-size:16px; }
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .intro{ font-size:12px; padding:20px 0}
	.jjfa03 .ibd .swiper03 .prev03{  width:42px; height:42px; left:0; bottom:50%; transform:translateY(50%) rotate(0) }
	.jjfa03 .ibd .swiper03 .next03{ width:42px; height:42px; right:0; bottom:50%; transform:translateY(50%) rotate(180deg) }
	
	.jjfa03 .ibd .swiper03 .prev03:hover{  transform:translateY(50%) rotate(180deg) }
	.jjfa03 .ibd .swiper03 .next03:hover{  transform:translateY(50%) rotate(0) }
}
@media (max-width: 750px){
	.wk4{ padding:40px 0}
	.jjfa03{ margin-top:40px;}
	.jjfa03 .ibd{ margin-top:20px}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont{ position:relative; width:100%; left:0; top:0; transform:translate(0,0); box-sizing:border-box; width:100%; padding:0}
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .title{ padding:12px 0; font-size:16px; }
	.jjfa03 .ibd .swiper03 .swiper-slide .cont .intro{ font-size:12px; padding:16px 0 0}
	.jjfa03 .ibd .swiper03 .prev03{  width:32px; height:32px; }
	.jjfa03 .ibd .swiper03 .next03{ width:32px; height:32px;  }
}




/* 内容模式 */
.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:#1f83e6}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1440px){
	.article { padding:40px 0}
}
@media all and (max-width:1200px){
	.article { padding:40px 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}	
}


.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#1498de; 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 }
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%;  margin-bottom:40px; position:relative; overflow:hidden; }
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ }
.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{ }
.picxList .item a .cont .title{ font-size:18px; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;  width:100%; box-sizing:border-box; padding:10px;  color:#333}
.picxList .item:hover a .cont{}
@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{ padding:40px 0}
	.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; border-radius:10px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:0}
	.picxList .item a .cont .title{ font-size:14px; padding:12px}	

}


.newsList{ padding:80px 0}
.newsCont{ width:100%; border-top:2px solid #333; margin-bottom:80px}
.newsCont .item{ width:100%; border-bottom:2px solid #333333}
.newsCont .item a{ display:block; padding:40px 40px 40px 0}
.newsCont .item a .time{ float:left; width:90px; box-sizing:border-box; border:1px solid #e5e5e5; text-align:center; padding:20px 0}
.newsCont .item a .time .p1{ font-size:24px; color:#333; line-height:1}
.newsCont .item a .time .p2{ color:#bcaaaa; font-size:14px; line-height:1; padding-top:10px}
.newsCont .item a .cont{ width:calc(100% - 460px); float:left; box-sizing:border-box; padding:0 160px}
.newsCont .item a .cont .title{ font-size:24px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold}
.newsCont .item a .cont .intro{ font-size:16px; color:#1f1f1f; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:30px 0}
.newsCont .item a .cont .more{ width:180px; height:50px; box-sizing:border-box; border:1px solid #c4c5c8;display:flex;align-items: center;justify-content: center; font-size:16px; color:#333; transition:all 0.5s}
.newsCont .item:hover a .cont .more{ background:#4891dc; border:1px solid #4891dc; color:#fff}
.newsCont .item a .cont .t{ display:none}
.newsCont .item a .pic{ width:370px; float:right; overflow:hidden}
.newsCont .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;}
.newsCont .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);}
.newsCont .item:hover{ background:#f2f4f7}
.newsCont .item:hover a .cont .title{ color:#4891dc; font-weight:bold}
@media all and (max-width:1680px){
	.newsCont .item a{ padding:30px 30px 30px 0}
	.newsCont .item a .cont{ padding:0 80px}
	.newsCont .item a .time{ width:80px; padding:16px 0}
	.newsCont .item a .time .p1{ font-size:20px; }
	.newsCont .item a .time .p2{ font-size:12px}
	.newsCont .item a .cont{ width:calc(100% - 400px); padding:0 80px}
	.newsCont .item a .pic{ width:320px; }
	.newsCont .item a .cont .title{ font-size:20px;}
	.newsCont .item a .cont .intro{ font-size:14px; margin:25px 0}
	.newsCont .item a .cont .more{ width:130px; height:40px; font-size:14px; }
}
@media all and (max-width:1200px){
	.newsList{ padding:40px 0}
	.newsCont{ margin-bottom:40px}
	.newsCont .item a{ padding:20px 0 20px 0}
	.newsCont .item a .time{ width:60px; padding:10px 0}
	.newsCont .item a .time .p1{ font-size:18px; }
	.newsCont .item a .time .p2{ font-size:12px}
	.newsCont .item a .cont{ width:calc(100% - 320px); padding:0 20px}
	.newsCont .item a .pic{ width:260px; }
	.newsCont .item a .cont .title{ font-size:16px;}
	.newsCont .item a .cont .intro{ font-size:12px; margin:16px 0}
	.newsCont .item a .cont .more{ width:100px; height:32px; font-size:12px; }
}
@media all and (max-width:750px){
	.newsCont .item{ border:0; margin-bottom:20px}
	.newsCont .item a{ padding:0}
	.newsCont .item a .time{ display:none}
	.newsCont .item a .cont{ width:100%; padding:0}
	.newsCont .item a .pic{ width:100%; }
	.newsCont .item a .cont .title{ font-size:16px; margin-top:12px}
	.newsCont .item a .cont  .t{ display:block; font-size:12px; margin-top:8px}
	.newsCont .item a .cont .intro{ font-size:12px; margin:10px 0; line-height:20px; height:auto}
	.newsCont .item a .cont .more{ width:100px; height:32px; font-size:12px; }
}


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