@charset "utf-8";
@font-face{font-family:'DIN';src:url('../font/DINPro-Bold.otf')}

/*start*/
*{margin:0;padding:0;}
body{font-size:14px;color:#000000;line-height:28px;position: relative;background: #FFF}
html.en{font-family: Arial}

ol,ul,li,dt,dd,dl{list-style:none;}
img{border:0;}
select,input{vertical-align:middle;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*public*/
.clear{ clear:both}
.dn{display: none !important;}
.bn{border: none !important}
.pt60{padding-top: 60px !important;}
.pb50{padding-bottom: 50px !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pt{padding-top: 156px !important;}
.pt2{padding-top: 130px !important;}
.pt3{padding-top: 180px !important;}
.nothh{width:280px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden}
.goTop{cursor:pointer;display: none;width:50px;height: 50px;position: fixed;background: url(../images/goTop.png);opacity: 0.5;right:30px;bottom:50px;margin: 0;}
.goTop:hover{opacity: 1}

.moreBox{clear: both;padding-top: 20px;margin:0 auto;width:100%;}
.newsMore{display: flex;justify-content: center;align-items: center;width:162px;height: 50px;margin:0 auto;background: #056BFD;border-radius: 25px;color: #fff;line-height: 50px;}
.newsMore i{display: inline-block;margin-left:0px;width:0px;height: 10px;background: url(../images/more2.png) no-repeat;background-size: 20px 10px}
.newsMore:hover i{animation: more 0.25s forwards linear;}

.nav{width:100%;height: 156px;position: absolute;top:0;left:0;right:0;z-index:10000}
.nav:before{content: '';position:absolute;width:100%;height: 80px;top:0;bottom:0;left:0;right:0;margin: auto;background:#056BFD;z-index: 9998}
.nav dl{width:1200px;margin:0 auto; height: 100%;display: flex;align-items: center;position: relative;z-index: 9999;justify-content: space-between;}
.nav dl dt{width:156px;margin-right:0;background:#fff;display: flex;height: 100%;box-shadow: 0px 0px 6px 2px rgba(74, 108, 242, 0.08);}
.nav dl dt a{display:flex;width:100%;height:100%;align-items: center;}
.nav dl dt img{display:block;width:auto;margin:0 auto;}
.nav dl dd{line-height:18px;font-size: 16px;position: relative;height: 100%;}
.nav dl dd > a{color: rgba(255,255,255,0.8);transition: all 0.2s;display: flex;padding: 0 20px;height: 100%;align-items: center;text-align: center;justify-content: center}
.nav dl dd > a.hot{font-weight: bold;color: rgba(255,255,255,1);}ß
.nav dl dd > a:hover{color: rgba(255,255,255,1);}
.nav dl dd ul.m{display: none;position: absolute;z-index: 9999;top:135px;left:-30px;width:120px;background:#fff;padding:0 15px;border: 1px solid #ECECEC;}
.nav dl dd ul.m.more{left:-35px;width:150px;}
.nav dl dd ul.m:before{content: '';position: absolute;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 10px solid #fff;top:-10px;left:0;right:0;margin:0 auto;z-index:10000;}
.nav dl dd ul.m:after{content: '';position: absolute;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 10px solid #ececec;top:-11px;left:0;right:0;margin:0 auto;}
.nav dl dd ul.m li{height: 39px;line-height: 39px;text-align: center;font-size: 14px;border-bottom: 1px solid #ececec;}
.nav dl dd ul.m li:last-child{border: none}
.nav dl dd ul.m a{color: #152C5B;display: block;width:100%;height: 100%}
.nav dl dd ul.m a:hover{color: #056BFD}

.navFixed{position: fixed;height: 80px}
.navFixed dl dd ul.m{top:80px;position: absolute;z-index: 9999;left:-30px;width:120px;background:#fff;padding:0 15px;border: 1px solid #ECECEC;display:none}
.navFixed dl dt img{width:80px;}

.nav dl dd.lang{margin:auto 0;height:30px;display: flex;align-items: center;}
.nav dl dd.lang span{display: block;padding-left: 30px;padding-right: 18px;color:#FFF;line-height:18px;font-size: 16px;cursor: pointer;}
.nav dl dd.lang span.en{background: url(),url(../images/lang.png);background-repeat: no-repeat;background-position: left center,right center}
.nav dl dd.lang span.jp{background: url(),url(../images/lang.png);background-repeat: no-repeat;background-position: left center,right center}
.nav dl dd.lang ul{display: none;position: absolute;z-index: 9999;top:30px;right:-20px;width:76px;background: #fff;padding:0 12px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.nav dl dd.lang ul li{padding:12px 0 10px 29px;border-bottom: 1px solid #ECECEC;color:#9CA1AE;line-height:18px;font-size: 16px;cursor:pointer;}
.nav dl dd.lang ul li:hover{color:#056BFD}
.nav dl dd.lang ul li:last-child{border:none;}
.nav dl dd.lang ul li#ch{background: url() no-repeat left center;}
.nav dl dd.lang ul li#en{background: url() no-repeat left center;}
.nav dl dd.lang ul li#jp{background: url() no-repeat left center;}

.bottom_nav{width:1200px;padding:90px 0 34px 0;margin:0 auto;display: flex;background: #fff}
.bottom_nav .logo{width:118px;margin-right: 32px;}
.bottom_nav .logo img{display:block;width:100%}
.bottom_nav .info{width:380px;margin-right: 103px}
.bottom_nav .info h5{font-size: 16px;color: #152C5B;line-height: 24px;margin-bottom: 21px;font-weight: 600}
.bottom_nav .info p{padding-left: 27px;color: #9CA1AE;font-size: 14px;line-height: 30px;}
.bottom_nav .info p.loc{background: url(../images/loc.png) no-repeat left center;}
.bottom_nav .info p.tel{background: url(../images/tel.png) no-repeat left center;}
.bottom_nav .info p.wt{background: url(../images/time.png) no-repeat left center;}
.bottom_nav .info p.email{background: url(../images/email.png) no-repeat left center;}
.bottom_nav dl{width:270px;flex-shrink: 1;flex-grow: 1}
.bottom_nav dl dt{font-size: 16px;color: #152C5B;line-height: 24px;margin-bottom: 48px}
.bottom_nav dl dd{font-size: 14px;line-height: 24px;margin-bottom: 10px}
.bottom_nav dl dd:last-child{margin-bottom: 0}
.bottom_nav dl dd a{color: #9CA1AE;}
.bottom_nav dl dd a:hover{color:#056BFD;}

.footer{width:100%;background: #fff}
.footer ul{width:1200px;margin:0 auto;border-bottom: 1px solid rgba(255,255,255,0.2);display: flex;justify-content: center;align-items: center;height: 87px}
.footer ul li{margin:0 20px;width:fit-content;height:20px;line-height:20px;position: relative;font-size: 14px}
.footer ul li a{color: #fff;}
.footer ul li a:hover{color:#056BFD;}
.footer ul li:after{content: '|';color: #fff;position: absolute;right:-20px;top:-1px;}
.footer ul li:last-child:after{display: none}
.footer p{width:1200px;margin:0 auto;padding: 15px 0;text-align: center;font-size: 14px;line-height: 30px;color: #9CA1AE;opacity: 0.5}

/* home */

#banner{width:100%;height: 726px}
#banner .swiper-container{position: relative;}
#banner .swiper-slide{overflow: hidden;position: relative;}
#banner .swiper-slide img{display:block;width:auto;height:auto;animation: img 60s infinite linear;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#banner h2{font-family: DIN;font-size:70px;color: #fff;line-height: 90px;position: absolute;left:0;right:0;bottom:130px;width:1200px;margin:0 auto;display: flex;justify-content: space-between;
text-shadow: 0px 4px 7px rgba(24, 46, 107, 0.5);z-index: 2;}
#banner h2 span{display: inline-block;position: relative;}
#banner h2 span:after{content: '';position: absolute;right:-50px;top:0;bottom:0;margin:auto 0;width:1px;height: 60px;background: #fff;transform:rotate(20deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);box-shadow: 0px 4px 7px rgba(24, 46, 107, 0.5);}
#banner h2 span:last-child:after{display: none}
#banner .swiper-button-next{width:90px;height: 70px;background: url(../images/next.png);right:10%;}
#banner .swiper-button-prev{width:90px;height: 70px;background: url(../images/prev.png);left:10%;}
#banner .swiper-pagination{left:0;right:0;margin:0 auto;bottom:100px !important;display: flex;align-items: center;justify-content: center}
#banner .swiper-pagination-bullet{width:9px;height:9px;margin:0 7px;background:#fff;opacity: 0.5}
#banner .swiper-pagination-bullet-active{width:13px;height: 13px;background: none;border:1px solid #fff;position: relative;opacity:1;}
#banner .swiper-pagination-bullet-active:after{content: '';width:11px;height: 11px;border-radius: 100%;background: #fff;position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}

@keyframes img{
  0%{transform: scale(1);}
  50%{transform: scale(1.25);}
  100%{transform: scale(1);}
}
@-webkit-keyframes img{
  0%{-webkit-transform: scale(1);}
  50%{-webkit-transform: scale(1.25);}
  100%{-webkit-transform: scale(1);}
}

.topShare{width:42px;position: absolute;top:-172px;left:-2px;z-index: 9999}
.topShare a{display: block;margin-bottom: 10px;width:38px;height: 38px;border:2px solid rgba(255,255,255,0);padding: 2px;border-radius: 100%}
.topShare a:last-child{margin-bottom: 0}
.topShare a.fb{background: url(../images/fb.png) no-repeat center center;}
.topShare a.tt{background: url(../images/tt.png) no-repeat center center;}
.topShare a.in{background: url(../images/in.png) no-repeat center center;}
.topShare a.fb:hover{background: url(../images/fb_2_2.png) no-repeat center center;background-size: 38px 38px}
.topShare a.tt:hover{background: url(../images/tt_2_2.png) no-repeat center center;background-size: 38px 38px}
.topShare a.in:hover{background: url(../images/in_2_2.png) no-repeat center center;background-size: 38px 38px}

.column{width:1200px;margin:-64px auto 0 auto;display: flex;justify-content: space-around;background: #fff;position: relative;z-index: 9999;border-top: 4px solid rgba(5,107,253,0.9);padding: 42px 0 45px 0;box-shadow: 0px 6px 6px 0px rgba(240, 243, 247, 0.8);}
.column > a{display: block;padding-top: 103px;color: #152C5B;font-size: 18px;line-height: 25px;width:16.67%;text-align: center;transition: all 0.7s;}
.column > a.icon_01{background: url(../images/icon_01.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_02{background: url(../images/icon_02.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_03{background: url(../images/icon_03.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_04{background: url(../images/icon_04.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_05{background: url(../images/icon_05.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_06{background: url(../images/icon_06.png) top center no-repeat;background-size: 80px 80px}
.column > a.icon_01:hover{background: url(../images/icon_01_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}
.column > a.icon_02:hover{background: url(../images/icon_02_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}
.column > a.icon_03:hover{background: url(../images/icon_03_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}
.column > a.icon_04:hover{background: url(../images/icon_04_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}
.column > a.icon_05:hover{background: url(../images/icon_05_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}
.column > a.icon_06:hover{background: url(../images/icon_06_2.png) top center no-repeat;background-size: 80px 80px;color:#056BFD}

.main_w{width:100%;margin:0 auto;position: relative;background: #fff;}
.main_g{width:100%;margin:0 auto;position: relative;background: #F0F3F7;}
h2.title{margin:0 auto;width:1200px;color: #152C5B;font-family: DIN;font-size:44px;line-height: 45px;text-align: center;padding-top:40px;position: relative;}
h1.title{margin:0 auto 60px auto;width:1200px;color: #152C5B;font-family: DIN;font-size:44px;line-height: 45px;text-align: center;padding-top: 40px;}
.main_g h2.title{padding-top: 40px;}
h2.title a{display: block;position: absolute;right:0;top:75px;height: 25px;line-height: 25px;color: #056BFD;padding-right: 14px;font-size: 16px;background: url(../images/more.png) no-repeat right center;font-weight: normal !important;font-family: 'Arial'}

.newsList{width:1242px;margin:50px auto 0 auto;padding-bottom: 50px;}
.newsList a.newsBox{transition: all 0.3s;overflow: hidden;float: left;margin:0 0 31px 21px;display: block;width:386px;position: relative;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.1);border-radius:8px;padding-bottom: 20px;}
.newsList a.newsBox .img{width:100%;height: 257px;overflow: hidden;}
.newsList a.newsBox .img img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.newsList a.newsBox h4{color: #152C5B;font-weight: normal;padding:18px 20px 0 20px;font-size: 18px;line-height: 25px;height: 75px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.newsList a.newsBox:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);}
.newsList a.newsBox:hover img{transform: scale(1.05);}
.newsList a.newsBox:hover h4{color: #056BFD;}
.newsList a.newsBox .time{margin:31px 0 0 20px;color: #9CA1AE;font-size: 14px;line-height: 27px;}

.lifeList{width:1200px;display: flex;flex-wrap: wrap;margin:115px auto 0 auto;padding-bottom: 30px;}
.lifeList a{display: block;margin-bottom: 88px;width:300px;padding-top: 110px;color: #152C5B;font-size: 18px;line-height: 25px;text-align: center;}
.listIcon_01{background: url(../images/l_01.png) no-repeat top center;background-size: 90px 90px}
.listIcon_02{background: url(../images/l_02.png) no-repeat top center;background-size: 90px 90px}
.listIcon_03{background: url(../images/l_03.png) no-repeat top center;background-size: 90px 90px}
.listIcon_04{background: url(../images/l_04.png) no-repeat top center;background-size: 90px 90px}
.listIcon_05{background: url(../images/l_05.png) no-repeat top center;background-size: 90px 90px}
.listIcon_06{background: url(../images/l_06.png) no-repeat top center;background-size: 90px 90px}
.listIcon_07{background: url(../images/l_07.png) no-repeat top center;background-size: 90px 90px}
.listIcon_08{background: url(../images/l_08.png) no-repeat top center;background-size: 90px 90px}
.listIcon_01:hover{background: url(../images/l_01_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_02:hover{background: url(../images/l_02_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_03:hover{background: url(../images/l_03_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_04:hover{background: url(../images/l_04_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_05:hover{background: url(../images/l_05_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_06:hover{background: url(../images/l_06_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_07:hover{background: url(../images/l_07_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }
.listIcon_08:hover{background: url(../images/l_08_2.png) no-repeat top center;background-size: 90px 90px;color: #056BFD; }

.businessColumn{width:1140px;margin:48px auto 0 auto;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.07);background: #fff;padding: 30px 30px 40px 30px}
.tit{width:100%;height: 25px;position: relative;margin-bottom: 30px}
.tit:before{content: '';position: absolute;left:0;width:5px;height: 22px;border-radius: 3px;background: #152C5B;top:0;bottom:0;margin:auto 0;}
.tit h3{padding-left: 20px;font-size: 22px;line-height: 25px;color: #152C5B}
.tit a{display: block;position: absolute;right:0;top:0;height: 25px;line-height: 25px;color: #056BFD;padding-right: 14px;font-size: 16px;background: url(../images/more.png) no-repeat right center;}
.tit a:hover{}
.businessBox{width:50%;height: 160px;float: left;display: flex;overflow: hidden;}
.businessBox .img{width:240px;height: 160px;border-radius: 3px;margin-right: 20px;overflow: hidden;flex-grow: 0;flex-shrink: 0;position: relative;}
.businessBox .img img{transition: all 0.7s;width:240px;height:160px;border-radius: 6px}
.businessBox .text h4{padding: 15px 50px 0 0;margin-bottom: 10px;color: #152C5B;font-size: 18px;line-height: 25px;height: 125px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-weight: normal;}
.businessBox .text .time{color: #9CA1AE;font-size: 14px;line-height: 27px;}
.businessBox:hover h4{color: #056BFD;}
.businessBox:hover .img img{transform: scale(1.05);}
.businessColumn ul{}
.businessColumn ul li{position: relative;padding-left: 20px;font-size: 18px;line-height: 25px;margin-bottom: 20px;}
.businessColumn ul li:last-child{margin-bottom: 0}
.businessColumn ul li:before{content: '';position: absolute;left:0;top:0;bottom:0;margin:auto 0;background:#152C5B;width:10px;height: 10px;border-radius: 100%}
.businessColumn ul li a{color: #152C5B;}
.businessColumn ul li a:hover{color: #056BFD;}
.ulList{margin-top: 30px;width:100%;border-top: 1px solid #f0f0f0;padding-top: 30px;}

.indexNewColumn{width:1240px;margin:48px auto 0 auto;}
.indexNewColumn .indexNewColumn_box{width:530px;overflow: hidden;padding: 30px 30px 40px 30px;background: #FFF;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.07);float: left;margin: 0 0 0 20px}
.indexNewColumn .indexNewColumn_box .businessBox{width:100%;padding-bottom: 30px;border-bottom: 1px solid #F0F0F0;margin-bottom: 30px}
.indexNewColumn .indexNewColumn_box .businessBox .text h4{height: auto;max-height:75px;-webkit-line-clamp:5;}
.indexNewColumn .indexNewColumn_box .businessBox:last-child{border:none;padding-bottom: 0;margin-bottom: 0;}
.indexNewColumn .v .businessBox .img:before{content:'';position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:45px;height: 45px;background: url(../images/count/play.png);background-size: 100%;z-index: 10}


.iconList{width:100%;border-top: 1px solid #f0f0f0;display: flex;padding-top: 56px;margin-top: 30px;float: left;}
.iconList a{width:16.67%;text-align: center;padding-top: 103px;font-size: 18px;line-height: 25px;color: #152C5B;transition: all 0.7s;}
.iconList a.bIcon_01{background: url(../images/c_01.png) no-repeat top center;}
.iconList a.bIcon_01:hover{background: url(../images/c_01_2.png) no-repeat top center;color:#056BFD;}
.iconList a.bIcon_02{background: url(../images/c_02.png) no-repeat top center;}
.iconList a.bIcon_02:hover{background: url(../images/c_02_2.png) no-repeat top center;color:#056BFD;}
.iconList a.bIcon_03{background: url(../images/c_03.png) no-repeat top center;}
.iconList a.bIcon_03:hover{background: url(../images/c_03_2.png) no-repeat top center;color:#056BFD;}
.iconList a.bIcon_04{background: url(../images/c_04.png) no-repeat top center;}
.iconList a.bIcon_04:hover{background: url(../images/c_04_2.png) no-repeat top center;color:#056BFD;}
.iconList a.bIcon_05{background: url(../images/c_05.png) no-repeat top center;}
.iconList a.bIcon_05:hover{background: url(../images/c_05_2.png) no-repeat top center;color:#056BFD;}
.iconList a.bIcon_06{background: url(../images/c_06.png) no-repeat top center;}
.iconList a.bIcon_06:hover{background: url(../images/c_06_2.png) no-repeat top center;color:#056BFD;}

.map{width:100%;height:1000px;background: url(../images/business_bg.png) no-repeat top center;margin:42px auto 0 auto;}
.centerList{width:1200px;margin:0 auto;height: 100%;position: relative;}
.centerList a{display: block;width:125px;transition: all 0.7s;height: 150px;position: absolute;display: flex;align-items: center}
.centerList a img{display: block;width:109px;height: 129px;margin:0 auto;}
.centerList a:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);}
.centerList a:hover h3{color:#056BFD;}
.centerList a.c_1{top:479px;left:930px}
.centerList a.c_2{top:298px;left:30px;}
.centerList a.c_3{top:382px;left:980px}
.centerList a.c_4{top:275px;left:1020px}
.centerList a.c_5{top:284px;left:1080px}
.centerList a.c_6{top:142px;left:825px}
.centerList a.c_7{top:224px;left:505px}
.centerList a.c_8{top:330px;left:615px}
.centerList a.c_9{top:207px;left:433px}

.bottom_banner{width:100%;height: 600px;background: url(../images/bottom.png) no-repeat top center;position: relative;margin:0 auto;}
.bottom_banner h1{font-family: DIN;font-size:70px;color: #fff;height: 90px;line-height: 90px;position: absolute;left:0;right:0;z-index: 9999;top:0;bottom:0;width:1200px;margin:auto;display: flex;justify-content: space-between;}
.bottom_banner h1 span{display: inline-block;position: relative;}
.bottom_banner h1 span:after{content: '';position: absolute;right:-50px;top:0;bottom:0;margin:auto 0;width:1px;height: 60px;background: #fff;transform:rotate(20deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);}
.bottom_banner h1 span:last-child:after{display: none}

.bgImg{width:100%;height: 100%;position: fixed;z-index: -1;background: #000;top:0;left:0;right:0;margin:0 auto;}

.bottomShare{width:1200px;margin:0 auto;padding-top: 114px;display: flex;}
.bottomShare a{display: block;width:62px;height:62px;margin-right: 28px;border:2px solid rgba(255,255,255,0);border-radius: 100%;padding: 3px;opacity: 0.8}
/*.bottomShare a:hover{animation: bd 0.5s forwards linear;}*/
.bottomShare a.fb{background: url(../images/fb_2.png) no-repeat center center;}
.bottomShare a.tt{background: url(../images/tt_2.png) no-repeat center center;}
.bottomShare a.in{background: url(../images/in_2.png) no-repeat center center;}
.bottomShare a.fb:hover{background: url(../images/fb_2_2.png) no-repeat center center;}
.bottomShare a.tt:hover{background: url(../images/tt_2_2.png) no-repeat center center;}
.bottomShare a.in:hover{background: url(../images/in_2_2.png) no-repeat center center;}

@keyframes bd{
  0%{border:2px solid rgba(255,255,255,0);opacity: 0.8}
  50%{border:2px solid rgba(255,255,255,0.5);opacity: 0.9}
  100%{border:2px solid rgba(255,255,255,1);opacity: 1}
}
@-webkit-keyframes bd{
  0%{border:2px solid rgba(255,255,255,0);-webkit-opacity: 0.8}
  50%{border:2px solid rgba(255,255,255,0.5);-webkit-opacity: 0.9}
  100%{border:2px solid rgba(255,255,255,1);-webkit-opacity: 1}
}

/* counties */
.countBanner{animation: banner 60s infinite linear;width:100%;margin:0 auto 40px auto;height: 424px;position: relative;background: url(../images/count/banner.png) no-repeat center center;}
.countBanner h1{width:1200px;letter-spacing: 1px;margin:0 auto;text-shadow: 0px 2px 3px rgba(59, 95, 133, 0.5);font-size: 42px;font-family: 'DIN';line-height: 48px;padding-top: 259px;position: relative;color: #fff;}
.countBanner h1:after{content:'';position: absolute; bottom:-8px;height: 3px;left:0;width:210px;background: #fff}

@keyframes banner{
  0%{background-size: 100% 100%}
  50%{background-size: 120% 120%}
  100%{background-size: 100% 100%}
}
@-webkit-keyframes banner{
  0%{background-size: 100% 100%}
  50%{background-size: 120% 120%}
  100%{background-size: 100% 100%}
}

.travelImg{width:1200px;margin:0 auto;display:flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 40px;}
.travelImg a{display: block;height: 224px;position: relative;overflow: hidden;margin-bottom: 20px}
.travelImg a img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.travelImg a h3{position: absolute;z-index: 9999;display: block;top:0;bottom:0;left:0;right:0;margin:auto;color: #fff;width:100%;font-size: 20px;line-height: 25px;height: 25px;font-weight: bold;text-align: center;text-shadow: 0px 1px 3px rgba(43, 59, 94, 0.5);}
.travelImg a.img_big{width:590px;}
.travelImg a.img_small{width:285px;}
.travelImg a:hover img{transform: scale(1.05);}

#video{width:1200px;margin:70px auto 0 auto;height: 410px}
#video .swiper-container{position: relative;}
#video .swiper-slide{height: 268px;width:386px !important;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-radius: 6px;position: relative;overflow: hidden;}
#video .swiper-slide:before{content: '';z-index: 9999;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:60px;height:60px;background: url(../images/count/play.png);}
#video .swiper-slide img{width:fit-content;height:268px;display: block;transition: all 0.7s;}
#video .swiper-slide:hover img{transform: scale(1.05);}
#video .swiper-slide h3{font-weight: normal;z-index: 9999;padding: 12px 7px 7px 20px;position: absolute;bottom:0;left:0;right:0;height:44px;color: #fff;font-size: 16px;line-height: 22px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#video .swiper-button-next{width:43px;height: 43px;background: url(../images/count/next_2.png) no-repeat center center;right:552px;top:318px;}
#video .swiper-button-prev{width:43px;height: 43px;background: url(../images/count/prev_2.png) no-repeat center center;left:552px;top:318px;}
#video .swiper-button-next:hover{background: url(../images/count/next.png) no-repeat center center;}
#video .swiper-button-prev:hover{background: url(../images/count/prev.png) no-repeat center center;}

/* Business */
.bBox{width:1140px;display: flex;flex-wrap: wrap;padding: 30px;background: #FFFFFF;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.07);margin:0 auto 30px auto;}
.bBox h2{height: 60px;line-height: 60px;padding-left: 75px;padding-right: 200px;font-size: 24px;color:#152C5B;margin-bottom: 15px;}
.bBox h2.flag_a{background: url(../images/flag_01.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_b{background: url(../images/flag_02.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_c{background: url(../images/flag_03.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_d{background: url(../images/flag_04.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_e{background: url(../images/flag_05.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_f{background: url(../images/flag_06.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_g{background: url(../images/flag_07.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_h{background: url(../images/flag_08.png) no-repeat left center;background-size: 60px 60px}
.bBox h2.flag_i{background: url(../images/flag_09.png) no-repeat left center;background-size: 60px 60px}
.bBox .img{width:400px;height: 267px;margin-right: 30px;overflow: hidden;}
.bBox .img img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.bBox:hover .img img{transform: scale(1.05);}
.bBox .text{height: 267px;display: flex;flex-grow: 1;flex-shrink: 1;flex-direction:column;justify-content: center}
.bBox .text p{font-size: 18px;color: #152C5B;line-height: 40px}
.bBox .text p span{font-weight: bold;margin-right: 10px}
.bBox a {color: #152C5B}
.bBox a:hover{color: #056BFD}
/* detail */
.columnList{width:1200px;margin:0 auto;padding: 20px 0;height: 27px;line-height: 27px}
.columnList a{display: inline-block;color: #056BFD;font-size: 14px;position: relative;margin-right: 30px;}
.columnList a:after{content: '>';position: absolute;top:0;bottom:0;right:-17px;color: #9CA1AE;line-height: 27px}
.columnList span{color: #152C5B}

.content{width:1200px;margin:0 auto;}
.article{padding: 38px 30px 49px 30px;width:810px;background: #fff;float: left;}
.article h1{font-size: 34px;line-height: 48px;color: #152C5B;font-weight: bold;}
.article .sub{font-size: 14px;color: #9CA1AE;line-height: 27px;margin:10px 0 20px 0;}
.article .sub span{margin-right: 20px}
.article .sub span i{font-style: normal;color:#056BFD;margin-left:5px }
.article .text{font-size: 18px;}
.article .text > *{margin-bottom: 30px;color: #152C5B;font-size: 18px;line-height: 22px;font-weight: normal;}
.article .text > img{max-width: 100%;margin:0 auto 30px auto;display: block}
.article .text > video{max-width: 100%;margin:0 auto 30px auto;}
.article .text *{}
.article p{color: #152C5B;margin-bottom: 30px;font-size: 18px;line-height: 22px}
.article p img{max-width: 100%;margin:0 auto;display: block}
.article p span{font-size: 14px;line-height: 25px;color: #9CA1AE;margin-top: 8px;display: block}
.article p video{max-width: 100%;margin:0 auto;}

.detailShare{color: #152C5B;font-size: 18px;line-height: 38px;font-weight: bold;display: flex;align-items: center}
.detailShare a{display: inline-block;width:38px;height: 38px;border-radius: 100%;margin-left: 24px;transition: all 0.7s;}
.detailShare a:hover{transform:scale(1.05)}
.detailShare a.fb{background: url(../images/detail/fb.png) no-repeat center center;}
.detailShare a.tt{background: url(../images/detail/tt.png) no-repeat center center;}
.detailShare a.in{background: url(../images/detail/in.png) no-repeat center center;}
.detailShare a.we{background: url(../images/detail/we.png) no-repeat center center;}
.detailShare a.sina{background: url(../images/detail/sina.png) no-repeat center center;}


.sidebar{width:300px;background: #fff;float:right;position: relative;}
.jTop{width:240px;background: #fff;padding:0 30px 7px 30px;border-top: 3px solid rgba(5,107,253,0.3);}
.sidebar h3{font-size: 20px;line-height: 22px;font-weight: bold;color: #152C5B;padding: 17px 0;border-bottom: 1px solid #d8d8d8}
.siderNews .siderNewsBox{padding:16px 0 12px 0;display: flex;border-bottom: 1px solid #f0f0f0}
.siderNews .siderNewsBox:last-child{border:none;}
.siderNews .siderNewsBox .img{width:90px;height: 60px;margin-right: 14px;overflow: hidden;flex-grow: 0;flex-shrink: 0}
.siderNews .siderNewsBox .img img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.siderNews .siderNewsBox:hover .img img{transform: scale(1.05);}
.siderNews .siderNewsBox .text h4{color: #152C5B;margin-bottom: 2px;font-size: 12px;line-height:16px;height: 48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.siderNews .siderNewsBox:hover .text h4{color:#056BFD;}
.siderNews .siderNewsBox .text p{color: #9CA1AE;line-height: 27px;font-size: 12px}

/* List */
.columnName{width:1200px;margin:0 auto -21px auto;}
.columnName ul{display: flex;}
.columnName ul li{height: 34px;background: #F9F9F9;border-radius: 4px;border: 1px solid #DADADA;padding:0 19px;font-size: 14px;width:fit-content;line-height: 34px;margin-right: 16px}
.columnName ul li a{color: #152C5B;display: block;width:100%;height: 100%;}
.columnName ul li.on{background: #056BFD;border: 1px solid #056BFD;}
.columnName ul li.on a{color: #fff;}
.columnName ul li:hover{border:1px solid #056BFD;}
.columnName ul li:hover a{color: #056BFD}
.columnName ul li.on:hover{background: #056BFD;border: 1px solid #056BFD;}
.columnName ul li.on:hover a{color: #fff;}

/* about */
.about{width:1200px;margin:0 auto;padding: 60px 0;display: flex;justify-content: space-between;}
.about .adoutNav{width:240px;margin-right: 30px;flex-grow: 0;flex-shrink: 0}
.about .adoutNav #jTop{position: relative;width:100%;}
.about ul li{height: 68px;padding-left: 20px;width:220px;background: url(../images/about_up.png) no-repeat 210px center #fff;}
.about ul li a{color: #152C5B;display: block;width:100%;height: 100%;line-height: 68px;font-size: 20px;}
.about ul li a:hover{color: #056BFD}
.about ul li:hover{background: url(../images/about_up_2.png) no-repeat 210px center #fff;}
.about ul li.on{background:url(../images/about_down.png) no-repeat 210px center rgba(5,107,253,0.8)}
.about ul li.on a{color: #fff}
.about ul li.on a:hover{color: #fff}
.aboutBox{flex-grow: 1;flex-shrink: 1;background: #fff;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.07);}
.about .aboutBox{padding: 60px 60px 70px 60px;}
.about .aboutMain h2{text-align: center;color: #152C5B;font-size: 28px;line-height: 34px;margin-bottom: 60px;}
.about .aboutMain p{font-size: 16px;line-height: 22px;color:#152C5B;margin-bottom: 30px}
.about .aboutMain p span{font-weight: bold;margin-right: 15px}
.about .aboutMain p:last-child{margin-bottom: 0}
.about .aboutMain h3{font-size: 16px;line-height: 22px;color:#152C5B;}
.about .aboutMain .line{height: 1px;border-bottom: 1px solid #999;margin-bottom: 30px;}

.openTips{position: fixed;z-index: 100000;top:0;bottom:0;left:0;right:0;background: url(../images/null.png) no-repeat center 84px #fff;margin:auto;width:500px;height: 127px;padding-top: 173px;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.27);border-radius: 8px;}
.openTips p{text-align: center;font-size: 18px;line-height: 21px;color: #152C5B}

.listColumn{padding-top:156px;width:100%;overflow: hidden;}

/* page */
.page{width:100%;padding-top: 10px;clear: both}
.turn-page{height:34px; font-size:14px; padding:25px 5px 5px 0;display: flex;align-items: center;justify-content: center}
.turn-page a{margin-right:10px;padding:7px 0;width:34px;overflow:hidden;border:1px solid #e0e0e0;background-color:#fff;color:#152C5B;text-align:center;cursor:pointer; height:20px;line-height:20px;text-decoration:none; display: block;}
.turn-page a.disabled{cursor:DEDEDE;background:#F6F6F6;border:1px solid #e0e0e0;}
.turn-page a.disabled:hover{background:#F6F6F6;border:1px solid #e0e0e0;}
.turn-page a:hover{ border-color: #056BFD; background-color:#056BFD;text-decoration:none;color:#fff;}
.turn-page .selected{border:1px solid #056BFD;background-color:#056BFD;color:#fff;cursor:default}
.turn-page .selected:hover{background-color:#056BFD;color:#fff;}
.turn-page .dot{margin-right:10px;padding:7px 0;width:34px;overflow:hidden;border:1px solid #fff;background-color:#fff;color:#152C5B;text-align:center;cursor:pointer; height:20px;line-height:20px;text-decoration:none; display: block;}
.turn-page .disabled{border:1px solid #C4C4C4;color:#C4C4C4; cursor:default;}
.turn-page .disabled:hover{background-color:#fff;color:#C4C4C4;}
.pagePrev{background: url(../images/fanye_z.png) no-repeat center center;}
.pageNext{background: url(../images/fanye_y.png) no-repeat center center;}
.pageNext:hover{background: url(../images/about_down.png) no-repeat center center;background-size: 6px 11px}
.pagePrev:hover{background: url(../images/about_down.png) no-repeat center center;background-size: 6px 11px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.disabled.pagePrev{background: url(../images/fanye_z.png) no-repeat center center #f6f6f6 !important;}
.disabled.pageNext{background: url(../images/fanye_y.png) no-repeat center center #f6f6f6 !important;}
.disabled.pagePrev:hover{background: url(../images/fanye_z.png) no-repeat center center #f6f6f6 !important;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.disabled.pageNext:hover{background: url(../images/fanye_y.png) no-repeat center center #f6f6f6 !important;}

/* ColumnList */
.columnBg{width:1200px;margin:0 auto;padding:0 0 60px 0;}
.columnSider{width:180px;float: left;position: relative;}'
.columnSider #jTop{width:100%;position: relative;}
.columnSider .columnList{margin-bottom: 15px}
.columnSider ul{position: relative;width:180px;}
.columnSider ul li{width:100%;border: 1px solid #DADADA;border-radius: 4px;margin-bottom: 10px;display:flex;align-items: center}
.columnSider ul li a{display: block;width:150px;padding: 8px 15px;line-height: 24px;color: #152C5B;font-size: 16px;text-align: center;}
.columnSider ul li.on{background: #056BFD;border:1px solid #056BFD;}
.columnSider ul li.on a{color: #fff}
.columnSider ul li:hover{border:1px solid #056BFD;}
.columnSider ul li:hover a{color:#056BFD }
.columnSider ul li.on:hover{border:1px solid #056BFD;}
.columnSider ul li.on:hover a{color: #fff}

.columnMain{width:970px;float: right;}
.columnMain .columnBanner{width:100%;margin:0 auto 20px auto;}
.columnMain .columnBanner img{display: block;width:100%;}
.columnMain h1{font-size: 30px;line-height: 30px;color: #152C5B;}
.columnTop{width:100%;display: flex;justify-content: space-between;margin: 30px 0;}
.columnTop a.newsBox{transition: all 0.3s;overflow: hidden;display: block;width:310px;position: relative;box-shadow: 0px 10px 20px 0px rgba(122, 122, 122, 0.07);border-radius:8px;padding-bottom: 20px;}
.columnTop a.newsBox .img{width:100%;height: 207px;overflow: hidden;}
.columnTop a.newsBox .img img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.columnTop a.newsBox h4{color: #152C5B;font-weight: normal;padding:11px 15px 0 15px;font-size: 18px;line-height: 25px;height: 50px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.columnTop a.newsBox:hover{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);}
.columnTop a.newsBox:hover img{transform: scale(1.05);}
.columnTop a.newsBox:hover h4{color: #056BFD;}
.columnTop a.newsBox .time{display: block;color: #9CA1AE;font-size: 14px;line-height: 27px;padding: 15px 0 0 15px}

.columnPage{width:100%;}
.columnPage a.newsBox{transition: all 0.3s;display: flex;width:100%;position: relative;padding: 17px 0;border-bottom: 1px solid #ececec}
.columnPage a.newsBox .img{width:140px;height: 94px;overflow: hidden;flex-grow:0;flex-shrink: 0;margin-right: 25px}
.columnPage a.newsBox .img img{display: block;width:100%;height: 100%;transition: all 0.7s;}
.columnPage a.newsBox h4{color: #152C5B;font-weight: normal;margin-bottom: 9px;font-size: 18px;line-height: 28px;height: 56px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.columnPage a.newsBox:hover{transform:translate(-10px,0);-webkit-transform:translate(-10px,0);}
.columnPage a.newsBox:hover img{transform: scale(1.05);}
.columnPage a.newsBox:hover h4{color: #056BFD;}
.columnPage a.newsBox .time{display: block;color: #9CA1AE;font-size: 14px;line-height: 27px}

/* history */
.newsList.history a.newsBox h4{color: #152C5B;font-weight: normal;padding:0 20px;font-size: 18px;line-height: 25px;height: 50px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList.history a.newsBox:hover h4{color: #056BFD}
.newsList.history a.newsBox .time{margin:18px 0 45px 20px;color: #9CA1AE;font-size: 14px;line-height: 27px;}
.newsList a.newsBoxVideo:before{content: '';z-index: 9999;position: absolute;top:0;left:0;right:0;bottom:155px;margin:auto;width:60px;height:60px;background: url(../images/count/play.png);}
.listThree{width:1200px;margin:0 auto;display: flex;justify-content: space-between;padding-bottom: 20px;}
.listThreeBox{width:386px;}
.listThreeBox dt{width:100%;height: 160px}
.listThreeBox dt img{width:100%;height: 100%;display: block;}
.listThreeBox dd{border-bottom: 1px solid #ececec;height: 82px;display: flex;align-items: center}
.listThreeBox dd a{color: #152C5B;font-size: 18px;height: 50px;line-height: 25px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.listThreeBox dd a:hover{color: #056BFD;}
.listThreeBox dd:last-child{border:none;}
.listThreeBox dd.more{align-items: flex-end}
.listThreeBox dd.more a{display: flex;justify-content: center;align-items: center;margin:0 auto;width:162px;height: 50px;border:1px solid #056BFD;border-radius: 25px;color: #056BFD;line-height: 50px;font-size: 16px}
.listThreeBox dd.more a i{display: inline-block;margin-left:0px;width:0px;height: 10px;background: url(../images/history/more_2.png) no-repeat;background-size: 20px 10px}
.listThreeBox dd.more a:hover i{animation: more 0.25s forwards linear;}

@keyframes more{
  0%{width:0px;margin-left: 0px}
  50%{width:10px;margin-left: 8px}
  100%{width:20px;margin-left: 16px}
}
@-webkit-keyframes more{
  0%{width:0px;margin-left: 0px}
  50%{width:10px;margin-left: 8px}
  100%{width:20px;margin-left: 16px}
}