html,body{margin:0;padding:0;background-color: #fff;font-family:"微软雅黑",Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei",  sans-serif; font-size: 16px; line-height: 1.5; margin:0; padding:0; color:#333;}
*{box-sizing: border-box;}
a{text-decoration: none; color:#333;}
ul,ol,li{margin:0;padding:0;list-style: none;}
h1,h2,h3,h4,h5,p{margin:0;padding:0;font-weight: normal;}
img{display: block;max-width: 100%;}
table{border-collapse:collapse;}
td{border:#525252 solid 1px;}
.left{float:left;}
.right{float:right;}

.wp{width:80%; min-width: 1400px; max-width: 1600px; margin:0 auto;}

.color-bar{display: flex; align-items:center; justify-content: center; background-color: #1b375b; column-gap:1px;}
.color-bar>div{ height:3px; display:auto;}
.color-bar div:nth-child(1){background-color: #be092b; width:10%;}
.color-bar div:nth-child(2){background-color: #de517e; width:10%;}
.color-bar div:nth-child(3){background-color: #f18336; width:10%;}
.color-bar div:nth-child(4){background-color: #fdb900; width:10%;}
.color-bar div:nth-child(5){background-color: #0080c2; width:40%;}
.color-bar div:nth-child(6){background-color: #f18336; width:20%;}

.banner img{width: 100%; height:auto;}
.banner:before{content:''; display: block; position:absolute; z-index: 10; width:100%; height:40%; left:0; top:0; background-image: linear-gradient(to bottom, rgba(29,57,92,.8), rgba(29,57,92,0));}
.banner-pagination {bottom:90px !important;}
.banner-pagination .swiper-pagination-bullet{width:15px; height:15px; background-color: #fff; opacity: .6;}
.banner-pagination .swiper-pagination-bullet-active{background-color: #fff; opacity: 1;}
.banner .swiper-slide{height:650px;}
.banner .swiper-slide a{display:block; width:100%; height:100%;}
.banner .swiper-slide img{height:100%; width:auto; min-width:100%; object-fit: cover;}

.banner video{min-height:100%; width:auto; min-width:100%;}

.header{position: absolute; left:0; top:0; width:100%; z-index: 999; margin-top: 30px;}
.header .wp{display: flex; align-items: center;}
.header .logo{height:90px;}
.header .logo img{height:100%;}
.header .nav-wrapper{flex:1; text-align: right;}
.header .nav{text-align: left; display: inline-block;}
.header .nav>li{float:left; margin-right: 20px; position: relative;}
.header .nav>li>a{font-size: 18px; color:#fff; display: block; padding:15px 16px; transition: color 0.4s;}
.header .nav>li:hover>a{color:#f18336; background-color: #fff;border-radius: 5px;}
.header .nav>li:hover>a.hassub{border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.header .nav>li:hover .sub{display: block;}
.header .nav .sub{ background-color: #fff; border-radius: 5px; border-top-left-radius: 0px; position: absolute; left:0; top:100%; padding:15px 0px; width:220px; display: none;}
.header .nav .sub a{display: block; padding:10px 15px; transition: all 0.4s;}
.header .nav .sub li{ border-bottom: #f2f2f2 solid 1px;}
.header .nav .sub li:last-child{ border-bottom: none;}
.header .nav .sub a:hover{background-color: #1b375b; color:#fff;}
.header .nav .sub li.group{color:#f18336; padding:10px 15px; background-color: #f4f4f4;}

.header .search{position: relative; margin-top: -4px;}
.header .search #search-toggle {display: block; padding:15px;}
.header .search #search-toggle img{ height:22px; }
.search-form{ border-radius: 5px; padding:0px 0px 0px 7px; overflow: hidden; display: flex; align-items: center;}
.search-form input{border:#fff solid 1px; opacity: 0; border-radius: 3px; height:30px; line-height: 30px; flex:1; padding-left: 10px; width:0px; outline: none; transition: all 0.4s;}
.header .search .search-form button{height:44px; background-color: transparent; border:none; padding:10px; color:#fff; display: none;}
.header .search-form.open{background-color: rgba(255,255,255,.2); border:#fff solid 1px;}
.header .search-form.open input{width:200px; opacity: 1;}
.header .search-form.open button{display: block;}
.header .search.open #search-toggle{display: none;}

.objects {position: relative; z-index: 100; margin-top: -90px;}
.objects .wp{display: flex; align-items: center; column-gap: 10px; height:240px;}
.objects .wp .obj{flex:1; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; overflow: hidden; border-radius: 7px; height:150px; transition: all 0.3s; padding:18px; position: relative;}
.objects .wp .obj a{display: block; width:100%; height:100%; color:#fff;}
.objects .wp .obj h2{font-size: 18px; z-index: 1; position: relative;}
.objects .wp .obj span{z-index: 1; transition: all 0.5s; position: relative; padding:2px 6px; border:#fff solid 1px; border-radius: 4px; font-size: 12px; opacity: 0;}
.objects .wp .obj:hover{height:195px; box-shadow: 0px 0px 10px rgba(0,0,0,.3)}
.objects .wp .obj:hover span{opacity: 1;}
.objects .obj a:after{content: ''; display: block; width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.6s; opacity: .7;}
.objects .wp .obj:hover a:after{opacity: 1;}
.objects .obj.blue a:after{ background-image:linear-gradient(to bottom, #0a1c54 , rgba(0,0,0,0));}
.objects .obj.orange a:after{ background-image:linear-gradient(to bottom, #d77828 , rgba(0,0,0,0));}
.objects .obj.purple a:after{ background-image:linear-gradient(to bottom, #5920b2 , rgba(0,0,0,0));}
.objects .obj.yellow a:after{ background-image:linear-gradient(to bottom, #a3741a , rgba(0,0,0,0));}
.objects .obj.red a:after{ background-image:linear-gradient(to bottom, #be092b , rgba(0,0,0,0));}
.objects .obj.black a:after{ background-image:linear-gradient(to bottom, rgba(0,0,0,.4) , rgba(0,0,0,0));}

.news{padding:40px 0px;}
.news .section-title{text-align: center;}
.news .section-title h2{font-size: 32px; font-weight: bold;}
.news .section-title span{letter-spacing: 20px;}
.news .section-title span i{font-style: normal; color:#be092b;}
.news .section-content{margin-top: 60px; overflow: hidden;}
.news .left{width:49%;}
.news .left .pic{width:100%;}
.news .left .txt{margin-top: 16px;}
.news .left .txt h3{font-size: 24px;}
.news .left .txt p{color:#bdbdbd; font-size:14px}
.news .left .txt .date{color:#0083bd; margin-top: 4px;}
.news a h3{transition: all 0.3s;}
.news a h3:hover{color:#0080c2;}
.news .right{width:48%;}

.block-title{display: flex; align-items: center;}
.block-title .tabs{flex:1;}
.block-title .more{color:#0083bd;}
.block-title .more-tab{display: none;}
.block-title .more-tab.active{display: block;}
.block-title .tabs{overflow: hidden;}
.block-title .tabs li{float:left;}
.block-title .tabs li a{display: block; padding:10px 20px; background-color: #f4f4f4; font-size: 18px;}
.block-title .tabs li a.active{color:#fff; background-color: #0080c2;}

.news .news-list{margin-top: 10px; display: none;}
.news .news-list.active{display: block;}
.news .news-list li{border-bottom: #bdbdbd dashed 1px; padding:12px 0px;}
.news .news-list li p{color:#999; margin-top: 4px; font-size:14px}
.news .news-list li .date{color:#0080c2; margin-top: 4px;}

.obj-slides {margin-bottom: 100px; margin-top: 0px;}
.obj-slides .wp{ position: relative; overflow: hidden; border-radius: 9px;}
.obj-slides .swiper-slide{height:auto !important;}
#obj-slides-ctrl{position: absolute; left:0; top:0; z-index: 10; background-color: rgba(0,0,0,.6); height:100%; padding-top: 40px;overflow: visible;}
#obj-slides-ctrl .swiper-slide{display: block; padding:14px 30px; width:100%; color:#fff; font-size: 18px; transition: all 0.4s;}
#obj-slides-ctrl .swiper-slide-thumb-active{background-color: #0083bd; color:#fff; width:110%;}

.links{position: relative;}
.links .wp{padding:0 2%;}
.links:after{content: ''; display: block; width:100%; height:60%; background-color: #F1E7D1; position: absolute; left:0; bottom:0;}
.links .link-list{text-align: center; position: relative; z-index: 1; padding-bottom: 160px; text-align:center; overflow: hidden;}
.links .link-list li{display:block; width:30%; position: relative; margin-right:5%; float:left;}
.links .link-list li h3{color: #fff; font-size: 24px; position: absolute; z-index: 10; left:30px; top:30px;}
.links .link-list li:nth-child(2){margin-top: 40px;}
.links .link-list li:nth-child(3){float:right; margin-right: 0;}
.links .link-list li .pic{width:100%; overflow: hidden;}
.links .link-list li .pic img{width:100%; transition: all 0.5s;}
.links .link-list .txt{background-color: #fff; padding:20px; width:90%; font-size: 14px; text-align: left; position: absolute; right:0; bottom:-10%; transition: all 0.5s;}
.links .link-list .txt a{display: block; color:#be092b; text-decoration: underline; margin-top: 6px;}
.links .link-list li:hover .txt{width:100%;}
.links .link-list li:hover .pic img{transform: scale(1.1)}

.footer{background-color: #1e1e1e; color:#fff; font-size: 12px; padding:30px 0px;}
.footer .wp{overflow: hidden;}
.footer .logo{height:80px;}
.footer .logo img{height:100%;}
.footer .txt{margin-top: 20px; font-size:14px; line-height:2}
.footer .right{overflow: hidden;}
.footer .ewm{float:left; margin-left: 15px; text-align: center;}
.footer .ewm p{margin-top: 4px;}


/*SUB PAGE*/
.sub-banner{position: relative;}
.sub-banner:after{content:''; display: block; position: absolute; left:0; bottom:0; width:100%; height:60%; background-image: linear-gradient(to top,#fff,rgba(255,255,255,0))}
.sub-banner:before{content:''; display: block; position: absolute; left:0; top:0; width:100%; height:40%; background-image: linear-gradient(to bottom,rgba(29,57,92,.8),rgba(29,57,92,0))}
.sub-banner img{width:100%;}
.page-wrapper{margin-top: -70px; position: relative; z-index: 10;}
.page-wrapper .wp{display: flex; align-items: flex-start;}
.page-wrapper .page-right{flex:1;}
.page-wrapper .page-left{width:20%; margin-right: 3%;}
.page-wrapper .left-title{border-top: #0083bd solid 4px; color:#0083bd; font-size: 26px; font-weight: bold; height:60px; line-height: 60px; border-bottom: #f2f2f2 solid 1px;}
.page-wrapper .left-nav{margin-top: 15px; padding-bottom: 100px;}
.page-wrapper .left-nav li{border-bottom: #ededed dotted 1px;}
.page-wrapper .left-nav a{display: block; font-size: 18px; padding:15px 0px; transition: all 0.5s;}
.page-wrapper .left-nav a.active,.page-wrapper .left-nav a:hover{background-color: #2b78dd; color:#fff; padding-left: 20px;}
.page-wrapper .page-title{border-top: #ffa800 solid 4px; color:#333; font-size: 22px; font-weight: bold; height:66px; line-height: 66px; border-bottom: #dddddd solid 1px; display: flex; justify-content: flex-end; }
.page-wrapper .page-title h2{flex:1; font-size:24px}
.page-wrapper .page-title .breads{font-size: 14px;}
.page-wrapper .page-title .breads span{display: inline-block; font-weight: lighter; padding:0 10px;}

.page-content{padding-bottom: 100px;}
.news-list-pic {margin-top: 20px;}
.news-list-pic li{padding:20px 0px; border-bottom: #eee dashed 1px;}
.news-list-pic li a{display: flex; align-items: flex-start;}
.news-list-pic .pic{width:25%; margin-right: 3%; border-radius: 5px; overflow: hidden;}
.news-list-pic .pic img{transition: all 0.5s;}
.news-list-pic .txt{flex:1;}
.news-list-pic li:hover .pic img{transform: scale(1.1);}
.news-list-pic li .txt h2{font-size: 24px; line-height: 1.5;}
.news-list-pic li .txt p{color:#bdbdbd;}
.news-list-pic li .txt .date{color:#0080c2; margin-top: 4px;}
.news-list-pic li:hover h2{color:#0080c2;}

.news-list-block{overflow: hidden; margin-top: 40px;}
.news-list-block li{width:23%; float:left; margin-right: 2.55%; transition: all 0.4s; margin-bottom: 1em;}
.news-list-block li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.news-list-block li:nth-child(4n){margin-right: 0;}
.news-list-block li .pic{overflow: hidden;}
.news-list-block li .pic img{width:100%; transition: all 0.4s;}
.news-list-block li:hover .pic img{transform: scale(1.1);}
.news-list-block li .txt{padding:14px; height:160px;}
.news-list-block li h2{font-size: 18px; line-height: 1.5;}
.news-list-block li .date{color:#0080c2; margin-top: 5px;}

.pager{margin-top: 40px; text-align: right;}
.pager li{display: inline-block;}
.pager li a{padding:10px 15px; border:#0080c2 solid 1px; color: #0080c2; text-align: center; transition: all 0.4s;}
.pager li a.active,.pager li a:hover{background-color: #0080c2; color:#fff;}

.page-content .content{margin-top: 50px; font-size: 18px;padding: 0 60px;}
.page-content .content p{line-height: 2; margin-bottom: 2em; text-indent: 2em;text-align: justify;}

.page-content .honor p{text-indent: 0; margin-bottom: 1em;}

.media-list{text-align: center;}
.media-list li{display: inline-block; padding:20px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,.1); width:21%; margin:0 1%; margin-bottom:30px;}
.media-list li .pic{margin:0 auto;}
.media-list li .pic img{margin:0 auto; height:140px;}
.media-list li p{text-align: center !important; text-indent: 0 !important; margin-top: 1em;}

.ul-contact{border: #eee solid 1px; border-radius: 7px; width:100%; padding:40px; margin-top: 30px; margin-bottom: 100px; overflow: hidden;}
.ul-contact li{float:left; width:50%;}
.ul-contact li .tit{color:#0080c2; font-size: 14px;}
.ul-contact li p{font-size: 14px; text-indent: 0 !important; margin-bottom: 0 !important;}

img.img-col2{width:49%; float:left; margin-right: 1%; margin-bottom: 1.2em;}
img.img-col2:nth-child(2n){float:right; margin-right: 0;}
img.img-col3{width:32%; float:left; margin-right: 2%; margin-bottom: 1.2em;}
img.img-col3:nth-child(3n){float:right; margin-right: 0;}

.news-title{padding-top:40px; border-bottom:#f2f2f2 solid 1px; padding-bottom:30px;}
.news-title h1{font-weight:bold;}
.news-title span{color:#2386B9;display:block; margin-top:0px;}