@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 16px "Microsoft YaHei", Arial, Helvetica, sans-serif; min-width: 1200px; background-color: rgb(223, 242, 253);}
ul{list-style: none;}
a{text-decoration: none;}
.box{ width: 1200px; margin:0 auto; }
.pic{ /*width: 100%;*/width: 1200px; margin: auto; background: #f8f8f8;}
.pic img{width: 100%; height:auto; margin: auto; text-align: center;}
.nav{/*width: 100%;*/width: 1200px; height: 50px; background: #023ec2; position: relative; margin:0 auto;}
.nav ul{text-align: center;}
.nav ul li{margin:0 20px; line-height: 50px; font-size: 20px; text-align: center;display: inline-block; height:40px;}
.nav ul li a{ color:#ffffff;}
.lbox {width:600px; height:300px; float: left; margin:10px 0 0;}
.swiper-slide a img{width:600px; height: 300px;}
.rbox {float: right; background: #f8f8f8; width:580px; height:300px; margin:10px 0 0;}
.rbox ul li {padding-right:20px; padding-left:20px;}
.rbox ul li:hover{background: #d9ecff; color:#ffffff; height:34px;}
.rbox ul li a{padding-left: 20px; line-height: 30px; color:#666666;}
.rbox ul li a:hover{font-size:1.1rem; color:#150f6e;}
.rbox ul li span{color:#b3b2b2; margin-left: 20px; font-size: 0.9rem;}
.titlebox{font-size: 1.5rem; height: 40px; line-height: 2rem; border-bottom: 2px solid #d9ecff; padding-left: 40px; padding-bottom: 5px; padding-top: 10px;}
.tl{width: 1200px; height: 60px; /*background: #9ddeff;*/  margin:0 auto; overflow: hidden; padding:10px 0;}
.tl:hover img { transform: scale(1.1); transition: 0.5s; }
/*pics*/
.pics { /*margin: 15px auto 30px;*/ overflow: hidden; width: 1200px;}
.pics ul { overflow: hidden; }
.pics ul li { width: 25%; float: left }
.pics ul li a { display: block; margin: 10px; background: #fff; padding: 10px; /*border-radius: 3px; box-shadow: 2px 6px 12px 1px #c7d5f2;*/  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.pics ul li i { display: block; height: 160px; overflow: hidden  ;background-color: rgb(223, 242, 253); color:#e9f2f5;}
.pics ul li i img { width: 100%; min-height: 100%; transition: 0.5s; }
.pics ul li p { line-height: 2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 1rem; }
.pics ul li:hover img { transform: scale(1.1); }
.pics ul li:hover p, .pics ul li p span:hover { color: #16499d; }
.pics ul li p span { float: right; font-size: 12px; color: #999; margin: 0 5px }

/*---------- foot start---------*/
.foot_2 {
  width: 100%;
  background: #333333;
}
.bt{
  padding-top: 10px;
}
.foot_2 a{
 color: #888;
}
.bt a {
    margin:10px;
    font-weight:bold;
    font-size: 14px;
}


.foot_2 p {
  color: #999999;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  padding-bottom:10px;
}

/*---------- foot end---------*/