@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.ttf?t=1654164469634') format('truetype');
}
html{overflow-x: hidden;font-size: 16px;}
html.active{overflow: hidden;}
body {min-width: 320px;color: #000;overflow: hidden;font-family:"PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro","Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: rgb(255,255,255,.6)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.goomay a:hover{color: rgb(255,255,255,1)!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
*{word-break:normal !important}
li {list-style: none;}
i {font-style: normal;}
a {color: #000;}
a:focus{text-decoration: none;outline: none;color:#000;}
a:hover { color: #000;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%;}
.relative {position: relative;}
header{width:100%; box-shadow: 0 0 10px rgba(0,0,0,.15);background: #fff; position: fixed; z-index: 999}
header .inner{padding:0 8vw; display: flex;  align-items: center;}
header .logo{padding:12px 0 8px 0;display: flex; align-items: center;}
header .logo img{max-width:145px;}
header nav{}
header .inner nav {
    margin: 0 0 0 auto;
}

header .inner nav ul {
    font-size: 0;
}

header .inner nav ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4vw;
    font-size: 18px;
}

header .inner nav ul li:last-child {
    margin-right: 0;
}

header .inner nav ul li>a {
    transition: color 0.3s;
    display: inline-block;
    position: relative;
    color: #333;
    font-size: 16px;
    line-height: 100px;
    text-transform: uppercase;
    position: relative;
}

header .inner nav ul li>a:hover {
    color: #004ea2 !important;
    /*border-bottom: 3px solid #004ea2;*/
}
header .inner nav ul li>a:hover:after{content:"";width:100%; height: 3px; background: #004ea2; position: absolute; bottom: 0; left: 0;}
header .lang{margin-left:4vw;}
header .lang a{font-size: 16px; color: #999; margin:0 10px;}
header .lang a.active{color: #333;}
/**/
.col-banner{margin: auto;}
.banner-container .swiper-pagination-bullet{width:16px; height:16px; background: rgba(255,255,255,0); border:2px solid #fff!important; opacity: 1;}
.banner-container .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
.banner-container .swiper-slide img{width:100%;}
.banner-container .swiper-pagination{bottom: 30px}
.main{background: #004ea2; margin:auto; padding:10vh 0;}
.main .inner{padding:0 8vw;}
.main .col{padding:0;}
.main h2{margin-bottom:30px; color: #fff; font-size: 28px; font-weight: bold; padding-left:15px; position: relative;}
.main h2:before{content:"";width:5px; height: 86%; background: #8ec31f; position: absolute; left:0; top: 7%}
.main h2 span{color:rgba(255,255,255,.4); font-size: 20px; margin-left:5px;}
.main h2 a{display: block; border-radius: 15px; background: #3371b5; padding:8px 0; width: 90px; text-align: center; color:#fff; font-size: 14px; position: absolute; right: 0; top: 0;}
.news .wrap{display: flex;}
.news .wrap .img{width:40%;} 
.news .wrap .content{width:60%;margin-left:10px; border-top:1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2);}
.news .wrap .content a{display: flex; line-height: 3vw; color:#fff; font-size: 16px; background: rgba(255, 255, 255, 0); border-bottom:1px dotted rgba(255,255,255,.2); transition: .5s;}
.news .wrap .content a div{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.news .wrap .content a:hover{background: rgba(255, 255, 255, .1); transition: :.5s;}
.news .wrap .content a:last-child{border:none;}
.news .wrap .content a em{font-style:normal; margin-left:auto;}
.exhibition{padding-left:4vw}
.exhibition .title-head{border-radius: 25px; background: rgba(255,255,255,.1); box-shadow: 0 -3px 3px rgba(0, 0, 0, .1); color:#fff; font-size: 16px; height: 3vw; line-height: 3vw;}
.exhibition .title-head ul{display: flex; align-items: center;}
.exhibition .title-head .t1{width:56%; text-indent:1em;}
.exhibition .title-head .t2{width: 20%;}
.exhibition .title-head .t3{width: 24%;}
.exhibition .exhibition-list{}
.exhibition .exhibition-list ul{display: flex; align-items: center;}
.exhibition .exhibition-list li{color:#fff; line-height: 3vw; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.exhibition .exhibition-list .t1{width:56%; text-indent:1em;}
.exhibition .exhibition-list .t2{width: 20%;}
.exhibition .exhibition-list .t3{width: 24%;font-size: 14px}

footer{background: #0e3e80; padding:3vw 0; margin:auto;}
footer .inner{padding:0 8vw; display: flex; align-items: center; color: #fff;}
footer .copyright{font-size: 16px;}
footer .icp{margin-left: auto;}
footer .icp a{color: #fff; font-size: 16px;}
@media (max-width: 1600px) {
    header .inner nav ul li>a{font-size:14px; line-height: 70px;}
    header .lang a{font-size: 14px; }
    header .logo img{width:80%;}

	.main h2{font-size: 24px;}
	.main h2 span{font-size:16px;}
	.main h2 a{font-size: 12px}
	.news .wrap .content a{font-size: 14px;}
	.exhibition .title-head{font-size: 14px;}
	.exhibition .exhibition-list li{font-size: 14px;}
}
@media (max-width: 1400px) {
    header .inner nav ul li>a{font-size:14px;}
    header .lang a{font-size: 14px; }
    header .logo img{width:60%;}
	.main h2{font-size: 20px;}
	.main h2 span{font-size:16px;}
	.main .inner{padding:0 4vw;}
}

@media (max-width: 1200px) {
	.news .wrap .content a em{display: none;}
}