body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{margin: 0;padding: 0;}

li{list-style-type:none;}

a{text-decoration: none;}

img,input,button{border:none;vertical-align:middle;}
body{
background-color: #f2f2f2;
font-family:Microsoft Yahei;
}

.top-tubiao {
width: 100%;
height: 175px;
min-width: 1226px;
margin: 0 auto;
background: url("../img/7.png")no-repeat center center;
background-size: 100% 175px;
}

.top1 {
position: absolute;
width: 100%;
min-width: 1226px;
margin: 0 auto;
height: 175px;
}
.logo {
float: left;
margin: 15px 0 auto 0.7%;
width: 20%;
height: 70px;
background: url("../img/logo4.png") no-repeat center center;
background-size: 100% 70px;

vertical-align: middle;
}
.logo_nav{
float: left;
width: 40%;
height: 150px;
margin: 25px 0 auto 8%;
vertical-align: middle;
}
.logo1{
float: left;
width: 80%;
height: 65px;
background: url("../img/logo45.png") no-repeat left top;
background-size: 80% 70px;
margin: 2px 0 auto 0.7%;


}
.nav {
width: 100%;
height: 45px;
min-width: 1226px;
margin: 0 auto;
background-color: #074685;
}

.navcenter {
position: absolute;
width: 100%;
min-width: 1226px;
height: 45px;
margin:0 auto;
list-style: none;
}
.nav li {
z-index: 999;
position: relative;
height: 45px;
line-height: 45px;
float: left;
text-align: center;
width: 9%;
}
.nav li:first-of-type {
padding-left: 5%
}
.nav li:last-of-type {
padding-right: 5%;
}
.nav a {
font-size: 18px;
text-decoration: none;
color: #f7f9fb;
}
.nav dd{
border-bottom:1px solid #fff;
}
.nav dd:last-of-type{
border-bottom:none;
}
.nav li:hover>a {
z-index: 999;
position: relative;
color: #f7f9fb;
}
.nav-list {
display: none;
position: relative;
width: 100%;
}
.nav li:hover>.nav-list {
display: block;
}
.nav dl {
position: relative;
background-color: #2270e2;
}
.nav dd:hover{
background-color: #278cdc;
}
.content {
width: 100%;
min-width: 1226px;
margin: 0 auto;
background-color: #f2f2f2;
}
.second {
height: 500px;
width: 100%;
min-width: 1226px;
margin: 0 auto;
}
.box li {
width: 10%;
list-style-type: none;
float: left;
}
.second img {
width: 100%;
height: 500px;
object-fit: cover;
}

.c {
width: 100%;
min-width: 1226px;
margin: 100px auto;
}
.box {
position: relative;
height: 500px;
overflow: hidden;
margin: 0 auto;
}
.box:hover .arrow_l,
.box:hover .arrow_r {
display: block;
}
.c ul {
position: absolute;
top: 0;
left: 0;
width: 1000%;
height: 500px;
}
.circle {
position: absolute;
left: calc(50%);

bottom: 30px;
display: flex;
justify-content: center;
width: 140px;
height: 14px;
background-color: rgb(41, 40, 40);
opacity: 0.7;
border-radius: 7px;
}
.circle li {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
margin: 3px;
float: left
}
.circle .current {
background-color: #278cdc;
}
.box>a {
display: none;
width: 40px;
height: 40px;
z-index: 5;
color: #278cdc;
background-color: gainsboro;
line-height: 40px;
text-align: center;
border-radius: 50%;
}
.arrow_l {
position: absolute;
left: 0;
top: calc(50% - 20px);
}
.arrow_r {
position: absolute;
right: 0;
top: calc(50% - 20px);
}
.contain {
width: 100%;
min-width: 1226px;

margin: 0 auto;
}
.big-div{
min-height:800px;
}

.right{
width: 80%;
height: auto;
margin:50px auto;
background-color: white;
font-size:18px;
font-family:宋体;
padding:0 5% 0 ;
}
.span{
display: block;
height: 100px;
border-bottom: 2px solid gray;
text-align: center;
font-size: 30px;
padding-top:40px;
margin-bottom:20px;
}
.span2{
display: block;
text-align: center;
font-size: 16px;
padding-top:15px;
}

.shang{
width: 80%;
height: 345px;
margin: 0 auto;
margin-top: 30px;
display: flex;
}
.shang2{
width: 33%;
height: 345px;
}
.content .s1{
float: left;
}
.content .s3{
margin: 0 1% auto 1%;
}
.content .left{
margin-left: 0;
}
.content .right{
margin-right: 0;
}
.box2 li {
width: 5%;
list-style-type: none;
float: left;
}
.box2 img {
width: 100%;
height: 345px;
border-radius: 10px;
object-fit: cover;

}
.c2 {
width: 100%;
margin: 100px auto;
}
.box2 {
position: relative;
height: 345px;
overflow: hidden;
margin: 0 auto;
border-radius: 10px;
}
.box2:hover,
.box2:hover {
display: block;
}
.c2 ul {
position: absolute;
top: 0;
left: 0;
width: 2000%;
height: 345px;
}
.second2-top {
width: 100%;
height: 40px;
margin: 0 auto 10px;
font-size: 22px;
line-height: 40px;
color: #fff;
border-radius: 10px;
background-color: #074685;
}
.dian1{
float: left;
width: 10px;
height: 10px;
margin: 15px 0 auto 10px;
background: url("../img/jichu.png") no-repeat center center ;
background-size: 10px 10px;
}

.second2-top img {
width: 24px;
height: 24px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

.second2-top>a {
float: right;
font-size: 18px;
line-height: 40px;
color: #fff;
margin: 0 20px;
}
.textContainer {
list-style: none;
width: 100%;
height:304px;
}
.textContainer li {
list-style-type: disc;
text-align: left;
border-bottom: 1px dashed #ddd;
padding: 4px 0;
border-radius: 5px;
padding-left: 10px;
overflow: hidden;
width: 98%;
}
.textContainer a{
float: left;
width: 65%;
margin: 8px 0;
font-size: 15px;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.textContainer li:hover {
box-shadow: 0 0 20px -4px rgba(0, 0, 0, .3);
}
.textContainer li:hover>a{
color: #2270e2;
}
.time {
float: right;
color: #94070a;
font-size: 15px;
margin-right: 2%;
margin-top: 10px;
}
.second2-top1 {
width: 100%;
height: 40px;
margin: 0 auto 10px;
font-size: 22px;
line-height: 40px;
color: #000;
border-radius: 10px;

}
.heng{
width: 100%;
height: 2px;
border-radius: 10px;
background-color: #074685;
}

.second2-top1 img {
width: 24px;
height: 24px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.second2-top1>a {
float: right;
font-size: 18px;



line-height: 40px;
color: #000;
margin: 0 20px;
}

.dian{
float: left;
width: 10px;
height: 10px;
margin: 15px 0 auto 10px;
border-radius: 50%;
background-color: #074685;
}


.elegant{
height: 300px;
width: 85%;
min-width: 1226px;
margin: 30px auto;
}
.title
{
text-align: center;
padding-bottom: 20px;
}
.title .title-txt{
font-size: 30px;
color: #333333;
height: 30px;
line-height: 30px;
margin: 50px auto 0;
}


b{
height: 3px;
width: 43%;
background: #074685;
display: inline-block;
vertical-align: middle;

margin: 0 0.5%;
}


.elegant .title{
padding-bottom: 0;
}
.showbox1 li {
float: left;
position: relative;
width: 350px;
height: 250px;
background-color: #2270e2;
margin-right: 40px;
margin-top: 5px;
}


.showbox1 li:last-child {
margin-right: 0;
}


.showbox1>li:hover {
top: -10px;
bottom: 10px;
}
.elegant h3 {
text-align: center;
margin-top: 5px;
font-size: 15px;
color: #fff;
}
.showbox1 img {
width: 350px;
height: 200px;
}
.c1 {
width: 95%;
min-width: 1165px;
margin: 20px auto;

}
.box1 {
position: relative;
height: 250px;
overflow: hidden;
}
.box1:hover .arrow_l,
.box1:hover .arrow_r {
display: block;
}
.c1 ul {
position: absolute;
top: 0;
left: 0;
width: 12250px;
height: 250px;
}
.box1>a {
display: none;
width: 40px;
height: 40px;
z-index: 5;
background-color: gainsboro;
line-height: 40px;
text-align: center;
border-radius: 50%;
}


.box1:hover .arrow_l1,
.box1:hover .arrow_r1 {
display: block;
}


.arrow_l1 {
position: absolute;
left: 0;
top: calc(50% - 20px);
}


.arrow_r1 {
position: absolute;
right: 0;
top: calc(50% - 20px);
}
.end{
width: 100%;
height: 70px;
clear: both;
line-height:30px;
margin: 0 auto;
background-color: rgb(10, 83, 155);
}
.left{
width: 27%;
float: left;
margin-top: 30px;
}
.xiao{
float: left;
width: 75%;
margin-left:55px;
height:auto;
background-color: rgb(83, 141, 200);
}
.left-div{
width: 70%;
height: auto;
background-color: white;
margin: 0 auto;
}
.left-div ul{
margin-top: 30px;
margin-bottom: 30px;
}
.left-div li{
display: block;
height: 70px;
border-bottom: 1px dashed gray;
line-height: 70px;
text-align: center;
font-size: 20px;
}
.left-div li:last-of-type{
border-bottom:none;
}
.left-div a{
color: black;
}
.left-div li:hover>a{
color: red;
}
.right1{
float: right;
display: block;
width: 67%;
height: auto;
background-color: white;
margin-top: 70px;
margin-bottom: 100px;
margin-right: 55px;
overflow: auto;
padding-left: 15px;

}
.hello{
color:black;
font-family:黑体;
font-size:30px;
padding-top:30px;
padding-bottom:30px
}

.right-top2{
width: 90%;
text-align: center;
}
.div1{
width: 98%;
height: 70px;

border-bottom: 1px dashed #ddd;
}

.div1-right{
width: 96%;
height: 70px;
margin:0 auto;


}
.div1-right :hover{
color: red;
}
.div1-right a{
display: block;
width: 75%;
color: black;
font-size: 18px;
line-height: 70px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float:left;

}
.div1-right p{
float:right;
padding-right:10px;
line-height:70px;
}
.text{
text-align: left;
text-indent:2em;
}