@charset "UTF-8";
/*@import"M_plug/layer.css";*/
/*@import"animate.min.css";*/
@import"M_font.css";

html,body, .wrap {position: relative; height: 100%; width: 100%;; margin:0 auto; overflow: hidden; }
body {background: #F5F5F5; color: #434343;}
.wrap{}
.fp-tableCell {_display: block; }

/*导航*/
.header {position: absolute; z-index: 100; background: #fff; width: 100%; top: 0; left: 0;}

.navArea {max-width: 1100px; margin: 0 auto; position: relative;}
.logoBox {float: left; padding: 4px 0;}

.navBox {position: absolute; bottom: 0; top: 0; right: 0;}
.navBox ul {height: 100%;}

.navBox li {float: left; text-align: center; width: 8.5rem; height: 100%; line-height: 3.5rem; border-bottom: 0.4rem solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; ; 
}
.navBox li.active {border-bottom-color: #d73240;}

.navBox li a {display: block; height: 100%; width: 100%;  color: #454d63;}
.navBox li.active a {color: #d73240;}


.navBox em,
.navBox span {display: inline-block; vertical-align: middle; }
.navBox em {margin-right: 0.5rem; font-size: 1.2rem;}


.content {position: relative; height: 100%; width: 100%; }
.cont_main {position: relative; height: 100%; width: 100%;}
.page {position: relative; height: 100%; width: 100%; overflow: hidden;}
.pageBg {background-image: url(../img/pageBg1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.pageWhite {background-color:#efefef;}
.pageRed {background-color:#d73240;}

.imgBox,
.smallImgBox {position: relative; height: 100%; max-width: 1100px;  margin: 0 auto;  overflow: hidden; }
.smallImgBox { max-width: 700px; }


.imgBox .iphoneImg {position:absolute; margin: 0 auto; bottom: -100%; left: 0; margin-left: 0rem; width: 26rem;}
.imgBox .font_ddj {position:absolute; margin:0 auto; right: 0; margin-left: 0rem; top: 20%; margin-top: 0rem; width: 24rem; opacity: 0;}

/*我们优势*/
.imgBox .fontBox {width: 20rem; margin: 10rem auto 0;}
.imgBox .goodPart {position: relative; height: 100%; margin-top: 3.5rem; }
.imgBox .goodPart ul {margin: 0 auto; position: relative; height: 100%;  overflow: hidden;}
.imgBox .goodPart li {width: 25%; text-align: center; float: left; font-size: 0.8rem;}

.goTop {margin-top: -100%; opacity: 0;}
.goBot {margin-top: 100%; opacity: 0;}

/*商家*/
.imgBox .shoplist {position: absolute; left: 0; bottom:10rem; width: 100%;}

.imgBox .shoplist ul {margin: 0 auto 0; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}
.imgBox .shoplist li {float: left; width: 25%;}
.imgBox .shoplist li span {display: block; padding: 50%; opacity: 0;}
.imgBox .shoplist li img {display: block; height: 100%; width: 100%;}

/*关注我们*/
.imgBox .aboutUs {margin: 5rem auto 0; position: relative;}
.imgBox .xiaoge {position:absolute; left: 50%; margin-left: -20rem; top: -2rem; width: 16rem;}
.imgBox .ewmBox {position:absolute; left: 50%; margin-left: -4rem; top: 0; width: 22rem; }
.imgBox .ewmBox  .ewm {opacity: 0; width:70%;}


/* 底部 */
.footInfo {position: absolute; left: 0; width: 100%; bottom: 0; background: #5a5a5a; padding: 2px;}
.footInfo p {text-align: center; color: #fff;  line-height: 25px; font-size: 14px;}
.footInfo p a {color: #fff;}
.footInfo p a:hover {color: #666;}

/* 关于我们  */
.aboutUsArea {position: relative; height: 100%; max-width: 1100px;  margin: 0 auto;  }
.infoStyle {position: absolute; top: 8rem;}
.aboutUsInfo {width: 64%; left: 0; height: 100%;}
.cerficationBox { height: 700px;}
.cerficationBox .martop { margin-top: 20px;}
.contactInfo {right: -6rem;}

.infoStyle h2 {color: #d73240; margin-bottom: 24px; font-weight: 700; font-size: 1.5rem;}
.infoStyle h4 {font-size: 1.6rem; font-weight: 100;}

.infoStyle p {color:#272727; font-size: 1rem; line-height: 1.6rem; margin: 0.5rem 0;}
.infoStyle .textInfo {text-indent: 2rem; }
.infoStyle img {margin-top: 1rem; display: block;}







/* 宽度调试 */

/**************  PC端   *****************/
@media screen and (max-width:1366px){
	/*首页*/
	.imgBox {max-width: 900px;}
   	.imgBox .iphoneImg {width: 18rem;}
   	.imgBox .font_ddj {width: 18rem;}
   	.imgBox .fontBox {margin: 8rem auto 0;}
   	.imgBox .goodPart {margin-top: 0.5rem;}
   	.imgBox .goodPart ul,
   	.imgBox .shoplist ul {width: 75%;}
   	/*关于我们*/ 
   	
}


@media screen and (max-width:1280px){
   	/*关于我们*/ 
}



@media screen and (max-width:1100px){
   .imgBox .iphoneImg {left: 50%; margin-left: -27rem;}
   .imgBox .font_ddj {right: auto; left: 50%; margin-left: 6rem; }
}



@media screen and (max-width:1024px){
	/*首页*/
	.navArea {max-width: 900px;} 
   	.imgBox .fontBox {width: 18rem;}
   	
   	/*关于我们*/ 
}

@media screen and (max-width:970px){
	/*首页*/
	.imgBox {max-width: 650px;}
   	.imgBox .iphoneImg {width: 14rem; margin-left: -18rem;}
   	.imgBox .font_ddj {width: 15rem; margin-left: 4rem;}
   	.imgBox .fontBox {margin: 6rem auto 0; width: 16rem;}
   	.imgBox .goodPart {margin-top: 0.5rem;}
   	
   	.imgBox .shoplist {bottom: 6rem;}
	
   	/*关于我们*/
   	/*关于我们*/
	.aboutUsArea {position: absolute; max-width: 100%; top: 3rem; bottom: 5rem; left: 0; overflow-y: scroll; height: auto; padding:0.5rem 0}

}



@media screen and (max-width:800px){
	/*首页*/
	
	/*关于我们*/
   	.navArea {max-width: 600px;}
   	.footInfo {padding: 5px;}
   	.footInfo p {font-size: 12px;}
}


/**************  手机端   *****************/

@media screen and (max-width:600px){ 
	/*首页*/
	.imgBox .shoplist ul {width: 45%; }
	.imgBox .shoplist li {width: 50%;}
	
	/*关于我们*/
}

@media screen and (max-width:414px){
	/*首页*/
	.logoBox {width: 45%;}
	.navBox li {width: 6.5rem;}
	.imgBox .iphoneImg {width: 16rem; margin-left: -8rem;}
	.imgBox .font_ddj {width: 12rem; margin-left: -6rem; top: 6rem;}
	.imgBox .fontBox {margin: 6rem auto 0;}
	
	
	.imgBox .goodPart ul {width: 52%;}
	.imgBox .goodPart li {width: 50%;}
	.goTop {float: left;}
	.goBot {float: right;}
	
	.imgBox .shoplist ul {width: 60%; }
	.imgBox .shoplist {bottom: 6rem;}
	
	/*关于我们*/
	 
}


@media screen and (max-width:384px){
	/*首页*/
	.imgBox .shoplist {bottom: 8rem;}
	.footInfo p {font-size: 0.8rem; line-height: 1.2rem;}
	
	/*关于我们*/
	
}


@media screen and (max-width:360px){
	/*首页*/
	
	/*关于我们*/
}


@media screen and (max-width:320px){
	/*首页*/
	
	/*关于我们*/
}


.contentBox {
    position: absolute;
    top: 64px;
    bottom: 80px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    right: 0;
}
.leftList { position: absolute; left: 0; width: 25%; top: 90px;}
.leftList h2 {margin-bottom: 24px; font-weight: 600; font-size: 16px;}
.leftList li {line-height: 36px; font-size: 16px; color: #8f8f8f; text-indent: 1em; cursor: pointer;}
.leftList li.active {font-weight: 700; color: #000;}

.rightList { position: absolute; right: 0; width: 75%; top: 75px; bottom: 20px; overflow-y: auto; overflow-x: hidden;}
 
.infoStyle .colorRed {color:#d73240;}


/* 工商网监 */
.ebsgoviconBox {position: absolute; height: 45px; width: 32px; top: 10px; left: 50%; margin-left: 138px; }
.ebsgoviconBox a { margin: 0 auto; display: block;}
.ebsgoviconBox img {height: 45px; width: 32px;}



/***************************************** 公共 s  *******************************************/
/*浏览器建议提示*/
.shadowTip {position: absolute; left: 0; top: 0; bottom: 0; width: 100%;  z-index: 100; background:#000; opacity:1;filter: alpha(opacity=100);}
.updateTip {position: absolute; left: 50%; top: 50%; height: 250px; width: 400px; margin-left: -200px; margin-top: -125px;  background: #fff; filter: alpha(opacity=100); opacity:1; z-index: 110; padding: 20px;}
.updateTip li {margin: 12px auto; text-align: center;  }
.updateTip li:hover {}
.updateTip li a {color: #F16F5C; font-weight: bold;}
.updateTip li a:hover {color: #373737;}
.updateTip .btn {width: 100%; border: 0; outline: 0; height: 40px; display: block; margin: 0 auto; text-align: center; line-height: 40px; cursor: pointer;}
.btn-warning {background: #FF2222; color: #fff;}