a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#f3f3f3;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

body { background:#fff;}
.head-bar { background:#cc0000; border-bottom:none; display:none}
.head-bar-title { color:#fff; font-weight:400;}
.head-bar img { filter: grayscale(100%) brightness(500%);}
.gird-4 { background:#fff;padding: .2rem .1rem;}
.gird-4 li {width: 25%; height: 1.8rem;float: left;display: flex;justify-content: center;align-items: center;position:relative;}


.b10 {height:.2rem;clear:both;overflow:hidden;width:100%}
.b60 {height:1.2rem;clear:both;overflow:hidden;width:100%}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.blank52 {height:52px;clear:both;overflow:hidden;width:100%}
.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { width:100%;display: flex;justify-content: center;overflow: hidden;}
.m-focus .m-focus-box .swiper-wrapper img {display: block;}

.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.16rem;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 .1rem;width:.2rem;height:.2rem;background:rgba(255,255,255,0.6);}
.swiper-pagination-bullet-active {opacity: 1;background:rgba(0,0,0,0.5);width:.2rem;height:.2rem;}


.com-bar{position:fixed;z-index:9;bottom:0;background:#cc0000;width:100%;height:1.1rem;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; height:1.1rem; text-align:center}
.com-bar li i{margin: auto;display: block;width:.4rem;height:.4rem;margin-top:.16rem;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("../images/fix-back.png")}
.com-bar .btn-sell i{background-image:url("../images/icon-action.png")}
.com-bar .btn-tel i{background-image:url("../images/fix-tel.png")}
.com-bar .btn-qq i{background-image:url("../images/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("../images/fix-tel.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: .26rem;text-align: center;margin-top:.1rem}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:1.1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1.1rem;overflow:hidden;width:100%}

.f7f7f7{overflow:hidden;margin-bottom:.2rem; background:#fff;}
.white{overflow:hidden;margin-bottom:.2rem; background:#fff;}
.intro{font-size:.28rem;line-height:.5rem;overflow:hidden;padding: .3rem;color:#333;}
.intro p{text-indent:.6rem;color:#333}
.intro img{width:100%;height:auto}
.more a{width: 2.4rem;height: .6rem;color: #333;font-size: .26rem;display: block;text-align: center;line-height: .6rem;margin-bottom:.3rem;margin-top: .3rem;border-radius:.08rem;border:#dadada 1px solid}
.more{width:2.4rem;margin:0px auto 0px;}
.more i{font-style: normal;font-family: "宋体";}
.box dt{text-align:center;font-size: .4rem;color: #222;display: block;text-transform : uppercase;overflow:hidden;padding:.2rem 0;font-weight:700}
.box dt span { border-bottom: .16rem solid #F9F871;height: .68rem;line-height: 1.16rem;display: inline-block;padding:0 .1rem;}
.box dt em {font-style: normal;color: #666;display:block;font-size:.2rem;font-weight:normal;}
.news-list-box ul {overflow:hidden;padding:0 .3rem}
.news-list-box ul li img{width:2.4rem;border-radius:.06rem}
.news-list-box ul li{position: relative;overflow:hidden;padding: .3rem 0;border-bottom:#eee 1px solid}
.news-list-box ul li h5{font-size:.29rem;margin-bottom:.2rem; color:#333; font-weight:400;}
.news-list-box ul li em{font-size:.24rem;line-height:.4rem;color:#777;text-align:left; font-style:normal; color:#999;}
.news-list-box ul li .left{width:2.4rem; float:right;margin-left:.3rem;}
.news-list-box ul li .right{overflow:hidden;font-size:.32rem;}
.s-box{overflow:hidden;position:relative;}
.s-box ul{width:100%;padding:0 .3rem;box-sizing: border-box;}
.s-box ul li { float:left; width:48.5%;margin-right:3%;margin-top:.2rem;overflow:hidden; background:white;border-radius:.08rem;}
.s-box ul li:nth-child(2n+2) { margin-right:0;}
.s-box ul li .pic { width:100%;}
.s-box ul li .pic img { width:100%;border-radius:.08rem}
.s-box ul li .text { width:100%;box-sizing: border-box;padding:.2rem;}
.s-box ul li .text strong { color:#333; font-size:.28rem; display:block; font-weight:400;text-align:center}
.s-box ul li .text p { display:block; overflow:hidden; text-align:center;font-size:.28rem}
.s-box ul li .text p span { width:100%; float:left; font-size:.24rem; color:#999;margin-top:.2rem;text-align:center}
.s-box ul li .text p.price{color:red;font-size:.32rem}
.s-box ul li .text p.price i{font-style: normal;font-size:.24rem;}
.contact-us{padding:.3rem;line-height:.5rem; text-align:center;overflow:hidden; color:#999;}
.contact-us a { color:#999;}
.contact-us p{margin:0}
.ui-album {
    background: #ffffff;
    color: #FFFFFF;
}


.cdx-box{background:white;overflow:hidden;position:relative;padding-bottom:.2rem}
.cdx-box ul{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap; background:white}
.cdx-box ul li{ display:inline-block;white-space:normal;width:36%;margin:.0rem .05rem 0 .15rem;overflow:hidden;text-align:center;border:1px solid #eee; padding:.2rem; box-sizing:border-box;}
.cdx-box ul li img{cursor: pointer;transition: all 0.6s;width:100%}


/*======================*/

.op-nav-out{width:100%;height:52px;position:relative;top:0;left:0;z-index:199}
.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}
.op-nav{height:32px;z-index:109;width:100%;font-size:16px;width:100%;padding:10px 0 10px 0px;background:#cc0000;color: #fff;position:fixed;top:0;left:0;}

.op-nav .left{float:left;width:25px;padding-left:10px;position:absolute;top:0;left:0;padding-top:15px;}
.op-nav .center{margin:0px 50px 0px 30px; text-align:center;line-height:32px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.op-nav a{color:#fff}
.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}

.icon_box {
	width:20px;
	height:20px;
	cursor:pointer;
}
.icon_box span {
	width:20px;
	height:2px;
	background:white;
	display:block;
	margin-top:5px;
	transition:all .1s;
	-webkit-transition:all .6s;
	transform-origin:0px center;
}
.icon1 {
	transform:rotate(45deg)!important;
}
.icon2 {
	width:0!important;
	margin-left:3px!important;
}
.icon3 {
	transform:rotate(-45deg)!important;
}



.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;}
.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.8);right:0;top:52px;overflow:hidden;border-radius:0 0 0px 5px;padding:8px 0}
.menu-pop-n-ati{width:120px;height:auto;transition:width .3s,height .1s;}
.menu-nav-n{overflow:hidden}
.menu-nav-n ul{overflow:hidden;z-index:2000}
.menu-nav-n li{width:100%;height:42px;line-height:42px;text-indent:15px; font-size:14px;}
.menu-nav-n a{color:#fff;display:block; position:relative}
.menu-nav-n ul li img { width:18px;position: relative;top: .1rem; margin-right:.1rem;filter: grayscale(100%) brightness(300%);}

.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:105; display:none}


.m-swiper-tab-box { padding:10px 0; background:#f9f9f9;}
.m-evaluation-tab li { width: auto; min-width: 90px; height: 28px; float: left; line-height: 28px; text-align: center; -moz-border-radius: 15px; border-radius: 15px; background: #fff; margin-left: 10px; border:1px solid #e6e6e6;}
.m-evaluation-tab li a { padding: 0 20px; display: block; font-size: 12px; color: #595959;}
.m-evaluation-tab li.active { background: #cc0000;border:1px solid #cc0000;}
.m-evaluation-tab li.active a { color: #fff;}