/*By (moyui) luweimo.me@qq.com */
body,html{ margin: 0; border: 0; font-size: 14px; font-family: 'Pingfang SC','Microsoft YaHei',Helvetica,Arial,sans-serif; color: #555;}
a{ text-decoration: none; color: #555; transition: all .3s;}
a:hover{ color: #91be30;}
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;}

/*单张图片放大*/
.moyu-signle-imgbox{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; overflow: scroll; background: rgba(0,0,0,.5); z-index: 100;}
.moyu-signle-imgbox .close{ width: 70px; height: 32px; line-height: 32px; border-radius: 16px; text-align: center; position: fixed; right: 30px; top: 10px; background: rgba(255,255,255,.8); cursor: pointer; transition: all .3s; font-size: 14px;}
.moyu-signle-imgbox .close:hover{ background: rgba(255,255,255,1);}
.moyu-signle-imgbox img{ margin: 0 auto; max-height: 100%;}

/* Public Header */
.moyu-head{ width: 100%;}
.moyu-head .top{ width: 100%; display: block; overflow: hidden; background: #91be30; color: #fff;}
.moyu-head .top .sub{ width: 90%; max-width: 1600px; margin: 0 auto;}
.moyu-head .top .sub .wel{ float: left; line-height: 40px;}
.moyu-head .top .sub .right{ float: right;}
.moyu-head .top .sub .right .sch{ float: left;}
.moyu-head .top .sub .right .sch input{ float: left; width: 170px; height: 30px; line-height: 30px; border: none; background: none; text-indent: 20px; background: #fff; margin-top: 5px;}
.moyu-head .top .sub .right .sch button{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; float: left;  border: none; background: none; outline: none; transition: all .3s; cursor: pointer; color: #fff;}
.moyu-head .top .sub .right .sch button:hover{ background: #91be30; color: #fff;}
.moyu-head .top .sub .right .con{ float: right; line-height: 40px; margin-left: 30px;}
.moyu-head .cen{ width: 90%; max-width: 1600px; margin: 0 auto;}
.moyu-head .cen .logo{ width: 30%; float: left; height: 50px; margin: 20px 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;}
.moyu-head .cen .nav a.nava-a:hover{ color: #91be30;}
.moyu-head .cen .nav a.nava-a.active{ color: #91be30;}
.moyu-head .cen .nav .navsub{ position:absolute; background: #fff; margin-top: 80px; width: 140px; height: 0;  z-index: 9999; background: #91be30; display: block; overflow: hidden;}
.moyu-head .cen .nav .navsub .main{ width: 100%; margin: 0 auto; transition: all .3s;}
.moyu-head .cen .nav .navsub .main .link{ width: 100%;}
.moyu-head .cen .nav .navsub .main .link 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 .main .link a:last-child{ border: none;}
.moyu-head .cen .nava:hover .navsub{ height: auto; padding: 10px 0; transition: all .3s;}
.moyu-head .phonebtn{ display: none;}


@media screen and (max-width: 768px) {
	.moyu-head{ position: fixed; top: 0; left: 0; z-index: 999; height: 60px; background: #fff; border-bottom: 1px solid #eee;}
	.moyu-head .top{ display: none;}
	.moyu-head .cen .logo{ float: left; height: 30px; margin: 15px 0 0 0;}
	.moyu-head .cen .nav{ width: 100%; display: none; overflow-y: auto; position: fixed; top: 60px; left: 0; bottom: 0; right: 0; background: #fff; z-index: 999;}
	.moyu-head .cen .nava{ width: 100%; height: auto; margin: 0;}
	.moyu-head .cen .nav a.nava-a{ width: 100%; line-height: 50px;}
	.moyu-head .cen .nav .navsub{ display: none;}
	.moyu-head .cen .nav .navsub .main{ width: 100%;}
	.moyu-head .cen .nav .navsub .main a.lam{ display: none;}
	.moyu-head .cen .right{ margin-right: 20px;}
	.moyu-head .phonebtn{ width: 60px; height: 60px; background: url('../img/menu.png') no-repeat center center; background-size: 60%; float: right; display: block; overflow: hidden;}
	.moyu-head .phonebtn.active{ background: url('../img/menuclose.png') no-repeat center center; background-size: 60%;}
}

.moyu-foot{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #91be30;}
.moyu-foot .sub{ width: 90%; max-width: 1600px; margin: 70px auto 0 auto; display: block; overflow: hidden;}
.moyu-foot .f-link{ width: 70%; float: left; display: block; overflow: hidden;}
.moyu-foot .f-link .li{ width: 15%; float: left; display: block; overflow: hidden;}
.moyu-foot .f-link .li em{ width: 100%; height: 30px; font-size: 16px; display: block; overflow: hidden; line-height: 30px; color: #fff; font-weight: bold;}
.moyu-foot .f-link .li em i{font-size: 10px; margin-left: 5px; opacity: .3; transition: all .3s;}
.moyu-foot .f-link .li span{ width: 100%; display: block; overflow: hidden; margin-top: 10px;}
.moyu-foot .f-link .li span p{ width: 100%; display: block; overflow: hidden; color: #fff; line-height: 20px; padding: 5px 0;}
.moyu-foot .f-link .li span p a{ font-size: 14px; display: block; overflow: hidden; float: left; color: #fff;}
.moyu-foot .f-link .li span p a:hover{ text-decoration: underline;}
.moyu-foot .f-link .li span p i{ color: #91be30; margin-right: 10px;}
.moyu-foot .f-link .li:first-child{ width: 35%; margin-right: 5%;}
.moyu-foot .f-link .li:hover em i{ opacity: 1;}

.moyu-foot .f-mes{ width: 28%; float: right; display: block; overflow: hidden;}
.moyu-foot .f-mes em{ width: 100%; height: 30px; font-size: 16px; display: block; overflow: hidden; line-height: 30px; color: #fff; font-weight: bold; margin-bottom: 20px;}
.moyu-foot .f-mes .mes-input{ width: 100%; height: 40px; line-height: 40px; background: #fff; border: 1px solid #fff; text-indent: 20px;}
.moyu-foot .f-mes .mes-btn{ width: 100%; height: 40px; line-height: 40px; background: #91be30; border: none; text-align: center; margin-top: 20px; color: #fff; cursor: pointer;}
.moyu-foot .f-mes  .yzm{ width: 100%; position: relative; display: block; overflow: hidden; margin-top: 20px;}
.moyu-foot .f-mes  .yzm img{ width: 100px; height: 38px; position: absolute; right: 3px; top: 2px;}

.moyu-foot .f-bot{ width: 100%; float: left; display: block; overflow: hidden; background: rgba(0,0,0,.1); color: #fff; margin: 50px auto 0 auto;}
.moyu-foot .f-bot .info{ width: 90%; max-width: 1600px; display: block; overflow: hidden; margin: 20px auto; line-height: 30px; color: #fff;}
@media screen and (max-width: 768px) {
	.moyu-foot .sub{ margin: 30px auto;}
	.moyu-foot .f-link{ width: 100%;}
	.moyu-foot .f-link .li{ width: 100%; border-bottom: 1px solid rgba(0,0,0,.1); margin-top: 20px; padding-bottom: 20px;}
	.moyu-foot .f-link .li span p{ width: 33%; float: left;}
	.moyu-foot .f-link .li:first-child{ width: 100%; margin-right: 0;}
	.moyu-foot .f-link .li:first-child span p{ width: 100%;}
	.moyu-foot .f-bot{ margin: 30px auto 0 auto;}
	.moyu-foot .f-mes{ width: 100%; margin-top: 20px;}
}

.moyu-mids{ width: 100%; display: block; overflow: hidden; border-bottom: 1px solid #eee;}
.moyu-mids .sub{ width: 90%; max-width: 1600px; margin: 0 auto;}
.moyu-mids .link{ float: left; line-height: 30px; margin: 25px 0 0 0; display: block; overflow: hidden; line-height: 30px;}
.moyu-mids .link i{ float: left; font-size: 16px; color: #333;}
.moyu-mids .link i.i2{ font-size: 12px; color: #999;}
.moyu-mids .link em{ float: left;}
.moyu-mids .link a{ float: left; margin-left: 5px;}
.moyu-mids .lam{ float: right;}
.moyu-mids .lam a{ float: left; line-height: 80px; display: block; overflow: hidden; margin-left: 30px; border-bottom: 2px solid #fff;}
.moyu-mids .lam a.active{ border-color: #91be30; color: #91be30;}

@media screen and (max-width: 768px) {
	.moyu-mids .lam{ float: left; clear: both;}
	.moyu-mids .lam a{ margin: 0 30px 0 0; line-height: 60px;}
}

/* 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: #91be30 !important;}

.moyu-idx-link{ width: 70%; height: 300px; position: absolute; left: 15%; bottom: 0; z-index: 9; display: block; overflow: hidden;}
.moyu-idx-link .li{ width: 19.6%; margin: 0 .2%; float: left; background: rgba(0,0,0,.5); border: 1px solid #91be30; box-sizing: border-box; padding: 20px; color: #fff; display: block; overflow: hidden; transition: all .3s; margin-top: 150px;}
.moyu-idx-link .li img{ height: 50px; margin: 0 auto; display: block; overflow: hidden;}
.moyu-idx-link .li em{ width: 100%; margin: 10px auto; display: block; overflow: hidden; text-align: center;}
.moyu-idx-link .li i{ width: 100%; margin: 0 auto; display: block; overflow: hidden; text-align: center; color: #e67817;}
.moyu-idx-link .li span{ width: 100%; line-height: 24px; height: 120px; display: block; overflow: hidden; margin-top: 15px;}
.moyu-idx-link .li:hover{ margin-top: 0;}

@media screen and (max-width: 768px) {
	.moyu-ban{ margin-top: 60px;}
	.moyu-idx-link{ display: none;}
}
.moyu-idx-pro{ width: 90%; display: block; overflow: hidden; margin: 30px auto; position: relative;}
.moyu-idx-pro .pro .swiper-wrapper{ padding:0 0 30px 0; box-sizing: border-box;}
.moyu-idx-pro .pro .swiper-slide{ width: 100%; height: 100%; box-sizing: border-box; padding: 0 30px;}
.moyu-idx-pro .pro .swiper-slide .li{ width: 100%; box-sizing: border-box; float: left;}
.moyu-idx-pro .pro .swiper-slide .li span{ width: 100%; height: 220px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; border: 5px solid #eee; background: #fff;}
.moyu-idx-pro .pro .swiper-slide .li span img{ max-width: 100%; margin: 0 auto; display: block; overflow: hidden;}
.moyu-idx-pro .pro .swiper-slide .li em{ width: 100%; text-align: center; height: 30px; line-height: 30px; display: block; overflow: hidden;}
.moyu-idx-pro .pro .swiper-button-next, .moyu-idx-pro .pro .swiper-button-prev { color: #91be30;}
.moyu-idx-pro .pro .swiper-pagination-bullet-active{ background: #91be30 !important;}


/* Link */
.moyu-breadlink{ width: 100%; display: block; overflow: hidden; background: #eee;}

.moyu-breadlink span{ width: 90%; max-width: 1400px; margin: 0 auto; display: block; overflow: hidden; padding: 5px 0;}
.moyu-breadlink a{ float: left; margin-right: 20px; padding-right: 20px; line-height: 30px; display: block; overflow: hidden; position: relative; font-size: 14px;}
.moyu-breadlink a::after{ content: '>'; color: #ccc; position: absolute; right: 0; line-height: 30px; font-size: 12px;}
.moyu-breadlink a:last-child{ padding-right: 0; margin-right: 0; text-decoration: none;}
.moyu-breadlink a:last-child::after{ content: '';}

/* Top pic */
.moyu-toppic{ width: 100%; display: block; overflow: hidden; margin: 80px auto 0 auto;}
.moyu-toppic img{ width: 100%; float: left;}

.moyu-topbac{ width: 100%; display: flex; align-items: center; overflow: hidden; margin: 0 auto; height: 460px; background-size: cover !important; background-position: center center !important;}
.moyu-topbac span{ width: 90%; max-width: 1400px; margin: 0 auto; color: #fff;}
.moyu-topbac span em{ font-size: 30px; width: 100%; display: block; overflow: hidden;}
.moyu-topbac span label{ width: 60px; height: 2px; background: #fff; display: block; overflow: hidden; margin: 20px 0;}
.moyu-topbac span p{ font-size: 20px; width: 100%; display: block; overflow: hidden;}
@media screen and (max-width: 768px) {
	.moyu-topbac{ height: 200px; margin-top: 60px}
}


/* Top Lam */
.moyu-toplam{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #91be30; }
.moyu-toplam span{ width: 100%; max-width: 1400px; display: block; overflow: hidden; margin: 0 auto;}
.moyu-toplam span a{ float: left; padding: 0 30px; line-height: 40px; display: block; overflow: hidden; border-left: 1px solid rgba(255,255,255,.2); font-size: 16px; color: #fff; box-sizing: border-box;}
.moyu-toplam span a:hover{ background: #b6df62;}
.moyu-toplam span a.active{ background: #b6df62;}

/* lanms */
.moyu-lams{ width: 100%; display: block; overflow: hidden;}
.moyu-lams em{width: 100%; font-size: 24px; font-weight: bold; display: block; overflow: hidden; text-align: center;}
.moyu-lams p{ text-align: center; color: #91be30; font-size: 16px; line-height: 24px;}

@media screen and (max-width: 768px) {
	.moyu-toplam span a{ min-width: 25%; padding: 0; text-align: center;}
}

/* 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: #91be30; color: #fff; border-color: #91be30;}
.moyu-page li:hover span, .moyu-page li:hover a{ color: #fff;}
.moyu-page li.active{ background: #91be30; color: #fff; border-color: #91be30;}
.moyu-page li.active span, .moyu-page li.active a{ color: #fff;}

.moyu-mainsub{ width: 100%; margin: 0 auto; background: #f1f1f1; display: block; overflow: hidden;}
.moyu-mains{ width: 90%; max-width: 1600px; margin: 70px auto; display: block; overflow: hidden;}

@media screen and (max-width: 768px) {
	.moyu-mains{ margin: 30px auto;}
}

/* Product */
.moyu-pro{ width: 100%; display: block; overflow: hidden; margin: 50px auto;}
.moyu-pro .pro-cot{ width: 100%; max-width: 1420px; margin: 0 auto; display: block; overflow: hidden;}
.moyu-pro .pro-cot ul { width: 100%; display: block; overflow: hidden;}
.moyu-pro .pro-cot ul li{width: 23%; margin: 1%; float: left; display: block; overflow: hidden; position: relative;}
.moyu-pro .pro-cot ul li span{ width: 100%; height: 280px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; float: left; padding: 10px;}
.moyu-pro .pro-cot ul li span img{ margin: 0 auto; max-width: 100%; transition: all .3s;}
.moyu-pro .pro-cot ul li em{ width: 100%; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; padding: 10px 20px;}
.moyu-pro .pro-cot ul li em i{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; display: block; overflow: hidden; transition: all .3s; text-align: center; border-bottom: 1px solid #eee;}
.moyu-pro .pro-cot ul li em p{ width: 100%; line-height: 24px; margin-top: 10px; display: block; overflow: hidden;}
.moyu-pro .pro-cot ul li em p label{ float: right;}
.moyu-pro .pro-cot ul li:hover span img{ transform: scale(1.1);}
.moyu-pro .pro-cot ul li:hover em{ color: #91be30;}


.moyu-pro .pro-pics{ width: 100%; max-width: 1400px; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.moyu-pro .pro-pics .pic{ width: 40%; border: 1px solid #eee; float: left; display: block; overflow: hidden; box-sizing: border-box;}
.moyu-pro .pro-pics .pic img{ width: 100%; float: left;}
.moyu-pro .pro-pics .info{ width: 58%; float: right; display: block; overflow: hidden; box-sizing: border-box;}
.moyu-pro .pro-pics .info em{ width: 100%; display: block; overflow: hidden; font-size: 30px; line-height: 50px;}
.moyu-pro .pro-pics .info p{ width: 100%; display: block; overflow: hidden; color: #999; line-height: 24px; margin-top: 20px;}
.moyu-pro .pro-pics .info span{ width: 100%; display: block; overflow: hidden; border-top: 1px solid #eee; margin-top: 20px;}
.moyu-pro .pro-pics .info span a{ float: left; line-height: 40px; padding: 0 20px; background: #91be30; color: #fff; margin: 20px 20px 0 0; display: block; overflow: hidden;}
.moyu-pro .pro-pics .info span a:hover{ background: #b6df62;}
.moyu-pro .pro-declam{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 30px auto 0 auto; border-bottom: 1px solid #eee;}
.moyu-pro .pro-declam em{ float: left; line-height: 40px; padding: 0 20px; background: #91be30; color: #fff; margin: 20px 20px 0 0; display: block; overflow: hidden;}
.moyu-pro .pro-decs{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 30px auto 0 auto;}

@media screen and (max-width: 768px) {
	.moyu-pro .pro-cot{ width: 100%; margin-top: 30px;}
	.moyu-pro .pro-cot ul li{width: 48%; margin: 1%;}
	.moyu-pro .pro-pics{ margin: 0;}
	.moyu-pro .pro-pics .pic{ width: 100%; border: none;}
	.moyu-pro .pro-pics .info{ width: 100%; padding: 0 20px;}
	.moyu-pro .pro-pics .info span a{ width: 48%; padding: 0; text-align: center; margin-right: 0;}
	.moyu-pro .pro-pics .info span a:last-child{ float: right;}
}

.moyu-honor ul { width: 100%; max-width: 1400px; display: block; overflow: hidden; margin: 0 auto;}
.moyu-honor ul li{width: 23%; margin: 1%; float: left; display: block; overflow: hidden; position: relative;}
.moyu-honor ul li span{ width: 100%; height: 400px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; float: left; padding: 10px;}
.moyu-honor ul li span img{ margin: 0 auto; max-width: 100%; max-height: 100%; transition: all .3s;}
.moyu-honor ul li em{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 5px 0; transition: all .3s; float: left; text-align: center;}
.moyu-honor ul li:hover span img{ transform: scale(1.1);}
.moyu-honor ul li:hover em{ color: #91be30;}

@media screen and (max-width: 768px) {
	.moyu-honor ul{ width: 90%; margin-left: 5%;}
	.moyu-honor ul li{width: 48%;}
	.moyu-honor ul li span{ height: 200px;}
}

/* news */
.new-cot{ width: 100%; max-width: 1400px; display: block; overflow: hidden; margin: 0 auto;}
.new-cot ul li{width: 100%; float: left; display: block; overflow: hidden; border-bottom: 1px dashed #eee; padding: 30px 0;}
.new-cot ul li .time{ width: 80px; height: 80px; display: block; overflow: hidden; float: left; background: #91be30; line-height: 24px; transition: all .3s; box-sizing: border-box; padding: 20px 0 0 10px; color: #fff; font-size: 18px;}
.new-cot ul li .time label{ width: 100%; display: block; overflow: hidden;}
.new-cot ul li .info{ width: 60%; display: block; overflow: hidden; float: left; position: relative; padding-left: 80px; transition: all .3s;}
.new-cot ul li .info::after{ content: ''; width: 60px; height: 1px; background: #999; left: 0; top: 20px; position: absolute;transition: all .3s;}
.new-cot ul li .info em{ width: 100%; line-height: 30px; font-size: 16px; display: block; overflow: hidden; color: #91be30;}
.new-cot ul li .info span{ width: 100%; height: 50px; line-height: 25px; display: block; overflow: hidden;}
.new-cot ul li .pic{ width: 12%; display: block; overflow: hidden; float: right}
.new-cot ul li .pic img{ width: 100%; float: left;}
.new-cot ul li:hover .info{ padding-left: 100px;}
.new-cot ul li:hover .info::after{ width: 80px;}

@media screen and (max-width: 768px) {
	.new-cot{ width: 90%; margin: 0 auto;}
	.new-cot ul li .info{ width: 50%;}
	.new-cot ul li .pic{ width: 100%; margin-top: 20px;}
}

.moyu-detail{ width: 90%; max-width: 1400px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-detail .title{ width: 100%; line-height: 30px; font-size: 20px; font-weight: bold; text-align: center; display: block; overflow: hidden;}
.moyu-detail .label{ width: 100%; line-height: 40px; font-size: 14px; display: block; overflow: hidden; text-align: center;}
.moyu-detail .cot{ width: 100%; line-height: 30px; font-size: 14px; display: block; overflow: hidden; min-height: 300px; padding: 30px 0;}
.moyu-detail .cot img,video{ max-width: 100%;}
.moyu-detail .urls{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 30px 0; font-size: 14px; border-top: 1px solid #eee; padding-top: 20px;}
.moyu-detail .urls a{ float: left; width: 50%;}
.moyu-detail .urls a:last-child{ text-align: right;}

@media screen and (max-width: 768px) {
	.moyu-detail{ margin: 30px auto;}
	.moyu-detail .urls a{ width: 100%;}
	.moyu-detail .urls a.next{ text-align: left;}
}


/* contact */
.moyu-contact{ width: 90%; max-width: 1600px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-contact .num{ width: 50%; display: block; overflow: hidden; border-bottom: 1px dashed #eee; padding-bottom: 30px; float: right;}
.moyu-contact .num em{ width: 100%; display: block; overflow: hidden; line-height: 24px; padding: 3px 0; font-size: 16px; margin-bottom: 20px;}
.moyu-contact .num p{ width: 100%; display: block; overflow: hidden; line-height: 24px; padding: 3px 0;}
.moyu-contact .num p i{ float: left; margin-right: 5px;}
.moyu-contact .map{ width: 45%; height: 400px; position: relative; background: #f6f6f6; display: block; overflow: hidden; float: left;}
@media screen and (max-width: 768px) {
	.moyu-contact .map{ width: 100%; height: 200px;}
	.moyu-contact .num{ width: 100%; margin-top: 30px;}
}
.moyu-idx-type{ width: 100%; display: block; overflow: hidden; background: #eee;}
.moyu-idx-type .sub{ width: 90%; max-width: 1600px; margin: 50px auto; display: block; overflow: hidden;}
.moyu-idx-type a{ width: 32%; float: left; margin-right: 2%; display: block; overflow: hidden;}
.moyu-idx-type a img{ width: 100%; float: left;}
.moyu-idx-type a:last-child{ margin: 0;}
@media screen and (max-width: 768px) {
	.moyu-idx-type a{ width: 100%; margin: 0 0 20px 0;}
}
.moyu-idx-about{ width: 100%; display: block; overflow: hidden; margin-top: 30px;}
.moyu-idx-about .sub{ width: 90%; max-width: 1000px; background: rgba(0,0,0,.5); margin: 50px auto; box-sizing: border-box; padding: 50px; display: block; overflow: hidden; color: #fff;}
.moyu-idx-about .nbsp{ width: 60px; height: 3px; background: #91be30; display: block; overflow: hidden; margin-top: 20px;}
.moyu-idx-about .tit{ width: 100%; line-height: 30px; font-size: 24px; display: block; overflow: hidden; font-weight: bold; margin-top: 20px;}
.moyu-idx-about .en{ width: 100%; line-height: 30px; font-size: 30px; display: block; overflow: hidden;}
.moyu-idx-about .info{ width: 100%; line-height: 24px; display: block; overflow: hidden; margin-top: 20px;}
.moyu-idx-about .dec{ width: 100%; display: block; overflow: hidden; margin-top: 20px; background: #91be30; padding: 20px 0; margin-top: 20px;}
.moyu-idx-about .dec span{ width: 33.33%; float: left; text-align: center; display: block; overflow: hidden; color: #fff;}
.moyu-idx-about .dec span label{ width: 100%; display: block; overflow: hidden; font-size: 30px; line-height: 50px; font-weight: bold;}
.moyu-idx-about .dec span label i{ font-size: 14px;}
@media screen and (max-width: 768px) {
	.moyu-idx-about .dec span{ width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); padding: 10px 0;}
	.moyu-idx-about .dec span:last-child{ border: none;}
}

.moyu-idx-news{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.moyu-idx-news .right{ width: 50%; float: right; display: block; overflow: hidden;}
.moyu-idx-news .right ul li{width: 100%; float: left; display: block; overflow: hidden; background: #f9f9f9; padding: 15px 0; margin-bottom: 10px;}
.moyu-idx-news .right ul li .time{ width: 15%;display: block; overflow: hidden; float: left; line-height: 24px; transition: all .3s; text-align: center; font-size: 20px; color: #91be30; margin-top: 20px;}
.moyu-idx-news .right ul li .time label{ width: 100%; font-size: 14px; margin-top: 5px; display: block; overflow: hidden; color: #999;}
.moyu-idx-news .right ul li .info{ width: 83%; float: right; border-left: 1px solid #eee; box-sizing: border-box; padding-left: 20px;}
.moyu-idx-news .right ul li .info em{ width: 100%; line-height: 30px; font-size: 16px; display: block; overflow: hidden; font-weight: bold;}
.moyu-idx-news .right ul li .info span{ width: 100%; height: 50px; line-height: 25px; display: block; overflow: hidden; margin-top: 5px;}
.moyu-idx-news .pic{ width: 45%; float: left; display: block; overflow: hidden; position: relative;}
.moyu-idx-news .pic em{ width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.5); color: #fff; text-align: center; color: #fff; box-sizing: border-box; line-height: 30px; padding: 10px; z-index: 1;}
.moyu-idx-news .pic img{ float: left; width: 100%; transition: all .3s;}
.moyu-idx-news .pic:hover img{transform: scale(1.1);}
@media screen and (max-width: 768px) {
	.moyu-idx-news .right{ width: 100%; margin-top: 20px;}
	.moyu-idx-news .pic{ width: 100%;}
}

.moyu-idx-ser{ width: 100%; display: block; overflow: hidden; margin-top: 30px;}
.moyu-idx-ser .info{ width: 80%; display: block; overflow: hidden; margin: 20px auto; text-align: center; line-height: 30px;}
.moyu-idx-ser .dec{ width: 100%; display: block; overflow: hidden;}
.moyu-idx-ser .dec ul li{ width: 50%; height: 80px; display: block; overflow: hidden; margin: 30px 0 0 0; float: left;}
.moyu-idx-ser .dec ul li label{ width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 30px; color: #fff; font-style: italic; float: left; display: block; overflow: hidden; background: #91be30;}
.moyu-idx-ser .dec ul li span{ width: 70%; float: left; display: block; overflow: hidden; margin-left: 3%;}
.moyu-idx-ser .dec ul li span em{ width: 100%; line-height: 30px; height: 30px; font-size: 18px; display: block; overflow: hidden; font-weight: bold;}
.moyu-idx-ser .dec ul li span p{ width: 100%; line-height: 25px; height: 50px; display: block; overflow: hidden;}
@media screen and (max-width: 768px) {
	.moyu-idx-ser{ width: 90%; margin-left: 5%;}
	.moyu-idx-ser .dec{ width: 100%;}
	.moyu-idx-ser .dec ul li{ width: 100%;}
}

.moyu-service{ width: 100%; background: #eee; max-width: 600px; box-sizing: border-box; padding: 30px; margin: 50px auto; display: block; overflow: hidden;}
.moyu-service em{ width: 100%; font-size: 16px; display: block; overflow: hidden; line-height: 30px; font-weight: bold; margin-bottom: 20px;}
.moyu-service .mes-input{ width: 100%; height: 40px; line-height: 40px; background: #fff; border: 1px solid #fff; text-indent: 20px;}
.moyu-service .mes-textarea{ width: 100%; height: 72px; line-height: 24px; background: #fff; border: 1px solid #fff; text-indent: 20px; margin-top: 20px;}

.moyu-service .mes-btn{ width: 100%; height: 40px; line-height: 40px; background: #91be30; border: none; text-align: center; margin-top: 20px; color: #fff; cursor: pointer;}
.moyu-service .yzm{ width: 100%; position: relative; display: block; overflow: hidden; margin-top: 20px;}
.moyu-service .yzm img{ width: 100px; height: 38px; position: absolute; right: 3px; top: 2px;}
@media screen and (max-width: 768px) {
	.moyu-service{ margin: 20px auto;}
}