.m_nav{ height:7rem;background: #333333;margin-top: 2rem;}
.m_nav li{position: relative; float:left;  color:#fff; width:33.333333333333%; text-align:center; }
.m_nav li{height: 3.5rem;line-height: 3.5rem;
 font-size: 1.2rem;	border-bottom: 1px solid #fff;border-right: 1px solid #fff;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_nav li a{color:#fff;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}
.g-adv { height:15rem;width: 100%; }
.g-adv img{ width:100%;}
/* 百德产品中心 */
.g_cp{padding-top: 3.8rem;}
.g_cp h2{height: 5.7rem;text-align: center;font-weight: normal;font-size: 1.5rem;color: #666666;position: relative;}
.g_cp h2 em{display: block;font-weight: normal;font-size: 0.6rem;color: #999999;text-transform: uppercase;padding-top: 1.5rem;}
.g_cp h2:before{content: "";position: absolute;width: 2rem;height: 0.1rem;background: #cccccc; left:50%;margin-left: -1rem;top:2.5rem;}
.g_cp .tabs{position: relative; margin: 0 3%;border: 1px solid #ccc;height: 2.9rem;line-height: 2.9rem; margin-bottom: 1.5rem;}
.g_cp .tabs li{float: left;width: 33%;border-right: 1px solid #ccc;text-align: center;font-size: 1.2rem;color: #666666;height: 2.9rem;line-height: 2.9rem;}
.g_cp .tabs span{position: absolute;right:0;top:0;width: 33%;text-align: center;font-size: 1.2rem;color: #666666;}
.g_cp .tabs span a{color: #666}
.g_cp .tabs .active{background: #c40001;color: #fff;}
.g_cp .fllst{margin: 0 3%;}
.g_cp .fllst li{float: left;width: 33.333333333%;font-size: 1.2rem;color: #666;line-height: 2.5rem;height: 2.5rem;overflow: hidden; }
.g_cp .fllst li a{color: #666}
.g_cp .cplst{margin: 0 0 0 3%;}
.g_cp .cplst li{float: left;width: 45%;margin-right: 5%; height:18rem;}
.g_cp .cplst li img{width: 100%;display: block;}
.g_cp .cplst li em{display: block;width: 100%;height: 4rem;line-height: 4rem;overflow: hidden;text-align: center;font-size: 1.2rem;color: #666}
.g_cho{position: relative; background:url(../Images/Index/chobg.jpg) no-repeat;background-size:100%;height: 27.5rem;padding-top: 3.8rem;}
.g_cho .swiper-slide{width: 100%;}
.g_cho h2{height: 6rem;text-align: center;font-weight: normal;font-size: 1.5rem;color: #666666;position: relative;}
.g_cho h2 em{display: block;font-weight: normal;font-size: 0.6rem;color: #999999;text-transform: uppercase;padding-top: 1.5rem;}
.g_cho h2:before{content: "";position: absolute;width: 2rem;height: 0.1rem;background: #cccccc; left:50%;margin-left: -1rem;top:2.5rem;}
.g_cho h2 b{color: #c40001;}
.g_cho dl{width: 88%; padding: 0 6%;}
.g_cho dt,.g_cho dt img{width: 100%;display: block;}
.g_cho dd h3{height: 3.5rem;line-height: 3.5rem;overflow: hidden;font-size: 1.2rem;color: #555555;font-weight: bold; }
.g_cho dd p{font-size: 1.2rem;color: #555555;line-height: 2rem;}
.g_cho .swiper-button-next{background:url(../Images/Index/ljt.png) no-repeat;background-size: 100%;width: 1rem;height: 2rem;left:2%;top:15rem;position: absolute;}
.g_cho .swiper-button-prev{background:url(../Images/Index/rjt.png) no-repeat;background-size: 100%;width: 1rem;height: 2rem;right:2%;top:15rem;position: absolute;}
.g_xban{position: relative; background:url(../Images/Index/xban.jpg) no-repeat;background-size: 100%;height: 12.5rem;}
.g_xban p{position: absolute;left:6%;top:7.5rem;font-size: 1.2rem;color: #fff;}
.g_xban p b{font-weight: normal;font-size: 1.4rem;color: #fff;}
.g_xban2{position: relative; background:url(../Images/Index/xban2.jpg) no-repeat;background-size: 100%;height: 12.5rem;}
.g_xban2 p{position: absolute;left:28%;top:7.6rem;font-size: 1.2rem;color: #666666;}
.g_xban2 p b{font-weight: normal;font-size: 1.4rem;color: #666666;}
.g_ys{position: relative; height: 40.3rem;padding-top: 4rem;}
.g_ys .swiper-slide{width: 100%;}
.g_ys h2{background:url(../Images/Index/ystit.jpg) no-repeat;background-size: 100%;height: 7.3rem;text-align: center;font-weight: normal;font-size: 1.2rem;color: #666666;}
.g_ys h2 em{display: block;font-size: 1.9rem;color: #666666;font-weight: bold;}
.g_ys h2 em b{color: #c40000;}
.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dt{margin-bottom:1.5rem;}
.g_ys dd h3{margin-left: 3%; height: 4rem;overflow: hidden;font-size: 1.2rem;color: #333333;font-weight: normal; }
.g_ys dd h3 b{color: #c40000;}
.g_ys dd h3 em{display: block;font-size: 0.5rem;color: #666666;text-transform: uppercase;}
.g_ys dd p{position: relative;padding: 0 2% 0 6%; font-size: 1.2rem;color: #666;line-height: 2rem;margin-bottom: 1rem;}
.g_ys dd p:before{content: "";position: absolute;background:url(../Images/Index/ysico.jpg) no-repeat;background-size: 100%;width: 0.8rem;height: 0.8rem;left:3%;top:0.5rem;}
.g_ys dd p b{color: #c40000;}
.g_kf{position: relative; background:url(../Images/Index/chobg.jpg) repeat-y;background-size:100%;height: 32.3rem;padding-top: 3.6rem;}
.g_kf .swiper-slide{width: 100%;}
.g_kf h2{height: 6rem;text-align: center;font-weight: normal;font-size: 1.5rem;color: #666666;position: relative;}
.g_kf h2 em{display: block;font-weight: normal;font-size: 0.6rem;color: #999999;text-transform: uppercase;padding-top: 1.5rem;}
.g_kf h2:before{content: "";position: absolute;width: 2rem;height: 0.1rem;background: #cccccc; left:50%;margin-left: -1rem;top:2.5rem;}
.g_kf h2 b{color: #c40001;}
.g_kf .kfc{margin-left: 6%;margin-right: 6%;}
.g_kf dl{position: relative; width: 100%; float: left; }
.g_kf dt,.g_kf dt img{width: 100%;display: block;}
.g_kf dd{position: absolute;left:0;top:12rem;background: #eaeaea; padding: 0 5% 2rem 5%;}
.g_kf dd h3{text-align: center;font-weight: normal;font-size: 1.2rem;color: #666666;position: relative;}
.g_kf dd h3 span{display: block;height: 3.4rem;line-height: 1.7rem;overflow: hidden;}
.g_kf dd h3 em{display: block;font-weight: normal;font-size: 1.2rem;color: #999999;text-transform: uppercase;padding-top: 1.1rem; height:4.5rem;line-height:1.5rem; overflow:hidden;}
.g_kf dd h3 i{font-style: normal; height:4.33rem;line-height:1.5rem;overflow:hidden;display:block;padding-top:0.6rem; }
.g_kf dd h3:before{content: "";position: absolute;width: 1.5rem;height: 0.1rem;background: #999999; left:50%;margin-left: -1rem;top:3.2rem;}
/* 走进*/
.g_zj{height: 32rem; padding-top: 4rem;}
.g_zj h2{height: 5.7rem;text-align: center;font-weight: normal;font-size: 1.5rem;color: #666666;position: relative;}
.g_zj h2 em{display: block;font-weight: normal;font-size: 0.6rem;color: #999999;text-transform: uppercase;padding-top: 1.5rem;}
.g_zj h2:before{content: "";position: absolute;width: 2rem;height: 0.1rem;background: #cccccc; left:50%;margin-left: -1rem;top:2.6rem;}
.g_zj h2 b{color: #c40001;}
.g_zj dl{padding: 0 3% 0 3%;}
.g_zj dt{width: 100%;margin-bottom:1.5rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd p{color: #666666;font-size: 1.2rem;height: 6rem; line-height: 2rem;overflow: hidden; margin-bottom: 0.8rem;}
.g_zj dd span a{color: #c40000;font-size: 1.2rem;display:inline-block;}
/* 相册 */
.g_xc{background:url(../Images/Index/chobg.jpg) no-repeat;background-size: 100%;padding-top: 3.5rem;height: 18rem;}
.tabs2{background:url(../Images/Index/xctit.png) no-repeat 0 0.2rem;background-size: 100%; padding-left: 32%;height: 2rem;line-height: 2rem; margin-bottom: 1.6rem;}
.tabs2 a{display: block;float: left;font-size: 1.2rem;color: #666666; margin-right: 12%;}
.tabs2 .active{font-weight: bold;}
.xclst{padding-left: 6%; padding-right:5%;}
.xclst li{float: left;width: 100%;}
.xclst li img{width: 100%;display: block;}
.xclst li em{display: block;width: 100%;height: 3.5rem;line-height: 3.5rem;overflow: hidden;text-align: center;font-size: 1.2rem;color: #666666;}
.g_xc .swiper-button-next{background:url(../Images/Index/ljt.png) no-repeat;background-size: 100%;width: 1rem;height: 2rem;left:1%;top:4rem;position: absolute;}
.g_xc .swiper-button-prev{background:url(../Images/Index/rjt.png) no-repeat;background-size: 100%;width: 1rem;height: 2rem;right:1%;top:4rem;position: absolute;}
.g_xc .js-swiper-nest-bas-in {overflow: hidden;}
/*资讯*/
.g_zx{height:17rem; padding-top: 3.2rem; margin: 0 3%; width: 94%; overflow: hidden;}
.g_zx .swiper-slide{width: 100%;}
.g_zx .newtit{position: relative; height: 2.5rem;line-height: 2.5rem;border-bottom: 1px solid #e1e1e1;color: #dadada;font-size: 1rem; margin-bottom: 1.2rem;}
.g_zx .newtit a{display: inline-block;font-size: 1.2rem;color: #666666; padding: 0 3% 0 6%;}
.g_zx .newtit .active{font-weight: bold;position: relative;}
.g_zx .newtit .active:before{content: "";position: absolute;background:url(../Images/Index/zxico.jpg) no-repeat;background-size: 100%; width: 1.2rem;height: 1.2rem;left:0;top:0.8rem;}
.g_zx .newtit span{position: absolute;right: 2%;top:0;font-size: 1rem;color: #c40000;text-transform: uppercase;}
.g_zx .newtit span a{color: #c40000}
.g_zx .newtit span .active:before{background:none;} 
.g_zx p{position: relative;font-size: 1.2rem;color: #666666;height: 2rem;line-height: 2rem;overflow: hidden;padding-left: 6%; }
.g_zx p:before{content: "";position: absolute;background:url(../Images/Index/ysico.jpg) no-repeat;background-size: 100%; width: 0.7rem;height: 0.7rem;left:0;top:0.8rem;}
.g_zx p a{color:#666}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@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;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}