.wrapper {width: 1200px;border: 5px solid #fff;margin: 20px auto;overflow: hidden;}
.wrapper ul li:nth-child(1) {margin-left: 0;}
.wrapper ul li:nth-child(2) {}
.wrapper ul li:nth-child(3) {}
.wrapper ul li:nth-child(4) {}
.wrapper ul li:nth-child(5) {}

.wrapper ul li {position: relative;float: left;margin-left: 12px;list-style: none;width: 190px;height: 330px;transition: .3s;overflow: hidden;}/*margin-left: 15px;  5个margin-left: 95px; 4个*/

.wrapper ul:hover li {width: 100px;/* margin-left: 18px; */}/*margin-left: 15px;  5个margin-left: 30px; 4个*/
.wrapper ul:hover li .content{margin-left: -66px;}
.wrapper ul li:hover{width: 640px;}
.wrapper ul:hover .dt_in{bottom: -83px;/* margin-left: 0px; */}

.wrapper ul li:hover .content{margin-left: 0px;}
.dt_in{position: absolute;bottom: 0;text-align: center;color: #fff;font-size: 36px;height: 74px;width: 190px;background: #006cb8;transition: .3s;/* margin-left: 20px; */}
.dt_in p{width: 100%;}
.dt_in .p1{font-size: 26px;border-bottom: 1px dotted #fff;}
.dt_in .p2{font-size: 20px;line-height: 24px;}
.content {position: absolute;width: 676px;height: 330px;left: 0;top: 0;color: #fff;font-size: 18px;transition: .3s;}
.content dl {height: 330px;border: 1px solid #fff;float: left;width: 676px;}
.content dl dt {width: 190px;float: left;}

.content dl dd {line-height: 30px;float: left;width: 430px;margin-left: 20px;}
.content img {/* box-shadow: 0 0 20px #000; *//* margin-left: -20px; */}
.wrapper ul li p {/* text-align: center; */}

.wrapper ul li:hover p {}

.wrapper  .content dl dt{
position: relative;}
.wrapper  .content dl dd{}
.wrapper  .content dl dd ol{width: 95%; margin:25px auto;}
.wrapper  .content dl dd .title{height: 58px;line-height: 58px;padding-left: 45px;font-size:40px;color:#ffffff;display: block;background: url(../images/new-zj-t2.png) no-repeat top left;background-size:100% 100%;}
.wrapper  .content dl dd .title span{font-size: 18px; margin-left: 131px;}
  .wrapper  .content dl dd .title font{font-size: 18px; display: block;height: 16px;margin: -69px 0 5px 131px}
 .wrapper  .content dl dd .title a{color:#fff;}
.wrapper  .content dl dd .zjdl{margin: 15px auto;}
.wrapper  .content dl dd .zjdt{position: relative;width: 60px;height: 60px;border:1px solid #666666;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wrapper  .content dl dd .zjdt img{position: absolute;top:-4px;left: 18px;}
.wrapper  .content dl dd .zjdt h5{font-size: 24px; color:#666666; font-weight: normal; text-align: center; margin-top: 25px;}
.wrapper  .content dl dd .zjdd{width: 350px;/* height: auto; */margin-left: 15px;}
.wrapper  .content dl dd .zjdd p{font-size: 18px; color:#666666; line-height: 28px;}
.wrapper  .content dl dd .zjdd a{position: relative; color:#ff7800; border-bottom:1px solid #ff7800;}
.wrapper  .content dl dd .zjdd.floatbox{position: relative;}
.wrapper  .content dl dd .zjdd .notes{display: none; position: absolute; top:16px; left:-38px; z-index: 999; width: 360px; height: 115px; background: url(../images/notesbg.png) no-repeat; background-size: 100% 100%;}
.wrapper  .content dl dd .zjdd .notes p{width: 92%; margin:0 auto; font-size: 14px; color:#666666; line-height: 20px; margin-top:18px;}
#sc{height: 110px;}
#sc div{float: left;width: 80px;margin: 5px 0px 0px 5px;}
.scimg{margin: -7px 0px 15px 0}
.span span{display: block;width: 132px;height:45px;float: left;line-height: 45px;text-align: center;margin: 0px 5px;border-radius: 6px;margin-top: 0px;}
.span span a{font-size: 22px;color:#fff}
.span span:nth-child(1){background-color:#006cb8 }
.span span:nth-child(2){background-color:#006cb8 }
.span span:nth-child(3){background-color:#ff7800 }