@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}

.aiGo{position: fixed;right:10px;top:0;bottom:0;margin:auto 0;z-index: 20;width:140px;height: 129px;background: url(../images/ai.png);background-size: 100% 100%;}

.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: #043597;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;}

.topControls{width:100%;height: 40px;background: #002456;}
.topControls .w1280{width:1280px;margin:0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.topControls p{font-size: 14px;color: #FFF;letter-spacing: 0.5px;}
.topControls .lang{height:30px;display: flex;align-items: center;padding:0;position: relative;}
.topControls .lang span{
  display: block;padding-left: 24px;padding-right: 26px;color:#fff;line-height:18px;font-size: 16px;cursor: pointer;
  background: url(../images/icon_lang_w.png) no-repeat left center,url(../images/icon_select_w.png) no-repeat right center;background-size: 16px 16px,16px 16px;
}
.topControls .lang ul{display: none;position: absolute;z-index: 9999;top:30px;left:0px;width:76px;background: #fff;padding:0 12px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.topControls .lang ul li{padding:12px 0 10px 29px;border-bottom: 1px solid #ECECEC;color:#111;line-height:18px;font-size: 16px;cursor:pointer;}
.topControls .lang ul li:hover{color:#043597}
.topControls .lang ul li:last-child{border:none;}
.topControls .lang ul li#en{background: url(../images/en.png) no-repeat left center;}
.topControls .lang ul li#jp{background: url(../images/jp.png) no-repeat left center;}

.nav{width:100%;height:90px;position: absolute;top:12px;left:0;z-index:10000}
.nav.relative{position: relative;top:0;box-shadow: 0 1px 10px 0 rgba(92, 111, 135, 0.16);}
.nav dl{width:1280px;margin:0 auto; height: 90px;display: flex;align-items: center;position: relative;z-index: 9999;justify-content: space-between;}
.nav dl dt{width:108px;margin-right:200px;height:66px}
.nav dl dt a{display:flex;width:100%;height:100%;align-items: center;}
.nav dl dt img{display:block;width:100%;height: 100%;}
.nav dl dd{display: flex;align-items: center;font-size: 16px;position: relative;height: 100%;width:fit-content;padding:0 35px}
.nav dl dd > a{color: #111;transition: all 0.2s;}
.nav dl dd.hot > a{font-weight: bold;color:#043597;position: relative;}
.nav dl dd.hot::after{content:'';position: absolute;bottom:0;left:0;right:0;width: 44px;height: 4px;background: #043597;margin:0 auto}
.nav dl dd > a:hover{color: #043597;}
.nav dl dd ul.m{display: none;position: absolute;z-index: 9999;top:80px;left:0px;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{font-weight: bold;color: #043597}

.navFixed{position: fixed !important;top:0;background: #fff;box-shadow: 0 1px 10px 0 rgba(92, 111, 135, 0.16);}

.nav dl dd.lang{position: absolute;right:-150px;top:0;bottom:0;margin:auto 0;height:30px;display: flex;align-items: center;padding:0}
.nav dl dd.lang span{
  display: block;padding-left: 24px;padding-right: 26px;color:#043597;line-height:18px;font-size: 16px;cursor: pointer;
  background: url(../images/icon_lang.png) no-repeat left center,url(../images/icon_select.png) no-repeat right center;background-size: 16px 16px,16px 16px;
}
.nav dl dd.lang ul{display: none;position: absolute;z-index: 9999;top:30px;left:0px;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:#111;line-height:18px;font-size: 16px;cursor:pointer;}
.nav dl dd.lang ul li:hover{color:#043597}
.nav dl dd.lang ul li:last-child{border:none;}
.nav dl dd.lang ul li#en{background: url(../images/en.png) no-repeat left center;}
.nav dl dd.lang ul li#jp{background: url(../images/jp.png) no-repeat left center;}

.bottom_nav{width:1300px;padding:8px 0 42px 0;margin:0 auto;display: flex;background: #fff}
.bottom_nav .logo{width:108px;margin-right: 38px;flex-grow: 0;flex-shrink: 0;}
.bottom_nav .logo img{display:block;width:100%}
.bottom_nav .info{padding-right: 80px;margin-right:0;flex-grow: 0;flex-shrink: 0;}
.bottom_nav .info h5{font-size: 18px;color: #152C5B;line-height: 28px;margin-bottom: 12px;font-weight: 600}
.bottom_nav .info p{padding-left: 27px;color: #555;font-size: 14px;line-height: 24px;}
.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{padding-right: 70px;flex-shrink: 0;flex-grow: 0}
.bottom_nav dl dt{font-size: 16px;color: #152C5B;line-height: 24px;margin-bottom: 20px;font-weight: 500;}
.bottom_nav dl dd{font-size: 14px;line-height: 36px}
.bottom_nav dl dd:last-child{margin-bottom: 0}
.bottom_nav dl dd a{color: #555;}
.bottom_nav dl dd a:hover{color:#043597;}
.bottom_nav dl.share{padding-right: 0;}
.bottom_nav dl.share dd a{margin-right: 10px;}
.bottom_nav dl.share dd a:last-child{margin-right: 0;}

.footer{width:100%;background: #002456}
.footer ul{width:1300px;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:#043597;}
.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;text-align: center;font-size: 14px;line-height:40px;color: #fff}

/* home */
#banner{width:100%;height:540px}
#banner .swiper-container{position: relative;}
#banner .swiper-slide{overflow: hidden;position: relative;}
#banner .swiper-slide img{display:block;width:100%;height:100%;animation: img 60s infinite linear;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;object-fit: cover;}
#banner h2{
  position: absolute;left:0;right:0;bottom:213px;width:1240px;margin:0 auto;z-index: 2;
  font-weight: 700;font-size: 76px;color: #002456;line-height: 86px;text-shadow: 0 4px 6px rgba(23, 56, 108, 0);
}
#banner h2 span{display: block;font-weight: 700;font-size: 36px;color: #002456;text-align: left;line-height: 40px;margin-top: 7px;}
#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);}
}

.gotoList{
  width:1280px;margin:-50px auto 0 auto;display: flex;justify-content: space-around;background: #fff;position: relative;z-index: 100;height: 100px;align-items: center;
  box-shadow: 0 1px 20px 0 rgba(92, 111, 135, 0.16);border-radius: 8px;
}
.gotoList > a{display:block;padding-left: 62px;color: #111;font-size: 18px;line-height: 48px;width:fit-content;transition: all 0.3s;margin:0 65px;}
.gotoList > a.icon_01{background: url(../images/column_01.png) left center no-repeat;background-size: 44px 44px}
.gotoList > a.icon_02{background: url(../images/column_02.png) left center no-repeat;background-size: 44px 44px}
.gotoList > a.icon_03{background: url(../images/column_03.png) left center no-repeat;background-size: 44px 44px}
.gotoList > a.icon_04{background: url(../images/column_04.png) left center no-repeat;background-size: 44px 44px}
.gotoList > a.icon_05{background: url(../images/column_05.png) left center no-repeat;background-size: 44px 44px}
.gotoList > a:hover{color:#043597;}

.columnContent{width:1280px;margin:40px auto 0 auto;}
.columnContent .title{margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;line-height: 27px;}
.columnContent .title h2{font-size: 24px;color: #152C5B;}
.columnContent .title a{padding-right: 28px;font-size: 16px;color: #043597;background: url(../images/icon_more.png) no-repeat right center;}

/*focus*/
.focus{width:100%;display: flex;height: 420px;align-items: center;justify-content: space-between;}
.focus .bigImg{width:648px;height: 420px;position: relative;flex-grow: 0;flex-shrink: 0;border-radius: 6px;overflow: hidden;}
.focus .bigImg img{display: block;width:100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.focus .bigImg .tit{
  background-image:linear-gradient(180deg, rgba(2, 81, 150, 0) 0%, #01285D 100%);border-radius: 6px;padding:0 24px 24px 24px;height: 56px;
  color: #FFF;text-shadow: 0 4px 6px rgba(23, 56, 108, 0.18);width:600px;position: absolute;bottom:0;left:0;z-index: 10;
  
}
.focus .bigImg .tit h3{
  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;height: 56px;font-size: 24px;line-height: 28px;
}
.focus .bigImg:hover img{transform: scale(1.02);}
.focus .focusList{width:610px;height: 420px;display: flex;flex-direction: column;justify-content: space-between;}
.focus .focusList .item{display: flex;width:100%;align-items: center;}
.focus .focusList .item .img{width:140px;height: 90px;margin-right: 16px;flex-grow: 0;flex-shrink: 0;overflow: hidden;}
.focus .focusList .item .img img{display: block;width:100%;height: 100%;object-fit: cover;transition:  all 0.3s;border-radius: 4px;}
.focus .focusList .item h3{font-size: 16px;color: #111;line-height: 24px;}
.focus .focusList .item:hover img{transform: scale(1.02);}
.focus .focusList .item:hover h3{color:#152C5B}

/*news*/
.itemList{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.itemList .item{display: block;width:302px;height: 190px;overflow: hidden;position: relative;margin-bottom: 25px;border-radius: 6px;}
.itemList .item img{display: block;width:100%;height: 100%;object-fit: cover;transition:  all 0.3s;}
.itemList .item:hover img{transform: scale(1.02);}
.itemList .item.v::before{content:'';position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:44px;height: 44px;z-index: 10;background: url(../images/icon_play.png);background-size: 44px 44px;}
.itemList .item h3{
  height: 40px;position: absolute;bottom:14px;left:0;width:278px;padding:0 12px;font-size: 16px;z-index: 3;
color: #FFF;line-height: 20px;text-shadow: 0 4px 6px rgba(23, 56, 108, 0.18);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;
}
.itemList .item:after{
  content:'';position: absolute;bottom:0;left:0;width:100%;height: 54px;background: linear-gradient(180deg, rgba(2, 81, 150, 0) 0%, rgba(0, 34, 82, 0.8) 99%);
}
.itemList .item.v:after{display: none;}
.itemList .item.t:after{display: none;}
.itemList .item.t{ background: #FFF;box-shadow: 0 1px 10px 0 rgba(92, 111, 135, 0.16);border-radius: 8px;height:auto;padding-bottom: 20px;}
.itemList .item.t .img{width:302px;height: 190px;overflow: hidden;margin-bottom: 10px;}
.itemList .item.t h4{
  position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #111;
  line-height: 24px;padding:0 12px 0 12px;height: 48px;
}
.itemList .item.t:hover h4{color:#152C5B}

/* map */
.mapContent{width:100%;margin:15px auto 32px auto;background: url(../images/bg_map.png) no-repeat top center;background-size: 100% auto;height: 580px;position: relative;}
.mapContent h2{font-size: 24px;color: #152C5B;letter-spacing: 0;text-align: center;line-height: 27px;width:100%;padding-top:25px;position: absolute;left:0;top:0}
.centerList{width:1280px;margin:0 auto;height: 100%;position: relative;}
.centerList a{display: flex;align-items: center;width:fit-content;transition: all 0.5s;height:50px;position: absolute;display: flex;align-items: center}
.centerList a.c_1{top:332px;left:995px}
.centerList a.c_2{top:250px;left:300px;}
.centerList a.c_3{top:280px;left:1020px}
.centerList a.c_4{top:245px;left:1055px}
.centerList a.c_5{top:250px;left:1090px}
.centerList a.c_6{top:162px;left:825px}
.centerList a.c_7{top:215px;left:605px}
.centerList a.c_8{top:260px;left:715px}
.centerList a.c_9{top:205px;left:580px}
.centerList a i{width:32px;height:32px;background: url(../images/icon_loc_sma.png) no-repeat;background-size: 100% 100%;transition: all 0.2s;position: relative;z-index: 2;}
.centerList a span{font-size: 16px;color: #111;line-height: 24px;padding-left: 6px;transition: all 0.2s;}
.centerList a:hover{z-index: 99;}
.centerList a:hover i{width:50px;height: 50px;background: url(../images/icon_loc_big.png) no-repeat;background-size: 100% 100%;}
.centerList a:hover span{
  height: 32px;background: #043597;padding:0 35px 0 20px;font-size: 16px;color: #FFF;line-height: 32px;margin-left: -20px;
  border-radius: 0 16px 16px 0 ;
}

/* index-about qingdao */
.aboutContent{background:url(../images/bg_01.png) no-repeat bottom center #E9EDF4;background-size: 100% auto;width:100%;margin:15px auto 0 auto;height: 548px;}
.aboutContent .aboutMain{width:1280px;margin:0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.aboutContent .aboutMain .text{flex-grow: 0;flex-shrink: 0;width:456px;margin-right: 84px;}
.aboutContent .aboutMain .text h2{font-size: 24px;color: #152C5B;line-height: 27px;margin-bottom: 30px;}
.aboutContent .aboutMain .text p{font-size: 16px;color: #152C5B;text-align: justify;line-height: 24px;}
.aboutContent .aboutMain .text .controls{display: flex;justify-content: space-between;margin-top: 70px;}
.aboutContent .aboutMain .text .controls .btn{
  display: flex;align-items: center;justify-content: center;width: 212px;height: 88px;background: #E9EDF4;border: 1.5px solid #043597;border-radius: 6px;transition: all 0.3s;
}
.aboutContent .aboutMain .text .controls .btn img{width:30px;height: 30px;display: block;margin-right: 16px;transition: all 0.3s;}
.aboutContent .aboutMain .text .controls .btn span{font-size: 18px;color: #043597;line-height: 24px;font-weight: 600;}
.aboutContent .aboutMain .text .controls .btn:hover img{transform:translateX(-10px);}
.aboutContent .aboutMain .text .controls .btn:hover{border-radius: 16px;}
.aboutContent .aboutMain .aboutFocus{width:740px;height: 100%;display: flex;align-items: center;justify-content: center;}
.aboutContent .aboutMain .aboutFocus .swiper {width: 660px;height: 418px;position: relative;}
.aboutContent .aboutMain .aboutFocus .swiper-slide {display: flex;align-items: center;justify-content: center;border-radius: 18px;font-size: 22px;font-weight: bold;color: #fff;opacity: 0.2;}
.aboutContent .aboutMain .aboutFocus .swiper-slide-active{opacity: 1;box-shadow: 0 12px 20px rgba(0,0,0,0.1);}
.aboutContent .aboutMain .aboutFocus .swiper-slide img{display: block;width:100%;height: 100%;object-fit: cover;}
.aboutContent .aboutMain .aboutFocus .swiper-pagination{display: flex;justify-content: center;width:740px;left:0;bottom:-20px}
.aboutContent .aboutMain .aboutFocus .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #043597;width:9px;height:9px;}
.aboutContent .aboutMain .aboutFocus .swiper-slide:nth-child(1n) {background-color: rgb(206, 17, 17);}
.aboutContent .aboutMain .aboutFocus .swiper-slide:nth-child(2n) {background-color: rgb(0, 140, 255);}
.aboutContent .aboutMain .aboutFocus .swiper-slide:nth-child(3n) {background-color: rgb(10, 184, 111);}

.aboutBanner{width:100%;height: 580px;display: flex;align-items: center;position: relative;}
.aboutBanner h1{width:1280px;font-weight: 700;font-size: 48px;color: #FFF;line-height: 60px;text-shadow: 0 4px 6px rgba(23, 56, 108, 0);position: relative;z-index: 2;margin:0 auto}
.aboutBanner img{position: absolute;top:0;left:0;width:100%;height: 100%;object-fit: cover;display: block;}

.aboutTop{
  width:100%;height: 555px;background: url(../images/bg_about.png) no-repeat right center;background-size: auto 100%;display: flex;align-items: center;justify-content: center;
}
.aboutTop .focus{width:1200px;height: 435px;}
.aboutTop .focus .bigImg{width:640px;height: 435px;}
.aboutTop .focus .text{width:520px;}
.aboutTop .focus .text h2{font-size: 24px;color: #152C5B;line-height: 30px;margin-bottom: 36px;}
.aboutTop .focus .text p{font-size: 16px;color: #111;text-align: justify;line-height: 32px;}
.aboutColumn{width: 100%;background: #F1F4FA;padding:18px 0;}
.aboutColumn .aboutColumnList{width:1300px;margin:0 auto;display: flex;flex-wrap: wrap;}
.aboutColumn .aboutColumnList .item{display:block;width:25%;font-size: 18px;color: #111;text-align: center;line-height: 24px;padding:42px 0}
.aboutColumn .aboutColumnList .item img{width:70px;height: 70px;display: block;margin:0 auto 21px auto;}
.aboutTourist{width:1200px;margin:40px auto 0 auto}
.aboutTourist .title{font-size: 24px;color: #152C5B;text-align: center;line-height: 27px;font-weight: bold;padding-bottom: 4px;}
.aboutTourist .touristList{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutTourist .touristList a{display: block;overflow: hidden;position: relative;margin-top: 20px;border-radius: 6px;}
.aboutTourist .touristList a img{display: block;width:100%;height: 100%;object-fit: cover;transition:  all 0.3s;}
.aboutTourist .touristList a:hover img{transform: scale(1.02);}
.aboutTourist .touristList a h3{
  height: 62px;position: absolute;bottom:0;left:0;background-image: linear-gradient(180deg, rgba(2, 81, 150, 0) 0%, rgba(0, 34, 82, 0.8) 99%);
  word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 20px;color: #FFF;line-height: 62px;
  text-shadow: 0 4px 6px rgba(23, 56, 108, 0.18);z-index: 3;
}
.aboutTourist .touristList a.bigImg{width:590px;height: 336px;}
.aboutTourist .touristList a.bigImg h3{padding:0 15px;width:560px;}
.aboutTourist .touristList a.smaImg{width:386px;height: 274px;}
.aboutTourist .touristList a.smaImg h3{padding:0 12px;width:362px;}

.ulNewsList{width:1200px;margin:40px auto;display: flex;justify-content: space-between;padding-bottom: 40px;}
.ulNewsList h2{font-size: 24px;color: #152C5B;display: flex;align-items: center;margin-bottom: 16px;}
.ulNewsList h2 img{width:70px;height: 70px;margin-right: 16px;}
.ulNewsList ul{margin-bottom: 36px;width:344px;}
.ulNewsList ul li{word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;margin-bottom: 12px;line-height: 36px;}
.ulNewsList ul li a{font-size: 16px;color: #111;}
.ulNewsList ul li a:hover{color:#152C5B;font-weight: 600;}
.ulNewsList .goMore{
  width: 140px;height: 40px;background: #FFF;border: 1px solid #043597;border-radius: 20px;display: flex;align-items: center;transition: all 0.3s;
  font-size: 14px;color: #043597;justify-content: center;
}
.ulNewsList .goMore img{display: block;margin-left: 15px;width:20px;height: 20px;;}
.ulNewsList .goMore:hover img{transform: translateX(10px);}

.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: #043597;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: #043597;}
.newsList a.newsBox .time{margin:31px 0 0 20px;color: #9CA1AE;font-size: 14px;line-height: 27px;}

@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: #043597}

/* detail */
.columnList{width:1200px;margin:0 auto;padding: 20px 0;height: 27px;line-height: 27px}
.columnList a{display: inline-block;color: #043597;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:#043597;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:#043597;}
.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: #043597;border: 1px solid #043597;}
.columnName ul li.on a{color: #fff;}
.columnName ul li:hover{border:1px solid #043597;}
.columnName ul li:hover a{color: #043597}
.columnName ul li.on:hover{background: #043597;border: 1px solid #043597;}
.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: #043597}
.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: #043597; background-color:#043597;text-decoration:none;color:#fff;}
.turn-page .selected{border:1px solid #043597;background-color:#043597;color:#fff;cursor:default}
.turn-page .selected:hover{background-color:#043597;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: #043597;border:1px solid #043597;}
.columnSider ul li.on a{color: #fff}
.columnSider ul li:hover{border:1px solid #043597;}
.columnSider ul li:hover a{color:#043597 }
.columnSider ul li.on:hover{border:1px solid #043597;}
.columnSider ul li.on:hover a{color: #fff}

.columnMain{width:970px;float: right;}
.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: #043597;}
.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: #043597;}
.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: #043597}
.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: #043597;}
.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 #043597;border-radius: 25px;color: #043597;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}
}