*{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:#8c1c25}
li,ol,ul{list-style:none}
input,textarea{font-family:"微软雅黑"}
b,em,h1,i,strong{font-style:normal;font-weight:400}

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

.top{ position: relative; width: 100%;}
.header{ position: absolute; left: 0; top: 0; right: 0; height: 89px; background: url(../image/bg1.png) repeat-x; z-index: 99999;}
.header .logo{ float: left; padding: 10px 0px;}
.header .header_link{ padding-top: 15px; width: 100%; text-align: right;}
.header .header_link a{ color: #fff; font-size: 14px; /*margin-left: 40px;*/line-height: 20px;padding-right:22px;}
.header .header_link a.search{  margin-left: 20px;}
.header .header_link a.search img{ float: none; vertical-align: middle;}
.header .nav{width: 100%; padding-top: 5px;}
.header .nav li{ float: left; margin-left: 15px;}
.header .nav li a{ color: #fff; font-size: 16px; padding: 0px 5px; line-height: 47px; position: relative;display: block;}
.header .nav li a:hover,.header .nav li a.active{ border-bottom: 2px solid #fff;}

.banner { position: relative; width: 100%; overflow: hidden} 
.banner .tempWrap{ margin: 0 auto;}
.banner .bd li{text-align: center; position: relative; width: 1920px;height: 805px;overflow: hidden;}
.banner .bd li .img{ position: absolute; height: 805px;left: 50%; width: 1920px; margin-left: -960px; text-align: center;}
.banner .bd li .img img{width: 1920px; height: 805px; display: block;}
.banner .hd{ position: absolute; bottom:15px; z-index: 999; text-align: center; left: 0; right: 0;}
.banner .hd li{ background: #fff; display: inline-block; opacity: 1; width: 14px; height: 14px; border-radius: 14px; margin:0px 3px; cursor: pointer; } 
.banner .hd li.on { opacity: 1; height: 14px;  width: 35px;} 
.banner .prev,.banner .next{ position: absolute; display: block; width: 68px; height: 68px; background: url(../image/left.png) no-repeat; left: 55px; top: 410px;}
.banner .next{left: auto; right: 55px; background: url(../image/right.png) no-repeat;}
.banner .prev:hover{background: url(../image/left1.png) no-repeat;}
.banner .next:hover{background: url(../image/right1.png) no-repeat;}

.index1{ height: 230px; width: 100%;}
.index1 .index11{ position: absolute; left: 0;top: -185px; width: 670px; height: 395px; padding: 15px 150px 5px 30px; background: url(../image/bg2.png) repeat;}
.index1 .index11 .t span{ border-bottom: 1px solid #fff; color: #fff; font-size: 24px; font-weight: bold; padding: 5px 0px 5px 52px;}
.index1 .index11 .t span.bg1{ background: url(../image/ico1.png) left center no-repeat;}
.index1 .index11 ul{ overflow: hidden; padding-top: 30px;}
.index1 .index11 ul li { border-bottom: 1px dashed #a6c8e3; overflow: hidden;}
.index1 .index11 ul li a { display: block; height: 75px; color: #fff; font-size: 18px; line-height: 75px; position: relative;}
.index1 .index11 ul li a span{ position: absolute; left: 0px; width: 60px; text-align: right; color: #fff; font-size: 14px; line-height: 25px; padding-top: 10px;}
.index1 .index11 ul li a span b{ display: block; font-size: 24px; font-weight: bold;}
.index1 .index11 ul li a p{ margin-left: 80px; margin-right: 5px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index1 .index12{position: absolute; right: 0;top: -168px; width: 495px; height: 380px; background: #fff; overflow: hidden;box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.index1 .index12 .bd{ padding: 18px;}
.index1 .index12 .bd h5{ padding-top: 2px; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index1 .index12 .bd h5 a{ color: #333333; font-size: 16px; line-height: 28px;}
.index1 .index12 .hd{ position: absolute; right: 25px; bottom: 75px;}
.index1 .index12 .hd li{ width: 26px; height: 25px; background: url(../image/li.png) center no-repeat; display: inline-block; cursor: pointer; margin-left: 5px;}
.index1 .index12 .hd li.on{ background: url(../image/li_on.png) center no-repeat;}


.index2{ width: 100%; height: 250px; overflow: hidden; padding: 30px 0px;}
.index2 .t span{ border-bottom: 3px solid #0061ae; color: #0061ae; font-size: 24px; font-weight: bold; padding: 5px 0px 5px 52px;}
.index2 .t span.bg2{ background: url(../image/ico2.png) left center no-repeat;}
.index2 .t span.bg3{ background: url(../image/ico3.png) left center no-repeat;}
.index2 .t span.bg4{ background: url(../image/ico4.png) left center no-repeat;}
.index21,.index22{ width: 400px; margin-right: 30px;}
.index23{ width: 370px;}
.index2 ul{ padding-top: 30px;}
.index2 ul li{ line-height: 36px; overflow: hidden; display: flex;}
.index2 ul li span{ color: #0061ae; font-size: 14px; width: 60px; position: relative;}
.index2 ul li span::after{ position: absolute; content: ''; width: 1px; background: #bebebe; top: 10px; bottom: 10px; right: 10px;}
.index2 ul li a{ flex:1; color: #333333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index2 ul li a:hover{ color: #ff0000; text-decoration: underline;}

.index3{ width: 100%; height: auto; overflow: hidden; padding-bottom: 50px;}
.index3 ul{ display: flex; justify-content: space-between}

.footer{ width: 100%; height: 160px; background:#0061ae url(../image/bg4.png) center top repeat-x; color: #fff;}
.footer .fl{ color: #ffffff; font-size: 14px; line-height: 30px; padding-top: 25px;}
.footer .fr{ /*margin-top: 25px;*/ text-align: center; font-size: 14px;margin: 15px;}
.footer .fr img{ background: url(../image/bg3.png) no-repeat; padding: 10px;}

.search{ /*background: url(../image/search.png) center no-repeat;*/ height: 20px; margin: 0; position: absolute; right: -23px;}
.search::after{display: none;}

input {
    border: 0;
    outline: none;
}
.search-form {
    width: 0px;
    height: 20px;
    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: 11px;
    cursor: pointer;
}
.search-form .s-text {
    margin-left: 10px;
    height: 24px;
    text-indent: 5px;
    width: 180px;
    font-size: 14px;
    color: #333;
}