@charset "utf-8";
.container{ background:url(bjj.jpg) top center no-repeat; padding-top:1px}
.banner{ width:100%; overflow:hidden; position:relative;}
.banner>img{ width: 100%; height: auto; }
.banner .img1{ display: block; }
.banner .img2{ display: none; }

.apro{ background:url(g_24.png) top center no-repeat; background-size:cover}
.apro .aitem .lt{ float:left;display:flex;align-items: center;justify-content: center; height:480px}
.apro .aitem .lt .title{ font-size:40px; color:#333333; font-weight:bold; line-height:1  }
.apro .aitem .lt .intro{ font-size:16px; color:rgba(51,51,51,0.8); line-height:2; margin-top:45px; width:510px}
.apro .aitem .rt{ float:right; width:663px; overflow:hidden; position:relative}
.apro .aitem .rt .swiper01{ width:100%}
.apro .aitem .rt .swiper01 .swiper-slide{ width:100%}
.apro .aitem .rt .swiper01 .swiper-slide img{ width:100%}


.apro .aitem .rt .swiper01 .prev01{ width:50px; height:50px; background:url(g_09.png) center center no-repeat #eff1f3; border-radius:50%; cursor:pointer; font-size:0; position:absolute; left:0; top:calc(50% - 25px); z-index:9}
.apro .aitem .rt .swiper01 .prev01:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(180deg) }
.apro .aitem .rt .swiper01 .next01{ width:50px; height:50px; background:url(g_09.png) center center no-repeat #eff1f3; border-radius:50%; cursor:pointer; font-size:0; position:absolute; right:0;  top:calc(50% - 25px); z-index:9; transform:rotate(180deg)}
.apro .aitem .rt .swiper01 .next01:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(0) }

.apro .bitem{ padding:90px 0 100px}
.apro .bitem .ihd{ text-align:center; font-size:40px; color:#333333; font-weight:bold; line-height:1}
.apro .bitem .ibd{ margin-top:70px; }
.apro .bitem .ibd .swiper02{ width:100%; padding:10px; margin:-10px 0 0 -10px ;overflow:hidden}
.apro .bitem .ibd .swiper02 .swiper-slide{ width:295px;  background:#fff; box-shadow:0 0 10px rgba(40,69,109,0.15); border-radius:10px; overflow:hidden; margin-right:40px; padding-bottom:10px; position:relative; top:0; transition:all 0.5s}
.apro .bitem .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.apro .bitem .ibd .swiper02 .swiper-slide .pic{ text-align:center; margin-top:45px; height:115px}
.apro .bitem .ibd .swiper02 .swiper-slide .title{ font-size:24px; color:#333333; font-weight:bold; line-height:1; text-align:center; transition:all 0.5s}
.apro .bitem .ibd .swiper02 .swiper-slide .intro{ padding:35px 40px 0; font-size:16px; color:rgba(51,51,51,0.8); line-height:2}
.apro .bitem .ibd .swiper02 .swiper-slide:hover .pic img{animation: jello 1.4s;}
.apro .bitem .ibd .swiper02 .swiper-slide:hover{ top:-10px}
.apro .bitem .ibd .swiper02 .swiper-slide:hover .title{ color:#00419b}

.bpro{ background:url(g_25.jpg) bottom center no-repeat; background-size:cover; padding:80px 0 100px}
.bpro .ihd{ text-align:center; font-size:40px; color:#333333; font-weight:bold; line-height:1}
.bpro .ibd{ margin-top:70px; padding:60px 70px; box-sizing:border-box; background:#fff; border-radius:20px; font-size:16px; word-break:break-all}
.bpro .ibd table{ width:100%!important}
.cpro{ background:url(g_31.jpg) center center no-repeat; background-size:cover; padding:80px 0 150px}
.cpro .aitem .ihd{ text-align:center; font-size:40px; color:#333333; font-weight:bold; line-height:1}
.cpro .aitem .ibd{ width:90%; margin:0 auto; }
.cpro .aitem .ibd .item{ float:left; width:33.333333%; text-align:center; margin-top:80px}
.cpro .aitem .ibd .item .pic{ width:136px; height:136px; background:#fff; border-radius:50%; overflow:hidden;display:flex;align-items: center;justify-content: center; margin:0 auto; box-shadow:0 0 20px rgba(40,69,109,0.3)}
.cpro .aitem .ibd .item .title{ font-size:24px; color:#333333; line-height:1; margin-top:40px; text-align:center; font-weight:bold}
.cpro .aitem .ibd .item .pic .img1{ display:block}
.cpro .aitem .ibd .item .pic .img2{ display:none}
.cpro .aitem .ibd .item:hover .pic .img2{ display:block}
.cpro .aitem .ibd .item:hover .pic .img1{ display:none}
.cpro .aitem .ibd .item:hover .pic{ background:#00419a}

.cpro .bitem .ihd{ text-align:center; font-size:40px; color:#333333; font-weight:bold; line-height:1; margin-top:90px}
.cpro .bitem .ibd{ width:100%; margin-top:70px}
.cpro .bitem .ibd video{ width:100%; height:auto}



.sideBar{position: absolute;bottom: 20px;left: 0;right: 0;z-index: 2;}
.sideBar .a1{background: #fff;display: flex;justify-content: space-between;align-items: center;}
.sideBar .a1 .b1 .item-wrap{display: flex;}
.sideBar .a1 .b1 .item{ }
.sideBar .a1 .b1 .item a{font-size: 18px;color: #333333;line-height: 80px; padding:0 20px;display: block;}
.sideBar .a1 .b1 .item.on a,
.sideBar .a1 .b1 .item a:hover{color: #fff; background:#00419b}
.sideBar .a1 .b1 .item:last-child{margin-right: 0;}
.sideBar .a1 .b2 a{font-size: 16px;color: #666666;}
.sideBar .a1 .b1 .left-swiper .swiper-slide {width: auto;}
.sideBar .a1 .b2{ margin-right:20px}

.wrap{ width:1300px; margin:0 auto}
/* 内容模式 */
.article{padding: 40px 0 40px;line-height:2;font-size:16px;word-wrap:break-word;}
.article .hd{ text-align:center; border-bottom: 1px solid #ccc;}
.article .hd h1{color:#000; font-size:24px; font-weight:normal; font-size:24px; line-height:26px; }
.article .hd .titBar{color:#999; font-size:16px; padding:10px 0 15px; }
.article .bd{padding:40px 0;}
.article .ft{padding:20px 0 0; border-top:1px solid #ddd; }
.article img{max-width: 100%;}



/*newsList*/
.newsList .newsItem{margin-top: 2.083333vw;margin-bottom: 4.1667vw;}
.newsList .newsItem .item{margin-bottom: 20px;}
.newsList .newsItem .item:last-child{margin-bottom: 0;}
.newsList .newsItem .item a{background: #f9fafc;transition: all 0.3s;display: flex;justify-content: space-between;align-items: center;padding: 39px 67px 37px 30px;}
.newsList .newsItem .item .textBox{width: 80%;}
.newsList .newsItem .item .textBox .tit{font-size: 20px;font-weight: bold;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s;}
.newsList .newsItem .item .textBox .tip{margin-top: 15px;font-size: 14px;color: #666666;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .newsItem .item .timeBox{text-align: center;}
.newsList .newsItem .item .timeBox .time1{font-family: Arial;font-size: 46px;font-weight: bold;color: #333333;line-height: 1;transition: all 0.3s;}
.newsList .newsItem .item .timeBox .time2{font-size: 14px;color: #666666;}
.newsList .newsItem .item a:hover .textBox .tit{color: #005eac;}
.newsList .newsItem .item a:hover .timeBox .time1{color: #005eac;}

/* 分页 */
.page{padding-top: 40px;line-height:30px;text-align:center;font-size:16px;}
.page a{display:inline-block; margin:0 2px; padding:5px 15px; border:1px solid #f5f5f5; background:#f5f5f5; color:#333; vertical-align:top;}
.page a:hover,.page .current{border:1px solid #00419b; background:#00419b; color:#fff;}
.page select{ display:none}


/*page-business*/
.page-business{ padding: 84px 0;}
.page-business .item{display: flex;justify-content: space-between;align-items: center;background: #ffffff;margin-bottom: 50px;}
.page-business .item .picBox{display: block; position: relative;width:30%;box-sizing: border-box;overflow: hidden;}
.page-business .item .picBox::before{content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0px;}
.page-business .item .picBox img{width: 100%;transition: all 0.3s;}
.page-business .item .picBox:hover img{transform: scale(1.1);}
.page-business .item .picBox:hover::before{animation: gradient-rectangle 1.4s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.page-business .item .textBox{width: 70%;box-sizing: border-box;padding-left: 40px;padding-right: 40px;}
.page-business .item .textBox .b1{ font-size: 20px;font-weight: bold;color: #111111;padding-left: 12px;background: url(pic_10.png) no-repeat left 0;}
.page-business .item .textBox .b1 a{color: #111111;}
.page-business .item .textBox .b2{font-size: 14px;color: #111111;line-height: 1;padding-left: 12px; margin-top:20px}
.page-business .item .textBox .b3{font-size: 14px;color: #555555;line-height: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify;padding-left: 12px; height:64px;margin-top: 20px;}
.page-business .item .textBox .b4{padding-left: 12px;margin-top:20px;}
.page-business .item .textBox .b4 a{font-size: 14px;color: #555555;}
.page-business .item .textBox .b4 a span{margin-left: 18px;vertical-align: -6px;display: inline-block;transition: all 0.4s;}
.page-business .item .textBox .b4 a:hover span{margin-left: 30px;}



/*page-business*/
.page-business.page-businessx{ padding: 84px 0;}
.page-business.page-businessx .item{display: flex;justify-content: space-between;align-items: center;background: #ffffff;margin-bottom: 50px;}
.page-business.page-businessx .item .picBox{display: block; position: relative;width:45%;box-sizing: border-box;overflow: hidden;}
.page-business.page-businessx .item .picBox::before{content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0px;}
.page-business.page-businessx .item .picBox img{width: 100%;transition: all 0.3s;}
.page-business.page-businessx .item:hover .picBox img{transform: scale(1.1);}
.page-business.page-businessx .item .picBox:hover::before{animation: gradient-rectangle 1.4s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.page-business.page-businessx .item .textBox{width: 55%;box-sizing: border-box;padding-left: 50px;padding-right: 50px;}
.page-business.page-businessx .item .textBox .b1{ font-size: 24px;font-weight: bold;color: #111111;padding-left: 12px;background: url(pic_10.png) no-repeat left 0;}
.page-business.page-businessx .item .textBox .b1 a{color: #111111;}
.page-business.page-businessx .item .textBox .b2{font-size: 14px;color: #111111;line-height: 1;padding-left: 12px; margin-top:20px}
.page-business.page-businessx .item .textBox .b3{font-size: 16px;color: #555555;line-height: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: justify;padding-left: 12px;margin-top: 20px;}
.page-business.page-businessx .item .textBox .b4{padding-left: 12px;margin-top:40px;}
.page-business.page-businessx .item .textBox .b4 a{font-size: 16px;color: #e80111;}
.page-business.page-businessx .item .textBox .b4 a span{margin-left: 18px;vertical-align: -6px;display: inline-block;transition: all 0.4s;}
.page-business.page-businessx .item .textBox .b4 a:hover span{margin-left: 30px;}
.page-business.page-businessx .item:hover .textBox .b1 a{color: #014294;}




.piList{ padding:60px 0}
.piList .pic-item-list .pic-item{float:left;width: 31.8666%;margin:0 2.2% 2% 0;text-align: center;overflow:hidden;}
.piList .pic-item-list .pic-item:nth-child(3n){margin-right: 0;}
.piList .pic-item-list .pic-item .list-pic{overflow: hidden;background: #fff;}
.piList .pic-item-list .pic-item dl{padding: 0 3%; border-top:1px solid #d5eafa;line-height: 3.2; background:#fff}
.piList .pic-item-list .pic-item dl dt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background:none}
.piList .pic-item-list .pic-item dl dt a{font-size: 16px;color: #333;}
.piList .pic-item-list .pic-item:hover{box-shadow: 0 0 10px #999;}
.piList .pic-item-list .pic-item:hover dl{background: #00419b;}
.piList .pic-item-list .pic-item:hover dl dt a{color: #fff;}
.piList .pic-item-list .pic-item .list-pic img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
	
}
.piList .pic-item-list .pic-item:hover .list-pic img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
.piList.piList01 .pic-item-list .pic-item{border-radius: 0;}
.piList.piList01 .pic-item-list .pic-item .list-pic{box-sizing: border-box;border:1px solid #ccc;}
.piList .pic-item-list .pic-item dl{ }



.piList2{ padding:60px 0}
.piList2 .pic-item-list2 .pic-item2{float:left;width: 23.5%;margin:0 2% 2% 0;text-align: center;overflow:hidden;}
.piList2 .pic-item-list2 .pic-item2:nth-child(4n){margin-right: 0;}
.piList2 .pic-item-list2 .pic-item2 .list-pic2{overflow: hidden;background: #fff;}
.piList2 .pic-item-list2 .pic-item2 dl{padding: 0 3%; border-top:1px solid #d5eafa;line-height: 3.2; background:#fff}
.piList2 .pic-item-list2 .pic-item2 dl dt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background:none}
.piList2 .pic-item-list2 .pic-item2 dl dt a{font-size: 16px;color: #333;}
.piList2 .pic-item-list2 .pic-item2:hover{box-shadow: 0 0 10px #999;}
.piList2 .pic-item-list2 .pic-item2:hover dl{background: #00419b;}
.piList2 .pic-item-list2 .pic-item2:hover dl dt a{color: #fff;}
.piList2 .pic-item-list2 .pic-item2 .list-pic2 img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	max-width: 100%;
	
}
.piList2 .pic-item-list2 .pic-item2:hover .list-pic2 img{
	transform:scale(1.1);
-ms-transform:scale(1.1); 	
-moz-transform:scale(1.1); 	
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
.piList2.piList201 .pic-item-list2 .pic-item2{border-radius: 0;}
.piList2.piList201 .pic-item-list2 .pic-item2 .list-pic2{box-sizing: border-box;border:1px solid #ccc;}
.piList2 .pic-item-list2 .pic-item2 dl{ }



.list { padding:40px 0; }
.list li { padding:15px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat left center; line-height:20px; clear:both; font-size:14px }
.list li span { float:right; color:#999; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }



.case .w1{ background:url(c1.jpg) center center no-repeat; background-size:cover}
.case01{ padding:100px 0 0 0}
.case .ihd{ text-align:center; line-height:1; font-size:40px; color:#333333; font-weight:bold}
.case01 .ibd{ margin-top:80px}
.case01 .ibd .swiper01{ width:100%; overflow:hidden; padding:20px; margin:-20px -20px}
.case01 .ibd .swiper01 .swiper-slide{ width:300px; height:166px; box-sizing:border-box; border:1px solid #fff; box-shadow:0 0 20px rgba(00,00,00,0.1); border-radius:10px; overflow:hidden; margin-right:33px; background:url(c7.png) top center no-repeat #fff; background-size:100%; position:relative; transition:all 0.5s;top:0}
.case01 .ibd .swiper01 .swiper-slide:after{ content:""; display:block; width:0%; height:4px; background:#e80111; position:absolute; left:0; bottom:0; transition:all 0.5s}
.case01 .ibd .swiper01 .swiper-slide:last-child{ margin-right:0}
.case01 .ibd .swiper01 .swiper-slide .pic{ width:107px; height:100%;display:flex;align-items: center;justify-content: center; float:left}
.case01 .ibd .swiper01 .swiper-slide .item{ width:calc(100% - 107px); float:right;display:flex;align-items: center;justify-content: center; font-size:24px; color:#333333; line-height:1.4; height:100%; font-weight:bold}
.case01 .ibd .swiper01 .swiper-slide .title{ padding-right:45px; transition:all 0.5s}
.case01 .ibd .swiper01 .swiper-slide:hover:after{ width:100%}
.case01 .ibd .swiper01 .swiper-slide:hover{ top:-20px}
.case01 .ibd .swiper01 .swiper-slide:hover .title{ color:#00419b}
.case02{ margin-top:100px; padding-bottom:130px}
.case02 .nr{ position:relative}
.case02 .ihd{ text-align:left; margin-top:80px; width:265px; float:left}
.case02 .ibd{ width:calc(100% - 265px); float:right}
.case02 .ibd .swiper02{ width:100%; overflow:hidden; padding:20px; margin:-20px -20px}
.case02 .ibd .swiper02 .swiper-slide{ width:318px; height:431px; box-sizing:border-box; border:1px solid #fff; box-shadow:0 0 20px rgba(00,00,00,0.1); border-radius:10px; overflow:hidden; margin-right:40px; background:url(c4.jpg) top center no-repeat #fff; background-size:100%; position:relative; padding:60px 35px 0; position:relative; top:0}
.case02 .ibd .swiper02 .swiper-slide:after{ content:""; display:block; width:0%; height:4px; background:#e80111; position:absolute; left:0; bottom:0; transition:all 0.5s}
.case02 .ibd .swiper02 .swiper-slide:hover:after{ width:100%}

.case02 .ibd .swiper02 .swiper-slide .pic{ width:100%; text-align:center}
.case02 .ibd .swiper02 .swiper-slide .pic img{ height:100px; transition:all 0.5s}
.case02 .ibd .swiper02 .swiper-slide .title{ font-size:24px; color:#333333; line-height:1; margin-top:50px; font-weight:bold; text-align:center; transition:all 0.5s}
.case02 .ibd .swiper02 .swiper-slide .intro{ font-size:16px; color:#666666; line-height:2; text-align:justify; margin-top:30px}
.case02 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.case02 .ibd .swiper02 .swiper-slide:hover .pic img{ transform:rotateY(180deg)}
.case02 .ibd .swiper02 .swiper-slide:hover .title{ color:#00419b}

.case02 .prev02{ width:60px; height:60px; background:url(g_09.png) center center no-repeat #fff; border-radius:50%; cursor:pointer; font-size:0; position:absolute; left:0; top:195px; z-index:9}
.case02 .prev02:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(180deg) }

.case02 .next02{ width:60px; height:60px; background:url(g_09.png) center center no-repeat #fff; border-radius:50%; cursor:pointer; font-size:0; position:absolute; left:0; top:285px; z-index:9; transform:rotate(180deg)}
.case02 .next02:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(0) }

.case03{ padding:100px 0 80px; background:url(c5.jpg) center center no-repeat; background-size:cover}
.case03 .ibd{  background:#fff; margin-top:60px; font-size:16px; color:#333; line-height:2; word-break:break-all; border-radius:10px}
.case03 .ibd img{ max-width:100%; height:auto}
.case04{ padding:100px 0 80px; background:#e5ecf5}
.case04 .ibd{ margin-top:60px; font-size:16px; color:#333; line-height:2; word-break:break-all;}


.case05{ padding:100px 0; background:url(c8.jpg) center center no-repeat; background-size:cover}
.case05 .ibd{ margin-top:80px; display:flex;justify-content: space-between;}
.case05 .ibd .item{ text-align:center;}
.case05 .ibd .item .pic{  width:100px; height:100px; border-radius:50%; margin:0 auto; position:relative}
.case05 .ibd .item .pic img{ height:100px}
.case05 .ibd .item .title{ font-size:24px; color:#333333; font-weight:bold; line-height:1; margin-top:60px}


.case05 .ibd .item:hover .pic{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.case05 .ibd .item:hover .pic::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(0, 112, 217, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}

@-webkit-keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
}
@keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
}

@keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}

@-webkit-keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}






/* 左右扭动动画 */
@keyframes jello 
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-webkit-keyframes jello  /*Safari Chrome*/
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-moz-keyframes jello  /* Firefox */
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@-o-keyframes jello  /* Opera */
{
    0%,11.1%,100%{transform: none;}
    22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);}
    33.3%{transform: skewX(6.25deg) skewY(6.25deg);-webkit-transform: skewX(6.25deg) skewY(6.25deg);}
    44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);}
    55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);}
    66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);}
    77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);}
    88.8%{transform: skewX(-0.195312deg) skewY(-0.195312deg);-webkit-transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}




.ab08{  padding:130px 0; position:relative}
.ab08 .ihd .title{ font-size:50px; width:fit-content; margin:0 auto;  line-height:1;  }
.ab08 .ibd{ margin-top:100px; position:relative}
.ab08 .ibd:after{ content:''; display:block; width:200000px; background:#dedede; height:1px; position:absolute; left:calc(50% - 100000px); top:14px; z-index:3}
.ab08 .ibd .mySwiper{ width:100%; overflow:hidden; position:relative; z-index:9}
.ab08 .ibd .mySwiper .swiper-slide{ text-align:center; cursor:pointer}
.ab08 .ibd .mySwiper .swiper-slide span{ display:block; background:url(g_34x.png) top center no-repeat; padding-top:55px; font-size:18px; color:#3b3a3a; font-family:Arial, Helvetica, sans-serif; line-height:24px}
.ab08 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active span{ background:url(g_33x.png) top center no-repeat; font-size:24px; color:#e80111}
.ab08 .ibd .mySwiper2{ width:100%; position:relative; margin-top:55px; overflow:hidden}
.ab08 .ibd .mySwiper2 .swiper-slide{ width:100%; box-sizing:border-box; padding:0 115px; overflow:hidden}
.ab08 .ibd .mySwiper2 .swiper-slide .pic{ width:716px; float:left; overflow:hidden}
.ab08 .ibd .mySwiper2 .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;}
.ab08 .ibd .mySwiper2 .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);}
.ab08 .ibd .mySwiper2 .swiper-slide .cont{ width:620px; float:right}
.ab08 .ibd .mySwiper2 .swiper-slide .cont .title{-webkit-text-stroke: 1px #00419b;color: transparent; font-size:150px; font-family:Arial, Helvetica, sans-serif}
.ab08 .ibd .mySwiper2 .swiper-slide .cont .intro{ font-size:16px; color:#666666; line-height:2}
.ab08 .ibd .mySwiper2 .prev2{ background:url(g_27x.png) center center no-repeat; width:58px; height:58px; background-size:100%; position:absolute; left:0; top:calc(50% - 30px);  cursor:pointer; transform:rotate(180deg); z-index:9}
.ab08 .ibd .mySwiper2 .prev2:hover{ background:url(g_26x.png) center center no-repeat; background-size:100%; transform:rotate(0)}
.ab08 .ibd .mySwiper2 .next2{ background:url(g_27x.png) center center no-repeat; width:58px; height:58px; background-size:100%; position:absolute; right:0; top:calc(50% - 30px);  cursor:pointer; transform:rotate(0); z-index:9}
.ab08 .ibd .mySwiper2 .next2:hover{ background:url(g_26x.png) center center no-repeat; background-size:100%; transform:rotate(180deg)}

.ab08{ padding:100px 0;}
.ab08 .ihd .title{ font-size:40px}
.ab08 .ibd{ margin-top:80px}
.ab08 .ibd .mySwiper2 .prev2{ width:40px; height:40px; top:calc(50% - 20px);}
.ab08 .ibd .mySwiper2 .next2{ width:40px; height:40px; top:calc(50% - 20px);}
.ab08 .ibd .mySwiper2 .swiper-slide{ padding:0 60px}
.ab08 .ibd .mySwiper2 .swiper-slide .pic{ width:520px}
.ab08 .ibd .mySwiper2 .swiper-slide .cont{ width:500px}
.ab08 .ibd .mySwiper2 .swiper-slide .cont .title{ font-size:100px}
.ab08 .ibd .mySwiper2 .swiper-slide .cont .intro{ font-size:16px}





.third{margin-top: 40px;text-align: center;}
.third a{display: inline-block;margin:0 5px;padding: 10px 30px;border:1px solid #999;font-size: 14px;color: #666;}
.third a:hover,.third a.current{border-color: #00419b;background: #00419b;color: #fff;}