@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "Microsoft YaHei"; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;margin-top: -1.9rem;}

/*产品中心*/
.g-cp{width: 100%;height: 51.3rem;padding: 2.3rem 0 0;position: relative; background:url(../images/yin_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-bt{display: block;font-size: 2rem;color: #000;font-weight: bold;text-align: center;width: 100%;position: relative;z-index: 2;height: 5rem;line-height: 2.5rem;overflow: hidden;}
.m-bt span{display: block;font-size: 1.3rem;font-weight: normal;}
.m-bt:before{content: "";width: 56.25%;height: 0.5rem;position: absolute;top: 2.1rem;left: 22%;background: #fdd000;z-index: -1;}
.cp_pic{width: 93.75%;margin: 0 auto;padding: 1rem 0 0;}

.m-cp{width: 37.5%;height: 15.3rem;position: absolute;top: 16.5rem;left: 1rem;padding: 1rem 0 0;}
.m-cp ul{display: inline-block;width: 100%;}
.m-cp ul li{height: 1.7rem;line-height: 1.7rem;overflow: hidden;float: left;width: 36%;padding: 0 0 0 10%;}
.m-cp ul li a{font-size: 1.1rem;color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;width:100%;}
.m-cp ul li:nth-child(5){margin-top: 7rem;}
.m-cp ul li:nth-child(5),.m-cp ul li:nth-child(6){width: 90%;}
.m-cp .yin_code{width: 9rem;position: absolute;top: 5.3rem;left: 10%;}
.m-cp .yin_code span{display: block;width: 5.4rem;height: 5.4rem;float: left;border: #000 2px solid;}
.m-cp .yin_code span img{width: 5.4rem;height: 5.4rem;}
.m-cp .yin_code em{display: block;width: 2.7rem;height: 5.4rem;float: left;border: #000 2px solid;border-left: none;}
.m-cp .yin_code em i{display: block;line-height: 1rem;width: 1.2rem;text-align: center;margin: 0 auto;font-size: 0.8rem;color: #000;padding: 0.6rem 0 0;font-weight: bold;}

.m-fenl ul li{width: 16.66%;float: left;text-align: center;height: 6.8rem;position: relative;}
.m-fenl ul li:before{content: "";width: 1px;height: 100%;position: absolute;top: 0;right: 0;background: #cbcac2;}
.m-fenl ul li a{display: block;}
.m-fenl ul li em{display: block;width: 2.9rem;height: 2.6rem;margin: 0 auto;line-height: 0;overflow: hidden;}
.m-fenl ul li em img{width: 2.9rem;height: 2.6rem;}
.m-fenl ul li span{display: block;font-size: 1.1rem;color: #000;width: 2.5rem;margin: 0 auto;line-height: 1.3rem;padding: 0.8rem 0 0;}
.m-fenl ul li:last-child:before{background: none;}

/*中国味道*/
.g-two{padding: 2.5rem 0 0;position: relative;}
.g-two .m-bt:before{width: 78%;left: 11%;}
.two_pic{width: 100%;line-height: 0;padding: 1.5rem 0 0;}
.m-two{width: 93.75%;position: absolute;top: 12rem;left: 1rem;}
.m-two dl{width: 55%;}
.m-two dl dt{height: 5.5rem;line-height: 2.2rem;position: relative;}
.m-two dl dt:before{content: "";width: 1.5rem;height: 0.2rem;position: absolute;bottom: 0;left: 0;background: #000;}
.m-two dl dt a{font-size: 1.6rem;color: #000;font-weight: bold;display: block;}
.m-two dl dt span{display: block;font-size: 1.2rem;font-weight: normal;}
.m-two dl dd{font-size: 0.9rem;color: #000;padding: 1rem 0 0;line-height: 1.4rem;}
.m-two dl:first-child{height: 20.5rem;margin-left: 45%;}
.m-two dl:first-child dt{text-align: right;}
.m-two dl:first-child dt a{color: #fff;}
.m-two dl:first-child dt:before{left: auto;background: #fff;right: 0;}
.m-two dl:first-child dd{color: #fff;}
.two_logo{width: 6.8rem;height: 6.8rem;position: absolute;top: 24.7rem;left: 12.6rem;}
.two_logo img{width: 6.8rem;height: 6.8rem;}

/*案例*/
.g-case{ width:100%; padding: 2rem 0; overflow:hidden;background: #fdd000;}
.g-case ul li{ width:22.5%; float:left;margin-left: 0.6rem;overflow: hidden;}
.g-case ul li span{ display:block; text-align:center; width:94%;font-size: 0.8rem;color: #444;height: 2rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 3%;}

/*优势*/
.fuw{ overflow:hidden;padding: 2.5rem 7.81% 2rem;width: 84.38%; background:url(../images/ys_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fuw .m-bt:before{width: 54%;left: 23.13%;}
.m-ys{width: 100%;padding: 2rem 0 0;height: 12.6rem;}
.m-ys ul li{font-size: 1.1rem;color: #000;font-weight: bold;width: 10.9rem;float: left;height: 4.3rem;text-align: center;line-height: 1.5rem;margin-bottom: 1rem; background:url(../images/ys_k.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-ys ul li i{display: block;font-weight: normal;padding: 0.5rem 0 0;}
.m-ys ul li:nth-child(2n){float: right;}
.fuw dl{ margin:3rem 0 1.5rem;background: #fdfbf2;width: 100%; opacity: .4;box-shadow: 0 3px 0.5rem 3px rgba(255,255,255,0.3);height: 37.8rem;}
.fuw dl dt{ width:100%;line-height: 0;}
.fuw dl dd{ width:90%;margin: 0 auto;padding: 1.2rem 0 0;}
.fuw dl dd h5{font-size: 1.7rem;color: #000;line-height: 2.5rem;overflow: hidden;height: 2.5rem;padding: 0 0 0.5rem 1.1rem;}
.fuw dl dd p{padding: 0.2rem 0 0;display: inline-block;width: 100%;}
.fuw dl dd p em{display: block;float: left;width: 1.1rem;line-height: 0;padding: 0.8rem 0 0;}
.fuw dl dd p em img{width: 0.25rem;height: 0.25rem;}
.fuw dl dd p span{display: block;float: left;font-size: 1.1rem;color: #666;line-height: 1.8rem;width: 23rem;}
.fuw dl.swiper-slide-active { opacity: 1; }
.switch { display: flex; justify-content: center; align-content: flex-end; }
.switch img { width: 2.75rem; max-width: 100%; }
.switch .swiper-pagination { position: relative; margin: 0 1rem;}
.switch .swiper-pagination-bullet { background: #fdfbf2; width: 0.8rem; opacity: 1; height: 0.8rem; margin: 1.3rem 0.5rem 0 !important;  border-radius: 50%;}
.switch .swiper-pagination-bullet-active { border-radius: 0.5rem; opacity: 1; background: #fdd003;}

/*荣誉资质*/
.g-honor{height: 37.2rem; overflow:hidden;padding: 2.5rem 0 0;width: 100%; background:url(../images/honor_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-honor .m-bt{color: #fff;}
.g-honor .m-bt:before{width: 52%;left: 24%;}
.g-honor p{width: 100%;line-height: 0;padding: 1rem 0 0;}
.g-honor em{display: block;width: 35%;margin: -0.3rem auto 0;position: relative;z-index: 10;}
.g-honor em a{display: block;font-size: 1.1rem;color: #141315;width: 100%;text-align: center;height: 3rem;line-height: 3rem;background: #fdd003;overflow: hidden;}

/*合作客户*/
.g-hz{ width:100%;padding: 2.5rem 0; overflow:hidden; position:relative;background: #fdfbf2;}
.g-hz .m-bt:before{width: 36.88%;left: 31.56%;}
.g-hz .sclwrap_box{ height:16.5rem;overflow: hidden;}
.g-hz .prev,.g-hz .next{ width:1.5rem;height: 3rem;padding-top: 1.5rem;background: #eee; position:absolute; top:46%;z-index: 20;border: #ccc 1px solid;}
.g-hz .prev{left: 0;}
.g-hz .next{ right:0;}
.g-hz .prev img,.g-hz .next img{width: 0.75rem;height: 1.3rem;margin: 0 auto;}
.g-hz .nowarp { margin:0 1rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:28%; float:left;line-height: 0;border: #e2e0d7 1px solid;margin: 1rem 0 0 1.1rem;}
.g-hz .hz_gif{display: block;width: 6.5rem;margin: 0 auto;}
.g-hz .hz_gif img{width: 6.5rem;height: 1rem;}

/**/
.g-about{height: 65.6rem; overflow:hidden;padding: 3rem 0 0;width: 100%; background:url(../images/ab_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl{width: 93.75%;margin: 0 auto;height: 26.1rem;}
.g-about dl dt{width: 7.5rem;height: 7.5rem;float: left;}
.g-about dl dt img{width: 7.5rem;height: 7.5rem;}
.g-about dl dd{width: 19rem;float: left;padding: 0 0 0 1rem;}
.g-about dl dd h5{width: 100%;height: 5.4rem;line-height: 2.2rem;overflow: hidden;position: relative;z-index: 2;}
.g-about dl dd h5:before{content: "";width: 10rem;height: 0.5rem;position: absolute;top: 2.1rem;left: 0;background: #fdd000;z-index: -1;}
.g-about dl dd h5 a{font-size: 2rem;color: #000;}
.g-about dl dd h5 span{display: block;font-size: 1.3rem;font-weight: normal;}
.g-about .ab_desc{font-size: 1rem;color: #000;line-height: 1.5rem;height: 13.5rem;overflow: hidden;padding: 1.8rem 0 0;}
.g-about dl dd b{display: block;font-size: 1.1rem;color: #000;padding: 0.5rem 0 0;height: 3rem;line-height: 3rem;}
.ab_pic{line-height: 0;padding: 0 0 0 2.5rem;width: 28.55rem;}
.m-about{width: 93.75%;margin:0 auto;padding: 2.3rem 0 0;}
.m-about h5{font-size: 1.4rem;color: #fff;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.m-about h5 em{width: 1.4rem;height: 1.4rem;display: block;float: right;line-height: 0;padding: 0.7rem 0 0;}
.m-about h5 em img{width: 1.4rem;height: 1.4rem;}
.m-about p{font-size: 0.9rem;color: #e2e3e2;line-height: 1.5rem;height: 7.5rem;overflow: hidden;padding: 0.5rem 0 0;}
.m-about span{display: block;width: 100%;line-height: 0;}
.ab_m{position: absolute;top: 1rem;left: 1.5rem;width: 12rem;}
.about01{width: 14.95rem;position: relative;}
.about02{width: 100%;position: relative;margin-top: 0.2rem;}
.about02 .ab_m{top: 1.8rem;width: 27rem;}

/**/

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}