@charset "utf-8";
*{margin:0; padding:0;font-family: "Microsoft YaHei";box-sizing: border-box;}
@media screen and (min-width:320px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:15.3rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:360px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg);cursor: pointer; }
.jtdour{ position: absolute;  margin-right: -16px;top:15rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:375px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:15rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:384px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg);cursor: pointer; }
.jtdour{ position: absolute;  margin-right: -16px;top:15rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:400px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:14.8rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:414px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg);cursor: pointer; }
.jtdour{ position: absolute;  margin-right: -16px;top:13.8rem; right:50%;transform:rotate(90deg);cursor: pointer;  }
}
@media screen and (min-width:424px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:13.8rem; right:50%;transform:rotate(90deg); cursor: pointer; }
}
@media screen and (min-width:480px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:13.5rem; right:50%;transform:rotate(90deg);cursor: pointer;  }
}
@media screen and (min-width:540px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg); cursor: pointer;}
.jtdour{ position: absolute;  margin-right: -16px;top:13.5rem; right:50%;transform:rotate(90deg);cursor: pointer;  }
}
@media screen and (min-width:720px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg);cursor: pointer; }
.jtdour{ position: absolute;  margin-right: -16px;top:17.9rem; right:50%;transform:rotate(90deg);cursor: pointer;}
}
@media screen and (min-width:750px){
.cplist ul li{ float: left; margin: 15px 0px 0px 0px; }
.jt{ position: relative; margin-top: 10px}
.jtdou{ position:absolute;  margin-left: -16px; top:-25px; left: 50%;transform:rotate(90deg);cursor: pointer; }
.jtdour{ position: absolute;  margin-right: -16px;top:18.5rem; right:50%;transform:rotate(90deg);cursor: pointer; }
}
@media screen and (min-width:1024px){

.cplist ul li{ float: left; margin: 15px 0px 0px 0px;  }
.jt{ position: relative; margin-top: 13%}
.jtdou{ position:absolute;  margin-top: -16px;  left: 15px;transform:rotate(0deg); top: 50%; cursor: pointer; }
.jtdour{ position: absolute;  margin-top: -16px; right: 15px;transform:rotate(0deg); top: 50%;  cursor: pointer;}
}

.new_list{ margin:10px 0px 0px 0px;}
.new_list a{color: #111; text-decoration: none; display: block; padding: 10px 10px;}
.new_list   a:hover{ background: #f7f7f7}
.new_list  p{ font-size: 12px;color: #565656;}
.new_list h4{ font-size: 0.5rem; font-weight: bold; color: #333;}
.new_list span{ font-size:.4rem; color: #000;}
.line{width: 100%;height: 2px;background: #e5e5e5;margin: 20px auto;}
.new_list .line i{display: block;width: 30px;height: 2px;background: #0064af;transition: all .3s;}
.new_list  a:hover i { width: 100%; background: #0064af;}
.more{display: inline-block;width: 161px;height: 41px;border-radius: 20px;border: 1px solid #0064af;color: #000;
text-align: center;position: relative;overflow: hidden; font-size: .4449rem; line-height: 41px; text-decoration: none; margin: 25px 0px 25px 0px}
.more i {display: inline-block;width: 161px;height: 41px;background: url(../images/c_more.png) no-repeat 0px center;position: absolute;top: -1px;
right: 161px;overflow: hidden;transition: all .6s;}
.more:hover i {right: 0px;}
.new_list a:hover h4{color: #0064af}
.new_list a:hover span{color: #333}