body {
  background: url(http://www.ylcp.shop/files/files/1668736548719/css/images/bg.jpg) no-repeat;
  background-size: cover;
}
.more {
  width: 120px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #020346;
  margin-top: 30px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  color: #020346;
  transition: 0.2s;
}
.more:hover {
  background: #020346;
  color: #fff;
}
.left_text {
  width: 500px;
  text-align: left;
}
.left_text h2 {
  font-size: 40px;
  color: #020346;
  font-weight: 300;
}
.left_text .line {
  width: 50px;
  height: 3px;
  margin: 20px 0;
  background: #020346;
}
.left_text P {
  font-size: 20px;
  font-weight: 300;
  color: #020346;
}
.bottom {
  width: 100%;
  background: #020346;
  padding: 0 20px;
  box-sizing: border-box;
}
.bottom_main {
  width: 1100px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  padding: 20px 0;
}
.bottom_main a {
  text-decoration: none;
  color: #fff;
}
.bottom_main li {
  float: left;
  width: 16%;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.bottom_main li a {
  display: block;
  text-align: center;
  position: relative;
}
.bottom_main li:hover {
  background: #fff;
}
.bottom_main li:hover a {
  color: #020346;
}
ul {
  list-style: none;
}
.code {
  width: 240px;
  margin: 20px auto;
  text-align: center;
}
.code_img {
  float: left;
  width: 100px;
  text-align: center;
  font-size: 12px;
  margin: 0 10px;
}
.code_img img {
  width: 100%;
}
.lianxi {
  margin-top: 20px;
}
.lianxi p {
  text-align: center;
  font-size: 14px;
  line-height: 2;
}
.jianjie {
  padding: 0 30px;
}
.jianjie h2 {
  font-weight: normal;
  color: #020346;
}
.jianjie h5 {
  font-weight: normal;
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}
.jianjie hr {
  color: #020346;
  margin-bottom: 20px;
}
.jianjie p {
  font-size: 16px;
  line-height: 2;
  text-indent: 2em;
  margin-bottom: 10px;
  text-align: left;
}
.jianjie b {
  font-weight: 600;
}
.cansai {
  padding: 0 30px;
}
.cansai h2 {
  font-weight: normal;
  color: #020346;
}
.cansai h5 {
  font-weight: normal;
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}
.cansai hr {
  color: #020346;
  margin-bottom: 20px;
}
.cansai p {
  font-size: 16px;
  line-height: 2;
  text-indent: 2em;
  margin-bottom: 10px;
  text-align: left;
}
.cansai b {
  font-weight: 600;
}
.banner {
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}
.banner img{
  width: 100%;
}
.xiangce {
  padding: 0 30px;
}
.xiangce h2 {
  font-weight: normal;
  color: #020346;
}
.xiangce h5 {
  font-weight: normal;
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}
.xiangce hr {
  color: #020346;
  margin-bottom: 20px;
}
.xiangce .xiangce_box {
  padding: 0 40px;
}
.xiangce .xiangce_box .xiangce_info {
  width: 30%;
  float: left;
  margin-right: 40px;
  background: #fff;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.xiangce .xiangce_box .xiangce_info .xiangce_img {
  width: 100%;
  height: 240px;
  overflow: hidden;
}
.xiangce .xiangce_box .xiangce_info .xiangce_img img {
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.xiangce .xiangce_box .xiangce_info .text {
  padding: 20px;
  text-align: left;
  transition: 0.2s;
}
.xiangce .xiangce_box .xiangce_info .text p {
  margin-bottom: 16px;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #424242;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xiangce .xiangce_box .xiangce_info .text span {
  color: #424242;
  font-size: 14px;
}
.xiangce .xiangce_box .xiangce_info:hover {
  cursor: pointer;
}
.xiangce .xiangce_box .xiangce_info:hover img {
  transform: scale(1.2);
}
.xiangce .xiangce_box .xiangce_info:hover .text {
  background: #020346;
}
.xiangce .xiangce_box .xiangce_info:hover .text p {
  color: #fff;
}
.xiangce .xiangce_box .xiangce_info:hover .text span {
  color: #fff;
}