/*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: #008FD7;}
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%; height: 80px; position: fixed; top: 0; left: 0; border-bottom: 1px solid #cdcfd2; z-index: 99; transition: all .3s; }
.moyu-head .cen{ width: 100%; max-width: 1480px; margin: 0 auto;}
.moyu-head .cen .logo{ width: 30%; float: left; height: 43px; 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{ width: 50%; float: left;}
.moyu-head .cen .nava{ float: left; height: 80px; transition: all .3s; margin-left: 40px;}
.moyu-head .cen .nav a.nava-a{ float: left; line-height: 80px; display: block; overflow: hidden; font-size: 18px; position: relative; color: #fff;}
.moyu-head .cen .nav a.nava-a:hover{ color: #008FD7;}
.moyu-head .cen .nav a.nava-a::after{ content: ''; width: 0; height: 2px; background: #008FD7; left: 50%; bottom: 16px; position: absolute; transition: all .3s;}
.moyu-head .cen .nav a.nava-a:hover::after{ width:100%; left: 0;}
.moyu-head .cen .nav a.nava-a.active{ color: #008FD7;}
.moyu-head .cen .nav a.nava-a.active::after{ width:100%; left: 0;}
.moyu-head .cen .nav .navsub{ position:absolute; background: #fff; margin-top: 80px; left: 0; width: 100%; height: 0; display: flex; overflow: hidden; align-items: center; box-sizing: border-box;}
.moyu-head .cen .nav .navsub .main{ margin: 0 auto; transition: all .3s;}
.moyu-head .cen .nav .navsub .main a{ width: 130px; float: left; margin: 5px;}
.moyu-head .cen .nav .navsub .main a span{ width: 100%; height: 100px; display: flex; align-items: center; box-sizing: border-box; background: #f5f6f7; margin: 0 auto;}
.moyu-head .cen .nav .navsub .main a span img{ margin: 0 auto; max-width: 100%; max-height: 100%;}
.moyu-head .cen .nav .navsub .main a em{ width: 100%; line-height: 24px; font-size: 16px; text-align: center; margin-top: 10px; display: block; overflow: hidden;}
.moyu-head .cen .nava:hover .navsub{ height: auto; padding: 50px 0; transition: all .3s;}
.moyu-head .cen .right{ float: right; margin-top: 20px;}
.moyu-head .cen .right .search{ float: left; background: url('../img/icon-search.png') no-repeat center center; width: 40px; height: 40px; background-size: 20px;}
.moyu-head .cen .right .lang{ float: left; line-height: 40px; color: #fff; font-size: 16px; margin-left: 10px;}
.moyu-head .phonebtn{ display: none;}

.moyu-head.fix{ background: #fff; border: none;}
.moyu-head.fix .cen .nav a.nava-a{ color: #333;}
.moyu-head.fix .cen .nav a.nava-a.active{ color: #008FD7;}
.moyu-head.fix .cen .nav a.nava-a:hover{ color: #008FD7;}
.moyu-head.fix .cen .right .search{background: url('../img/icon-search-black.png') no-repeat center center; background-size: 20px;}
.moyu-head.fix .cen .right .lang{ color: #333;}
.moyu-head.fix .cen .logo img.default{ display: none;}
.moyu-head.fix .cen .logo img.black{ display: block;}

@media screen and (max-width: 768px) {
	.moyu-head .cen .logo{ float: left; height: 30px; margin: 25px 0 0 5%;}
	.moyu-head .cen .nav{ width: 100%; display: none; overflow-y: auto; position: fixed; top: 80px; left: 0; bottom: 0; right: 0; background: #fff;}
	.moyu-head .cen .nava{ width: 90%; height: auto; margin: 0 0 0 5%;}
	.moyu-head .cen .nav a.nava-a{ line-height: 50px;}
	.moyu-head .cen .nav .navsub{ height: auto; position: static; margin: 0; background: 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: 50px; height: 80px; 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: #262626;}
.moyu-foot .sub{ width: 100%; max-width: 1200px; margin: 70px auto 0 auto; display: block; overflow: hidden;}
.moyu-foot .links{ width: 100%; display: block; overflow: hidden; margin: 20px auto;}
.moyu-foot .links .left{ width: 80%; float: left; display: block; overflow: hidden;}
.moyu-foot .links .left .li{ width: 18.4%; margin-right: 2%; float: left; display: block; overflow: hidden;}
.moyu-foot .links .left .li:last-child{ float: right; margin: 0;}
.moyu-foot .links .left .li em{ width: 100%; height: 30px; font-size: 16px; display: block; overflow: hidden; line-height: 30px; color: #fff; font-weight: bold;}
.moyu-foot .links .left .li span{ width: 100%; display: block; overflow: hidden; margin-top: 10px;}
.moyu-foot .links .left .li span p{ width: 100%; display: block; overflow: hidden;}
.moyu-foot .links .left .li span p a{ padding: 5px 0; font-size: 14px; display: block; overflow: hidden; line-height: 20px; float: left; color: #6e6e6e;}
.moyu-foot .links .left .li span p a:hover{ text-decoration: underline; color: #008FD7;}
.moyu-foot .top{ width: 100%; display: block; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #383939; padding-bottom: 30px;}
.moyu-foot .f-logo{ width: 100%; display: block; overflow: hidden;}
.moyu-foot .f-logo>img{ height: 43px;}
.moyu-foot .follow{ float: right; display: block; overflow: hidden; margin-top: 10px;}
.moyu-foot .follow a>img.qrcode{ height: 90px; margin-left: 10px;}
.moyu-foot .info{ width: 100%; display: block; overflow: hidden; margin: 20px auto; line-height: 30px; color: #6e6e6e;}

@media screen and (max-width: 768px) {
	.moyu-foot .top{ width: 90%;}
	.moyu-foot .links{ width: 90%;}
	.moyu-foot .links .left{ width: 100%;}
	.moyu-foot .links .left .li{ width: 100%; margin-right: 0%; margin-bottom: 10px;}
	.moyu-foot .links .left .li span{ margin: 0;}
	.moyu-foot .links .left .li span p{ width: auto; min-width: 33%; float: left;}
	.moyu-foot .follow{ float: left;}
	.moyu-foot .follow a>img.qrcode{ margin: 10px 10px 0 0;}
	.moyu-foot .info{ width: 90%;}
}

.moyu-serv{ width: 100%; max-width: 1480px; margin: 70px auto 0 auto; display: block; overflow: hidden; background-size: 100% 100% !important;}
.moyu-serv .sub{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-serv .sub .info{ float: left; line-height: 30px; font-size: 24px; display: block; width: 60%; display: block; overflow: hidden;}
.moyu-serv .sub .con{ float: right;}
.moyu-serv .sub .con em{ float: left; line-height: 20px; border-bottom: 1px solid #ddd; font-size: 16px; height: 30px;}
.moyu-serv .sub .con label{ width: 30px; height: 30px; background: url('../img/icon-more.png'); background-size: 100% 100%; display: block; float: right; margin-left: 30px; transition: all .3s;}
.moyu-serv .sub .con:hover em{ color: #008FD7; border-color: #008FD7;}
.moyu-serv .sub .con:hover label{ transform: rotate(45deg);}
@media screen and (max-width: 768px) {
	.moyu-serv .sub .info{ width: 100%;}
	.moyu-serv .sub .con{ margin-top: 30px;}
}


/* popup */
.moyu-pop{ width: 100%; display: none; overflow: hidden;}
.moyu-pop-sub{ width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 997; background: rgba(0,0,0,.5);}
.moyu-pop-cot{ width: 100%; top: 30px; left: 0; position: fixed; z-index: 998; background: #f6f6f6;}
.moyu-pop-close{ width: 40px; height: 40px; position: fixed; z-index: 999; top: 30px; right: 0; text-align: center; line-height: 40px; display: block; overflow: hidden; font-size: 16px; cursor: pointer; transition: all .3s;}
.moyu-pop-close:hover{ background: #008FD7; color: #fff;}

/* search */
.moyu-search{ width: 90%; max-width: 1000px; border: 1px solid #ddd; margin: 70px auto; background: #fff; display: block; overflow: hidden;}
.moyu-search input{ width: 70%; height: 50px; background: none; border: none; text-indent: 20px; font-size: 16px; float: left;}
.moyu-search button{ width: 30%; height: 50px; background: none; border: none; text-align: center; color: #fff; background: #008FD7; font-size: 16px; float: left;}
.moyu-search button:hover{ background: #008FD7; cursor: pointer;}
.moyu-searchlist{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-searchlist .tit{ width: 100%; display: block; overflow: hidden; font-size: 24px;}
.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{ background: url('../img/icon-arrow-right.png') no-repeat left center; background-size: 20px; padding: 5px 0 5px 30px; font-size: 16px; display: block; overflow: hidden; line-height: 30px; float: left;}
/* lang */
.moyu-lang{ width: 90%; max-width: 1000px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-lang em{ width: 100%; display: block; overflow: hidden; line-height: 40px; font-size: 30px;}
.moyu-lang a{ float: left; height: 50px; line-height: 50px; font-size: 16px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; background: url('../img/icon-arrow-right.png') no-repeat left center; background-size: 20px; border: 1px solid #ddd; margin: 20px 20px 0 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: #008FD7 !important;}

.honor{ width: 100%; height: 100%;}
.honor .swiper-slide{ width: 100%; height: 100%; background: #f6f6f6; box-sizing: border-box; padding: 30px;}
.honor .swiper-slide img{ width: 100%; float: left;}
.honor .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff!important; box-sizing: border-box; opacity: 1;}
.honor .swiper-pagination-bullet-active{ background: none !important; border: 1px solid #008FD7;}
.honor .swiper-button-next, .honor .swiper-button-prev{ width: 40px; height: 40px; background: #999 !important; border-radius: 50%; transition: all .3s;}
.honor .swiper-button-next label{ width: 40px; height: 40px; transform: rotate(-90deg); background: url('../img/icon-down.png') no-repeat center center; background-size: 30px; display: block; overflow: hidden; cursor: pointer;}
.honor .swiper-button-prev label{ width: 40px; height: 40px; transform: rotate(90deg); background: url('../img/icon-down.png') no-repeat center center; background-size: 30px; display: block; overflow: hidden; cursor: pointer;}
.honor .swiper-button-next:hover, .honor .swiper-button-prev:hover{ background: #008FD7!important;}

.moyu-idx-lam{ width: 100%; display: block; overflow: hidden;}
.moyu-idx-lam .left{ width: 60%; float: left;}
.moyu-idx-lam .left em{ width: 100%; display: block; overflow: hidden; font-size: 18px; position: relative; text-indent: 50px; line-height: 30px; color: #777;}
.moyu-idx-lam .left em::after{content: ''; left: 0; top: 13px; background: #008FD7; height: 4px; width: 40px; position: absolute;}
.moyu-idx-lam .left span{ width: 100%; display: block; overflow: hidden; font-size: 30px; line-height: 50px;}
.moyu-idx-lam .link{ float: right; margin-top: 40px;}
.moyu-idx-lam .link a{ float: left; line-height: 40px; font-size: 18px; margin-left: 30px; display: block; overflow: hidden; position: relative;}
.moyu-idx-lam .link a::after{ content: ''; left: -100%; height: 3px; bottom: 0; background: #008FD7; width: 100%; position: absolute; transition: all .3s;}
.moyu-idx-lam .link a.active::after{ left: 0;}

.moyu-idxpro{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.moyu-idxpro ul li{ width: 50%; height: 320px; float: left; display: block; overflow: hidden; background: #f5f5f5;}
.moyu-idxpro ul li .sub{ width: 100%; max-width: 740px; height: 320px; float: right; display: block; overflow: hidden; position: relative; box-sizing: border-box; padding: 0 30px;}
.moyu-idxpro ul li .sub .lam{ position: absolute; top: 50px; left: 30px;  line-height: 30px; font-size: 18px;}
.moyu-idxpro ul li .sub .lam em{ clear: both; font-size: 24px; line-height: 40px; width: 100%; display: block; overflow: hidden;}
.moyu-idxpro ul li .sub .more{ line-height: 30px; font-size: 14px; height: 30px; display: block; overflow: hidden; float: left; position: absolute; left: 30px; bottom: 50px;}
.moyu-idxpro ul li .sub .more em{ float: left; line-height: 30px; font-size: 16px; height: 30px;}
.moyu-idxpro ul li .sub .more label{ width: 30px; height: 30px; background: url('../img/icon-more.png'); background-size: 100% 100%; display: block; float: left; margin-left: 30px; transition: all .3s;}
.moyu-idxpro ul li .sub .more:hover label{ transform: rotate(45deg);}
.moyu-idxpro ul li .sub img{ height: 100%; float: right; transition: all .3s;}
.moyu-idxpro ul li:hover .sub img{ margin-top: -10px;}
.moyu-idxpro ul li:nth-of-type(even) .sub{ float: left;}
.moyu-idxpro ul li:first-child{ background: #fff;}
.moyu-idxpro ul li:last-child{ background: #fff;}

.moyu-idxlink{ width: 100%; display: block; overflow: hidden; margin: 0 auto;}
.moyu-idxlink .li{ width: 33.33%; float: left; display: block; overflow: hidden; position: relative;}
.moyu-idxlink .li .lam{ width: 90%; position: absolute; top: 30px; left: 30px; display: block; overflow: hidden; line-height: 30px; color: #fff;}
.moyu-idxlink .li .lam label{ width: 100%; line-height: 50px; font-size: 30px; display: block; overflow: hidden; transition: all .3s;}
.moyu-idxlink .li .cot{ width: 100%; display: block; overflow: hidden; position: absolute; bottom: -100px; background: rgba(255,255,255,.9); box-sizing: border-box; padding: 50px; transition: all .3s; opacity: 0;}
.moyu-idxlink .li .cot em{ width: 100%; line-height: 30px; font-size: 24px; display: block; overflow: hidden;}
.moyu-idxlink .li .cot span{ width: 100%; line-height: 30px; max-height: 90px; font-size: 14px; display: block; overflow: hidden;}
.moyu-idxlink .li .cot a{ float: left; height: 40px; line-height: 40px; font-size: 16px; display: block; overflow: hidden; box-sizing: border-box; padding:0 30px; border: 1px solid #ccc; margin-top: 10px;}
.moyu-idxlink .li .cot a:hover{ background: #008FD7; border-color: #008FD7; color: #fff;}
.moyu-idxlink .li img{ width: 100%; float: left;}
.moyu-idxlink .li:hover{transition: all .3s; cursor: pointer;}
.moyu-idxlink .li:hover .lam{ border-color: #008FD7;}
.moyu-idxlink .li:hover .lam label{ margin-left: 20px; color: #008FD7;}
.moyu-idxlink .li:hover .lam{ opacity: 0;}
.moyu-idxlink .li:hover .cot{ display: block; opacity: 1; bottom: 0;}

.moyu-idxabout{ width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; z-index: 1;}
.moyu-idxabout::after{ content: ''; width: 57%; top: 0; bottom: 0; right: 0; background: #f5f5f5; position: absolute; z-index: -1;}
.moyu-idxabout .sub{ width: 100%; max-width: 1200px; display: block; overflow: hidden; margin: 70px auto;}
.moyu-idxabout .sub .top{ width: 100%; display: block; overflow: hidden;}
.moyu-idxabout .sub .top .lam{ width: 39.5%; display: block; overflow: hidden; float: left;}
.moyu-idxabout .sub .top .lam em{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 18px; background: url('../img/lambac.png') no-repeat left bottom; padding-bottom: 10px;}
.moyu-idxabout .sub .top .lam span{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 18px; margin-top: 20px;}
.moyu-idxabout .sub .top .lam p{ width: 100%; display: block; overflow: hidden; line-height: 50px; font-size: 30px; margin-top: 10px;}
.moyu-idxabout .sub .top .info{ width: 55%; display: block; overflow: hidden; float: right;}
.moyu-idxabout .sub .top .info .det{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 16px;}
.moyu-idxabout .sub .top .info .more{ float: left; line-height: 40px; padding: 0 20px; border: 1px solid #ddd; font-size: 14px; margin-top: 50px; display: block; overflow: hidden;}
.moyu-idxabout .sub .top .info .more:hover{ background: #008FD7; border-color: #008FD7; color: #fff;}
.moyu-idxabout .sub .bot{ width: 98%; display: block; overflow: hidden; margin: 70px auto 10px auto; background: #fff; box-shadow: 0 0 10px #eee;}
.moyu-idxabout .sub .bot a{ width: 25%; min-height: 150px; float: left; display: block; overflow: hidden; text-align: center; box-sizing: border-box; position: relative;}
.moyu-idxabout .sub .bot a::after{content: ''; width: 1px; top: 25px; bottom: 25px; right: 0; background: #eee; position: absolute;}
.moyu-idxabout .sub .bot a img{ height: 60px; margin: 25px auto 0 auto; display: block; overflow: hidden; transition: all .3s;}
.moyu-idxabout .sub .bot a .lam{ width: 100%; display: block; font-size: 24px; line-height: 40px; transition: all .3s; margin-bottom: 25px;}
.moyu-idxabout .sub .bot a .dec{ width: 100%; height: 0; display: block; overflow: hidden; line-height: 24px; font-size: 14px;}
.moyu-idxabout .sub .bot a:last-child{ border: none;}
.moyu-idxabout .sub .bot a:hover img{ opacity: 0;}
.moyu-idxabout .sub .bot a:hover .lam{ background: #008FD7; color: #fff; position: absolute; width: 100%; top: 0; left: 0; bottom: 0; margin: 0; box-sizing: border-box; padding-top: 25px;}
.moyu-idxabout .sub .bot a:hover .dec{ height: auto; color: #fff;}
.moyu-idxabout .sub .bot a:hover::after{ width: 0;}

.moyu-idxnum{ width: 100%; max-width: 1480px; height: 200px; background-size: cover !important; margin: 0 auto; display: block; overflow: hidden;}
.moyu-idxnum .sub{ width: 100%; max-width: 1200px; display: block; overflow: hidden; margin: 60px auto; position: relative;}
.moyu-idxnum .sub ul li{ width: 20%; float: left; text-align: center; display: block; overflow: hidden; color: #fff; font-size: 16px; line-height: 30px;}
.moyu-idxnum .sub ul li em{ width: 100%; line-height: 50px; font-size: 40px; display: block; overflow: hidden; position: relative;}
.moyu-idxnum .sub ul li em i{ width: 20px; height: 20px; background: #008FD7; border-radius: 50%; line-height: 20px; font-size: 14px; text-align: center; display: inline-block; position: absolute; top: 0;}

.moyu-idxhor{ width: 100%; display: block; overflow: hidden; background-size: auto 100% !important; min-height: 680px; margin: 0 auto;}
.moyu-idxhor .sub{ width: 100%; max-width: 1200px; display: block; overflow: hidden; margin: 120px auto; position: relative;}
.moyu-idxhor .sub .cot{ width: 35%; background: #fff; box-sizing: border-box; padding: 40px; display: block; overflow: hidden;}
.moyu-idxhor .sub .cot .tit{ width: 100%; line-height: 50px; font-size: 30px; display: block; overflow: hidden;}
.moyu-idxhor .sub .cot .det{ width: 100%; line-height: 30px; font-size: 14px; height: 240px; display: block; overflow: hidden; margin: 20px auto;}
.moyu-idxhor .sub .cot .more{ line-height: 30px; font-size: 14px; height: 30px; display: block; overflow: hidden; float: left;}
.moyu-idxhor .sub .cot .more em{ float: left; line-height: 30px; font-size: 16px; height: 30px;}
.moyu-idxhor .sub .cot .more label{ width: 30px; height: 30px; background: url('../img/icon-more.png'); background-size: 100% 100%; display: block; float: left; margin-left: 30px; transition: all .3s;}
.moyu-idxhor .sub .cot .more:hover label{ transform: rotate(45deg);}

.moyu-idxnew{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 70px auto 0 auto; position: relative;}
.moyu-idxnew .cot{ width: 100%; display: block; overflow: hidden; margin-top: 30px; min-height: 455px;}
/* .moyu-idxnew .cot ul li{width: 32.5%; margin: 0 1.25% 0 0; float: left; display: block; overflow: hidden; background: #f5f6f7;}
.moyu-idxnew .cot ul li .pic{ width: 100%; height: 240px; display: flex; align-items: center; overflow: hidden;}
.moyu-idxnew .cot ul li .pic img{ margin: 0 auto; max-width: 100%; transition: all .3s;}
.moyu-idxnew .cot ul li .type{ width: 100%; height: 20px; line-height: 20px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 20px auto 0 auto; transition: all .3s;}
.moyu-idxnew .cot ul li .tit{ width: 100%; height: 90px; line-height: 30px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 5px auto 0 auto; transition: all .3s;}
.moyu-idxnew .cot ul li .time{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 14px; margin: 10px auto 30px auto; box-sizing: border-box; padding: 0 30px;}
.moyu-idxnew .cot ul li .time label{ width: 30px; height: 30px; background: url('../img/icon-more2.png'); background-size: 100% 100%; display: block; float: right; margin-left: 30px; transition: all .3s;}
.moyu-idxnew .cot ul li:hover .time label{ background: url('../img/icon-more.png'); background-size: 100% 100%; transform: rotate(45deg);}
.moyu-idxnew .cot ul li:hover .pic img{ transform: scale(1.1);}
.moyu-idxnew .cot ul li:nth-child(3n){ float: right; margin-right: 0;} */
.moyu-idxnew .cot .swiper-container{ transition: all .3s;}
.moyu-idxnew .cot .swiper-slide{width: 100%; display: block; overflow: hidden; background: #f5f6f7;}
.moyu-idxnew .cot .swiper-slide .pic{ width: 100%; height: 240px; display: flex; align-items: center; overflow: hidden;}
.moyu-idxnew .cot .swiper-slide .pic img{ margin: 0 auto; max-width: 100%; transition: all .3s;}
.moyu-idxnew .cot .swiper-slide .type{ width: 100%; height: 20px; line-height: 20px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 20px auto 0 auto; transition: all .3s;}
.moyu-idxnew .cot .swiper-slide .tit{ width: 100%; height: 90px; line-height: 30px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 5px auto 0 auto; transition: all .3s;}
.moyu-idxnew .cot .swiper-slide .time{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 14px; margin: 10px auto 30px auto; box-sizing: border-box; padding: 0 30px;}
.moyu-idxnew .cot .swiper-slide .time label{ width: 30px; height: 30px; background: url('../img/icon-more2.png'); background-size: 100% 100%; display: block; float: right; margin-left: 30px; transition: all .3s;}
.moyu-idxnew .cot .swiper-slide:hover .time label{ background: url('../img/icon-more.png'); background-size: 100% 100%; transform: rotate(45deg);}
.moyu-idxnew .cot .swiper-slide:hover .pic img{ transform: scale(1.1);}
.moyu-idxnew .cot .swiper-slide:nth-child(3n){ float: right; margin-right: 0;}


@media screen and (max-width: 768px) {
	.moyu-ban{ margin-top: 80px;}
	.moyu-idx-lam .link{ float: left; margin-top: 20px;}
	.moyu-idx-lam .link a{ margin: 0 20px 0 0;}
	.moyu-idxpro ul li{ width: 100%; height: auto;}
	.moyu-idxpro ul li .sub{ height: auto;}
	.moyu-idxpro ul li .sub .lam{ position: static; margin-top: 20px;}
	.moyu-idxpro ul li .sub .more{ position: static;}
	.moyu-idxpro ul li .sub img{ width: 50%; height: auto;}
	.moyu-idxlink .li{ width: 100%;}
	.moyu-idxabout .sub .top{ width: 90%; margin: 0 auto;}
	.moyu-idxabout .sub .top .lam{ width: 100%;}
	.moyu-idxabout .sub .top .info{ width: 100%; margin-top: 20px;}
	.moyu-idxabout .sub .bot{ width: 90%;}
	.moyu-idxabout .sub .bot a{ width: 100%; border-right: 0; border-bottom: 1px solid #eee;}
	.moyu-idxnum{ height: auto;} 
	.moyu-idxnum .sub ul li{ width: 100%; margin-top: 20px;}
	.moyu-idxhor .sub{ margin: 0 auto;}
	.moyu-idxhor .sub .cot{ width: 90%; margin: 5%;}
	.moyu-idxnew .cot ul li{width: 100%; margin: 0 0 20px 0;}
	
}

/* Link */
.moyu-breadlink{ width: 90%; max-width: 1200px; margin: 110px auto 0 auto; display: block; overflow: hidden; padding: 15px 0;}
.moyu-breadlink a{ float: left; margin-right: 20px; padding-right: 20px; line-height: 30px; display: block; overflow: hidden; position: relative; font-size: 14px; text-decoration: underline;}
.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;}

/* Top Lam */
.moyu-toplam{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #008FD7; text-align: center; color: #fff; font-size: 14px; line-height: 30px; padding: 20px 0;}
.moyu-toplam em{ width: 100%; display: block; overflow: hidden; font-size: 30px; font-weight: bold; line-height: 40px;}

/* lanms */
.moyu-lams{ width: 100%; display: block; overflow: hidden; background: #fff; box-shadow: 0 0 10px #ddd;}
.moyu-lams .sub{ max-width: 1200px; margin: 0 auto;}
.moyu-lams .sub a{ float: left; height: 70px; line-height: 70px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px;}
.moyu-lams .sub a.active{ background: #008FD7; color: #fff;}
.moyu-lams .sub a:hover{ background: #008FD7; color: #fff;}
@media screen and (max-width: 768px) {
	.moyu-lams .sub a{ min-width: 33.33%; text-align: center; padding: 0;}
}

/* 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; transition: all .3s}
.moyu-page li:hover{ background: #008FD7; color: #fff; border-color: #008FD7;}
.moyu-page li:hover a{ color: #fff}
.moyu-page li.active{ background: #008FD7; color: #fff; border-color: #008FD7;}

/* Info */
.moyu-skin-info{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto; line-height: 30px;}
.moyu-skin-info .info-tit{ width: 100%; display: block; overflow: hidden; line-height: 40px; font-size: 30px; text-align: center;}
.moyu-skin-info .info-detail{ width: 100%; display: block; overflow: hidden; line-height: 30px; margin-top: 20px; min-height: 300px;}

.moyu-mains{ width: 100%; max-width: 1200px; margin: 70px auto;}

/* Product */
.moyu-pro{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-pro .pro-type{ width: 20%; display: block; overflow: hidden; float: left;}
.moyu-pro .pro-type em{ width: 100%; line-height: 80px; background: #008FD7; color: #fff; text-indent: 30px; font-size: 30px; display: block; overflow: hidden; margin-bottom: 20px;}
.moyu-pro .pro-type a{ width: 100%; float: left; height: 50px; line-height: 50px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; background: #f1f1f1; margin-bottom: 10px;}
.moyu-pro .pro-type a.active{ background: #008FD7; color: #fff;}
.moyu-pro .pro-type a:hover{ background: #008FD7; color: #fff;}


.moyu-pro .pro-cot{ width: 80%; float: right; display: block; overflow: hidden;}
.moyu-pro .pro-cot ul li{width: 30%; margin: 0 0 3.33% 3.33%; float: left; display: block; overflow: hidden; position: relative; background: #f5f6f7;}
.moyu-pro .pro-cot ul li span{ width: 100%; height: 240px; display: flex; align-items: center; overflow: hidden; box-sizing: border-box; border-bottom: 2px solid #eee; 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: 70%; height: 60px; line-height: 30px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 30px 0; transition: all .3s; float: left;}
.moyu-pro .pro-cot ul li label{ position: absolute; right: 30px; bottom: 45px; width: 30px; height: 30px; background: url('../img/icon-more2.png'); background-size: 100% 100%; display: block; float: right; margin-left: 30px; transition: all .3s;}
.moyu-pro .pro-cot ul li:hover span img{ transform: scale(1.1);}
.moyu-pro .pro-cot ul li:hover label{ background: url('../img/icon-more.png'); background-size: 100% 100%; transform: rotate(45deg);}

.moyu-protop{ width: 100%; display: block; overflow: hidden; margin: 80px auto 0 auto; background: #f5f6f7;}
.moyu-protop .sub{width: 100%; max-width: 1200px; display:block; overflow: hidden; margin: 50px auto;}
.moyu-protop .sub .linfo{width: 35%; display:block; overflow: hidden; float: right; margin-top: 50px;}
.moyu-protop .sub .ltit{width: 100%; line-height: 40px; font-size: 30px; display:block; overflow: hidden; position: relative; padding-bottom: 20px; border-bottom: 2px solid #eee;}
.moyu-protop .sub .ltit::after{ content: ''; width: 100px; height: 2px; background: #008FD7; position: absolute; left: 0; bottom: 0;}
.moyu-protop .sub .lp{width: 100%; display:block; overflow: hidden; margin-top: 30px}
.moyu-protop .sub .lp p{width: 100%; display:block; overflow: hidden; line-height: 30px; padding: 0 0 0 30px; font-size: 16px; box-sizing: border-box; position: relative;}
.moyu-protop .sub .lp p::after{ content: ''; width: 10px; height: 10px; border: 2px solid #008FD7; left: 0; top: 50%; margin-top: -7px; position: absolute; border-radius: 50%;}

.moyu-protop .sub .lpic{width: 60%; display:block; overflow: hidden; float: left;}
.moyu-protop .sub .lpic .pic-i{ width: 75%; float: right; box-sizing: border-box; border: 1px solid #ddd; background: #fff;}
.moyu-protop .sub .lpic .pic-i img{ width: 100%; float: left; transition: all .3s;}
.moyu-protop .sub .lpic .pic-o{ width: 20%; display: block; overflow: hidden; float: left;}
.moyu-protop .sub .lpic .pic-o span{ width: 100%; height: 80px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; display: flex; align-items: center; overflow: hidden; float: left; margin-bottom:20px; cursor: pointer; transition: all .3s;}
.moyu-protop .sub .lpic .pic-o span img{ max-width: 100%; margin: 0 auto;}
.moyu-protop .sub .lpic .pic-o span:hover{ border-color:#008FD7;}
.moyu-protop .sub .lpic .pic-o span.active{ border:2px solid #008FD7;}

.moyu-procot{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 0 auto;}
.moyu-procot .left{width: 70%; float: left; display:block; overflow: hidden;}
.moyu-procot .left .ltype{ width: 100%; line-height: 50px; font-size: 24px; display: block; overflow: hidden;  margin-top: 50px;}
.moyu-procot .left .lcot{ width: 100%; line-height: 30px; font-size: 14px; display: block; overflow: hidden; min-height: 300px; margin-top: 30px;}
.moyu-procot .left .lcot img,video{ max-width: 100%;}

.moyu-procot .right{width: 25%; float: right; display:block; overflow: hidden; margin-top: 50px; background: #f5f6f7;}
.moyu-procot .right span{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 14px; box-sizing: border-box; padding: 3px 20px; font-size: 24px; margin: 10px auto;}
.moyu-procot .right p{ width: 100%; display: block; overflow: hidden; line-height: 24px; font-size: 14px; box-sizing: border-box; padding: 3px 20px 3px 50px; position: relative;}
.moyu-procot .right p::after{ content: ''; width: 10px; height: 10px; border: 2px solid #008FD7; left: 20px; top: 50%; margin-top: -7px; position: absolute; border-radius: 50%;}
.moyu-procot .right img{ max-width: 100%; margin-bottom: 10px;}
.moyu-procot .right a{ width: 50%; text-align: center; line-height: 40px; background: #008FD7; color: #fff; margin: 20px auto; display: block; overflow: hidden;}

@media screen and (max-width: 768px) {
	.moyu-pro .pro-type{ width: 100%;}
	.moyu-pro .pro-cot{ width: 100%;}
	.moyu-pro .pro-cot ul li{width: 100%; margin: 0 0 20px 0;}
	.moyu-protop .sub{ width: 90%;}
	.moyu-protop .sub .linfo{width: 100%; margin-top: 20px;}
	.moyu-protop .sub .lpic{width: 100%;}
	.moyu-protop .sub .lpic .pic-i{ width: 100%;}
	.moyu-protop .sub .lpic .pic-o{ width: 100%;}
	.moyu-protop .sub .lpic .pic-o span{ width: 24%; margin: 0 1% 1% 0;} 
	.moyu-procot .left{width: 100%;}
	.moyu-procot .right{ display: none;}
}


/* news */
.new-cot{ width: 100%; display: block; overflow: hidden; margin: 30px auto 0 auto;}
.new-cot ul li{width: 31%; margin: 0 3.5% 3.5% 0; float: left; display: block; overflow: hidden; background: #f5f6f7;}
.new-cot ul li .pic{ width: 100%; height: 240px; display: flex; align-items: center; overflow: hidden;}
.new-cot ul li .pic img{ margin: 0 auto; max-width: 100%; transition: all .3s;}
.new-cot ul li .type{ width: 100%; height: 20px; line-height: 20px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 20px auto 0 auto; transition: all .3s;}
.new-cot ul li .tit{ width: 100%; height: 90px; line-height: 30px; font-size: 18px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; margin: 5px auto 0 auto; transition: all .3s;}
.new-cot ul li .time{ width: 100%; display: block; overflow: hidden; line-height: 30px; font-size: 14px; margin: 10px auto 30px auto; box-sizing: border-box; padding: 0 30px;}
.new-cot ul li .time label{ width: 30px; height: 30px; background: url('../img/icon-more2.png'); background-size: 100% 100%; display: block; float: right; margin-left: 30px; transition: all .3s;}
.new-cot ul li:hover .time label{ background: url('../img/icon-more.png'); background-size: 100% 100%; transform: rotate(45deg);}
.new-cot ul li:hover .pic img{ transform: scale(1.1);}
.new-cot ul li:nth-child(3n){ float: right; margin-right: 0;}

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

.moyu-detail{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-detail .title{ width: 100%; line-height: 40px; font-size: 30px; display: block; overflow: hidden;}
.moyu-detail .label{ width: 100%; line-height: 40px; font-size: 14px; display: block; overflow: hidden;}
.moyu-detail .label label{ float: left; margin-right: 20px;}
.moyu-detail .cot{ width: 100%; line-height: 30px; font-size: 14px; display: block; overflow: hidden; min-height: 300px; margin-top: 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0;}
.moyu-detail .cot img,video{ max-width: 100%;}
.moyu-detail .urls{ width: 100%; line-height: 40px; display: block; overflow: hidden; margin: 30px 0; font-size: 14px;}
.moyu-detail .urls a{ float: left; width: 40%;}
.moyu-detail .urls a.back{ float: left; width: 20%; height: 40px; background: #008FD7; color: #fff; text-align: center;}
.moyu-detail .urls a.next{ text-align: right;}

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


/* contact */
.moyu-contact{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-contact .lam{ width: 100%; text-align: center; font-size: 30px; display: block; overflow: hidden;}
.moyu-contact .num{ width: 100%; display: block; overflow: hidden;}
.moyu-contact .numli{ width: 32%; display: block; overflow: hidden; line-height: 30px; font-size: 16px; margin: 2% 2% 0 0; float: left; background: #f6f6f6; min-height: 200px; box-sizing: border-box; padding: 30px;}
.moyu-contact .numli:last-child{ margin-right: 0; float: right;}
.moyu-contact .numli em{ width: 100%; border-bottom: 1px solid #ddd; line-height: 50px; font-size: 18px; display: block; overflow: hidden; margin-bottom: 10px;}
.moyu-contact .numli em img{ height: 30px; margin: 10px 10px 0 0; float: left;}
.moyu-contact .map{ width: 100%; height: 400px; position: relative; background: #f6f6f6; margin-top: 30px; display: block; overflow: hidden;}
.moyu-message{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #f1f1f1;}
.moyu-message .sub{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-message .left{ float: left; width: 30%; line-height: 30px; font-size: 16px; margin-top: 50px;}
.moyu-message .left em{ width: 100%; line-height: 50px; font-size: 30px; display: block; overflow: hidden; margin-bottom: 10px;}
.moyu-message .form{ float: right; width: 50%; display: block; overflow: hidden; background: #fff; box-sizing: border-box; padding: 30px;}
.moyu-message .form input{ width: 49%; height: 50px; line-height: 50px; border: none; border-bottom: 1px solid #ddd; background: none; font-size: 16px; float: left; margin: 0 1% 20px 0; display: block; overflow: hidden; outline: none; transition: all .3s;}
.moyu-message .form input:focus{ border-color: #008FD7;}
.moyu-message .form input.i2{ width: 99%;}
.moyu-message .form button{ width: 50%; height: 50px; line-height: 50px; border: none; background: #008FD7; color: #fff; text-align: center; font-size: 16px; float: left; display: block; overflow: hidden; cursor: pointer; transition: all .3s; margin-top: 30px;}
.moyu-message .form button:hover{ background: #008FD7;}
@media screen and (max-width: 768px) {
	.moyu-contact .num{ margin-top: 30px;}
	.moyu-contact .numli{ width: 100%; margin: 2% 0 0 0; min-height: auto;}
	.moyu-message .left{ width: 100%; margin: 0;}
	.moyu-message .form{ width: 100%; margin: 20px 0 0 0;}
}




.moyu-about-ay{ width: 90%; max-width: 1200px; display: block; overflow: hidden; min-height: 300px; margin: 70px auto 0 auto;}
.about-tit{ font-size: 30px; width: 100%; text-align: center; display: block; overflow: hidden; line-height: 40px;}
.moyu-about-ay .cot{ font-size: 16px; width: 100%; text-align: justify; display: block; overflow: hidden; line-height: 30px; margin: 20px auto 0 auto;}
.moyu-about-ay .spans{ width: 100%; display: block; overflow: hidden; margin-top: 50px;}
.moyu-about-ay .spans-li{ width: 20%; margin-right: 2%; height: 360px; display: block; overflow: hidden; background-size: cover !important; background-position: center center; box-sizing: border-box; padding: 50px 30px; float: left; transition: all .5s;}
.moyu-about-ay .spans-li:last-child{ margin: 0;}
.moyu-about-ay .spans-li.active{ width: 56%;}
.moyu-about-ay .spans-li img{ height: 70px; margin: 0 auto; display: block; overflow: hidden;}
.moyu-about-ay .spans-li em{ margin: 10px auto 0 auto; display: block; overflow: hidden; width: 100%; line-height: 30px; font-size: 20px; color: #fff; text-align: center;}
.moyu-about-ay .spans-li span{ margin: 30px auto 0 auto; display: none; overflow: hidden; width: 100%; line-height: 30px; font-size: 16px; color: #fff; max-height: 60px; text-align: center;}
.moyu-about-ay .spans-li.active span{ display: block;}

.moyu-about-ov{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto 0 auto;}
.moyu-about-ov ul li{ width: 23.5%; margin: 30px 2% 0 0; float: left; background: #f6f6f6; box-sizing: border-box; padding: 50px 30px; min-height: 300px; display: block; overflow: hidden;}
.moyu-about-ov ul li:last-child{ margin-right: 0; float: right;}
.moyu-about-ov ul li span{ width: 100px; height: 100px; margin: 0 auto; display: block; overflow: hidden; background: #fff; border-radius: 50%;}
.moyu-about-ov ul li img{ height: 60px; margin: 20px auto; display: block; overflow: hidden; transition: all .3s;}
.moyu-about-ov ul li em{ width: 100%; text-align: center; font-size: 18px; display: block; overflow: hidden; margin-top: 10px;}
.moyu-about-ov ul li:hover span img { margin: 10px auto;}
.moyu-about-hq{ width: 90%; max-width: 1200px; display: block; overflow: hidden; min-height: 300px; margin: 70px auto;}
.moyu-about-hq .honor{ width: 100%; position: relative; margin-top: 30px;}
.moyu-about-hq .honor img{ transition: all .3s; box-sizing: border-box; border: 1px solid #ddd; cursor: pointer;}
.moyu-about-hq .honor img:hover{ border: 1px solid #008FD7;}
.moyu-about-hq .honor em{ width: 100%; text-align: center; font-size: 16px; display: block; overflow: hidden; line-height: 30px; margin-top: 10px;}

.moyu-about-cp{ width: 100%; display: block; overflow: hidden; min-height: 300px; background: #f6f6f6; margin: 70px auto 0 auto;}
.moyu-about-cp .left{ width: 50%; float: left;}
.moyu-about-cp .left .sub{ width: 90%; max-width: 600px; float: right; box-sizing: border-box; padding: 50px 50px 50px 0; display: block; overflow: hidden;}
.moyu-about-cp .left .sub p{ display: block; overflow: hidden; line-height: 30px; font-size: 16px; margin: 20px 0;}
.moyu-about-cp .left .sub p em{ font-size: 24px; display: block; overflow: hidden; width: 100%; margin-bottom: 5px; border-left: 3px solid #008FD7; box-sizing: border-box; padding-left: 20px;}
.moyu-about-cp .right{ width: 50%; min-height: 600px; float: left; background-position: center center !important; background-size: cover !important; transition: all .3s;}
.moyu-about-cp .right:hover{ transform: scale(1.05);}

.moyu-about-dh{ width: 100%; display: block; overflow: hidden; min-height: 300px; margin: 70px auto 0 auto;}
.moyu-about-dh .sub{ width: 90%; max-width: 1200px; display: block; overflow: hidden; margin: 50px auto;}
.moyu-about-dh .sub .about-tit{ text-align: left;}
.moyu-about-dh .sub img{ width: 100%; margin-top: 30px;}

.moyu-about-hj{ width: 100%; display: block; overflow: hidden;margin: 70px auto 0 auto;; background: #f6f6f6;}
.moyu-about-hj .sub{ width: 90%; max-width: 1220px; display: block; overflow: hidden; margin: 70px auto;}
.moyu-about-hj ul{ width: 100%; margin: 20px auto 0 auto; display: block; overflow: hidden;} 
.moyu-about-hj ul li{ width: 23%; margin: 1%; height: 220px; float: left; display: flex; align-items: center; overflow: hidden;}
.moyu-about-hj ul li im{ margin: 0 auto; max-width: 100%; max-height: 100%;}


@media screen and (max-width: 768px) {
	.moyu-about-lam .sub{ width: 90%; display: block; overflow: hidden;}
	.moyu-about-lam .sub a{ height: 50px; line-height: 50px; margin: 0; min-width: 50%; font-size: 16px;}
	.moyu-about-ay{ margin: 30px auto 0 auto;}
	.moyu-about-ay .spans{ margin: 30px auto 0 auto;}
	.moyu-about-ay .spans-li{ width: 100%; margin: 10px 0 0 0; height: auto;}
	.moyu-about-ay .spans-li:last-child{ margin: 10px 0 0 0;}
	.moyu-about-ay .spans-li.active{ width: 100%; margin: 10px 0 0 0;}
	.moyu-about-ay .spans-li span{ display: block;}
	.moyu-about-cp .left{ width: 100%;}
	.moyu-about-cp .left .sub{ margin-right: 5%;}
	.moyu-about-cp .right{ width: 100%; min-height: 300px;}
	.moyu-about-ov{ margin: 30px auto 0 auto;}
	.moyu-about-ov ul li{ width: 100%; margin: 30px 0 0 0; min-height: auto;}
	.moyu-about-hj ul li{ width: 100%; margin: 1% 0 0 0; height: auto; }
	.moyu-about-hj ul li img{ width: 100%;}
}


.moyu-support-down{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #f6f6f6;}
.moyu-support-down .sub{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden; background: #fff; box-sizing: border-box; padding: 50px;}
.moyu-support-lam {  width: 100%; text-align: center; font-size: 30px; display: block; overflow: hidden;}
.moyu-support-down .cot{ width: 100%; display: block; overflow: hidden; margin-top: 30px;}
.moyu-support-down .cot ul li{ width: 100%; display: block; overflow: hidden;}
.moyu-support-down .cot ul li span{ float: left; line-height: 20px; padding: 15px; display: block; overflow: hidden; width: 20%; box-sizing: border-box; font-size: 16px; text-align: center;}
.moyu-support-down .cot ul li span:first-child{ width: 40%; text-align: left; padding-left: 30px;}
.moyu-support-down .cot ul li a{ text-decoration: underline;}
.moyu-support-down .cot ul li:hover{ background: #f6f6f6;}
.moyu-support-down .cot ul li.lam{ background: #008FD7; color: #fff; padding: 5px 0;}
.moyu-support-qa{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background-size: auto 100% !important; }
.moyu-support-qa .moyu-support-lam{ color: #fff;}
.moyu-support-qa .sub{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-support-qa .cot{ width: 100%; display: block; overflow: hidden; margin-top: 10px;}
.moyu-support-qa .cot a{ width: 100%; height: 60px; line-height: 60px; background: #fff; border-radius: 5px; margin-top: 20px; display: block; overflow: hidden; box-sizing: border-box; padding: 0 30px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.moyu-support-qa .cot a:last-child{ margin-bottom: 50px;}
.moyu-support-qa .swiper-pagination-bullet-active{ background-color: #008FD7 !important;}
@media screen and (max-width: 768px) {
	.moyu-support-down .sub{ margin: 30px auto; padding: 30px 10px;}
	.moyu-support-down .cot ul li.lam{ display: none;}
	.moyu-support-down .cot ul li{ border-bottom: 1px solid #ddd;}
	.moyu-support-down .cot ul li span{ width: auto;}
	.moyu-support-down .cot ul li span:first-child{ width: 100%; padding-left: 10px;}
}


.moyu-jobs-text{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden; position: relative;}
.moyu-jobs-text .text-img{ width: 50%; position: absolute;}
.moyu-jobs-text .text-img img{ width: 100%;}
.moyu-jobs-text .text-icon{ width: 110px; position: absolute; z-index: 2; right: 100px; top: 50px; border-bottom: 5px solid #008FD7;}
.moyu-jobs-text .text-icon img{ width: 100%;}
.moyu-jobs-text .text-info{ width: 55%; margin: 100px 10px 10px 0; float: right; background: #fff; box-shadow: 0 0 10px #eee; box-sizing: border-box; display: block; overflow: hidden; min-height: 400px; position: relative; z-index: 1; padding: 70px;}
.moyu-jobs-text .text-info .tit{ width: 100%; font-size: 30px; display: block; overflow: hidden;}
.moyu-jobs-text .text-info .cot{ width: 100%; font-size: 14px; line-height: 32px; display: block; overflow: hidden; margin-top: 20px;}
.moyu-jobs-text .text-info .label{ width: 100%; font-size: 14px; line-height: 32px; display: block; overflow: hidden; margin-top: 20px;}
.moyu-jobs-text .text-info .label label{padding: 0 20px; font-size: 14px; line-height: 40px; display: block; overflow: hidden; margin:0 10px 10px 0; background: #f1f1f1; float: left;}
.moyu-jobs-lam {  width: 100%; text-align: center; font-size: 30px; display: block; overflow: hidden;}

.moyu-jobs-li{ width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #f6f6f6;}
.moyu-jobs-li .sub{ width: 90%; max-width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.moyu-jobs-li .cot{ width: 100%; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.moyu-jobs-li .li{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto; background: #fff}
.moyu-jobs-li .li .tit{ width: 100%; display: block; overflow: hidden; padding: 20px 50px; line-height: 30px; font-size: 16px; box-sizing: border-box; cursor: pointer; transition: all .3s; cursor: pointer;}
.moyu-jobs-li .li .tit em{ float: left; font-size: 20px; min-width: 30%;}
.moyu-jobs-li .li .tit span{ float: left; color: #999; min-width: 50%;}
.moyu-jobs-li .li .tit label{ float: left;}
.moyu-jobs-li .li .tit i{ float: right; width: 30px; height: 30px; text-align: center; display: block; overflow: hidden; transform: rotate(90deg);}
.moyu-jobs-li .li .dec{ width: 100%; display: none; overflow: hidden; padding: 0 50px; line-height: 30px; box-sizing: border-box; font-size: 14px; transition: all .3s;}
.moyu-jobs-li .li.active .tit{ background: #008FD7;}
.moyu-jobs-li .li.active .tit em{ color: #fff;}
.moyu-jobs-li .li.active .tit span{ color: #fff;}
.moyu-jobs-li .li.active .tit label{ color: #fff;}
.moyu-jobs-li .li.active .tit i{ color: #fff; transform: rotate(-90deg);}
.moyu-jobs-li .li.active .dec{ display: block; padding-top: 50px; padding-bottom: 50px; transition: all .3s;}

@media screen and (max-width: 768px) {
	.moyu-jobs-text .text-img{ width: 100%; position: static;}
	.moyu-jobs-text .text-icon{ width: 80px; position: relative; float: right; right: 30px; top: 30px;}
	.moyu-jobs-text .text-info{ width: 98%; margin: -30px 1% 1% 1%; padding: 50px 30px;}
	.moyu-jobs-li .li .tit{ padding: 20px;}
}