*{
padding: 0;
margin: 0;
}
html{
min-width: 1270px;
}
body{height:100%;font-family:Arial,"微软雅黑","宋体";}
a{text-decoration:none; blr:expression(this.onFocus=this.blur());outline-style:none;} /* 针对IE */
a:hover{text-decoration:none;}
a:focus{-moz-outline-style:none;} /*针对firefox*/
.fl{float:left;}
.fr{ float:right;}
.ofh{overflow:hidden;}
.tof {overflow:hidden;white-space:nowrap;display:block; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.opa{opacity:0;filter:alpha(opacity=0);}
/* clear */
.cb{clear:both;}
/* css3 no lte ie8*/
.amn1{transition:all ease-out .1s 0s;-webkit-transition:all ease-out .1s 0s;-moz-transition:all ease-out .1s 0s;-o-transition:all ease-out .1s 0s;}
.amn2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
.amn3{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.sdw{-webkit-box-shadow:#999 0px 0px 8px;-moz-box-shadow:#999 0px 0px 8px;box-shadow:#999 0px 0px 8px;}
li{
list-style: none;
}
ul, ol{
float: none;
}
img{
max-width: 100%;
}
.clear{
clear: both;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
border: none !important;
}
.pagination {
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #555;
margin: 0 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
.bg-blue{
background-color: #00428b;
}
.bg-hui{
background-color: #eef1f7;
}
.w1200{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.top{
width: 1200px;
margin: 0 auto;
padding: 25px 0 15px;
}
.top .logo{
float: left;
}
.top .right{
float: right;position: relative;
}
.top .right #form1{
position: absolute;
top: 0;
right: 0;
opacity: 0;
box-sizing: border-box;
transition: all 0.5s;
}
.top .right #form1.show{
width: auto;
padding-left: 35px;
opacity: 1;
}
.top .right #form1 input{
border: none;
height: 30px;
background-color: white;
outline: none;
}
.top .right #form1 #KW{
width: 0;
text-indent: 10px;
transition: all 0.5s;
}
.top .right #form1.show #KW{
width: 150px;
}
.top .right #form1 .submit{
width: 0;
background: url(../images/search2.png) no-repeat left center;
background-color: white;
}
.top .right #form1.show .close{
position: absolute;
width: 30px;
height: 30px;
background-color: #252736;
display: inline-block;
top: 0;
left: 0;
color: white;
font-size: 26px;
text-align: center;
line-height: 30px;
border-radius: 50%; cursor: pointer;
}
.top .right #form1.show .submit{
width: 25px;
}
.top .right .otherlink{
margin-bottom: 10px;
text-align: right;
}
.top .right .otherlink select{
border: none;
background-color: #00428b;
color: #d1e4f0;outline: none;
font-size: 13px;
width: 74px;
}
.top .right .otherlink span, .top .right .otherlink div{
border-right: 1px solid rgba(255,255,255,0.3);
display: inline-block;
padding: 0 10px;
}
.top .right .otherlink span a{
color: #d1e4f0;
font-size: 13px;
}
.top .right .otherlink .search{
border-right: none;
vertical-align: middle;
}
.top .right .otherlink .search img{
}
.top .right .otherlink div{
color:#d1e4f0;
font-size: 13px;
background: url(outlinkbg.jpg) no-repeat right 8px center;
padding-right: 22px;
background-size: 10px 6px;
cursor: pointer;
}
.top .right .otherlink ul{
position: absolute;
display: none;
z-index:999;
}
.top .right .otherlink ul li{
text-align: center;
padding: 0 6px 0 6px;
background-color: #00428b;
}
.top .right .otherlink ul li:hover{
background-color: #1e90ff;
}
.top .right .otherlink ul li a{
color:#d1e4f0;
font-size: 13px;
display: block;
}
.top .right .nav{
}
.top .right .nav li{
float: left;
display: inline-block;
padding: 10px 18px;
position: relative;
}
.top .right .nav li:first-child{
margin-left: 0;
}
.top .right .nav li a{
color: white;
display: block;
font-size: 15px;
}
.top .right .nav li div{
display: none;
position: absolute;
z-index: 9;
background-color: white;
color: #454545;
width: 140%;
top: 100%;
left: 0;
padding: 5px 0;
}
.top .right .nav li div a{
color: #454545;
padding: 5px 0;
text-align: left;
padding-left: 20px;
}
.top .right .nav li:hover{
background-color: white;
}
.top .right .nav li div a:hover {
background-color: #e9eff6;
}
.top .right .nav li:hover .a, .top .right .nav li div a:hover{
color: #00428b;
}
.top .right .nav li:hover div{
display: block;
}
.in_banner{
}
.in_banner .swiper-pagination-switch{
width: 10px;
height: 10px;
background: #fff;
border: none;
}
.in_banner .swiper-active-switch{
border: 1px solid #fff;background: initial;
}
.in_banner .swiper-slide{
text-align: center;
max-height: 515px;
}
.in_banner img{
display: block;
margin: 0 auto;
text-align: center;
}
.in_news{
padding: 45px 0;
}
.title{
margin-bottom: 20px;
overflow: hidden;
}
.title h3{
font-size: 24px;
color: #333333;
display: inline-block;
float: left;
}
.title .more{
font-size: 14px;
color: #164aa2;
padding-right: 10px;
background: url(../images/right.png) no-repeat right center;
float: right;line-height: 32px;
}
.in_news .left{
overflow: hidden;
float: left;
}
.in_news .left div{
width: 360px;
margin-right: 30px;
float: left;
}
.in_news .left div .pic{
display: block;
height: 240px;
}
.in_news .left div .pic img{
height: 100%;
}
.in_news .left div .tit{
color: #333333;
font-size: 16px;
margin: 16px 0;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_news .left div .clock{
padding-left: 20px;
background: url(../images/clock.png) no-repeat left center;
font-size: 12px;
color: #777777;
display: block;
}
.in_news ul{
width: 420px;
float: right;
}
.in_news ul li{
overflow: hidden;
display: block;
border-bottom: 1px solid #eaeaea;
padding: 12px 0;
overflow: hidden;
}
.in_news ul li p{
text-align: center;
color: #164aa2;
font-size: 22px;
background-color: #e9eff6;
display: inline-block;
padding-top: 5px;
float: left;
margin-right: 15px;
}
.in_news ul li span{
font-size: 13px;
color: #888888; display: block;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}
.in_news ul li p span{
font-size: 11px;
color: white;
display: block;
background-color: #164aa2;
padding: 2px 3px;
}
.in_news ul li a{
font-size: 15px;
color: #333333;
display: block;
margin-bottom: 10px;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}
.in_news ul li a:hover{
color: #00428b;
}
.in_them{
}
.in_them .left{
width: 580px;
float: left;
}
.in_them .left ul{
background-color: #fbfcfe;
padding: 10px 20px;
box-sizing: border-box;
width: 100%;
}
.in_them .left ul li{
display: block;
overflow: hidden;
padding: 15px 0;
border-bottom: 1px solid #eaeaea;
}
.in_them .left ul li span{
font-size: 13px;
color: #666666;
display: block;
width: 470px;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_them .left ul li a{
color: #333333;
font-size: 15px;
display: block;
margin-bottom: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_them .left ul li a:hover{
color: #00428b;
}
.in_them .left ul li .date{
background-color: #00428b;
width: 50px;
height: 50px;
padding: 10px;
margin-right: 20px;
box-sizing: border-box;float: left;
}
.in_them .left ul li p{
display: inline-block;
color: white;
font-size: 12px;
width: 100%;
height: 100%;
background:linear-gradient(135deg,transparent 49.5%,rgba(255,255,255,0.5),transparent 50.5%);
position: relative;
}
.in_them .left ul li p s{
display: block;
position: absolute;
text-decoration: none;
right: 0;
bottom: 0;
}
.in_them .left ul li p s:first-child{
top: 0;
left: 0;
}
.in_them .right{
width: 580px;
float: right;
}
.in_news{
}
.news1{
overflow: hidden;
width: 585px;
float: left;
}
.news1:first-child{
margin-right: 30px;
}
.news1 ul{
width: 100%;
}
.news1 .title{
border-bottom: 1px solid #eaeaea;
margin-bottom: 10px;
}
.news1 .title h3{
padding-bottom: 10px;
border-bottom: 1px solid #164aa2;
}
.in_other{
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0 35px;
}
.in_other .swiper-slide{
width: 305px;
}
.in_other .swiper-slide:first-child{
width: 280px;
}
.in_other .swiper-slide a{
display: block;
overflow: hidden;
position: relative;
width: 280px;
margin-left: 25px;
}
.in_other .swiper-slide:first-child a{
margin-left: 0;
}
.in_other .swiper-slide img{
display: block;
}
.in_other .swiper-slide p{
position: absolute;
width: 100%;
top: 50%;
color: white;
text-align: center;
font-size: 16px;
margin-top: -25px;
}
.in_other .swiper-slide p span{
display: block;
font-size: 22px;
}
.in_other .prevbtn, .in_other .nextbtn{
position: absolute;
top: 0;
height: 100%;
width: 35px;
}
.in_other .prevbtn{
left: 0;
background: url(../images/prevbtn.png) no-repeat left center;
}
.in_other .nextbtn{
right: 0;
background: url(../images/nextbtn.png) no-repeat right center;
}
.in_othlink{
padding: 40px 0 35px;
}
.in_othlink li{
width: 14.28%;
float: left;
text-align: center;
}
.in_othlink li a{
display: block;
}
.in_othlink li a img{
}
.in_othlink li a p{
font-size: 16px;
color: #555555;
margin-top: 20px;
}
.in_othlink li a:hover p{
color: #00428b;
}
.footer{
overflow: hidden;
}
.footer ul{
float: left;
overflow: hidden;
}
.footer ul li{
float: left;
border-right: 1px solid rgba(255,255,255,0.5);
font-size: 14px;
line-height: 14px;
}
.footer ul li a{
color: white;
display: block;
padding: 0 15px;
}
.footer ul li:first-child a{
padding-left: 0;
}
.footer ul p{
color: rgba(255,255,255,0.5);
font-size: 14px;
margin-top: 20px;
}
.footer ul p a{
color: white;
opacity: 0.5;
}
.footer ul p a:hover{
opacity: 1;
}
.footer .ewm{
float: right;
}
.banner img{
display: block;
}
.content{
position: relative;
overflow: initial;
}
.content .leftnav{
float: left;
width: 240px;
background-color: #04407e;
padding-left: 10px;
text-align: center;
position: relative;
top: -76px;
}
.content .leftnav h1{
font-size: 28px;
font-weight: normal;
color: white;
padding: 20px 0;
}
.content .leftnav ul{
width: 100%;
background-color: #e7ecf3;
font-size: 16px;
}
.content .leftnav ul li{
border-top: 2px solid white;
}
.content .leftnav ul li:first-child{
border-top: none;
}
.content .leftnav ul li a{
color: #333333;
display: block;
padding: 20px 0;
}
.content .leftnav ul li:hover, .content .leftnav ul .active{
background-color: #daa14f;
color: #FFF;
}
.content .leftnav ul li:hover a, .content .leftnav ul .active a{
color: white;
}
.content .leftnav ul div a{
display: block;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #333333;
}
.content .leftnav ul div a:hover{
color: #04407e;
font-weight: bold;
}
.content .leftnav ul div .activez{
color: #04407e;
font-weight: bold;
}
.content .right{
width: 920px;
float: right;
padding: 35px 0;
}
.pagecon, .content .right .pic-list{
margin-top: 25px;
}
.pagecon{
line-height: 2;
font-size: 14px;
color: #59616c;
padding-bottom: 20px;
padding-top: 12px;
}
.pagecon h1{
font-size: 100%;
font-weight: normal;
}
.location{
overflow: hidden;
border-bottom: 1px solid #eaeaea;
}
.location h2{
float: left;
font-size: 24px;
color: #333333;
font-weight: normal;
padding-bottom: 15px;
border-bottom: 2px solid #00428b;
}
.location p{
float: right;
font-size: 13px;
color: #666666;
line-height: 34px;
}
.location p a{
color: #666666;
padding-left: 15px;
background: url(../images/iconright.png) no-repeat 5px center;
}
.location p a:first-child{
padding-left: 0;
background: initial;
}
.location p a:hover{
color: #00428b;
}
.content .right .pic-list{
overflow: hidden;
}
.content .right .pic-list li{
width: 290px;
margin-right: 25px;
float: left;
text-align: center;
}
.content .right .pic-list li a{
display: block;
}
.content .right .pic-list li a img{
height: 200px;
}
.content .right .pic-list li a p{
line-height: 50px;
display: block;
text-align: center;
color: #333333;
font-size: 16px;
}
.new-list{
overflow: hidden;
}
.new-list li{
border-bottom: 1px solid #e8e8e8;
padding: 13px 0 10px;
}
.new-list li a{
color: #333333;
font-size: 16px;
padding-left: 15px;
display: inline-block;
max-width: 845px;
box-sizing: border-box;
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
background: url(../images/newicon.png) no-repeat left center;
}
.new-list li a:hover{
color: #00428b;
}
.new-list li span{
font-size: 14px;
color: #888888;
float: right;
}
.pagecon .title {
border-bottom: 1px solid #eaeaea;
text-align: center;
}
.pagecon .title h3{
display: block;
font-size: 24px;
color: #333333;
float: initial;
}
.pagecon .title span{
display: block;
color: #666666;
font-size: 14px;
margin: 20px 0;
}
.prevnext{
margin-top: 30px;
}
.prevnext .prevnew{
margin-bottom: 10px;
}
.search_list{
padding: 35px 0;
}
/*首页时间轴*/
.col-line-box {
width: 100%;
height: 60px;
background-color: #00428b;
}
.col-line-container {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.col-line-container>span {
display: block;
float: left;
height: 100%;
font-size: 22px;
line-height: 64px;
color: #fff;
}
.col-line-container>span {
display: block;
float: left;
height: 100%;
font-size: 22px;
line-height: 64px;
color: #fff;
}.data-container {
width: 100%;
height: 100%;
box-sizing: border-box;
}.prevmonth {
border: none;
display: block;
float: left;
width: 90px;
height: 100%;
background: url(../images/left.png) 18px center no-repeat;
padding-left: 0;
border-right: solid 1px #3368a2;
font-size: 14px;
color: #fff;
line-height: 60px;
box-sizing: border-box;
}.nextmonth {
border: none;
display: block;
float: right;
width: 90px;
height: 100%;
background: url(../images/right.png) 62px center no-repeat;
border-left: solid 1px #3368a2;
font-size: 14px;
color: #fff;
line-height: 60px;
box-sizing: border-box;
}.data-box {
width: 1020px;
float: left;
height: 100%;
box-sizing: border-box;
padding: 0 12px;
}.data-box>span {
cursor: pointer;
display: inline-block;
position: relative;
width: 32px;
height: 100%;
font-size: 14px;
font-family: "Arial";
line-height: 60px;
color: #a3bfdf;
text-align: center;
}.data-box>span>i {
width: 100%;
height: 12px;
background: url(../images/newsarrow.png) top center no-repeat;
position: absolute;
top: 0px;
left: 0px;
display: none;
}.datanews2 {
display: none;
width: 400px;
background-color: #fff;
position: absolute;
bottom: 60px;
left: -53px;
z-index: 2;
}.data-box>span.s {
color: #fff;
font-weight: bold;
}.data-box>span.sel {
background: url(../images/yuan.png) center center no-repeat;
color: #00428b;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}.datanews {
background-color: #fff;
display: block;
padding: 25px 15px;
border-top: solid 1px #00428b; overflow: hidden;
}.datanews>.info {
height: 100%;
}.datanews>.info>.title {
font-size: 16px;
color: #151515;
line-height: 24px;
text-align: left;
font-weight: normal;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}.datanews:hover .title{
color: #00428b;
}.datanews>.info>.smcontent {
color: #666666;
font-size: 14px;
line-height: initial;
text-align: left;
font-weight: normal;
}
.datanews .left{
width: 110px;
float: left;
margin-right: 10px;
}
.NewsPage, #NewsPage{max-width: 1200px;margin: 0 auto;text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.NewsPage a, #NewsPage a{
color: -webkit-link;
margin: 0 5px;
}