*{margin:0;padding:0}
body,html{width:100%;height:100%;background:#fff;font-family:"微软雅黑";color:#333;font-size:14px;}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{text-decoration:none;color:#315295}
li,ol,ul{list-style:none}
input,textarea{font-family:"微软雅黑"}
b,em,h1,i,strong{font-style:normal;font-weight:400}
body{min-width: 1500px; margin: 0 auto;}

.main{width:1410px;margin:auto;clear:both;position:relative;}
.main1300{width:1300px;margin:auto;clear:both;position:relative;}
.fl{float:left}
.fr{float:right}
img{border:none;display:inline-block;}
.clearfix{clear:both}

.header {width: 100%; min-width: 300px; height: auto; z-index: 99999999; position: relative; top:  0; left: 0; }
.header.currents { box-shadow: 0 2px 6px rgb(0 0 0 / 40%); }
.header.currents .nav ul li.logo>a img{width: 136px; left: 70px;}
.header.currents .nav::after{display: none;}

.top{ width: 100%; height: 36px; background: url(../image/bg1.jpg) center repeat-x; }
.top .fl{ color: #cddcfb; font-size: 14px;}
.top .fl span{ margin-right: 20px;line-height: 36px;}
.top .fr{ position: relative; padding-right: 15px;}
.top .fr a{display: inline-block; color: #cddcfb; font-size: 14px; margin: 0px 18px;line-height: 36px; position: relative;}
.top .fr a::after{position: absolute; content: ''; left: -20px; top: 14px; height: 10px; background: #85aaf5; width: 1px;}
.top .fr a:first-child::after{display: none;}
.top .fr a.search{ background: url(../image/search.png) center no-repeat;width: 45px; height: 36px; margin: 0; position: absolute; right: 0;}
.top .fr a.search::after{display: none;}

.nav { background:#fff;height:76px; position: relative; z-index: 99;}
.nav::after{ position: absolute; content: ''; left: 0; top: 0; right: 0; background: url(../image/bg2.png) center bottom no-repeat; height: 180px;}
.nav ul li {float:left; position:relative; height:76px; z-index: 11; margin: 0px 5px;}
.nav ul li>a {color:#0061ae; font-size:18px; font-weight: bold; line-height:76px; text-align: center; position:relative; display:block; width:128px; text-decoration: none;}
.nav ul li:hover{ background: url(../image/nav_bg.jpg) no-repeat; background-size: 100% auto;}
.nav ul li:hover>a { color: #fff;}
.nav ul li.logo>a{ width: 296px;}
.nav ul li.logo:hover{ background: none;}
.nav ul li.logo>a img{ position: absolute; top: -35px; left: 54px;}
.nav ul li dl {position:absolute; left:0; top:76px; right:0; background:url(../image/nav_bg1.png) center bottom /*no-repeat*/; display:none; padding-bottom: 20px;}
.nav ul li dl dd a {display:block; text-align:center; color:#fff; font-size:16px; line-height: 24px; padding: 10px;}
.nav ul li dl dd a:hover {background:#fff; text-decoration:none; color: #4b74c8;}

.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1; height: 867px;}
.banner-main{ position: absolute; z-index: 1; left: 50%; margin-left: -960px;}
.banner-main .prev,.banner-main .next{ position: absolute; display: block; width: 67px; height: 123px; background: url(../image/left.png) no-repeat; left: 0; top: 310px;}
.banner-main .next{left: auto; right: 0; background: url(../image/right.png) no-repeat;}
.banner-main .prev:hover{background: url(../image/hover/left.png) no-repeat;}
.banner-main .next:hover{background: url(../image/hover/right.png) no-repeat;}

.banner_nav{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 110px; background: url(../image/bg3.png) repeat;}
.banner_nav ul{ display: flex;position: relative;}
.banner_nav ul::before{ position: absolute; content: ''; width: 1px; left: 0; top: 0px; bottom: 0; background: url(../image/bg5.png) left center no-repeat;}
.banner_nav ul li{ flex:1 ; position: relative; height: 110px; text-align: center; padding-right: 1px;}
.banner_nav ul li::before{ position: absolute; content: ''; width: 1px; right: 0; top: 0px; bottom: 0; background: url(../image/bg5.png) right center no-repeat;}
.banner_nav ul li a{ width: 100%; display: inline-block; color: #d6d6d6; font-size: 16px; padding-top: 60px; height: 50px; line-height: 50px; position: relative;} 
.banner_nav ul li a:hover{ color: #ffffff; background: url(../image/bg4.png) repeat;}
.banner_nav ul li a i{ display: inline-block; width: 65px; height: 60px; position: absolute; left: 50%; margin-left: -32.5px; top: 10px;background: url(../image/ico1.png) center top no-repeat;transition:.5s;}
.banner_nav ul li a:hover i{background-image: url(../image/hover/ico1.png);transform:rotateY(180deg)}
.banner_nav ul li a.i2 i{ background: url(../image/ico2.png) center top no-repeat;}
.banner_nav ul li a.i2:hover i{ background-image: url(../image/hover/ico2.png);} 
.banner_nav ul li a.i3 i{ background: url(../image/ico3.png) center top no-repeat;}
.banner_nav ul li a.i3:hover i{ background-image: url(../image/hover/ico3.png);}
.banner_nav ul li a.i4 i{ background: url(../image/ico4.png) center top no-repeat;}
.banner_nav ul li a.i4:hover i{ background-image: url(../image/hover/ico4.png);}
.banner_nav ul li a.i5 i{ background: url(../image/ico5.png) center top no-repeat;}
.banner_nav ul li a.i5:hover i{ background-image: url(../image/hover/ico5.png);}
.banner_nav ul li a.i6 i{ background: url(../image/ico6.png) center top no-repeat;}
.banner_nav ul li a.i6:hover i{ background-image: url(../image/hover/ico6.png);}
.banner_nav ul li a.i7 i{ background: url(../image/ico7.png) center top no-repeat;}
.banner_nav ul li a.i7:hover i{ background-image: url(../image/hover/ico7.png);}
.banner_nav ul li a.i8 i{ background: url(../image/ico8.png) center top no-repeat;}
.banner_nav ul li a.i8:hover i{ background-image: url(../image/hover/ico8.png);}
.banner_nav ul li a.i9 i{ background: url(../image/ico9.png) center top no-repeat;}
.banner_nav ul li a.i9:hover i{ background-image: url(../image/hover/ico9.png);}
.banner_nav ul li a.i10 i{ background: url(../image/ico101.png) center top no-repeat;}
.banner_nav ul li a.i10:hover i{ background-image: url(../image/hover/ico10.png);}

.tit{ width: 100%; line-height: 60px; height: 60px; line-height: 60px; position: relative; color: #0061ae;}
.tit span{ /*position: absolute;*/ left: 0px; top: 0px; font-size: 36px;font-weight: bold;background: url(../image/bg13.png) center top no-repeat;padding-top: 30px;}
.tit a{float: right; font-size: 16px; background: url(../image/more.png) left center no-repeat; padding-left: 30px; color: #0061ae;}
.tit a:hover{ text-decoration: underline;}

.index1{ width: 100%; height: 772px; overflow: hidden; background:url(../image/bg6.jpg) center repeat;}
.index1 .tit{ margin: 40px 0px 30px;}
.index11{ width: 702px;position: relative;}
.index11 .prev,.index11 .next{ position: absolute; display: block; width: 43px; height: 80px; background: url(../image/left1.png) no-repeat; left: 0; top: 160px;}
.index11 .prev:hover{ background: url(../image/hover/left1.png) no-repeat;}
.index11 .next{ left: auto; right: 0; background: url(../image/right1.png) no-repeat;}
.index11 .next:hover{ background: url(../image/hover/right1.png) no-repeat;}
.index11 ul li{position: relative;}
.index11 ul li .desc{ position: absolute; left: 0; right: 0; top: 393px; height: 45px; background: url(../image/bg7.png) repeat; padding: 15px;}
.index11 ul li .desc .time span{ border-bottom: 1px solid #0061ae; color: #0061ae; font-size: 16px; line-height: 20px;font-weight:bold;}
.index11 ul li .desc .t{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index11 ul li .desc .t a{ color: #333333; font-size: 20px;font-weight:bold;}
.index11 ul li .text{ color: #666666; /*width: 610px; margin: 10px 40px 0px;*/ font-size: 14px; height: 76px; line-height: 26px; overflow: hidden;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;text-indent:15px;}
.index12{ width: 675px; }
.index12 ul li { border-bottom: 1px dashed  #b7b7b7; overflow: hidden;}
.index12 ul li a { display: block;
    height: 60px;
    color: #333333;
    font-size: 18px;
    line-height: 60px;
    position: relative;}
.index12 ul li a:hover{ background: #498dc2; color: #ffffff;}
.index12 ul li a span{ position: absolute; left: 0px; width: 60px; text-align: right; color: #0061ae; font-size: 14px; line-height: 25px; padding-top: 10px;}
.index12 ul li a span b{ display: block; font-size: 24px; font-weight: bold;}
.index12 ul li a:hover span{ color: #ffffff;}
.index12 ul li a p{ margin-left: 80px; margin-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index2{ width: 100%; height: 520px; background: url(../image/bg9.jpg) repeat; position: relative;}
.index2::before{ position: absolute; z-index: 3; content: ''; left: 0; top: -23px; right: 0; height: 23px; background: url(../image/bg8.png) repeat-x;}
.index2 .tit{ color: #fff; margin: 40px 0px 20px;}
.index2 .tit a{ color: #7bc2fb; background-image: url(../image/more1.png);}
.index21,.index22{ width: 675px;}
.index2 .top_news{ height: 122px; overflow: hidden; position: relative; padding-left: 210px;}
.index2 .top_news img{ border: 3px solid #8cb2d1; position: absolute; left: 0px; top: 0px;}
.index2 .top_news h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index2 .top_news h3 a{ color: #ffffff; font-size: 17px; font-weight: normal;}
.index2 .top_news h3 a:hover{ font-weight: bold; text-decoration: underline;}
.index2 .top_news .time{ color: #ffffff;font-size: 14px; padding: 10px 0px 20px;}
.index2 .top_news .text{ color: #7bc2fb;font-size: 14px; line-height: 26px;overflow: hidden;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index2 .news_list{ border-top: 1px dashed #3481c3; margin-top: 20px;}
.index2 .news_list li{ width: 100%; height: 55px; display: flex; border-bottom: 1px dashed #3481c3;}
.index2 .news_list li a { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:17px; color:#fffefe; background:url(../image/ico10.png) left center no-repeat; padding-left:20px; display:block; line-height:55px;}
.index2 .news_list li a:hover { font-weight: bold; text-decoration: underline;}
.index2 .news_list li span{ width: 95px; display: inline-block; text-align: right; color: #77bff8; font-size: 14px; line-height: 55px;}

.index3{ width: 100%; height: 620px; overflow: hidden;}
.index3 .tit{ margin: 50px 0px 10px; height: 100px; }
.index3 .tit span{ background: url(../image/bg10.png) center top no-repeat; padding-top: 30px;}
.index3 .tit a{ margin-top: 30px;}
.index31{ width: 675px;}
.index31 ul li { border-bottom: 1px dashed  #b7b7b7; overflow: hidden;}
.index31 ul li a { display: block; height: 60px; color: #333333; font-size: 17px; line-height: 60px; position: relative;}
.index31 ul li a:hover{ background: #498dc2; color: #ffffff;}
.index31 ul li a span{ position: absolute; left: 0px; width: 60px; text-align: right; color: #0061ae; font-size: 14px; line-height: 25px; padding-top: 10px;}
.index31 ul li a span b{ display: block; font-size: 24px; font-weight: bold;}
.index31 ul li a:hover span{ color: #ffffff;}
.index31 ul li a p{ margin-left: 80px; margin-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index32{ width: 695px;}
.index321{ position: relative; width: 100%; height: 373px; padding-top: 26px;}
.index321 .prev,.index321 .next{ position: absolute; display: block; right: 0px; cursor: pointer; top: -70px; width: 35px; height: 35px; background: url(../image/right2.png) no-repeat;}
.index321 .prev{ right: 60px; background: url(../image/left2.png) no-repeat;}
.index321 .prev:hover{ background: url(../image/hover/left2.png) no-repeat;}
.index321 .next:hover{background: url(../image/hover/right2.png) no-repeat;}
.index321 .bd li{ float: left; margin-right: 10px; overflow: hidden;height: 373px;}
.index321 .bd li a{display: block; position: relative;}
.index321 .bd li a img{background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.6s ease-out 0s;}
.index321 .bd li a:hover img{transform:scale(1.1);}
.index321 .bd li a p{ position: absolute; top: 0; bottom: 0; display: flex; left: 75px;}
.index321 .bd li a p span{ color: #ffffff; font-size: 20px; writing-mode: vertical-lr; letter-spacing: 2px; align-self: center; position: relative;}
.index321 .bd li a p span::before,.index321 .bd li a p span::after{ position: absolute; content: ''; left: -25px; top: -20px; bottom: -20px; background: url(../image/bg11.png) center no-repeat; width: 9px;}
.index321 .bd li a p span::after{ left: auto; right: -25px;}

.index4{ width: 100%; height: 790px; background: url(../image/bg12.jpg) center no-repeat; overflow: hidden;}
.index4 .tit{ margin: 45px 0px 10px; height: 100px; }
.index4 .tit span{ color: #ffffff; background: url(../image/bg13.png) center top no-repeat; padding-top: 30px;}
.index4 .tit a{ margin-top: 30px;color: #7bc2fb; background-image: url(../image/more1.png);}
.index41{ width: 755px;}
.index42{ width: 628px;}
.index411{ overflow: hidden;}
.index411 .more{ position: absolute; right: 20px; bottom: 15px;}
.index411 .more a{ color: #999999; font-size: 14px;}
.index411 .fl{ width: 330px; height: 550px; padding: 15px 20px; /*background: #e6eff7;*/ position: relative;}
.index411 ul li{ width: 100%; height: auto; overflow: hidden; padding: 18px 8px; border-bottom: 1px dashed #3481c3;}
.index411 ul li .t{ overflow: hidden;}
.index411 ul li .t .time{ color: #fff; font-size: 16px; border-bottom: 1px dashed #3481c3; float: left;}
.index411 ul li .t .source{ float: right; color: #7bc2fb; font-size: 16px;}
.index411 ul li h5{overflow: hidden;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px;}
.index411 ul li h5 a{ color: #fff; font-size: 17px; line-height:20px; font-weight: normal;}
.index411  ul li .img{ overflow: hidden; width: 312px; height: 206px;margin-top: 15px;}
.index411  ul li .img img{ background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.6s ease-out 0s;}
.index411  ul li .img img:hover{transform:scale(1.1);}
.index411 .fr{ width: 312px; height: 550px; padding: 15px 20px; /*background: #e6eff6;*/ position: relative;}
.index411 .fr ul li{ padding: 15px 0px;}
.index411 .fr ul li .img{ overflow: hidden; width: 312px; /*height: 132px;*/margin-top: 15px;}
.index411 .fr ul li .img img{ background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.6s ease-out 0s;}
.index411 .fr ul li .img img:hover{transform:scale(1.1);}
.index411 .fr ul li .t .time{ float: right;}
.index411 .fr ul li .t .source{ float: left;}
.index411 .fr h5{ margin-top: 5px;height: 54px;}
.index411 .fr h5 a{ line-height: 30px;}
.index411 .desc{
    position: absolute;
    left: 28px;
    right: 30px;
    /*top: 509px;
    height: 50px;*/
    /*background: rgba(0,0,0,0.6);*/
    background:url(../image/bg7.png) repeat;
    margin: 160px 0;
    /*opacity: .3;*/
    font-size: 17px;
    color: #333333;
    padding: 15px
}
.index42 .index421{ width: 628px;}
.index42 .index421 .video{ width: 100%; height: 436px; position: relative;}
.index42 .index421 .video p{ position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: url(../image/bg14.png) repeat; color: #ffffff; font-size: 17px; line-height: 70px; padding-left: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index42 .index421 .video p span{ position: absolute; left: 10px; top: 15px; text-align: center; font-size: 16px; line-height: 20px;}
.index42 .index421 ul{ padding-top: 20px; margin-right: -23px;}
.index42 .index421 ul li{ float: left; margin-right: 23px;}

.footer{ width: 100%; height: 210px; overflow: hidden;}
.footer .fl{ padding-top: 30px; color: #666666; font-size: 14px; line-height: 24px;}
.footer .fr{ padding: 40px 0px 0px 0px;}
.footer .fr li{ float: left; margin-right: 40px; width: 98px; text-align: center;}
.footer .fr li img{ background: url(../image/bg16.png) no-repeat; padding: 12px;}
.footer .fr li p{ color: #0061ae; font-size: 14px; line-height: 30px;}

input {
    border: 0;
    outline: none;
}
.search-form {
    width: 0px;
    height: 24px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    border-radius: 25px;
    overflow: hidden;
}
.search-form .s-icon {
    width: 22px;
    height: 18px;
    background: url(../image/sbt.png) #cddcfb center no-repeat;
    margin-top: 3px;
    margin-left: 5px;
    cursor: pointer;
}
.search-form .s-text {
    margin-left: 10px;
    height: 24px;
    text-indent: 5px;
    width: 180px;
    font-size: 14px;
    color: #333;
}