/*By (moyui) luweimo.me@qq.com */
body,html{ margin: 0; border: 0; font-size: 12px; font-family: 'Pingfang SC','Microsoft YaHei',Helvetica,Arial,sans-serif; color: #555;}
a{ text-decoration: none; color: #555; transition: all .3s;}
a:hover{ color: #ff0000;}
div,img,ul,li,em,p,span{ margin: 0; padding: 0;}
ul,li{ list-style: none;}
em,p,span,i{ font-style: normal;}
input,select,textarea,button{ margin: 0; padding: 0; font-size: 14px; font-family: 'Pingfang SC','Microsoft YaHei',Helvetica,Arial,sans-serif;}

/* Public Header */
.moyu-head{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99; border-bottom: 1px solid rgba(255,255,255, .1);  transition: all .3s;}
.moyu-head .cen{ width: 90%; max-width: 1600px; margin: 0 auto;}
.moyu-head .cen .logo{ width: 30%; float: left; height: 50px; margin: 20px 0 0 0;}
.moyu-head .cen .logo img{ height: 100%;}
.moyu-head .cen .logo img.default{ display: block;}
.moyu-head .cen .logo img.black{ display: none;}
.moyu-head .cen .nav{float: right;}
.moyu-head .cen .nava{ float: left; height: 100px; transition: all .3s;}
.moyu-head .cen .nav a.nava-a{ float: left; line-height: 100px; display: block; overflow: hidden; font-size: 16px; font-weight: bold; position: relative; padding: 0 20px; color: #fff}
.moyu-head .cen .nav a.nava-a:hover{ color: #e60000;}
.moyu-head .cen .nav a.nava-a.active{ color: #e60000;}
.moyu-head .cen .nav .navsub{ position:absolute; background: #fff; margin-top: 100px; width: 140px; height: 0;  z-index: 9999; background: #e60000; display: block; overflow: hidden;}
.moyu-head .cen .nav .navsub a{ width: 100%; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; display: block; overflow: hidden; box-sizing: border-box; padding:0 20px;}
.moyu-head .cen .nav .navsub a:last-child{ border: none;}
.moyu-head .cen .nava:hover .navsub{ height: auto; padding: 10px 0; transition: all .3s;}
.moyu-head .cen .right{ float: right; margin: 35px 0 0 50px;}
.moyu-head .cen .lang{ float: left; background: #f9f9f9; padding: 0 10px; display: block; overflow: hidden; border-radius: 15px; line-height: 30px; cursor: pointer;}
.moyu-head .cen .langsub{ position: absolute; width: 100px; display: none; overflow: hidden; background: #fff; margin: 0 0 0 -10px; height: 0; transition: all .3s; border-radius: 6px; border: 1px solid #aaa;}
.moyu-head .cen .langsub a{ width: 100%; text-align: center; display: block; overflow: hidden;}
.moyu-head .cen .lang img{ float: left; height: 20px; margin: 5px;}
.moyu-head .cen .lang:hover .langsub{ display: block; padding: 8px 0; height: auto; transition: all .3s;}
.moyu-head .cen .search{ float: left; cursor: pointer; margin-left: 20px; width: 30px; height: 30px; border-radius: 50%; display: block; overflow: hidden;}
.moyu-head .cen .search img{ float: left; height: 20px; margin: 5px;}
.moyu-head .cen .phonebtn{ float: left; cursor: pointer; margin-left: 20px; width: 30px; height: 30px; border-radius: 50%; display: none; overflow: hidden;}
.moyu-head .cen .phonebtn img{ float: left; height: 20px; margin: 5px;}

.moyu-head:hover{ background: #fff; border-color: #eee;}
.moyu-head:hover .search{ background: #e60000;}
.moyu-head:hover .phonebtn{ background: #e60000;}
.moyu-head:hover .lang{ background: #eee;}
.moyu-head:hover .cen .nav a.nava-a{ color: #333}
.moyu-head:hover .cen .nav a.nava-a:hover{ color: #e60000;}
.moyu-head:hover .cen .nav a.nava-a.active{ color: #e60000;}
.moyu-head:hover .logo img.default{ display: none;}
.moyu-head:hover .logo img.black{ display: block;}

.moyu-head.active{ background: #fff; border-color: #eee;}
.moyu-head.active .search{ background: #e60000;}
.moyu-head.active .phonebtn{ background: #e60000;}
.moyu-head.active .lang{ background: #eee;}
.moyu-head.active .cen .nav a.nava-a{ color: #333}
.moyu-head.active .cen .nav a.nava-a:hover{ color: #e60000;}
.moyu-head.active .cen .nav a.nava-a.active{ color: #e60000;}
.moyu-head.active .logo img.default{ display: none;}
.moyu-head.active .logo img.black{ display: block;}

@media screen and (max-width: 768px) {
	.moyu-head .cen .phonebtn{ display: block;}
	.moyu-head .cen .logo img{ width: 100%; height: auto;}
	.moyu-head .cen .nav{ position: fixed; top: 70px; left: 0; right: 0; bottom: 0; display: none; overflow: hidden; overflow-y: auto; z-index: 999; background: rgba(0,0,0, .8);}
	.moyu-head .cen .nava{ width: 100%; height: auto; border-bottom: 1px solid rgba(255,255,255, .5);}
	.moyu-head .cen .nav a.nava-a { line-height: 60px;}
	.moyu-head .cen .nav .navsub{ position: static; display: block; height: auto; width: 100%; background: none; margin: 0;}
	.moyu-head .cen .nav .navsub a{ width: auto; min-height: 25%; float: left;}
	.moyu-head .cen .right{ float: right; margin: 20px 0}
}

/* banner */
.moyu-ban{ width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative;}
.ban{ width: 100%; height: 100%;}
.ban .swiper-slide{ width: 100%; height: 100%; display: block; overflow: hidden; background-size: cover!important; background-position: center center!important;}
.ban .swiper-slide img{ width: 100%; float: left;}
.ban .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff!important; box-sizing: border-box; opacity: 1;}
.ban .swiper-pagination-bullet-active{ background: #e60000 !important;}


/* lanms */
.moyu-lams{ width: 100%; display: block; overflow: hidden; background: #fff; border-bottom: 1px solid #eee;}
.moyu-lams .sub{ max-width: 1200px; margin: 0 auto;}
.moyu-lams .sub a{ float: left; height: 60px; line-height: 60px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 20px;}
.moyu-lams .sub a.active{ background: #ff0000; color: #fff;}
.moyu-lams .sub a:hover{ background: #ff0000; color: #fff;}
@media screen and (max-width: 768px) {
	.moyu-lams .sub a{ min-width: 33.33%; text-align: center; padding: 0;}
}
.idx-lams{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 18px; text-align: center;}
.idx-lams em{ width: 100%; display: block; font-size: 40px; line-height: 60px;}
@media screen and (max-width: 768px) {
	.idx-lams{ font-size: 14px;}
	.idx-lams em{ font-size: 30px;}
}
/* page */
.moyu-page{ width: 100%; display: flex; align-items: center; overflow: hidden; margin: 50px auto 0 auto;}
.moyu-page .sub{ margin: 20px auto 0 auto;}
.moyu-page li{ height: 40px; min-width: 40px; text-align: center; line-height: 38px; box-sizing: border-box; padding: 0 5px; background: #f5f6f7; float: left; display: block; overflow: hidden; font-size: 14px; margin: 0 5px; cursor: pointer}
.moyu-page li:hover{ background: #ff0000; color: #fff; border-color: #ff0000;}
.moyu-page li:hover span, .moyu-page li:hover a{ color: #fff;}
.moyu-page li.active{ background: #ff0000; color: #fff; border-color: #ff0000;}
.moyu-page li.active span, .moyu-page li.active a{ color: #fff;}

.moyu-lamt{ width: 100%; text-align: center; display: block; overflow: hidden; line-height: 36px; font-size: 16px; color: #ff0000; margin: 50px auto 0 auto;}
.moyu-lamt p{ font-size: 24px; color: #333;}

.moyu-hl-main{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto; line-height: 30px; font-size: 14px;}
.moyu-hl-main img,video{ max-width: 100%;}

.moyu-hl-cul{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto; line-height: 30px; font-size: 14px;}
.moyu-hl-cul .left{ width: 20%; float: left; display: block; overflow: hidden;}

.moyu-hl-cul .right{ width: 80%; float: left; display: block; overflow: hidden;}
.moyu-hl-cul .title{ width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 18px; display: block; overflow: hidden; background: #f9f9f9; margin-bottom: 5px; cursor: pointer; transition: all .3s;}
.moyu-hl-cul .title.active{ background: #ff0000; color: #fff;}
.moyu-hl-cul .title:hover{ background: #ff0000; color: #fff;}
.moyu-hl-cul .span{ width: 100%; float: right; display: none; overflow: hidden; position: relative;}
.moyu-hl-cul .info{ width: 300px; display: block; overflow: hidden; position: absolute; top: 30%; left: 100px; background: rgba(255,255,255, .8); box-sizing: border-box; padding: 20px;}
.moyu-hl-cul .info em{ font-size: 18px; float: left; border-bottom: 2px solid #ff0000; display: block; overflow: hidden;}
.moyu-hl-cul .info p{ width: 100%; display: block; overflow: hidden; margin-top: 10px; float: left;}

.moyu-hl-cul .span img{ width: 100%; float: left;}
.moyu-hl-cul .right .span:first-child{ display: block;}

.moyu-hl-pic{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 20px auto; line-height: 30px; font-size: 14px;}
.moyu-hl-pic ul li{ width: 23%; margin: 1%; float: left; display: block; overflow: hidden;}
.moyu-hl-pic ul li span{ width: 100%; height: 300px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; border: 1px solid #f1f1f1; transition: all .3s;}
.moyu-hl-pic ul li span img{ max-width: 100%; max-height: 100%; margin: 0 auto; transition: all .3s;}
.moyu-hl-pic ul li em{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block; overflow: hidden;}
.moyu-hl-pic ul li:hover{ cursor: pointer;}
.moyu-hl-pic ul li:hover img{ transform: scale(1.1);}

.moyu-hl-pic.rz ul li span{ height: 380px;}
.moyu-hl-pic.brand ul li span{ height: 270px;}
.moyu-hl-pic.px ul li{ width: 31.33%;}
.moyu-hl-pic.px ul li span{ height: 300px; border: none;}
.moyu-hl-pic.px ul li:hover span{ transform: scale(.9);}


@media screen and (max-width: 768px) {
	.moyu-hl-pic ul li{ width: 48%;}
}

.moyu-hl-join{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 20px auto; line-height: 30px; font-size: 14px;}
.moyu-hl-join .join-li{ width: 100%; display: block; overflow: hidden; background: #f9f9f9; margin-top: 10px;}
.moyu-hl-join .span{ width: 15%; float: left; display: block; overflow: hidden; box-sizing: border-box; padding: 10px; line-height: 40px; font-size: 16px;}
.moyu-hl-join .span:first-child{ width: 25%;}

.moyu-hl-join .dec{ width: 100%; border-top: 1px solid #eee; float: left; display: none; overflow: hidden; box-sizing: border-box; padding: 20px; margin-top: 10px; font-size: 14px;}
.moyu-hl-join .heads{ background: #ff0000;}
.moyu-hl-join .heads .span{ color: #fff;}
.moyu-hl-join .span.more{ text-align: right; font-size: 14px;}
.moyu-hl-join .span.more label{ height: 40px; width: 40px; float: right; display: block; overflow: hidden; background: url('../img/right.png') no-repeat center center; background-size: 20px; cursor: pointer; transition: all .3s;}
.moyu-hl-join .span.more.active label{ transform: rotate(90deg);}


.moyu-idx-lj{ width: 100%;  display: block; overflow: hidden; margin: 70px auto 0 auto;}
.moyu-idx-lj .top{ width: 90%;  display: block; overflow: hidden; margin: 50px auto 0 auto; max-width: 1200px;}
.moyu-idx-lj .top .left{ width: 50%; height: 450px; position: relative; float: left; display: block; overflow: hidden;}
.moyu-idx-lj .top .left .swiper-slide{ width: 100%; height: 400px; display: block; overflow: hidden; position: relative;}

.moyu-idx-lj .top .left .swiper-slide span{ width: 100%; display: block; overflow: hidden; box-sizing: border-box; padding: 30px; background: rgba(0,0,0,.1); position: absolute; left: 0; bottom: 0;}
.moyu-idx-lj .top .left .swiper-slide span em{ width: 100%; display: block; color: #fff;}
.moyu-idx-lj .top .left .swiper-slide span p{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; color: #fff;}
.moyu-idx-lj .top .left .swiper-button-next, .moyu-idx-lj .top .left .swiper-button-prev{ color: #fff;}
.moyu-idx-lj .top .left .swiper-button-next::after, .moyu-idx-lj .top .left .swiper-button-prev::after{ font-size: 20px;}

.moyu-idx-lj .top .right{ width: 50%; box-sizing: border-box; padding-left: 10px; height: 400px; float: right; display: block; overflow: hidden;}

.moyu-idx-lj .top .right .rt{ width: 100%; height: 220px; float: left; display: block; overflow: hidden;}
.moyu-idx-lj .top .right .rv{ width: 49%; height: 220px; float: left; display: block; overflow: hidden; margin-top: 10px;}
.moyu-idx-lj .top .right .rb{ width: 49%; height: 220px; float: right; display: block; overflow: hidden; margin-top: 10px; background: #ff0000; box-sizing: border-box; padding: 30px; color: #fff;}
.moyu-idx-lj .top .right .rb p{ width: 100%; line-height: 30px; font-size: 18px; overflow: hidden; display: block; color: #fff;}

@media screen and (max-width: 768px) {
	.moyu-idx-lj .top .left{ width: 100%;}
	.moyu-idx-lj .top .right{ width: 100%; padding: 0;}
}

.moyu-idx-lj .bot{ width: 90%;  display: block; overflow: hidden; margin: 20px auto 0 auto; max-width: 1200px;}
.moyu-idx-lj .bot .swiper-slide{ width: 100%; display: block; overflow: hidden; position: relative; }
.moyu-idx-lj .bot .swiper-slide span{ width: 100%; min-height: 200px; margin-bottom: 70px; display: block; overflow: hidden; border-bottom: 3px solid #ddd; transition: all .3s;}
.moyu-idx-lj .bot .swiper-slide span em{ width: 100%; display: block; color: #ff0000; margin-top: 10px;}
.moyu-idx-lj .bot .swiper-slide span p{ width: 100%; line-height: 30px; font-size: 20px; overflow: hidden; display: block;}
.moyu-idx-lj .bot .swiper-slide span label{ width: 100%; line-height: 20px; font-size: 14px; max-height: 60px; overflow: hidden; display: block; color: #999; margin-top: 10px;}
.moyu-idx-lj .bot .swiper-slide span:hover{ border-color: #ff0000;}
.moyu-idx-lj .bot .swiper-pagination-bullet{ width: 16px; height: 16px;}
.moyu-idx-lj .bot .swiper-pagination-bullet-active{ background-color: #ff0000;}


/*index*/
.moyu-ad{ width: 100%; display: block; overflow: hidden; max-width: 1600px; margin: 50px auto 0 auto;}
.moyu-ad a{ width: 50%; float: left; display: block; overflow: hidden;}
.moyu-ad a img{ width: 100%; float: left; transition: all .3s;}
.moyu-ad a img:hover{ transform: scale(1.1);}
@media screen and (max-width: 768px) {
	.moyu-ad a{ width: 100%;}
}

.moyu-sign{ width: 100%; display: block; overflow: hidden; margin: 70px auto 0 auto;}
.moyu-sign .sub{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 120px auto;}
.moyu-sign .sub .li{ width: 32%; margin: 0 0 1% 1%; height: 200px; background: #fff; display: block; overflow: hidden; float: left; box-sizing: border-box; text-align: center; font-size: 16px; padding-top: 50px;}
.moyu-sign .sub .li em{ font-size: 40px; font-weight: bold;}
.moyu-sign .sub .li:nth-of-type(odd){ background: #ff0000;}
.moyu-sign .sub .li:nth-of-type(odd){ color: #fff;}
.moyu-sign .sub .li:nth-child(4){ margin-left: 18%;}
@media screen and (max-width: 768px) {
	.moyu-sign{ margin: 0 auto;}
	.moyu-sign .sub{ margin: 50px auto;}
	.moyu-sign .sub .li{ width: 98%; height: auto; padding: 20px 0;}
	.moyu-sign .sub .li:nth-child(4){ margin-left: 1%;}
}

.moyu-brand{ width: 90%; display: block; overflow: hidden; max-width: 1200px; margin: 50px auto;}
.moyu-brand .swiper-slide{ width: 25%; height: 200px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; padding: 15px; float: left;}
.moyu-brand .swiper-slide img{ margin: 0 auto; max-width: 100%; max-height: 100%;}

.moyu-tsearch{ width: 90%; display: block; overflow: hidden; max-width: 800px; margin: 50px auto 0 auto;}
.moyu-tsearch select{ width: 200px; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; background: none; border: 1px solid #ff0000; float: left;}
.moyu-tsearch input{ width: 480px; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; background: none; border: 1px solid #ff0000; float: left; margin: 0 10px;}
.moyu-tsearch button{ width: 100px; height: 40px; line-height: 40px; background: #ff0000; border: 1px solid #ff0000; float: left; color: #fff; cursor: pointer; transition: all .3s;}
.moyu-tsearch button:hover{ opacity: .8;}

@media screen and (max-width: 768px) {
	.moyu-tsearch select{ width: 100%;}
	.moyu-tsearch input{ width: 100%; margin: 10px auto;}
	.moyu-tsearch button{ width: 100%;}
}

.moyu-prosub{ width: 100%; background: #f1f1f1; display: block; overflow: hidden;}
.moyu-pros{ width: 90%; max-width: 1400px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-pros .lefts{ width: 20%; float: left; display: block; overflow: hidden;}
.moyu-pros .lefts .types{ width: 100%; float: left; display: block; overflow: hidden; background: #fff;}
.moyu-pros .lefts .types em{ width: 100%; line-height: 50px; background: #e60000; font-size: 20px; color: #fff; display: block; overflow: hidden; text-indent: 30px;}
.moyu-pros .lefts .types span{ width: 100%; float: left; display: block; overflow: hidden;}
.moyu-pros .lefts .types span p{ width: 90%; line-height: 30px; padding: 5px 0; font-size: 16px; box-sizing: border-box; padding-left: 40px; position: relative; display: block; overflow: hidden; border-bottom: 1px solid #f1f1f1; transition: all .3s;}
.moyu-pros .lefts .types span p::after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ccc; position: absolute; left: 20px; top: 17px;}
.moyu-pros .lefts .types span p:hover{ padding-left: 20px;}
.moyu-pros .lefts .types span p:hover a{ color: #e60000;}
.moyu-pros .lefts .types span p:hover::after{ width: 0;}


.moyu-pros .lefts .cons{ width: 100%; float: left; display: block; overflow: hidden; background: #fff; margin-top: 20px;}
.moyu-pros .lefts .cons em{ width: 100%; line-height: 50px; background: #e60000; font-size: 20px; color: #fff; display: block; overflow: hidden; text-indent: 30px;}
.moyu-pros .lefts .cons span{ width: 100%; float: left; display: block; overflow: hidden;}
.moyu-pros .lefts .cons span p{ width: 90%; line-height: 30px; font-size: 16px; box-sizing: border-box; padding:5px 20px; position: relative; display: block; overflow: hidden; transition: all .3s;}

.moyu-pros .rights{ width: 78%; float: right; display: block; overflow: hidden;}
.moyu-pros .rights .lam{ width: 98%; margin-left: 2%; background: #fff; display: block; overflow: hidden; box-sizing: border-box; padding: 15px 20px; line-height: 30px;}
.moyu-pros .rights .lam em{ float: left; font-size: 24px; font-weight: bold; color: #e60000;}
.moyu-pros .rights .lam span{ float: right;}
.moyu-pros .rights .cot{ width: 100%; display: block; overflow: hidden;}
.moyu-pros .rights .cot ul li{ width: 31.33%; float: left; display: block; overflow: hidden; background: #fff; margin: 20px 0 0 2%; padding-bottom: 20px; cursor: pointer;}
.moyu-pros .rights .cot ul li span{ width: 100%; height: 300px; float: left; display: flex; align-items: center;}
.moyu-pros .rights .cot ul li span img{ margin: 0 auto; max-width: 100%; max-height: 100%; transition: all .3s;}
.moyu-pros .rights .cot ul li em{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px; display: block; overflow: hidden;}
.moyu-pros .rights .cot ul li:hover span img{ transform: scale(1.1);}

@media screen and (max-width: 768px) {
	.moyu-pros{ margin: 30px auto;}
	.moyu-pros .lefts{ width: 100%;}
	.moyu-pros .rights{ width: 100%; margin-top: 30px}
	.moyu-pros .rights .lam{ width: 100%; margin:0}
	.moyu-pros .rights .cot ul li{ width: 100%; margin: 20px 0 0 0;}
}

.moyu-prod{ width: 100%; max-width: 1400px; margin: 70px auto; display: block; overflow: hidden; background: #fff; box-sizing: border-box; padding: 50px;}
.moyu-prod .pic{ width: 30%; float: left;}
.moyu-prod .pic img{ max-width: 100%;}
.moyu-prod .info{ width: 65%; float: right; display: block; overflow: hidden;}
.moyu-prod .tit{ width: 100%; font-size: 36px; display: block; overflow: hidden;}
.moyu-prod .cot{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin-top: 20px;}

@media screen and (max-width: 768px) {
	.moyu-prod{ margin: 30px auto; padding: 30px;}
	.moyu-prod .pic{ width: 100%;}
	.moyu-prod .info{ width: 100%; margin-top: 30px;}
	.moyu-prod .tit{ font-size: 24px;}
}


.join-de{ width: 100%; background: #f1f1f1; display: block; overflow: hidden; margin: 0 auto;}
.join-de .main{ width: 90%; max-width: 1600px; margin: 70px auto; background: #fff; display: block; overflow: hidden; box-sizing: border-box; padding: 30px;}
.join-de .tit{ width: 100%; font-size: 18px; line-height: 30px; display: block; overflow: hidden;}
.join-de .tit p{ color: #e60000; font-size: 14px;}
.join-de .span{ width: 100%; display: block; overflow: hidden;}
.join-de .span p{ width: 100%; display: block; overflow: hidden; line-height: 30px; box-sizing: border-box; padding: 10px 20px; font-size: 14px; background: #f9f9f9;}
.join-de .span p:nth-of-type(even) { background: #eee;}
.join-de .span p em{ float: left; min-width: 20%;}
.join-de .cot{ width: 100%; line-height: 30px; display: block; overflow: hidden; border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px;}
@media screen and (max-width: 768px) {
	.join-de .main{ margin: 30px auto;}
}

.moyu-searchlist{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-searchlist .search{ width: 100%; display: flex; align-items: center; overflow: hidden; margin: 0 auto;}
.moyu-searchlist .search span{ width: 50%; margin: 0 auto;}
.moyu-searchlist .search input{ width: 80%; height: 40px; line-height: 40px; border-radius: 6px; background: none; border: 1px solid #ccc; float: left; box-sizing: border-box; text-indent: 20px;}
.moyu-searchlist .search button{ width: 18%; height: 40px; line-height: 40px; border-radius: 6px; background: #e60000; border: 1px solid #e60000; float: right; margin-left: 10px;box-sizing: border-box; color: #fff;}
.moyu-searchlist .tit{ width: 100%; display: block; overflow: hidden; font-size: 24px; margin-top: 20px;}
.moyu-searchlist .list{ width: 100%; display: block; overflow: hidden; margin-top: 30px;}
.moyu-searchlist .list li{ width: 100%; border-top: 1px solid #ddd; padding: 10px 0; display: block; overflow: hidden;}
.moyu-searchlist .list li a{ padding: 5px 0 5px 30px; font-size: 16px; display: block; overflow: hidden; line-height: 30px; float: left;}