/* 搜索框样式 */
.search {
  width: 92%;
  margin:10px auto;
  background: #eee;
}

.search form {
  width: 100%;
  background: none;
  height: 38px;
  padding: 7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search input[type="text"] {
  width: 60%;
  padding-left: 15px;
  font-size: 16px;
  color: #777;
  height: 22px;
  line-height: 22px;
  border: none;
  outline: none;
  background: none;
}

.search input[type='submit'] {
  width: 35%;
  border: none;
  text-align: center;
  height: 22px;
  font-size: 16px;
  color: #323232;
  background:url(//cdn.myxypt.com/3f59a2ab/21/10/e4db8ecc661e58b103766c5ab6af43b08de3443a.png)no-repeat right;
  outline: none;
  border-radius: 0;
}


/* */
.daohang{
  padding:12px  4%;
}
.daohang li{float: left;width: 48%;background-size:25% 55%;border-radius: 5px;height: 80px;line-height: 80px;margin-bottom: 10px;}
.daohang li a{color: #fff;font-size: 16px;display: block;padding-left: 48%;}
.daohang li:nth-child(2n){float: right;}

/* */
.xian{height: 10px;background: #eee;margin-top: 8px;}
.biaoti{height: 25px;line-height: 25px;border-left: 4px solid #0092dd;color: #323232;font-size: 24px;font-weight: bold;text-indent: 2%;}

/* */
.xiang{padding: 15px 4%;}
.fenlei{margin-top: 10px;}
.fenlei li{float: left;width: 32%;margin-right: 2%;margin-top: 15px;}
.fenlei li a{display: block;border:1px solid #bfbfbf;height: 30px;line-height: 30px;text-align: center;color: #323232;font-size: 16px;}
.fenlei li:nth-child(3n){margin-right: 0;}
.fenlei li:hover a{background: #0092dd;border-color: #0092dd;color: #fff;}
.product_list1{margin-top: 10px;}
.product_list1 li{float: left;width: 48%;margin-top: 10px;}
.product_list1 li img{width: 100%;}
.product_list1 li:nth-child(2n){float: right;}
.product_list1 li h3{text-align: center;height: 35px;line-height: 35px;color: #323232;font-size: 16px;}
a.xiang-more{display: block;width: 35%;height: 35px;line-height: 35px;text-align: center;background: #0092dd;color: #fff;font-size: 18px;margin:15px auto 0}


/* */
.xin{padding: 15px 4%;}
.news_list1{margin-top: 10px}
.news_list1 li{overflow: hidden;margin-top: 10px;}
.news_list1 li a.img{display: block;float: left;width: 30%;}
.news_list1 li a.img img{width: 100%;}
.news_list1 li .cont{width: 65%;float: right;}
.news_list1 li .cont h3{color: #323232;font-size: 15px;font-weight: bold;}
.news_list1 li .cont p{color: #787878;font-size: 14px;line-height: 22px;margin-top: 5px;}
.news_list1 li .cont .xin-more{position: relative;height: 30px;line-height: 30px;color: #5a5a5a;font-size: 12px;}
.news_list1 li .cont .xin-more a{position: absolute;right: 0;top:0;display: block;width: 30%;background: #0092dd;color: #fff;line-height: 30px;font-size: 12px;text-align: center;}

/* */
.liu{padding: 15px 4%;}
.liu ul{margin-top: 8px;}
.liu ul li{float: left;overflow: hidden;background: #eee;padding:10px 0;width: 48%;height: 84px;margin-top: 15px;}
.liu ul li:nth-child(2n){float: right;}
.liu ul li .img1{float: left;width: 40%;text-align: center;}
.liu ul li .img1 img{width: 60%;margin-top: 20px;}
.liu ul li .cont{float: right;width: 60%;margin-top: 5px;}
.liu ul li .cont span{color: #323232;font-size: 16px;}
.liu ul li .cont p{margin-top: 8px;color: #787878;font-size: 14px;line-height: 22px;}

/* */
.ab{padding: 15px 4%;}
.ab-cont{color: #5a5a5a;font-size: 16px;line-height: 28px;margin-top: 20px;text-align: center;}

.lx{border:1px solid #e5e5e5;text-indent:3%;line-height: 30px;padding: 8px 0;color: #5a5a5a;font-size: 14px;margin-top: 20px;}


.container {
  width: 640px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .container {
    width: 100%;
  }
}
.sun_footer {
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #DBDBDB;
  left: 0;
}

.sun_footer li {
  width: 20%;
  text-align: center;
  float: left;
  padding-top: 5px;
}

.sun_footer li .img {
  height: 20px;
  width: 20px;
  display: block;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.sun_footer li .img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.sun_footer li .img:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sun_footer li p {
  text-align: center;
  color: #666;
  font-size: 12px;
  line-height: 25px;
}
.sun_footer li:hover .img img{
  transform: translateY(-20px);
  filter: drop-shadow(#0092dd 0 20px);
}
.sun_footer li:hover p{
  color: #0092dd
}