@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
img{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
button{ cursor:pointer;}
body{width:1440px; margin:0 auto;}


header{width:100%; height:340px; background:url(../images/head.jpg) no-repeat center; margin:0 auto;}
header .head{width:100%; border-bottom:1px solid rgba(255,255,255,0.8); overflow:hidden;}
header .head h1#time{float:left; color:#fff; font-size:16px; margin:10px; line-height:30px;}
header .head h1.tel{float:right; color:#fff; font-size:16px; margin:10px; line-height:30px;}

nav{width:100%; background:#004f87; height:50px;  position:relative; }
.nav-ul{margin:0 auto; overflow:hidden; width:80%;}
.nav-li{ float:left;background-color:#004f87;width:16.6%; }
.nav-li:hover{background-color:#004270; }
.nav-a{ display:block; color:#fff; text-align:center;   line-height:50px;  }
.nav-li .hover-ul li a{display:block; color:#fff; text-align:center;  background-color:#004f87;  padding:0 25px; line-height:40px; border-top:1px solid #002742;}
.nav-li .hover-ul li a:hover{background-color:#004270;  }

section{width:80%; margin:0 auto; }
.box1{width:100%; margin:60px 0; overflow:hidden;}
.box1 .box1-left{float:left; width:60%; }
.box1 .box1-left img{width:100%;}
.box1  .box1-right{float:right; width:37%; padding-left:3%;}
.box1  .box1-right .search{width:100%; border:1px solid #CCC; box-sizing:border-box; overflow:hidden;}
.search input{width:70%; height:40px; outline:none; color:#999; font-size:18px; padding-left:10px; border:none;}
.search button{width:20%; height:40px; outline:none; color:#fff; font-size:18px; background:#004f87; border:none; float:right;}
.title{width:100%; overflow:hidden; margin:30px 0;}
.title h1{float:left; color:#004f87; padding-right:15px; background:url(../images/icon1.png) no-repeat right center; line-height:24px; font-size:24px; }
.title span{ line-height:24px; font-size:18px; color:#999; padding-left:5px;}
.title .more{line-height:24px; font-size:16px; float:right; color:#fff; background-color:#999; border-radius:3px; padding:0 5px; display:block;}
.title .more:hover{background:#004f87;}
.box1 ul.new{width:100%;}
.box1 ul.new li{width:100%; font-size:16px; line-height:40px; background-color:#f0f0f0; border-left:3px solid #f6b847; box-sizing:border-box; padding:0 10px;
white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color:#333; margin-top:18px;}
.box1 ul.new li:hover{color:#004f87;}
/*焦点图*/
.slider, .slider .slider-img { overflow: hidden; height: 400px }
.slider { width: 700px; margin: 0 auto; position: relative }
.slider:hover .slider-btn { color: #fff; text-shadow: 0 0 5px #666 }
.slider .slider-img { position: relative }
.slider .slider-img .slider-img-ul { position: absolute; left: 0; top: 0; overflow: hidden }
.slider .slider-img .slider-img-ul li { float: left }
.slider .slider-img .slider-img-ul li img { width: 700px; height: 400px }
.slider .slider-dot ul { position: absolute; left: 50%; margin-left:-30px; bottom: 20px }
.slider .slider-dot ul li { cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #fff; float: left; margin: 5px }
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover { background: #004f87;}
.slider .slider-btn { position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; font-family: '黑体'; color: rgba(255,255,255,0)}
.slider .slider-btn:hover { background: rgba(0,0,0,.3) }
.slider .slider-btn.slider-btn-left { left: 0; margin-top: -50px }
.slider .slider-btn.slider-btn-right { right: 0; margin-top: -50px }
/*box2*/
.box2{width:100%;border-bottom:2px solid #004f87;}
.box2 h1{width:100%; text-align:center; font-size:24px; background:url(../images/border.png) no-repeat center top; color:#fff; line-height:36px;}
.box2 ul{width:100%; overflow:hidden; margin:35px 0 ; }
/*.box2 ul li{width:20%; float:left; height:53px}2*/
.box2 ul li{width:20%; float:left; height:53px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.box2 ul li img{float:left; padding-left:15px; transition:all 0.4s linear;}
/*.box2 ul li span{float:left; line-height:53px; padding-left:10px; font-size:20px; color:#333;}*/
.box2 ul li span{float:left; padding-left:10px; font-size:20px; color:#333;}
.box2 ul li:hover img{ transform:scale(0.8); }

.box3{width:100%; overflow:hidden; margin-top:50px;}
.box3 .box3-1{width:48%; overflow:hidden; float:left; margin-right:2%;}
.box3 .box3-2{float:right; margin-left:2%; margin-right:0;}
.box3 .box3-1 li h1{float:left; font-size:16px; color:#686868;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; width:70%; display:inline-block;line-height:36px; padding-left:15px; background:url(../images/dian.png) no-repeat left center; }
.box3 .box3-1 li span{ float:right; line-height:36px; color:#686868;}
.box3 .box3-1 li:hover h1{color:#333; cursor:pointer;}
.box3 .box3-1 li:hover span{color:#333;}

.box4{width:100%; margin-top:50px; overflow:hidden; }
.box4 .box4-1{float:left; width:35%;}
.box4 .box4-1 ul{width:100%; border:2px solid #004f87;}
.box4 .box4-1 ul:first-child h1{padding-left:40px; background:url(../images/icon7.png) no-repeat 10px center;  line-height:40px; font-size:24px; width:85%; margin:0 auto; border-bottom:2px solid #004f87; }
.box4 .box4-1 ul:last-child{margin-top:20px;}
.box4 .box4-1 ul:last-child h1{padding-left:40px; background:url(../images/icon8.png) no-repeat 10px center;  line-height:40px; font-size:24px; width:85%; margin:0 auto; border-bottom:2px solid #004f87; }
.box4 .box4-1 label{font-size:20px; margin-left:24px; display:inline-block; width:80px; text-align:justify;text-align-last:justify;} 
.box4 .box4-1 input{margin:15px 20px 20px 20px; outline:none; width:60%; }
.box4 .box4-1 div{width:60%; margin-left:25%;}
.box4 .box4-1 button{background:#f6b944; border:none; color:#fff; font-size:20px; padding:5px 10px; outline:none; margin-bottom:20px;}
.box4 .box4-2{float:right; width:63%; margin-left:2%;}
.box4 .box4-2 img{width:100%;}
.box4 .box4-2 a:last-child img{ margin-top:20px;}

footer{width:100%; background: url(../images/foot.jpg) no-repeat center; margin-top:50px; overflow:hidden; margin:50px 0 auto;}
.box5{width:80%; overflow:hidden; float:left; margin-top:20px;}
.box5 img{float:left; margin-left:150px;}
.box5 .box5-1{float:left; margin-left:30px; margin-top:30px;}
.box5 .box5-1 h1{font-size:16px; color:#fff; line-height:30px;}
.box6{width:20%; float:right; }
.box6 img{margin:40px auto 0;}
.box6 h1{font-size:16px; text-align:center; color:#fff; line-height:40px;}